/* main
.swiper-slide:not(.swiper-slide-active){
  opacity: 0 !important;
}
.mainVisualArea{position:relative; overflow: hidden; height: 620px; margin-right:0px;}
.mainVisual{position:relative; width:100% !important; max-width: 1600px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.mainVisual.img1{background:url(../images/mainBanner01.png) no-repeat center center / cover;}
.mainVisual.img2 {background: url(../images/mainBanner02.png) no-repeat center center / cover;}
.mainVisual > .smileImg{font-size:0px; background:url(../images/smile.svg) no-repeat center right / contain; position:absolute; right:0px; top:-60px; height:90%; width:50%; opacity: 0.5;}
.mainVisualArea .txtArea{max-width:1280px; width:100%; padding:0 40px; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index:1;}
.mainVisualArea .txtArea > span{color:var(--mainColor); font-size:2rem; font-weight: 600;}
.mainVisualArea .txtArea > .txt{display:flex; margin:40px 0; align-items: center;}
.mainVisualArea .txtArea > .txt > span{text-shadow: 2px 2px 0px rgba(0,0,0,0.3);}
.mainVisualArea .txtArea > .txt > span:first-child{font-size:4.8rem; font-weight:500; color:#fff; line-height: 1.3; margin-right: 20px;;}
.mainVisualArea .txtArea > .txt > span:last-child{font-size:13rem; font-weight: 500; color:var(--mainColor); font-family: 'SangjuDajungdagam';}
.mainVisualArea .txtArea > .barArea{width:90%; position:relative; height:5px;}
.mainVisualArea .txtArea > .barArea > span{height:5px; display: inline-block; position:absolute; top:0px; left:0px;}
.mainVisualArea .txtArea > .barArea > .bg{width:100%; background:#fff; opacity: 0.5;}
.mainVisualArea .txtArea > .barArea > .bar{background:var(--mainColor); width:47%;}
*/


.mainSwiper{overflow:hidden; position:relative;}
.mainSwiper .swiper-slide{width:90% !important; max-width: 1600px; border-radius: 45px; overflow-y: hidden;}
.mainSwiper .swiper-slide > img{width:100%; object-fit: cover;}
.mainSwiper .swiper-slide:after{content:''; display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
/*
.mainSwiper .fixedBox{position:absolute; z-index:1; top:40%; left:50%; transform:translate(-50%, -50%); width:100% !important; max-width: 1600px; padding:0 6rem;}
.mainSwiper .fixedBox > .subTit{font-size:1.5rem; color:var(--mainColor); margin-bottom:2rem;}
.mainSwiper .fixedBox > .mainTit{font-size:5rem;}
.mainSwiper .fixedBox > .mainTit > b{font-weight: 700;}
.mainSwiper .fixedBox > .link{ color: #002968; font-weight: 700; font-size: 1.6rem; display: inline-block; border: 1px solid #002968; width: 182px; height: 48px; line-height: 48px; text-align: center; border-radius: 24px; margin-top: 28px;}
*/
.mainSwiper .txtArea{max-width:1280px; width:100%; padding:0 40px; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index:1;}
.mainSwiper .txtArea > span{color:var(--mainColor); font-size:3rem; font-weight: 600; text-shadow: 2px 2px 0px rgba(0,0,0,0.5);}
.mainSwiper .txtArea > .txt{display:flex; margin:40px 0; align-items: flex-end;}
.mainSwiper .txtArea > .txt > span{text-shadow: 2px 2px 0px rgba(0,0,0,0.5);}
.mainSwiper .txtArea > .txt > span:first-child{font-size:4.8rem; font-weight:500; color:#fff; line-height: 1.3; margin-right: 20px;}
.mainSwiper .txtArea > .txt > span:last-child{font-size:13rem; font-weight: 500; color:var(--mainColor); font-family: 'SangjuDajungdagam';}





.mainCon1{justify-content: space-between;}
.mainCon1 > .txtArea{text-align:center;}
.mainCon1 > .txtArea span{color:var(--mainColor);}
.mainCon1 > .txtArea > .tTxt{font-size:6rem; color:var(--sub2Color); font-weight: 600; line-height: 1.2;}

.mainCon1 > .txtArea > .mTxt{font-size:2.2rem; font-weight: 500; margin:30px 0 10px;}
.mainCon1 > .txtArea > .bTxt{font-size:1.6rem; font-weight: 300; line-height: 1.5; margin-bottom:5rem;}
.mainCon1 > .linkBoxArea > div + div{margin-top:5rem;}
.mainCon1 > .linkBoxArea > div > a{display:flex; gap:20px;}
.mainCon1 > .linkBoxArea > div > a:hover{color:#111;}
.mainCon1 > .linkBoxArea > div > a > .imgArea{width:50%; height:250px; border-radius:20px; overflow:hidden;}
.mainCon1 > .linkBoxArea > div > a > .imgArea.img1{background:url(../images/imgLi01.jpg) no-repeat center center / cover;}
.mainCon1 > .linkBoxArea > div > a > .imgArea.img2{background:url(../images/imgLi02.jpg) no-repeat center bottom / cover;}
.mainCon1 > .linkBoxArea > div > a > .imgArea.img3{background:url(../images/imgLi03.jpg) no-repeat center center / cover;}
.mainCon1 > .linkBoxArea > div > a > .imgArea.img4{background:url(../images/imgLi04.jpg) no-repeat center center / cover;}

.mainCon1 > .linkBoxArea > div > a > .txtArea{width:50%; display: flex; flex-direction: column;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .tit{font-size:2.5rem; margin-bottom:5px;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .con{font-size:15px;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .iconBox{width:7rem; height:6.5rem; border-radius:10px; overflow:hidden; margin-top:auto; margin-left:auto;}
.mainCon1 > .linkBoxArea > div > a > .txtArea.txtAliR > .iconBox{margin-right:auto; margin-left:0;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .iconBox.icon1{background:var(--subColor) url(../images/ico01.svg) center / 80% no-repeat ;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .iconBox.icon2{background:var(--subColor) url(../images/ico02.svg) center / 80% no-repeat ;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .iconBox.icon3{background:var(--subColor) url(../images/ico03.svg) center / 80% no-repeat ;}
.mainCon1 > .linkBoxArea > div > a > .txtArea > .iconBox.icon4{background:var(--subColor) url(../images/ico04.svg) center / 80% no-repeat ;}

/*
.mainCon1 > .linkBoxArea{display: flex;}
.mainCon1 > .linkBoxArea > div + div{margin-left:60px;}
.mainCon1 > .linkBoxArea > div{display:flex; flex-direction: column; gap:40px 0;}
.mainCon1 > .linkBoxArea .linkBox{width:28rem; height:34.5rem; border-radius: 20px;}
.mainCon1 > .linkBoxArea .linkBox.img1{background:url(../images/imgLi01.jpg) no-repeat center center / cover;}
.mainCon1 > .linkBoxArea .linkBox.img2{background:url(../images/imgLi02.jpg) no-repeat center center / cover; margin-top:16rem;}
.mainCon1 > .linkBoxArea .linkBox.img3{background:url(../images/imgLi03.jpg) no-repeat center center / cover;}
.mainCon1 > .linkBoxArea .linkBox.img4{background:url(../images/imgLi04.jpg) no-repeat center center / cover;}

.mainCon1 > .linkBoxArea .linkBox > a{padding:40px 35px; display: inline-block; width:100%; height:100%; color:#fff; position:relative;}
.mainCon1 > .linkBoxArea .linkBox > a > span{font-size:2rem; line-height: 1.3;}
.mainCon1 > .linkBoxArea .linkBox > a > .btnBox{background:url(../images/btnPlus.svg) no-repeat center center / cover; width:25px; height:25px; position: absolute; bottom:35px; right:40px;}

.mainCon1 > .linkBoxArea .linkBox > a > .iconBox{width:7rem; height:6.5rem; position:absolute; bottom:35px; left:40px;}
.mainCon1 > .linkBoxArea .linkBox > a > .iconBox.icon1{background:url(../images/ico01.svg) left center / contain no-repeat ;}
.mainCon1 > .linkBoxArea .linkBox > a > .iconBox.icon2{background:url(../images/ico02.svg) left center / contain no-repeat ;}
.mainCon1 > .linkBoxArea .linkBox > a > .iconBox.icon3{background:url(../images/ico03.svg) left center / contain no-repeat ;}
.mainCon1 > .linkBoxArea .linkBox > a > .iconBox.icon4{background:url(../images/ico04.svg) left center / contain no-repeat ;}
*/

.mainCon2{justify-content: space-between;}
.noticeArea{background:#fff; padding:30px 40px 15px; border-radius: 20px; box-shadow: 0 0 20px 0px rgba(0,0,0,0.2); max-width:720px; width:100%; margin-right:2rem;}
.noticeArea .tit{font-size:1.4rem; font-weight: 500; color:var(--mainColor); border:1px solid var(--mainColor); padding:5px 10px; border-radius: 20px; display: inline-block;}
.noticeArea > ul > li{display:flex; padding:1.5rem 0; justify-content: space-between; align-items:center;}
.noticeArea > ul > li:not(:last-child){border-bottom:1px solid #dddddd;}
.noticeArea > ul > li > .txt{font-size:1.6rem; min-width: 0px; margin-right:20px; }
.noticeArea > ul > li > .txt > a{display:block; width:100%; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.noticeArea > ul > li > .addDay{font-size:1.4rem; color:#999; font-weight: 500;flex-shrink: 0;}

.rsBtnArea{background:var(--mainColor); border-radius: 20px; width:440px; }
.rsBtnArea > a{padding:45px 40px; display: flex; flex-direction: column; width:100%; height:100%;}
.rsBtnArea .topArea{display: flex; align-items: flex-end; justify-content:space-between;}
.rsBtnArea .topArea > .tit > span{display:block;}
.rsBtnArea .topArea > .tit > .sTxt{font-size:1.6rem; font-weight:600; color:var(--subColor);}
.rsBtnArea .topArea > .tit > .mTxt{font-size:3rem; font-weight: 600; color:#fff; margin-top:1rem;}
.rsBtnArea .topArea > .icon{width:45px; height:45px;}
.rsBtnArea .topArea > .icon > img{width:100%; object-fit: cover;}
.rsBtnArea .txtArea{font-size:1.6rem; color:#fff; margin-top:auto; line-height: 1.3;}

.appDownWrap{background:url(../images/imgAppdown.jpg) no-repeat center center / cover; height:67rem; display: flex; align-items: center;}
.appDownWrap > .appDownArea > .txt{font-size:5.2rem; color:#fff; line-height: 1.5; font-weight: 500;}
.appDownWrap > .appDownArea > .buttonArea{display:flex; margin-top:8rem;}
.appDownWrap > .appDownArea > .buttonArea > .appBtn{font-size:2rem; font-weight: 500; color:#fff; border:1px solid #6a6e70; background:rgba(1, 1, 1, 0.6); width:230px; display: flex; justify-content: center; border-radius: 10px; align-items: center; padding:20px;}
.appDownWrap > .appDownArea > .buttonArea > .appBtn + .appBtn{margin-left:10px;} 
.appDownWrap > .appDownArea > .buttonArea > .appBtn.google::before{content:''; display:inline-block; color:#fff; font-size:3rem; margin-right:10px; width:30px; height:30px; background:url(../images/google.png) no-repeat center / cover;}
.appDownWrap > .appDownArea > .buttonArea > .appBtn.apple::before{content: "\ebb6"; font-family:'xeicon'; display:inline-block; color:#fff; font-size:3rem; margin-right:10px;}

.pcbr{display:inline-block;}


/* login */
.loginArea{width:100%; max-width: 440px; margin:0 auto; padding:10rem 20px;}
.loginArea > h2{font-size:3.2rem; font-weight: 500; text-align: center; margin-bottom:6rem;}
.loginArea > form > input{width:100%;}
.loginArea > form > input:first-child{margin-bottom:10px;}

.loginArea .optionBox{display:flex; justify-content:space-between; padding:15px 0;}
.loginArea .optionBox > .btnArea{display:flex;}
.loginArea .optionBox > .btnArea > li{font-size:1.4rem; color:var(--textColor); font-weight: 500;}
.loginArea .optionBox > .btnArea > li + li::before{content: '/'; display: inline-block; padding:0 5px;}

.loginArea .snsLoginWrap{margin-top:6rem; position:relative; border-top:1px solid #ddd; padding:30px 0;}
.loginArea .snsLoginWrap > .tit{background:#fff; font-size:1.4rem; color:#777777; padding:0 10px; position:absolute; left:50%; top:-7px; transform:translateX(-50%);}
.loginArea .snsLoginWrap > .btnArea{display:flex; justify-content: space-between;}
.loginArea .snsLoginWrap > .btnArea > button{width:calc(50% - 5px);}
.loginArea .snsLoginWrap > .btnArea > button > .icon{width:20px; height: 20px; display: inline-block;}
.loginArea .snsLoginWrap > .btnArea > button.naver{background:#20c660; color:#fff;}
.loginArea .snsLoginWrap > .btnArea > button.naver > .icon{background:url(../images/sns_login_naver.svg) no-repeat center / cover;}
.loginArea .snsLoginWrap > .btnArea > button.kakao{background:#f4e332; color:#221713;}
.loginArea .snsLoginWrap > .btnArea > button.kakao > .icon{background:url(../images/sns_login_kakao.svg) no-repeat center / cover;}

.loginArea .singUpBtn > a{background:#69809e; border-radius: 15px; padding:40px 30px; display:inline-block; width:100%;}
.loginArea .singUpBtn .top{display:flex; justify-content: space-between; align-items: center;}
.loginArea .singUpBtn .top > .txt{font-size:2.4rem; color:#fff; line-height: 1.4;}
.loginArea .singUpBtn .top > .icon{width:7.5rem; height:7.5rem; background:#dfedff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.loginArea .singUpBtn .top > .icon > img{width: 100%; object-fit: cover;}
.loginArea .singUpBtn .footTxt{font-size:1.6rem; font-weight: 500; text-decoration: underline; color:#fff; margin-top:2rem;}


/* singUp */
.singUpArea{width:100%; max-width: 440px; margin:0 auto; padding:10rem 20px;}
.singUpArea > h2{font-size:3.2rem; font-weight: 500; text-align: center; margin-bottom:6rem;}

.singTypeArea .typeBtn{padding:4rem 4.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border:2px solid #ddd; border-radius: 20px;}
.singTypeArea .typeBtn + .typeBtn{margin-top:20px;}
.singTypeArea .typeBtn > .txt{font-size:2.4rem; line-height: 1.3;}
.singTypeArea .typeBtn > .txt > span{font-weight: 500;}
.singTypeArea .typeBtn > .icon{width:8rem; height:8rem; border-radius: 50%; background:#e9f3ff; display: flex; align-items: center; justify-content: center;}
.singTypeArea .typeBtn > .icon > img{width:100%; object-fit: cover;}

.singTypeArea .typeBtn.on{border-color:var(--mainColor); background:#e9f7ff;}
.singTypeArea .typeBtn.on > .icon{background:#fff;}

.singUpArea .btnArea{margin-top:6rem; display: flex; justify-content: center;} 
.singUpArea .btnArea > button{padding:0 4rem;}
.singUpArea .btnArea > button + button{margin-left:10px;}

/* agree */
.agreeWrap{width:100%; max-width: 440px; margin:0 auto; padding:10rem 20px;}
.agreeWrap > h2{font-size:3.2rem; font-weight: 500; text-align: center; margin-bottom:6rem;}

.agreeArea .agreeBox{border:2px solid #ddd; border-radius: 10px;}
.agreeArea .agreeBox + .agreeBox{margin-top:2rem;}
.agreeArea .agreeBox > .top{padding:15px; display: flex; align-items: center; justify-content: space-between;}
.agreeArea .agreeBox > .top > span{font-size:1.5rem; font-weight: 300;}
.agreeArea .agreeBox > .bottom{padding:15px; height:160px; overflow-y: auto; border-top:2px solid #ddd;}
.agreeArea .agreeBox > .bottom > p{font-size:13px; color:#777777; line-height: 1.5; text-align: justify;}

.agreeWrap .btnArea{margin-top:6rem; display: flex; justify-content: center;} 
.agreeWrap .btnArea > button{padding:0 4rem;}
.agreeWrap .btnArea > button + button{margin-left:10px;}
@media (min-width: 769px) {
    /* 스크롤바 리뉴얼 */
    .agreeArea .agreeBox > .bottom::-webkit-scrollbar{
        width:5px;
    }

    .agreeArea .agreeBox > .bottom::-webkit-scrollbar-thumb{
        background:#999;
        border-radius: 10px;
    }

    .agreeArea .agreeBox > .bottom::-webkit-scrollbar-track{
        background:#ddd;
    }
}


/* joinFrom */
.joinWrap{width:100%; max-width: 640px; margin:0 auto; padding:10rem 20px;}
.joinWrap > h2{font-size:3.2rem; font-weight: 500; text-align: center; margin-bottom:6rem;}

.formItem + .formItem{margin-top:35px;} 
.formItem > label{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}
.formItem > label.required::after{content:''; width:5px; height:5px; border-radius: 50%; background:#2b76ff; display:inline-block; margin-left:5px;} 
.formItem > .tit{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}
.formItem > .tit.required::after{content:''; width:5px; height:5px; border-radius: 50%; background:#2b76ff; display:inline-block; margin-left:5px;} 
.formItem > .select_box{width:50%;}
.formItem > input{width:100%;}
.formItem > input:nth-of-type(2){margin-top:10px;}
.formItem > label + span{font-size:12px; color:#777; margin:3px 0 10px; display:inline-block;}
.formItem > .btnInput{gap:10px;}
.formItem > .btnInput > input{width:100%;}
.formItem > .btnInput > .btn{flex-shrink: 0;}

.notice{font-size:1.4rem; color:#777777; margin-top:10px; padding-left:15px; position:relative; display: inline-block;}
.notice::before{content:'-'; display:inline-block; position:absolute; left:0;}
.notice + .notice{margin-top:5px;} 

.notice2{font-size:1.4rem; color:#777777; margin-top:10px; padding-left:25px; position:relative; display: inline-block;}
.notice2::before{content:'ex)'; display:inline-block; position:absolute; left:0;}

.notice3{font-size:1.4rem; color:#777777; margin-top:10px; padding-left:15px; position:relative; display: inline-block;}
.notice3::before{content:'※'; display:inline-block; position:absolute; left:0;}
.notice3 + .notice{margin-top:5px;}

.notice4{font-size:1.4rem; color:#777777; margin-top:10px; padding-left:15px; position:relative; display: inline-block; width:100%;}
.notice4::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--mainColor); display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.notice4 + .notice4{margin-top:5px;}
.conArea > .tit + .notice4{margin-top:0px;} 

.formItem > .datePicker{border:0px; width:50%;}
.formItem > .datePicker > input{border: 2px solid #dddddd; padding: 0 10px; height: 50px; font-weight: 500; font-size: 16px; border-radius: 10px; background:transparent !important;}
.formItem > .datePicker > .dateBtn{right:10px;}

.formItem.btnBox > div{display:flex; align-items: center;}
.formItem.btnBox > div > input{flex:1; width:auto; min-width:150px;}
.formItem.btnBox > div > button{margin-left:5px; min-width:fit-content;}

.formItem.btnBox.phone > div > input{flex:1; width:auto; min-width:150px;}
.formItem.btnBox.phone > div > button{margin-left:0px; margin-right:5px; min-width:fit-content;}

.joinWrap .btnArea{margin-top:6rem; display: flex; justify-content: center;} 
.joinWrap .btnArea > button{padding:0 4rem;}
.joinWrap .btnArea > button + button{margin-left:10px;}

.joinArea .flexBox{flex-direction:row !important;}
.joinArea .flexBox > input{width:calc(50% - 5px);}
.joinArea .flexBox + input{margin-top:10px;}


/* 과목선택부분 */
.joinArea .formItem > .tit{font-size:2.4rem; margin-bottom:20px; font-weight: 500; display: flex; align-items: center;}
.joinArea .formItem > .tit > span{color:var(--mainColor); font-size: 2.6rem; font-weight: 600; margin-right:5px;}

.formItem > .itemList{display:flex; flex-wrap: wrap; gap: 10px;}
.formItem > .itemList > .item{width: calc((100% / 3) - 7px) !important;}
.formItem > .itemList > .item + .item{margin-left:0;}
.formItem > .itemList > .checkbox > label{background:#f1f1f1; border-radius: 1rem; padding:1.5rem; display: flex; align-items: center; justify-content: space-between; height:100%;}
.formItem > .itemList > .checkbox > label > span + .styledBox{margin-left:10px;}
.formItem > .itemList > .checkbox > label > .styledBox{background:#cccccc; border:0px; border-radius: 50%;}
.formItem > .itemList > .checkbox > label > .styledBox:after{color:#f1f1f1;}
.formItem > .itemList > .checkbox > input[type=checkbox]:checked + label > .styledBox{background-color: var(--mainColor);}
.formItem > .itemList > .checkbox > input[type=checkbox]:checked + label > .styledBox:after{color:#fff;}


/* sub 공용 */
.subWrap{width:100%; max-width: 640px; margin:0 auto; padding:10rem 20px;}
.subWrap > h2{font-size:3.2rem; font-weight: 600; text-align: center; margin-bottom:1.5rem;}
.subWrap > h2.sigl{margin-bottom:4rem;}
.conArea + .conArea{margin-top:10rem;}
.subWrap.type2{max-width:1280px; padding:10rem 40px;}


.conArea > form > .tit,
.conArea > .tit{font-size:2.4rem; font-weight:600; margin-bottom:3rem; color:#111;}
.conArea > form > .subTit,
.conArea > .subTit{font-size:1.8rem; font-weight:600; display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.conArea > form > .subTit.noBtn,
.conArea > .subTit.noBtn{margin-bottom:20px;}
.conArea > form > .btnArea, 
.conArea > .btnArea{display:flex; justify-content:center; align-items:center; margin-top:4rem;}

.subWrap > .pgNavi{display:flex; justify-content: center; align-items:center; margin-bottom:4rem;}
.subWrap > .pgNavi > li{font-size:14px; color:#777777; font-weight: 600;}
.subWrap > .pgNavi > li + li::before{content: "\e93e"; display: inline-block; font-family: "xeicon"; color:#e2e2e2; padding:0 10px;}
.subWrap > .pgNavi > li.home{font-size:0px;}
.subWrap > .pgNavi > li.home::after{content: "\e902"; display: inline-block; font-family: "xeicon"; font-size:20px; font-weight: 500;}

.subWrap > .btnArea{margin-top:6rem; display: flex; justify-content: center;} 
.subWrap > .btnArea button{padding:0 4rem;}
.subWrap > .btnArea > a + button,
.subWrap > .btnArea > button + button{margin-left:10px;}

.subWrap > .myInfoEdit > .btnArea{display:flex; justify-content:center; margin-top:6rem; }
.subWrap > .myInfoEdit > .btnArea > li{font-size:1.4rem; color:var(--textColor); font-weight: 500;}

.subWrap .tableWrap .tr{ display: flex; border-bottom:1px solid #ddd;}
.subWrap .tableWrap .tr:first-child{border-top:1px solid #ddd;}
.subWrap .tableWrap .tr > .th{color:#777777; font-size:14px; font-weight: 300; width:25%; min-width: 150px; flex-shrink: 0; display:flex; justify-content:space-between; align-items:center;}
.subWrap .tableWrap .tr > .th > a{font-size:12px; color:var(--mainColor); font-weight:600;}
.subWrap .tableWrap .tr > .td{font-size:14px; width:calc(100% - 150px);}
.subWrap .tableWrap .tr > .th,
.subWrap .tableWrap .tr > .td{padding:2rem 1.5rem;}

.subWrap .tableWrap > .listTable > .tr{justify-content:space-between;}
.subWrap .tableWrap > .listTable > .tr > .td{width:auto;}

.tabArea{display:none; margin-top:5rem;}
.tabArea.on{display:block;}

/* suvVisual */
.subTop{padding-top:10rem;}
.subTop > h2{font-size:3.2rem; font-weight: 600; text-align: center; margin-bottom:1.5rem;}

.subTop > .pgNavi{display:flex; justify-content: center; align-items:center; margin-bottom:4rem;}
.subTop > .pgNavi > li{font-size:14px; color:#777777; font-weight: 600;}
.subTop > .pgNavi > li + li::before{content: "\e93e"; display: inline-block; font-family: "xeicon"; color:#e2e2e2; padding:0 10px;}
.subTop > .pgNavi > li.home{font-size:0px;}
.subTop > .pgNavi > li.home::after{content: "\e902"; display: inline-block; font-family: "xeicon"; font-size:20px; font-weight: 500;}

.subTop > .suvVisual{display:flex; justify-content:center; align-items:center; background:url(../images/serviceMainBg.png) no-repeat center / cover; height:56.9rem;}
.subTop > .suvVisual > .txtBox{display:flex; justify-content: space-between; max-width: 1280px; width:100%; height:60%; padding: 0 40px;}
.subTop > .suvVisual > .txtBox > .m > span{display:block;}
.subTop > .suvVisual > .txtBox > .m > span + span{margin-top:4rem;}
.subTop > .suvVisual > .txtBox > .m > span:first-child{font-size:2rem; color:#fff;}
.subTop > .suvVisual > .txtBox > .m > span:nth-of-type(2){font-size:4rem; color:#fff; font-weight:bold; background:var(--mainColor);}
.subTop > .suvVisual > .txtBox > .s{font-size:2.8rem; color:#fff; font-weight:bold; margin-top:auto;}
.subTop > .suvVisual > .txtBox > .s > span{font-size:2rem; color:#fff; display:block; margin-top:2.4rem;}

.subTop + section{margin-top:0px;}

/* 서비스 소개 */
.serviceWrap{padding:12rem;}
.serviceWrap > .conArea + .conArea{margin-top:16rem;}

.service > .textBox{display:flex; align-items:flex-start; justify-content:space-between;}
.service > .textBox > span:first-child{font-size:2.4rem; font-weight:bold; width:211px; flex-shrink: 0;}
.service > .textBox > span:nth-of-type(2){font-size:16px; max-width:680px; width:100%; margin-left:40px;}
.service > .imgBox{margin-top:60px;}
.service > .imgBox > img{max-width:1050px; object-fit:cover; margin:0 auto; display:block;}


/* 서치영역 */
.searchArea{margin:4rem 0 3rem; display:flex; aligin-items:center;}

.searchArea .select_box{width:calc(100% - 331px - 87.4px);}
.searchArea .dateWrap{display:flex; align-items: center; margin-left:20px; height:50px;}
.searchArea .dateWrap > .datePicker{max-width:140px; position: relative;}
.searchArea .dateWrap > .datePicker > input{height:50px; background: transparent;}
.searchArea .dateWrap > .datePicker + .datePicker{margin-left:31px;}
.searchArea .dateWrap > .datePicker + .datePicker::before{content: "~"; display: inline-block; font-size:20px; position: absolute; top:50%; left:-22px; transform: translateY(-50%);} 
.searchArea > button{margin-left:20px;}

/* 서비스 내역 */
.subWrap > .service > .tabButton{margin-top:20px;}
.subWrap > .service > .svListBox:first-of-type{margin-top:4rem;}
.service .tabButton{display:flex; align-items: center; justify-content: center; margin-bottom:5rem;}
.service .tabButton > label{font-size:14px; color:#777777; font-weight: 500; cursor: pointer; position:relative;}
.service .tabButton > label:nth-of-type(2){margin-left:21px;}
.service .tabButton > label:nth-of-type(2):before{content:''; display: inline-block; height:15px; width:1px; background:#dddddd; position:absolute; top:50%; transform:translateY(-50%); left:-10px;}
.service .tabButton > input[type=radio]:checked + label{color:#111;}

.service .svListBox{border-radius: 20px; overflow: hidden;}
.service .svListBox + .svListBox{margin-top:30px;} 
.service .svListBox .state{padding:7px 15px; font-weight: 500; border-radius: 20px; display: inline-block;}
.service .svListBox .state.type0{background:var(--mainColor); color:#fff;}
.service .svListBox .state.type1{background:#2b76ff; color:#fff;}
.service .svListBox .state.type2{background:#fed130; color:#111;}
.service .svListBox .state.type3{background:#9e7f69; color:#fff;}
.service .svListBox .state.type4{background:#777777; color:#fff;}

.service .svListBox:not(.type0){background:#fff; box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);}
.service .svListBox:not(.type0) > .con{padding:40px 40px 20px;}
.service:not(.caddy) .svListBox:not(.type0) > .con > .top{display: flex;}

.service .svListBox:not(.type0) .con > .top > .info{min-width:calc(100% - 130px);}
.service .svListBox:not(.type0) .con > .top > .info + .photo{margin-left:30px;}
.service .svListBox:not(.type0) .con > .top > .info > .nameInfo{display: flex; align-items: center; margin-top:10px;}
.service .svListBox:not(.type0) .con > .top > .info > .nameInfo > .name{font-size:2.4rem; font-weight: 600;}
.service .svListBox:not(.type0) .con > .top > .info > .nameInfo > .info{color:#777777; font-size:1.6rem; font-weight: 300; margin-left:10px;}

.service .svListBox:not(.type0) .con > .top > .info > .aboutMe{color:#777777; font-size:1.6rem; margin:15px 0 5px; line-height: 1.3; }
.service .svListBox:not(.type0) .con > .top > .info > .aboutMeBtn{color:#111; text-decoration: underline; font-size:1.5rem; margin-bottom:15px;}

.service .svListBox:not(.type0) .con > .top > .info > .career{display: flex; font-size:1.6rem; margin-bottom:20px;}
.service .svListBox:not(.type0) .con > .top > .info > .career > .tit{margin-right:5px; font-weight: 300;}
.service .svListBox:not(.type0) .con > .top > .info > .career > .con{font-weight:600;}

.service .svListBox:not(.type0) .con > .top > .info a{font-weight: 600; padding-right:25px; position:relative; height:20px; display: inline-block; line-height: 1.5; margin-left:auto;}
.service .svListBox:not(.type0) .con > .top > .info a:after{content: "\e93f"; font-family: 'xeicon'; display: inline-block; font-size: 20px; font-weight: 300; position:absolute; right:0px; top: 50%; transform:translateY(-50%);}

.service .svListBox:not(.type0) .con > .top > .info > .userInfo{margin:25px 0 20px;}
.service .svListBox:not(.type0) .con > .top > .info > .userInfo > li > span{color:#777777; font-size:1.4rem; width:60px;}
.service .svListBox:not(.type0) .con > .top > .info > .userInfo > li{font-size:1.6rem; display: flex; align-items: center;}
.service .svListBox:not(.type0) .con > .top > .info > .userInfo > li + li{margin-top:1rem;}

.service .svListBox:not(.type0) .con > .top > .photo > .imgArea{width:100px; height:100px; border-radius: 50%; overflow: hidden;}
.service .svListBox:not(.type0) .con > .top > .photo > .imgArea > img{width:100%; height:100%; object-fit: cover;}


.service .svListBox:not(.type0) .con > .mid{display:flex; justify-content: space-between; border-top:1px solid #ddd; padding:20px 0;}
.service .svListBox:not(.type0) .con > .mid > ul{display: flex;}
.service .svListBox:not(.type0) .con > .mid > ul > li{display:flex; align-items: center;}
.service .svListBox:not(.type0) .con > .mid > ul > li + li::before{content:''; display: inline-block; height:15px; width:1px; background:#dddddd; margin:0 20px;}
.service .svListBox:not(.type0) .con > .mid > ul > li > .tit{font-size:1.6rem; margin-right:5px;}
.service .svListBox:not(.type0) .con > .mid > ul > li > span:nth-of-type(2){font-size:1.8rem; color:var(--mainColor); font-weight: 600;}
.service .svListBox:not(.type0) .con > .mid > ul > li > span:nth-of-type(3){font-size:1.4rem; color:#777777;}
.service .svListBox:not(.type0) .con > .mid > a{font-weight: 600; padding-right:25px; position:relative; height:20px; display: inline-block; line-height: 1.5;}
.service .svListBox:not(.type0) .con > .mid > a:after{content: "\e93f"; font-family: 'xeicon'; display: inline-block; font-size: 20px; font-weight: 300; position:absolute; right:0px; top: 50%; transform:translateY(-50%);}
.service .svListBox:not(.type0) .con > .mid > span{color:#777;}

.service .svListBox:not(.type0) .con > .payInfo{display:flex; justify-content: space-between; align-items: center; border-top:1px solid #ddd; padding-top:20px;}
.service .svListBox:not(.type0) .con > .payInfo > span{font-size:14px; color:#777777;}
.service .svListBox:not(.type0) .con > .payInfo > div{color:#111; font-size:20px; font-weight: 800;}
.service .svListBox:not(.type0) .con > .payInfo > div > span{font-family:"nexonLv2"; font-size:14px; font-weight: 300; padding-left:2px;}

.service .svListBox:not(.type0) .con > .payInfo + .btnArea{padding-top:20px;} 

.service .svListBox:not(.type0) .con > .btnArea{display:flex; justify-content: space-between;}
.service .svListBox:not(.type0) .con > .btnArea > button{width:calc((100% / 2) - 5px); display: flex; align-items: center; justify-content: center;}
.service .svListBox:not(.type0) .con > .btnArea > button > span{color:#fff; background:var(--mainColor); font-size:13px; padding: 5px; width:auto; min-width:20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 20px; margin-left:5px;}
.service .svListBox:not(.type0) .con > .btnArea.col1 > button{width:100%;}
.service .svListBox:not(.type0) .con > .btnArea.col3 > button{width:calc((100% / 3) - 5px);}


.service .svListBox.type0{border:2px solid var(--mainColor);}
.service .svListBox.type0 .head{display: flex; justify-content: space-between; align-items:center; background:#dfebff; padding:10px 15px;}
.service .svListBox.type0 .head > .name{font-size:14px; color:#444444;}
.service .svListBox.type0 .patientInfo{padding:20px 15px; font-size:14px; text-align: center; border-bottom:1px solid #dddddd;}
.service .svListBox.type0 .patientInfo > span{font-weight: 500; font-size:18px;}
.service .svListBox.type0 .patientInfo2{padding:15px 10px; border-bottom:1px dashed #dddddd;}
.service .svListBox.type0 .patientInfo2 > ul{display:flex; justify-content: space-around;}
.service .svListBox.type0 .patientInfo2 > ul > li{color:#111; font-size:16px;}
.service .svListBox.type0 .patientInfo2 > ul > li > span{font-size:12px; color:#777777; display: block;  margin-bottom:15px;}
.service .svListBox.type0 .payInfo{display: flex; justify-content: space-between; align-items:center; padding:15px;}
.service .svListBox.type0 .payInfo > span{font-size:14px; color:#777777;}
.service .svListBox.type0 .payInfo > div{color:#111; font-size:20px; font-weight: 800;}
.service .svListBox.type0 .payInfo > div > span{font-family:"nexonLv2"; font-size:14px; font-weight: 300; padding-left:2px;}
.service .svListBox.type0 .btnArea{padding:0 15px 15px;}
.service .svListBox.type0 .btnArea.col1 > button{width:100%;}
.service .svListBox.type0 .btnArea.col2{display:flex; justify-content: space-between;}
.service .svListBox.type0 .btnArea.col2 > button{width:calc((100% / 2) - 5px); display: flex; align-items: center; justify-content: center;}

.service .svListBox.type1 .bottom{font-size:14px; color:#111; background:#dfebff; text-align: center; padding:15px 10px;}
.service .svListBox.type2 .bottom{font-size:14px; color:#111; background:#fff8e0; text-align: center; padding:15px 10px;}
.service .svListBox.type3 .bottom{font-size:14px; color:#111; background:#f1ece9; text-align: center; padding:15px 10px;}
.service .svListBox.type4 .bottom{font-size:14px; color:#111; background:#ebebeb; text-align: center; padding:15px 10px;}

.service .svListBox.tabCon{display:none;}
.service .svListBox.tabCon.view{display:block;}


/* 서비스 상세 내역 */
.resultPhotoArea{display:flex; gap:0 10px;}
.resultPhotoArea > div{width:calc(100% - 5px);}
.resultPhotoArea > div > .t{font-size:1.8rem; font-weight:600; margin-bottom:10px;}
.resultPhotoArea > div > .photo{background:#f1f1f1; height:calc(100% - 30.8px); border-radius:20px; overflow:hidden; border:1px solid #cccccc; display:flex; align-items:center;}
.resultPhotoArea > div > .photo > img{width:100%; object-fit:cover; margin-bottom: -3px;}


/* 만족도조사 팝업 */
.starArea{text-align: center;}
.starArea > span{font-size:2rem; font-weight: 600; margin-bottom:1.5rem; display: inline-block;}
.starArea > ul{display:flex; justify-content: center; align-items: center;}
.starArea > ul > li{font-size:0px; cursor: pointer;}
.starArea > ul > li + li{margin-left:10px;}
.starArea > ul > li.star::after{content: "\ea16"; display: inline-block; font-family: 'xeicon'; font-size: 4rem; color:#bbb;}
.starArea > ul > li.star.on::after{content: "\ea0f"; color:#0EB0C6;}

.modalPopArea .textArea{margin:40px 0 20px;}
.modalPopArea .textArea > span{font-size:1.4rem; color:#777777; padding-left:15px; position:relative; display: inline-block; line-height: 1.5;}
.modalPopArea .textArea > span + span{margin-top:10px;}
.modalPopArea .textArea > span::before{content:'-'; display:inline-block; position:absolute; left:0;}

.modalPopArea button.confirmBtn,
.modalPopArea button[type=submit]{margin: 2rem auto 0 auto; display: block; padding:0 30px;}

.modalPopArea .formItem > span{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}
.modalPopArea .formItem + .formItem{margin-top:20px;}


/* 스케줄 관리 */
.schedule .top{display: flex; justify-content: space-between; align-items: center; margin:4rem 0 3rem;}
.dateWrap > .select_box{border:none !important; height: auto; line-height: 1;}
.dateWrap > .select_box > select{font-size:2.4rem;}
.dateWrap > .select_box > select > option{font-size:14px;}

.subWrap .scheduleList > .tableWrap .th,
.subWrap .scheduleList > .tableWrap .td{width:auto; min-width: 0px;}
.subWrap .scheduleList > .tableWrap .td.settingIcon{position:relative; }
.subWrap .scheduleList > .tableWrap .td.settingIcon::before{content: "\e986"; display: inline-block; font-family:'xeicon'; color:#777; font-size:20px; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); cursor: pointer;}
.subWrap .scheduleList > .tableWrap .tr > div:first-child{width:82px;}

.subWrap .scheduleList > .tableWrap .tr > div:nth-of-type(2){width:calc(100% - 132px);}

.subWrap .scheduleList > .tableWrap .tr > div:nth-of-type(3){width:50px;}

.subWrap .scheduleList > .tableWrap .thead .tr > .th{padding:1rem 1.5rem;}
.subWrap .scheduleList > .tableWrap .tbody .tr:first-child{border-top:0px;}


/* 스케줄 전체설정 팝업 */
.allschedulePop .formItem{display: inline-block; width: 100%;}
.allschedulePop .timelistWrap .formItem:first-of-type{margin-top:30px;}
.allschedulePop .formItem + .formItem{margin-top:20px;} 
.allschedulePop .formItem > span{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}
.allschedulePop .formItem > span.required::after{content:''; width:5px; height:5px; border-radius: 50%; background:#2b76ff; display:inline-block; margin-left:5px;} 

.allschedulePop .formItem > .itemList > .item{width: calc((100% / 4) - 8px) !important;}
.allschedulePop .formItem > .timeWrap{display:flex; justify-content: space-between;}
.allschedulePop .formItem > .timeWrap > .timeInput{width:calc((100% / 2) - 15.5px); position:relative;}
.allschedulePop .formItem > .timeWrap > .timeInput + .timeInput::before{content: "~"; display: inline-block; font-size:20px; position: absolute; top:50%; left:-22px; transform: translateY(-50%);} 
.timeInput > input{width:100%;}

/* 스케줄 개별설정 팝업 */
.schedulePop .formItem{display: inline-block; width: 100%;}
.schedulePop .timelistWrap .formItem:first-of-type{margin-top:30px;}
.schedulePop .formItem + .formItem{margin-top:20px;} 
.schedulePop .formItem > span{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}
.schedulePop .formItem > span.required::after{content:''; width:5px; height:5px; border-radius: 50%; background:#2b76ff; display:inline-block; margin-left:5px;} 

.schedulePop .formItem > .itemList > .item{width: calc((100% / 4) - 8px);}
.schedulePop .formItem > .timeWrap{display:flex; justify-content: space-between;}
.schedulePop .formItem > .timeWrap > .timeInput{width:calc((100% / 2) - 15.5px); position:relative;}
.schedulePop .formItem > .timeWrap > .timeInput + .timeInput::before{content: "~"; display: inline-block; font-size:20px; position: absolute; top:50%; left:-22px; transform: translateY(-50%);} 


/* 정산관리 */
.payInfo .searchWrap{display:flex; align-items: center; justify-content: center; margin:4rem 0 3rem;}
.payInfo .searchWrap > .datePicker{max-width:165px; position: relative;}
.payInfo .searchWrap > .datePicker > input{background:none;}
.payInfo .searchWrap > .datePicker + .datePicker{margin-left:31px;}
.payInfo .searchWrap > .datePicker + .datePicker::before{content: "~"; display: inline-block; font-size:20px; position: absolute; top:50%; left:-22px; transform: translateY(-50%);} 
.payInfo .searchWrap > button{margin-left:20px;}

.payInfo .top{display: flex; align-items: center; justify-content: space-between; margin-bottom:15px;}
.payInfo .top > .total{font-size:14px;}
.payInfo .top > .total > span{font-weight: 600;}

.payListWrap .payListBox{border:2px solid var(--mainColor); border-radius: 20px; overflow: hidden;}
.payListWrap .payListBox + .payListBox{margin-top:30px;}
.payListWrap .payListBox > .head{display: flex; justify-content: space-between; align-items:center; background:#dfebff; padding:10px 15px;}
.payListWrap .payListBox > .head > span{font-size:14px; color:#444444;}
.payListWrap .payListBox > .info{padding:20px 15px; display: flex; justify-content: space-between;}
.payListWrap .payListBox > .info .tit{color:#777777; font-size:12px; margin-bottom:10px;}
.payListWrap .payListBox > .info > li > ul > li{font-size:14px; font-weight: 600;}
.payListWrap .payListBox > .info > li > ul > li + li{margin-top:5px;}
.payListWrap .payListBox > .payInfo{display: flex; justify-content: space-between; align-items:center; padding:15px; border-top:1px dashed #dddddd;}
.payListWrap .payListBox > .payInfo > span{font-size:14px; color:#777777;}
.payListWrap .payListBox > .payInfo > div{color:#111; font-size:16px; font-weight: 800; display: flex; align-items: center; line-height: 1;}
.payListWrap .payListBox > .payInfo > div > span{font-weight: 300; padding-left:5px; color:#777; font-size:14px;}
.payListWrap .payListBox > .payInfo > div.noPay{color:#f82d2d;}


/* 서비스신청 */
.userListBox{border:2px solid #ddd; border-radius: 20px; overflow: hidden; background:#fff;}
.userListBox + .userListBox{margin-top:30px;}
.userListBox > .head{display: flex; justify-content: flex-end; align-items:center; padding:5px 15px; border-bottom:1px solid #ddd;}
.userListBox > .head > .name{font-size:18px; color:var(--textColor); display:flex; align-items:center; margin-right:auto;}
.userListBox > .head > .name > div{font-weight:600;}
.userListBox > .head > .name > span{font-size:14px; margin-left:5px;}
.userListBox > .head > a + a{margin-left:10px;}
.userListBox > .userInfo{padding:15px 10px; border-bottom:1px dashed #dddddd;}
.userListBox > .userInfo > ul{display:flex; justify-content: space-around;}
.userListBox > .userInfo > ul > li{color:#111; font-size:16px;}
.userListBox > .userInfo > ul > li > span{font-size:12px; color:#777777; display: block;  margin-bottom:10px;}

.userListBox.type0{border:2px solid var(--mainColor);}
.userListBox.type0 > .head{background:#dfebff; justify-content:center; padding:15px;}

.noData > p{text-align:center; font-size:2rem; font-weight:600; line-height:1.5;}

.radioBoxWrap > .tit{font-size:16px; font-weight:600; margin-bottom:15px;}
.radioBoxWrap > div{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}

.radioBoxWrap.list{display:flex; flex-direction: column; gap:10px;}
.radioBoxWrap.list > div{display:block; margin-left:0px;}

.noticeBox{border:2px solid #dddddd; padding:15px; border-radius:10px; margin-bottom:4rem;}
.noticeBox > ol > li{padding-left:20px; position:relative; line-height:1.3;}
.noticeBox > ol > li + li{margin-top:10px;}
.noticeBox > ol > li:before{display:inline-block; position:absolute; left:0;}
.noticeBox > ol > li:first-child:before{content:'1.';}
.noticeBox > ol > li:nth-of-type(2):before{content:'2.';}
.noticeBox > ol > li:nth-of-type(3):before{content:'3.';}

.healthCode > .tr > .td:first-child{width:calc(100% - 150px) !important;}
.healthCode > .tr > .td:last-child{width:150px !important; flex-shrink: 0;}

/* 동행 서비스 신청 폼 */
.flexWrap{display:flex; align-items:center;}
.flexWrap > .tabBtnArea{margin-left:10px;}
.flexWrap > .timeWrap{display:flex; align-items:center; justify-content:space-between; width:calc(100% - 113.88px);}
.flexWrap > .timeWrap > input,
.flexWrap > .timeWrap > .select_box{width:calc((100% / 2) - 15.5px);}
.flexWrap > .timeWrap > .select_box > select{font-size:16px;}

/* 서비스 이용료 */
.payWrap{border:2px solid #ddd; border-radius:20px; margin-top:20px; overflow:hidden;}
.payWrap > .top > div{padding:20px 0; margin:0 20px;}
.payWrap > .top > div > .t{color:#777777; font-size:14px; margin-bottom:10px; display:inline-block;}
.payWrap > .top > div > div#totalTime{font-size:16px;}

.payWrap > .top > div > .priceAmount{display:flex; justify-content:space-between;}
.payWrap > .top > div > .priceAmount > div{font-size:14px;}
.payWrap > .top > div > .priceAmount > div > span{font-size:16px; font-weight:700;}
.payWrap > .top > div > .priceAmount > div > span.on{text-decoration: line-through;}
.payWrap > .top > div > div + div{margin-top:5px;}

.payWrap > .top > div > .discount{display:flex; justify-content:space-between;}
.payWrap > .top > div > .discount > div{font-size:14px;}
.payWrap > .top > div > .discount > div.num{color:red;}
.payWrap > .top > div > .discount > div.num > span{ font-size:16px; font-weight:700;}

.payWrap > .top > div:first-of-type{padding-bottom:0px;}
.payWrap > .top > div:last-of-type{border-top:1px solid #ddd;}

.payWrap > .middle{border-top:1px solid #ddd;}
.payWrap > .middle > ul > li{display:flex; align-items:center; justify-content:space-between;}
.payWrap > .middle > ul > li + li{margin-top:10px;}
.payWrap > .middle > ul > li > .t{font-size:14px;}
.payWrap > .middle > ul > li > .pay{font-size:14px;}
.payWrap > .middle > ul > li > .pay > span{font-size:16px; font-weight:700;}
.payWrap > .middle > ul > li > .pay.total{color:var(--mainColor);}
.payWrap > .middle > ul > li > .pay.total > span{font-size:2rem;}

.payWrap > .middle > ul{padding:20px 0; margin:0 20px; }
.payWrap > .middle > ul + ul{border-top:1px dashed #ddd;}

.payWrap > .bottom{padding:20px; background:#dfebff;}
.payWrap > .bottom > .notice3{color:#111; font-size:16px;}
.payWrap > .bottom > .notice3:first-of-type{margin-top:0px;}
.payWrap > .bottom > .notice3::before{content:'*'; margin-top:2px;}


/* 케디검색 및 리스트 */
.subTit.btnTit{display:flex; align-items:center; justify-content:space-beween;}

.caddyList .itemBox{border-radius: 20px; overflow: hidden; background:#fff; box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);}
.caddyList .itemBox + .itemBox{margin-top:30px;} 

.caddyList .itemBox > .con{padding:40px 40px 20px;}

.caddyList .itemBox > .con > .top{display:flex; justify-content:space-between;}
.caddyList .itemBox > .con > .top > .info + .photo{margin-left:30px;}
.caddyList .itemBox > .con > .top > .info > .nameInfo{display: flex; align-items: center;}
.caddyList .itemBox > .con > .top > .info > .nameInfo > .name{font-size:2.4rem; font-weight: 600;}
.caddyList .itemBox > .con > .top > .info > .nameInfo > .info{color:#777777; font-size:1.6rem; font-weight: 300; margin-left:10px;}

.caddyList .itemBox > .con > .top > .info > .career{display: flex; font-size:1.6rem; margin:30px 0 10px;}
.caddyList .itemBox > .con > .top > .info > .career > .tit{margin-right:5px; font-weight: 300; font-size:1.6rem;}
.caddyList .itemBox > .con > .top > .info > .career > .con{font-weight:600; font-size:1.6rem;}

.caddyList .itemBox > .con > .top > .photo > .imgArea{width:100px; height:100px; border-radius: 50%; overflow: hidden;}
.caddyList .itemBox > .con > .top > .photo > .imgArea > img{width:100%; height:100%; object-fit: contain;}

.caddyList .itemBox > .con > .top > .info > ul{display: flex; margin-bottom:20px;}
.caddyList .itemBox > .con > .top > .info > ul > li{display:flex; align-items: center;}
.caddyList .itemBox > .con > .top > .info > ul > li + li::before{content:''; display: inline-block; height:15px; width:1px; background:#dddddd; margin:0 20px;}
.caddyList .itemBox > .con > .top > .info > ul > li > .tit{font-size:1.6rem; margin-right:5px;}
.caddyList .itemBox > .con > .top > .info > ul > li > span:nth-of-type(2){font-size:1.8rem; color:var(--mainColor); font-weight: 600;}
.caddyList .itemBox > .con > .top > .info > ul > li > span:nth-of-type(3){font-size:1.4rem; color:#777777;}

.caddyList .itemBox > .con > .btnArea{display:flex; justify-content: space-between;}
.caddyList .itemBox > .con > .btnArea > button{width:calc((100% / 2) - 5px); display: flex; align-items: center; justify-content: center;}
.caddyList .itemBox > .con > .btnArea > button > span{color:#fff; background:var(--mainColor); font-size:13px; padding: 5px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 20px; margin-left:5px;}
.caddyList .itemBox > .con > .btnArea.col1 > button{width:100%;}
.caddyList .itemBox > .con > .btnArea.col3 > button{width:calc((100% / 3) - 5px);}
.caddyList + .notice4{margin-top:20px;}


/* 보고서 작성 팝업 */
.reportPop .section > .tit{color:var(--textColor); font-size:18px; margin-bottom:15px; font-weight:600;}
.reportPop .section > .tit > span{display:block; font-size:13px; margin-top:3px; color:#777;}
.reportPop .section + .section{margin-top:4rem;} 

.reportPop .tableWrap .tr{ display: flex; align-items: center; flex-wrap: wrap; border-bottom:1px solid #ddd;}
.reportPop .tableWrap .tr:first-child{border-top:1px solid #ddd;}
.reportPop .tableWrap .tr > .th{color:#777777; font-size:14px; font-weight: 300; width: 110px;flex-shrink: 0;}
.reportPop .tableWrap .tr > .td{font-size:14px; width:calc(100% - 120px);}
.reportPop .tableWrap .tr > .td > span{font-size:14px; margin-left:10px;}
.reportPop .tableWrap .tr > .th{padding:15px 0;}
.reportPop .tableWrap .tr > .td:not(.wp100){padding:5px 0;}

.reportPop .tableWrap .tr > .td.total{text-align:right; color:#777777; font-size:14px; padding-top:15px;}
.reportPop .tableWrap .tr > .td.total > span{font-size:20px; font-weight:600; color:#fc5841;}
.reportPop .tableWrap .tr:has(.td.total){border-bottom: 0px;}

.reportPop .tableWrap .tr > .td > .btnInput{display:flex; align-items: center;}
.reportPop .tableWrap .tr > .td > .btnInput > input{margin-right:5px; width:calc(100% - 67.4px - 5px);}

.reportPop .tableWrap.noBorder .tr{border:0px;}
.reportPop .tableWrap.noBorder .tr:not(:last-child){padding-bottom:15px;}

.medicalPop .formItem > span{font-size:14px; margin-bottom:10px; display:flex; align-items: flex-start;}


/* 대화하기 팝업 */
.dialogPop .modalPopArea{height:90%; max-height:700px;}
.dialogPop .con{position:relative; padding:0 0 60px !important; height:calc(100% - 89.6px);}
.dialogPop .con > .addArea{height:60px; border-top:1px solid #dddddd; position:absolute; left:0; right:0; bottom:0; background:#fff; padding:10px;}
.dialogPop .con > .addArea > .inputArea{background:#f1f1f1; border-radius: 20px; width:100%; height:100%; display:flex; align-items: center; padding:5px; justify-content: space-between;}
.dialogPop .con > .addArea > .inputArea > input{border:0px; height:100%; width:calc(100% - 63.5px);}
.dialogPop .con > .addArea > .inputArea > button{background:#0EB0C6; color:#fff; border-radius: 20px; padding:0 15px; height: 100%; display: inline-block; margin:0;}

.dialogPop .con > .viewArea{text-align: center; height:100%; overflow-y: auto; padding:0 4rem 20px;}
.dialogPop .con > .viewArea > .day{font-size:16px; background:#999999; color:#f1f1f1; padding:5px 10px; border-radius: 20px; display: inline-block; margin-bottom:40px;}
.dialogPop .con > .viewArea > .day:not(:first-of-type){margin-top:40px;}

.dialogPop .con > .viewArea > .dialog{display:flex;}
.dialogPop .con > .viewArea > .dialog + .dialog{margin-top:20px;} 
.dialogPop .con > .viewArea > .dialog > .photo{width:48px; flex-shrink: 0; margin-right:10px;}
.dialogPop .con > .viewArea > .dialog > .photo > .imgArea{width:100%;}
.dialogPop .con > .viewArea > .dialog > .photo > .imgArea > img{width:100%; object-fit: cover;}

.dialogPop .con > .viewArea > .dialog.left > .date{align-items: start;}
.dialogPop .con > .viewArea > .dialog.right > .date{align-items: end;}
.dialogPop .con > .viewArea > .dialog > .date{flex-shrink: 0; width:60px; display: flex; flex-direction: column; justify-content: end;}
.dialogPop .con > .viewArea > .dialog > .date > span{font-size:12px; color:#999999; flex-shrink: 0;}
.dialogPop .con > .viewArea > .dialog > .date > span.num{width:auto; color:#fc5841; font-weight:600;}

.dialogPop .con > .viewArea > .dialog > .text > .name{font-size:16px; font-weight: 700; margin-bottom:10px;}
.dialogPop .con > .viewArea > .dialog > .text > span + span{margin-top:10px;}

.dialogPop .con > .viewArea > .dialog.left > .text{text-align: left; margin-right:10px;}
.dialogPop .con > .viewArea > .dialog.left > .text > span{background:#97765e; color:#fff; border:1px solid #e6e6e6; padding:10px 15px; display: inline-block; border-radius:0 20px 20px 20px;}

.dialogPop .con > .viewArea > .dialog.right{flex-direction: row-reverse;}
.dialogPop .con > .viewArea > .dialog.right > .text{text-align: left; margin-left:10px; max-width:calc(100% - 60px);}
.dialogPop .con > .viewArea > .dialog.right > .text > span{background:#f08435; color:#fff; border:1px solid #e6e6e6; padding:10px 15px; display: inline-block; border-radius:20px 0 20px 20px; width:100%;}

/* 사진첨부 팝업 */
.photoPop .modalPopArea{height:90%; max-height:700px;}
.photoPop .con{position:relative; height:calc(100% - 89.6px); padding:0 4rem 20px !important;}

.photoPop .con form{width:100%; height:100%;}
.photoPop .con .photoArea{height:calc(100% - 60px);}
.photoPop .con .photoArea > label{ display: block; height:100%;}
.photoPop .con .photoArea > label > p{font-size:15px; text-align: center; margin-bottom:10px;}
.photoPop .con .photoArea > label > div{border:2px solid #ddd; border-radius: 15px; height: calc(100% - 26.8px); overflow: hidden; background:#f1f1f1; cursor: pointer; text-align:center;}
.photoPop .con .photoArea > label > div > img{width:100%; height:100%; object-fit: contain;}
.photoPop .con .photoArea > input{display:none;}

/* 아이디 및 비밀번호 찾기 팝업 */

.userIdSearch .formItem + .formItem,
.userPwSearch .formItem + .formItem{margin-top:25px;}

.userIdSearch .con > .confirm,
.userPwSearch .con > form > .confirm{display:none;}

.userIdSearch .con > .confirm.on,
.userPwSearch .con > form > .confirm.on{display:block;}

.userIdSearch .con > .confirm{text-align:center; font-size:15px;}
.userIdSearch .con > .confirm > span{font-size:17px; font-weight:600;}

.userPwSearch .con > form > div > button{margin-top:30px; width:100%;}

.userIdSearch .radioBoxWrap{display:flex;}

.default.none{display:none;}
.formItem.none{display:none;}
.formItem.none + .formItem{margin-top:0px;}

/* board */
.boardList > ul > li:first-child{border-top:1px solid #dddddd;}
.boardList > ul > li{border-bottom:1px solid #dddddd;}
.boardList > ul > li > div{display: flex; align-items: center; font-size:15px;}

.boardList > .btnArea{margin-top:20px; display: flex; justify-content: flex-end;}
.boardList > .btnArea > a{font-size:14px; padding:5px 10px; border-radius: 5px; color:#fff; background: var(--mainColor); display:flex; align-items:center; justify-content:center;}
.boardList > .btnArea > button{font-size:14px; padding:5px 10px; border-radius: 5px; color:#111; border:2px solid #ddd; margin-right:5px;}

.boardView .titArea{border-top:2px solid var(--mainColor); border-bottom:1px solid #ddd; text-align:center; padding:2rem;}
.boardView .titArea > .t{font-size:2.5rem; font-weight:600;}
.boardView .titArea > .info{display:flex; justify-content:center; gap:0 17px; margin-top:10px;}
.boardView .titArea > .info > div{font-size:15px; color:#777;}
.boardView .titArea > .info >.writer{position:relative;}
.boardView .titArea > .info >.writer::after{content:''; display:inline-block; width:1px; height:12px; background:#777; position:absolute; right:-8px; top:50%; transform:translateY(-50%);}
.boardView .conArea{padding:20px 0; font-size:15px;}

.boardList.type2 > ul > li > div.main,
.boardList.type2 > ul > li > div.sub > div{padding:15px;}

.boardList.type2 > ul > li > div.main > .con > .name{font-weight:600; font-size:20px;}
.boardList.type2 > ul > li > div.main > .con > .date{font-size:15px; color:#777; margin-top:3px;}

.boardList.type2 > ul > li > div.sub > div{justify-content:space-between;}
.boardList.type2 > ul > li > div.sub > div > .con{width:calc(100% - 100px);}
.boardList.type2 > ul > li > div .con{padding:0px;}
.boardList.type2 .starArea > ul > li.star::after{font-size:2.5rem;}

.boardList.type3 > ul > li > div .con{width: calc(100% - 55px);}


/* QNA & FAQ */
.boardList > ul > li > div.noData{justify-content: center; font-weight: 600; padding:20px 15px;}
.boardList > ul > li > div .tit > span{width:55px; height:55px; font-size:23px; display: inline-block; border-radius: 50%; background:var(--mainColor); color:#fff; font-weight: 700; display: flex; justify-content: center; align-items: center;}
.boardList > ul > li > div .con{width:calc(100% - 145px); padding:0 20px;}
.boardList > ul > li > div .editDate{width:90px; text-align:center;}

.boardList > ul > li > div.main{cursor:pointer; position:relative; padding: 15px 15px 15px 50px;}
.boardList > ul > li > div.main.noCheckBox{padding: 15px;}
.boardList > ul > li > div.main > span{padding:5px 10px; text-align: center; width:90px; border-radius: 5px; color:#fff; font-size:13px; display: inline-block;}
.boardList > ul > li > div.main > span.stay{background:#777;}
.boardList > ul > li > div.main > span.complete{background:#2b76ff;}
.boardList > ul > li > div.main > .checkbox{position:absolute; top:50%; transform:translateY(-50%); left:15px;}
.boardList > ul > li > div.main > .con > p:first-child{font-weight:600;}
.boardList > ul > li > div.main > .con > p > span{margin-right:5px; font-weight: 600; color:var(--mainColor)}

.boardList > ul > li > div.main.noCheckBox + div.sub > div{padding:15px;} 
.boardList > ul > li > div.sub{background: #eee; display: none; }
.boardList > ul > li > div.sub > div{display:flex; align-items: center; padding: 15px 15px 15px 50px;}
.boardList > ul > li > div.sub > div.noData{justify-content: center; padding:15px;}
.boardList > ul > li > div.sub > div > .tit > span{background:var(--subColor);}

.boardList.type3 > ul > li > div.main{padding: 15px;}
.boardList.type3 > ul > li > div.sub > div{padding:15px;}

/* 대화목록 */
.boardList > ul > li > div.main > .txtBox > .name{font-size:14px;}
.boardList > ul > li > div.main > .txtBox > .name > span{font-size:18px; font-weight:500; padding:0 5px;}
.boardList > ul > li > div.main > .txtBox > ul{display:flex; margin-top:10px;}
.boardList > ul > li > div.main > .txtBox > ul > li > span{font-size:13px; color:#777777; margin-right:5px; margin-bottom:-1.5px; line-height:1;}
.boardList > ul > li > div.main > .txtBox > ul > li{font-size:15px; display:flex; align-items:center;}
.boardList > ul > li > div.main > .txtBox > ul > li + li{margin-left:30px;}

.boardList > ul > li > div.sub > ul{}
.boardList > ul > li > div.sub > ul > li > a{padding:15px;}
.boardList > ul > li > div.sub > ul > li > a{display:flex; align-items:center; justify-content:space-between;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > .name{font-size:18px; font-weight:500; display:flex; align-items:center;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > .name > span{font-size:14px; color:#777; margin-left:5px;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > ul{display:flex; margin-top:5px;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > ul > li{font-size:15px; display:flex; align-items:center;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > ul > li > span{font-size:13px; color:#777777; margin-right:5px; margin-bottom:-1.5px; line-height:1;}
.boardList > ul > li > div.sub > ul > li > a > .txtBox > ul > li + li{margin-left:30px;}
.boardList > ul > li > div.sub > ul > li > a > .newMsg{min-width:25px; height:25px; padding:0 5px; line-height:25px; border-radius:20px; background:var(--mainColor); color:#fff; font-weight:bold; text-align:center;}
.boardList > ul > li > div.sub > ul > li + li{border-top:1px solid #fff;}

.boardList > ul > li > div.sub > ul > li > a:hover,
.boardList > ul > li > div.sub > ul > li > a:hover > .txtBox span{color:var(--mainColor) !important;}



/* 이용방법 */
.meflow{display:flex; justify-content:space-between;}
.meflow > div{width:calc((100% / 5) - 30px); border:1px solid #ddd; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.2); border-radius:10px; display:flex; justify-content:center; align-items:center; flex-direction: column; padding:15px 10px;}
.meflow > div + div{position:relative;}
.meflow > div + div:before{content: "\e93f"; font-family:"xeicon"; display:inline-block; position:absolute; left: -30px; top:50%; transform:translateY(-50%); font-size:20px;}

.meflow.col6 > div{width:calc((100% / 6) - 30px);}

.meflow > div > .t{font-size:15px; font-weight:600;}
.meflow > div > ul{margin-top:10px;}
.meflow > div > ul > li{font-size:13px; position:relative; padding-left:15px;}
.meflow > div > ul > li + li{margin-top:3px;}
.meflow > div > ul > li:before{content:'-'; display:inline-block; position:absolute; left:0px;}

.flexBox{display:flex; justify-content:space-between;}
.flexBox > .txtBox{display:flex; flex-direction: column;}
.flexBox > .txtBox > .tit{font-size:2.4rem; font-weight:600; margin-bottom:3rem; color:#111;}
.flexBox > .txtBox > span{display:block; font-size:17px; position:relative; padding-left:15px;}
.flexBox > .txtBox > span + span{margin-top:5px;}
.flexBox > .txtBox > span:before{content:'-'; display:inline-block; position:absolute; left:0px;}
.flexBox > .txtBox > .noti{margin-top:auto; font-size:14px;}

.flexBox > .txtBox > .noti{background:#eee; padding:15px; border-radius:10px;}
.flexBox > .txtBox > .noti > .t{font-size:15px; font-weight:600; display:block; margin-bottom:5px;}
.flexBox > .txtBox > .noti > ul > li{font-size:13px; position:relative; padding-left:15px;}
.flexBox > .txtBox > .noti > ul > li + li{margin-top:3px;}
.flexBox > .txtBox > .noti > ul > li:before{content:'-'; display:inline-block; position:absolute; left:0px;}

.flexBox > .imgWrap{max-width:300px; border:2px solid #ddd; border-radius:20px; overflow:hidden; margin-left:40px;}
.flexBox > .imgWrap > img{width:100%; object-fit:cover;}

.flexBox.reverse > .imgWrap{margin-right:40px; margin-left:0px;}

.flexBox + .flexBox{margin-top:60px;}
td > .list{display:block; position:relative; padding-left:15px;}
td > .list + .list{margin-top:5px;}
td > .list:before{content:'-'; display:inline-block; position:absolute; left:0px;}

.caddyMenual .conArea > .imgWrap,
.userMenual .conArea > .imgWrap{display:flex; justify-content:center; align-items:center;}
.caddyMenual .conArea > .imgWrap > img,
.userMenual .conArea > .imgWrap > img{height:100%; width:100%; max-width: fit-content; object-fit:contain;}
.caddyMenual .conArea > .txtBox,
.userMenual .conArea > .txtBox{background:#eee; padding:15px; border-radius:10px; margin-top:50px; font-size:14px;}


/* term */
.termWrap > .txtBox > .tit{font-size:2.4rem; font-weight:600; margin-bottom:2rem; color:#111;}
.termWrap > .txtBox > p{font-size:15px;}
.termWrap > .txtBox > p + p{margin-top:10px;}
.termWrap > .txtBox > p + ol{margin-top:10px;}
.termWrap > .txtBox > ol + p{margin-top:10px;}
.termWrap > .txtBox > ol > li{list-style:auto; list-style-position:inside;}
.termWrap > .txtBox > ol > li + li{margin-top:5px;}
.termWrap > .txtBox > ol > li > p{margin-top:5px; padding-left:15px;}
.termWrap > .txtBox > ol > li > p > span{padding-left:10px; display:block; margin-top:5px;}
.termWrap > .txtBox > ol > li::marker{text-align:left;}
.termWrap > .txtBox + .txtBox{margin-top:4rem;}

.termWrap > .txtBox > table{margin-top:20px; width:100%;}
.termWrap > .txtBox > table > thead th{padding:10px 0; border-top:2px solid var(--mainColor); background:#eee;}
.termWrap > .txtBox > table > tbody tr{border-top:1px solid #bbb;}
.termWrap > .txtBox > table > tbody tr:last-child{border-bottom:1px solid #bbb;}
.termWrap > .txtBox > table > tbody tr > td{padding:10px 5px; text-align:center;}

/* smallTerm */
.smallTermWrap > .txtBox > .tit{font-size:1.5rem; font-weight:600; margin-bottom:1.5rem; color:#111;}
.smallTermWrap > .txtBox > p{font-size:14px;}
.smallTermWrap > .txtBox > p + p{margin-top:10px;}
.smallTermWrap > .txtBox > p + ol{margin-top:10px;}
.smallTermWrap > .txtBox > ol + p{margin-top:10px;}
.smallTermWrap > .txtBox > ol > li{list-style:auto; list-style-position:inside;}
.smallTermWrap > .txtBox > ol > li + li{margin-top:5px;}
.smallTermWrap > .txtBox > ol > li > p{margin-top:5px; padding-left:15px;}
.smallTermWrap > .txtBox > ol > li > p > span{padding-left:10px; display:block; margin-top:5px;}
.smallTermWrap > .txtBox > ol > li::marker{text-align:left;}
.smallTermWrap > .txtBox + .txtBox{margin-top:2rem;}

.smallTermWrap > .txtBox > table{margin-top:20px; width:100%;}
.smallTermWrap > .txtBox > table > thead th{padding:10px 0; border-top:2px solid var(--mainColor); background:#eee;}
.smallTermWrap > .txtBox > table > tbody tr{border-top:1px solid #bbb;}
.smallTermWrap > .txtBox > table > tbody tr:last-child{border-bottom:1px solid #bbb;}
.smallTermWrap > .txtBox > table > tbody tr > td{padding:10px 5px; text-align:center;}

.red{color:var(--mainColor);}


/* fixedBtn */
.fixedBtn{position:fixed; bottom:10px; right:10px; display:none; z-index:1;}
.fixedBtn > a{display:flex; align-items:center; background:#0EB0C6; padding:10px 0 10px 10px; color:#fff; border-radius:15px;}
.fixedBtn > a > .icon{width:30px; height:30px;}
.fixedBtn > a > span{font-size:15px; padding-left:10px; white-space:nowrap; visibility: hidden; width:0px; transition: all 0.5s;}
.fixedBtn > a:hover > span{width:120px; white-space:nowrap; visibility: visible; transition: all 0.5s;}

.fixedBtn.on{left:0; right:0; bottom:0;}
.fixedBtn.on > a{ border-radius:0px; justify-content:center;}
.fixedBtn.on > a >span{width:auto !important; visibility: visible; transition:none;}

/* 지도검색 팝업 */
.addressPop .mapArea{margin-top:25px;}
.addressPop .mapArea > .textbox{background:#ddd; text-align:center; padding:10px 20px; font-weight:600;}

/* 지도팝업 */
.popup_map { width: 100%; height: 400px; }

.kakao_radius_border{border:1px solid #919191;border-radius:5px;}
.map-set{position: relative;z-index:2}
.custom_typecontrol {font-weight:bold; position:absolute;top:10px;right:10px;overflow:hidden;width:120px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol .kakao_span {display:inline;width:59px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .kakao_btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .kakao_btn:hover {background:#fafafa;background:linear-gradient(#fafafa,#e3e3e3);}
.custom_typecontrol .kakao_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .kakao_selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .kakao_selected_btn:hover {color:#fff;}   
	
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:30px;height:70px;overflow:hidden;z-index:1;background-color:#fafafa;} 
.custom_zoomcontrol .kakao_span {display:block;width:30px;height:35px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol .kakao_span img {width:10px;height:10px;margin-top:12px;margin-right:1px;border:none;}             
.custom_zoomcontrol .kakao_span:first-child{border-bottom:1px solid #bfbfbf;}  
	
.custom_areacontrol {font-weight:bold; position:absolute;top:130px;right:10px;width:36px;height:30px;overflow:hidden;z-index:1;background-color:#fafafa;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif} 
.custom_areacontrol .kakao_span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;line-height:30px;} 
.custom_areacontrol .kakao_btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_areacontrol .kakao_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_areacontrol .kakao_selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_areacontrol .kakao_selected_btn:hover {color:#fff;} 
	
.custom_pointcontrol {font-weight:bold; position:absolute;top:165px;right:10px;width:36px;height:30px;overflow:hidden;z-index:1;background-color:#fafafa;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif} 
.custom_pointcontrol .kakao_span {display:block;width:36px;padding-top:2px;padding-right:2px;height:40px;text-align:center;cursor:pointer;} 
.custom_pointcontrol .kakao_btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_pointcontrol .kakao_btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_pointcontrol .kakao_selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_pointcontrol .kakao_selected_btn:hover {color:#fff;} 
.marker_map_title {font-weight:bold;display:block;}
.marker_map_addr {padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* 지도팝업 END */


/* 마이페이지 추가 */
.gradeBox{display:flex; align-items:center; gap:10px;}
.gradeBox > li{font-size:16px; font-weight:600;}
.gradeBox > li > span{margin-right:5px; font-size:14px; font-weight:300;}


/* openPopWrap */
.openPopWrap{display:flex; justify-content:center; align-items:center; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:10;}
.openPopWrap.none{display:none;}
.openPopWrap > .openPop{max-width:480px; width:auto; height:auto; max-height:90%; border-radius:20px; overflow:hidden;}
.openPopWrap > .openPop > .imgArea{width:100%; height:calc(100% - 59.2px); margin-bottom:-3px;}
.openPopWrap > .openPop > .imgArea > img{width:100%; height:100%; object-fit:contain;}
.openPopWrap > .openPop > .btnArea{display:flex; background:#fff;}
.openPopWrap > .openPop > .btnArea > button{width:50%; font-size:16px; text-align:center; padding:20px 25px;}
.openPopWrap > .openPop > .btnArea > button + button{border-left:1px solid #ddd;}

/* 대응가능 지역 및 병원 관련 css */
.listWrap > .listItem{
	width: 100%;
    height: 50px;
    font-weight: 500;
    font-size: 2rem;
    padding: 0 10px;
    display:flex;
    justify-content:space-between;
    background:#ddd;
    border-radius:10px;
    align-items:center;
    margin-top:10px;
}

.listWrap > .listItem >div > span{display:block; font-size:13px;}

.listWrap > .listItem > a{
	width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ckList > li + li{margin-top:10px;}