@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 var(--inPd); 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 .select + .select .nice-select .list { left: inherit; right:0;}
.sub_top .nav .home + .select::before,
.sub_top .nav .select + .select::before {content: ""; width: 2px; height: 1em; transform: scaleX(0.5); transform-origin: left center; 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;  line-height: 1.5; font-size:var(--txt); }
.sub_top .nav .select .nice-select .current {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  max-width: 30vw;}
.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.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 em { background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,.3) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text;  font-weight:700;}


.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 .tit2{font-size: var(--tit55); 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_tit_box .tip { margin-top:2rem}
.sub_tit_box .tip p { font-size:var(--smTxt); color:var(--navy); font-weight:500; padding-left: 1.4em; text-indent: -1.4em;}
.sub_tit_box .tip p:before { content: ''; display: inline-block; vertical-align:middle; width:1em; height: 1em;margin:-3px 1rem 0 0; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M8,2a8,8,0,0,0,6.928-4,8,8,0,0,0,0-8A8,8,0,0,0,8-14a8,8,0,0,0-6.928,4,8,8,0,0,0,0,8A8,8,0,0,0,8,2ZM8-10a.748.748,0,0,1,.75.75v3.5A.748.748,0,0,1,8-5a.748.748,0,0,1-.75-.75v-3.5A.748.748,0,0,1,8-10ZM7-3A1,1,0,0,1,8-4,1,1,0,0,1,9-3,1,1,0,0,1,8-2,1,1,0,0,1,7-3Z' transform='translate(0 14)' fill='%231b1c66'/></svg>") no-repeat center / contain;;}

.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: var(--tit55); font-weight: 700; }
.sub_cont_tit {  opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.sub_cont_tit.active { opacity: 1; transform: unset;}
.sub_cont_tit small { font-size:var(--lgTxt2); }
.sub_cont_tit2 { font-size:var(--lgTxt2); font-weight:700; margin-bottom: 2.5rem;opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out; }
.sub_cont_tit2.active { transform: unset; opacity: 1;}
.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;}
.sub_cont_tit_box .tit small { font-size:var(--smTxt); font-weight:500; margin-left: 1.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.download:after{margin-left: 0.6em; width: 1.2em; height: 1.2em;}




/* Tab */
.round_tab_wrap { overflow-x: auto; margin-top:var(--subContMt1); margin-bottom: 12rem; text-align: center; }
.round_tab_wrap.mobile_select { margin-top:calc(var(--subSectPd) / -2); }
.round_tab_wrap::-webkit-scrollbar { display: none;}
.round_tab { display: inline-flex; overflow: hidden; font-size:var(--lgTxt); font-size:var(--txt1); padding: 0.5em; margin: 0 auto; background: #12100D; border-radius: 10rem;}
.round_tab .tab { display: inline-block; padding: 0.9em 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; white-space: nowrap;;}
.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;}
.round_tab_wrap .nice-select { display: none;}

.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 5rem; height: 3.2em; white-space: nowrap; text-align: center; align-items: center; justify-content: center; color:#A29480; border-bottom: 2px solid #D5CABC; font-weight: 700;  transition: all 0.3s ease; cursor: pointer;}
.line_tab.active{color:var(--black); border-color:var(--black);}
.line_tab_wrap_mobile { display: none;}

.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;}

/* Tab2 (탭 안에 탭 */
.round_tab_wrap2 { overflow-x: auto; margin-top:var(--subContMt1); margin-bottom: 12rem; text-align: center; }
.round_tab_wrap2::-webkit-scrollbar { display: none;}
.round_tab2 { display: inline-flex; overflow: hidden; font-size:var(--lgTxt); padding: 0.5em; margin: 0 auto; background: #12100D; border-radius: 10rem;}
.round_tab2 .tab { display: inline-block; padding: 0.9em 1.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; cursor: pointer;}
.round_tab2.c_light{background: rgba(18,16,13,.07);}
.round_tab2.c_light .tab{color: rgba(18,16,13,.3);}
.round_tab2 .tab + .tab {  margin-left: 0.5em;}
.round_tab2 .tab.active { background: var(--gold); color: #fff;}

.tab_cont2 { display: none;}
.tab_cont2.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.wh .swiper-pagination{ background-color: #fff; }
.slide_controls.wh .swiper-button-prev,
.slide_controls.wh .swiper-button-next{background-color:#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: var(--radius); 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:var(--radius); 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); overflow: hidden;}
.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.active .txt{background: var(--blue);}
.history_page .map_sect .cont .pin.active .dot_wrap .dot{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; cursor: pointer;}
.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; border-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 svg text,
.layer_page .layer_sect .cont_box .img_box svg text tspan { font-family: "Pretendard Variable", Pretendard, -apple-system;}
.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 text,
.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); cursor: pointer;}
.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; }

.layer_page .layer_sect .info_txt {display: flex; align-items: flex-start; font-size:var(--txt); font-weight: 500; margin-top: 3rem; }
.layer_page .layer_sect .info_txt svg {width: 1em; margin-right: 0.4em; fill: #BFA072; vertical-align: middle; margin-top:0.2em; }




.layer_info_detail { }
.layer_info_detail .center_cont{display: none; margin-top: 16rem; }
.layer_info_detail .center_cont.active{display: block;}
.layer_info_detail .center_cont .cont_tit {font-size: 3.2rem; font-weight: 700; padding-bottom: 3rem; border-bottom: 1px solid #000;}
.layer_info_detail .center_cont .list {padding-top: 3rem;}
.layer_info_detail .center_cont .list li {display: flex; align-items: center;}
.layer_info_detail .center_cont .list li + li {margin-top: 3rem;}
.layer_info_detail .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;flex-shrink: 0;}
.layer_info_detail .center_cont .list li .badge svg {width: 1.1em; height: auto; margin-right: 0.5em; fill: var(--blue);}
.layer_info_detail .center_cont .list li .txt_box {display: flex; font-size: var(--txt2);}
.layer_info_detail .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_info_detail .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; cursor: pointer;}
.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;*/ flex-wrap: wrap; justify-content: center; gap:10px 0; 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 a { display: inline-flex; justify-content: center; align-items: center;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box a + a {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; cursor: pointer;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .all_btn.active {background-color: #000; color: #fff;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn { flex-shrink: 0; 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;  cursor: pointer;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn.active {background-color: #1B1C66; 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 {display: inline-flex; align-items: center; justify-content: center; height: 3.2em ; padding:0 1em; font-size: var(--txt2); font-weight: 500; border-radius: 1rem; background-color: #fff; transition: 0.3s ease-in-out;color:var(--black); cursor: pointer; text-align: center;}
.med_find_page .search_form .type_wrap .type_box .small_category .btn.active {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; }
.med_find_page .med_srch_res .med_info .txt_box .tag { font-size: var(--txt);  font-weight: 500; color: #ACACAC; margin-bottom: 2rem;;}
.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 { font-size: var(--txt); font-weight: 500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.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 + .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; font-size: var(--smTxt)}
.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; align-items: center; text-align: center;}
.list_tbl .tbl_box .th_box .th:first-child { flex:0.8; }
.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 { flex:0.8; 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; height: 100vh;}

.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; object-position: bottom}
.med_view_page .profile_sect .cont .img_box .btn_wrap{display: none;}

.med_view_page .profile_sect .cont .img_box .info {display: none;color:#fff;  padding:calc(var(--subContMt1) + 2rem) var(--inPd) 0;}
.med_view_page .profile_sect .cont .img_box .info .part{font-size:var(--lgTxt2); color:var(--gold); font-weight: normal; font-weight: 700; }
.med_view_page .profile_sect .cont .img_box .info .name{font-size:max(6.4rem, 50px); font-weight: 700;}
.med_view_page .profile_sect .cont .img_box .info .desc{font-size:var(--subTxt); margin-top: 1.5rem;}
.med_view_page .profile_sect .cont .img_box .info .desc br { display: none;}



.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) 4% 10rem 4%; }
.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; }
.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(--subTxt); margin-top: 1.5rem;}

.med_view_page .profile_sect .cont .info_cont .tit{font-size:var(--tit40); font-weight: 700; margin-bottom: 2rem;}
.med_view_page .profile_sect .cont .info_time{margin-top: auto; margin-top:var(--subContMt); padding-top: var(--subContMt); border-top:1px solid var(--lineColor)}
.med_view_page .list_tbl .tbl_box{margin-right: 0;}
.med_view_page .list_tbl .tbl_box .th_box{font-size:var(--txt);}
.med_view_page .list_tbl .tbl_box .td_box{font-size:var(--txt);}
.med_view_page .list_tbl .tbl_box .td_box .td{ height:auto; text-align: center; 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(--txt); 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: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:10rem 4%;}
.med_view_page .profile_sect .cont .btm_area .info_cont + .info_cont{margin-top: 10rem;}
.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_his .tit_box{position:relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #1c1c1c;}
.med_view_page .profile_sect .cont .info_his .tit_box .ico {right:0; width:1.5em;height:1.5em; margin-bottom: 2rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><line x1="0" y1="12.5" x2="25" y2="12.5" stroke="%231c1c1c" stroke-width="3"/><line x1="12.5" y1="0" x2="12.5" y2="25" stroke="%231c1c1c" stroke-width="3"/></svg>') center/contain no-repeat;cursor:pointer;transform-origin:center;transition:background 0.3s,transform 0.5s;}
.med_view_page .profile_sect .cont .info_his .tit_box.active .ico {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 3"><line x2="25" transform="translate(0 1.5)" fill="none" stroke="%231c1c1c" stroke-width="3"/></svg>') center/contain no-repeat;}

.med_view_page .profile_sect .cont .info_cont .history_list { display: none;}
.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; width: 130px; width:7em; font-weight: 700; flex-shrink: 0;}
.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:var(--tit40);}
.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;}

/* 증명서 발급 */
.com_info_box .item2 { display: flex; justify-content: space-between; align-items: center; }
.com_info_box .item2 .txt { font-size:var(--txt1); line-height: 1.8; ;}
.com_info_box .item2 .btns { flex-shrink: 0; margin-left: 2rem;}
.com_info_box .item2 .btns a { display: inline-block; padding:1em 2em; border-radius:6em; font-size:var(--smTxt); background-color: #fff; font-weight:700;  text-align: center;}
.com_info_box .item3 .tit { font-size:var(--lgTxt); font-weight:700; margin-bottom: 2.5rem;}
.com_info_box .item3 .txt { font-size:var(--txt); line-height: 1.6; ;}
.com_info_box .item3 .txt p + p { margin-top: 1.5rem;}

.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;}
.form_sect {font-size:var(--txt); margin-top: var(--subContMt); --inpRadius: 0.8rem;}
.form_sect .write_form > .info_txt{text-align: right; font-size: var(--smTxt); margin-bottom: 2rem;}
.form_sect .write_form > .info_txt .ess{color:var(--gold);}
.write_form .form_list > li { display: flex; justify-content: space-between;}
.write_form .form_list > li + li { margin-top: 3.5rem; }
.write_form .form_list > li + li.consent_info { margin-top: 10rem; }
.write_form .form_list > li .left_txt { display: flex; font-weight: 700; flex-shrink: 0; width: 12em; padding-top: 0.9em;} /*align-items: center;*/
.write_form .form_list > li .left_txt p { padding-right:1em;}
.write_form .form_list > li .left_txt .ess::after { content: "*"; color: var(--gold); font-size: 1em; margin-left: 3px;}
.write_form .form_list > li .cont_box { flex: 1;}
.write_form .form_list li .inp { width: 100%; }
.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);}
.write_form .form_list li .inp input:focus { outline: 1px solid #000; }
.write_form .form_list li .inp input::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.write_form .form_list li .inp_txt { margin-top: 10px; font-size: calc(var(--txt) * 0.85); color: var(--gray); }
.write_form .form_list li .inp .nice-select { width: 100%; height: var(--inpH); line-height: var(--inpH); padding: 0 2em 0 1.3em; border: 1px solid var(--lineColor); border-radius: var(--inpRadius); font-size:var(--txt);}
.write_form .form_list li .inp .nice-select::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.write_form .form_list li .inp .nice-select .list { width:100%; max-height: 40rem; overflow-y: auto;}
.write_form .form_list li .inp .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.write_form .form_list li .inp .nice-select.open:after { transform:rotate(180deg)}
.write_form .form_list li .inp .nice-select .current { display: block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.write_form .form_list li .inp-box { display: grid; grid-auto-flow: column; gap:1.3rem; align-items: center;}
.write_form .form_list li .inp-box.half { grid-template-columns: repeat(2, minmax(0, 1fr));}
.write_form .form_list li .inp-box .nice-select:nth-child(2){ flex:1 1 30%; }
.write_form .form_list li .inp-box > span { text-align: center;}
.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; }
.write_form .form_list li .textarea textarea:focus { outline: 1px solid #000; }
.write_form .form_list li .textarea textarea::placeholder { color: #BCBFC7; font-weight: 500;}
.write_form .form_list li .textarea textarea::-webkit-scrollbar { width: 10px; }
.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; }
.write_form .form_list li .textarea textarea::-webkit-scrollbar-track { background: #fff; }
.write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement { height: 15px; }
.write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment { height: 15px; }
.write_form .form_list li.priv_chk { display: block; }
.write_form .form_list li.priv_chk .left_txt { width: auto; height: auto; }
.write_form .form_list li.priv_chk .left_txt .chk {margin-left: auto; display: flex;}
.write_form .form_list li.priv_chk .left_txt .chk label {display: flex; align-items: center; font-size: var(--smTxt); cursor: pointer;}
.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;}
.write_form .form_list li.priv_chk .left_txt .chk label .ico svg {  width: 100%; height: auto;}
.write_form .form_list li.priv_chk .left_txt .chk label .ico svg.on { display: none;}
.write_form .form_list li.priv_chk .left_txt .chk input:checked + label .ico svg.off { display: none;}
.write_form .form_list li.priv_chk .left_txt .chk input:checked + label .ico svg.on { display: block;}
.write_form .form_list li.priv_chk .cont_box { margin-top: 2rem; }
.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(--radius);}
.write_form .form_list li.priv_chk .cont_box .terms_box strong { display: block; font-weight:500; color:var(--black); margin-bottom: 2.4rem;}
.write_form .form_btn_box { margin-top:var(--subContMt); display: flex; justify-content: center; }
.write_form .form_btn_box .btn { display: block; padding: 0 2.2em; height: var(--inpH); line-height: var(--inpH); background-color: var(--navy); border:1px solid 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;  cursor: pointer;}
.write_form .form_btn_box .btn + .btn { margin-left: 1rem; ;}

.write_form .form_btn_box .btn.btn2 { background-color:#fff; border-color:var(--black); color:var(--black);}

.write_form .file_inp{display: flex;}
.write_form .file_inp .file_btn {display: flex; align-items: center; padding:0 1.8em; border-radius: 0.8rem; border:1px solid #000; font-weight: 500; margin-left:10px; transition: 0.3s; color:var(--black); }

.write_form .file_inp .inp_files{position:relative; width:100%; }
.write_form .file_inp .inp_files .btn_del { position: absolute; right:0; top:0; width:3.5em; height: 100%; ;}




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

.info_sect .img_box{position: relative; width:100%; margin-top: var(--subContMt); padding-top: 50%; 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 .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 .diagram_box img { width: 100%;}
.clinic_page .diagram_box .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.clinic_page .diagram_box .bg img{width: 100%; height: 100%; object-fit: cover; transform:scale(1.1); transition: transform 0.8s ease-in-out;}
.clinic_page .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 .diagram_box .img img{max-width: 75%;}
.clinic_page .diagram_box.active{opacity: 1;}
.clinic_page .diagram_box.active .bg img{opacity: 1; transform:scale(1);}
.clinic_page .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(--txt); 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; overflow: hidden;}
.med_staff_slide{position: relative; margin-top: var(--subContMt); margin-left: calc((100% - var(--subInWid)) / 2); padding-left: var(--inPd); max-width: 100%;}
.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.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; flex-wrap: wrap;}
.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; margin-top:10px;}
.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.inquiry: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: calc(var(--subInWid) - var(--inPd) * 2); 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: var(--subContMt);}
.com_col2_list .item{display: flex; align-items: center; transform: translateY(6rem); opacity: 0; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.com_col2_list .item.active { transform: unset; opacity: 1; }
.com_col2_list .item + .item{margin-top: var(--subContMt); margin-top:8rem}
.com_col2_list .item .img_box{position: relative; flex-shrink: 0; padding-top: 24%; width: 58rem; width:40%; 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 .subtit + .txt_list { 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;}
.com_col2_list .item .txt_box .course { padding-top:2.5rem; margin-top:2.5rem; border-top:1px solid rgba(255,255,255,0.3); display: flex; align-items: flex-start; }
.com_col2_list .item .txt_box .course .stit { padding:0.2em 0.6em; border-radius:1rem; background-color: rgba(255,255,255,0.2); font-size:var(--txt); font-weight:700; margin-right:1.5rem; }
.com_col2_list .item .txt_box .course .step { display: flex; flex-wrap: wrap; font-size:var(--smTxt); padding-top:0.3em; }
.com_col2_list .item .txt_box .course .step div { padding-right:1.5em; margin:0 0.6em 0.3em 0;  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12.249' height='10.504' viewBox='0 0 12.249 10.504'><path d='M11.993-4.632a.876.876,0,0,0,0-1.239L7.618-10.246a.876.876,0,0,0-1.239,0,.876.876,0,0,0,0,1.239L9.264-6.125H.875A.874.874,0,0,0,0-5.25a.874.874,0,0,0,.875.875H9.261L6.382-1.493a.876.876,0,0,0,0,1.239.876.876,0,0,0,1.239,0L12-4.629Z' transform='translate(0 10.502)' fill='%23fff'/></svg>") no-repeat right 50%; background-size: 0.8em auto;;}
.com_col2_list .item .txt_box .course .step div:last-child { background: none; padding-right:0;;}
.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;}


/* 클리닉센터_푸드테라피 */
.diagnosis_sect {padding-bottom: var(--subSectPd2); padding-top: var(--subSectPd2); margin-top: calc(-1 * var(--subSectPd2));} /*앵커탭때문*/
.diagnosis_sect .cont{margin-top: var(--subContMt2); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem;}
.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;} 
.diagnosis_sect .chk_list.active .inp_chk_box{opacity: 1; transform: translateY(0);}
.diagnosis_sect .chk_list .inp_chk_box .inp_chk {border:1px solid var(--lineColor); border-radius: 1.6rem }
.diagnosis_sect .chk_list .inp_chk_box .inp_chk + .inp_chk{margin-top: 2.4rem;}
.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;}
.diagnosis_sect .chk_list .inp_chk_box .inp_chk input + label .ico { flex-shrink: 0; 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%;}
.diagnosis_sect .chk_list .inp_chk_box .inp_chk input:checked + label {color: #262F40;}
.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%;}
.diagnosis_sect .chk_list .result_box > *{opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.diagnosis_sect .chk_list .result_box .arrow{max-width: 4.8rem; margin:0 auto; margin-top: var(--subContMt); } 
.diagnosis_sect .chk_list .result_box .arrow svg{max-width: 100%;}
.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);}
.diagnosis_sect .chk_list .result_box .txt_box .ico{width: 2em; margin: 0 auto 0.5em; }
.diagnosis_sect .chk_list .result_box .txt_box .txt p + p { margin-top:2rem;}
.diagnosis_sect .chk_list .result_box.active > *{opacity: 1; transform: translateY(0);}

.com_recommend_cont{ position: relative; display: flex; margin-top:var(--subContMt2); justify-content: space-between;}
.com_recommend_cont .sub_cont_tit{position: sticky; top: calc(var(--headerH) + 5rem); width:50%; height: 100%; padding-bottom:20%; padding-right: 5em; padding-right:2em}
/* .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 .sub_cont_tit small { font-size:var(--txt); display: block; margin-top:4rem; font-weight: 400;}
.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;}
.com_recommend_cont .symptoms { width:50%; }
.com_recommend_cont .symptoms ul { display: flex; ;flex-wrap: wrap;; }
.com_recommend_cont .symptoms li { width:33%; font-size:var(--txt1); font-weight:700; margin-bottom: 3rem; padding-left: 0.8em; position: relative;}
.com_recommend_cont .symptoms li:before { content: '•'; position: absolute; left: 0; top:0; color:#ACACAC;}

.program_sect .banner_cont{position: relative; margin-top: 13rem;}
.program_sect .banner_cont .banner_box{position: relative; display: flex; align-items: center; min-height:max(4rem, 390px); border-radius: var(--radius); overflow: hidden;}
.program_sect .banner_cont .txt_box{position: relative; z-index: 2; padding: 8rem; height: 100%;}
.program_sect .banner_cont .txt_box .tit{font-size:var(--smTit); font-weight: 600;}
.program_sect .banner_cont .txt_box .txt{font-size:var(--txt); font-weight: 500; margin-top: 2.4rem;}
.program_sect .banner_cont .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.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;}
.program_sect .banner_cont .bg img{ position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.program_sect .center_info .list {padding-top: 3rem;}
.program_sect .center_info .list li {display: flex; align-items: center;}
.program_sect .center_info .list li + li {margin-top: 3rem;}
.program_sect .center_info .list li .badge {display: flex; align-items: center; justify-content: center; font-size:var(--txt); width: 8em; height: 2.5em; background-color: #FAF5ED; color: #98733D; border-radius: 5rem; font-weight: 700; margin-right: 2.5rem;flex-shrink: 0;}
.program_sect .center_info .list li .badge svg {width: 1.1em; height: auto; margin-right: 0.5em; fill: #98733D;}
.program_sect .center_info .list li .box {display: flex; font-size: var(--txt2);}
.program_sect .center_info .list li .box .tx + .tx::before {content: ""; width: 1px; height: 0.8em; margin: 0 3rem; background-color: #fff; display: inline-block;}
.program_sect .center_info .list li .box strong {margin-right: 10px;}


.food_page .program_sect .test_cont {margin-top:var(--subContMt2);}
.com_test_slide{margin-top: var(--subContMt); opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; }
.com_test_slide.active { opacity: 1; transform: unset;}
.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 .item.swiper-slide { height: auto;}
.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 + 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 .dot { padding-left: 0.5em; text-indent: -0.5em;}
.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;}


/* 클리닉센터_면역증강 클리닉 */
.info_sect .btm_txt_box{margin-top: var(--subContMt);opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.info_sect .btm_txt_box.active { transform: unset; opacity: 1;}
.info_sect .btm_txt_box .tit{font-size:var(--smTit); font-weight: 600;}
.info_sect .btm_txt_box .txt{font-size:var(--txt); font-weight: 500; margin-top: 2.4rem;}
.info_sect .btm_txt_box .dot{font-size:var(--txt); font-weight: 500; padding-left: 0.5em; text-indent: -0.5em;}
.info_sect .btm_txt_box .dot strong { color:var(--gold); }
.info_sect .btm_txt_box .dot + .dot { margin-top:1rem;}

.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; padding:0 2rem;}
.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)}


/* 일반외래_정형외과 */
.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; overflow: hidden;}
.out_page .diagram_box img{max-width: 88rem;}
.out_page .active + .diagram_box{opacity: 1; transform: translateY(0);}


/* 일반외래_정신건강의학과 */
.sub.psych_page { padding-bottom: 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; width:40%; 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;}

.program_sect .test_cont{margin-top: var(--subContMt1);}
.program_sect .info_area{display: flex; justify-content: space-between; margin-top:var(--subContMt1)}
.program_sect .info_area .img_box{ flex-shrink: 0; border-radius:var(--radius); padding-top:24%; width:58rem; width:40%; overflow: hidden; opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition-delay: 0.5s;}
.program_sect .info_area .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.program_sect .info_area .active + .img_box{opacity: 1; transform: translateY(0);}
.program_sect .key_area{margin-top: var(--subContMt1);}
.program_sect .com_tbl { border-radius:var(--radius3); overflow: hidden; background-color: #fff;color:var(--black); margin-top:4rem}
.program_sect .com_tbl table { border-top:0;}
.program_sect .com_tbl table thead th { background-color: #FAF5ED; }
.program_sect .com_tbl .p_tit { display: inline-flex; vertical-align: middle; border-radius:100%; align-items: center; justify-content: center; width:4em; height:4em; font-weight:700; text-align: center; font-size:var(--txt2); color:#fff; background-color: #0C5FBF; font-style: normal;}
.program_sect .com_tbl .p_tit.green { background-color: #46AC11;}
.program_sect .com_tbl .p_tit.white { background-color: #fff; color:var(--black); border:1px solid var(--lineColor);}
.program_sect .com_tbl .p_tit.pink { background-color: #FFCADA; color:var(--black)}
.program_sect .test_program_list .tit { font-size:var(--smTxt); font-weight: 700; position: relative; padding-left: 1em; text-align: left;}
.program_sect .test_program_list .tit:before { content: ''; position: absolute; left: 0; top:0.5em; width:0.5em; height: 0.5em; border-radius:100%; background-color: #BFA072;}
.program_sect .test_program_list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem; text-align: center; padding:1rem;}
.program_sect .test_program_list ul li p { margin-top:1rem; }
.program_sect .test_program_list ul li img { width:4em; height: auto;}
.program_sect .com_tbl_mobile_desc { display: none;}
.nerve_page .diagnosis_sect .cont { margin-top:0; }
.nerve_page .com_recommend_cont { margin-top:0;}
.chronicfatigue_page  .round_tab_wrap { margin-top:0; }
.img_slider_box { position: relative; border-radius:var(--radius); overflow: hidden; margin-top: var(--subContMt);}
.img_slider_box .item {position: relative; width:100%;  padding-top: 50%;  transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.img_slider_box .item  .img{position: absolute; width: 100%; height: 100%; inset:0; object-fit: cover; object-position: center;  transition: transform 1s ease-in-out;}
.img_slider_box .swiper-pagination { left: 0; right:0; bottom:2.5rem; display: flex; justify-content: center;}
.img_slider_box .swiper-pagination .swiper-pagination-bullet { background-color: #000; opacity:0.3; border-radius:8px; transition: all 0.3s ease; margin:0 4px;}
.img_slider_box .swiper-pagination .swiper-pagination-bullet-active { opacity:1; width:4rem; }
.maincheckup_cont  { margin-top:4rem; }
.maincheckup_cont ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem;}
.maincheckup_cont ul li .img { border-radius:var(--radius3); overflow: hidden;}
.maincheckup_cont ul li .txt { font-size:var(--txt1); font-weight: 700; margin-top: 3rem;}
.maincheckup_cont ul li { opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.maincheckup_cont ul li:nth-child(1) { transition-delay: 0.1s;}
.maincheckup_cont ul li:nth-child(2) { transition-delay: 0.2s;}
.maincheckup_cont ul li:nth-child(3) { transition-delay: 0.3s;}
.maincheckup_cont ul li:nth-child(4) { transition-delay: 0.4s;}
.maincheckup_cont ul li:nth-child(5) { transition-delay: 0.5s;}
.maincheckup_cont.active ul li { opacity: 1; transform: unset;}
.mg_top { margin-top:var(--subContMt1)}

.eversell_page .program_sect { margin-top: var(--subContMt2);}
.eversell_page .program_sect .com_col2_list .item .txt_box .tit{padding-left:1.4em;}
.eversell_page .program_sect .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;}


/* ---------- 프리미엄 검진 ---------- */
.checkup_page{padding-bottom: 0;}
.checkup_page  .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; vertical-align: middle; margin-top:-0.2em; 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{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 .sub_tit_box.active + .checkup_type .type{opacity: 1; transform: translateY(0);}
.chk_info_page .custom_sect .checkup_type .type.active {opacity: 1; transform: translateY(0);}
.chk_info_page .custom_sect .checkup_type .type.active: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;  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 .personal .cont_box .list .item a { display: block;}
.chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item a .tit_box .ico { transition:all 0.3s ease; transform: translateX(-1rem); opacity:0;  margin-top:-0.1em;}


.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; border-radius:2.4rem; overflow: hidden;}
.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{ padding-top:4rem;} 
.chk_info_page .custom_sect .checkup_type .company .inquiry_box .btm .link:after { margin-top:0;}
.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-top: 3.2rem; max-width: max-content; border:1px solid var(--black);}

.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: var(--inPd);;}
.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.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: calc(var(--subInWid) - var(--inPd) * 2); 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;  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; margin-top:0.2em; flex-shrink: 0;}
.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 .txt{font-size: var(--txt2); margin-top: 2rem;}

.important_sect + .cta_sect { margin-top:0;}

.important_sect { padding: var(--subSectPd2) 0; background-color: var(--bg); ;}
.important_sect .sub_tit_box {margin-bottom:var(--subContMt); ;}
.important_sect .sub_cont_tit_box  { margin-bottom: 2.5rem;}
.important_sect .cont1 { padding:8rem 2rem; border-radius:var(--radius); background-color: #fff; margin-bottom: var(--subSectPd);}
.important_sect .cont1 .t1{ font-size:var(--lgTxt); text-align: center; font-weight:700; ;}
.important_sect .cont1 .t2{font-size: var(--txt); text-align: center; margin: 1.2rem 0 6rem; font-weight:500;}
.important_sect .cont1 .chart_box { display: flex; justify-content: center; align-items: center;}
.important_sect .cont1 .chart_box .img { margin-right:12rem; }
.important_sect .cont1 .chart_box .img svg {width: 30em; height: auto;}

/* SVG 차트 애니메이션 스타일 */
.important_sect .cont1 .chart_box .img svg path {stroke-dasharray: 1000;stroke-dashoffset: 1000;opacity: 0;animation: chart-draw 2.5s ease-out forwards;animation-play-state: paused;}
.important_sect .cont1 .chart_box .img svg path[data-name="패스 13698"] {    animation-delay: 0.2s;}
.important_sect .cont1 .chart_box .img svg path[data-name="패스 13699"] {    animation-delay: 0.7s;}
.important_sect .cont1 .chart_box .img svg path[data-name="패스 13700"] {    animation-delay: 1.2s;}
.important_sect .cont1 .chart_box .img svg path[data-name="패스 13701"] {    animation-delay: 1.7s;}
@keyframes chart-draw {
    to {  stroke-dashoffset: 0;  opacity: 1;  }
}

.important_sect .cont1 .chart_box .info dl + dl { margin-top:4rem; }
.important_sect .cont1 .chart_box .info dl dt { font-size:var(--subTxt); font-weight:600; position: relative; margin-bottom: 1rem;}
.important_sect .cont1 .chart_box .info dl dt i { position: absolute; left: -1.3em; top:0.3em; width:0.7em; height: 0.7em; border-radius:100%; ;}
.important_sect .cont1 .chart_box .info dl dd {font-size: var(--tit55); font-weight: 600; line-height: 1;}
.important_sect .cont2 { padding:10rem 2rem; border-radius:var(--radius); background-color: #fff; margin-bottom: var(--subSectPd);}
.important_sect .cont2 .t1{ font-size:var(--lgTxt); text-align: center; font-weight:700; margin-bottom: var(--subContMt);}
.important_sect .cont2 .graph_box { display: flex; justify-content: center; }
.important_sect .cont2 .graph_box .item { width:35%;  }
.important_sect .cont2 .graph_box .item + .item { position: relative; margin-left: 8rem;; }
.important_sect .cont2 .graph_box .item + .item:before {content: ''; position: absolute; left: -4rem; top:var(--subContMt); bottom:0; width:1px; background-color: var(--lineColor);}
.important_sect .cont2 .graph_box .item .sex { margin-bottom:1.8rem; text-align: center;}
.important_sect .cont2 .graph_box .item .sex strong { display: inline-block; padding:0.2em 1em; border-radius:4em; background-color: var(--gold); font-size:var(--txt2); color:#fff; ;}
.important_sect .cont2 .graph_box .item .bar{ position: relative;  font-size:var(--subTxt); font-weight:700; margin-bottom: 1rem; }
.important_sect .cont2 .graph_box .item .bar em { display: block; height: 1.2em; border-radius:0 5px 5px 0; position: relative; }
.important_sect .cont2 .graph_box .item .bar p { position: absolute; right:-4em; width:3.5em; font-weight:700; white-space: nowrap; }



/* 프리미엄 검진_개인검진 */
.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 {background-color: var(--gold); color:#fff;}
.chk_ps_page .chk_program_sect .program_tab .tab.active .txt span {color:#fff;}
.chk_ps_page .chk_program_sect .program_tab .tab:not(:last-child).active .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;}
.com_tbl table tr th.bd_none{border-left: none;}
.com_tbl table tr .text_left { text-align: left;}

.chk_ps_page .program_tbl { overflow: visible;}
.chk_ps_page .desc_tip + .program_tbl,
.chk_ps_page .program_tbl + .program_tbl{margin-top: 10rem;}
.chk_ps_page .program_tbl + .sub_cont_tit2 {margin-top: 10rem;}

.chk_ps_page .chk_program_sect .com_tbl.program_tbl table td.gender{font-size: 1.3em; font-weight: 700;}
.chk_ps_page .chk_program_sect .com_tbl.program_tbl table td.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_ps_page .round_tab_wrap2 { margin:3rem 0 8rem;}
.chk_ps_page .mobile_tit { display: none;}
.chk_ps_page .mobile_price { display: none;}





/* 프리미엄 검진_기업검진 */
.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);}
.chk_note_page .note_sect .cont_wrap .sub_cont_tit { margin-bottom: 4rem;}
.chk_note_page .note_sect .cont_wrap .list1 { border-top:2px solid var(--black); }
.chk_note_page .note_sect .cont_wrap .list1  + .sub_cont_tit2 { margin-top:var(--subContMt);}
.chk_note_page .note_sect .cont_wrap .list1 .item { padding:3rem 3rem 3rem 10rem; border-bottom: 1px solid var(--lineColor); }
.chk_note_page .note_sect .cont_wrap .list1 .item .hd { position: relative; font-size:var(--txt2); font-weight:600; }
.chk_note_page .note_sect .cont_wrap .list1 .item .hd .num{position: absolute; left:-2.5em; top:-0.1em;  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;}
.chk_note_page .note_sect .cont_wrap .list1 .item .bd { font-size:var(--smTxt);  margin-top:1rem; }
.chk_note_page .note_sect .cont_wrap .list1 .item .bd div { padding-left: 0.5em; text-indent: -0.5em;}

.programs_cont { margin-top:var(--subContMt1); }
.programs_cont .sub_cont_tit_box { margin-bottom: 4rem;}
.programs_cont .check_list ul li  { margin-bottom: 2.5rem; border-radius:var(--radius3); background-color: #fff; padding:3.5rem; display: flex; align-items: flex-start; font-size:var(--txt); color:var(--black); }
.programs_cont .check_list ul li .label { flex-shrink: 0; padding:0.3em 0.7em; font-weight:700; border-radius:3em; background-color: var(--gold); color:#fff; margin-right:1.5rem;}
.programs_cont .check_list ul li .tit { font-size:var(--lgTxt); margin-bottom: 1.5rem; font-weight:700; padding-top:0.1em;}
.programs_cont .check_list ul li .txt .dot { padding-left: 0.5em; text-indent: -0.5em;}
.programs_cont .check_list ul li { opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out , transform 0.8s ease-in-out;}
.programs_cont .check_list.active ul li { transform: unset; opacity: 1;}

/* 특화센터 */
.clinic_page .program_sect .diagram_box .img img { max-width:100%; }
.subinfo_sect .sub_tit_box { margin-top:var(--subContMt1); }





/* ---------- 예약 ---------- */
/* 예약_온라인예약 */
.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 {padding-top: var(--subContMt1)}
.rese_page .step_sect .step_wrap .description + .step { padding-top:0; }
.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 .exam_checklist .chk_list { grid-template-columns: repeat(3,minmax(0,1fr)); }
.exam_checklist { padding:4.5rem 5.5rem; }
.exam_checklist .title1 { font-size:var(--lgTxt2); margin:var(--subContMt) 0 2.2rem;  font-weight:700; }
.program_check_list ul li { padding: 3rem 4rem; border-radius:1.5rem; background:var(--bg2); margin-bottom: 1.5rem;}
.program_check_list ul li .subj { margin-bottom: 1.2rem; font-size:var(--txt); }
.program_check_list ul li .subj .radio + div { font-weight:700; }
.program_check_list ul li .radio + div em { margin-top:0.1em}
.program_check_list ul li .text { display: flex; justify-content: space-between;}
.program_check_list ul li .text .txt { font-size:var(--txt); padding-left: 1.7em; }
.program_check_list ul li .text .txt .dot { padding-left: 0.9em; text-indent: -0.9em;}
.program_check_list ul li .text .prices { display: flex; flex-shrink: 0; margin-left: auto;}
.program_check_list ul li .radio + div { align-items: flex-start;}
.program_check_list ul li .text .prices label { margin-left: 2.2rem; font-size:var(--txt); ;}
.program_check_list ul li .text .prices label p { font-size:var(--smTxt); }
.program_check_list ul li .text .prices label p b { display:block; }
.program_check_list ul li .text .prices label p  strong { font-size:var(--txt); margin-left: 1rem; }
.program_check_list ul li .text .prices .number { font-size:var(--txt); font-weight:700; align-self: flex-end;}
.program_check_list ul li .text .choices { display: flex; margin-top:1rem; ;}
.program_check_list ul li .text .choices label { margin-right:3rem;}
.program_check_list ul li.long_type .text { display: block;}
.program_check_list ul li.long_type .text .prices { flex-wrap: wrap; padding-left: 1.7em; margin-top:1rem; font-size:var(--txt);}
.program_check_list ul li.long_type .text .prices label { margin:0 5rem 1rem 0;}

.step3 .exam_checklist { border-top:2px solid var(--black); }
.step3 .program_check_list { margin-top:4rem}

.rese_page .step_sect .step_wrap .step .chk_list li label {cursor: pointer; text-align: center; 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 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 input:checked + label .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; color:var(--black); }
.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 .step3 .info_txt { display: flex; align-items: flex-start; justify-content: center; background-color: #F7F7F7; font-size: var(--lgTxt); font-weight: 700; padding: 3rem 2rem;}
.rese_page .step_sect .step_wrap .step3 .info_txt svg {width: 1em; height: auto; margin-right: 1.5rem; margin-top:0.2em; }

.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(--smTxt);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 .calendar-track .calendar .calendar-table .td input { display: none; clip:inherit; top:0; height: auto; margin:0; overflow: visible; width:20px; height:20px;  z-index:10; -webkit-appearance: auto;}
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td.today label { background:var(--blue); color:#fff; }
.rese_page .step_sect .step_wrap .step3 .calendar-track .calendar .calendar-table .td:not(.close).selected label { background:var(--gold); 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: 5rem 3rem; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2rem 3rem; 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: 7em}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .inp_txt.ess:after {content: "*"; color:var(--gold);}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .labels { display: flex; align-items: center; font-size:var(--txt1)}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .labels label { margin-right:4rem;}
.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.email .cont {display: flex; align-items: center;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.email .cont .space { font-size:var(--txt); margin:0 1rem;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.email .cont .select { margin-right:0; margin-left: 15px; width:35%; flex-shrink: 0;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.email .cont .select .nice-select { width:100%; }
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont {display: flex; align-items: center;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont .inp { flex:1;}
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont .btn_srch { display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-left: 15px; flex-shrink: 0; padding:0 2rem; border-radius:0.5em; height: 3.5em; font-size:var(--txt1); background-color: var(--bg); font-weight:500; transition: all 0.3s ease; color:var(--black);}

.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::placeholder{color:#acacac;}
.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 .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 .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 .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 .nice-select.open:after { transform: rotate(180deg); }
.rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_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%; min-height: 100vh; margin-left: 16rem; display: flex; flex-direction: column; z-index: 110; overflow-y: auto;}
.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;  display: block;}
.rese_page .step_sect .sticky_box .txt_box .list li {padding:1em;align-items: center; font-size: var(--lgTxt); font-size:var(--txt2); color: #fff; display: none; display: flex; border-bottom: 2px solid #7576AF;}
.rese_page .step_sect .sticky_box .txt_box .list li .left_txt {font-weight: 700; width: 6em}
.rese_page .step_sect .sticky_box .txt_box .list li .right_txt {font-weight: 500; }
.rese_page .step_sect .sticky_box .btn {display: inline-flex; align-items: center; justify-content: center; text-align: center; 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 .description { padding: 8rem; background-color: var(--bg); border-radius:2.5rem; margin-bottom: var(--subSectPd); }
.rese_page .step_sect .description .desc { font-size:var(--lgTxt2); font-weight:700; line-height: 1.5; padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 2px solid var(--black); ;}
.rese_page .step_sect .description .info { display: flex;}
.rese_page .step_sect .description .info .item { display: flex; align-items: flex-start;}
.rese_page .step_sect .description .info .item .tit { display: flex; align-items: center; padding:0.5em 1em; border-radius:4em; background-color: #E4EDFF; font-size:var(--smTxt); font-weight:700; color:var(--navy); margin-right:2rem; }
.rese_page .step_sect .description .info .item .tit svg { width:1.1em; height: auto; margin-right:1rem;}
.rese_page .step_sect .description .info .item .txt { font-size:var(--smTxt); padding-top:0.4em;}
.rese_page .step_sect .description .info .item .txt div { display: inline-block; vertical-align: middle; padding-right:2rem; margin-right:2rem;position: relative;}
.rese_page .step_sect .description .info .item .txt div:after{content:''; position: absolute; width: 2px; height: 1.7rem; background-color: var(--black); right: 0; top: 50%; transform: translateY(-50%);}
.rese_page .step_sect .description .info .item .txt div:last-child:after{display: none;}

.rese_page .step_sect .terms_guide  { margin-top:5.5rem; }
.rese_page .step_sect .terms_guide .tit2 { font-size:var(--lgTxt2); font-weight:700; margin-bottom: 2.4rem; }
.rese_page .step_sect .terms_guide .cont { padding: 4rem; border:1px solid var(--lineColor); font-size:var(--subTxt); line-height: 1.5; border-radius:2.5rem;  }
.rese_page .step_sect .terms_guide .chk-box {display: flex; align-items: center;  margin-left: auto; font-size:var(--smTxt); margin-top:1.4rem; }
.rese_page .step_sect .terms_guide .chk-box label + label { margin-left: 2.5rem;}

.rese_page .step_sect .line_tab_wrap { margin-bottom: 4rem;}
.rese_page .step_sect .line_tab_wrap .line_tab { max-width:100%; }
.rese_page .tel_reservation { padding-bottom: 30%; position: relative; border-radius:var(--radius); overflow: hidden; color:#fff; margin-top:var(--subSectPd)}
.rese_page .tel_reservation img { position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.rese_page .tel_reservation .box { position: absolute; left: 12rem; top:50%; transform: translateY(-50%); width:50%;  z-index:2;}
.rese_page .tel_reservation .tit { font-size:var(--tit55); font-weight:700;  }
.rese_page .tel_reservation .txt { font-size:var(--txt2); line-height: 1.5; margin: 1.5rem 0 6rem; }
.rese_page .tel_reservation .inpbox { display: flex; font-size:var(--txt); border-radius:1.2rem; overflow: hidden; height: 4em; }
.rese_page .tel_reservation .inpbox input { flex: 1; min-width: 0; background-color: #fff; padding-left: 2.4rem; }
.rese_page .tel_reservation .inpbox button,
.rese_page .tel_reservation .inpbox a { padding:0 1.2em; background-color: var(--gold); color:#fff; font-weight:700; display: inline-flex; align-items: center; justify-content: center; text-align: center;}
.rese_page .health_box .type_box{ padding:6rem 8rem; border-radius:var(--radius); background-color: var(--bg); ; }
.rese_page .health_box .type_box .tabs{ display: flex; justify-content: center; }
.rese_page .health_box .type_box .tabs a{ font-size:var(--txt1); color:rgba(91,84,75,0.3); font-weight:700; position: relative;}
.rese_page .health_box .type_box .tabs a + a { padding-left: 4rem; margin-left: 4rem; ;}
.rese_page .health_box .type_box .tabs a + a:before {content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%); width: 1px; height: 2rem; background-color: #000; opacity:0.3;}
.rese_page .health_box .type_box .tabs a.active{ color:var(--black);  }
.rese_page .health_box .type_box .list{ margin-top: 4rem; }
.rese_page .health_box .type_box .list ul{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem; }
.rese_page .health_box .type_box .desc { padding-top:3rem; margin-top:3rem; border-top:2px solid var(--black);  }
.rese_page .health_box .type_box .desc dl { display: flex; justify-content: space-between; align-items: center;}
.rese_page .health_box .type_box .desc dl dt { font-size:var(--subTxt); font-weight:500; padding-right:10rem;  }
.rese_page .health_box .type_box .desc dl a { display: inline-block; padding:0.3em 1em; border-radius:4em; font-size:var(--tinyTxt); color:#fff; font-weight:700; background-color: var(--navy);}
.rese_page .radio_txt { position: absolute; display: none;}
.rese_page .radio_txt + div { border-radius:1rem; font-size:var(--lgTxt); height: 4em; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: #fff; transition: background-color 0.3s ease-in-out;}
.rese_page .radio_txt:checked + div { background-color: var(--gold); color:#fff; }

.rese_page .test_list {  }
.rese_page .test_list ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
.rese_page .test_list .radio_txt + div { border:1px solid #ddd; }
.rese_page .test_list .radio_txt:checked + div { border-color: var(--gold); }
.rese_page .test_total { text-align: right; padding-top:2rem; margin-top:var(--subContMt); border-top:2px solid var(--black); font-weight:700;  }
.rese_page .test_total small { font-size:var(--lgTxt2); margin-right:3rem; }
.rese_page .test_total strong { font-size:var(--tit55); }
.rese_page .test_total strong span { color:var(--navy); }



/* 커뮤니티_홍보센터-공지사항 */

/* .commu_page {   margin-top: calc(var(--subSectPd) / -2);} */
.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; color:var(--gold);  }
.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;  cursor: pointer;}
.line_sch_box .sch_inp .btn svg { display: block; width:1em; 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: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 .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; font-size: var(--smTxt);}
.media_list .list li .txt_box .source{ padding-right: 0.6em; font-weight: 600; font-size:var(--smTxt); margin-bottom: 0.5rem;}
.media_list .list li .txt_box .date {  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; }
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; word-break: break-all;  padding: 3rem 3rem 10rem !important; 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: 100%;}

.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); align-items: center;}
.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; color:var(--black);  cursor: pointer;}
.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); align-items: center;}
.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; color:var(--black);}
.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 .view_cont .info_table{ display: flex; flex-wrap: wrap; margin-bottom: 3rem; padding-left: 3rem; }
.board_view_page .view_cont .info_table .tr{display: flex; margin-right: 5rem; }
.board_view_page .view_cont .info_table .tr .th{font-weight: 700; margin-right: 1rem; color: var(--gold);}


/* 목록 버튼 */
.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:var(--inpH); 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 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;}


/* 검색 시 없을 때 */
.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; font-size:var(--txt);  }
.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; 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; }

/* 이벤트 */
.event_list ul  { border-top:1px solid var(--lineColor);  }
.event_list ul li { border-bottom:1px solid var(--lineColor); }
.event_list ul li a {  display: flex; align-items: center; padding:4rem;  }
.event_list ul li a .img { margin-right:4rem; width:70rem; border-radius:2rem; overflow: hidden;   flex-shrink: 0;}
.event_list ul li a .info_box { }
.event_list ul li a .info_box h4 { display: flex; align-items: flex-start; margin-bottom: 2.4rem;}
.event_list ul li a .info_box h4 span { padding:0.4em 1.2em; border-radius:2em; margin-right:1.2rem; font-size:var(--smTxt); color:#fff; font-weight:700; background-color: var(--navy); }
.event_list ul li a .info_box h4 strong { font-size:var(--lgTxt); font-weight:700; }
.event_list ul li a .info_box .info {  font-size:var(--subTxt); line-height: 1.7;  }

/* 이용안내 */
.guide_sect .sub_tit_box { margin-bottom: var(--subContMt);}
.guide_sect .g_list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4rem; /* transform: translateY(10rem); opacity:0; transition: all 1s ease*/}
.guide_sect .g_list.active { transform: unset; opacity: 1;}
.guide_sect .g_list li { border:1px solid var(--lineColor); border-radius:2.5rem; padding:var(--subContMt);  position: relative; }
.guide_sect .g_list li i { position: absolute; right:5rem; top:3rem;}
.guide_sect .g_list li i svg { width:11em; height: auto;}
.guide_sect .g_list li .tit { font-size:var(--tit40); font-weight:700; margin-bottom: 4rem;}
.guide_sect .g_list li dl dt { display: flex; align-items: center; font-size:var(--txt2); color:var(--blue); font-weight:700; margin-bottom: 1.2rem;; }
.guide_sect .g_list li dl dt:before {content: ''; width:1em; height: 1em; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20.001' height='20.001' viewBox='0 0 20.001 20.001'><path d='M6.441-16.539a1.558,1.558,0,0,0-1.852-.906l-3.438.938A1.567,1.567,0,0,0,0-15,17.5,17.5,0,0,0,17.5,2.5a1.567,1.567,0,0,0,1.508-1.152l.938-3.437a1.558,1.558,0,0,0-.906-1.852L15.289-5.5a1.558,1.558,0,0,0-1.809.453L11.9-3.125A13.2,13.2,0,0,1,5.625-9.4l1.926-1.574A1.559,1.559,0,0,0,8-12.785l-1.562-3.75Z' transform='translate(0 17.501)' fill='%23002575'/></svg>")     no-repeat center / contain; margin-right:1rem; }
.guide_sect .g_list li dl + dl dt:before { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M10-17.5a10,10,0,0,1,8.66,5,10,10,0,0,1,0,10A10,10,0,0,1,10,2.5a10,10,0,0,1-8.66-5,10,10,0,0,1,0-10A10,10,0,0,1,10-17.5Zm-.937,4.688v5.027L6.719-4.27a.935.935,0,0,0,.262,1.3.934.934,0,0,0,1.3-.262l2.5-3.75a.943.943,0,0,0,.156-.52v-5.312A.935.935,0,0,0,10-13.75.935.935,0,0,0,9.063-12.812Z' transform='translate(0 17.5)' fill='%23002575'/></svg>")  no-repeat center / contain; }
.guide_sect .g_list li dl + dl { margin-top:2.6rem; }
.guide_sect .g_list li dl dd {font-size:var(--subTxt); font-weight:500; display: flex; align-items: center;   }
.guide_sect .g_list li dl dd p strong { margin-right:1rem; }
.guide_sect .g_list li dl dd p:after { content: ''; display: inline-block; vertical-align: middle; width:1px; height: 1.6rem; background-color: rgb(0,0,0,0.2); margin:-2px 1rem 0;}
.guide_sect .g_list li dl dd p:last-child:after { display: none;}
.guide_sect .g_list li .desc { margin-top:1.3rem; font-size:var(--smTxt); }

/* 오시는길 */
.location_sect .addr_info { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: var(--subContMt); }
.location_sect .addr_info .info .addr1 { font-size:var(--txt1); font-weight:700; margin:3rem 0 1.5rem; }
.location_sect .addr_info .info .addr1 svg {vertical-align: middle; margin:-0.7rem 0.5rem 0;}
.location_sect .addr_info .info .addr2 { display: flex; font-size:var(--subTxt); font-weight:600; }
.location_sect .addr_info .info .addr2 span { padding:0.2em 0.8em; border-radius:2em; border:1px solid var(--lineColor); font-size:var(--smTxt); margin-right:1rem;}
.location_sect .addr_info .info .addr1 div { display: inline;}

.location_sect .btn_list{display: flex; align-items: center;  transition: all 1s ease}
.location_sect .btn_list.active { transform: unset; opacity:1;}
.location_sect .btn_list .item{display: flex; align-items: center;}
.location_sect .btn_list .item + .item{margin-left: 1.5rem;}
.location_sect .btn_list .item a{display: flex; align-items: center;  line-height: 1; font-size:var(--smTxt); font-weight:700; padding: 0.8em 1.5em; border:1px solid #000; border-radius: 10rem; background-color: #fff;  transition: background-color 0.5s ease, color 0.5s ease;;}
.location_sect .btn_list .item a .ico{margin-right: 0.7em; flex-shrink:0;}
.location_sect .btn_list .item a .ico img{ width:1.2em; height: auto;}

.location_sect .map { margin-bottom: var(--subSectPd); position: relative; border-radius:var(--radius); overflow: hidden;}
.location_sect .map img { width:100%; }
.location_sect .map .marker { position: absolute; }
.location_sect .map .marker img,
.location_sect .map .marker svg { width:15em;}
.location_sect .map + .sub_tit_box { margin-bottom:var(--subContMt);}
.location_sect .way_cont .title { font-size:var(--tit40); font-weight:700; margin-bottom: 3.2rem;}
.location_sect .way_cont .way + .title { margin-top:8rem; }
.location_sect .way_cont .way { padding: 3.2rem 0; border-top:1px solid #000; border-bottom: 1px solid var(--lineColor); display: flex;   flex-wrap: wrap;}
.location_sect .way_cont .way dl { display: flex; align-items: flex-start; margin-right:3rem;  }
.location_sect .way_cont .way dl dt { padding:0.1em 0.5em; border-radius:3em; font-size:var(--subTxt); color:#fff; font-weight:500; margin-right:1rem;  }
.location_sect .way_cont .way dl dt.line2 {background: #24AB5E;}
.location_sect .way_cont .way dl dt.line4 {background: #41A7D3;}
.location_sect .way_cont .way dl dt.line7 {background: #928E29;}
.location_sect .way_cont .way dl dt.line9 {background: #BD7E2A;}
.location_sect .way_cont .way dl dt.bg_blue {background: #4BA0E2;}
.location_sect .way_cont .way dl dt.bg_green {background: #5BC633;}
.location_sect .way_cont .way dl dt.bg_red {background: #B01717;}
.location_sect .way_cont .way dl dd { font-size:var(--subTxt); padding-top:0.1em; }
.location_sect .way_cont .way .area { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:4.5rem }
.location_sect .way_cont .way .area .tit { font-size:var(--txt1); margin-bottom: 1.5rem; font-weight:700; }
.location_sect .way_cont .way .area dl + dl {margin-top:1.2rem; }
.location_sect .way_cont .way.way2 { display: block;}

/* 증명서 발급 */
.doc_sect + .doc_sect { margin-top:var(--subSectPd) }
.doc_sect ul { padding: 4rem; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor); margin-top:4rem;  }
.doc_sect ul li { font-size:var(--txt); line-height: 1.5; padding-left: 0.5em; text-indent: -0.5em; }
.doc_sect ul li + li { margin-top:1.2rem; }
.doc_sect ul li:not(.li_tit) + .li_tit { margin-top:4rem; }
.doc_sect ul li .li_desc { font-size:var(--smTxt); font-weight:400; padding-left:0.8em; text-indent: -0.8em;}
.doc_sect ul li .dot2 { padding-left:0.9em; text-indent: -0.9em;}

.doc_sect.type2 ul li + li { margin-top:2.2rem;}
.doc_sec .tips1 { margin-bottom: 2.5rem; }
.tips1 { padding: 2rem; border-radius:1rem; background-color: var(--bg); margin-top:1.2rem;}
.tips1 p { font-size:var(--smTxt);  text-indent: -1.5em; padding-left: 1.5em; }
.tips1 p:before {content: ''; display: inline-block; vertical-align: middle; margin:-0.2em 1rem 0 0; width:1em; height: 1em;   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8,2a8,8,0,0,0,6.928-4,8,8,0,0,0,0-8A8,8,0,0,0,8-14a8,8,0,0,0-6.928,4,8,8,0,0,0,0,8A8,8,0,0,0,8,2ZM8-10a.748.748,0,0,1,.75.75v3.5A.748.748,0,0,1,8-5a.748.748,0,0,1-.75-.75v-3.5A.748.748,0,0,1,8-10ZM7-3A1,1,0,0,1,8-4,1,1,0,0,1,9-3,1,1,0,0,1,8-2,1,1,0,0,1,7-3Z" transform="translate(0 14)"/></svg>') no-repeat center; background-size:100% auto;    ;}
.tips1 p + p { margin-top:1rem; }
.tips1 .tp { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:1rem; padding:0 2rem;}
.tips1 .tp span { font-size:var(--smTxt); font-weight:500; }
.tips1 .tp span:before { content: '-'; display: inline; margin-right:1rem;}
.docdown_sect { display: flex; justify-content: space-between; flex-wrap: wrap; padding:var(--subSectPd) 0; }
.docdown_sect .list {  width:50%;  }
.docdown_sect .list h4 { font-size:var(--smTit); font-weight:700; margin-bottom: 2rem; }
.docdown_sect .list .btns { display: flex; gap:2rem; }
.docdown_sect .list .btns + h4 { margin-top:4.5rem}
.docdown_sect .list .btns a { flex:1; display: flex; justify-content: space-between; align-items: center; font-size:var(--smTxt); font-weight:700; padding:1em 1.5em; border:1px solid var(--black); border-radius: 10rem; background-color: #fff; transition: background-color 0.5s ease, color 0.5s ease; }
.docdown_sect .list .btns a .ico { margin-right: 0.7em; flex-shrink:0; }
.docdown_sect .list .btns a .ico img { width:1.2em; height: auto; }
.insu_sect { margin:var(--subSectPd) 0; }
.insu_sect ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:2rem;  margin-top:3.2rem; }
.insu_sect ul li { padding-top:100%; width:100%; position: relative;}
.insu_sect ul .item { position: absolute; left: 0; top:0; width:100%; height: 100%; border-radius:var(--radius); background-color: #F6F6F6; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.insu_sect ul .item strong { font-size:var(--smTxt); font-weight:700; color:var(--navy); }
.insu_sect ul .item p { font-size:var(--lgTxt2); font-weight:700; margin-top:1.2rem}
.doctable_sect { margin-top:var(--subSectPd)}
.doctable_sect .com_tbl { margin-top:3.2rem; }
.doc_page .circle_list01 { text-align: left;}
.doc_page .circle_list01 li { padding-left: 1em; text-indent: -1em;}
.doc_page .btn-download { display: inline-block; vertical-align: middle; ; margin-left: 0.6rem; line-height: 1.8em; border-radius:3px; background-color: var(--black); color:#fff; font-size:var(--smTxt); font-weight:700; color:#fff; padding:0 0.7em; text-align: center; text-indent: 0;}
.reinsu_sect { margin-top:var(--subSectPd);}
.reinsu_sect .downloads { border-top:2px solid var(--black); margin-top:3.2rem; }
.reinsu_sect .downloads div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12rem; padding: 1.5rem 3.2rem; border-bottom: 1px solid var(--lineColor); }
.reinsu_sect .downloads div dl { display: flex; justify-content: space-between; align-items: center; }
.reinsu_sect .downloads div dl dt { font-size:var(--subTxt); font-weight:500; }
.reinsu_sect .downloads div dl dd { flex-shrink: 0;}
.reinsu_sect .downloads div dl dd a { display: inline-block; vertical-align: middle; font-size:var(--smTxt); font-weight:700; padding:1em 2em; border:1px solid var(--black); border-radius: 10rem; background-color: #fff; transition: background-color 0.5s ease, color 0.5s ease; }
.caution_sect { margin-top:var(--subSectPd);}
.caution_sect .caution_list { margin-top:3.2rem; }
.caution_sect .caution_list ol { border-top:2px solid var(--black); }
.caution_sect .caution_list ol li { padding: 3.2rem 11rem; border-bottom: 1px solid var(--lineColor); }
.caution_sect .caution_list ol li .tit { display: flex; align-items: center; font-size:var(--txt2); font-weight:700; margin-bottom: 1.2rem; position: relative; }
.caution_sect .caution_list ol li .tit strong { position: absolute; left: -3em; display: flex; align-items: center; justify-content: center; font-size:var(--txt); font-weight:700; width: 2em; height: 2em; background-color: var(--gold); color:#fff; border-radius: 50%; margin-right: 1em; }
.caution_sect .caution_list ol li p { font-size:var(--smTxt); font-weight:500; line-height: 1.5; text-indent: -0.5em; padding-left: 0.5em; }
.doc_page .line_tab_wrap { margin-bottom: 6.5rem;}
.doc_page .com_info_box { margin-bottom:var(--subContMt1);}
.doc_page .mobile { display: none;}
.doc_page .mobile .com_tbl + .com_tbl { margin-top:20px; }
.doc_page .mobile .com_tbl + .sub_cont_tit2 { margin-top:40px;}
.doc_page .mobile .com_tbl table tbody td { text-align: left;}
.doc_page .mobile .sub_tit_box + .sub_cont_tit2 { margin-top:20px;}
.doc_page .mobile .doctable_sect.first .com_tbl table tbody td {text-align: center;;}
.doc_page .mobile .doctable_sect.first .com_tbl table tbody td:last-child { text-align: right;}
.doc_page .modal_cont .cont .desc_list01 { padding:10px; background-color: var(--bg); border:1px solid var(--lineColor); margin-bottom: 20px;}
.doc_page .modal_cont .cont .desc_list01 ul {  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; }

.doc_page .com_tbl table tr td[colspan="3"] { background:var(--bg); text-align: left; padding-left:10px; padding-right:10px; text-align: left !important;}
.doc_page .com_tbl table tr td[colspan="3"]:before {content: '비고'; display: block; font-weight:700; margin-bottom: 5px;;}

.modal .modal_doc { width:120rem; }

.tabs1  { }
.tabs1 .btns { display: flex; }
.tabs1 a { flex:0 0 auto; display: flex; align-items: center; padding: 0.6em 1.5em; border-radius:5em;  background-color: #fff; border:1px solid var(--black); font-size:var(--subTxt); font-weight:700;  transition: all 0.3s ease-in-out; color:var(--black); }
.tabs1 a + a { margin-left:1.6rem ;}
.tabs1 a.active  { background-color: var(--black); color:#fff;}
.tabs1 .nice-select { display: none;}


.faq_list{ word-break: break-all}
.faq_list {border-top: 1px solid var(--lineColor);}
.faq_list .item{overflow: hidden; border-bottom: 1px solid var(--lineColor); transition: border-color 0.4s;}
.faq_list .item.active{border-color: transparent;}
.faq_list .question{display: flex; align-items: center; position: relative; padding: 4rem 8rem 4rem 0; font-size: var(--txt2); font-weight: 700; cursor: pointer;}
.faq_list .question::before{content: ''; position: absolute; top: calc(50% - 1.6rem); right: 4rem; width: 3rem; height: 3rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M212.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 329.4 75.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>') no-repeat center center/cover; transition: transform 0.4s;}
.faq_list .item.active .question::before{transform: rotate(-180deg);}
.faq_list .question .cat{flex-shrink: 0; width: 10em;  color: #9CA1AE; font-size: var(--smTxt); text-align: center;}
.faq_list .question p{word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.faq_list .answer{display: none; padding: 4rem 8rem 4rem 3.5em; background: var(--bg);; border-radius: var(--radius);}
.faq_list .answer div{display: flex; align-items: flex-start}
.faq_list .answer .ico{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.5em; height: 2.5em; background:var(--navy); color: #fff; font-size:var(--txt1); font-weight: 700; border-radius: 50%; margin-right:2rem; }
.faq_list .answer p{font-size: var(--txt); }

.qna_page .form_sect { padding:8rem 0; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor); }
.qna_page .form_sect .in { max-width:104rem; width:100%; }
.write_form .form_list li.priv_chk .left_txt .chk-box {display: flex; align-items: center;  margin-left: auto; font-size:var(--smTxt); }
.write_form .form_list li.priv_chk .left_txt .chk-box label + label { margin-left: 2.5rem;}
.radio { position: absolute; display: none}
.radio + div { display: flex; align-items: center; font-weight:400; cursor: pointer;}
.radio + div em { flex-shrink: 0; width:1.2em; height: 1.2em; border-radius:4px; border:1px solid var(--lineColor);background-color: #fff; position: relative; margin-right:1rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;  }
.radio + div em svg { width:0.6em; height: auto;}
.radio:checked + div em { background-color: var(--navy); border-color: var(--navy);}
.radio:checked + div em svg path { fill: #fff;}

/* 고객의 소리 */
.voice_page .form_sect { padding:8rem 0; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor); }
.voice_page .form_sect .in { max-width:104rem; }
.voicetit_sect { }
.voicetit_sect ul { margin-top:3.2rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:2rem; }
.voicetit_sect ul li { padding-top:100%; width:100%; position: relative;}
.voicetit_sect ul .item { position: absolute; left: 0; top:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:var(--lgTxt); font-weight:700; background-color: #EEF2F9; border-radius:var(--radius); text-align: center;}
.voicetit_sect ul .item strong { font-size:var(--smTxt); font-weight:700; color:var(--navy); margin:3.2rem 0 1rem; }
.voicetit_sect ul .item svg,
.voicetit_sect ul .item img { width:3.3em; height: auto; }
.write_form .form_list li .inp .inp-tip { margin-top:2.5rem; margin-bottom: 1rem;;}
.write_form .form_list li .inp .inp-tip p { font-size:var(--smTxt); color:var(--navy); font-weight:500; }
.write_form .form_list li .inp .inp-tip p:before { content: ''; display: inline-block; vertical-align:middle; width:1em; height: 1em;margin:-3px 1rem 0 0; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M8,2a8,8,0,0,0,6.928-4,8,8,0,0,0,0-8A8,8,0,0,0,8-14a8,8,0,0,0-6.928,4,8,8,0,0,0,0,8A8,8,0,0,0,8,2ZM8-10a.748.748,0,0,1,.75.75v3.5A.748.748,0,0,1,8-5a.748.748,0,0,1-.75-.75v-3.5A.748.748,0,0,1,8-10ZM7-3A1,1,0,0,1,8-4,1,1,0,0,1,9-3,1,1,0,0,1,8-2,1,1,0,0,1,7-3Z' transform='translate(0 14)' fill='%231b1c66'/></svg>") no-repeat center / contain;;}

/* 마이페이지 - 예약현황조회 */
.reservation_status_page .round_tab_wrap { margin-top:0; }
.reservation_status_page .round_tab_wrap .round_tab { font-size:var(--txt1);}
.mysearch_box { border-radius:var(--radius); background-color: var(--bg); padding: 6.5rem 2rem; margin-bottom: var(--subContMt1);}
.mysearch_box .box { max-width:80%; margin:0 auto; }
.mysearch_box .box .item { display: flex; justify-content: space-between; align-items: center;}
.mysearch_box .box .item + .item { margin-top:2.4rem;}
.mysearch_box .box .item .tit { font-size:var(--subTxt); font-weight:700; width:18rem; }
.mysearch_box .box .item .cont { flex:1; }
.mysearch_box .box .item .cont .choices { display: flex; flex-wrap: wrap; }
.mysearch_box .box .item .cont .choices label { flex:1; }
.mysearch_box .box .item .cont .choices label + label { margin-left:1rem; }
.checkbox_choice { position: absolute; }
.checkbox_choice + div { height: var(--inpH); line-height: calc(var(--inpH) - 2px); text-align: center; border-radius:1.5rem; background-color: #fff; border:1px solid #fff; font-size:var(--txt2); font-weight:500;  transition: all 0.5s ease; cursor: pointer;}
.checkbox_choice:checked + div { border-color:var(--navy); font-weight:700; border-color:var(--navy); }
.date_choices { display: flex;}
.date_choices .dates { display: flex; align-items: center; border-radius:1.5rem; border:1px solid var(--navy); width:75%; background-color: #EEF2F9; }
.date_choices .dates .calendar { width:100%; }
.date_choices .dates span { font-size:var(--txt2); font-weight:500; opacity:0.3; margin:0 1rem;  }
input.calendar { font-size:var(--txt2); color:var(--navy); font-weight:500; height: calc(var(--inpH) - 2px); border-radius:1.5rem; padding-left: 6rem;   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17.5' height='20' viewBox='0 0 17.5 20'><path d='M-2.812-16.562A.935.935,0,0,0-3.75-17.5a.935.935,0,0,0-.937.938V-15H-6.25a2.5,2.5,0,0,0-2.5,2.5V0a2.5,2.5,0,0,0,2.5,2.5H6.25A2.5,2.5,0,0,0,8.75,0V-12.5A2.5,2.5,0,0,0,6.25-15H4.688v-1.562A.935.935,0,0,0,3.75-17.5a.935.935,0,0,0-.937.938V-15H-2.812ZM-6.875-10H6.875V0A.627.627,0,0,1,6.25.625H-6.25A.627.627,0,0,1-6.875,0Z' transform='translate(8.75 17.5)' fill='%231b1c66'/></svg>") no-repeat 3rem 50%; background-size:0.8em auto;}
.date_choices .btn_search {display: inline-flex; align-items: center; justify-content: center; text-align: center; width:25%;  border-radius:1.5rem; text-align: center; background-color: var(--navy); font-size:var(--txt2); color:#fff; font-weight:700; height: var(--inpH); margin-left: 1rem;}
.list_sect + .list_sect { margin-top:var(--subSectPd)}
.list_sect .sub_tit_box { margin-bottom: 4rem;}
.list_sect .board_list_top { margin-bottom: 2rem;}
.table_list table { border-top:2px solid var(--black); width:100%; border-collapse: collapse; }
.table_list table thead th { font-size:var(--subTxt); padding:1em; text-align: center; font-weight:700; border-bottom: 1px solid var(--lineColor);}
.table_list table tbody td { font-size:var(--subTxt); padding:1em; text-align: center; border-bottom: 1px solid var(--lineColor);}
.table_list table tbody td.text_left { text-align: left;}
.table_list table tbody .only-m { display: none;}
.table_list table .num { color:#B3B3B3; }
.none_list { padding: var(--subSectPd) 0; text-align: center; font-size:var(--subTxt); font-weight:700; color:var(--navy); width:100%;}
.none_list p { margin-top:1.4rem; }
.none_list svg { width:2em; height: auto;}

.btn1 { display: inline-block; vertical-align: middle; padding:0.5em 1em; border-radius:4em; background-color:var(--gray); font-size:var(--smTxt); color:#fff; font-weight:700; transition: all 0.5s ease;}
.btn1.wh { background:#fff; color:var(--black); border:1px solid var(--black);}
.btn1.bk { background:var(--black); color:#fff; border:1px solid var(--black);}
.btn3 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; padding: 0 2.2em; height: var(--inpH); background-color: #fff; border:1px solid var(--black);  font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:var(--black); transition: background 0.3s ease-in-out , color 0.3s ease-in-out; }
.msg2 { font-size:var(--smTxt); font-weight:500; padding-left: 0.5em; text-indent: -0.5em;}

.mypage_page .form_sect { max-width:104rem; margin:0 auto; }
.form_sect .desc_box { display: flex; justify-content: space-between; align-items: center; margin-top:2rem; ;}
.form_sect .desc_box .msg { font-size:var(--smTxt); font-weight:500; padding-left: 0.5em; text-indent: -0.5em;}
.form_sect .desc_box .btns a { display: inline-block; padding:0.5em 1em; border-radius:4em; border:1px solid var(--black); font-size:var(--smTxt); font-weight:500; white-space: nowrap; margin-left: 1rem;}
.form_sect .inpbox{ display: flex; flex-direction: row-reverse;}
.form_sect .inpbox + .inpbox { margin-top: 1.2rem;}
.form_sect .inpbox input{width: 100%; height: var(--inpH); padding: 0 1.2em; border: 1px solid var(--lineColor);  border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s; font-size: var(--subTxt);}
.form_sect .inpbox button,
.form_sect .inpbox a{ display: inline-flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 0; height: var(--inpH); padding: 0 1em; border: 1px solid var(--lineColor); border-left: none; font-size: var(--subTxt); border-radius: 0 0.8rem 0.8rem 0; color: var(--black); font-weight:700; transition: background 0.25s, color 0.25s;}
.form_sect .inpbox a + input,
.form_sect .inpbox button + input{border-radius: 0.8rem 0 0 0.8rem !important; letter-spacing: -1px;}

.form_sect .checks { display: flex; margin-top:2rem; font-size:var(--smTxt);}
.form_sect .checks label { margin-right:2.5rem; }
.form_sect .lost { margin-top:1.2rem; }
.form_sect .lost a { font-size:var(--smTxt); text-decoration: underline; opacity:0.5; margin-left: 0.5em;}

/* 이용내역조회 */
.inquiry_sect{ margin-bottom: var(--subSectPd);}
.inquiry_sect .sub_tit_box { margin-bottom: 4rem;}
.inquiry_sect .inq_cont { padding: 6rem 8rem; border-radius:var(--radius); background-color: var(--bg); }
.inq_cont .txt { font-size:var(--txt2); font-weight:500; line-height: 1.5; margin-bottom: 4rem; line-height: 1.5;}
.inq_cont .txt p + p { margin-top: 1rem;}
.inq_cont .box { display: flex; flex-wrap: wrap; gap:3rem; padding:4rem 11rem; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor);  }
.inq_cont .box dl { flex:1; display: flex; align-items: center; justify-content: space-between;}
.inq_cont .box dl dt { margin-right:2rem;  font-size:var(--subTxt); font-weight:600; }
.inq_cont .box dl dd { flex:1; }
.inq_cont .input { width: 100%; height: var(--inpH); font-size:var(--txt2); padding: 0 1.3em; border: 1px solid transparent; border-radius: 1.5rem;}
.inq_cont .input::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.inq_cont .btn_submit { display: inline-flex; align-items: center; justify-content: center; text-align: center; width:20rem;  border-radius:1.5rem; text-align: center; background-color: var(--navy); font-size:var(--txt2); color:#fff; font-weight:700; height: var(--inpH); margin-left: 1rem;}
.table1 table { width:100%; border-collapse: collapse; border-top:2px solid var(--black); }
.table1 table tbody th { font-size:var(--smTxt); padding:1em; text-align: center; font-weight:700; border-bottom: 1px solid var(--lineColor);background-color:var(--bg); }
.table1 table tbody td { font-size:var(--smTxt); padding:1em; border-bottom: 1px solid var(--lineColor);}
.table1.type2 table tbody th { text-align: left; padding-left: 7rem;}
.table1 .btn_box { display: flex; ;}
.table1 .btn_box > .btn1 { margin-right:1rem;}
.modal_summary { padding: 3.2rem; border-radius:2rem; background-color: var(--bg); ;}
.modal_summary p { font-size:var(--smTxt); line-height: 1.5;}
.modal_txt1 p { font-size:var(--smTxt); line-height: 1.5;}
.modal_txt1 p + p { margin-top:2rem;}

/* 통합검색 */
.search_wrap {position: fixed; left: 0; right:0; top:var(--headerH); z-index:3000; opacity:0; visibility: hidden; transition: all 0.3s ease;}
.search_wrap.open { opacity: 1; visibility: visible;}
.search_wrap .search_box { margin-top:0; position: relative; z-index:2;;}
.search_wrap .bg_search { position: fixed; left: 0; top:var(--headerH); right:0; bottom:0; background-color: #000; opacity:0.6;;}
.search_box { margin:var(--headerH) 0 var(--subSectPd); background-color: #F5F1EC; padding: 12rem var(--inPd); text-align: center;}
.search_box h2 { font-size:6rem; font-weight:700; line-height: 1; margin-bottom: 4rem;}
.search_box .search_area { max-width:80rem; margin:0 auto; position: relative; font-size:var(--subTxt);}
.search_box .search_area .inp { width:100%; height: 3.4em; border-radius:3.4em; padding:0 12rem 0 2.4rem; font-size:var(--subTxt); border:0; }
.search_box .search_area .inp::placeholder { color:#acacac; }
.search_box .search_area .btn_del { position: absolute; right:8rem; top:0; padding:0 1rem; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.search_box .search_area .btn_del.active { opacity: 1; visibility: visible;}
.search_box .search_area .btn_del svg { width:1.3em; height: auto; }
.search_box .search_area .btn_srch { position: absolute; right:2.5rem; top:0; padding:0 1rem; height: 100%; display: flex; align-items: center; justify-content: center;}
.search_box .search_area .btn_srch svg { width:1.5em; height: auto; }
.search_box .msg { text-align: center; margin-top:4rem; font-size:var(--lgTxt); font-weight:500; ;}
.search_box .msg strong { color:var(--navy); }
.search_box .tags { display: flex; align-items:flex-start; justify-content: center;  margin-top:4rem; font-size:var(--txt); font-weight:500;  line-height: 1;}
.search_box .tags strong { font-weight:700; padding-right:1.5rem; margin-right:1.5rem; position: relative;  margin-bottom: 1rem; flex-shrink: 0;}
.search_box .tags strong:after {content: ''; position: absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height: 1.6rem; background-color: #aaa;}
.search_box .tags div { display: flex; flex-wrap: wrap; }
.search_box .tags div p { margin-right:1.4rem; margin-bottom: 1rem; }
.search_list .line_tab { max-width:100%; }
.none_result { margin: var(--subSectPd) 0; text-align: center; font-size:var(--subTxt); font-weight:700; color:var(--black);}
.none_result p { margin:1.4rem 0 4rem; opacity:0.3; }
.none_result svg { width:2em; height: auto; opacity:0.3;}

/* 모달 회원가입 */
.register_scroll { max-height: 80vh; overflow: auto; }
.register_wrap { max-width:65rem; margin:0 auto; }
.register_wrap .forms { border-radius:var(--radius3) var(--radius3) 0 0; border:1px solid var(--lineColor); padding:6rem;  }

.register_wrap .tit { text-align: center; font-size:var(--tit55); font-weight:700; margin-bottom: 4rem;}
.forms .tit2 {font-size:var(--subTxt); font-weight:700; margin-bottom: 1.2rem;}
.forms .inpbox{ display: flex; flex-direction: row-reverse;}
.forms .inpbox + .inpbox { margin-top: 1.2rem;}
.forms .inpbox input{width: 100%; height: var(--inpH); padding: 0 1.2em; border: 1px solid var(--lineColor);  border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s; font-size: var(--subTxt);}
.forms .inpbox a + input,
.forms .inpbox button + input{border-radius: 0.8rem 0 0 0.8rem;}
.forms .inpbox input::placeholder{color: var(--black);}
.forms .inpbox input[disabled]{background-color: var(--bg); }
.forms .inpbox input[disabled]::placeholder {color:rgba(0,0,0,0.5) }

.forms .inpbox button,
.forms .inpbox a{ display: inline-flex; align-items: center; justify-content: center; text-align: center;flex-shrink: 0; height: var(--inpH); padding: 0 1.5em; border: 1px solid var(--lineColor); border-left: none; font-size: var(--subTxt); border-radius: 0 0.8rem 0.8rem 0; color: var(--black); font-weight:700; transition: background 0.25s, color 0.25s;}
.forms  > div + .tit2 { margin-top:4rem; }
.forms .alert_msg { font-size:var(--tinyTxt); font-weight:500; color:var(--navy); margin-top:1.2rem; }
.forms .alert_msg svg { width:1em; height: auto; vertical-align: middle; margin:-3px 0.5rem 0 0;;}
.forms .checks { display: flex; margin-top:1.2rem; font-size:var(--smTxt);}
.forms .checks label { margin-right:2.5rem; }


.find_btns { display: flex; margin-top:2.5rem}
.find_btns button,
.find_btns a { display: inline-flex; align-items: center; justify-content: center; text-align: center; width:100%; border-radius:1rem; background-color: var(--bg); font-size:var(--subTxt); height:var(--inpH); border:1px solid var(--bg); transition: all 0.3s ease; color:var(--black); }
.find_btns button + button,
.find_btns a + a { margin-left: 1rem;}
.find_box1 { padding: 8rem 2rem 4rem; background-color: var(--bg); text-align: center;}
.find_box1 .tit { font-size:var(--lgTxt2); font-weight:700; margin-bottom: 2.4rem;}
.find_box1 .mine { font-size:var(--smTxt); font-weight:500; margin-bottom: 1.4rem; }
.find_box1 .mine strong { color:var(--navy); }
.find_box1 .btns { text-align: center; }
.find_box1 .btns a { display: inline-flex; align-items: center; justify-content: center; padding: 0.7em 3em; border-radius:1rem; background-color: var(--navy); font-size:var(--smTxt); color:#fff; font-weight:700;; transition: all 0.3s ease;}
.find_box2 { padding: 4rem 7.5rem; }
.find_box2 .inpbox { display: flex; margin-bottom: 1.2rem; }
.find_box2 .inpbox label { width:100%; border:1px solid var(--lineColor); border-right:0;  border-radius:1rem 0 0 1rem; position: relative;font-size:var(--subTxt);  }
.find_box2 .inpbox label span { position: absolute; left: 2rem; top:0; font-weight:700; line-height: var(--inpH); }
.find_box2 .inpbox input { width:100%; padding-left: 10rem; border:0; font-size:var(--subTxt); font-weight:500; height: var(--inpH); background: none;}
.find_box2 .inpbox .btn_send { display: inline-flex; align-items: center; justify-content: center; text-align: center; flex:0 0 11rem; padding:0 1em; border-radius:0 1rem 1rem 0; background-color: #666; font-size:var(--subTxt); font-weight:700; color:#fff;   transition: all 0.3s ease;}
.find_box2 .tit1 { font-size:var(--txt); font-weight:700; margin-bottom: 1.4rem;}
.find_box2 .tit2 { font-size:var(--smTxt); font-weight:500; margin-bottom: 1.1rem;}
.find_box2 .desc1{ font-size:var(--tinyTxt); margin-bottom: 2rem;  color:var(--navy);}
.find_box2 .desc p { font-size:var(--tinyTxt); line-height: 1.5;}
.find_box2 .inpbox .btn_send { border-color:#666;}
.forms .find_box2 { padding:0; }
.forms .find_box2 .inpbox { flex-direction: row;}
.forms .find_box2 .tit2 { font-weight:700; font-size:var(--subTxt); }
.member_page .find_box1 { padding:5rem 2rem; border:1px solid var(--lineColor); border-radius:var(--radius3) var(--radius3) 0 0;}
.member_page .find_box1 + .forms { border-radius:0 !important; border-top:0 !important;}



.agree_wrap { padding:4rem 5.2rem;  background-color: var(--bg); font-size:var(--smTxt); border-radius:0 0 var(--radius3) var(--radius3);}
.agree_wrap .tit2 { font-size:var(--subTxt); font-weight:700; margin-bottom: 1.2rem; }
.agree_wrap .cont { padding: 2.4rem 0; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor);}
.agree_wrap .cont dl { display: flex; align-items: center; justify-content: space-between;}
.agree_wrap .cont dl + dl { margin-top:1.1rem; }
.agree_wrap .cont dl dt { display: flex; align-items: center; }
.agree_wrap .cont dl dd {   }
.agree_wrap .cont dl dd a { color:rgba(0,0,0,0.5); text-decoration: underline;}
.agree_wrap .cont dl .txt { font-size:var(--subTxt); }
.agree_wrap .desc { font-size:var(--tinyTxt); font-weight:500;  margin-top:1.2rem; padding-left: 0.5em; text-indent: -0.5em; }
.agree_wrap .agree_all { margin:2.4rem 0 4rem;}
.agree_wrap .checkbox_all { position: absolute; display: none;}
.agree_wrap .checkbox_all + div { display:flex; align-items: center; justify-content: center; padding: 1em 0; text-align: center; border-radius:1rem; background-color: #fff; font-size:var(--subTxt);  color:rgba(0,0,0,0.5); transition: all 0.3s ease; cursor: pointer;}
.agree_wrap .checkbox_all + div svg { margin-right:1.2rem; }
.agree_wrap .checkbox_all + div svg path { opacity:0.5; transition: all 0.3s ease; }
.agree_wrap .checkbox_all:checked + div { background-color: var(--navy); color:#fff; }
.agree_wrap .checkbox_all:checked + div svg path { opacity:1; }
.agree_wrap .checkbox_all:checked + div svg path { fill:#fff;}

/* 검진전후 주의사항 */
.food_x { display:inline-flex; font-size:var(--txt2); color:#AE0000; align-items: center; vertical-align: middle; }
.food_x:before {content: ''; width:1.2em; height: 1.2em; margin-right:1rem;      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g transform="translate(-1894 -1519)"><circle cx="12.5" cy="12.5" r="12.5" transform="translate(1894 1519)" fill="%23ae0000"/><path d="M10.037-8.713a.939.939,0,0,0,0-1.327.939.939,0,0,0-1.327,0L5.625-6.952,2.537-10.037a.939.939,0,0,0-1.327,0,.939.939,0,0,0,0,1.327L4.3-5.625,1.213-2.537a.939.939,0,0,0,0,1.327.939.939,0,0,0,1.327,0L5.625-4.3,8.713-1.213a.939.939,0,0,0,1.327,0,.939.939,0,0,0,0-1.327L6.952-5.625l3.085-3.088Z" transform="translate(1901 1537)" fill="%23fff"/></g></svg>') no-repeat center / 100% auto; margin-top:-2px;}
.food_o { display:inline-flex; font-size:var(--txt2); color:#1B1C66; align-items: center; vertical-align: middle; }
.food_o:before {content: ''; width:1.2em; height: 1.2em; margin-right:1rem;        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><g transform="translate(-1894 -1519)"><circle cx="12.5" cy="12.5" r="12.5" transform="translate(1894 1519)" fill="%231b1c66"/><g transform="translate(1901 1526)" fill="none"><path d="M5.5,0A5.5,5.5,0,1,1,0,5.5,5.5,5.5,0,0,1,5.5,0Z" stroke="none"/><path d="M 5.5 2 C 3.57 2 2 3.57 2 5.5 C 2 7.43 3.57 9 5.5 9 C 7.43 9 9 7.43 9 5.5 C 9 3.57 7.43 2 5.5 2 M 5.5 0 C 8.54 0 11 2.46 11 5.5 C 11 8.54 8.54 11 5.5 11 C 2.46 11 0 8.54 0 5.5 C 0 2.46 2.46 0 5.5 0 Z" stroke="none" fill="%23fff"/></g></g></svg>') no-repeat center / 100% auto;margin-top:-2px;}
.com_tbl .doc_list2 { padding:1em; text-align: left;}
.com_tbl .tips1 { padding:0.8rem 1.2rem; background-color: #E4E4F4; color:#1B1C66 }
.com_tbl .tips1 p:before {   background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8,2a8,8,0,0,0,6.928-4,8,8,0,0,0,0-8A8,8,0,0,0,8-14a8,8,0,0,0-6.928,4,8,8,0,0,0,0,8A8,8,0,0,0,8,2ZM8-10a.748.748,0,0,1,.75.75v3.5A.748.748,0,0,1,8-5a.748.748,0,0,1-.75-.75v-3.5A.748.748,0,0,1,8-10ZM7-3A1,1,0,0,1,8-4,1,1,0,0,1,9-3,1,1,0,0,1,8-2,1,1,0,0,1,7-3Z" transform="translate(0 14)" fill="%231b1c66"/></svg>');}
.doc_list2 ul li { padding-left: 0.5em; text-indent: -0.5em;  }
.doc_list2 ul li + li { margin-top:0.5rem;}
.doc_list3 { margin-bottom: 4rem;}
.doc_list3 ul li { padding-left: 0.5em; text-indent: -0.5em;  font-size:var(--smTxt); }
.doc_list3 ul li + li { margin-top:0.5rem;}
.doc_list3 ul li .dot2 { padding-left: 0.9em; text-indent: -0.9em;}
.chk_note_page .com_tbl + .sub_cont_tit2{  margin-top:var(--subContMt); }
.youtube_area { margin:3rem 0 var(--subContMt); border-radius:var(--radius); overflow: hidden; padding-top: 56.25%; position: relative;}
.youtube_area iframe { width:100%; height: 100%; position: absolute; left: 0; top:0; vertical-align: top;}
.tips1 { padding: 2rem; border-radius:1rem; background-color: var(--bg); margin-top:1.2rem;}
.tips1 p { font-size:var(--smTxt);  text-indent: -1.5em; padding-left: 1.5em; }
.howto_sect { margin:var(--subContMt) 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(0,1fr)); gap: 4rem;  }
.howto_sect .item { border-radius:2.4rem; overflow: hidden; background: var(--bg); ;}
.howto_sect .item .tit { text-align: center; font-size:var(--lgTxt2); font-weight:700;background-color: var(--gold); color:#fff; padding:1.6rem 0;}
.howto_sect .item .cont { padding: 4rem; }
.howto_sect .item .cont .img { margin-bottom: 2.5rem; }
.howto_sect .item .cont .img svg { width:100%; height: auto;}
.howto_sect .item .cont ol li { display: flex; align-items: flex-start; font-size:var(--txt); font-weight:600; }
.howto_sect .item .cont ol li span { font-size:var(--smTxt); font-weight:400; text-indent: -0.5em; padding-left: 0.5em; margin-top:0.5rem; display: block;}
.howto_sect .item .cont ol li + li { margin-top:1.2rem; }
.howto_sect .item .cont ol li .num { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width:2em; height: 2em; border-radius:100%; background-color: var(--black); color:#fff; font-size:var(--smTxt); margin-right:1.8rem;  }
.howto_sect .item .cont .tip { padding: 0.5rem 1rem; border-radius:1rem; background-color: #E4E4F4; margin-top:2.5rem; font-size:var(--tinyTxt); letter-spacing: -0.5px; text-align: center;color:var(--navy); }
.howto_sect .item .cont .tip .ico1 {content: ''; display: inline-block; vertical-align: middle; margin:-0.2em 0.5rem 0; width:1em; height: 1em;   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8,2a8,8,0,0,0,6.928-4,8,8,0,0,0,0-8A8,8,0,0,0,8-14a8,8,0,0,0-6.928,4,8,8,0,0,0,0,8A8,8,0,0,0,8,2ZM8-10a.748.748,0,0,1,.75.75v3.5A.748.748,0,0,1,8-5a.748.748,0,0,1-.75-.75v-3.5A.748.748,0,0,1,8-10ZM7-3A1,1,0,0,1,8-4,1,1,0,0,1,9-3,1,1,0,0,1,8-2,1,1,0,0,1,7-3Z" transform="translate(0 14)" fill="%231b1c66"/></svg>') no-repeat center;    background-size:100% auto;    ;}
.howto_sect .item .cont .tip .ico2 {content: ''; display: inline-block; vertical-align: middle; margin:-0.2em 0.5rem 0; width:0.8em; height: 0.8em;   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.999" height="12.005" viewBox="0 0 13.999 12.005"><path d="M13.706-5.294a1,1,0,0,0,0-1.416l-5-5a1,1,0,0,0-1.416,0,1,1,0,0,0,0,1.416L10.587-7H1A1,1,0,0,0,0-6,1,1,0,0,0,1-5h9.584L7.294-1.706a1,1,0,0,0,0,1.416,1,1,0,0,0,1.416,0l5-5Z" transform="translate(0 12.002)" fill="%231b1c66"/></svg>') no-repeat center;  background-size:100% auto;    ;}
.howto_sect .com_tbl { background-color: #fff; margin-top:2.5rem; }
.howto_sect .com_tbl td strong { display: block;}
.howto_sect .com_tbl td strong + p {margin-top:1rem; }
.howto_sect .com_tbl td p + strong {margin-top:3rem; }
.btn_area { text-align: center; margin-top:var(--subContMt);}
.chk_note_page .img_sect { display: flex; align-items: center; }
.chk_note_page .img_sect .img { width:48%; flex-shrink: 0; }
.chk_note_page .img_sect .img img { border-radius:var(--radius); }
.chk_note_page .img_sect .text { margin-left: 5.4rem; }
.chk_note_page .img_sect .text .t1 { font-size:var(--txt2); font-weight:600; margin-bottom: 1.4rem; }
.chk_note_page .img_sect .text .t2 { font-size:var(--subTxt); font-weight:500; margin-bottom: 2.5rem; }
.chk_note_page .img_sect .text .t3 { font-size:var(--smTxt);  padding-top:2.5rem; border-top:1px solid var(--lineColor); }
.chk_note_page .img_sect .text .t3 p { padding-left: -0.5em; text-indent: -0.5em; }
.chk_note_page .img_sect .text .t3 p + p { margin-top:0.5rem;}
.chk_note_page .img_sect .text .t3 em { padding-left: 0.7em; text-indent: -0.7em; display: block;}

/* 푸터 컨텐츠 */
.terms { font-size:var(--txt); line-height: 1.7; }
.terms .privacy_labeling { margin:var(--subContMt) 0; }
.terms .privacy_labeling .title { margin-bottom: 3rem; display: block;}
.terms .privacy_labeling .com_tbl table tbody th {background: var(--bg2);;}
.terms .privacy_labeling .com_tbl table tbody th:first-child { border-left:1px solid var(--lineColor); border-left: 0;}
.terms .textSec.double { margin-top:var(--subContMt); }
.terms .textSec.double.bookmark { display: flex; flex-wrap: flex; }
.terms .textSec.double.bookmark > div { width:50%; }
.terms .textSec.double.bookmark > div + div { margin-left: 15px;}
.terms .pointColorBL {}
.terms .mt30 { margin-top:3rem; }
.terms .mt50 { margin-top:5rem; }
.terms .textSec.single em, 
.terms .textSec.double .leftSec em, 
.terms .textSec.double .rightSec em, 
.terms .textSec.triple .leftSec em, 
.terms .textSec.triple .centerSec em, 
.terms .textSec.triple .rightSec em { display: block; font-weight:700; ;}
.terms .patientRight { margin-top:3rem; }
.terms .patientRight li { padding-left: 1em; text-indent: -1em;}
.terms .nice-select { width: 100%; height: var(--inpH); line-height: var(--inpH); padding: 0 2em 0 1.3em; border: 1px solid var(--lineColor); border-radius: 0.8rem; font-size:var(--txt);}
.terms .nice-select::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.terms .nice-select .list { width:100%; max-height: 40rem; overflow-y: auto;}
.terms .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.terms .nice-select.open:after { transform:rotate(180deg)}
.terms .nice-select .current { display: block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.terms .sel_privacy { display: inline-block; min-width:52rem}
.tblArea { margin-bottom: 4rem;}
.tblArea table{width: 100%; border-left: none; font-size:var(--txt); border-right: none; border-top:2px solid #000; border-collapse:collapse; text-align: center;}
.tblArea table th { background-color: var(--bg);;}
.tblArea table tr{border-bottom:1px solid var(--lineColor);}
.tblArea table tr > *{padding:1em; border:1px solid var(--lineColor);}
.tblArea table tr td.bd_none{border-left: none;}
.tblArea table tr th.bd_none{border-left: none;}
.tblArea table tr .text_left { text-align: left;}
.terms .resSearchArea { padding:6rem 3rem ;border-radius:var(--radius3); background-color: var(--bg2); text-align: center}
.desc_tip {display: flex; align-items: flex-start; font-size:var(--txt); font-weight: 500; margin-top: 3rem; }
.desc_tip svg {width: 1em; margin-right: 0.4em;  vertical-align: middle; margin-top:0.2em; }
.freeq_sect .search_head { font-size:var(--txt);}
.freeq_sect .round_tab_wrap.mobile_select { margin-top:14rem}
.search_head { display: flex; justify-content: flex-end; margin-bottom: 4rem;}
.search_head > div { margin-left: 1.2rem; ;}
.search_head .nice-select { width:13em; border:0; border-bottom: 1px solid var(--black); border-radius:0; height: 2.2em; line-height: 2.2em; padding-left: 0; font-size:var(--txt);  }
.search_head .nice-select:after { opacity:0.5; right:0.5em; width:0.5em; height:0.5em }
.search_head .srch { position: relative;}
.search_head .srch .inp_srch{ width:13em; border-bottom: 1px solid var(--black); height: 2.2em; line-height: 2.2em; }
.search_head .srch .btn_srch { position: absolute; right:0; bottom:0; width:2.2em; height: 100%;    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.002' height='19.997' viewBox='0 0 20.002 19.997'%3E%3Cpath d='M14.375-9.375a6.25,6.25,0,0,0-3.125-5.413,6.25,6.25,0,0,0-6.25,0A6.25,6.25,0,0,0,1.875-9.375,6.25,6.25,0,0,0,5-3.962a6.25,6.25,0,0,0,6.25,0A6.25,6.25,0,0,0,14.375-9.375ZM13.168-3A8.086,8.086,0,0,1,8.125-1.25,8.124,8.124,0,0,1,0-9.375,8.124,8.124,0,0,1,8.125-17.5,8.124,8.124,0,0,1,16.25-9.375,8.086,8.086,0,0,1,14.5-4.332L19.727.9A.936.936,0,0,1,18.4,2.223Z' transform='translate(0 17.5)' fill='%23acacac'/%3E%3C/svg%3E")   no-repeat 50% 50%; background-size: 1em auto;;}
.search_tit { font-size:var(--smTxt); opacity:0.5; font-weight:500; margin-bottom: 2rem}

.freeq_sect .com_tbl { overflow: visible;}
.freeq_sect .com_tbl table tbody td:first-child { border-left: 0;}
.freeq_sect .com_tbl table tr > * { padding:0.5em}
.freeq_sect .com_tbl table thead { background: var(--bg);}
.freeq_sect .com_tbl table .tar { text-align: right;}
.freeq_sect .only_m { display: none;}
.freeq_sect .only_m .list ul { border-top:2px solid var(--black); }
.freeq_sect .only_m .list ul li { padding: 15px 10px; border-bottom: 1px solid var(--lineColor);  font-size:13px; line-height: 1.5; }
.freeq_sect .only_m .list ul li dl { display: flex; }
.freeq_sect .only_m .list ul li dl + dl { margin-top:5px;}
.freeq_sect .only_m .list ul li dl dt { width:5em; font-weight:700;  }
.freeq_sect .sub_cont_tit { transform: unset; opacity: 1; margin-bottom: 10px;}
.freeq_sect .list + .sub_cont_tit { margin-top:var(--subContMt)}

.mobile_touch { position: absolute; left: 0; top:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(0,0,0,0.5); backdrop-filter:blur(2rem);font-size:var(--txt1);  text-align: center; display: none; z-index:10}
.mobile_touch i { width:2.5em; height: 2.5em; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='65' height='65' viewBox='0 0 65 65'><g transform='translate(-301 -603.828)'><rect width='65' height='65' transform='translate(301 603.828)' fill='%23fff' opacity='0'/><path d='M20.284,11.207V10.7a6.042,6.042,0,0,1,0-.789c.029-.434.114-.945.114-.945a5.6,5.6,0,0,1,11.093,1.14V21.289a5.614,5.614,0,0,1,8.62,2.532,5.6,5.6,0,0,1,9.311,4.19v.03a5.611,5.611,0,0,1,8.966,4.49V45.948A19.052,19.052,0,0,1,39.336,65C32.359,65,25,61.744,19.928,52.512,12.613,39.185,3.259,30.445,7.713,25.991,10.9,22.8,15.9,25.861,20.284,29.96ZM39.333,62.759a17.148,17.148,0,0,0,16.813-16.81V32.5a3.362,3.362,0,1,0-6.724,0v1.117H47.181V28.032a3.362,3.362,0,1,0-6.724,0v3.348H38.215V25.79a3.362,3.362,0,1,0-6.724,0v7.83H29.25V10.1a3.362,3.362,0,1,0-6.724,0V35.414c-4.614-4.932-10.688-10.357-13.177-7.854-2.437,2.45,3.842,9.2,12.611,23.954C25.91,58.161,30.909,62.758,39.333,62.759Z' transform='translate(307.443 603.345)' fill='%23fff' fill-rule='evenodd'/><line x1='18.839' y2='18.838' transform='translate(303 605.828)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/><path d='M14.861,1h7.993V8.993' transform='translate(298.986 604.828)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/><path d='M8.992,22.853H1V14.86' transform='translate(302 601.813)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></g></svg>") no-repeat center; background-size: contain;;;}
.mobile_touch p { margin-top:10px}
.mobile_touch p:before {content: '두 손가락으로\A확대 및 축소가 가능합니다.'; display: inline; color:#fff;  white-space: pre-line;}

a { cursor: pointer;}

/* 무조건 모바일만 */
.common_only_m { display: none;}

/* 회원 */
.member_page .login_wrap { max-width:65rem; margin:0 auto;  }
.member_page .login_wrap .forms { border-radius:var(--radius3) var(--radius3) 0 0; border:1px solid var(--lineColor); padding:6rem; padding-bottom: 12rem; }
.member_page .login_wrap .forms.find_type { border-radius:var(--radius3); padding-bottom: 6rem;}
.member_page .login_wrap .forms.type2 { padding-bottom: 6rem;}

.member_page .login_wrap .tit{font-size: var(--lgTxt2); font-weight: 700; text-align: center;}
.member_page .login_wrap .tit + .msg2 { margin-top:2rem; }
.member_page .login_wrap .input_wrap{margin-top: 2.5rem;}
.member_page .login_wrap .input_wrap .inp{position: relative;}
.member_page .login_wrap .input_wrap .inp + .msg2 { margin-bottom: 3rem; ;}
.member_page .login_wrap .input_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.2em; height: 1em; font-size: var(--smTxt);}
.member_page .login_wrap .input_wrap .inp .ico svg{fill: #BCBFC7; transition: fill 0.25s; fill: var(--black);}
.member_page .login_wrap .input_wrap .inp input[type="text"]:focus + .ico svg{fill: var(--black);}
.member_page .login_wrap .input_wrap .inp input[type="password"]:focus + .ico svg{fill: var(--black);}
.member_page .login_wrap .input_wrap .inp input { padding-left: 1em;}
.member_page .login_wrap .input_wrap .inp .ico + input { padding-left: 2.5em;}
.member_page .login_wrap .input_wrap input{width: 100%; height: var(--inpH); padding-left: 2.5em; margin-bottom: 1.2rem; border: 1px solid var(--lineColor); font-size: var(--subTxt); border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.member_page .login_wrap .input_wrap input::placeholder{color: var(--black);}
.member_page .login_wrap .input_wrap button,
.member_page .login_wrap .input_wrap a{ display: flex; align-items: center; justify-content: center; width: 100%; height:var(--inpH); margin-top: 1em; background: var(--navy); color: #fff; font-size: var(--subTxt); font-weight: 700; text-align: center; border-radius: 0.8rem; line-height: 1em; transition: background 0.25s;}

.member_page .login_wrap .util_wrap{display: flex; justify-content: center; margin-top: 2.4rem;}
.member_page .login_wrap .util_wrap a{position: relative; color: #666; font-size: var(--smTxt); font-weight: 500; line-height: 1em; transition: color 0.3s;}
.member_page .login_wrap .util_wrap a + a{padding-left: 1.2em; margin-left: 1.2em; border-left: 1px solid rgba(188, 191, 199, 0.5);}
.member_page .login_wrap .msg { font-size:var(--tinyTxt); font-weight:500; color:var(--navy); margin-bottom: 1.5rem;  padding-left: 1.5em; text-indent: -1.5em;}
.member_page .login_wrap .msg svg { width:1em; height: auto; vertical-align: middle; margin:-3px 0.5rem 0 0;;}
.member_page .login_wrap .alert_msg { font-size:var(--tinyTxt); color:#CA0B0B; }

.member_page .login_wrap .sns-bar-box{position: relative; width:100%; margin-top: 8rem;}
.member_page .login_wrap .sns-bar-box .sns-bar{position: absolute;top: 6px;display: block; width: 33%;border-bottom: 1px solid rgba(165,165,165,.6); }
.member_page .login_wrap .sns-bar-box .sns-bar-left{left:0;}
.member_page .login_wrap .sns-bar-box .sns-bar-right{right:0;}
.member_page .login_wrap .sns-bar-box .sns-box-hd{text-align: center;font-size:var(--smTxt);line-height: 1em;color: #9A9EA7; font-weight:500;}
.member_page .login_wrap .desc { padding:4rem; border:1px solid var(--lineColor); border-top:0; border-radius:0 0 var(--radius3) var(--radius3); }
.member_page .login_wrap .desc p { padding-left: 0.5em; text-indent: -0.5em; font-size:var(--smTxt);}
.member_page .site_guide { padding: 4rem 2rem;  text-align: center; font-size:var(--smTxt); font-weight:600; line-height: 1.5;}
.member_page .site_guide .txt1 { margin-bottom: 1.2rem;;}
.member_page .site_guide .txt2 { display: flex; align-items: center; justify-content: center;}
.member_page .site_guide .txt2 strong { padding:0.2em 0.6em; border-radius:4rem; background-color: #E9E0D1; font-size:var(--tinyTxt); color:#AC987F; font-weight:600; margin-right:1rem;}

.member_page .join_wrap { display: flex; justify-content: center; padding:0 var(--inPd);}
.member_page .join_wrap a + a { margin-left: 4rem; ;}
.member_page .join_wrap a { width:56rem; height:56rem; border-radius:var(--radius3); display: flex; align-items:center; justify-content: center; flex-direction: column; font-size:var(--tit40); text-align: center; background-color: var(--bg); transition: all 0.3s ease;}
.member_page .join_wrap a svg { width:1.5em; height:auto; transition: all 0.3s ease }
.member_page .join_wrap a p { margin:1rem 0 1.5rem; }
.member_page .join_wrap a p span{ vertical-align: middle; display: inline-block; padding:0.2em 1em; border-radius:4em; background-color: var(--navy); font-size:var(--smTxt); color:#fff; ; transition: all 0.3s ease}
.member_page .join_wrap a strong { line-height: 1; transition: all 0.3s ease}

.member_page .inp-box { display: grid; grid-auto-flow: column; gap:1.3rem; align-items: center; width:100%;}
.member_page .inpbox .nice-select { width: 100%; height: var(--inpH); line-height: var(--inpH); padding: 0 2em 0 1.3em; border: 1px solid var(--lineColor); border-radius: 0.8rem; font-size:var(--subTxt);}
.member_page .inpbox .nice-select::placeholder { color: var(--gray); color:#BCBFC7; font-weight: 500;}
.member_page .inpbox .nice-select .list { width:100%; max-height: 40rem; overflow-y: auto;}
.member_page .inpbox .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.member_page .inpbox .nice-select.open:after { transform:rotate(180deg)}
.member_page .inpbox .nice-select .current { display: block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.member_page .btn_wrap { display: flex; margin-top:4rem;}
.member_page .btn_wrap .btn { flex:1; text-align: center; padding: 0 2.2em; height: var(--inpH); line-height: var(--inpH); background-color: var(--navy); border:1px solid 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;  cursor: pointer;}
.member_page .btn_wrap .btn + .btn { margin-left: 1rem; ;}
.member_page .btn_wrap .btn.btn2 { background-color:#fff; border-color:var(--black); color:var(--black);}
.foreigner_desc { padding: 4rem; border-radius:1.5rem; background-color: var(--bg); margin-bottom: 2.5rem; }
.foreigner_desc p { font-size:var(--smTxt); padding-left: 0.5em; text-indent: -0.5em; }
.sex_choice { display: flex; width:100%; }
.sex_choice label {flex:1; cursor: pointer;}
.sex_choice label + label { margin-left: 1rem;}
.sex_choice .text_radio { position: absolute; display: none} 
.sex_choice .text_radio + p { display: inline-flex; align-items: center; justify-content: center; width:100%; height: var(--inpH); line-height: var(--inpH);  border: 1px solid var(--lineColor); border-radius: 0.8rem; font-size:var(--subTxt); transition: all 0.3s ease}
.sex_choice .text_radio:checked + p { background-color: var(--navy); color: #fff; border-color: var(--navy);}
.welcome_page { min-height: calc(100vh - var(--headerH)); display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background-color: var(--bg2);; padding:0 var(--inPd);}
.welcome_page img { width:30rem; height: auto;}
.welcome_page .tit { font-size:var(--tit55); font-weight:700; margin:6rem  0 3.5rem; }
.welcome_page .txt { font-size:var(--txt2); font-weight:500; margin-bottom: 6rem}
.welcome_page a { display: inline-flex; align-items: center; justify-content: center; padding:0 4em;  height: var(--inpH); line-height: var(--inpH); background-color: #fff;   font-size:var(--txt); font-weight: 600; border-radius: 7rem; color:var(--black); transition: background 0.3s ease-in-out , color 0.3s ease-in-out;  cursor: pointer;}

/* Hover Event */
@media screen and (min-width: 1241px) {
    .rese_page .step_sect .step_wrap .step2 .list_box .list label:hover .txt_box .btn {background-color: #000; color: #FFF}
    .rese_page .step_sect .sticky_box .btn:hover {background-color: var(--black);}
    .sub_top .nav .select .nice-select .option:hover {background-color: var(--gold) !important; 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: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;}
    .line_tab:hover{color:#000; border-color:#000;}
    .slide_controls .swiper-button-next:hover,
    .slide_controls .swiper-button-prev:hover { background-color: var(--gold); fill:#fff;}
    .slide_controls.wh .swiper-button-next:hover,
    .slide_controls.wh .swiper-button-prev:hover { background-color: var(--gold); fill:#fff;}
    .history_page .map_sect .cont .pin:hover .txt {background: var(--blue);}
    .history_page .map_sect .cont .pin:hover .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);}
    .layer_page .layer_sect .layer_info .tab_box .btn:hover {background-color: #322D25; border-color:#322D25; color: #fff;}
    .layer_page .layer_sect .cont_box .layer_info_box .btn_wrap .btn:hover .txt{color: #000; }
    .med_find_page .search_form .type_wrap .type_box .small_category .btn:hover {background-color: var(--navy); 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 .med_srch_res .schedule_box .btn:hover{background-color: var(--black); color:#fff;}
    .med_view_page .profile_sect .cont .info_time .btn:hover{background-color: var(--gold); border-color:var(--gold);}
    .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_item .txt_box .btn:hover{background-color: var(--black); color:#fff; border-color:var(--black);}
    .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;}
    .com_depts_list .item:hover{color:#fff;}
    .com_depts_list .item:hover .desc_box{opacity:1;}
    .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;}
    .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;}
    .checkup_page .cta_sect .cta_list .item:hover .tit:after{opacity: 1; right: -0.5em;}
    .chk_ps_page .chk_program_sect .program_tab .tab:hover .txt span{color:#fff;}
    .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:not(:last-child):hover .ico img{filter: invert(1);}
    .rese_page .step_sect .step_wrap .step .chk_list li label:hover  {border-color: var(--gold); background-color: var(--gold); color: #fff}
    .rese_page .step_sect .step_wrap .step2 .view_more_box .btn:hover {background-color: #000; color: #fff; fill: #fff}
    .board_list .list li a:hover{background-color: #F6F6F6;}
    .media_list .list li:hover .img_box .img img { transform: scale(1.1); }
    .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:hover .ico{background-color: var(--black);}
    .board_view_page .board_li_wrap .box:hover .ico svg{fill: #fff;}
    .location_sect .btn_list .item a:hover { background-color: #000; color:#fff; ;}
    .docdown_sect .list .btns a:hover { background-color: var(--black); color:#fff; }
    .docdown_sect .list .btns a:hover svg path { fill: #fff; }
    .reinsu_sect .downloads div dl dd a:hover { background-color: var(--black); color:#fff; }
    .tabs1 a:hover { background-color: var(--black); color:#fff;}
    .btn1:hover { background-color: var(--black); color:#fff;}
    .btn1.wh:hover { background-color: var(--black); color:#fff;}
    .btn1.bk:hover { background-color: var(--navy); }
    .btn3:hover{background-color: var(--black); border-color:var(--black); color:#fff;}
    .write_form .form_btn_box .btn:hover{background-color: var(--black); border-color:var(--black)}
    .write_form .form_btn_box .btn.btn2:hover { background:var(--black); color:#fff;}
    .write_form .file_inp .file_btn:hover{background-color: #000; color:#fff;}
    .chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item a:hover .tit_box .ico {opacity: 1; transform: unset;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont .btn_srch:hover { color:#fff; background-color: var(--black);}
    .member_page .join_wrap a:hover,
    .member_page .join_wrap a.active {background-color: var(--navy);}
    .member_page .join_wrap a:hover svg path,
    .member_page .join_wrap a.active svg path { fill:#fff;}
    .member_page .join_wrap a:hover svg g g g path,
    .member_page .join_wrap a.active svg g g g path  { fill:none;}
    .member_page .join_wrap a:hover svg g g g path,
    .member_page .join_wrap a.active svg g g g path { stroke:#fff;}
    .member_page .join_wrap a:hover p span,
    .member_page .join_wrap a.active p span { background-color: rgba(255,255,255,0.2); ;}
    .member_page .join_wrap a:hover strong,
    .member_page .join_wrap a.active strong { color:#fff; }
    .find_box2 .inpbox .btn_send:hover { background-color: var(--black)}
    .find_box1 .btns a:hover { background-color: var(--black);;}
    .find_btns button:hover,
    .find_btns a:hover { border-color:var(--black); }
    
    .member_page .btn_wrap .btn:hover{background-color: var(--black); border-color:var(--black)}
    .member_page .btn_wrap .btn.btn2:hover { background:var(--black); color:#fff;}
    .welcome_page a:hover { background-color: var(--navy); color:#fff;}
    .member_page .login_wrap .input_wrap a:hover { background-color: var(--black);;}
    
}


/* 반응형 */
@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(--txt);}
    .med_view_page .media_sect .slide_cont .item .txt_box .txt{font-size:var(--txt)}
    .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);}
    /* .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) {
    .com_sticky_list .list .item .txt_box .txt br { display: none;}
    .sub_top .tit{font-size:8rem;}
    .sub_visual .sub_top {height: 50vh}

    .med_view_page .profile_sect .cont .top_area .info .desc br{display: none;}
    .med_view_page .profile_sect .cont .top_area .info .name{font-size:var(--tit);}

    .rese_page .step_sect .sticky_box{max-width: 100%;}
    .rese_page .step_sect .step_wrap {width: 100%; padding: 0 var(--inPd); padding-bottom: var(--subSectPd);}
    .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: 5rem}
    .rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box {padding-bottom: 0;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap{padding: 8rem var(--inPd);}
    .rese_page .step_sect .step_wrap .step2 .list_box .list label .txt_box{padding-top: 0;}
    .footer .fix-top {  font-size:15px; bottom:30px;}
    .footer .fix-top.abs { top:-30px;}
    .modal .modal_doc { width:150rem; }
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .inp input { font-size:var(--txt); letter-spacing: -0.5px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .nice-select,
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.email .cont .select .nice-select,
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont .btn_srch { font-size:var(--txt); }
    .register_wrap,
    .member_page .login_wrap { max-width:90rem; }
}





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

    .media_list .list { grid-template-columns: repeat(3, minmax(0, 1fr));  }

    .rese_page .step_sect{flex-direction: column; padding-left: 0;}
    .rese_page .step_sect .step_wrap{width: 100%; }
    .rese_page .step_sect .sticky_box{margin-left: 0; width: 100%; height: auto; min-height: 0; position: unset; z-index: 1;}
    .rese_page .step_sect .sticky_box .img{display: none;}
    .rese_page .step_sect .sticky_box .txt_box .ico_txt .txt br{display: none;}
    .rese_page .step_sect .step_wrap .step2 .list_box .list{gap:8rem 3rem;}
    .rese_page .step_sect .step_wrap .step2 .list_box .list label{gap:3rem;}
    .site_map.on + .search_wrap { top:70px; }
    .site_map.on + .search_wrap .bg_search { top:70px;}
    .history_page .map_sect .cont { width:100%; max-width:inherit;}
    .med_staff_slide{margin-left: 0}
    .med_staff_slide { padding-left: 0}
    .med_staff_slide .swiper-container { padding-left: var(--inPd);}
    .med_staff_slide .paging { width:auto; margin:var(--subContMt) var(--inPd) 0; padding:0; height: 2px; ;}
    .med_staff_slide .swiper_btn_wrap { display: none;}
    .slide_wrap.type_topbtn { margin-left: 0; padding-left: 0;}
    .slide_wrap.type_topbtn .swiper_btn_wrap { display: none;}
    .slide_wrap.type_topbtn .swiper-container { padding:0 var(--inPd);}
    .slide_wrap.type_topbtn .paging { width:auto; margin-left:var(--inPd); margin-right:var(--inPd); padding:0; height: 2px;;}
    .med_view_page .profile_sect .cont { grid-template-columns: 35% minmax(0, 1fr);}
    .com_recommend_cont .list .item { font-size:var(--txt1);}
    .com_recommend_cont .list .item .num { width:2em; height:2em; }
    .com_recommend_cont .list .item .txt br { display: none;}
    .diagnosis_sect .chk_list .result_box .txt_box .txt br { display: none;}
    .com_recommend_cont .sub_cont_tit small br { display: none;}
    .exam_checklist { padding-left: 0; padding-right:0;;}
    .chk_info_page .custom_sect .checkup_type .personal .cont_box .list .item a .tit_box .ico { opacity:1; transform: unset; }
    .checkup_page .line_tab  {min-width: inherit; padding-left: 1.5rem; padding-right:1.5rem; ; flex:1 1 auto;} 
}






@media screen and (max-width: 1024px) {
    .anchor_tab{top: var(--headerH);}
}

@media screen and (max-width: 1000px) {
    .board_view_page .in { max-width:100%; }


    .med_view_page .profile_sect .cont{display: block;}
    .med_view_page .profile_sect .cont .img_box .info { display: block;}
    .med_view_page .profile_sect .cont .img_box{position:unset; height: auto; padding-left: 0; text-align: center;}
    .med_view_page .profile_sect .cont .img_box img{max-height: 500px; max-width: 80%; margin: 0 auto;}
    .med_view_page .profile_sect .list_btn{top: calc(var(--headerH) + 20px); left: var(--inPd); }
    .med_view_page .profile_sect .cont .img_box .btn_wrap{display: block;}
    .med_view_page .profile_sect .cont .img_box .btn_wrap{ display: flex; justify-content: center; align-items: center; text-align: center;}
    .med_view_page .profile_sect .cont .img_box .btn{position:relative; display: flex; align-items: center; justify-content: center; background-color: var(--gold); width: 100%; font-size: var(--lgTxt2); color:#fff; padding:0.8em 0; font-weight: 700;}
    .med_view_page .profile_sect .cont .img_box .btn:before{content:''; position: relative; display: inline-block; width: 1.4em; height: 1.4em; margin-right: 0.4em; 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_wrap{display: none;}
    .med_view_page .profile_sect .cont .top_area,
    .med_view_page .profile_sect .cont .btm_area{padding: 10rem var(--inPd);}
    .med_view_page .profile_sect .cont .top_area .info { display: none;}
    .med_view_page .profile_sect .cont .info_cont .history_list .item .year{width: 110px;}
    .med_view_page .profile_sect .cont .info_his .tit_box .ico{width: 2em; height: 2em;}

    .rese_page .step_sect .description .info{flex-direction: column;}
    .rese_page .step_sect .description .info .item + .item{margin-top:2rem; }
    .rese_page .step_sect .step_wrap .step2 .list_box .list{grid-template-columns: repeat(1,minmax(0,1fr));}

    .introduce-sub .open-sec { max-width:100%;}
    .introduce-sub .txt-ani p { font-size:12rem; }
    .introduce-sub .txt-ani p svg { width:0.4em; height: auto;}
    .hello_page .hello_sect .cont_box { align-items: flex-start;}
    .history_page .map_sect .cont { width:calc(100% + 60rem); margin-left:-30rem; }
    .com_depts_list { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .med_find_page .search_form .type_wrap .type_box .small_category .btn { height: 4em;}
    .round_tab .tab { padding-left: 1.5em; padding-right:1.5em;}

    /* .freeq_sect .com_tbl { overflow-x: auto; margin:0 calc(var(--inPd) * -1); padding:0 var(--inPd)}
    .freeq_sect .com_tbl table { min-width:1000px;} */
    .freeq_sect .com_tbl table { font-size:var(--smTxt); word-break: break-all;}
    .checkup_page .line_tab {font-size:var(--smTxt); letter-spacing: -0.5px;}


}




@media screen and (max-width: 980px) {
    .tabs1 .btns{  display: flex; justify-content: flex-start; width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd) 2px; margin-left: calc(var(--inPd) * -1);  overflow-x: auto;  margin-bottom: 2rem;}
    .tabs1 .btns a + a { margin-left: 1.5rem;}
    .tabs1 .btns::-webkit-scrollbar {display: none}

    .event_list ul li a { display: block; padding-left: 0; padding-right:0;}
    .event_list ul li a .img { width:auto; margin:0 0 3rem; }
    .guide_sect .g_list { display: block;}
    .guide_sect .g_list li { padding:4rem 5rem; }
    .guide_sect .g_list li + li { margin-top:3rem; }
    .location_sect .addr_info { display: block;}
    .location_sect .btn_list { margin-top:5rem; flex-wrap: wrap;; }
    .location_sect .btn_list .item  { margin:0 1rem 1rem 0;}
    .location_sect .btn_list .item + .item { margin-left:0; }
    .med_find_page .search_form .type_wrap .type_box .small_category { grid-template-columns: repeat(4, minmax(0, 1fr));}
    .med_find_page .med_srch_res .cont_box { display: block;}
    .med_find_page .med_srch_res .med_info .txt_box .field_box { margin-top: 12px;}
    .med_find_page .med_srch_res .cont_box .cont + .cont { margin-top:8rem; }
    /* .chk_note_page .note_sect { overflow: hidden;} */
    .chk_note_page .note_sect .line_tab_wrap {overflow-x: auto;justify-content: flex-start;width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1); padding-left: var(--inPd); padding-right:var(--inPd); justify-content: center;}
    .chk_note_page .note_sect .line_tab { min-width: unset; flex-shrink: 0;}
    .hello_page .hello_sect .cont_box .txt_wrap .tit br { display: none;}
    .checkup_page .cta_sect { padding: 0;}
    .checkup_page .cta_sect .cta_list { display: block;}
    .checkup_page .cta_sect .cta_list .item { display: block; padding:var(--subContMt) var(--inPd)}
    .checkup_page .cta_sect .cta_list .item + .item { border-left:0; border-top:1px solid rgba(255,255,255,0.3);}
    .checkup_page .cta_sect .cta_list .item .tit:after { opacity: 1; right:-0.5em;}
    .important_sect .cont2 .graph_box { padding-right:14rem;}
    .important_sect .cont2 .graph_box .item { width:45%; }
    .com_info_box .item2 .txt br { display: none;}
    .layer_page .layer_sect .center_cont .list li .badge  {font-size:var(--smTxt);}
    .layer_page .layer_sect .center_cont .list li .txt_box { font-size:var(--smTxt); }
    .program_check_list ul li .text { display: block;}
    .program_check_list ul li .text .prices .number { margin-left: auto;}
    .program_check_list ul li .text .prices { margin-top:1rem; flex-wrap: wrap;}
    .program_check_list ul li .text .prices label { margin-left: 1.7em; flex-shrink: 0;max-width:100%;}
    .program_check_list ul li .text .prices label p { flex:1;}
    
    .rese_page .step_sect .step_wrap .step{padding-top: 80px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap{display: block;}
    .rese_page .step_sect .step_wrap .step5 .inp_cont + .inp_cont{margin-top: 3rem;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .inp_txt{width: 7em;}
}


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

    .round_tab_wrap {width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1);padding: 0 var(--inPd);}
    .round_tab_wrap .round_tab { margin:0; font-size:var(--txt2);  }
    .round_tab_wrap .round_tab .tab { padding-left: 1em; padding-right:1em; }

    .sub_top .nav .select .nice-select { padding-right:1.5em; font-size:var(--smTxt); }
    .sub_top .nav .home + .select::before, .sub_top .nav .select + .select::before {width: 1px; margin:0 0.8em}


    .board_list .list li a {padding: 0; height: auto; padding: 15px 0;flex-wrap: wrap; position: relative; }
    .inquiry_page .board_list .list li a { padding-right:9.5em; }
    .board_list .code {display: none;}
    .board_list .list .cate {font-size: var(--smTxt); margin-bottom: 5px;}
    .board_list .list .badge {padding: 0.25em 0.9em; margin-right: 0; margin-bottom: 5px;}
    .board_list .list .tit {width: 100%; flex: none; margin-top: 0; font-size: 15px; padding-right:0;}
    .board_list .list .date {text-align: left; width: auto; margin-top: 5px;}
    .board_list .state { margin-left: auto; position: absolute; right:0; top:50%; transform: translateY(-50%);}
    .board_list.inquiry_list .list .date { margin-top:0; margin-left: 10px;}
    .pagination .num_list li:nth-child(n+6) { display: none;}
    .location_sect .way_cont .way { padding-bottom: 0.2rem;}
    .location_sect .way_cont .way dl { margin-bottom: 3rem;;}
    .location_sect .addr_info .info .addr1 div { display: block;}
    .location_sect .addr_info .info .addr1 svg { width:0.85em; height: auto;}
    .location_sect .way_cont .way .area .tit { font-size:var(--tit35); }
    .docdown_sect { display: block;}
    .docdown_sect .list { width:auto; margin-top:var(--subContMt)}
    .reinsu_sect .downloads div { display: block; padding-left: 0; padding-right:0;}
    .reinsu_sect .downloads div dl + dl { margin-top:2rem; }
    .reinsu_sect .downloads div dl dt { padding-left: 0.5em; text-indent: -0.5em; margin-right:0.5em;}
    .reinsu_sect .downloads div dl dd a { padding:0.5em 1em;}
    .faq_list .question p { white-space: normal;}
    .faq_page .board_list_top { display: block;}
    .faq_page .board_list_top .line_sch_box { width:100%; margin-top:5rem;}
    .qna_page .form_sect .in { max-width:100%; padding:0; }
    .voicetit_sect ul {    grid-template-columns: repeat(2, minmax(0, 1fr));}
    .voicetit_sect ul li { padding-top:60%; }
    .voice_page .form_sect .in { max-width:100%; padding:0; }
    .mysearch_box .box { max-width:100%; padding:0 8rem;}
    .inq_cont .box { padding-left:0; padding-right:0;}
    .table_list.scroll_area { overflow: auto;  padding:0 var(--inPd); margin:0 calc(var(--inPd) * -1);  }
    .table_list.scroll_area table { min-width:900px; }
    .com_tbl.scroll_area { overflow: auto;  padding-left: var(--inPd);padding-right: var(--inPd); margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1);  }
    .com_tbl.scroll_area table { min-width:900px; }
    .com_info_box { padding:4rem; }
    .com_badge_box .badge, .com_badge { padding:0.3em 0.5em;  font-size:var(--smTxt);}
    .med_staff_item .txt_box .tag li + li { margin-left: 0;;}
    .med_staff_item .txt_box .tag li { margin-right:3px; word-break: keep-all; white-space: normal;}
    .med_staff_item { padding-right:0;}
    .med_staff_item .txt_box .dept { flex-wrap: wrap;}
    .med_staff_item .txt_box .dept .txt { flex-basis: 100%; margin-top:6px}
    .med_staff_item .txt_box .name { font-size:20px; }
    .med_staff_item .txt_box { padding:5px 0;}
    .med_find_page .search_form .type_wrap .consonant_box {margin:0 -4rem; }
    .med_find_page .search_form .type_wrap .consonant_box .btn_box { padding:0 4rem;}
/* 
    .rese_page .step_sect .step_wrap .step{padding-top: 80px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap{display: block;}
    .rese_page .step_sect .step_wrap .step5 .inp_cont + .inp_cont{margin-top: 3rem;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .inp_txt{width: 7em;} */
    .rese_page .step_sect .line_tab_wrap{margin-bottom: 5rem;}
    .rese_page .step_sect .step_wrap .step .chk_list li label{height: 3.2em;}
    .rese_page .step_sect .step_wrap .step .chk_list{grid-template-columns: repeat(3,minmax(0,1fr))}
    .rese_page .step_sect .step_wrap .step .chk_list,
    .rese_page .health_box .type_box .list ul,
    .rese_page .test_list ul{gap:15px;}
    .rese_page .health_box .type_box{padding: 25px 20px;}
    .rese_page .health_box .type_box .list ul{text-align: center;}
    .rese_page .test_list ul{text-align: center;}
    .rese_page .test_list .radio_txt + div{padding: 0 0.5em;}
    .rese_page .step_sect .terms_guide .chk-box{margin-top: 10px; font-size:var(--txt);}
    .rese_page .tel_reservation{padding-bottom:35%;}
    .rese_page .tel_reservation .txt{margin: 5px 0 15px;}
    .rese_page .tel_reservation .box{width: 70%; left:30px;}
    .rese_page .tel_reservation .inpbox{height: 3.5em;}
    .rese_page .step_sect .step_wrap .step3 .calendar-wrapper{padding: 30px 25px;}
    .rese_page .step_sect .step_wrap .step3 .calendar:first-child{display: none;}
    .rese_page .step_sect .step_wrap .step3 .calendar-track{grid-template-columns: repeat(2,minmax(0,1fr))}
    .rese_page .step_sect .step_wrap .step3 .calendar[data-offset="-1"] {display:none;}
    .sub_tit_box .txt br { display: none;}
    .layer_page .layer_sect .cont_box.active { display: block;}
    .layer_page .layer_sect .cont_box .img_box { width:auto; padding:2rem; }
    .layer_page .layer_sect .cont_box .img_box .img svg { height: auto;}
    .layer_page .layer_sect .cont_box .layer_info_box { position: relative; width:auto;  }
    .layer_page .layer_sect .cont_box .layer_info_box .scroll_area { max-height: 40rem;;}
    .out_page .major_sect .in { display: block;}
    .out_page .major_sect .in .sub_tit_box { margin-bottom: var(--subContMt);}
    .com_sticky_list { display: block;}
    .com_sticky_list > *:first-child { width:auto; position: static; padding-bottom: var(--subContMt);}
    .com_sticky_list .list { width:auto; }
    .chk_info_page .custom_sect .checkup_type { display: block;}
    .chk_info_page .custom_sect .checkup_type .type + .type { margin-top:var(--subContMt)}
    .checkup_page .banner_sect .banner_wrap .txt_box { padding:5rem; }
    .checkup_page .banner_sect .banner_wrap .txt_box > .tit { font-size:5rem; }
    .checkup_page .banner_sect .banner_wrap .txt_box > .txt { font-size:14px; }
    .checkup_page .banner_sect .banner_wrap .img_box { padding-top:0; height: 40rem;; }
    .checkup_page .banner_sect .banner_wrap .img_box:before { content: ''; position: absolute; left:0; top:0; right:0; bottom:0; background-color: rgba(0,0,0,0.25); z-index:2;}
    .com_tbl .doc_list2 { padding: 0; }
    .food_o { font-size:14px; white-space: nowrap;}
    /* 검진전후 유의사항 */
    .com_tbl table tr > * { padding:0.5em; }
    .howto_sect { display: block;}
    .howto_sect .item + .item { margin-top:var(--subContMt)}
    .chk_note_page .img_sect { display: block ;}
    .chk_note_page .img_sect .img { width:auto; margin-bottom: var(--subContMt);}
    .chk_note_page .img_sect .text { margin-left: 0;}
    .tips1 .tp { grid-template-columns: repeat(2,minmax(0,1fr));}
    .inq_cont .box { display: block;}
    .inq_cont .box dl { margin-bottom: 3rem; ;}
    .inq_cont .box dl dt { flex:0 0 90px; }
    .inq_cont .btn_submit { width:100%; margin-left: 0; ;}
    .doc_sect ul { padding-left:2rem; padding-right:2rem;}
    .form_sect .checks { font-size:var(--txt); }
    .doc_sect ul { padding-left: 2rem; padding-right:2rem;;}
    .caution_sect .caution_list ol li p { font-size:var(--txt); }
    .caution_sect .caution_list ol li { padding-right:2rem; }
    .faq_list .question { display: block; padding-left: 2rem;;}
    /* .profile_sect .list_tbl { margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1); padding:0 var(--inPd); overflow: auto;}
    .profile_sect .list_tbl::-webkit-scrollbar{display: none;}
    .profile_sect .list_tbl .tbl_box { width:769px;} */
    .table_list table tbody td .btns .btn1 + .btn1 { margin-left:5px;}
    .table_list table thead { display: none        ;}
    .table_list table,
    .table_list table tbody,
    .table_list table tr,
    .table_list table th,
    .table_list table td { display: block;}
    .table_list table td { display: flex; align-items: flex-start}
    .table_list table tr .only-m { display: block; font-size:14px; font-weight:600; color:var(--black); flex:0 0 60px;}

    .table_list table tbody tr { padding:10px 0; border-bottom: 1px solid var(--lineColor);}
    .table_list table tbody td { font-size:13px; text-align: left;  border:0; padding:4px 10px;}
    .table_list table tbody td.td-btn .btns{ width:100%; display: flex;  }
    .table_list table tbody td.td-btn .btns .btn1 { border-radius:5px; width:100%; font-size:13px; text-align: center;}
    .footer .nice-select .option { margin-bottom: 7px;}

    .doc_page .pc { display: none;}
    .doc_page .mobile { display: block;}
    .layer_page .layer_sect .center_cont .list li { align-items: flex-start;}
    .layer_page .layer_sect .center_cont .list li .txt_box { display: block;  padding-top:6px; font-size:14px;}
    .layer_page .layer_sect .center_cont .list li .txt_box .txt + .txt::before { display: none;}

    .program_sect .center_info .list li { align-items: flex-start;}
    .program_sect .center_info .list li .box { display: block;  padding-top:6px; font-size:14px;}
    .program_sect .center_info .list li .box .tx + .tx::before { display: none;}

    /* 특화센터 */
    .program_sect .com_tbl.mobile_type1 table,
    .program_sect .com_tbl.mobile_type1 table thead,
    .program_sect .com_tbl.mobile_type1 table thead th,
    .program_sect .com_tbl.mobile_type1 table tbody,
    .program_sect .com_tbl.mobile_type1 table tr,
    .program_sect .com_tbl.mobile_type1 table tbody td { display: block; text-align: left;}
    .program_sect .com_tbl.mobile_type1 table thead { display: none;}
    .program_sect .com_tbl.mobile_type1 table tbody td{ text-align: left; display: inline-block; vertical-align: middle; border:0; padding:0; }
    .program_sect .com_tbl.mobile_type1 table tbody td.prgm_list { display: block;}
    .program_sect .com_tbl.mobile_type1 table tbody tr { padding:20px}
    .program_sect .com_tbl.mobile_type1 .p_tit { border-radius:5px; padding:0.2em 1em; width:auto; height: auto; ;}
    .program_sect .com_tbl.mobile_type1 table tbody td.target { padding-left: 10px;}
    .program_sect .com_tbl.mobile_type1 table tbody td.target br{ display: none;  }
    .program_sect .com_tbl.mobile_type1 table tbody td.prgm_list { padding-top:20px;}
    .program_sect .com_tbl.mobile_type1 table tbody td[rowspan="4"]{ display: none;}
    .program_sect .com_tbl_mobile_desc { display: block; margin-top:var(--subContMt); font-size:13px;}
    .program_sect .test_program_list ul { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 0; padding-right:0;;}

    .line_tab { flex:1 1 auto; min-width: inherit; max-width:100%; padding-left:0; padding-right:0;}
    .diagnosis_sect .cont { display: block;}
    .diagnosis_sect .sub_cont_tit_box { margin-bottom: var(--subContMt); }
    .com_recommend_cont { display: block;}
    .com_recommend_cont .sub_cont_tit { width:auto; padding:0 0 var(--subContMt); position: static;}
    .com_recommend_cont .list { width: auto;}
    .program_sect .banner_cont .banner_box { min-height: 40rem;}
    .program_sect .banner_cont .txt_box { padding:6rem ;}
    .program_sect .banner_cont .txt_box br { display: none;}
    .com_test_slide .swiper-container { padding:0 var(--inPd); margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1);}
    .com_sticky_list .list .item .txt_box .ico { width:1.6em; height: 1.6em; margin-top:-1px;}
    .com_recommend_cont .sub_cont_tit_box { padding-right:0; margin-bottom: var(--subContMt);}
    .immu_page .program_sect .graph_cont .cont .graph_box { padding:4rem 3rem;}
    .immu_page .program_sect .graph_cont .cont .graph_box .graph_in { max-width:100%; }
    .immu_page .program_sect .graph_cont .cont .btm_list { display: block;}
    .immu_page .program_sect .graph_cont .cont .btm_list .item { border:0; padding:20px 0; }
    .immu_page .program_sect .graph_cont .cont .btm_list .item + .item { border-left:0; border-top:1px solid rgba(255,255,255,0.3); }
    .com_recommend_cont .symptoms { width:auto;}
    .com_recommend_cont .symptoms li { width:50%; margin-bottom: 1.5rem;}
    .out_page .diagram_box img { max-width:100%; }
    .med_staff_empty { border-radius:0;}
    .med_staff_empty .txt_box { font-size:var(--txt2);}
    .program_sect .info_area { display: block;}
    .program_sect .info_area .sub_cont_tit_box { margin-bottom: var(--subContMt);}
    .program_sect .info_area .img_box { width:auto; padding-top:50%; }
    .sub_cont_tit_box .txt br { display: none;}
    .programs_cont .check_list ul li { display: block;}
    .programs_cont .check_list ul li .label { display: inline-block; margin-bottom: 1.5rem;}
    .com_col2_list .item { display: block;}
    .com_col2_list .item .img_box { width:auto; padding-top:50%; margin-right:0; margin-bottom: var(--subContMt);}
    .psych_page .program_sect .tab_cont .img_box { width:auto; margin-right:0; padding-top:50%; }
    .sub_tit_box .subtit br { display: none;}
    .maincheckup_cont ul { display: block;;}
    .maincheckup_cont ul li + li { margin-top:5rem;}
    .terms .sel_privacy { width:100%; }
    .rese_page .step_sect .step_wrap .step .exam_checklist .chk_list { grid-template-columns: repeat(2,minmax(0,1fr));}
    .com_depts_list .item .top_box .tit { padding-left: 1em;}
    .diagnosis_sect .chk_list .result_box .txt_box { padding-left: 20px; padding-right:20px;}
}



/* 모바일 탭 긴거 셀렉트박스로 변경 */
@media screen and (max-width: 769px) {
    .med_find_page .search_form .type_wrap .type_box .line_tab_wrap { display: none;}
    .rese_page .step_sect .line_tab_wrap { display: none;}
    .rese_page .step_sect .line_tab_wrap_mobile { margin-bottom: 5rem;;}
    .chk_note_page .note_sect .line_tab_wrap { display: none;}
    .chk_ps_page .line_tab_wrap { display: none;}
    .chk_ps_page .round_tab_wrap2 { overflow: visible;}
    .chk_ps_page .round_tab2 { display: none;}
    .chk_ps_page .round_tab_wrap2 {margin:0 calc(var(--inPd) * -1) 5rem; padding:0 var(--inPd); overflow: visible;}
    .chk_ps_page .line_tab_wrap_mobile {margin-left: calc(var(--inPd) * -1); margin-right:calc(var(--inPd) * -1); position: sticky; top:var(--headerH);  }
    .chk_ps_page .line_tab_wrap + .line_tab_wrap_mobile { z-index:50; }
    .chk_ps_page .round_tab_wrap2 .line_tab_wrap_mobile { margin:0;}
    .chk_ps_page .chk_program_sect .btm_btn { margin-top:8rem;}
    .checkup_page .btn_area { margin-top:8rem;}
    .chk_note_page .line_tab_wrap_mobile { position: sticky; top:var(--headerH); }
    .chk_note_page .line_tab_wrap + .line_tab_wrap_mobile { z-index:50;}
    .chk_note_page .tab_cont .line_tab_wrap_mobile { position: static;}
    
    .chk_ps_page .round_tab_wrap2 .nice-select{ display: block; border:0; height: 50px; line-height: 48px; border:0; border-radius:0; padding:0 40px 0 20px;font-size:16px;font-weight:700; background-color: var(--bg2); }
    .chk_ps_page .round_tab_wrap2 .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .chk_ps_page .round_tab_wrap2 .nice-select .list { width:100%; border:0; margin-top:0; border-top:1px solid rgba(0,0,0,0.2); background-color: var(--bg2); padding:10px 0; box-shadow:none; border-radius:0;}
    .chk_ps_page .round_tab_wrap2 .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .chk_ps_page .round_tab_wrap2 .nice-select .option.selected { background:none; color:var(--blue);;}
    .chk_ps_page .round_tab_wrap2 .nice-select .option:hover, 
    .chk_ps_page .round_tab_wrap2 .nice-select .option.focus, 
    .chk_ps_page .round_tab_wrap2 .nice-select .option.selected.focus { background:none; color:var(--blue);;}
    .chk_ps_page .round_tab_wrap2 .nice-select{ margin-top:-20px; display: block; border:0; height: 45px; line-height: 44px; border:0;border-radius:10px; background-color: var(--bg);  font-weight:700; font-size:14px;}
    .chk_ps_page .round_tab_wrap2 .nice-select.open { border-radius:10px 10px 0 0;}
    .chk_ps_page .round_tab_wrap2 .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .chk_ps_page .round_tab_wrap2 .nice-select .list { top:100%; margin-top:0; width:100%; border:0; background-color: var(--bg); padding:10px 0; box-shadow:none; border-radius:0 0 10px 10px; border-top: 1px solid rgba(0,0,0,0.2); max-height: 160px; overflow: auto;}
    .chk_ps_page .round_tab_wrap2 .nice-select .list li { padding:6px 15px; min-height: inherit; line-height: 1.3; font-size:14px; font-weight:700; }
    .chk_ps_page .round_tab_wrap2 .nice-select .option.selected { background:none; color:var(--blue);;}
    



    
    .note_sect .round_tab_wrap2 { margin-left: calc(var(--inPd) * -1); margin-right:calc(var(--inPd) * -1); padding:0 var(--inPd); overflow: visible;}
    .note_sect .round_tab_wrap2 .round_tab2 { display: none;}
    .note_sect .tab_cont .line_tab_wrap_mobile{ display: block;} 

    .line_tab_wrap_mobile { display: block;}
    .line_tab_wrap_mobile .nice-select { background: none; border:0; border-bottom: 2px solid var(--black); padding-left: 0; font-size:15px; font-weight:700;; border-radius:0;}
    .line_tab_wrap_mobile .nice-select:after { width:0.6em; height:0.6em; border-color:var(--black);}
    .line_tab_wrap_mobile .nice-select .list { width:100%; border-radius:10px; border:0; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:10px 0; margin-top:10px;}
    .line_tab_wrap_mobile .nice-select .option { font-size:15px; font-weight:700; line-height: 1.4; min-height: inherit; padding:10px 15px;}
    .line_tab_wrap_mobile .nice-select .option:hover, 
    .line_tab_wrap_mobile .nice-select .option.focus, 
    .line_tab_wrap_mobile .nice-select .option.selected.focus { background: none; color:var(--blue);}

    .chk_note_page .round_tab_wrap2 { margin-bottom: 5rem;}
    .chk_note_page .round_tab_wrap2 .nice-select{  display: block; border:0; height: 45px; line-height: 44px; border:0;border-radius:10px; background-color: var(--bg);  font-weight:700; font-size:14px; padding-left: 20px;}
    .chk_note_page .round_tab_wrap2 .nice-select.open { border-radius:10px 10px 0 0;}
    .chk_note_page .round_tab_wrap2 .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .chk_note_page .round_tab_wrap2 .nice-select .list { top:100%; margin-top:0; width:100%; border:0; background-color: var(--bg); padding:10px 0; box-shadow:none; border-radius:0 0 10px 10px; border-top: 1px solid rgba(0,0,0,0.2); max-height: 160px; overflow: auto;}
    .chk_note_page .round_tab_wrap2 .nice-select .list li { padding:6px 15px; min-height: inherit; line-height: 1.3; font-size:14px; font-weight:700; }
    .chk_note_page .round_tab_wrap2 .nice-select .option.selected { background:none; color:var(--blue);;}
    .chk_note_page .round_tab_wrap2 .nice-select .option.focus { color:var(--blue);;}


    
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select{ height: 50px; border:0; height: 50px; line-height: 48px; border:0; border-radius:0; padding:0 40px 0 20px;font-size:16px;font-weight:700; background-color: var(--bg2); }
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select:after { margin-top:-7px;}
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .list { width:100%; border:0; margin-top:0; border-top:1px solid rgba(0,0,0,0.2); background-color: var(--bg2); padding:10px 0; box-shadow:none; border-radius:0;}
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .option.selected { background:none; color:var(--blue);;}
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .option:hover, 
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .option.focus, 
    .chk_note_page .note_sect > .line_tab_wrap_mobile .nice-select .option.selected.focus { background:none; color:var(--gold);;}

    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select{ height: 50px; border:0; height: 50px; line-height: 48px; border:0; border-radius:0; padding:0 40px 0 20px;font-size:16px;font-weight:700; background-color: var(--bg2); }
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select:after { margin-top:-7px;}
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .list { width:100%; border:0; margin-top:0; border-top:1px solid rgba(0,0,0,0.2); background-color: var(--bg2); padding:10px 0; box-shadow:none; border-radius:0;}
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .option.selected { background:none; color:var(--blue);;}
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .option:hover, 
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .option.focus, 
    .chk_ps_page .chk_program_sect .in > .line_tab_wrap_mobile .nice-select .option.selected.focus { background:none; color:var(--gold);;}

    .pagination .num_list li { width:2.4em; height:2.4em; }
    .pagination .num_list li a { line-height: 2.4em;}
    .pagination > a { width:2.4em; height:2.4em; display: flex; align-items: center; justify-content: center;}
    .pagination .prev { margin-left: 0;;}
    .pagination .next { margin-right: 0;;}
    .pagination > a svg { height:3rem;}
    .history_page .network_sect .slide_cont { overflow: visible;}
    .history_page .network_sect .slide_cont .swiper-container { padding:0 var(--inPd); margin-left: calc(var(--inPd) * -1); margin-right: calc(var(--inPd) * -1);}
    
    .search_head { flex-wrap: wrap; margin-left: -1.2rem;}
    .search_head .srch { flex-basis: 100%; margin-top:20px}
    .search_head .select1,
    .search_head .select2 { flex:1; }
    .search_head .select1 .nice-select,
    .search_head .select2 .nice-select { width:100%; }
    .search_head .nice-select { flex:1;}
    .search_head .srch .inp_srch { width:100%; }

    .info_sect .btm_txt_box .tit br { display: none;}
    .sub_cont_tit_box .subtit br { display: none;}
    .com_col2_list .item .txt_box .txt br{ display: none;}

}

@media screen and (max-width: 600px) {
    .sub_top .txt br{display: none;}
    .sub_top .tit_box{margin-top: 20px;}
    .sub_top .tit{font-size:32px;}

    .sub_visual .sub_top{height: 30vh}
    .sub_visual .sub_top{padding-bottom: 2rem;}
    /* .commu_page { margin-top: calc(var(--subSectPd) * -1 - 1px);}  */

    .round_tab_wrap { margin-bottom: 30px;}
    .round_tab_wrap.mobile_select { overflow: visible; width:auto; margin:0 0 8rem; margin-top:calc(var(--subSectPd) * -1 - 1px); padding:0;  position: sticky; top:var(--headerH); z-index:50;}
    .round_tab_wrap.mobile_select .round_tab{ display: none; }
    .round_tab_wrap.mobile_select .nice-select{ display: block; border:0; height: 50px; line-height: 48px; border:0; border-radius:0; padding:0 40px 0 20px;font-size:16px;font-weight:700; background-color: var(--bg2); }
    .round_tab_wrap.mobile_select .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .round_tab_wrap.mobile_select .nice-select .list { width:100%; border:0; margin-top:0; border-top:1px solid rgba(0,0,0,0.2); background-color: var(--bg2); padding:10px 0; box-shadow:none; border-radius:0;}
    .round_tab_wrap.mobile_select .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .round_tab_wrap.mobile_select .nice-select .option.selected { background:none; color:var(--blue);;}
    .round_tab_wrap.mobile_select .nice-select .option:hover, 
    .round_tab_wrap.mobile_select .nice-select .option.focus, 
    .round_tab_wrap.mobile_select .nice-select .option.selected.focus { background:none; color:var(--gold);;}


    .tabs1 .btns { display: none;}
    .tabs1 .nice-select{ margin-top:-20px; display: block; border:0; height: 45px; line-height: 44px; border:0;border-radius:10px; background-color: var(--bg);  font-weight:700;}
    .tabs1 .nice-select.open { border-radius:10px 10px 0 0;}
    .tabs1 .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .tabs1 .nice-select .list { top:100%; margin-top:0; width:100%; border:0; background-color: var(--bg); padding:10px 0; box-shadow:none; border-radius:0 0 10px 10px; border-top: 1px solid rgba(0,0,0,0.2); max-height: 160px; overflow: auto;}
    .tabs1 .nice-select .list li { padding:6px 15px; min-height: inherit; line-height: 1.3; font-size:14px; font-weight:700; }
    .tabs1 .nice-select .option.selected { background:none; color:var(--blue);;}

    .program_sect .round_tab_wrap { overflow: visible; z-index:5; position: relative; }
    .program_sect .round_tab_wrap .round_tab { display: none;}
    .round_tab_wrap_mobile {position: relative; z-index:10;}
    .round_tab_wrap_mobile .nice-select { display: block;}
    .round_tab_wrap_mobile .nice-select{ display: block; border:0; height: 45px; line-height: 44px; border:0;border-radius:10px; background-color: var(--bg);  font-weight:700; color:var(--black); }
    .round_tab_wrap_mobile .nice-select.open { border-radius:10px 10px 0 0;}
    .round_tab_wrap_mobile .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .round_tab_wrap_mobile .nice-select .list { top:100%; margin-top:0; width:100%; border:0; background-color: var(--bg); padding:10px 0; box-shadow:none; border-radius:0 0 10px 10px; border-top: 1px solid rgba(0,0,0,0.2); max-height: 160px; overflow: auto;}
    .round_tab_wrap_mobile .nice-select .list li { padding:6px 15px; min-height: inherit; line-height: 1.3; font-size:14px; font-weight:700; }
    .round_tab_wrap_mobile .nice-select .option.selected { background:none; color:var(--gold);;}



    .media_list .list {    grid-template-columns: repeat(2, minmax(0, 1fr));}
    .location_sect .way_cont .way .area { display: block;}
    .location_sect .way_cont .way .area .item  {margin-bottom: 5rem ;}
    .insu_sect ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .faq_list .question .cat { width:8em; }
    .faq_list .answer .ico { display: none;}
    .write_form .form_list > li { display: block;}
    .write_form .form_list > li .left_txt { width:auto; margin-bottom: 10px; padding-top:0}
    .write_form .form_list li.priv_chk .left_txt { display: block;}
    .write_form .form_list li.priv_chk .left_txt .chk-box { margin-top:10px;  font-size:var(--txt);}
    .inquiry_sect .inq_cont { padding-left: 4rem; padding-right:4rem;}
    .mysearch_box .box { padding:0 2rem; }
    .mysearch_box .box .item { display: block;}
    .mysearch_box .box .item .tit { margin-bottom: 10px;}
    .inq_cont .btn_submit { flex-basis:100%; margin-left:0; }
    .med_find_page .search_form .type_wrap { padding:4rem; }
    .med_find_page .search_form .type_wrap .type_box .small_category { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .med_find_page .search_form .type_wrap .type_box .line_tab { flex:1 1 auto; min-width:inherit; padding-left: 0; padding-right:0;}
    .med_find_page .med_srch_res .med_info {grid-template-columns: minmax(0, 40%) minmax(0, 1fr);}
    .med_find_page .med_srch_res .med_info .img { padding-top:150%; height: 100%;}
    .list_tbl .tbl_box .td_box .td { height: 5em ;}
    .list_tbl .tbl_box .td_box .td .badge {padding: 0.4em 0.6em;}
    .med_find_page .search_form .search_inp { width:100%; }

    .med_view_page .list_tbl .tbl_box .th_box,
    .med_view_page .list_tbl .tbl_box .td_box{font-size:12px;}
    .med_view_page .profile_sect .cont .top_area .info { display: none;}
    .med_view_page .profile_sect .cont .top_area .info .name{font-size:30px;}
    .med_view_page .profile_sect .cont .img_box .info { display: block;}
    .med_view_page .profile_sect .cont .img_box .info .name{font-size:30px;}
    .med_view_page .media_sect .slide_cont .swiper-container{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}

    .rese_page .step_sect .description .info .item .txt{font-size: 14px;}
    .rese_page .step_sect .description .info .item .txt div{display: block}
    .rese_page .step_sect .description .info .item .txt div:after{display: none;}
    .rese_page .step_sect .step_wrap .step .chk_list{grid-template-columns: repeat(2,minmax(0,1fr));}
    .rese_page .step_sect .step_wrap .step .chk_list,
    .rese_page .health_box .type_box .list ul,
    .rese_page .test_list ul{gap:10px;}
    .rese_page .health_box .type_box .list ul{grid-template-columns: repeat(2,minmax(0,1fr));}
    .rese_page .step_sect .description{padding: 30px 20px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap{padding: 6rem 0;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont{flex-direction: column; align-items:flex-start;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont{width: 100%; margin-top: 5px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .inp input{height: 3em;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .nice-select{height: 3em; line-height: 3em;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont .cont .select{margin-right:5px;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr1 .cont .btn_srch { height: 3em;}
    .rese_page .step_sect .step_wrap .step5 .inp_wrap .inp_cont.addr2 .inp_txt { display: none;}

    .rese_page .tel_reservation{padding-bottom:70%;}
    .rese_page .tel_reservation .txt{margin: 0 0 15px;}
    .rese_page .tel_reservation .box{width: calc(100% - 40px); left:20px;}
    .rese_page .tel_reservation .inpbox{height: 3.5em;}
    .rese_page .step_sect .step_wrap .step3 .calendar-track{grid-template-columns: repeat(1,minmax(0,1fr))}
    .rese_page .step_sect .step_wrap .step3 .calendar[data-offset="1"] {display:none;}
    .rese_page .step_sect .sticky_box .txt_box .ico_txt .ico{margin-right: 10px;}
    .rese_page .step_sect .sticky_box .txt_box{padding: 30px 15px;}

    .sub_visual_full .body .txts { padding:0 var(--inPd);}
    .sub_visual_full .body .txts br { display: none;}

    .introduce-sub .open-sec ul {display: flex; gap: 15px; flex-wrap: nowrap; overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);  -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .introduce-sub .open-sec ul::-webkit-scrollbar{display: none;}
    .introduce-sub .open-sec ul li { flex-shrink: 0; width:80%; scroll-snap-align: center; scroll-snap-stop: always; transform: unset !important; margin:0;}
    .introduce-sub .open-sec ul li .item { border-radius:4rem; opacity:1; }
    .introduce-sub .open-sec ul li .item .info { transform: unset; opacity:1; ;}
    .introduce-sub .open-sec ul li .item:before { top:0;}
    .introduce-sub .space-sec .title { display: block;}
    .introduce-sub .space-sec .title h3 { margin-right:0; margin-bottom: 2rem; ;}
    .sub_tit_box .tit br { display: none;}
    .com_depts_list { display: block;}
    .com_depts_list li + li { margin-top:4rem; }
    .com_depts_list .item { height: 180px;;}
    .med_staff_item .txt_box .btn_wrap { flex-wrap: wrap; gap:0 5px; margin-top:0; position: absolute; left: 0; right:0; bottom:1px; max-width:100%;;}
    .med_staff_item { grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;  align-items: flex-start; padding-bottom: 50px;}
    .med_staff_slide .txt_box .btn + .btn { margin-left: 0; margin-top:0;;}
    .med_staff_item .txt_box .dept { margin-top:2rem; padding-top:2rem; }
    .out_page .major_sect .cont .list { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .com_col2_list .item { display: block;}
    .com_col2_list .item .img_box { width:auto; margin-bottom: var(--subContMt);  margin-right:0; padding-top:45%;}
    .chk_info_page .custom_sect .checkup_type .type .cont_box .top_txt_box .txt br { display: none;}
    .chk_ps_page .chk_program_sect .program_tab .tab .ico img { height: 70%; ;}
    .chk_ps_page .chk_program_sect .program_tab .tab { font-size:13px; }
    .chk_ps_page .chk_program_sect .sub_cont_tit_box .txt br { display: none;}
    .chk_cp_page .process_sect .num_list { padding-left: 0;}
    .chk_cp_page .process_sect .cir_list { flex-wrap: wrap; justify-content: center;}
    .chk_cp_page .process_sect .cir_list .item { padding-top:calc((100% + 4rem * 2) / 3); width:calc((100% + 4rem * 2) / 3);  }
    .chk_cp_page .process_sect .cir_list .item:nth-child(n+4) { margin-top:-7rem; margin-left: 0; }
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl { position: relative;}
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl:before { content: ''; position: absolute; left: -1px; top:-2px; bottom:-2px; width:2px; background-color: #fff;}
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl table colgroup { display: none;}
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl table .gender { display: none;}
    .chk_ps_page .mobile_tit { display: block; margin-bottom: 3rem;margin-left: 2px;} 
    .chk_ps_page .mobile_tit span { display:flex; align-items: center; font-weight:700;  font-size:var(--lgTxt); }
    .chk_ps_page .mobile_tit span:before { content: ''; display: block; width:2.2em; height: 2.2em; background: url(../img/sub/checkup_man_ico.svg) no-repeat 0 50%; background-size: contain; margin-right:1.5rem}
    .chk_ps_page .mobile_tit span.woman:before {  background-image: url(../img/sub/checkup_woman_ico.svg); }
    .chk_ps_page .com_tbl.program_tbl table tr td.price { width:75px; }
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr > * { padding:0.3em;}
    .chk_ps_page .chk_program_sect .com_tbl.program_tbl table tr td.name{  width: 26%;} 
    .chk_ps_page .chk_program_sect #Chaum.com_tbl.program_tbl table tr td.name { width:10%; }


    .sub_cont_tit_box .tit small { display: block;}
    .important_sect .cont1 .chart_box { display: block;}
    .important_sect .cont1 .chart_box .img { margin-right:0; text-align: center;}
    .important_sect .cont1 .chart_box .info { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px; padding-left: 8rem;;}
    .important_sect .cont1 .chart_box .info dl { margin-top:4rem; }
    .important_sect .cont2 .graph_box { padding-right:0; display: block;;}
    .important_sect .cont2 .graph_box .item { width:95%; margin:0 auto !important;  }
    .important_sect .cont2 .graph_box .item + .item { margin-left: 0; ; border-top:1px solid var(--lineColor); margin-top:4rem !important; padding-top:4rem; }
    .important_sect .cont2 .graph_box .item + .item  .bar { padding-right:15rem; }
    .important_sect .cont2 .graph_box .item + .item:before { display: none;}
    .med_find_page .med_srch_res .schedule_box .btn { flex:1; text-align: center;}
    .location_sect .btn_list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:1rem;}
    .location_sect .btn_list .item a { width:100%; justify-content: center; }
    .location_sect .btn_list .item { margin:0; }
    .write_form .form_list li .inp-box { display: flex; gap:1.3rem; flex-wrap: wrap; }
    .write_form .form_list li .inp input { flex:1; }
    .write_form .form_list li .inp .nice-select { flex-basis: 100%;}
    .write_form .form_list li .inp .addr_box input { font-size:12px; height: inherit;}
    .write_form .form_list li.regist .inp-box .nice-select:nth-child(2)  { flex:0 0 30%; }
    .register_wrap .tit { font-size:18px;} 
    .register_wrap .inpbox button,
    .register_wrap .inpbox a { padding:0 0.8em; }
    .register_wrap .checks { font-size:var(--txt); margin-top:2rem; }
    .agree_wrap .cont dl { font-size:var(--txt); }
    .med_staff_item .img_box { padding-top:150%; }
    .qna_page .form_sect { border-top:0; padding-top:0;}
    .med_find_page .search_form .search_inp input { letter-spacing: -1px;}

    .med_view_page .list_tbl .tbl_box { display: flex; border-radius:10px; overflow: hidden; ;}
    .med_view_page .list_tbl .tbl_box .box { display: flex; flex-direction: column; border-radius:0;}
    .med_view_page .list_tbl .tbl_box .th_box { flex:0.6; padding:0;  }
    html[lang="ko"] .med_view_page .list_tbl .tbl_box .th_box { flex:0.25;}
    .med_view_page .list_tbl .tbl_box .th_box .th { height:calc(100% / 7) }
    .med_view_page .list_tbl .tbl_box .th_box .th:first-child { flex:1; }
    .med_view_page .list_tbl .tbl_box .td_box { flex:1; }
    .med_view_page .list_tbl .tbl_box .td_box .td:last-child { border-right:0;}
    .med_view_page .list_tbl .tbl_box .td_box:last-child .td:first-child { border-radius:0;}
    .med_view_page .list_tbl .tbl_box .td_box .td { flex:none; height:calc(100% / 7) !important;  border-bottom: 1px dashed rgba(28,28,28,0.3);}
    .med_view_page .list_tbl .tbl_box .td_box .td:last-child { border-bottom:0;}
    .med_view_page .list_tbl .tbl_box .td_box + .td_box .td { border-left: 1px dashed rgba(28,28,28,0.3);}
    .med_view_page .list_tbl .tbl_box .td_box .td.time { flex:none; border-bottom:1px dashed rgba(28,28,28,0.3); }
    .med_view_page .list_tbl .tbl_box .td_box + .td_box { border:0;margin:0;}
    .med_view_page .list_tbl .tbl_box .td_box:last-child .td {  border-bottom: 1px dashed rgba(28,28,28,0.3); }
    .med_view_page .list_tbl .tbl_box .td_box:last-child .td:last-child { border-bottom: 0;}
    .med_view_page .list_tbl .tbl_box .td_box .td { padding:1.5em 0;}

    .board_list_top { display: block;}
    .board_list_top .total_num { margin-bottom: 10px;}
    .board_list_top .line_sch_box { width:100%; }
    .event_list ul  { border-top:0;}
    .introduce-sub .open-sec { margin-bottom: var(--subContMt1);}
    .introduce-sub .open-sec h3 { font-size:25px;}
    .introduce-sub .space-sec { padding:var(--subContMt1) 0;}
    .tblArea .tblType01.tblTypeBorder { display: block;}
    .tblArea .tblType01.tblTypeBorder tbody,
    .tblArea .tblType01.tblTypeBorder thead,
    .tblArea .tblType01.tblTypeBorder  tr,
    .tblArea .tblType01.tblTypeBorder  td,
    .tblArea .tblType01.tblTypeBorder  th { display: block;}
    .tblArea .tblType01.tblTypeBorder td { border-bottom: 0; border-top:0; padding:0.1em; line-height: 1.5;}
    .tblArea .tblType01.tblTypeBorder  th { border-top:0; padding:0.5em}
    .tblArea .tblType01.tblTypeBorder th[rowspan="4"] { background-color: var(--bg2);;}

    .freeq_sect .only_pc { display: none;}
    .freeq_sect .only_m { display: block;}
    .freeq_sect .round_tab_wrap.mobile_select { margin-left:calc(var(--inPd) * -1); margin-right:calc(var(--inPd) * -1); margin-top:8rem; }
    .search_head { display: block; margin-bottom: 30px;}
    .search_head .select2 { display: none;}
    .search_head .nice-select{ margin-top:-20px; display: block; border:0; height: 45px; line-height: 44px; border:0;border-radius:10px; background-color: var(--bg);  font-weight:700; padding-left: 18px;}
    .search_head .nice-select.open { border-radius:10px 10px 0 0;}
    .search_head .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);; opacity:1;}
    .search_head .nice-select .list { top:100%; margin-top:0; width:100%; border:0; background-color: var(--bg); padding:10px 0; box-shadow:none; border-radius:0 0 10px 10px; border-top: 1px solid rgba(0,0,0,0.2); max-height: 160px; overflow: auto;}
    .search_head .nice-select .list li { padding:6px 15px; min-height: inherit; line-height: 1.3; font-size:14px; font-weight:700; }
    .search_head .nice-select .option.selected { background:none; color:var(--blue);;}



    .program_sect .banner_cont .bg { background: url(../img/sub/bg_mobile_banner.jpg) no-repeat center center / cover; }
    .program_sect .banner_cont .bg:before,
    .program_sect .banner_cont .bg  img { display: none;}
    .register_wrap, 
    .member_page .login_wrap { max-width:100%; }
    .member_page .login_wrap .forms { padding:0 var(--inPd); border:0; }
    .member_page .login_wrap .forms.type2 { padding-bottom: 0;}
    .register_wrap .forms { padding-left: var(--inPd); padding-right: var(--inPd); border:0;}
    .member_page .site_guide { font-size:var(--txt); }
    .member_page .site_guide .txt2 strong { font-size:var(--smTxt); }
    .member_page .login_wrap .util_wrap a { font-size:var(--txt);}
    .member_page .btn_wrap { padding:0 var(--inPd); }
    .foreigner_desc { margin-left: var(--inPd); margin-right: var(--inPd); }
    .member_page .login_wrap .desc { border:0;}
    .member_page .join_wrap a { height: 40rem;;}
    .member_page .find_box1 { border:0; border-radius:0; margin-bottom: 20px; margin-top:-8rem}
    .find_box2 .tit1 { font-size:var(--lgTxt);}

    

    /* 비쥬얼 이미지 관련 */
    .mobile_touch  { display: flex;}
    div.active > .mobile_touch { opacity:0; transition:all 0.5s ease; transition-delay: 1.5s;}
    .power_page .info_sect .diagram_box .img img { max-width:100%;}

    
    

}

@media screen and (max-width: 480px) {
    .guide_sect .g_list li dl dd { display: block;}
    .guide_sect .g_list li dl dd p:after { display: block; display: none;}
    .voicetit_sect ul li { padding-top:100%; }
    .voicetit_sect ul .item { font-size:14px; }
    .date_choices { flex-wrap: wrap;}
    .date_choices .dates { width:100%; margin-bottom: 10px;}
    .date_choices .btn_search { flex-basis:100%; margin-left:0; }
    .hello_page .hello_sect .cont_box { display: block;}
    .hello_page .hello_sect .cont_box .img { width:auto; margin-bottom:var(--subContMt); ;}
    .hello_page .hello_sect .cont_box .txt_wrap { margin-left: 0;}
    .hello_page .hello_sect .sect_tit p + p { padding-left: 0;}
    .hello_page .hello_sect { padding:var(--subContMt1) 0; }
    .hello_page .hello_sect .cont_box { margin-top:var(--subContMt1)}
    .hello_page .top_bg img { height: 200px; object-fit: cover; }
    .history_page .map_sect .cont { width:calc(100% + 30rem); margin-left: -21rem; ;}
    .history_page .map_sect .cont .pin .dot_wrap,
    .history_page .map_sect .cont .pin:before { opacity:0; }
    .history_page .map_sect .modal_wrap .modal_cont { width:calc(100% - var(--inPd) * 2); }
    .history_page .network_sect .sub_tit_box { display: block;}
    .history_page .network_sect .sub_tit_box .tit { width:auto; margin-bottom: var(--subContMt);}
    .modal .find_box2 { padding-left: 4rem; padding-right:4rem;;}
    .modal .find_box2 .inpbox .btn_send { font-size:var(--smTxt); }
    .modal .find_box2 .inpbox input { padding-left: 12rem;;}
    .med_find_page .med_srch_res .med_info .txt_box .tag  {font-size:var(--smTxt); margin-bottom: 12px; }
    .med_find_page .med_srch_res .med_info .txt_box .field_box .tit { font-size:var(--txt);}
    .med_find_page .med_srch_res .med_info .txt_box .field_box .txt { font-size:var(--smTxt);}
    .com_badge_box .badge, .com_badge { font-size:var(--txt);}
   .lost_wrap  .com_tbl table { font-size:12px; }
   .com_info_box .item2 { display: block;}
   .com_info_box .item2 .btns  { margin:2rem 0 0;}
   .com_info_box .item2 .btns a { display: block; ;}
   .table1.type2 table tbody th { padding-left:0; padding-right:0;text-align: center;}
   .table1 .btn_box { flex-direction: column;}
   .table1 .btn_box .btn1 { width:100%; text-align: center; border-radius:5px;}
   .table1 .btn_box .btn1 + .btn1 { margin-top:5px;}
   .forms .inpbox input { padding-left: 10px;}
   .forms .addr_inpbox input { font-size:var(--txt);letter-spacing: -0.5px; height:49px; padding-right:5px}
   .forms .addr_inpbox button, 
   .forms .addr_inpbox a { height:49px; font-size:var(--txt); letter-spacing: -0.5px;}
   .forms .find_box2 .inpbox input { padding-left: 55px;}
   .find_box2 .inpbox .btn_send  { flex:1 1 auto; padding:0 10px; }

   /* 이벤트 정보 추가 */
    .board_view_page .view_cont .info_table {flex-direction: column; margin-bottom: 1rem;}
    .board_view_page .view_cont .info_table .tr{margin-right: 0;}
    .board_view_page .view_cont .info_table .tr + .tr{margin-top: 5px}

}


@media screen and (max-width: 414px) {
    .common_only_m { display: block !important;}
}

@media screen and (max-width: 370px) {
    .main-intro .main-h2 br { display: none;}
}