/*
    *************************** 공통 ****************************
*/
body{background-color: #fff5e1;}
.pageOutWrap {width: 100%;}
.contentWrap {width: 100%; max-width: 1240px; margin: 0 auto; position: relative; padding: 100px 0px 200px 0px}
.fullContentWrap{width: 100%}
.grid{display: flex;flex-wrap: wrap;}
.gridCell{box-sizing: border-box;width: calc(100% / 4);border: 0 solid transparent;}

.showBlockPc{display: block;}
.showBlockM{display: none;}

/*
    *************************** header ****************************
*/
.header.main{background-color: transparent;}
.header {height: 120px; background: #fff5e1; position: fixed; top: 0px;z-index: 100; box-sizing: border-box;}
.headerWrap {display: flex; align-items: center; justify-content: flex-end; gap: 80px;position: relative; background: transparent; padding: 33px 56px; width: 100%; height: 100%; box-sizing: border-box;
    z-index: 101; border-bottom: 1px solid #f18b21;}

.header .headerWrap .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.header .headerWrap .logo img{width: 187px;height: 46px;}

.header .headerWrap .menuBtn{height: 100%; align-content: center}
.header .headerWrap .menuBtn img{cursor: pointer; width: 18px; height: 18px}
.header .headerWrap .menuBtn .backBtn img{width: 10px}

.header .headerWrap .headerMenu{position: fixed;top: 0px;right: 0px;z-index: 999;width: 390px;height: 100%;background-color: #fff;border-left: 1px solid #f18b21;transform: translate3d(100%, 0, 0);}
.header .headerWrap .headerMenu.on{transition: all .24s;transform: translate3d(0, 0, 0);}

.header .headerWrap .headerMenu .category{background-color: #fff;width: 100%;height: 100%;}
.header .headerWrap .headerMenu .category ul{height: 100%;}
.header .headerWrap .headerMenu .topbar{width: 100%;height: 120px;padding: 44px 51px;box-sizing: border-box; color: #f18b21}
.header .headerWrap .headerMenu .topbar .closeBtn, .backBtn{width: 32px;height: 32px;}

.header .headerWrap .headerMenu .category>ul>li{width: 100%;box-sizing: border-box;}

.header .headerWrap .headerMenu .category .innerCategoty>ul>li{width: 100%;}


.header .headerWrap .headerMenu a{display: inline-block;padding: 22px 50px;font-family: Pretendard;font-size: 12px;line-height: 18px;letter-spacing: 0;box-sizing: border-box;width: 100%; color: #f18b21}
.header .headerWrap .headerMenu .category .innerMenu{position: fixed;top: 0px;width: 100%;height: 100%;background-color: #fff;transform: translate3d(100%, 0, 0);}

.header .headerWrap .headerMenu .category li.on.menu1 .innerMenu{transition: all .24s;transform: translate3d(0, 0, 0);}
.header .headerWrap .headerMenu .category li.on.menu1 .innerCategory1{display: block;}
.header .headerWrap .headerMenu .category li.on.menu2 .innerCategory1{display: none;}
.header .headerWrap .headerMenu .category li.on.menu1 .innerCategory2{display: none;}
.header .headerWrap .headerMenu .category li.on.menu1 .innerCategory2{display: none;}
.header .headerWrap .headerMenu .category li.on.menu3 .innerCategory1{display: none;}
/*.header .headerWrap .headerMenu .category li.on.menu3 .innerCategory2{display: none;}*/

.header .headerWrap .headerMenu .category .innerMenu2{position: fixed;top: 0px;width: 100%;height: 100%;background-color: #fff;transform: translate3d(100%, 0, 0);}
.header .headerWrap .headerMenu .category .innerCategoty2>ul>li{width: 100%;}

.header .headerWrap .headerMenu .category li.on.menu2 .innerMenu2{transition: all .24s;transform: translate3d(0, 0, 0);}
.header .headerWrap .headerMenu .category li.on.menu2 .innerCategory2{display: block;}

.header .headerWrap .headerMenu .category li.on.menu2 .innerMenu{transition: all .24s;transform: translate3d(0, 0, 0);}
.header .headerWrap .headerMenu .category li.on.menu2 .innerCategory2{display: block;}

.header .headerWrap .headerMenu .category li.on.menu3 .innerMenu{transition: all .24s;transform: translate3d(0, 0, 0);}
.header .headerWrap .headerMenu .category li.on.menu3 .innerCategory2{display: block;}

.header .headerWrap .rightArea{display: flex;align-items: center;}

.header .headerWrap .speakerBtn div{background: url(/app/layout/web/images/speakerOnBtn.png) center no-repeat;width: 20px;height: 20px;background-size: contain;cursor: pointer;margin-right: 20px;}
.header .headerWrap .speakerBtn.on div{background: url(/app/layout/web/images/speakerOffBtn.png) center no-repeat;width: 20px;height: 20px;background-size: contain;cursor: pointer;}

.header .headerWrap .languageBtn {position: relative;display: flex;flex-direction: column;align-items: end;gap: 30px;margin-right: 60px;}
.header .headerWrap .languageBtn .select:after {content: "";position: absolute;right: 20px;top: 50%;width: 6px;height: 6px;background: url(/app/layout/web/images/languageSelectArrowBtn.png) center no-repeat;background-size: 6px;transform: translateY(-50%) rotate(0deg);transition: transform 0.3s ease;}
.header .headerWrap .languageBtn .select {position: relative;width: 80px;height: 40px;z-index: 1;border-bottom: none;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.header .headerWrap .languageBtn .select.on::after {transform: translateY(-50%) rotate(180deg);}
.header .headerWrap .languageBtn .select ul{width: 100%;border-radius: 6px;overflow: hidden;position: absolute;top: 40px;z-index: 500;max-height: 0;background-color: #fff;color: #f18b21;}
.header .headerWrap .languageBtn .select button{position: relative;left: -10px;background: none}
.header .headerWrap .languageBtn .select.on ul {max-height: 134px;transition: .3s ease-in;padding: 10px 0px 10px 0px}

/*.header .headerWrap .languageBtn .select ul li:first-child{*/
/*    border-radius: 6px 0px 0px 6px;*/
/*    overflow: hidden;*/
/*}*/

.header .headerWrap .languageBtn .select li a {display: block;width: 100%;height: 100%;font-size: 14px;line-height: 28px;color: #f18b21;text-align: center;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;background-color: #fff;cursor: pointer;}
/*
    *************************** footer ****************************
*/
.footer {display: flex; align-items: center; padding: 52px 474px 62px 56px; overflow: hidden; box-sizing: border-box; border-top: 1px solid #f18b21}
.footer .contentWrap {display: flex; align-items: flex-start; justify-content: space-between; max-width: none; padding: 0px}
.footer .logo_f{width: 101px;}
.footer .logo_f img{width: 100%;}

.footer .left .textWrap{display: flex;flex-direction: column;align-items: flex-start;gap: 20px;}

.footer .notice{display: flex;gap: 40px;}
.footer .notice a{font-family: PretendardM, NotoSansSCM;font-size: 14px;line-height: 21px;letter-spacing: -0.3px;color: #f18b21;}
.footer .info{display: flex;flex-direction: column;gap: 6px;font-family: PretendardM, NotoSansSCM;font-size: 12px;line-height: 18px;letter-spacing: 0px;color: #f18b21}

.footer .right{display: flex;flex-direction: column;align-items: end;gap: 30px;}
.footer .right .select{border: solid 1px #f18b21;position: relative;width: 180px;height: 35px; /*background: url("../images/selectArrowBtn.png") calc(100% - 7px) center no-repeat;*//*background-size: 6px;*/z-index: 1;border-bottom: none;
pointer-events: none}
.footer .right .select::after {content: "";position: absolute;right: 7px;top: 50%;width: 6px;height: 6px;background: url("../images/selectArrowBtn.png") center no-repeat;background-size: 6px;transform: translateY(-50%) rotate(0deg);transition: transform 0.3s ease;}

/* on 클래스일 때 화살표 회전 */
.footer .right .select.on::after {transform: translateY(-50%) rotate(180deg);}
.footer .right .select button{display: block;padding: 0 12px 2px 12px;border-top: 0;overflow: hidden;width: 100%;height: 35px;font-size: 12px;line-height: 18px;color: #f18b21;text-align: left;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;background-color: transparent;cursor: pointer;}
.footer .right .select ul {border: solid 1px #f18b21;border-top: 0;overflow: hidden;position: absolute;top: 33px;left: -1px;z-index: 500;width: 180px;max-height: 0;background-color: rgba(224, 230, 230, 0.2);background-color: #f18b21;color: #f18b21;}

.footer .right .select ul {margin: 0;padding: 0;list-style: none;}
.footer .right .select.on ul {max-height: 106px;border-top: 0;border-bottom: solid 1px #f18b21;transition: .3s ease-in;}
.footer .right .select li a {display: block;padding: 8px 12px;width: 100%;height: 100%;font-size: 12px;line-height: 18px;color: #f18b21;text-align: left;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;background-color: #fff5e1;cursor: pointer;}

.footer .right .footerSnsBtn ul{display: flex;align-items: center;opacity: 1;gap: 10px;}
.footer .right .footerSnsBtn ul li {cursor: pointer;background-size: contain;width: 34px;height: 34px;border-radius: 50%;background-color: #f18b21;background-repeat: no-repeat;background-size: auto;background-position: center;}

.footer .right .footerSnsBtn ul li a{display: inline-block;width: 100%;height: 100%;}
.footer .right .footerSnsBtn ul li.call{background-image: url("../images/icon_call.png");}
.footer .right .footerSnsBtn ul li.kakao{background-image: url("../images/icon_kakao_2.png");}
.footer .right .footerSnsBtn ul li.map{background-image: url("../images/icon_map_2.png");}

#pageTop {position: fixed;right: 120px;bottom: 100px;z-index: 99;display: flex;flex-direction: column-reverse;}


.footer .eventBtn{position: absolute; left: 50%; transform: translateX(-50%); bottom: 75px;width: 74px; height: 97px; background-image: url("../images/icon_event.png"); cursor: pointer}
.footer .eventBtn a{
    width: 100%; height: 100%; display: inline-block;
}
.topBtn {width: 60px;height: 60px;border-radius: 30px;border: 1px solid #f18b21;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);background-color: #f18b21;cursor: pointer; /*transform: translateY(500%);*//*transition: transform .25s;*/box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;cursor: pointer;}

.topBtn span {font-size: 12px;letter-spacing: 1px;font-family: MontserratR;color: #fff;text-align: center;}
.topBtn::after {content: '';display: inline-block;background: url(../images/icon_arrow.png) no-repeat center center;background-size: contain;width: 8.5px;height: 8.5px;}

/*
    *************************** 메인페이지 ****************************
*/

/*
    cl_mainVisual 메인 공통
*/
.cl_mainVisual {position: relative; width: 100%; height: 100%;}
.mainVisual{font-size: 0;}
video {width: 100%;height: 100vh;object-fit: cover;background-color: transparent;}

.snsMenu{display: flex;flex-direction: column;gap: 29px;position: fixed;bottom: 280px;right: 120px;z-index: 2;}
.snsMenu .snsBtn{display: flex;flex-direction: column;gap: 8px;}
.snsBtn>div{width: 60px;height: 60px;border-radius: 30px;background-color: #f18b21;opacity: 80%;box-sizing: border-box;cursor: pointer;position: relative;}
.snsBtn>div:after{display: block;content: '';width: 28px;height: 60px;margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position: center;}

.snsBtn>div a{position: relative;display: inline-block;width: 100%;height: 100%;z-index: 10;}
.snsBtn>div:after{position: absolute;top: 0px;left: 50%;transform: translateX(-50%);z-index: 0;}
.snsBtn .kakao:after{background-image: url("../images/icon_kakao.png");}
/*.snsBtn .kakao:hover {*/
/*    background-color: #fee500;*/
/*}*/
.snsBtn .naver:after{background-image: url("../images/icon_naver.png");}
.snsBtn .wechat:after{background-image: url("../images/icon_wechat.png");width: 31px;height: 31px;margin: 17px 12px 12px 3px;}
.snsBtn .line:after{background-image: url("../images/icon_line.png");}
.snsBtn .whatsapp:after{background-image: url("../images/icon_whatsapp.png");}
.snsBtn .facebook:after{background-image: url("../images/Icon_facebook.png"); width: 15px;}
.snsBtn .map:after{background-image: url("../images/icon_map.png");}

/*
    **************************** introhospital ****************************
*/
.pageOutWrap.introHospital .imgWrap{width: 100%;}

.pageOutWrap.introHospital .imgWrap img{width: 100%;}

.pageOutWrap.introHospital .contentWrap{max-width: none; padding: 120px 0px 0px 0px}

/*.pageOutWrap.introHospital .contentWrap{width: 1200px;margin-top: 300px;}*/


/*.pageOutWrap.introHospital .contentWrap.intro .titleWrap{text-align: center;margin-bottom: 100px;}*/

/*.pageOutWrap.introHospital .contentWrap .titleWrap .mainText{font-family: Kudryashev;font-size: 110px;}*/
/*.pageOutWrap.introHospital .contentWrap .titleWrap .mainText .small{font-size: 100px;}*/
/*.pageOutWrap.introHospital .contentWrap .titleWrap .subText{font-family: SUITL;font-size: 30px;line-height: 50px;letter-spacing: -0.3px;}*/
/*.pageOutWrap.introHospital .contentWrap .titleWrap .subText .bold{font-family: SUITB;}*/

/*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid{display: flex;justify-content: center;gap: 20px;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell{width: 360px;height: 660px;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell .imgWrap{width: 100%;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell .imgWrap img{width: 100%;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell:last-child{margin-top: 100px;}*/

/*.pageOutWrap.introHospital .contentWrap.intro .textWrap{text-align: center;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .textWrap .mainText{font-family: SUITL;font-size: 40px;line-height: 50px;letter-spacing: -0.3px;margin-bottom: 60px;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .textWrap .mainText .bold{font-family: SUITB;}*/
/*.pageOutWrap.introHospital .contentWrap.intro .textWrap .subText{font-family: SUITL;font-size: 20px;line-height: 40px;letter-spacing: -0.3px;}*/

/*.pageOutWrap.introHospital .contentWrap.program{margin-top: 0px;}*/
/*.pageOutWrap.introHospital .contentWrap.program .titleWrap{text-align: center;margin-bottom: 60px;}*/
/*.pageOutWrap.introHospital .contentWrap.program .titleWrap .mainText{font-family: Kudryashev;font-size: 60px;line-height: normal;letter-spacing: -0.3px;}*/
/*.pageOutWrap.introHospital .contentWrap.program .titleWrap .mainText .small{font-size: 52px;}*/
/*.pageOutWrap.introHospital .contentWrap.program .titleWrap .mainText .medium{font-family: SUITM;}*/
/*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid{flex-wrap: nowrap;gap: 20px;}*/

/*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell{width: calc(100% / 5);box-sizing: border-box;}*/
/*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell .imgWrap{width: 100%;margin-bottom: 30px;}*/
/*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell .imgWrap img{width: 100%;}*/
/*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell .mainText{font-family: SUITB;font-size: 20px;line-height: normal;letter-spacing: -0.3px;text-align: center;}*/

/*.pageOutWrap.introHospital .contentWrap.care{justify-items: center;margin-top: 0px;}*/
/*.pageOutWrap.introHospital .contentWrap.care .textWrap{text-align: center;margin-bottom: 60px;}*/
/*.pageOutWrap.introHospital .contentWrap.care .textWrap .mainText{font-family: SUITL;font-size: 40px;line-height: 70px;letter-spacing: -0.3px;}*/
/*.pageOutWrap.introHospital .contentWrap.care .textWrap .mainText .bold{font-family: SUITB;}*/
/*.pageOutWrap.introHospital .contentWrap.care .imgWrap{margin-bottom: 40px;}*/
/*.pageOutWrap.introHospital .contentWrap.care .titleWrap{text-align: center;}*/
/*.pageOutWrap.introHospital .contentWrap.care .titleWrap .mainText{font-size: 60px;line-height: 110px;letter-spacing: 0px;}*/
/*.pageOutWrap.introHospital .contentWrap.care .titleWrap .subText{font-size: 20px;line-height: 40px;letter-spacing: -0.3px;}*/

/*.pageOutWrap.introHospital .contentWrap.standard{margin-top: 0px ;margin-bottom: 200px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap{text-align: center;margin-bottom: 100px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText {font-family: SUITL;font-size: 40px;margin-bottom: 60px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText .bold{font-family: SUITB;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText .english{font-family: Kudryashev;font-size: 50px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText .english .small{font-size: 44px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .subText{font-size: 20px;line-height: 40px;letter-spacing: -0.3px;}*/

/*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper{padding: 0px 100px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid{flex-wrap: nowrap;gap: 20px;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid .gridCell{width: calc(100% / 3);}*/
/*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid .gridCell .imgWrap{width: 100%;}*/
/*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid .gridCell .imgWrap img{width: 100%;}*/
/*
    **************************** introdoctor ****************************
*/

.contentWrap.introDoctor{margin-top: 120px}

.contentWrap.introDoctor .titleWrap .mainText{font-family: PretendardB, NotoSansSCB;font-size: 28px;line-height: 42px;letter-spacing: 0;text-align: center;margin-bottom: 13px;}
.contentWrap.introDoctor .titleWrap .subText{font-family: PretendardL, NotoSansSCL;font-size: 16px;line-height: 27px;letter-spacing: 0;text-align: center;margin-bottom: 23px;}
.contentWrap.introDoctor .titleWrap .line{width: 20px;height: 4px;background-color: #f9cb96;margin: 0px auto 57px auto;}

.contentWrap.introDoctor .titleWrap .mainText{font-family: PretendardB, NotoSansSCB;}
.contentWrap.introDoctor .titleWrap .subText{font-family: PretendardL, NotoSansSCL;}

.contentWrap.introDoctor .grid .gridCell .subText{font-family: PretendardL, NotoSansSCL;font-size: 16px;line-height: 36px;letter-spacing: 0;text-align: center;margin-bottom: 0px;}
.contentWrap.introDoctor .grid .gridCell .mainText{font-family: PretendardB, NotoSansSCB;font-size: 26px;line-height: 36px;letter-spacing: 0;text-align: center;margin-bottom: 0px;}

.contentWrap.introDoctor .gridWrapper .grid{display: flex;justify-content: center;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell{width: 425px;}

.contentWrap.introDoctor .gridWrapper .grid .gridCell>.imgWrap{width: 100%;margin-bottom: 22px;cursor: pointer;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell>.imgWrap img{width: 100%;}

.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo{position: fixed;opacity: 0;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;padding: 0px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.7);}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo.on{opacity: 1;z-index: 100;transition: opacity .3s ease;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .popupWrap{display: flex;width: 769px;height: 578px; /*background-color: #91766F;*/position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
    z-index: 101;box-sizing: border-box;align-items: center;justify-content: center;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .imgWrap{width: 372px; height: 100%}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .imgWrap img{width: 100%; height: 100%}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap{display: flex;flex-direction: column;width: 397px; max-height: 100%; min-height: 100%; height: calc(100% - 2px); padding: 55px 15px 51px 42px;box-sizing: border-box;background-color: #f18d26; overflow-y: auto; gap: 23px}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap{}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap .subText{font-family: PretendardL, NotoSansSCL;font-size: 20px;line-height: 37px;text-align: left;color: #fff;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap .mainText{font-family: PretendardB, NotoSansSCB;font-size: 36px;line-height: 42px;text-align: left;color: #fff;}
.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .subText{font-family: PretendardL, NotoSansSCL;font-size: 20px;line-height: 37px;text-align: left;color: #fff;}
/*
    **************************** location ****************************
*/

.contentWrap.location{margin-top: 120px}

.contentWrap.location .titleWrap {text-align: center}
.contentWrap.location .titleWrap .mainText {font-family: PretendardB, NotoSansSCB; font-size: 28px; margin-bottom: 27px;}
.contentWrap.location .titleWrap .subText {font-family: PretendardL, NotoSansSCL; font-size: 16px; margin-bottom: 23px}
.contentWrap.location .titleWrap .line {width: 20px;height: 4px;background-color: #f9cb94;margin: 0px auto 60px auto;}

.contentWrap.location .cont {display: flex;align-items: center;justify-content: space-between;padding: 0px 20px;}

.contentWrap.location .cont .map{width: 700px;}
.contentWrap.location .cont .map #map{width: 100%;height: 740px;background-color: #fff;}

.wrap_controllers{display: none;}
#map .cont{display: none;}

.root_daum_roughmap {background-color: #fff;margin: 0 auto;position: relative;width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 740px !important;position: relative;}

/*.root_daum_roughmap_landing, .root_daum_roughmap {*/
/*    background: transparent !important;*/
/*    margin: 0 !important;*/
/*    overflow: hidden !important;*/
/*    width: 100% !important;*/
/*    height: 600px !important;*/
/*}*/

.contentWrap.location .cont .map .map_service>div {background-size: cover;width: calc(100% / 3);height: 60px;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.contentWrap.location .cont .map .map_service {display: flex;gap: 21px;margin-top: 10px;}
.contentWrap.location .cont .map .map_service>div{background-size: contain;}

.contentWrap.location .cont .map .naver {background-image: url(../images/map_naver.png);background-color: #428af3;}
.contentWrap.location .cont .map .kakao {background-image: url(../images/map_kakao.png);background-color: #f9cf23;}
.contentWrap.location .cont .map .google {background-image: url(../images/map_google.png);background-color: #f3f3f3;}

.contentWrap.location .cont .textWrap{width: 400px;}
.contentWrap.location .cont .textWrap>div{margin-bottom: 63px;}
.contentWrap.location .cont .textWrap .time{margin-bottom: 70px;}
.contentWrap.location .cont .textWrap .sns{margin-bottom: 0px;}
.contentWrap.location .cont .textWrap .mainText{font-family: PretendardB, NotoSansSCB;font-size: 18px;line-height: 27px;letter-spacing: 0;margin-bottom: 12px;text-align: left;}
.contentWrap.location .cont .textWrap .subText{display: flex;align-items: center;font-family: PretendardL, NotoSansSCL;font-size: 16px;line-height: 24px;letter-spacing: 0;margin-bottom: 12px;text-align: left;}
.contentWrap.location .cont .textWrap .subText .showBlockPc.showBlockM{display: block;}
.contentWrap.location .cont .textWrap .subText .parkingInfo{background-color: #f18b21;font-family: "PretendardB";font-size: 12px;line-height: 1;color: #fff;padding: 5px 10px;margin-left: 10px;box-sizing: border-box;cursor: pointer;white-space: nowrap}

.contentWrap.location .cont .textWrap .time_table li {display: flex;justify-content: space-between;}
.contentWrap.location .cont .textWrap .time_table li .subText{line-height: 32px;margin-bottom: 0px;}

.contentWrap.location .cont .textWrap .sns>div:before {content: '';display: inline-block;width: 44px;height: 44px;margin-right: 30px;background-repeat: no-repeat;background-position: center center;vertical-align: middle;}

.contentWrap.location .cont .textWrap .time_table li:last-child .subText{margin-bottom: 0;color: #999999;}
.contentWrap.location .cont .textWrap .sns>div:first-child {margin-bottom: 20px;}
.contentWrap.location .cont .textWrap .sns>div a{font-family: PretendardM, NotoSansSCM;font-size: 18px;line-height: 27px;letter-spacing: 0px;}
.contentWrap.location .cont .textWrap .sns .kakao::before {background-size: contain;background-image: url(../images/icon_kakao_3.png);}
.contentWrap.location .cont .textWrap .sns .phone::before {background-color: #000;border-radius: 50%;background-image: url(../images/icon_call_2.png);background-size: 20px 21px;}

.contentWrap.location .detailInfo {position: fixed;opacity: 0;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;padding: 0px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.7);}
.contentWrap.location .detailInfo.on {opacity: 1;z-index: 100;transition: opacity .3s ease;}

.contentWrap.location .detailInfo .popupWrap {display: flex;flex-direction: column;width: 770px;height: 840px; /* background-color: #91766F; */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 101;box-sizing: border-box;align-items: center;justify-content: center;}
.contentWrap.location .detailInfo .popupWrap .root_daum_roughmap .wrap_map {height: 770px !important;position: relative;}
.contentWrap.location .detailInfo .popupWrap .map {width: 770px;}
.contentWrap.location .detailInfo .popupWrap .cont {display: none !important;}
.contentWrap.location .detailInfo .popupWrap .imgWrap{width: 100%; height: 100%}
.contentWrap.location .detailInfo .popupWrap .imgWrap img{width: 100%; height: 100%}
.contentWrap.location .detailInfo .popupWrap .textWrap{width: 100%;height: 70px;background-color: #f18b21;}
.contentWrap.location .detailInfo .popupWrap .textWrap .subText {display: flex;align-items: center;gap: 5px;height: 100%;font-family: PretendardL, NotoSansSCL;font-size: 18px;line-height: 24px;letter-spacing: normal;margin-bottom: 0px;text-align: center;justify-content: center;color: #fff;}
.contentWrap.location .detailInfo .popupWrap .textWrap .subText .bold{font-family: PretendardB, NotoSansSCB;}

/*
    *************************** 사이트이용약관&개인정보처리방침 ****************************
*/

.pageOutWrap.aboutPrivacy .contentWrap {padding-top: 130px;}
.pageOutWrap.aboutPrivacy .contentWrap .tit {text-align: center;margin-top: 70px;font-size: 28px;font-family: PretendardB, NotoSansSCB;}
.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs {width: 940px;height: 64px;margin: 0 auto;}
.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs>button {width: 50%;height: 100%;float: left;font-size: 18px;font-family: PretendardL, NotoSansSCL;color: #000000;text-align: center;background-color: #fff5e1;border: 1px solid #f18b21;border-bottom: none;
    cursor: pointer;}

.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs>button:hover { /*background-color: #fafafa*/}
.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs .tab:first-of-type {position: relative}
.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs .tab:first-of-type::after {position: absolute;top: 15px;right: 0;display: block;content: '';width: 1px;height: 30px;background-color: #fff5e1}
.pageOutWrap.aboutPrivacy .contentWrap .aboutTabs .tab.active {border-bottom: 4px solid #f18b21;color: #f18b21;font-family: PretendardB, NotoSansSCB;}

hr {width: 20px;height: 4px;background-color: #f9cb94;border: 0;margin: 20px auto 60px;}

.pageOutWrap.aboutPrivacy .contentWrap .wrap {width: 940px;height: 600px;background-color: #fff5e1;border: 1px solid #f18b21;box-sizing: border-box;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.pageOutWrap.aboutPrivacy .contentWrap .wrap textarea {width: 100%;height: 100%;box-sizing: border-box;font-size: 16px;font-family: PretendardL, NotoSansSCL;line-height: 32px;color: #000000;overflow-y: auto;outline: 0;
    padding: 20px 30px;resize: none;background-color: transparent;}
.pageOutWrap.aboutPrivacy .contentWrap .wrap pre {width: 100%}

.scroll::-webkit-scrollbar {display: block;width: 6px;background-color: #ffd6ab;}
.scroll::-webkit-scrollbar-thumb {width: 6px;border-radius: 30px;background-color: #f18b21;}

/*
    *************************** 시술안내 ****************************
*/

.pageOutWrap.clinicInfo .contentWrap{padding-top: 120px;}

.pageOutWrap.clinicInfo .contentWrap .titleWrap{padding-top: 100px;}
.pageOutWrap.clinicInfo .contentWrap .titleWrap .subText{font-family: "PretendardL";font-size: 16px;color: #f18b21;text-align: center;margin-bottom: 10px;}
.pageOutWrap.clinicInfo .contentWrap .titleWrap .mainText{font-family: "PretendardB";font-size: 28px;color: #000000;text-align: center;margin-bottom: 25px;}

.pageOutWrap.clinicInfo .contentWrap .clinicWrap{width: 100%;max-width: 1200px;margin: 0 auto;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid{ /*display: flex;*//*gap: 25px;*/display: grid;gap: 25px;grid-template-columns: 1fr 1fr 1fr 1fr;justify-content: space-between;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell{position:relative; width: 100%; /*height: 400px;*/box-sizing: border-box;background-color: #fff5e1;border: 1px solid #ffdfb9;overflow: hidden;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell:hover { /*background-color: #fff;*/transition: .3s;box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell:hover .imgWrap img {transform: scale(1.1);}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .imgWrap{width: 100%;overflow: hidden;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .imgWrap img{width: 100%;transition: .25s ease-in-out;}

.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap{padding: 30px; border-top: 1px solid #ffdfb9}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .mainText{font-family: "PretendardB";font-size: 22px;color: #000000;margin-bottom: 20px;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .subText{font-family: "PretendardL";font-size: 16px;line-height: 24px;color: #000000;margin-bottom: 50px;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .priceText{position:absolute; left:0; bottom:20px; width:100%; font-family: "PretendardL";font-size: 16px;line-height: 24px;text-align: right; padding:0 30px; box-sizing: border-box;}
.pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .priceText .price{font-family: "PretendardB";font-size: 30px;}

/*
    *************************** 시술 예약 페이지 ****************************
*/
.pageOutWrap.promotion.appointment .contentWrap{margin-top: 120px;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap>div {display: flex;justify-content: space-between}

.pageOutWrap.promotion.appointment .contentWrap.appointment {padding: 0px 0px 200px 0px;}

.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li {border-bottom: 1px solid #f18b21;padding: 60px 10px}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li h3 {font-family: "PretendardB";font-size: 20px;color: #000000;margin-bottom: 30px}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li small {font-size: inherit;color: inherit;display: inline-block}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li small::before,
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li .part5 small::before {content: '';display: inline-block;width: 4px;height: 14px;background-color: #ccc;margin: 0 20px;vertical-align: initial}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li:first-child p{margin-bottom: 0;}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li p{font-family: "PretendardL"; font-size: 16px;line-height: 24px;margin-bottom: 30px;}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li:last-child {border-bottom: 0}

.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list {display: flex;flex-direction: column;gap: 30px}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list li {display: flex;align-items: baseline;width: 100%;gap: 20px}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list span {font-family: "PretendardB";font-size: 16px;color: #f18b21;text-transform: uppercase;white-space: nowrap;}
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list li>div,
.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list li>div span {font-family: "PretendardL";font-size: 16px; line-height: 24px;display: inline-block;width: 90%;white-space: pre-line;word-break: keep-all;font-weight: 400;color: #000}

.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li.part4 .notice{font-family: "PretendardB";font-size: 16px;color: #f18b21;}

.overlay {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 7000;display: none;}
.overlay.active{display: block;}

.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList {padding-bottom: 40px}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList{background-color: #ffecd4;height: calc(100% - 195px);overflow-y: auto;padding-top: 40px;position: relative;align-items: flex-start;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList>small {font-family: "PretendardL";font-size: 12px;color: #f18b21;margin: 0 0 10px 30px;display: inline-block;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList li>div:not(.check-area) {margin: 0 20px;padding: 20px 10px;display: flex;justify-content: space-between;align-items: center;border-bottom: solid 1px #f18b21;gap: 10px}

/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList li:hover,*/
/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList li.active {*/
/*    background-color: var(--main-opacity)*/
/*}*/

.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .labelText {display: flex; align-items: center;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList input[class="basic"]+label {margin-top: 4px}

input {outline: 0;cursor: pointer;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;}
input[class="basic"], input[class="radio"] {display: none;}
input[class="basic"]+label {display: inline-block;width: 16px;height: 16px;cursor: pointer;border-radius: 1.5px;margin-right: 9px;background: url(/app/layout/web/images/Icon_InputNonCheck.png) no-repeat center center;}
input[class="basic"]:checked+label {width: 16px;height: 16px;background: url(/app/layout/web/images/Icon_InputCheck.png) no-repeat center center;background-size: cover;border: 0;}
.addList input[class="basic"]+label {margin-top: 4px;}

.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList .labelText .proTit {font-family: "PretendardL";font-size: 16px;color: #000000;display: block;}

/*span.content {*/
/*    font-size: var(--font-size-regular);*/
/*    font-weight: var(--font-weight-regular);*/
/*    color: #555;*/
/*    display: block;*/
/*    word-break: keep-all;*/
/*    white-space: pre-line;*/
/*    line-height: var(--line-height-base)*/
/*}*/

.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .originPrice {color: #f18b21;position: relative;text-align: right;overflow: hidden;font-family: "PretendardL";min-width: 80px;min-height: 10px;font-size: 12px;display: flex;justify-content: flex-end;line-height: 24px;text-decoration: line-through;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .originPrice::after {content: '원';text-decoration: none;display: inline-block;font-family: "PretendardL"}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .originPrice::before {content: '';display: inline-block;background: url(/app/layout/web/images/Icon_priceDown.svg) no-repeat center left;background-size: contain;width: 365px;position: absolute;height: 8px;top: 8px;left: 0;opacity: .5}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .originPrice.foreign {justify-content: flex-start;align-items: baseline;flex-direction: row-reverse;gap: 2px}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .originPrice.foreign::after {margin-bottom: 0;content: '₩';font-family: 'Montserrat',sans-serif}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .salePrice {font-family: "PretendardB";font-size: 20px;color: #000000;display: flex;align-items: flex-end;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .price .salePrice::after {content: '원';font-family: "PretendardL";font-size: 12px;text-decoration: none;vertical-align: baseline;color: #000000;}

/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList .price .salePrice.hideY::after {*/
/*    content: ''*/
/*}*/

/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList .price .salePrice.foreign::before {*/
/*    content: '₩';*/
/*    font-size: var(--font-size-regular2);*/
/*    font-weight: 500;*/
/*    margin-right: 4px;*/
/*    text-decoration: none;*/
/*    vertical-align: baseline;*/
/*    color: #111*/
/*}*/

/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList .price .salePrice.foreign.hideY::before {*/
/*    content: ''*/
/*}*/

/*.pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .right .addList .eventList .price .salePrice.foreign::after {*/
/*    content: ''*/
/*}*/


.check-area {
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*background-color: #ffffffc2;*/
    display: none;
    /*font-size: var(--font-size-regular2);*/
    /*font-weight: var(--font-weight-bold);*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*letter-spacing: 1.4px*/
}

/*.check-area p {*/
/*    font-size: var(--font-size-regular1);*/
/*    font-weight: 500;*/
/*    color: #111;*/
/*    letter-spacing: .75px;*/
/*    word-break: keep-all*/
/*}*/

/*p.first-use:before,p.wait-use:before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    background-image: url(/resources/images/price/Icon_firstUse_black.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*    width: 18px;*/
/*    height: 13px;*/
/*    margin: 0 2px 2px 0*/
/*}*/

.pageOutWrap.promotion.appointment .contentWrap .detailWrap  .right .reserveBtn  {outline: 0;border: 0;cursor: pointer;text-align: center;background-color: #f18b21;width: 100%;height: 60px;}
.pageOutWrap.promotion.appointment .contentWrap .detailWrap  .right .reserveBtn a{color: #ffffff;font-family: "PretendardB";font-size: 20px;width: 100%;height: 100%;display: block;align-content: center;}



.m-btm-popup {
    opacity: .7;
    background-color: #111;
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 6000;
    text-align: center;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s
}

.m-btm-popup.active {
    bottom: 63px
}

.m-btm-popup>div {
    font-size: var(--font-size-regular2);
    font-weight: var(--font-weight-regular);
    color: #fff
}

body.generless .m-cart-menu {
    grid-template-columns: 1fr 1fr
}

body.generless .m-cart-menu .m-cart-call::before {
    display: none
}

body.generless .m-cart-menu .m-cart-call {
    color: #333;
    background-color: #ffd500;
    border-right: 0;
    font-size: var(--font-size-regular1)
}

body.generless .cartCount {
    background-color: var(--main-color);
    background-image: none
}

body.generless .m-cart-menu #mCartCnt {
    display: none
}

/*.m-cart-menu {*/
/*    position: fixed;*/
/*    z-index: 6000;*/
/*    width: 100%;*/
/*    background-color: #fff;*/
/*    border-top: 1px solid #f3f3f3;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    display: none;*/
/*    height: 60px;*/
/*    grid-template-columns: 1fr 1fr 3fr;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none*/
/*}*/

/*.cartCount {*/
/*    background-image: var(--gradient-color);*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    padding: 0 5px;*/
/*    gap: 8px*/
/*}*/

#mCartCnt{
    width: 100%;
    height: 24px;
    border-radius: 12px;
    background-color: #fff;
    color: var(--main-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-regular2);
    font-weight: var(--font-weight-bold)
}

.m-cart-menu .m-cart-call,.m-cart-menu .m-cart-recent {
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-regular);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 5px;
    text-align: center
}

.m-cart-menu .m-cart-call {
    border-right: 1px solid #eee
}

.m-cart-call::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 24px;
    background: url(/resources/images/main/mIcon_float_call.svg) no-repeat center center;
    background-size: contain;
    margin-bottom: 6px
}

.m-cart-recent::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 24px;
    background: url(/resources/images/price/mIcon_recent.svg) no-repeat center center;
    background-size: contain;
    margin-bottom: 6px
}

.right.no-follow {
    position: initial;
    margin-left: 0;
    height: calc(100vh - 190px) !important
}

/*
    *************************** 본인확인 ****************************
*/

.pageOutWrap.payCheck .contentWrap{padding-top: 120px;}
.pageOutWrap.payCheck .contentWrap .loginBox {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 115px;}
.pageOutWrap.payCheck .contentWrap .loginForm {width: 400px;height: auto;display: flex;flex-direction: column;}

.pageOutWrap.payCheck .contentWrap .loginBox h4.tit {font-family: "PretendardB";font-size: 28px;color: #000;text-align: center;margin-bottom: 25px;}

.pageOutWrap.payCheck .contentWrap .loginBox span.desc {display: block;margin: 0 auto;text-align: center;margin-top: 10px;font-family: "PretendardL";font-size: 16px;line-height: 24px;}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap {position: relative;display: flex;width: 100%;border: solid 1px #f18b21;background-color: #ffffff;}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember #divMobile{border: solid 1px #f18b21;border-top: none;background-color: #ffffff;width: 100%; position: relative}

.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect {display: flex;align-items: center;justify-content: space-between;cursor: pointer;gap: 25px;}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect .selectedCode {padding-left: 40px;font-family: "PretendardL";font-size: 16px;line-height: 24px;color: #000000;}

.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect ul {display: none;position: absolute;top: 60px;left: -1px;height: auto;border: solid 1px #f18b21;background-color: #fff;z-index: 1;padding: 20px 40px;}

.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect.active ul {display: block;}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect:after {width: 14px;height: 7px;display: inline-block;content: '';background-image: url(/app/layout/web/images/languageSelectArrowBtn.png);background-position: center;background-repeat: no-repeat;background-size: contain;padding-right: 5px;transform: rotateX(0);}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect ul li {height: 36px;display: flex;align-items: center;}
.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect ul li span {color: #555;}

.pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap input[name="mobile"].borderLine {max-width: 100%;border: 0;}

.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=text],
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=number],
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=password] {width: 100%; height: 60px;border-bottom: 1px solid #e9e9e9;font-family: "PretendardL";font-size: 16px;line-height: 24px;box-sizing: border-box; background-color: transparent;padding: 0 0 0 20px;}
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[placeholder]{color: #f18b21;}

.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .mobileWrap button.btnAuto {position: absolute;top: 50%;transform: translateY(-50%);right: 15px;border: solid 1px #f18b21;background-color: #f18b21;font-family: "PretendardB";font-size: 12px;width: 100px;height: 30px;color: #fff;}

.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember #divMobile #timer {
    top: 17px;
    position: absolute;
    right: 100px;
    font-size: var(--font-size-regular);
    line-height: 15px;
    color: #ff4141;
}

.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember button#authBtn2 {
    position: absolute;
    top: 2px;
    right: 0;
    width: 90px;
    height: 32px;
    font-size: var(--font-size-regular);
    color: #333;
    border-radius: 50px;
    border: solid 1px #ccc;
    background-color: #f3f3f3;
}

.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk {margin-top: 20px;display: flex;gap: 20px;align-items: center;justify-content: center;}
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk>span {font-family: "PretendardL";font-size: 16px;color: #111;}
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk a u,
.pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk a u font {font-family: "PretendardL";font-size: 16px;color: #f18b21;}

/*
    *************************** promotion ****************************
*/

.pageOutWrap.promotion{background-color: #fff5e1;}

/*div.proMenu {*/
/*    display: none;*/
/*}*/

.contentWrap.promotion {margin-top: 120px;padding-top: 0;}
.contentWrap.promotion>.container{padding: 0px 20px 200px 20px;}

.contentWrap.promotion button {outline: 0;border: 0;cursor: pointer;text-align: center;background: transparent;color: #333;}
.contentWrap.promotion>.container {display: flex;justify-content: space-between;}
.contentWrap.promotion .cont {max-width: 1240px;margin: 0 auto;width: 100%;padding: 0 20px;}
.contentWrap.promotion div.left {margin-top: 0;}

.pageOutWrap.promotion.appointment .left {width: 700px;min-height: 630px;display: flex;flex-direction: column;}
.pageOutWrap.promotion.appointment .detailTitle {padding: 100px 20px 40px 10px;}
.pageOutWrap.promotion.appointment .detailTitle h2 {font-family: "PretendardB";font-size: 24px;color: #000000;}

.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList.showBlockPc {width: 100%;display: flex;flex-direction: column;margin-top: 20px;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList li {display: flex;flex-direction: column;justify-content: space-between; box-sizing: border-box; border-bottom: solid 1px #f18b21;padding: 40px 10px 40px 10px;width: 100%;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText {width: 100%;display: flex;justify-content: space-between;gap: 18px;position: relative;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList span.content {font-family: "PretendardL";font-size: 16px;color: #f18b21;display: block;white-space: pre-line;line-height: 24px;margin-top: 4px;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .proTit {font-family: "PretendardB";font-size: 20px;color: #000000;margin-bottom: 20px;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price {display: flex;flex-direction: column;align-items: flex-end;margin-top: 40px;}

.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn {width: 100%;display: flex;justify-content: flex-end;margin-top: 15px;gap: 10px;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn button{font-family: "PretendardL";font-size: 14px;height: 36px;min-width: 120px;}

.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn button.detailBtn {border: solid 1px #f18b21;background-color: #fff5e1;color: #f18b21}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn button.addBtn {border: solid 1px #f18b21;background-color: #ffffff;color: #f18b21;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn button.delBtn {border: solid 1px #f18b21;background-color: #f18b21;color: #fff;}

.pageOutWrap.promotion.appointment .detailWrap .container .left figure.imgWrap {position: relative;width: 100%;}
.pageOutWrap.promotion.appointment .detailWrap .container .left figure.imgWrap img {width: 100%;vertical-align: middle;}

.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price span.originPrice {min-width: 80px;min-height: 10px;font-size: 14px;line-height: 24px;color: #f18b21;position: relative;text-align: right;overflow: hidden;font-family: "PretendardL";display: flex;justify-content: flex-end;text-decoration: line-through;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price span.originPrice::before {content: '';display: inline-block;background: url(../images/Icon_priceDown.png) no-repeat center left;background-size: contain;width: 365px;height: 8px;top: 8px;position: absolute;left: 0;opacity: .5;}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price span.originPrice::after {display: inline-block;content: '원';}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price span.salePrice {font-size: 30px;line-height: 24px;color: #111;display: flex;align-items: baseline;font-family: "PretendardB";}
.pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventText .price span.salePrice::after {content: '원';margin-left: 2px;font-family: "PretendardL";font-size: 14px;text-decoration: none;vertical-align: baseline;color: #333;}

.pageOutWrap.promotion.appointment .detailWrap .container .right {width: 460px;height: calc(100% - 190px);position: fixed;margin-left: 740px;transition: height 0.3s ease;z-index: 99;}
/*.pageOutWrap.promotion.appointment .detailWrap .container .right .addList {background-color: #ffecd4;height: calc(100% - 195px);overflow-y: auto;padding-top: 40px;}*/
/*.pageOutWrap.promotion.appointment .detailWrap .container .right .addList>small {font-family: "PretendardL";font-size: 12px;color: #f18b21;margin: 0 0 10px 30px;display: inline-block;}*/
.pageOutWrap.promotion.appointment .contentWrap.promotion .detailWrap .container .right .addList .cartList li>div {padding: 30px 10px;}
.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList p {font-family: "PretendardL";font-size: 16px;color: #000000;word-break: keep-all;}
.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList .price {display: flex;flex-direction: initial;align-items: center;justify-content: flex-end;gap: 20px;}

.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList span.salePrice {font-size: 20px;}
.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList span.salePrice::after {font-size: 12px;}

/*.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList span.salePrice.foreign::before {*/
/*    font-size: var(--font-size-regular)*/
/*}*/

.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList button.del {width: 13px;min-width: 13px;height: 13px;margin-left: 0;background-size: 13px;background-position: center right;}
.contentWrap.promotion button.del { /*min-width: 30px;*/height: 30px;margin-left: 14px;position: relative;background: url(/app/layout/web/images/Icon_close_thin_orange.png) no-repeat center center;background-size: 20px;}

/*.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartListt li:hover,.pageOutWrap.promotion.appointment .detailWrap .container .right .addList .cartList li.active {*/
/*    background-color: */
/*}*/

.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap {padding: 40px 20px;}
.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap>div {display: flex;justify-content: space-between;flex-direction: row;align-items: center;gap: 10px;min-height: 34px}
.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap>div p {font-family: "PretendardM";font-size: 20px;}
.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap>div p:after{content: "(VAT 포함)";font-size: 12px;}

.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap label.totalPrice {font-size: 30px;color: #000000;display: flex;align-items: baseline;font-family: "PretendardB";}
.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap label.totalPrice.hide {display: none}
.pageOutWrap.promotion.appointment .detailWrap .container .right .cartWrap label.totalPrice::after {content: '원';font-family: "PretendardL";margin-left: 2px;font-size: 20px;text-decoration: none;vertical-align: baseline;}

.targetWrap {
    border: solid 1px #e1e1e1;
    background-color: #fbfbfb;
    text-align: center;
    padding: 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    position: relative;
}

.targetWrap p {
    font-family: RobotoL;
    font-size: 11.06px;
    line-height: 18px;
    color: #333;
    display: flex;
}

.targetWrap p:first-child {
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
}
.targetWrap i {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.targetWrap p:last-child {
    padding-left: 20px;
}

/*span.content {*/
/*    font-size: var(--font-size-regular2);*/
/*    font-weight: var(--font-weight-regular);*/
/*    color: #666;*/
/*    display: block;*/
/*    white-space: pre-line;*/
/*    line-height: var(--line-height-base);*/
/*    margin-top: 4px*/
/*}*/

label.totalHide {
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    display: none;
    text-align: right
}

label.totalHide.show {
    display: block
}


label.totalPrice.foreign::after {content: 'KRW';font-size: 2rem}

/*.eventWrap div.right,section.detailWrap div.right {margin-top: 0;height: calc(100% - 130px)}*/


/*
    *************************** 전후사진 ****************************
*/
.pageOutWrap.bna .contentWrap{padding-top: 120px; max-width: 1200px}
.pageOutWrap.bna .contentWrap section.col1 {margin-top: 100px}
.pageOutWrap.bna .contentWrap section.col2 {padding: 60px 0}
.pageOutWrap.bna .contentWrap section.col3 {display: block;padding: 60px 0 80px;}
.pageOutWrap.bna .contentWrap .title {text-align: center;color: #333}
.pageOutWrap.bna .contentWrap .title h4 {font-family: "PretendardB";font-size: 28px;margin-bottom: 10px}

.pageOutWrap.bna .contentWrap .title hr {width: 20px;height: 4px;background-color: #f9cb94;border: 0;margin: 20px auto 60px}

.pageOutWrap.bna .contentWrap .prdList {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;max-width: 1000px;margin: 0 auto 60px}
.pageOutWrap.bna .contentWrap .prdList.max {display: grid;grid-template-columns: repeat(5,1fr)}
.pageOutWrap.bna .contentWrap .prdList li {width: calc(100% / 5);height: 50px;color: #000000;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid #f18b21;border-left: 0;border-top: 0;box-sizing: border-box}
.pageOutWrap.bna .contentWrap .prdList li span {font-family: "PretendardL";font-size: 16px;}
.pageOutWrap.bna .contentWrap .prdList li.active {background-color: #f18b21;color: #fff;border: 1px solid #f18b21;}
.pageOutWrap.bna .contentWrap .prdList li.active span{font-family: "PretendardB"}

.pageOutWrap.bna .contentWrap .prdList li.showBlockM{display: none;}

.pageOutWrap.bna .contentWrap .subList {width: 100%; margin: 0 auto 30px}

/*.pageOutWrap.bna .contentWrap .subList li {*/
/*    border-radius: 24px;*/
/*    border: solid 1px #ddd;*/
/*    background-color: #fff;*/
/*    color: #333;*/
/*    font-weight: 500;*/
/*    padding: 10px 30px;*/
/*    cursor: pointer;*/
/*    width: max-content;*/
/*    text-align: center*/
/*}*/

.pageOutWrap.bna .contentWrap .swiper-button-prev:after,
.pageOutWrap.bna .contentWrap .swiper-container-rtl .swiper-button-next:after {content: none;}
.pageOutWrap.bna .contentWrap .swiper-button-next:after,
.pageOutWrap.bna .contentWrap .swiper-container-rtl .swiper-button-prev:after {content: none;}

.pageOutWrap.bna .contentWrap .picSection {width: 100%; margin: 0 auto; position: relative}
.pageOutWrap.bna .contentWrap .picArea {overflow: hidden;position: relative;}

.pageOutWrap.bna .contentWrap .picSection img {transition: all .5s ease-in-out;opacity: 1;vertical-align: bottom}

.pageOutWrap.bna .contentWrap .picArea>button {min-width: 36px;height: 36px;background: url(/app/layout/web/images/Icon_picSlide_arrow.png) no-repeat center center;background-size: contain}
.pageOutWrap.bna .contentWrap .picArea>button.disabled {background: url(/app/layout/web/images/Icon_picSlide_arrow_dis.png) no-repeat center center;pointer-events: none;background-size: contain}
.pageOutWrap.bna .contentWrap .picArea>button{position: absolute;z-index: 99;color: transparent; top: 160px; transform: none; margin-top: 0}
.pageOutWrap.bna .contentWrap .picArea>button.next{right: 30px;}
.pageOutWrap.bna .contentWrap .picArea>button.prev{left: 30px;rotate: 180deg;}

.pageOutWrap.bna .contentWrap .bnaWrap{display: flex;gap: 16px;}
.pageOutWrap.bna .contentWrap .bnaWrap .bna{display: flex;flex-direction: column;align-items: center;gap: 30px;}
.pageOutWrap.bna .contentWrap .bnaWrap .bna img{border: 1px solid #f18b21;}
.pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap{font-family: "PretendardL";font-size: 24px;color: #000000;}
.pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap .bold{font-family: "PretendardB";margin-right: 30px;}
.pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap .bold:after{content: "I";position: relative;left: 15px;font-family: "PretendardL";}

.pageOutWrap.bna .contentWrap .picDescWrap .picTitle {font-family: "PretendardB";font-size: 24px;color: #000000;display: flex;gap: 5px;flex-wrap: wrap}
.pageOutWrap.bna .contentWrap .picDescWrap {padding: 20px 20px 20px 60px;object-fit: contain;border: solid 1px #f18b21;background-color: #fff;position: relative;width: 900px;margin: 60px auto 0 auto;}
.pageOutWrap.bna .contentWrap .picDescWrap a {font-family: "PretendardB";font-size: 12px;color: #fff;padding: 6px 20px;background-color: #f18b21;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer}

.pageOutWrap.bna .contentWrap .picList {display: flex;flex-wrap: wrap;gap: 40px 20px;}
.pageOutWrap.bna .contentWrap .picList>div{width: calc(100% / 4 - 20px);display: flex;flex-direction: column;gap: 20px;}
.pageOutWrap.bna .contentWrap .picList .imgWrap {overflow: hidden;cursor: pointer;position: relative;display: flex}
.pageOutWrap.bna .contentWrap .picList .imgWrap img {width: 50%; border: 1px solid #f18b21}
.pageOutWrap.bna .contentWrap .picList .imgWrap img:first-child {border-right: none; box-sizing: border-box}
.pageOutWrap.bna .contentWrap .picList span {font-family: "PretendardL";font-size: 16px;text-align: center;color: #000000;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.pageOutWrap.bna .contentWrap .picList>div.active span {font-family: "PretendardB";color: #f18b21;}

.pageOutWrap.bna .contentWrap .picPaging {display: flex;gap: 30px;justify-content: center;margin-top: 80px}
.pageOutWrap.bna .contentWrap .picPaging button {background-color: transparent;border: 0;font-family: "PretendardL";font-size: 14px;font-weight: 500;color: #000000;}
.pageOutWrap.bna .contentWrap .picPaging button.disabled {color: #ccc;pointer-events: none;}
.pageOutWrap.bna .contentWrap .picPaging ul {display: flex;gap: 6px}
.pageOutWrap.bna .contentWrap .picPaging li {color: #000000;font-family: "PretendardL";font-size: 14px;width: 24px;height: 24px;line-height: 24px;border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer}
.pageOutWrap.bna .contentWrap .picPaging li.active {color: #f18b21;font-family: "PretendardB";}
.pageOutWrap.bna .contentWrap .picPaging button.disabled {color: #ccc;pointer-events: none}

.pageOutWrap.bna .contentWrap .picNotice {border-top: 1px solid #f18b21;padding: 60px 40px;display: flex;gap: 60px;flex-direction: column;align-items: center;}
.pageOutWrap.bna .contentWrap .picNotice>div {width: 100%;display: flex;flex-direction: column;gap: 15px;}
.pageOutWrap.bna .contentWrap .picNotice p {font-family: "PretendardB";font-size: 16px;color: #000000;margin-bottom: 15px;}
.pageOutWrap.bna .contentWrap .picNotice span {font-family: "PretendardL";font-size: 16px;color: #000000;word-break: keep-all;white-space: pre-line;display: flex;}
.pageOutWrap.bna .contentWrap .picNotice span:before{content: "ㆍ";}
.pageOutWrap.bna .contentWrap .picNotice span.ps:before{content: "*";}

.picNone {
    min-height: 660px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*display: none;*/
}
.picNone.active {
    display: flex
}
.picNone i {
    display: inline-block;
    width: 222px;
    height: 122px;
    background: url(/resources/images/main/Icon_beforeAfter_empty.svg) no-repeat center center;
    background-size: contain
}
.picNone p {
    margin-top: 30px;
    color: #666;
    font-size: 2rem;
    font-weight: 500
}
.authLayer {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 4px;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.layerText {
    display: none;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2;
    top: 50%;
    left: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    color: #fff;
    font-weight: var(--font-weight-bold)
}
.layerText.white>span {
    color: #333
}
.layerText.white>button {
    color: #333;
    border: 1px solid #333
}
.layerText>span {
    color: #fff;
    font-size: var(--font-size-regular3);
    margin-bottom: 0;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    text-align: center;
    word-break: keep-all
}
.layerText>button {
    width: auto;
    height: 43px;
    padding: 0 24px;
    font-size: var(--font-size-regular2);
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-weight: var(--font-weight-bold)
}
/*#picList {*/
/*    position: relative*/
/*}*/
/*.pic-list-layer {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(255,255,255,0.7)*/
/*}*/

@media(min-width: 1200px) {
    .pageOutWrap.bna .contentWrap .prdList li:nth-child(-n+5) {border-top:1px solid #f18b21}
    .pageOutWrap.bna .contentWrap .prdList li:nth-child(5n+1) {border-left: 1px solid #f18b21}
    .pageOutWrap.bna .contentWrap .prdList li:last-child,
    .pageOutWrap.bna .contentWrap .prdList li:nth-child(5n) {border-right: 1px solid #f18b21}
}

/*
    *************************** popup ****************************
*/
.popupContent{display: none;}

.popupContent .tabRight {position: fixed;width: 1200px;height: 743px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10002;cursor: pointer;}
.popupContent .popup-mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;z-index: 9000;}
.popupContent .tabRight .wrap {position:relative; width: 500px;height: 100%;display: flex;flex-wrap: wrap;border-top-right-radius: 10px;background-color: #fff5e1;}
.popupContent .tabRight .wrap .textWrap {width: 100%;height: calc(100% - 240px);text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;border-top-right-radius: 10px;box-sizing: border-box;}

.popupContent .textWrap .subText.top {position: relative;width: 300px;height: 32px;font-family: PretendardL, NotoSansSCL;font-size: 12px;line-height: 33.6px;text-align: center;color: #f18b21;}
.popupContent .textWrap .subText.top::before {top: 0;left: 0;}
.popupContent .textWrap .subText.top::before, .textWrap .subText.top::after {display: block;content: '';position: absolute;width: 300px;height: .5px;background-color: #f18b21;opacity: .5;}
.popupContent .textWrap .subText.top::after {bottom: 0;left: 0;}
.popupContent .textWrap .subText.bottom {font-family: PretendardM, NotoSansSCM;font-size: 18px;line-height: 27px;color: #f18b21;margin-bottom: 50px;}
.popupContent .textWrap ul {display: block;font-family: PretendardM, NotoSansSCM;font-size: 16px;line-height: 24px;color: #f18b21;text-align: left;margin-bottom: 30px;}
.popupContent .textWrap ul li {position: relative;margin-bottom: 8px;}
.popupContent .textWrap p {font-family: PretendardM, NotoSansSCM;font-size: 12px;line-height: 18px;color: #f18b21;}
.popupContent .textWrap .bold {font-family: PretendardM, NotoSansSCM;font-size: 16px;line-height: 24px;}
.popupContent .textWrap ul li .eventDate { position: relative; padding-right: 30px; }
.popupContent .textWrap ul li .eventDate::after {display: block; content: '';position: absolute;top: 3px;right: 15px;width: 3px;height: 12.5px;background-color: #fbdab1; }

.popupContent .textWrap .mainText {font-family: PretendardB;font-size: 40px;line-height: 60px;margin: 20px 0 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;color: #f18b21;}

.popupContent .tabRight .tabs {position:absolute; left:0; bottom:70px; width: 100%; display: flex;flex-direction: column;align-items: center;gap: 7px;overflow: hidden;}
.popupContent .tabRight .tabs>li {display: flex;align-items: center;justify-content: center;width: 292px;height: 48px;box-sizing: border-box;cursor: pointer;}
.popupContent .tabRight .tabs>li a{font-family: PretendardB, NotoSansSCB;font-size: 16px;line-height: 18px;color: #fff;}
.popupContent .tabRight .tabBtn:nth-child(odd), .tabRight .tabBtn:nth-child(odd) {border-right: 1px solid #eee;}
.popupContent .tabRight .tabBtn {background-color: #f18b21;color: #fff;}
.popupContent .popupContent .popup_groupList.show { /*display: block;*/}
.popupContent .popupContent .popup_groupList { /*opacity: 0;*//*pointer-events: none;*/}
.popupContent .tabRight .popup_wrap {width: 100%;height: 700px;display: flex;flex-wrap: nowrap;}
.popupContent .tabRight .popupImg {width: 700px;height: 100%;border-top-left-radius: 10px;}
.popupContent .popupImg img {width: 100%;height: 100%; /*display: none;*/object-fit: cover;}
.popupContent .tabRight .popupImg img {object-fit: fill;border-top-left-radius: 10px;}

.popupContent .popupBtnArea {width: 100%;height: 33px;display: flex;flex-wrap: nowrap;background-color: #f18b21;color: #fff;font-family: PretendardL, NotoSansSCL;font-size: 14px;line-height: 28px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.popupContent .popupBtnArea>div {flex: 1 1 0;text-align: center;color: #fff;line-height: 2;}
.popupContent .popupBtnArea>div:first-child {position: static;border-right: 1px solid #fff;width: 50%;color: #fff;}
.popupContent .popupBtnArea>div:nth-child(1) a {color: #eee;}
.popupContent .popupBtnArea>div:nth-child(2) a {color: #eee;}

@media(max-width:1199px){
    /*
        ************************ 공통 *************************
    */

    .showBlockPc{display: none !important;}
    /*.showBlockT{display: block !important;}*/
    .showBlockM{display: block;}

    .header {display: flex;height: 66px;}
    .headerWrap {position: relative ;padding: 21.5px 20px;justify-content: space-between;}

    .header .headerWrap .logo {width: 87px;box-sizing: border-box;}
    .header .headerWrap .logo img {display: block;width: 87px;height: auto;}

    .header .headerWrap .backArrowBtn{display: flex;align-items: center;height: 100%;}
    .header .headerWrap .backArrowBtn img{width: 14px; height: 14px}
    .header .headerWrap .headerMenu {width: 300px;}
    .header .headerWrap .headerMenu .topbar {display: flex;align-items: center;gap: 22.5px;width: 100%;height: 95px;padding: 40px;}
    .header .headerWrap .headerMenu .topbar .mainText{font-family: PretendardM, NotoSansSCM;font-size: 16px;line-height: 24px;}
    .header .headerWrap .headerMenu a {font-family: PretendardM, NotoSansSCM;font-size: 14px; padding: 25px 50px}

    .header .headerWrap .languageBtn {margin-right: 7px;}
    .header .headerWrap .speakerBtn div {margin-right: 7px;width: 12px;height: 12px;}
    .header .headerWrap .speakerBtn.on div {background: url(/app/layout/web/images/speakerOffBtn.png) center no-repeat;
        width: 12px;height: 12px;
        background-size: contain;cursor: pointer;}

    .header .headerWrap .languageBtn .select {position: relative;width: 50px;height: 12px;}
    .header .headerWrap .languageBtn .select button{height: 100%;left: -5px;}
    .header .headerWrap .languageBtn .select button img{height: 100%;}
    .header .headerWrap .languageBtn .select ul {top: 20px;}
    .header .headerWrap .languageBtn .select li a {font-size: 12px;line-height: 22px;}
    .header .headerWrap .languageBtn .select:after {right: 13px;}

    .header .headerWrap .menuBtn>img {width: 12px;height: 11px;}
    .header .headerWrap .headerMenu .topbar .closeBtn, .backBtn {width: 15px;height: 15px;}
    .header .headerWrap .menuBtn .backBtn{height: 100%;}
    .header .headerWrap .menuBtn .backBtn img {height: 15px;}

    .contentWrap{padding: 50px 0px 100px 0px;}

    /*
    ************************ 메인페이지 *************************
    */
    .snsMenu {right: 24px;bottom: 184px;transform: translateY(110px);gap: 8px;transition: transform .25s;align-items: center; transition: transform 0.3s ease;}
    .snsMenu .snsBtn{opacity: 0;display: none;}
    .snsMenu.on .snsBtn{opacity: 1;display: flex;}
    .snsMenu.on {display: flex;}
    /*.snsMenu {*/
    /*    transition: transform 0.3s ease;*/
    /*}*/
    .snsMenu.raised {transform: translateY(-31px); /* 위로 52px */}
    .snsMenu>div.m_plus {display: block;width: 44px;height: 44px;border: 1px solid #f18b21;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);background-color: #f18b21;opacity: 1;position: relative;border-radius: 50%;}
    .snsMenu>div.m_plus:before, .snsMenu>div.m_plus:after {display: block;content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 1px;background-color: #fff; /*transform: translate(-50%, -50%);*/transition: transform .3s ease-in-out;}
    .snsMenu>div.m_plus::before {transform: translate(-50%, -50%) rotate(90deg);}
    .snsMenu.on>div.m_plus::before {transform: translate(-50%, -50%) rotate(45deg);}
    .snsMenu>div.m_plus::after {transform: translate(-50%, -50%) rotate(0);}
    .snsMenu.on>div.m_plus::after {transform: translate(-50%, -50%) rotate(-45deg);}

    .snsMenu .snsBtn>div {width: 44px;height: 44px;opacity: 0;transform: translateY(20px);transition: opacity .3s ease, transform .3s ease;pointer-events: none;}
    .snsMenu.on .snsBtn>div.on {opacity: 1;transform: translateY(0);pointer-events: auto;}
    .snsMenu .snsBtn>div::after {content: '';width: 22px;height: 44px;background-size: contain;}
    .snsMenu .snsBtn>div.facebook::after {content: '';width: 12px;height: 44px;background-size: contain;}
    .snsMenu .snsBtn .wechat:after {width: 23px;height: 20px;margin: 12px auto 11px auto;}

    #pageTop {right: 24px;bottom: 75px;opacity: 0;transform: translateY(20px);transition: opacity .3s ease, transform .3s ease;pointer-events: none;}
    #pageTop.on {opacity: 1;transform: translateY(0);pointer-events: auto;}
    .topBtn {width: 44px;height: 44px;}
    .topBtn::after {content: none;}

    /*.popupContent .tabRight.showBlockM {*/
    /*    position: fixed;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    width: 70%;*/
    /*    height: auto;*/
    /*    background-color: transparent;*/
    /*}*/

    /*.popupContent .tabRight.showBlockM .swiper.popupRight {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    border: 0;*/
    /*}*/

    /*.popupContent .tabRight.showBlockM .swiper-slide img {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    object-fit: fill;*/
    /*}*/

    /*.popupContent .tabRight.showBlockM .mobile_con {*/
    /*    position: absolute;*/
    /*    bottom: 13px;*/
    /*    left: 50%;*/
    /*    transform: translateX(-50%);*/
    /*    z-index: 10000;*/
    /*}*/

    /*.popupContent .tabRight.showBlockM .popupBtnArea {*/
    /*    background-color: transparent;*/
    /*    position: absolute;*/
    /*    bottom: -60px;*/
    /*}*/

    /*.popupContent .popupBtnArea {*/
    /*    background-color: transparent;*/
    /*    position: absolute;*/
    /*    bottom: -60px;*/
    /*}*/

    /*.popupContent .popupBtnArea>div:first-child {*/
    /*    position: relative;*/
    /*    border-right: 0;*/
    /*    width: 190px;*/
    /*}*/

    /*.popupContent .popupBtnArea>div:first-child:after {*/
    /*    position: absolute;*/
    /*    display: block;*/
    /*    top: 4px;*/
    /*    right: 0;*/
    /*    content: '';*/
    /*    width: 1px;*/
    /*    height: 13.3px;*/
    /*    background-color: #aaa;*/
    /*}*/

    /*.popupContent .popupBtnArea>div:nth-child(2) {*/
    /*    border-right: 0;*/
    /*    width: 140px;*/
    /*}*/
    .tabBottom.showBlockM {position: fixed;top: auto;bottom: 0;width: 100%;height: auto;border-top-left-radius: 30px;border-top-right-radius: 30px;overflow: unset;}
    .tabBottom.showBlockM .swiper.popupBottom {position: absolute;bottom: 40px;width: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px; /*background-color: #fff;*/}
    .tabBottom.showBlockM .swiper.popupBottom .swiper-slide {height: auto;}
    .tabBottom.showBlockM .swiper.popupBottom .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: fill;}
    .tabBottom.showBlockM .mobile_con {position: absolute;top: 21px;right: 13px;width: 36px;height: 18px;background-color: rgba(17, 17, 17, 0.6);border-radius: 9px;z-index: 100;display: flex;align-items: center;}
    .tabBottom.showBlockM .mobile_con .mobile_fraction {width: 100%;height: 100%;font-size: var(--font-size-small); /*color: #fff;*/z-index: 10000;font-size: 10px;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: row;}
    .tabBottom.showBlockM .mobile_con .mobile_fraction .current { /*color: #fff;*/opacity: 1;display: block;display: flex;align-items: center;flex-direction: row;}
    .tabBottom.showBlockM .mobile_con .mobile_fraction .total { /*color: #fff;*/opacity: 0.6;display: block;}
    .tabBottom.showBlockM .popupBtnArea {position: absolute;bottom: 0;height: 40px;font-family: PretendardL, NotoSansSCL;font-size: 14px;line-height: 50px;padding: 6px 20px 10px;color: #999;border-radius: 0;box-sizing: border-box; background-color: #000}
    .popupContent .popupBtnAreaa>div {padding: 0;}
    .popupContent .popupBtnArea>div:nth-child(1)  {text-align: left;}
    .popupContent .popupBtnArea>div:first-child {position: relative;border-right: 0;width: 190px;}
    .popupContent .popupBtnArea>div:nth-child(2) {text-align: right;}
    .popupContent .popupBtnArea>div:last-child {border-right: 0;width: 140px;}

    /*
        **************************** introhospital ****************************
    */

    .pageOutWrap.introHospital {width: 100%; margin-top: 66px; padding-bottom: 0px; padding-top: 0px; }
    .pageOutWrap.introHospital .contentWrap{max-width: none;width: 100%;padding-top: 0px;margin-top: 0px;}
    /*.pageOutWrap.introHospital .contentWrap.intro .titleWrap {margin-bottom: 50px;line-height: 55px;}*/
    /*.pageOutWrap.introHospital .contentWrap .titleWrap .mainText .small {font-size: 50px;}*/
    /*.pageOutWrap.introHospital .contentWrap .titleWrap .mainText {font-size: 55px;}*/
    /*.pageOutWrap.introHospital .contentWrap .titleWrap .subText {font-size: 17.5px;line-height: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper{margin-bottom: 50px;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid {flex-wrap: nowrap;gap: 10px;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell {width: calc(100% / 2);height: auto;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .gridWrapper .grid .gridCell:last-child {margin-top: 50px;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .textWrap .mainText {font-size: 24px;line-height: normal;margin-bottom: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.intro .textWrap .subText {font-size: 14px;line-height: 27.5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program{box-sizing: border-box;padding: 0px 20px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .titleWrap {margin-bottom: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .titleWrap .mainText {font-size: 30px;line-height: normal;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .titleWrap .mainText .small {font-size: 26px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid {justify-content: center;flex-wrap: wrap;gap: 0px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell {width: calc(100% / 2);margin-bottom: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell:nth-child(odd){padding-right: 5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell:nth-child(even){padding-left: 5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell:last-child{padding-left: 0px;padding-right: 0px;margin-bottom: 0px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell .imgWrap {margin-bottom: 20px;}*/
    /*.pageOutWrap.introHospital .contentWrap.program .gridWrapper .grid .gridCell .mainText {font-size: 14px;line-height: normal;}*/
    /*.pageOutWrap.introHospital .contentWrap.care {justify-items: center;margin-top: 70px;padding: 0px 20px;box-sizing: border-box;margin-bottom: 120px;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .textWrap{margin-bottom: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .textWrap .mainText {font-size: 24px;line-height: 40px;letter-spacing: -0.3px;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .imgWrap {margin-bottom: 0px;width: 100%;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .imgWrap img{width: 100%;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .titleWrap .mainText {font-size: 30px;line-height: 55px;}*/
    /*.pageOutWrap.introHospital .contentWrap.care .titleWrap .subText {font-size: 14px;line-height: 27.5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard{padding: 0px 20px;box-sizing: border-box;margin-bottom: 100px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .titleWrap {margin-bottom: 50px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText {font-size: 24px;margin-bottom: 35px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText .english {font-size: 27.5px;line-height: 48.5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .mainText .english .small {font-size: 24px;line-height: 48.5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .titleWrap .subText {font-size: 14px;line-height: 27.5px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper {padding: 0px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid {flex-direction: column;gap: 30px;}*/
    /*.pageOutWrap.introHospital .contentWrap.standard .gridWrapper .grid .gridCell {width: 100%;}*/
    /*
        **************************** introdoctor ****************************
    */

    .contentWrap.introDoctor {margin-top: 66px;}
    .contentWrap.introDoctor .titleWrap .mainText {font-size: 26px;line-height: normal;margin-bottom: 15px;}
    .contentWrap.introDoctor .titleWrap .subText {line-height: normal;font-size: 16px;margin-bottom: 30px;}
    .contentWrap.introDoctor .cont{padding : 0px 20px;}
    .contentWrap.introDoctor .grid .gridCell .subText {font-size: 16px;line-height: normal;margin-bottom: 10px;letter-spacing: -1.5px;}
    .contentWrap.introDoctor .grid .gridCell .mainText {font-size: 26px;line-height: normal;letter-spacing: 2px;}

    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo{padding: 0px 20px;overflow: auto;}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .popupWrap {flex-direction: column;width: 100%;height: auto;padding: 0px 20px;overflow-y: scroll;transform: translate(-50%, 0%);top: 0px;}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .imgWrap {width: 100%;display: flex;justify-content: center;background-color: #F3ECE2;}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .imgWrap img{width: 100%;}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap {width: 100%;padding: 40px 50px;}
    /*.contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap {margin-bottom: 0px;}*/
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap .subText {font-size: 16px;line-height: normal;margin-bottom: 10px;}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .titleWrap .mainText {font-size: 32px;line-height: normal; letter-spacing: -0.3px}
    .contentWrap.introDoctor .gridWrapper .grid .gridCell .detailInfo .textWrap .subText {margin-bottom: 0px;font-size: 16px;line-height: 28px;}

    /*
        **************************** location ****************************
    */

    .contentWrap.location {margin-top: 66px;}

    .contentWrap.location .titleWrap {padding: 0 20px;}
    .contentWrap.location .titleWrap .mainText {margin-bottom: 6px;}
    .contentWrap.location .titleWrap .subText {font-size: 16px;}
    .contentWrap.location .titleWrap .line {width: 22px;height: 3px;background-color: #f9cb94;margin: 0px auto 50px auto;}

    .contentWrap.location .cont {flex-direction: column;align-items: normal;width: 100%;margin-top: 40px; box-sizing: border-box; padding: 0px}

    .contentWrap.location .cont .map {width: 100%;}
    .contentWrap.location .cont .map #map {height: 350px;}

    .root_daum_roughmap {background-color: #fff;margin: 0 auto;position: relative;width: 100%;}
    .root_daum_roughmap .wrap_map {height: 350px !important;position: relative;}

    .contentWrap.location .cont .map .map_service {gap: 0;margin-top: 0;}
    .contentWrap.location .cont .map .map_service>div {width: 100%;height: 40px;}

    .contentWrap.location .cont .textWrap {margin: 0;padding: 50px 20px 0;width: auto;}
    .contentWrap.location .cont .textWrap>div {margin-bottom: 40px;}
    .contentWrap.location .cont .textWrap .time {margin-bottom: 40px;}
    .contentWrap.location .cont .textWrap>div:last-child {margin-bottom: 0;}
    .contentWrap.location .cont .textWrap .mainText {font-size: 20px;margin-bottom: 10px;line-height: 1;}
    .contentWrap.location .cont .textWrap .subText {font-size: 16px;margin-bottom: 0px;}
    .contentWrap.location .cont .textWrap .time_table li .subText {font-size: 16px;line-height: 28px;}
    .contentWrap.location .cont .textWrap .sns{display: flex;justify-content: center;flex-direction: row;}
    .contentWrap.location .cont .textWrap .sns>div {display: flex;flex-direction: column;align-items: center;width: 50%;padding: 0 10px;}
    .contentWrap.location .cont .textWrap .sns>div a {font-size: 16px;line-height: 28px;}
    .contentWrap.location .cont .textWrap .sns>div::before {margin-right: 0;margin: 0 0 10px 0;width: 40px;height: 40px;}
    .contentWrap.location .cont .textWrap .sns>div:first-child {margin-bottom: 0;border: 0;}

    .contentWrap.location .detailInfo {padding: 0px 20px;overflow: auto;}
    .contentWrap.location .detailInfo .popupWrap {width: 100%; /*max-width: 670px;*/height: auto;padding: 0px 20px;}
    .contentWrap.location .detailInfo .popupWrap .mapWrap{width: 100%;}
    .contentWrap.location .detailInfo .popupWrap .map {width: 100%;}
    .contentWrap.location .detailInfo .popupWrap .root_daum_roughmap .wrap_map { /*padding: 0px 20px;*/height: 430px !important;width: 100%; /*max-width: 670px;*/box-sizing: border-box;}
    .contentWrap.location .detailInfo .popupWrap .textWrap {margin: 0;padding: 0;width: 100%;height: 45px;}
    .contentWrap.location .detailInfo .popupWrap .textWrap .subText {font-size: 11px;line-height: 12px;}

    /*
        *************************** 상단 스와이퍼 ****************************
    */

    .proMenu {top: 66px ;height: 52px;box-shadow: 0 1px 4px 0 rgba(241,139,33,0.6);background-color: #fff5e1;position: fixed;width: 100%;z-index: 99;top: 66px;padding-left: 20px;}
    .proMenu>div {height: 100%;display: flex;align-items: center;justify-content: space-between;position: relative;max-width: 1240px;margin: 0 auto;width: 100%;padding: 0 20px;}
    .proMenu .swiper {width: 100%;padding: 0 25px; overflow: hidden}
    .proMenu .swiper-wrapper {justify-content: flex-start}
    .proMenu .swiper-slide {padding: 0}
    .proMenu .swiper-button-prev {width: 80px;left: -2px;background: linear-gradient(to right,#fff5e1 0,transparent 70%);justify-content: flex-start}
    .proMenu .swiper-button-prev:after {content: '';display: inline-block;width: 20px;height: 20px;background: url(/resources/images/price/Icon_prdMenuArrow.svg) no-repeat center center}
    .proMenu .swiper-slide {width: auto;cursor: pointer;opacity: .7;display: flex;align-items: center;margin: 0 1px}
    .proMenu .swiper-slide span {font-family: "PretendardL";color: #f18b21; font-size: 15px; text-align: center; display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 20px;line-height: 30px}
    .proMenu .swiper-slide span::before {display: none}

    .proMenu .swiper-slide.active span{font-family: "PretendardB";color: #f18b21; border: 1px solid #f18b21;border-radius: 15px; box-shadow: 0 0 0 2px var(--main-color) inset;}

    /*.proMenu .swiper-slide i::before {content: '/';display: block;color: #555;opacity: .2; padding: 0}*/
    .proMenu .swiper-slide:hover,
    .proMenu .swiper-slide.active {opacity: 1; /*border: 1px solid #f18b21;*//*border-radius: 15px;*/}
    .proMenu.active {height: auto;max-height: 100%;min-height: 60px;display: flex;align-items: center; z-index: 9999;}
    .proMenu.active>div {align-items: flex-start; flex-direction: column-reverse;justify-content: flex-end;padding: 0}
    .proMenu.active .swiper {padding: 0}
    .proMenu.active .swiper-wrapper {flex-wrap: wrap;padding: 15px 0 0 0}
    .proMenu.active .swiper-slide {}
    .proMenu.active .swiper-slide {width: 100%;border-bottom: 1px #eee solid;border-right: 1px #eee solid; ;min-height: 52px;height: fit-content;gap: 20px;padding: 0 20px;justify-content: space-between; margin-bottom: 15px}
    .proMenu.active .swiper-button-prev,
    .proMenu.active .swiper-button-prev::after,
    .proMenu .swiper-slide:last-child i{display: none}

    .proMenu .swiper-button-prev:after {background: url(/app/layout/web/images/mIcon_prdMenuArrow.png) no-repeat center center}
    .proMenu.active .swiper-slide::after {content: '';display: inline-block;background: url(/app/layout/web/images/mIcon_menuArrow.png) no-repeat center center;background-size: contain;min-width: 24px;height: 24px}
    .proMenu.active .swiper-slide i::before {display: none}
    .proMenu.active .swiper-slide:hover span {border-radius: 0;border: 0;box-shadow: none;font-weight: 400}
    .proMenu.active .swiper-slide.active span {border-radius: 0;border: 0;color: #fff}

    /*
        *************************** 시술안내 ****************************
    */

    .pageOutWrap.clinicInfo .contentWrap{padding-bottom: 0;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid {display: grid;gap: 0px;grid-template-columns: 1fr;justify-content: space-between;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell:last-child{border-bottom: none}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap{padding: 20px 25px;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .mainText {font-size: 20px;margin-bottom: 20px;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .subText{font-size: 12px;line-height: 20px;margin-bottom: 50px;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .priceText {font-size: 12px;line-height: 12px;}
    .pageOutWrap.clinicInfo .contentWrap .clinicWrap .gridWrapper .grid .gridCell .textWrap .priceText .price {font-size: 24px;}

    /*
        *************************** 시술 예약 ****************************
    */

    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right {position: relative;width: 100%;height: auto !important;margin-left: 0px;margin-top: 346px; z-index: 1;}

    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap {margin-top: 120px;padding: 0 0 60px}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap>div {flex-direction: column-reverse;padding: 0;position: relative}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap>div .left .content .leftTop {position: absolute;top: 0;left: 0;width: 100%}
    .pageOutWrap.promotion.appointment .contentWrap .detailWrap .detailTitle {padding: 50px 20px 30px}

    input[class="basic"]:checked+label {width: 20px;height: 20px;background: url(/app/layout/web/images/Icon_InputCheck.png) no-repeat center center;background-size: cover;border: 0;}

    /*
        *************************** 본인확인 ****************************
    */

    .pageOutWrap.payCheck .contentWrap {padding-top: 66px;}
    .pageOutWrap.payCheck .contentWrap .loginBox {width: 100%;margin: 0 auto;margin-top: 50px;padding: 0px 20px;box-sizing: border-box;}
    .pageOutWrap.payCheck .contentWrap .loginBox h4.tit {font-size: 26px;margin-bottom: 15px;}
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap{width: 100%;max-width: 400px;}
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .loginForm {width: 100%;}

    .pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect {gap: 15px;}
    .pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect .selectedCode {padding-left: 20px;}

    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=number] input[type=text],
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=number] input[type=number],
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap input[type=number] input[type=password] {padding-left: 10px;}

    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .mobileWrap button.btnAuto {width: 80px;}

    .pageOutWrap.payCheck .contentWrap .loginBox .noMember .mobileWrap .countryCodeSelect ul {padding: 20px;z-index: 2;}
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk {gap: 10px;}
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember #divMobile input[type=number]{padding-left: 20px;}
/*
    *************************** promotion ****************************
*/

    .pageOutWrap.promotion.appointment .contentWrap{padding-bottom: 0;}
    .pageOutWrap.promotion.appointment .contentWrap.appointment{padding-bottom: 0;}

    .pageOutWrap.promotion.appointment .detailWrap{padding-bottom: 0;}

    .pageOutWrap.promotion.appointment .detailWrap .left {gap: 20px; width: 100%}

    .pageOutWrap.promotion.appointment .contentWrap .detailTitle {padding: 30px 20px;}
    .pageOutWrap.promotion.appointment .contentWrap .detailTitle h2 {font-size: 20px;}
    .pageOutWrap.promotion.appointment .contentWrap .detailWrap .container .left .eventList li {padding: 30px 20px; /*box-sizing: border-box;*/}

    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList {margin-top: 20px;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .labelText{display: flex;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .labelText .proTit {font-family: "PretendardB";font-size: 16px;line-height: 23px;color: #000000;display: block;margin-bottom: 0px;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList span.content {font-size: 12px; line-height: 20px;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .price {display: flex;flex-direction: column;align-items: flex-end;margin-top: 16px;}

    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .price .originPrice{font-family: "PretendardL";font-size: 12px;color: #f18b21;text-decoration: line-through;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .price .salePrice{font-family: "PretendardB";font-size: 20px;color: #000000;display: flex;align-items: flex-end;}
    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .price .salePrice:after {content: '원';font-family: "PretendardL";font-size: 12px;color: #000000;}

    .pageOutWrap.promotion.appointment .detailWrap .container .left .eventList .eventBtn button {font-size: 12px;height: 30px;min-width: 100px;}

    .pageOutWrap.promotion.appointment .detailWrap .container .left .content:last-child .eventList li:last-child{border-bottom: none;}

    .pageOutWrap.promotion.appointment .cartMenu {position: fixed;z-index: 6000;width: 100%;background-color: #f18b21;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;height: 60px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .pageOutWrap.promotion.appointment .cartMenu .cartCount {cursor: pointer;font-family: "PretendardB";font-size: 20px;color: #ffffff;}

    .pageOutWrap.promotion.appointment .productList {position: fixed;bottom: -100%;background-color: #fffaf0;z-index: 9000;border-top-left-radius: 20px;border-top-right-radius: 20px;width: 100%; /*padding: 20px;*/transition: bottom .25s;box-sizing: border-box;}
    .pageOutWrap.promotion.appointment .productList.active {bottom: 0;transition: bottom .25s}
    .pageOutWrap.promotion.appointment .productList .selectWrap{padding: 20px;}

    .pageOutWrap.promotion.appointment .productList .selectWrap .selectList {max-height: 400px;overflow-y: auto;display: flex;flex-direction: column;gap: 8px}
    .pageOutWrap.promotion.appointment .productList .selectWrap .selectList li {border: solid 1px #f18b21;background-color: #ffffff;padding: 10px;display: flex;justify-content: space-between;align-items: center;gap: 10px}
    .pageOutWrap.promotion.appointment .productList .selectWrap .selectList li p {font-family: "PretendardL";font-size: 15px;word-break: keep-all;line-height: 23px;}
    .pageOutWrap.promotion.appointment .productList .selectWrap .selectList li .price {display: flex;flex-direction: initial;align-items: center}
    .pageOutWrap.promotion.appointment .productList .selectWrap .selectList li span {font-family: "PretendardB";font-size: 16px;color: #000000;display: flex;align-items: baseline;}

    .pageOutWrap.promotion.appointment .productList .selectWrap span.cartPrice::after {content: '원';font-family: "PretendardL";font-size: 15px;text-decoration: none;vertical-align: baseline;color: #000000;margin-left: 2px;}

    .pageOutWrap.promotion.appointment .productList .selectWrap .cartWrap {margin: 20px 0 0px}
    .pageOutWrap.promotion.appointment .productList .selectWrap .cartWrap .price {display: flex;align-items: center;justify-content: space-between;flex-direction: row;min-height: 29px}
    .pageOutWrap.promotion.appointment .productList .selectWrap .cartWrap .price p {font-family: "PretendardM";font-size: 16px;margin-right: 4px;color: #000000;}
    .pageOutWrap.promotion.appointment .productList .selectWrap .cartWrap .price small {font-size: 12px;display: inline-block}

    .pageOutWrap.promotion.appointment button.reserveBtn {width: 100%;background-color: #f18b21;}
    .pageOutWrap.promotion.appointment button.reserveBtn a{width: 100%;height: 100%;font-family: "PretendardB";font-size: 20px;line-height: 57px;color: #fff;display: block;}

    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList {background-color: #fff5e1;padding-top: 50px;}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList>ul {padding-bottom: 0px; border-bottom: 1px solid #f18b21}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList>small {margin: 0 0 0 20px;}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList li>div:not(.check-area) {margin: 0 10px;padding: 30px 10px;}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .eventList li:last-child>div{border-bottom: none;}

    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .labelText{gap: 8px;}*/
    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .labelText .proTit {font-family: "PretendardB";font-size: 16px;line-height: 24px;color: #000000;display: block;margin-bottom: 0px;}*/
    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .price{display: flex;flex-direction: column;align-items: flex-end;}*/
    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .price .originPrice{font-family: "PretendardL";font-size: 12px;color: #f18b21;text-decoration: line-through;}*/
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .right .addList .price .originPrice:after{content: "원";margin-left: -2px;}

    input[class="basic"]+label {width: 20px;height: 20px;background: url(/app/layout/web/images/Icon_InputNonCheck.png) no-repeat center center;background-size: contain;}

    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li {margin: 0;padding: 40px 20px;}
    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li h3 {margin-bottom: 30px;}*/
    /*.pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li p {font-size: 16px;}*/
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li:first-child p {padding-bottom: 0;}
    .pageOutWrap.promotion.appointment .contentWrap.appointment .detailWrap .container .left .productDetail>li ul.part2-list li {gap: 15px;}

    .pageOutWrap.appointment.promotion .contentWrap .productList .selectWrap .selectList .price button.del {min-width: 15px;height: 15px;margin-left: 15px;position: relative;background: url(/app/layout/web/images/Icon_close_thin_orange.png) no-repeat center center;background-size: 15px;}

    .pageOutWrap.appointment.promotion .contentWrap .productList .selectWrap .cartWrap .price label.totalPrice {font-family: "PretendardB";font-size: 24px;display: flex;align-items: baseline;}
    .pageOutWrap.appointment.promotion .contentWrap .productList .selectWrap .cartWrap .price label.totalPrice.hide {display: none}
    .pageOutWrap.appointment.promotion .contentWrap .productList .selectWrap .cartWrap .price label.totalPrice::after {content: '원';margin-left: 2px;font-family: "PretendardL";font-size: 16px;text-decoration: none;vertical-align: baseline;color: #333}

    /*.pageOutWrap.appointment.promotion .contentWrap.appointment .productList .selectWrap .cartWrap .price label.totalPrice.foreign::after {content: 'KRW';font-size: var(--font-size-regular);margin-left: 4px}*/

    /*
        *************************** 사이트이용약관&개인정보처리방침 ****************************
    */
    .pageOutWrap.aboutPrivacy .contentWrap {padding: 50px 20px;box-sizing: border-box;}
    .pageOutWrap.aboutPrivacy .contentWrap .container.about {padding-top:60px}
    .pageOutWrap.aboutPrivacy .contentWrap .tit {font-size: 26px;margin-top: 50px; /*display: none*/}

    hr { /*display: none*/height: 3px;margin: 30px auto 50px auto;}

    .pageOutWrap.aboutPrivacy .contentWrap .wrap {width: 100%;margin-bottom: 0}
    .pageOutWrap.aboutPrivacy .contentWrap .wrap textarea {height: 100%;font-size: 12px;line-height: 24px; /*margin: 40px 0;*/padding: 0 15px}
    .pageOutWrap.aboutPrivacy .contentWrap .aboutTabs {width: 100%;height: 45px;margin: 45px auto 0}
    .pageOutWrap.aboutPrivacy .contentWrap .aboutTabs>button {width: 50%;height: 100%;font-size: 15px;text-align: center;}
    .pageOutWrap.aboutPrivacy .contentWrap .aboutTabs .tab:first-of-type {position: relative}
    .pageOutWrap.aboutPrivacy .contentWrap .aboutTabs .tab:first-of-type::after {position: absolute;top: 15px;right: 0;display: block;content: '';width: 1px;height: 20px;}
    .pageOutWrap.aboutPrivacy .contentWrap .aboutTabs>button:hover {background-color: transparent}

    /*
        *************************** 전후사진 ****************************
    */
    .pageOutWrap.bna .contentWrap {padding-top: 67px;}
    .pageOutWrap.bna .contentWrap section.col1 {padding: 0px 20px;margin-top: 50px;}
    .pageOutWrap.bna .contentWrap section.col2 {padding: 0px 20px;}
    .pageOutWrap.bna .contentWrap section.col3 {padding: 50px 20px;}

    .pageOutWrap.bna .contentWrap .title h4 {font-size: 26px;}
    .pageOutWrap.bna .contentWrap .title hr {margin: 30px auto 50px auto;}

    .pageOutWrap.bna .contentWrap .prdList,
    .pageOutWrap.bna .contentWrap .prdList.max {margin: 0 auto;grid-template-columns: 1fr 1fr;display: grid;}
    .pageOutWrap.bna .contentWrap .prdList li {width: 100%;height: 40px;min-width: auto;}
    .pageOutWrap.bna .contentWrap .prdList li span {font-size: 15px;}
    .pageOutWrap.bna .contentWrap .prdList li:nth-child(-n+2) {border-top: 1px solid #f18b21;}
    .pageOutWrap.bna .contentWrap .prdList li:nth-child(2n+1) {border-left: 1px solid #f18b21;}
    .pageOutWrap.bna .contentWrap .prdList li.showBlockM {display: block;}

    .pageOutWrap.bna .contentWrap .subList {width: 100%;margin: 0 auto 50px;}

    .pageOutWrap.bna .contentWrap .picSection img {width: 100%;}
    .pageOutWrap.bna .contentWrap .picDescWrap {width: 100%;max-width: 900px;padding: 0px 10px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
    .pageOutWrap.bna .contentWrap .picDescWrap .picTitle {font-size: 16px;color: #000000;gap: 4px; margin-top: 20px; margin-bottom: 20px}
    .pageOutWrap.bna .contentWrap .picDescWrap a {width: 100%;position: static;transform: none;padding: 10px 0px; text-align: center; margin: 0px 0px 10px 0px}

    /*.pageOutWrap.bna .contentWrap .picDescWrap a {*/
    /*    position: static;*/
    /*    transform: none;*/
    /*}*/

    .pageOutWrap.bna .contentWrap .picArea>button {min-width: 20px;height: 20px;top: 12.5vw;}
    .pageOutWrap.bna .contentWrap .picArea>button.prev {left: 10px;}
    .pageOutWrap.bna .contentWrap .picArea>button.next {right: 10px;}

    .pageOutWrap.bna .contentWrap .bnaWrap {width: 100%;gap: 8px;}
    .pageOutWrap.bna .contentWrap .bnaWrap .bna {width: 50%;gap: 15px;}
    .pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap {font-size: 12px;}
    .pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap .bold {margin-right: 15px;}
    .pageOutWrap.bna .contentWrap .bnaWrap .bna .textWrap .bold:after {left: 7.5px;}

    .pageOutWrap.bna .contentWrap .picList {gap: 20px;}
    .pageOutWrap.bna .contentWrap .picList>div {width: calc(100% / 2 - 10px);gap: 15px;}
    .pageOutWrap.bna .contentWrap .picList span {font-size: 12px;}

    .pageOutWrap.bna .contentWrap .picPaging {margin-top: 50px;gap: 20px;}
    .pageOutWrap.bna .contentWrap .picPaging ul {display: flex;gap: 15px;}
    .pageOutWrap.bna .contentWrap .picPaging li {font-size: 12px;width: 12px;}

    .pageOutWrap.bna .contentWrap .picNotice {padding: 30px 20px 0px 20px;}
    .pageOutWrap.bna .contentWrap .picNotice p {font-size: 12px;}
    .pageOutWrap.bna .contentWrap .picNotice span {font-size: 12px;}
    /*
        *************************** footer ****************************
    */

    .footer {padding: 30px 20px 95px;position: relative;}
    .footer .contentWrap {flex-direction: column;margin-right: 0;}
    .footer .logo_f {margin: 10px 0;width: 87px;}
    .footer .logo_f img {width: 100%;}
    .footer .cont {width: 100%;margin-top: 0;}
    .footer .notice {gap: 10px 0;display: grid;margin-top: 20px;grid-template-columns: repeat(2, 1fr);width: 100%;}
    .footer .notice a {font-size: 14px;}
    .footer .info {display: flex;flex-direction: column;gap: 6px;font-size: 11px;line-height: 24px;letter-spacing: 0px;}
    .footer .right .select {position: absolute;right: 0px;width: 150px;height: 33px;top: 0px;}
    .footer .right .select li a {background-color: #fcfcfc;}
    .footer .right .select button  {padding: 8px 20px 8px 8px;}
    .footer .right .select ul {width: 150px;}
    .footer .cont.right .footerSnsBtn {bottom: unset;position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);}
    .footer .cont.right .footerSnsBtn li {opacity: 1;}

    .footer .eventBtn {bottom: 52px;width: 50px;height: 67px;background-size: contain;}
}



@media(max-width:767px){
    .contentWrap.location .textWrap .subText .showBlockPc.showBlockM{
        display: block !important;
    }
}

@media(max-width:375px){
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk>span {
        font-size: 12px;
    }
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk a{
        line-height: 12px;
    }
    .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk a u, .pageOutWrap.payCheck .contentWrap .loginBox .loginWrap .noMember .smsChk a u font {
        font-size: 12px;
    }
}