@charset "utf-8";

/* 차움차바이오텍 CSS(Main ,Sub) */
:root {
    --globalMainPd:18rem; 
    /* --globalMainInWid:clamp(1600px, 70vw, 248rem); 바이오텍 참조 */
    --globalMainInWid:clamp(1800px, 95vw, 195rem); /* 차움참조 */
}


.med_view_page .media_sect { display: none;}
.global_main { position: relative;min-height: 100vh; }
.global_main .in { max-width:var(--globalMainInWid); margin:0 auto; width:100%;  }


.global_main .txt_box > *:nth-child(1) { transition-delay: 0.3s; }
.global_main .txt_box > *:nth-child(2) { transition-delay: 0.6s; }
.global_main .txt_box > *:nth-child(3) { transition-delay: 0.9s; }
.global_main .main_tit { font-size:max(2.2rem, 18px); font-weight:500; color:#fff; line-height: 1.3; transform: translateY(8rem); opacity:0; transition: all 0.7s ease 0.3s; }
.global_main .main_txt { font-size:6rem; font-weight:700; color:#fff; line-height: 1.3;  ; letter-spacing: 0;  transform: translateY(8rem); opacity:0; transition: all 1s ease 0.6s;}
.global_main .main_tit + .main_txt { margin-top:2rem;}
.global_main .main_txt + .main_tit { margin-top:2rem;}
.global_main .main_btns { margin-top:6rem; transform: translateY(8rem); opacity:0; transition: all 0.7s ease 0.9s;}
.global_main .main_btns a {display: inline-flex; align-items: center; vertical-align: middle; padding: 0 1.5em; height: 3.5em; border-radius:4em; font-size:var(--subTxt); font-weight:600; color:#fff; fill:#fff; transition: all 0.3s ease; border:1px solid #fff; }
.global_main .main_btns a i {display: flex; align-items: center; margin-left: 2em}
.global_main .main_btns a svg { width:0.9em; height: auto ;}
.global_main .img_box p { transform: scale(1.2); transition: all 3s ease ;}
.global_main .active .main_tit { transform: unset; opacity: 1;}
.global_main .active .main_txt { transform: unset; opacity: 1;}
.global_main .active .img_box p { transform: unset;}
.global_main .active .main_btns { transform: unset; opacity: 1;}

.global_main .main1 { height: 100vh; position: relative; } 
.global_main .main1 .img_box { position: absolute; left: 0; top:0; right:0; bottom:0; overflow: hidden;}
.global_main .main1 .img_box p { height: 100%; }
.global_main .main1 .img_box:before { content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; z-index:2;}
.global_main .main1 .img_box p img { width:100%; height: 100%; object-fit: cover;}
.global_main .main1 .txt_box { position: relative; z-index:3;}

.global_main .main1 .swiper-container { height: 100%; }
.global_main .main1 .swiper-slide { position: relative;  height: 100%;} 
.global_main .main1 .swiper-slide .img { position: absolute; width:100%; height: 100%; left:0; bottom:0; transform: scale(1.1); ;}
.global_main .main1 .swiper-slide .img:before {content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.15); width: 100%; height: 100%}
.global_main .main1 .swiper-slide .img img { height: 100%; width:100%; object-fit: cover;}
.global_main .main1 .swiper-slide:before { content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; z-index:2;}
.global_main .main1 .swiper-slide .txt-box { position: absolute; left:50%; top:40%; max-width:var(--globalMainInWid); padding:0 var(--inPd); transform: translate(-50%, -50%); width:100%; z-index:2; color:#fff;  }
.global_main .main1 .swiper-slide .txt-box .main_tit {  transform: translateY(4rem); opacity:0; letter-spacing: -0.2px}
.global_main .main1 .swiper-slide .txt-box .main_txt { transform: translateY(4rem); opacity:0; }
.global_main .main1 .swiper-slide.swiper-slide-active .img { transform: unset; transition: all 2s ease;}
.global_main .main1 .swiper-slide.swiper-slide-active .txt-box .main_tit { transform: unset; opacity:1; transition: all 1s ease; transition-delay: 0.2s;}
.global_main .main1 .swiper-slide.swiper-slide-active .txt-box .main_txt { transform: unset; opacity:1; transition: all 1.2s ease;transition-delay: 0.5s}
.global_main .main1 .controls { display: block; position: absolute; left:0; right:0; bottom:4%; z-index:2; }
.global_main .main1 .controls .cin {  max-width:var(--globalMainInWid); padding:0 var(--inPd); margin:0 auto; display: flex; align-items: center; }
.global_main .main1 .controls .cin .paging { display: flex;  align-items: center; }
.global_main .main1 .controls .cin .paging .num1,
.global_main .main1 .controls .cin .paging .num2 { width:1.5em; font-size:var(--subTxt); font-weight:700; color:#fff;}
.global_main .main1 .controls .cin .paging .bar { width:12rem; height:3px; background-color: rgba(255,255,255,0.3); position: relative;; margin:0 1.6rem; }
.global_main .main1 .controls .cin .paging .bar em { position: absolute; left:0; top:0; width:0; height:100%; background-color: #fff; }
.global_main .main1 .controls .swiper-pagination { position: static; width:auto; }
.global_main .main1 .controls .play-stop { width:3.2rem; height: 3.2rem; display: flex; align-items: center; justify-content: center;  }
.global_main .main1 .controls .play-stop .play { display: none;} 
.global_main .main1 .controls .play-stop svg { width:1.4rem; fill:#fff;  vertical-align: middle;}
.global_main .main1 .controls .play-stop.active .play { display: block;}
.global_main .main1 .controls .play-stop.active .stop { display: none;}



.global_main .main2 { height: 100vh; position: relative; display: flex;  align-items: center;}
.global_main .main2 .in { position: relative; z-index: 3; margin:0 auto; width:var(--globalMainInWid);  }
.global_main .main2 .img_box { position: absolute; left: 0; top:0; right:0; bottom:0; overflow: hidden;}
.global_main .main2 .img_box p { height: 100%; ;}
.global_main .main2 .img_box:before { content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 63%, rgba(0, 0, 0, 0) 100%); opacity:0.5; z-index:2;}
.global_main .main2 .img_box p img { width:100%; height: 100%; object-fit: cover;}
.global_main .main2 .list { position: absolute; right:0; top:0; bottom:0; width:50%; z-index:4;}
.global_main .main2 .list ul {  height: 100%; display: flex; flex-direction: column; border-left: 1px solid rgba(255,255,255,0.3); ;}
.global_main .main2 .list ul li { flex:1; display: flex; align-items: flex-end; padding: 0 0 6rem 6rem; font-size:3.2rem; color:#fff; font-weight:600; line-height: 1.5; border-bottom: 1px solid rgba(255,255,255,0.3);  position: relative; overflow: hidden;}
.global_main .main2 .list ul li .img { position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity:0; transition: all 1s ease; transform: scale(1.2);}
.global_main .main2 .list ul li .img img { width:100%; height: 100%;  object-fit: cover;}
.global_main .main2 .list ul li .txt { position: relative; z-index:2; transform: translateY(8rem); opacity:0; transition: all 1s ease 0.3s; display: flex; align-items: center;}
.global_main .main2 .list ul li .txt:after {content: ''; width:0.8em; height: 0.8em;   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30.001" height="30" viewBox="0 0 30.001 30"><path d="M15,0,12.356,2.643,22.818,13.125H0v3.75H22.818L12.356,27.356,15,30,30,15Z" fill="%23fff"/></svg>') no-repeat center;  background-size: contain; margin-left: 0.5em; opacity:0; transform: translateX(-1em); transition: all 0.5s ease;}

.global_main .main2.active .list ul li .txt { transform: unset; opacity:1; }
.global_main .main2.active .list ul li:nth-child(1) .txt { transition-delay: 0.2s; }
.global_main .main2.active .list ul li:nth-child(2) .txt { transition-delay: 0.4s; }
.global_main .main2.active .list ul li:nth-child(3) .txt { transition-delay: 0.6s; }

.global_main .main3 { min-height: 100vh; padding: var(--globalMainPd) 0; display: flex; align-items: center; overflow: hidden;}
.global_main .main3 .in { position: relative; z-index: 3; }
.global_main .main3 .txt_box { margin-bottom: 4rem;}
.global_main .main3 .txt_box .main_tit { color:var(--black); }
.global_main .main3 .txt_box .main_txt { color:var(--black); }

.global_main .main3 .swiper-container .img{position: relative; padding-top: 40%;}
.global_main .main3 .swiper-container .img img{position: absolute; width:100%; height:100%; top: 0; left: 0; object-fit: cover; object-position: center ;}
.global_main .main3 .swiper-container .swiper-box { flex:1; min-width:0; transform: translateY(10rem); opacity:0; transition: all 1s ease; transition-delay: 0.3s; overflow: hidden}
.global_main .main3 .swiper-container .swiper-box.active {  transform: unset; opacity:1; }
.global_main .main3 .swiper-container .swiper-slide { cursor: pointer; background-color: #F9F9F9; border-radius: var(--radius); height: auto; overflow: hidden;}
.global_main .main3 .swiper-container .swiper-slide a { display: block; height: 100%;}
.global_main .main3 .swiper-container .swiper-slide .info {padding: 3.2rem 3.6rem;}
.global_main .main3 .swiper-container .swiper-slide .tit { font-size: 3.6rem; font-weight: 700; line-height: 1.3;}
.global_main .main3 .swiper-container .swiper-slide .txt {font-size: max(1.8rem, 16px); margin-top: 1rem;  font-weight: 500; word-break: break-all}
.global_main .main3 .swiper-container .swiper-slide ul { display: flex; flex-wrap: wrap;  margin-top: 2.8rem;}
.global_main .main3 .swiper-container .swiper-slide ul li { margin:0 1.5rem 1.5rem 0;  padding:0 1.5em; line-height:2.5em; border-radius:6rem; background-color: #fff; font-size:var(--smTxt); font-weight:500; ;}


.global_main .main3 .swiper-container { transform: scaleX(0.8); opacity:0; transition: all 1s ease 0.3s; transform-origin: right center;}
.global_main .main3 .controls { transform: translateY(8rem); opacity:0; transition: all 0.5s ease 0.5s; }
.global_main .main3.active .swiper-container { transform: unset; opacity:1; }
.global_main .main3.active .controls { transform: unset; opacity:1; }

.global_main .controls { display: flex; align-items: center; margin-top:2rem; ;}
.global_main .controls .swiper-pagination { position: static; flex:1; height: 0.4rem; background-color: #F2F2F2; border-radius:4px; overflow: hidden;}
.global_main .controls .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #1C1C1C; border-radius:4px; }
.global_main .controls .swiper-button-prev,
.global_main .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;}
.global_main .controls .swiper-button-prev:after,
.global_main .controls .swiper-button-next:after { display: none;}
.global_main .controls .swiper-button-prev svg,
.global_main .controls .swiper-button-next svg { width:1.6rem; height: auto; vertical-align: middle; }
.global_main .controls .swiper-button-prev { margin:0 1.6rem 0 0;}

.global_main .controls .num { display: flex; font-size:var(--subTxt); font-weight:600; color:#aaa; margin: 0 4rem; white-space: nowrap;}
.global_main .controls .num .slash { margin:0 1.2rem; }
.global_main .controls .num .current,
.global_main .controls .num .total { flex:0 0 1.6rem; }
.global_main .controls .num .current { color:#1C1C1C; }


.global_main .main4 { min-height: 100vh; padding: var(--globalMainPd) 0; position: relative;; background-color: #CBB490; overflow: hidden; display: flex; align-items: center;}
.global_main .main4:before {content: ''; position: absolute; left: 0; top:0; right:0; bottom:0; background: linear-gradient(165deg,rgba(191, 160, 114, 0) 9%, rgba(185, 150, 99, 0.6) 48%, rgba(179, 141, 85, 1) 95%); z-index:2;}
.global_main .main4 .in { position: relative; z-index:10; }
.global_main .main4 .vals { margin-top:10rem; }
.global_main .main4 .vals dl { display: flex; align-items: center; font-size:2rem; color:#fff; line-height: 1;  transform: translateY(8rem); opacity:0; transition: all 1s ease; transition-delay: 0.3s;}
.global_main .main4 .vals dl:nth-child(1) { transition-delay: 0.2s; }
.global_main .main4 .vals dl:nth-child(2) { transition-delay: 0.4s; }
.global_main .main4 .vals dl:nth-child(3) { transition-delay: 0.6s; }
.global_main .main4 .vals dl:nth-child(4) { transition-delay: 0.8s; }
.global_main .main4.active .vals dl { transform: unset; opacity:1; }
.global_main .main4 .vals dl + dl { margin-top:3rem; }
.global_main .main4 .vals dl dt { font-size:1.8em; font-weight:600; width:11em; font-family: var(--en);  line-height: 1.3;}
.global_main .main4 .vals dl dd { font-size:4em; font-weight:500; }
.global_main .main4 .vals dl dd.counting { transition: all 0.3s ease; }

.global_main .main4 .earth { position: absolute; right:0; top:0; bottom:0; width:100%; display: flex; justify-content: flex-end; align-items: center; padding-right:28rem; height: 100%;}
.global_main .main4 .earth .img-box { max-width:66rem; position: relative; transform: scale(0.7); opacity:0; transition: all 1s ease;  position: relative; z-index: 5}
.global_main .main4 .earth:before { content: ''; position: absolute; left: 0; right:0; bottom:0%; top:10%; background:linear-gradient(180deg, rgba(191,160,114, 0) 0%, rgba(185,150,99, 0.6) 60%,  rgba(179, 141, 85, 1) 100%); z-index:3; }
.global_main .main4 .earth .img-box .img { position: relative; z-index:2; }
.global_main .main4 .earth .img-box .img img,
.global_main .main4 .earth .img-box .img svg { width:66rem; height: auto; }
.global_main .main4 .earth .img-box .circle {position: absolute;left: -52rem;top: -52rem;right: -52rem;bottom: -52rem;animation: spin 90s linear infinite;opacity: 0.25;}
.global_main .main4 .earth .img-box .circle svg { width:170rem; height: auto; }
.global_main .main4.active .earth .img-box { transform: scale(1); opacity: 1;}
/* 지구 영상 교체 */
.global_main .main4 .earth .img-box video { width:66rem; height: auto;}
.global_main .main4 .earth .img-box .circle{z-index: 2;}


@keyframes spin {
    0% {  transform: rotate(0deg);  }
    100% { transform: rotate(360deg);    }
}

.global_main .main5 { min-height: 100vh; padding: var(--globalMainPd) 0; position: relative; display: flex; align-items: center; overflow: hidden;}
.global_main .main5 .txt_box { margin-bottom: 4rem; }
.global_main .main5 .main_tit,
.global_main .main5 .main_txt { color:var(--black)}
.global_main .main5 .swiper-container .swiper-slide { height: auto;}
.global_main .main5 .swiper-container .item { height: 100%; border-radius:2.5rem; overflow: hidden; background-color: #F7F7F7;}
.global_main .main5 .swiper-container .item .txt { padding: 3rem 4rem; font-size:var(--txt); font-weight:700; letter-spacing: -0.3px; border-top:1px solid var(--lineColor)}

.global_main .main5 .swiper-container { transform: scaleX(0.8); opacity:0; transition: all 1s ease 0.3s; transform-origin: right center;}
.global_main .main5 .controls { transform: translateY(8rem); opacity:0; transition: all 0.5s ease 0.5s; }
.global_main .main5.active .swiper-container { transform: unset; opacity:1; }
.global_main .main5.active .controls { transform: unset; opacity:1; }

.fix_btn_box { display: none; }
.mobile_quick { position: fixed; right:20px; bottom:20px; z-index:400; display: none; }
.mobile_quick .bg { position: fixed;left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.5); opacity:0; transition: all 0.3s ease; visibility: hidden;}
.mobile_quick ul { visibility: hidden; opacity:0; transition: all 0.4s ease; transform: translateY(10px); position: fixed; right:20px; left:20px; bottom:90px; background-color: var(--blue); border-radius:10px; padding:8px 0; }
.mobile_quick ul li a { display: flex; align-items: center;  padding:8px 15px; font-size:14px; color:#fff; font-weight:600;  }
.mobile_quick ul li svg { width:25px; height: auto; margin-right:10px; vertical-align: middle;}
.mobile_quick .btn_quick { position: relative; width:65px; height: 65px; border-radius:7px; background-color: var(--blue); text-align: center; overflow: hidden; display: block; cursor: pointer;}
.mobile_quick .btn_quick svg { width:25px; }
.mobile_quick .btn_quick > div { position: absolute; left: 0; top:0; width:100%; height: 100%; border-radius:7px; display: flex; justify-content: center; align-items: center; flex-direction: column;  transition: all 0.3s ease; }
.mobile_quick .btn_quick .q1 {  transition: all 1s ease; background-color: var(--blue); color:#fff; font-size:15px; font-weight:500;z-index:2;}
.mobile_quick .btn_quick .q1 svg { width:18px; height: auto;}
.mobile_quick .btn_quick .q2 { visibility: hidden; opacity:0;  transition: all 0.3s ease; }
.mobile_quick.active .bg { opacity: 1; visibility: visible;}
.mobile_quick.active ul { visibility: visible; opacity: 1; transform: unset;}
.mobile_quick.active .btn_quick { background-color: #fff; ;}
.mobile_quick.active .btn_quick .q1 { visibility:hidden; opacity: 0; }
.mobile_quick.active .btn_quick .q2 { visibility: visible; opacity:1;  }

.footer .nice-select .option { word-break: keep-all; white-space: normal;}
.med_find_page .med_srch_res .schedule_box .btn_wrap .inquiry { display: none;} 

/********************************************************************************************************************************************************************
    Header, Footer OVERRIDE
********************************************************************************************************************************************************************/
.header .inner .logo { left:var(--inPd); transform: unset; }
.header > .inner { justify-content: flex-end; max-width:100%; }
/* .header { font-size:max(1.6rem, 14px)} */
.header .right-wrap .login-box { display: none ;}
.header .right-wrap .links { display: none;}
.footer .foot .logo { display: flex; align-items: flex-end;}
.footer .foot .logo span { margin-left: 2rem;}
.footer .cont_box { align-items: flex-end;}
.footer .left { display: flex; align-items: flex-end;}
.footer .left .qrs { margin-bottom: 0;}
.footer .left .copy { margin-left: 4rem;}
.footer .calls { display: none;}
.footer .foot .etc ul { display: none;}
.footer .foot .copy { flex-wrap: wrap; justify-content: flex-end;}
.main-quick { width:50%; word-break: keep-all; max-width:60%; width:auto}
.main-quick .box .box1 { width:auto; }
.main-quick .box a  {flex:1 1 auto; padding:0 1.5em; line-height: 1; height: 3.8em;}
.main-quick .box .last { flex:1 1 auto;}
.main-quick .box .last a { padding:0 1em; white-space: nowrap; transition: all 0.3s ease-in-out; }
.site_map.on .cont .box .depth1 span { white-space: nowrap;}
.site_map .cont { max-width:100%; }

/********************************************************************************************************************************************************************
    Sub OVERRIDE
********************************************************************************************************************************************************************/
.med_find_page .search_form .type_wrap .type_box .small_category {grid-template-columns: repeat(4,minmax(0,1fr));}
.med_find_page .search_form .type_wrap .consonant_box .btn_box  { flex-wrap: wrap; overflow: visible; justify-content: center;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .all_btn { margin-bottom: 0.6em;}
.med_find_page .search_form .type_wrap .consonant_box .btn_box .btn { margin-bottom: 0.6em;}
.med_find_page .search_form .type_wrap .type_box .line_tab { flex:1;}

/********************************************************************************************************************************************************************
    ADD Sub 
********************************************************************************************************************************************************************/
.ihc_about_sect { padding-top:var(--subSectPd2)}
.ihc_about_sect ul { margin:3rem 0 6rem; }
.ihc_about_sect ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:3rem;}
.ihc_about_sect ul li {  border-radius:2rem; overflow: hidden; position: relative;}
.ihc_about_sect ul li .img { padding-top: 30%; height: 100%; position: relative; }
.ihc_about_sect ul li .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top:0;}
.ihc_about_sect ul li p { position: absolute; left: 0; right:0; top:50%; transform: translateY(-50%); text-align: center; font-size:var(--txt1); font-weight:700; line-height: 1.5; color:#fff; }
.med_srch_res .sub_tit_box { margin-bottom: 6rem;}
.ich_review_sect { margin-top: var(--subSectPd2); padding: var(--subSectPd2) 0; background-color:var(--bg) ;}
.ich_review_sect .rv_list ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:3rem;}
.ich_review_sect .rv_list ul li .item {  height: 100%; border-radius:var(--radius3); background-color: #fff; padding: 3.2rem; }
.ich_review_sect .rv_list ul li .item .name { display: flex; align-items: center; margin-bottom: 2.5rem;}
.ich_review_sect .rv_list ul li .item .name .img { width:6.4rem; height: 6.4rem; border-radius:100%; overflow: hidden; margin-right: 1.6rem;}
.ich_review_sect .rv_list ul li .item .name dl dt { font-size:var(--tinyTxt); color:var(--gold); margin-bottom: 0.7rem; font-weight:500; line-height: 1; }
.ich_review_sect .rv_list ul li .item .name dl dd { font-size:var(--txt1); font-weight:700; line-height: 1; }
.ich_review_sect .rv_list ul li .item .text { max-height: 32rem; overflow: auto; font-size:var(--smTxt); padding-right:2rem;word-break: break-all;}
.ich_review_sect .rv_list ul li .item .text::-webkit-scrollbar { width: 4px; height: 4px;}
.ich_review_sect .rv_list ul li .item .text::-webkit-scrollbar-track {background-color: #ddd;}
.ich_review_sect .rv_list ul li .item .text::-webkit-scrollbar-thumb {border-radius: 3px; background-color: var(--black);}
.ich_info_sect { padding:var(--subSectPd2) 0;}
.ich_info_sect .sub_tit_box { margin-bottom: 3rem;;}
.qna_page .sub_tit_box { width:100%; }
.qna_page .sub_tit_box .subtit { padding-bottom: 1.5rem; border-bottom: 2px solid var(--black);}
.write_form .form_list + .form_list { margin-top: 8rem;}
.write_form .form_list > li { align-items: center; }
.write_form .form_list > li .left_txt { padding-top:0; }
.write_form .form_list > li .file_link { display: inline-block; vertical-align: middle; margin:-0.2em 0 0 0; padding:0.1em 0.5em; font-size:0.9em; font-weight:700; color:#fff; border-radius:4px; background-color: var(--black); }
.write_form .form_list > li.priv_chk .left_txt { margin-top:2rem;}
.write_form .form_list > li.programs_li { display: block;}
.write_form .form_list > li.programs_li .left_txt { width:auto; margin-bottom: 2rem;;}
.write_form .form_list > li.programs_li .left_txt span { margin-right:1em; }
.write_form .form_list > li.programs_li .check_box { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:1.2rem;}
.write_form .form_list > li.textarea_li { align-items: flex-start;}
.write_form .form_list > li.textarea_li .left_txt { margin-top:0.9em}
.write_form .form_list > li.textarea_li.chk_li .left_txt { margin-top:0; }
.write_form .form_list > li .desc { margin-top:1.5rem; font-size:var(--smTxt); }
.write_form .form_list > li .desc .dot { padding-left: 0.7em; text-indent: -0.7em;}
.write_form .form_list li .inp input.calendar { background-position: right 2.5rem center; background-color:#fff;}
.write_form .form_list li .chk_options + .left_txt { margin-top:3.5rem; padding-top:3.5rem; border-top:1px solid rgba(0,0,0,0.2);}
.write_form .form_list li .options { width:100%; padding: 3.2rem; border-radius:1.5rem; background-color: var(--bg); }
.write_form .form_list li .options .left_txt { width:auto; margin-bottom: 2rem;;}
.write_form .form_list li .options .chk_options .radio + div { align-items: flex-start;}
.write_form .form_list li .options .chk_options .radio + div em { margin-top:0.15em}
.write_form .form_list li .options .chk_options label { display: block; font-size:var(--smTxt);}
.write_form .form_list li .options .chk_options label div { font-weight:600; }
.write_form .form_list li .options .chk_options label + label { margin-top:1.5rem; }
.write_form .form_list li .options .chk_options label span { display: block; margin-top:1rem; margin-left: calc(1.2rem + 1.2em);}
.write_form .form_list li .options .chk_options .radio + div span { margin-left:0; margin-top:0; font-weight:400;}
.qna_page .check_box { display: flex; align-items: center; flex-wrap: wrap; gap:1rem 0; }
.qna_page .check_box label { margin-right:2.5rem; font-size:var(--smTxt);}
.date_box { display: flex; align-items: center;}
.date_box span { margin:0 1.5rem; font-size:var(--txt);  }
.event_list ul li a .info_box h4 span { display: none;}
.list_tbl .tbl_box .td_box .td .badge { width:2rem; height: 2rem; border-radius:100%; font-size:0;}
.list_tbl .tbl_box .td_box .td .badge.close { background-color: #acacac; ;}

.introduce-sub .space-sec { overflow: visible;}
.introduce-sub .open-sec .txt { margin-bottom: 8rem;}
.introduce-sub .open-sec ul li .item .info { display: flex; flex-direction: column-reverse;}
.introduce-sub .open-sec ul li .item .info .t1 { margin:2rem 0 0;}
.introduce-sub .open-sec ul li .item .info .t2 { font-family: var(--en);;}
.com_sticky_list .list .item .txt_box { font-size:var(--txt);}
.stemcell_page .line_tab_wrap { margin-bottom: 12rem;;}
.stemcell_sect .sub_tit_box { margin-bottom: 3rem;}
.stemcell_sect .stem_desc { padding: 6rem 3rem; border-radius:var(--radius3); background-color: var(--bg2); text-align: center; font-size:var(--txt); font-weight:500; }
.stemcell_sect .stem_desc i svg { width:1.5em; height: auto;}
.stemcell_sect .stem_desc p { margin-top:2rem;}
.stemcell_sect .com_tbl + .com_tbl { margin-top:6rem;}
.stemcell_sect .com_tbl .btns .btn_more { display: inline-block; vertical-align: middle; padding:0.2em 0.5em; border-radius:3px; background-color: var(--black); font-size:var(--smTxt); color:#fff; font-weight:700; margin-top:0.3em; cursor: pointer;}
.stemcell_sect .com_tbl .text_left .dot + strong { display: block; margin-top:1.5rem;}
.stemcell_page .com_tbl .tal[colspan] { text-align: left; }
.stemcell_page .com_tbl table td:first-child.tal[rowspan] { border-left: 0;}
.stemcell_page .com_tbl td.lLine { background-repeat: no-repeat; background-position: 0 50%; background-size: auto 1.4em; border-left-style: dashed;}   
.stemcell_page .com_tbl td.tb_blue_line { background-image: url(../img/global/sub/arrow1_1.svg)}
.stemcell_page .com_tbl td.tb_blue_arrow  { background-image: url(../img/global/sub/arrow1_1.svg); background-position: right 50%;}
.stemcell_page .com_tbl td.tb_blue_dash  { background-image: url(../img/global/sub/arrow1_1.svg); }
.stemcell_page .com_tbl td.tb_blue_darrow  { background-image: url(../img/global/sub/arrow1.svg);  background-position: -10px 50%;}
.stemcell_page .com_tbl .tal.lLine + .tb_blue_line{ border-left:1px solid var(--lineColor);}

.stemcell_page .com_tbl td.tb_green_line { background-image: url(../img/global/sub/arrow2_1.svg)}
.stemcell_page .com_tbl td.tb_green_arrow  { background-image: url(../img/global/sub/arrow2_1.svg); background-position: right 50%;}
.stemcell_page .com_tbl td.tb_green_dash  { background-image: url(../img/global/sub/arrow2_1.svg); }
.stemcell_page .com_tbl td.tb_green_darrow  { background-image: url(../img/global/sub/arrow2.svg); background-position: right 50%; }
.stemcell_page .com_tbl td.tb_green_sdarrow  { background-image: url(../img/global/sub/arrow2.svg); background-position: 130% 50%; }
.stemcell_page .com_tbl td.tb_green_bdarrow  { background-image: url(../img/global/sub/arrow2_2.svg);background-position:  right 50%; }
.stemcell_page .com_tbl td.tb_green_sarrow  { background-image: url(../img/global/sub/arrow2_xs.svg); }
.stemcell_page .com_tbl td.tb_green_bdash { background-image: url(../img/global/sub/arrow2_1.svg)}
.stemcell_page .com_tbl td.tb_green_marrow { background-image: url(../img/global/sub/arrow2_m.svg)}
.stemcell_page .com_tbl td.tb_green_barrow { background-image: url(../img/global/sub/arrow2_2.svg) ; background-position:  right 50%;}
.stemcell_page .com_tbl .full_line { padding:0; position: relative;  border-right:1px solid var(--lineColor) }
.stemcell_page .com_tbl .full_line img { width:100%; position: relative; z-index:2; }
.stemcell_page .com_tbl .full_line .line_box { padding-right:16.5% }
.stemcell_page .com_tbl .full_line .line_box span { position: absolute; left: 0; top:0; height: 100%; border-left: 1px dashed var(--lineColor); ;}
.stemcell_page .com_tbl .full_line .line_box span:nth-child(1) { left: 16.5%;}
.stemcell_page .com_tbl .full_line .line_box span:nth-child(2) { left: 50%;}
.stemcell_page .com_tbl .full_line .line_box span:nth-child(3) { left: 66.8%;}
.stemcell_page .com_tbl .full_line .line_box span:nth-child(4) { left: 83.5%;}
.stemcell_page .com_tbl .tal.lLine + .tb_green_line{ border-left:1px solid var(--lineColor);}
.stemcell_page .round_tab2 { margin-bottom: 8rem;}

.clinical_sect .img_top { border-radius:var(--radius); overflow: hidden; }
.clinical_sect .tabs { display: flex; justify-content: center; margin:8rem 0; }
.clinical_sect .tabs a { font-size:var(--txt1); font-weight:700; color:rgba(0,0,0,0.3);  text-align: center;}
.clinical_sect .tabs a.active { color:var(--black); }
.clinical_sect .tabs a + a { padding-left: 5rem; margin-left: 5rem; position: relative;}
.clinical_sect .tabs a + a:before {content: ''; position: absolute; left: 0; top:50%; width:1px; height: 14px; margin-top:-7px; background-color: #000; opacity:0.3;;}
.clinical_sect .img_dia { margin:var(--subContMt) 0;;position: relative; border-radius:var(--radius); border:1px solid var(--lineColor);  overflow: hidden;}

.doc_sect2 { padding: 4rem; border-top:2px solid var(--black); border-bottom: 1px solid var(--lineColor);  font-size:var(--txt); line-height: 1.5;  font-weight:500; margin-bottom: var(--subContMt);}
.stemcell_page .com_recommend_cont .list .item { background-color: var(--bg);;}
.stemcell_page .com_recommend_cont .list .item .num { color:#fff; }
.cord_sect { margin-bottom: var(--subContMt1);}
.cord_sect .com_recommend_cont { margin-top:var(--subContMt)}
.cord_sect .com_recommend_cont .sub_cont_tit { font-size:var(--tit35);}
.cord_sect .com_recommend_cont .sub_cont_tit small { max-width:80%}
.cordstatus_sect { display: flex; justify-content: space-between;  align-items: flex-start;}
.cordstatus_sect .sub_tit_box .tit  {font-size:var(--tit35); }
.cordstatus_sect .img { flex-shrink: 0; width:50%; padding: 5rem 15rem; border-radius:var(--radius); border:1px solid var(--lineColor); text-align: center; margin-left: 8rem;}
.round_tab_wrap2 { overflow: visible; margin-bottom: 6rem; }
.round_tab_wrap2 .round_tab_wrap_mobile { display: none;}
.layer_info_detail.type2 .center_cont { display: block; margin-top:4rem}
.layer_info_detail.type2 .center_cont .cont_tit { border-bottom: 0;;}
.layer_info_detail.type2 .center_cont .list { border-top:2px solid var(--black);}
.layer_info_detail .center_cont .list li .badge { width:16em; background-color: var(--bg2); color:#98733D;}
.layer_info_detail .center_cont .list li .badge svg { fill:#98733D;}
.location_sect .map { margin-bottom: 4rem; position: relative;}
.location_sect .map .marker { position: absolute; }
.location_sect .map .marker img,
.location_sect .map .marker svg { width:15em;}
.location_sect .layer_info_detail { margin-bottom: var(--subContMt1); }
.lochowto_sect .sub_tit_box .tit { font-size:var(--tit40); margin-bottom: 3.5rem; }


.common_info_txt {display: flex; align-items:flex-start; font-size:var(--txt); font-weight: 500; margin-top: 3rem;}
.common_info_txt svg {width: 1em; margin-right: 0.5em; fill: #BFA072; vertical-align: middle; margin-top:0.2em}
.common_info_txt.black svg { fill:var(--black); margin-top:0;}
.hotel_map {  }
.hotel_map .map_wrap { margin:var(--subContMt) 0; border-radius:var(--radius); overflow: hidden;  }
.hotel_map .map {position: relative; height: 60rem; }
.hotel_map .map img { width:100%; height: 100%; object-fit: cover;}
.hotel_map .map .marker { position: absolute; z-index:2;}
.hotel_map .map .marker img { width:2.5em; height: auto;}
.hotel_map .btns { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:1.5rem; margin-top:var(--subContMt)}
.hotel_map .btns a,
.hotel_map .btns button { display: inline-flex; justify-content: center; align-items: center; text-align: center; height: 3.5em; border-radius:1.2rem; text-align: center; background-color: #fff; border:1px solid var(--lineColor); font-size:var(--txt2); color:var(--gray); font-weight:700;  transition: all 0.3s ease; cursor: pointer; word-break: keep-all;}
.hotel_map .btns a.active,
.hotel_map .btns button.active { background-color: var(--black); color:#fff; border-color:var(--black);}
.hotel_map .list_wrap { padding-top:4rem; margin-top:4rem; border-top:2px solid var(--black); }
.hotel_map .list_wrap .list ul { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:1.5rem}
.hotel_map .list_wrap .list ul li { padding-left: 0.8em; font-size:var(--smTxt); font-weight:700; line-height: 1.5; position: relative; cursor: pointer;}
.hotel_map .list_wrap .list ul li:before { content: ''; position: absolute; left: 0; top:0.5em; width:0.3em; height: 0.3em; border-radius:100%; background-color: #ACACAC;}
.layer_sect .in { padding:0;}
.layer_page .layer_sect .cont_box .img_box .group.active text.black {fill:var(--black);}
.info_sect .img_box { padding-top:40%; }
.bank_sect .youtube_area { padding-top:56.25%; position: relative; border-radius:var(--radius); overflow: hidden; margin-bottom: var(--subContMt);}
.bank_sect .youtube_area iframe{ position: absolute; left: 0; width:100%; height: 100%; top:0; ;}
.youtube_area .thum { position: absolute; left: 0; top:0; width:100%; height: 100%; z-index:2; cursor: pointer;}
.youtube_area .thum img{ width:100%; height: 100%; object-fit: cover;}
.youtube_area .thum img + img { display: none;}
.mb30 { margin-bottom: 3rem}
.mb40 { margin-bottom: 4rem}
.mb80 { margin-bottom: var(--subContMt)}
.mb200 { margin-bottom: var(--subContMt1);}
.mb260 { margin-bottom: var(--subContMt2);}
#wrap > .line_tab_wrap { margin-bottom: 13rem;}
.totalcellclinic_page_tab .line_tab_wrap { margin-bottom: 13rem;}

.totalcellclinic_page .line_tab_wrap { margin-bottom: 13rem;}
.totalcellclinic_page .com_recommend_cont { margin-top:0}
.totalcellclinic_page .location_sect .addr_info .info .addr1 svg { width:auto; height: 1em; position: absolute; left: 0; top:0.5em;}
.totalcellclinic_page .location_sect .addr_info .info .addr1 { padding-left: 1.7em; position: relative;}
.totalcellclinic_page .com_col2_list { margin-top:var(--subContMt1)}
.totalcellclinic_page .com_col2_list .item .img_box { padding:0; }
.totalcellclinic_page .com_col2_list .item .img_box img { position: static; }
.med_staff_item .txt_box .name { font-size:var(--smTit);}
.med_staff_item .txt_box .dept { flex-wrap: wrap; font-size:var(--txt);}
.med_staff_item .txt_box .dept .txt {  font-size:var(--smTxt);}
.definition_sect { padding: 12rem 5rem; text-align: center;; background-color: #fff; border-radius:var(--radius); margin-bottom: var(--subContMt1); color:var(--black); }
.definition_sect .t1 { font-size:var(--txt); line-height: 1.5; margin-bottom: var(--subContMt); }
.definition_sect ul { display: flex; justify-content: center; align-items: center; font-weight:700; }
.definition_sect ul li i img { width:25rem;  }
.definition_sect ul li p { font-size:var(--txt2);  margin-top:2.5rem;}
.definition_sect ul li strong { display: block; font-size:var(--txt); margin-bottom: 1rem;}
.definition_sect ul li.space { margin:0 2.5rem; transform: translateY(-3rem); }

/* 클리닉 다이어그램 공통(프리미엄에만 사용) */
.common_visual1  { padding:9rem 8rem; border-radius:var(--radius); background-color: var(--bg2); display: flex; align-items: center; justify-content: center; margin-bottom: var(--subContMt);}
.common_visual1 .img { flex-shrink: 0; max-width:48rem; margin-right:7rem; }
.common_visual1 .text { font-size:var(--txt);font-weight:600;  }
.common_visual1 .text dl + dl { margin-top:4rem; }
.common_visual1 .text dl dt span { display: inline-block; width:2em; height: 2em; border-radius:100%; display: flex; justify-content: center; align-items: center; background-color: #fff; color:rgba(0,0,0,0.5); }
.common_visual1 .text dl dd { margin-top:1.5rem;  letter-spacing: -0.5px;}
.common_visual1 .text dl dd .normal { font-weight:400; letter-spacing: -0.7px; margin-top:1.5rem;}

.sub_cont_title .sub_cont_tit_box .txt { margin-top:0; }

.com_recommend_cont .list .item.type2 { display: block;}
.com_recommend_cont .list .item.type2 .txt { display: flex; align-items: center; font-size:var(--lgTxt);}
.com_recommend_cont .list .item.type2 .txt img { width:1.4em; height: auto ; margin-right:1rem;}
.com_recommend_cont .list .item .txt2 { font-size:var(--txt); margin-top:1.5rem;  color:var(--black); }
.com_recommend_cont .list .item .txt2 .dot { padding-left: 0.5em; text-indent: -0.5em;}
.com_recommend_cont .list .item .txt2 .dot + .dot { margin-top:0.4rem;}

.second_sect { padding-top:var(--subContMt2); }
.second_sect .com_recommend_cont:first-child { margin-top:0;}
.second_sect .com_recommend_cont .list .item { background-color: var(--bg);;}
.second_sect .com_recommend_cont .list .item .num { color:#fff; }


.description1 { border-top:2px solid var(--black); }
.description1 .item { padding:3rem 3rem 3rem 10rem; border-bottom: 1px solid var(--lineColor); }
.description1 .item .hd { position: relative; font-size:var(--txt2); font-weight:600; }
.description1 .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;}
.description1 .item .bd { font-size:var(--smTxt);  margin-top:1rem; }
.description1 .item .bd div { padding-left: 0.5em; text-indent: -0.5em;}
.clinic_page .program_sect.second_sect { background:none; color:var(--black);;}
.clinic_page .program_sect .com_col2_list { margin-top:0;}
.programs_cont .check_list ul li { background-color: var(--bg); ;}
.second_sect .programs_cont { margin-top:0; padding-bottom: var(--subContMt2);}
.outpatient_sect { border-top:2px solid var(--black); padding-bottom: var(--subContMt2); }
.outpatient_sect .item { border-bottom: 1px solid var(--lineColor); padding: 4rem 4rem 4rem 0; padding-left: 26rem; position: relative;}
.outpatient_sect .item .ico { width:26rem; padding:0 6rem; margin-right:1.5rem; position: absolute; left: 0; top:50%; transform: translateY(-50%); }
.outpatient_sect .item .ico svg { width:100%; }
.outpatient_sect .item .info { flex:1; }
.outpatient_sect .item .info .tit { font-size:var(--tit40); font-weight:700; line-height: 1.5; margin-bottom: 2.5rem;}
.outpatient_sect .item .info .list { display: flex; flex-wrap: wrap;}
.outpatient_sect .item .info .list ul { width:33%; }
.outpatient_sect .item .info .list ul li { font-size:var(--txt); font-weight:500; padding-left: 0.5em; text-indent: -0.5em;}
.immu_page .program_sect .graph_cont .cont .btm_list { font-size:var(--txt1); }
.immu_page .program_sect .graph_cont .cont .btm_list .item { padding:0 4rem; display: flex; align-items: center;}
.program_sect .layer_info_detail { margin-top:8rem;}
.program_sect .layer_info_detail .center_cont .list li .badge { width:7em; }
.info_sect .layer_info_detail .center_cont .list li .badge { width:7em; }
.program_sect .layer_info_detail.type2 .center_cont .list { border-color:#fff; }
.program_sect .layer_info_detail .center_cont .list li .txt_box .txt + .txt:before { background:#fff;}
.sub_cont_tit_box .txt .dot { padding-left: 0.5em; text-indent: -0.5em;}
.bioproduct_sect  { padding:var(--subContMt2) 0; }
.bioproduct_sect ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem;}
.bioproduct_sect ul li .photo { border-radius:var(--radius3); overflow: hidden;}
.bioproduct_sect ul li .photo img { width:100%; }
.bioproduct_sect ul li dl dt { font-size:var(--txt1); font-weight:700; margin:3rem 0 1.5rem; }
.bioproduct_sect ul li dl dd { font-size:var(--txt); font-weight:500; }
.bioproduct_sect ul li { transform: translateY(100px); opacity:0; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.bioproduct_sect ul li:nth-child(1) { transition-delay: 0.1s;}
.bioproduct_sect ul li:nth-child(2) { transition-delay: 0.2s;}
.bioproduct_sect ul li:nth-child(3) { transition-delay: 0.3s;}
.bioproduct_sect ul li.active { transform: unset; opacity: 1;}
.com_col2_list .item .img_box { margin-top:0; }
.special_sect  { margin:var(--subContMt2) 0;  }
.special_sect ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:var(--subContMt) 3rem;}
.special_sect ul li { transform: translateY(100px); opacity:0; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.special_sect ul li:nth-child(1) { transition-delay: 0.1s;}
.special_sect ul li:nth-child(2) { transition-delay: 0.2s;}
.special_sect ul li:nth-child(3) { transition-delay: 0.3s;}
.special_sect ul li:nth-child(4) { transition-delay: 0.4s;}
.special_sect ul li:nth-child(5) { transition-delay: 0.5s;}
.special_sect ul li.active { transform: unset; opacity: 1;}

.special_sect ul li .img { border-radius:var(--radius); overflow: hidden ;}
.special_sect ul li .img img { width:100%; }
.special_sect ul li dl dt { font-size:var(--txt1); margin:3rem 0 1.5rem; font-weight:700; }
.special_sect ul li dl dd { font-size:var(--txt); }
.round_tab .tab { cursor: pointer; padding-left: 0.8em; padding-right:0.8em; letter-spacing: -0.5px;}
.floor_sect { padding:var(--subContMt2) 0;}
.floor_sect:last-child { padding-bottom: 0;}
.floor_sect.gray_sect { padding:0;}
.sub_cont_tit small.type2 { font-size:var(--subTxt);  display: block; margin-top:2.5rem; font-weight:500; line-height: 1.6; max-width:80%;}
.center_page .gray_box { padding:var(--subContMt2) 0}
.gray_box {  background-color: var(--brown); color:#fff;}
.gray_box .sub_tit_box.center { text-align: center;}
.com_sticky_list .list .item .img_box .slider { position: absolute; left: 0; top:0; width:100%; height: 100%; }
.com_sticky_list .list .item .img_box .swiper-container { width: 100%; height: 100%; }
.com_sticky_list .list .item .img_box .slider .swiper-pagination { left: 0; right:0; bottom:2.5rem; display: flex; justify-content: center;}
.com_sticky_list .list .item .img_box .slider .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity:0.5; border-radius:8px; transition: all 0.3s ease; margin:0 4px;}
.com_sticky_list .list .item .img_box .slider .swiper-pagination .swiper-pagination-bullet-active { opacity:1; width:4rem; }
.com_sticky_list .list .item .txt_box .txt2 { padding:2rem; border-radius:1rem; background-color: var(--bg2); font-size:var(--txt2); color:#5C4725; margin-top:2.5rem; font-weight:600; letter-spacing: -0.3px;}
.com_sticky_list .list .item .txt_box .txt2 p { padding-left: 1em; text-indent: -1em;}
.sub_tit_desc .sub_cont_tit_box .txt .dot { letter-spacing: -0.5px; padding-left: 0.8em; text-indent: -0.8em;}
.sub_tit_desc .sub_tit_box .txt .dot2 { letter-spacing: -0.5px; padding-left: 0.7em; text-indent: -0.7em;}
.hairspa_page .com_col2_list .item { align-items: flex-start;}
.hairspa_page .com_col2_list .item .txt_box .tit { font-size:3rem; }
.pipeline_mobile { display: none;}
.mobile_touch p:before { content: 'Pinch\a zoom in&out'; ;}
.sub.clinic_page.benefit_page { padding-bottom: var(--subSectPd2);}
.program_img_box { position: relative; border-radius:var(--radius); overflow: hidden;;}
.introduce-sub .open-sec .txt .dot { padding-left: 0.5em; text-indent: -0.5em;}
.whatimmu_cont { padding:8rem 16rem; border-radius:var(--radius); background-color: #fff; color:var(--black); margin-bottom: 4rem;}
.whatimmu_cont .tit { text-align: center; font-size:var(--tit55); margin-bottom: 1.5rem; font-weight:700; ;}
.whatimmu_cont .status { display: flex; justify-content: center; margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: 1px solid var(--lineColor);}
.whatimmu_cont .status div { display: flex; align-items: center; font-size:var(--txt); font-weight:500; }
.whatimmu_cont .status div i { width:0.7em; height: 0.7em; border-radius:100%; background-color: #6B2BA2;margin-right: 0.8rem; margin-top:-0.1em}
.whatimmu_cont .status div + div { margin-left: 3.5rem;}
.whatimmu_cont .status div + div i { background-color: #BFA072;}
.whatimmu_cont .graph { padding: 6rem 2rem; border-radius:var(--radius3); border:1px solid var(--lineColor); margin-top:var(--subContMt); text-align: center;}
.whatimmu_cont .graph img { width:70%; }
.immunity_health_cont .img { padding: 7rem 2rem; border-radius:var(--radius); background-color: #fff; text-align: center; margin:4rem 0;}
.immunity_health_cont .img img { width:60%; }
.immunity_req_cont  { margin:var(--subContMt1) 0;}
.immunity_req_cont .img { padding: 4rem 2rem; border-radius:var(--radius); background-color: #fff; text-align: center; margin:4rem 0;}
.immunity_req_cont .img img { width:60%; }
.med_view_page .profile_sect .cont .info_time .btn_wrap { display: none;}
.footer .foot .copy .only-m { display: none}

.location_sect .map svg text,
.location_sect .map svg text tspan { font-family: "Pretendard Variable", Pretendard, -apple-system;}

.immu_page .program_sect .graph_cont .cont .graph_box .bg svg text,
.immu_page .program_sect .graph_cont .cont .graph_box .bg svg text tspan { font-family: "Pretendard Variable", Pretendard, -apple-system;}
.sub_tit_box .txt .dot { padding-left: 0.5em; text-indent: -0.5em;}
.main-quick .box a .img { width:2em; }
.main-quick .box a .img svg { width:100%; height: auto;}
.main-quick .box a:last-child .img { width:1.75em;}

.program_sect .info_area  {gap:4rem; }

.location_page .location_sect .layer_info_detail { position: relative; margin-bottom: 20%; }
.location_page .location_sect .layer_info_detail .map_img { position: absolute; top:3rem; right:0; width:30%; }
.location_page .location_sect .layer_info_detail .map_img img { border-radius:1.5rem; width:100%;}



/* Hover Event */
@media screen and (min-width: 1241px) {
    .global_main .main_btns a:hover { background-color: #fff; color:#1C1C1C; fill:#1C1C1C; }
    .global_main .main_btns a:hover svg path { fill:#1c1c1c; }
    .global_main .main2 .list ul li:hover .img { opacity:1; transform: unset;}
    .global_main .main2 .list ul li:hover .txt:after { opacity:1; transform: unset}
    .global_main .controls .swiper-button-next:hover,
    .global_main .controls .swiper-button-prev:hover { background-color: var(--gold); fill:#fff; ;}
    .main-quick .box .last a:hover { background-color: var(--black);}
    .hotel_map .btns button:hover { color:var(--black); border-color:var(--black); }
    
}


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



@media screen and (max-width: 1800px) {
    .header .inner .nav .depth1 > li > a { padding:0 2rem; }
}

@media screen and (max-width: 1640px) {
    .list_tbl .tbl_box .td_box .td .badge { width:3rem; height: 3rem;}
    .site_map.on .cont .box .depth1 span { white-space: normal;}
    .write_form .form_list > li.programs_li .check_box { grid-template-columns: repeat(3,minmax(0,1fr));}
}

@media screen and (max-width: 1240px) {
    .header > .inner { justify-content: space-between;}
    .header .inner .logo { left: 0;;}
    .footer .left { display: none;}
    .footer .foot .logo span { margin-left: 0;}
    .footer .foot .copy { justify-content: flex-start; flex-direction: column;}
    .footer .foot .copy .only-m { display: block;}
    .site_map .links { display: none;}

    .global_main .main2 { height: auto; padding:40rem 0;}
    .global_main .main3 { min-height: auto; }
    .global_main .main4 { min-height: auto;}
    .global_main .main5 { min-height: auto;}
    .main-quick-box { display: none;}
    .site_map .member_wrap { display: none;}
    .global_main .main2 .txt_box { width:50%; padding-right:10rem; }
    .site_map .cont .box.last .depth1 a { line-height: 1.2;}
    .site_map .cont .box.last .depth1:after { display: none;}
    .site_map .cont .box.last .depth2 { display: none;}
    .round_tab .tab { padding-left: 1em; padding-right:1em;}
    .round_tab { font-size:var(--txt); }
    
}



@media screen and (max-width: 1000px) {
    .global_main .main4 .in { position: static;}
    .global_main .main4 .earth { position: absolute;  right:10rem; bottom:10rem; margin:0; height: auto; padding:0; top:inherit;}
    .global_main .main4 .earth:before { bottom:calc(var(--globalMainPd) * -1) }
    .global_main .main4 .navs { width:50rem; display: block; margin-top:15rem; }
    .global_main .main4 .navs dl + dl { border-top:1px solid rgba(255,255,255,0.3); margin-top:15px; padding-top:15px;}
    .global_main .main4 .navs dl dt { transform: unset;}
    .global_main .main4 .navs dl dd p { opacity:1; transform: unset;}
    .global_main .main4 .navs dl dd .line { display: none;}
    .global_main .main_tit { font-size:2.8rem; }
    .med_find_page .search_form .type_wrap .type_box .line_tab { flex:1 1 auto;} 
    .hotel_map .list_wrap .list ul { grid-template-columns: repeat(3,minmax(0,1fr));}
    .outpatient_sect .item .info .list ul { width:50%; }
    .common_visual1 .text dl dd br { display: none;}
    .whatimmu_cont { padding:4rem ;}
    .whatimmu_cont .graph img { width:95%; }
    .immunity_health_cont .img img { width:80%;}
    .immunity_req_cont .img img { width:85%;}

    /* 모바일에선 줄바꿈 해제 */
    .com_col2_list .item .txt_box .tit br{ display: none;}
    .com_col2_list .item .txt_box .txt br{ display: none;}
    
    
    

}


@media screen and (max-width: 950px) {
    .location_page .location_sect .layer_info_detail { margin-bottom: var(--subContMt1);}
    .location_page .location_sect .layer_info_detail .map_img { position: static; width:100%; margin-top:4rem;  }
}

@media screen and (max-width: 870px) {
    .global_main .main4 .earth .img-box .img { opacity: 0.3;}
    .theraspa_page .round_tab { font-size:13px; }
    .theraspa_page .round_tab_wrap .round_tab .tab { padding-left: 0.5em; padding-right:0.5em;}
    .layer_info_detail .center_cont .list li .txt_box { font-size:var(--txt);}

}
@media screen and (max-width: 769px) {
    .global_main .main1 { height: 60vh; padding-top:10rem;}
    .global_main .main3 .swiper-container { padding:0 var(--globalMainPd); margin:0 calc(var(--globalMainPd) * -1); }
    .global_main .main5 .swiper-container { padding:0 var(--globalMainPd); margin:0 calc(var(--globalMainPd) * -1); }
    .global_main .main3 .swiper-container .swiper-slide .tit { font-size:4rem; }
    .global_main .main3 .swiper-container .swiper-slide .txt { font-size:max(1.6rem, 14px); }
    .qna_page .check_box label { font-size:var(--txt); }
    .write_form .form_list li .options .chk_options label { font-size:var(--txt); }
    .med_find_page .search_form .type_wrap .consonant_box .btn_box { gap:0; }
    .global_main .main_txt br,
    .global_main .main_tit br { display: none;}
    .profile_sect .list_tbl .tbl_box{ width:100%; }
    .med_find_page .search_form .type_wrap .type_box .small_category {grid-template-columns: repeat(3,minmax(0,1fr));}
    .mobile_quick  { display: block;}
    .round_tab2 .tab { padding:0.8em 1.5em; }
    
    /* .anchor_tab { top:-20px;  } */
    .anchor_tab .line_tab_wrap { overflow: visible; margin:0;  padding:0;}
    .anchor_tab .line_tab { white-space: normal; align-items: center; word-break: keep-all; padding-left: 5px; padding-right:5px; font-size:13px;}
    .sub_cont_tit small.type2 { max-width:100%; }
    .common_visual1 { display: block; padding:6rem 4rem;;}
    .common_visual1 .img { margin:0 auto 20px}
    /*
    .layer_info_detail .center_cont .list li { display:block;}
    .layer_info_detail .center_cont .list li .badge { font-size:var(--smTxt); }
    .layer_info_detail .center_cont .list li .txt_box { display: block; padding-top:8px; font-size:14px;;}
    .layer_info_detail .center_cont .list li .txt_box .txt + .txt::before { display: none;}
    .layer_info_detail .center_cont .list li .txt_box strong { display: block;}
    */
    .layer_info_detail .center_cont .list li .badge { font-size:var(--smTxt); }
    .layer_info_detail .center_cont .list li .txt_box { font-size:var(--smTxt)}
    .outpatient_sect .item { display: block; padding-left: 0;}
    .outpatient_sect .item .info { display: flex; flex-wrap: wrap; align-items: center;}
    .outpatient_sect .item .ico {  position: static; transform: unset; flex-shrink: 0; width:15rem; padding:0; margin-right:20px;}
    .outpatient_sect .item .info .tit { flex:1; margin-bottom: 0; }
    .outpatient_sect .item .info .list {  flex-basis: 100%; margin-top:20px}
    .immu_page .program_sect .graph_cont .cont .btm_list .item { padding:20px;}
    .com_col2_list .item .txt_box .course { flex-direction: column;}
    .com_col2_list .item .txt_box .course .step { padding-top:10px}
    .cordstatus_sect { display: block;}
    .cordstatus_sect .img { width:auto; margin:var(--subContMt) 0 0;}
    .cord_sect .com_recommend_cont .sub_cont_tit small { max-width:100%; }
    .definition_sect { padding:6rem 5rem;}
    .definition_sect ul { display: block;}
    .definition_sect ul li.space { transform: unset; padding:15px 0; }
    .definition_sect ul li.space em { transform: rotate(90deg); display: block;}

    /* 10.20 상단 셀렉트 박스 변환 */
    .clinic_page .line_tab_wrap { display: none;}
    .clinic_page .line_tab_wrap_mobile { display:block; margin-top:calc(var(--subSectPd) * -1  - 1px)}
    .clinic_page .line_tab_wrap_mobile .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); background-color: #efeae2; }
    .clinic_page .line_tab_wrap_mobile .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .clinic_page .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;}
    .clinic_page .line_tab_wrap_mobile .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .clinic_page .line_tab_wrap_mobile .nice-select .option.selected { background:none; color:var(--blue);;}
    .clinic_page .line_tab_wrap_mobile .nice-select .option:hover, 
    .clinic_page .line_tab_wrap_mobile .nice-select .option.focus, 
    .clinic_page .line_tab_wrap_mobile .nice-select .option.selected.focus { background:none; color:var(--gold);;}

    .mobile_control_tabs .line_tab_wrap { display: none;}
    .mobile_control_tabs .line_tab_wrap_mobile { display:block; margin-top:calc(var(--subSectPd) * -1  - 1px)}
    .line_tab_wrap_mobile.type2 .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);  z-index:20;background-color: #efeae2;}
    .line_tab_wrap_mobile.type2 .nice-select:after { width:0.6em; height: 0.6em; right:20px; margin-top:-6px; border-color:var(--black);;}
    .line_tab_wrap_mobile.type2 .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;}
    .line_tab_wrap_mobile.type2 .nice-select .list li { padding:10px 20px; min-height: inherit; line-height: 1.4; font-size:15px; font-weight:600; }
    .line_tab_wrap_mobile.type2 .nice-select .option.selected { background:none; color:var(--blue);;}
    .line_tab_wrap_mobile.type2 .nice-select .option:hover, 
    .line_tab_wrap_mobile.type2 .nice-select .option.focus, 
    .line_tab_wrap_mobile.type2 .nice-select .option.selected.focus { background:none; color:var(--gold);;}

    .stemcell_page .line_tab_wrap { display: none;}
    .stemcell_page .line_tab_wrap_mobile { display:block; margin-top:calc(var(--subSectPd) * -1  - 1px); margin-bottom: var(--subSectPd2); position: sticky; top:var(--headerH); z-index:50;}
    .totalcellclinic_page .line_tab_wrap_mobile { display:block; margin-top:calc(var(--subSectPd) * -1  - 1px); margin-bottom: var(--subSectPd2); position: sticky; top:var(--headerH); z-index:50;}
    
    .round_tab_wrap2 { margin-top:-6rem}
    .totalcellclinic_page_tab .line_tab_wrap { display: none;}    
    .totalcellclinic_page_tab .line_tab_wrap_mobile {  margin-top:calc(var(--subSectPd) * -1  - 1px); margin-bottom: var(--subSectPd2);}
    .totalcellclinic_page_tab  { position: sticky; top:var(--headerH); z-index:50; }

    
    .location_sect .layer_info_detail .center_cont .list li { display: block;}
    .location_sect .layer_info_detail .center_cont .list li .badge { width:100%; }
    .location_sect .layer_info_detail .center_cont .list li .txt_box { display: block; padding-top:8px; }
    .location_sect .layer_info_detail .center_cont .list li .txt_box .txt + .txt:before { display: none;}
    .location_sect .layer_info_detail .center_cont .list li .txt_box strong { display: inline;}
    .hotel_map .list_wrap .list ul { grid-template-columns: repeat(2,minmax(0,1fr));}
    .program_sect .info_area  { margin-top:0; }
    .program_sect .test_cont + .info_area  { margin-top:var(--subContMt1)}
    .tab_cont .com_recommend_cont { margin-top:0;}
    .youtube_area .thum img { display: none;}
    .youtube_area .thum img + img { display: block;}
}

@media screen and (max-width: 680px) {
    .clinic_page .layer_info_detail .center_cont .list li .txt_box { display: block;}
    .clinic_page.eversell_page .layer_info_detail .center_cont .list li .txt_box strong,
    .clinic_page.theraspa_page .layer_info_detail .center_cont .list li .txt_box strong { display: block;}
    .clinic_page.hairspa_page .layer_info_detail .center_cont .list li .txt_box strong { display: inline;}
    .clinic_page .layer_info_detail .center_cont .list li .txt_box .txt + .txt:before { display: none;}

    /* .layer_info_detail .center_cont .list li { display:block;}
    .layer_info_detail .center_cont .list li .badge { font-size:var(--smTxt); }
    .layer_info_detail .center_cont .list li .txt_box { display: block; padding-top:8px; font-size:14px;;}
    .layer_info_detail .center_cont .list li .txt_box .txt + .txt::before { display: none;}
    .layer_info_detail .center_cont .list li .txt_box strong { display: block;} */
}
@media screen and (max-width: 600px) {
    .site_map .cont .box .depth1, .site_map .link a { font-size:16px;}
    .med_find_page .search_form .type_wrap .type_box .small_category {grid-template-columns: repeat(2,minmax(0,1fr));}
    .line_tab_wrap { justify-content:center; margin:0 calc(var(--inPd) * -1); padding:0 var(--inPd); width:auto; }
    .med_find_page .search_form .type_wrap .type_box .line_tab { padding-left: 2em; padding-right:2em;}
    .global_main .controls .swiper-button-prev, .global_main .controls .swiper-button-next { display: none;}
    .global_main .controls .num { margin-right:0;}
    .global_main .main2 .in { width:auto; }
    .global_main .main2 .txt_box { width:auto; }
    .global_main .main2 { display: block; padding-bottom: 0; padding-top:var(--globalMainPd); padding-bottom: 5rem;}
    .global_main .main2 .list { position: static; width:100%; margin-top:8rem; }
    .global_main .main2 .list ul { border-left: 0; margin:5rem; }
    .global_main .main2 .list ul li { margin-top:2rem; }
    .global_main .main2.active .list ul li .txt { justify-content: space-between;}

    .global_main .main2 .list ul li{ padding:0; display: block; position: relative; z-index:2; border:0;}
    .global_main .main2 .list ul li a{ display: block; padding:8rem var(--inPd) }
    .global_main .main2 .list ul li .img { transform: unset; opacity:1; }
    .global_main .main2 .list ul li .txt:after { opacity:1; transform: unset;}
    .global_main .main_txt { font-size:5rem; }
    .write_form .form_list > li.programs_li .check_box { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .write_form .form_list > li .left_txt br { display: none; }
    .ihc_about_sect ul { display: block; ;}
    .ihc_about_sect ul li + li { margin-top:3rem;}
    .ich_review_sect .rv_list 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;}
    .ich_review_sect .rv_list ul::-webkit-scrollbar{display: none;}
    .ich_review_sect .rv_list ul li { flex-shrink: 0; width:80%; scroll-snap-align: center; scroll-snap-stop: always; transform: unset !important; margin:0;}
    .list_tbl .tbl_box .td_box .td.time { flex:0.8;}

    .stemcell_sect .com_tbl table,
    .stemcell_sect .com_tbl table tbody,
    .stemcell_sect .com_tbl table tr,
    .stemcell_sect .com_tbl table td { display: block; text-align: left; border-left: 0; border-bottom: 0; } 
    .stemcell_sect .com_tbl table tr { border-bottom: 1px solid var(--lineColor);}
    .stemcell_sect .com_tbl table tr > * { padding:0.8em 0.5em;}
    .stemcell_sect .com_tbl .tit1 { background-color: var(--bg2);;}
    .stemcell_sect .com_tbl .tit2 { display: inline-block; vertical-align: middle; margin-right:5px}
    .stemcell_sect .com_tbl .bt { display: inline-block; vertical-align: middle;}
    .stemcell_sect .com_tbl .bt .btn_more { margin-top:0; vertical-align: top;}
    .stemcell_sect .com_tbl .btns { border-bottom: 1px dashed var(--lineColor);}
    
    
    .round_tab2 { display: none;}
    .round_tab_wrap2 .round_tab_wrap_mobile { display: block;}
    .hotel_map .btns { grid-template-columns: repeat(3,minmax(0,1fr));}
    .hotel_map .btns button { font-size:var(--txt);}
    .bioproduct_sect ul { display: block; ;}
    .bioproduct_sect ul li + li { margin-top:6rem;;}
    .special_sect ul { display: block;;}
    .special_sect ul li + li { margin-top:6rem;;}

    .pipeline_pc { display: none;}
    .pipeline_mobile { display: block;}
    .pipeline_sect .tit1 { padding:0.7em 1em; background-color: var(--bg2); font-size:var(--lgTxt); font-weight:700; margin:0 calc(var(--inPd) * -1);}
    .pipeline_sect .cont { padding: 30px 0 }
    .pipeline_sect .cont + .cont { border-top:2px solid var(--black);}
    .pipeline_sect .tit2 { font-size:var(--txt1); font-weight:700; margin-bottom: 20px;}
    .pipeline_sect .item + .item { margin-top:20px}
    .pipeline_sect .item .tit3 { padding:0.5em 1em; background-color: var(--bg2); font-size:var(--txt); font-weight:700; margin-bottom: 10px;}
    .pipeline_sect .item .head { display: flex; font-size:var(--txt); font-weight:500; margin-bottom: 7px; }
    .pipeline_sect .item .head p:nth-child(1) { width:20%;}
    .pipeline_sect .item .head p:nth-child(2) { width:40%;}
    .pipeline_sect .item .head p:nth-child(3) { width:20%;}
    .pipeline_sect .item .head p:nth-child(4) { width:10%; text-align: center;}
    .pipeline_sect .item .head  p:nth-child(5) { width:10%; text-align: right;}
    .pipeline_sect .item .arrow img { width:98%; }
    .pipeline_sect .note { font-size:var(--txt); margin-top:10px; font-weight: 500;}
    .whatimmu_cont .status { flex-direction: column; align-items: center;}
    .whatimmu_cont .status div + div { margin-left: 0; margin-top: 2rem;}
    .immunity_health_cont .img img { width:100%; }
    .immunity_req_cont .img img { width:100%;}

    .profile_sect .list_tbl .tbl_box { display: block;}
    .med_view_page .list_tbl .tbl_box .th_box { flex-direction: row; padding:1em 0;}
    .med_view_page .list_tbl .tbl_box .td_box { flex-direction: row; }
    .med_view_page .list_tbl .tbl_box .td_box + .td_box { border-top: 1px dashed rgba(27, 28, 102, 0.3); margin-top:-1px;}
    .med_view_page .list_tbl .tbl_box .td_box .td { flex:1; height: auto !important; border-bottom: 0 !important; border-left: 0 !important;}
    .med_view_page .list_tbl .tbl_box .td_box .td.time { flex:0.8; }
    .med_view_page .list_tbl .tbl_box .th_box .th:first-child { flex:0.8;}
    .round_tab_wrap.mobile_select { position: sticky; top:var(--headerH); z-index:50;}
    
    .outpatient_sect .item .info .list { display: block;}
    .outpatient_sect .item .info .list ul { width:auto; }



}

@media screen and (max-width: 480px) {
    .sub_top .nav .select .nice-select { font-size:12px; }
    .sub_top .nav .select + .select .nice-select .list { left: inherit; right:0;;}
    .med_find_page .med_srch_res .schedule_box .btn  {font-size:var(--smTxt); }
    .list_tbl .tbl_box .td_box .td .date { text-align: center;}
    .global_main .main4 .vals dl { font-size:1.8rem;}
    .sub_top .nav .select .nice-select .option { max-width:160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; width:180px; max-width:180px;;}
    
    
}

@media screen and (max-width: 400px) {
    .med_find_page .search_form .type_wrap .type_box .small_category .btn { letter-spacing: -0.5px; font-size:13px;;}
}