<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.modalOpen{height: 100% !important; overflow: hidden !important;}
/* ëª¨ë‹¬ ê²€ì€ìƒ‰ ë°°ê²½ */
.modal_window_bg{position: fixed; left: 0; top: 0; bottom:0; z-index: 101;
    max-width:100%; width:100%;  height: 100%;  background-color: hsla(0,0%,0%,0.4);}

.modal{position: fixed; left: 0; bottom:0; max-width:100%; width:100%; z-index: 102; height: 0;}
.modal button{min-width:80px;}
.modal.center_modal{ position: fixed; top:50%; left: 50%; transform: translate(-50% ,-50%); width: 100%; height: 100%;}
.modal-wrap {position: relative; width: auto;margin:0 auto; height: 100%; z-index: 102;}

.modal-container{ width: 100%; margin:auto; z-index:103; border-radius: .6em; overflow: hidden;
overflow-y: auto;  text-align: center; 
 display: -ms-flexbox; display: flex;
-ms-flex-direction: column;  flex-direction: column;}


.modal-bd{ padding:1.6em; background-color:#fff;}

.modal ul.btn-container{display: flex; gap: 8px;}
.modal ul.btn-container.fixed{position: absolute; bottom:0; width: 100%; left:0; right:0;}
.modal ul.btn-container &gt; li{width: 100%;}
.modal ul.btn-container &gt; li:last-child{padding-right:0;}

.modal ul.btn-container &gt; li .btn{width: 100%; font-size: 16px; font-weight: 500; border-radius: .3em;}


/* ëª¨ë‹¬ ë‹«ê¸° */
.modal-close{position: absolute; right:1.2em; top:1.2em; font-size: 1.25em; font-weight: lighter; color:#98A8B9; line-height:1; cursor: pointer; display: block; z-index: 110;}
.modal_img{max-height:100vh;}
.today_btn{position: absolute; left:0; top:calc(100% + 8px); z-index:102; font-weight: normal;}
.modal.center_modal .modal-container{position:absolute; top:50%;left:50%; transform: translate(-50%, -50%); width: 500px; max-width: 96%; max-height: 80vh; overflow-x: hidden; overflow-y: auto; box-shadow: 0 0 36px rgba(0,0,0,.1);
}

.modal.center_modal textarea{background-color: #f5f5f5; height: 100px; overflow-y: auto; border-radius: 0.3em; width: 100%; font-size: 1.1em;}
.modal.center_modal textarea::placeholder{color: #888;}
.modal.center_modal textarea:focus{outline: 0;}

.modal .list_container_type2 {overflow-y:scroll; height: 60vh;}


.modal.bottom_modal .modal-wrap{top:inherit;  transform: inherit; width: 100%;}
.modal.bottom_modal .modal-container{border-radius: 2em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; bottom:0; text-align: left; position: absolute;}
.modal.bottom_modal .modal-bd{padding-bottom:1.2em;}

.btn-modal-container{background-color: transparent;}
.btn-modal-container .btn_modal_wrap{ width: 100%; border-radius: .6em; overflow: hidden;
    overflow-y: auto; background-color:#fff; text-align: center; 
     display: -ms-flexbox; display: flex;  -ms-flex-direction: column;  flex-direction: column;} 
.btn_modal_wrap:last-child{margin-top:.8em;}
.btn_modal_wrap .btn_con{border-bottom:1px solid #e8e3d6;}
.btn_modal_wrap .btn_con:last-child{border-bottom:0;}

.modalSlide{position: relative; line-height: 1;}
.modalSlide_arrow {position: absolute; top:45%; transform: translateY(-50%); width: 100%;}
.modalSlide_arrow img{width: 1em; line-height: 0;}
.modalSlide_arrow li{position: absolute; background-color: rgba(255,255,255,.7); padding:.6em; cursor: pointer;}
.modalSlide_arrow li span{line-height: 0;}
.modalSlide_arrow .prev{left:0;}
.modalSlide_arrow .next{right:0;}

.modal .list_container_type2 li{border-top:0 !important; border-bottom:0 !important;}
.modal .profile_img.sidetype {height:3.0em;}

.modal-out-tit{font-size: 1.2em; font-weight: bold;}
.modal-container-inner p{margin-top:1.2em;}

.modal .modal_user_info{background-color:#f2f2f7; padding:1.2em; margin-top:.6em;}
.modal .modal_user_info dl{ display: flex; line-height: 1.7;}
.modal .modal_user_info dt, .modal .modal_user_info dd{font-size: .85em; display: inline-block;}
.modal .modal_user_info dt{color:#98A8B9; margin-right:1em;}




.chat_img_modal{background-color: #000; height: 100%; top:0;}
.chat_img_modal .modal-container{width: 100% !important; border-radius: 0;}
.chat_img_modal .main_img{line-height: 0;}
.chat_img_modal .main_img img{width: 100%; max-height: 100%;}

.modal-img-download{position: absolute; right:4em; top:1.4em;
    background-image: url(../images/i_download.svg); width: 1.25em; height: 1.25em;
    line-height:1; cursor: pointer; display: block; z-index: 110;}

/* 2023.05.22 ê³&nbsp;ë‹´ ì»¤ìŠ¤í…€ */
.modal ul.btn-container.godam &gt; li .btn{}
.modal ul.btn-container.godam &gt; li .btn.btn-white{border: 1px solid #264428; color:#264428}
.modal ul.btn-container.godam &gt; li .btn.btn-secondary2{background:#264428; color:#fff;}
.godam_modal.modal-bd{border:1px solid #efefef;}
.modal ul.btn-container.godam_btn_wrap li button{border: 1px solid #947062; color:#947062}
.modal ul.btn-container.godam_btn_wrap li:last-child button{background:#947062; color:#fff;}


/* ì&nbsp;‘ê·¼ê¶Œí•œ ëª¨ë‹¬ */
.acess_modal{width: 330px; max-width: 100%; margin: 0 auto;}

.album_select .list {width: 100%;}
.album_select .list ul {display: flex;flex-wrap: wrap;height: 52vh;overflow-y: auto;overflow-x: hidden;}
.album_select .list ul li{width: 33.333%;}
.album_select .list ul li .con_wrap{position: relative;}
.album_select .list ul li .con_wrap .check-label{width: 100%;padding-bottom: 100%; padding-left: 0;}
.album_select .list ul li .check-label .checkmark{z-index: 2; top: 0.5em; transform: inherit; left: inherit; right: 0.5em;}


.album_select .list ul li .con_wrap .img_wrap{position: absolute; width: 100%; height: 100%; padding-bottom: 100%; overflow: hidden;}
.album_select .list ul li .con_wrap .img_wrap img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%;}

.modal.album_modal{top: inherit;}
.modal.album_modal .modal-bd{padding-bottom:100px; max-height: 82vh; overflow: hidden;}
.album_modal .modal-wrap .modal-container{width: 100%; max-width: 100%; bottom: 0; top: inherit; transform: translate(-50%, 0); border-bottom-left-radius: 0; border-bottom-right-radius:0;}
.album_modal .change_acess{padding: 0.6em;}
.album_modal b{display: block; margin-bottom: 0.5em; font-weight: 600;}

.album_modal .top{margin-bottom: 1.5em; text-align: left;}

/* ì·¨ì†Œëª¨ë‹¬ */
.cancel_modal .count{color: #999; gap: 0.2em; width: 100%; text-align: right; display: flex; justify-content: flex-end;}
.cancel_modal .count span.on{color: #111; font-weight: 600;}

/* ë°”ì½”ë“œëª¨ë‹¬ */
.simple_modal .close_btn{width: 2.8em; height: 2.8em; line-height: 1; background-color: #fff; font-weight: 600;
    display: flex; align-items: center; justify-content: center; border-radius: 50%; border-radius: 50%;
    position: absolute; left: 50%; top: 32%; transform: translateX(-50%);
}
.simple_modal .barcode_img img{width: 100%;}


/* ìº˜ë¦°ë”ëª¨ë‹¬ */
.calender_modal .x_btn{width: 3em; height: 3em; margin: 0 auto 1.2em auto; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.7); border-radius: 50%; }

.calender_modal{width: 500px;  max-width: 95%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 102; padding-bottom: 20px; }
.calender_modal .month{display: flex; padding: 0.8em 0; align-items: center; justify-content: space-between;}
.calender_modal .month p{display: flex; font-size: 1.2em; align-items: center; justify-content: center;}
.calender_modal .month p span{font-weight: 700;}
.calender_modal .month img{width: 2.5em; height: 2.5em;}
.calender_modal .calender02 ul li .date{background-color: #f5f5f5;display: flex; }
.calender_modal .calender02 ul li .date&gt;div{width: 12.5%;}
.calender_modal .calender02 ul li .date&gt;div p{display: flex; text-align: center; align-items: center;justify-content: center; padding:0.5em 0.3em; font-size: 0.85em;}
.calender_modal .calender02 ul li .info{display: flex;}
.calender_modal .calender02 ul li .info&gt;div{width: 12.5%;}
.calender_modal .calender02 ul li .info&gt;div p{padding: 0.4em; font-size: 0.8em; text-align: center; font-weight: 600; height: 100%; display: flex; align-items: center;justify-content: center;}
.calender_modal .calender02 ul li .info + .info{border-top: 1px solid #d9d9d9;}
.calender_modal .calender02 ul li .info .in p{font-weight: 700; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.8em; word-break: keep-all; line-height: 1.2;}


.calender_modal .calender02 ul li .info .in p.operation{color:#111; position: relative;}
/* .calender_modal .calender02 ul li .info .in p::before{content: ""; width:0.4em; height: 0.4em; background-color: #111; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 3px;} */
.calender_modal .calender02 ul li .info .in p.rest{color:#D85151;}
.calender_modal .calender02 ul li .info .in p.rest::before{background-color:#D85151;}
.calender_modal .calender02 ul li .info .in p.am_rest{color:#FFCC4A;}
.calender_modal .calender02 ul li .info .in p.am_rest::before{background-color:#FFCC4A;}
.calender_modal .calender02 ul li .info .in p.pm_rest{color:#2FA8FF;}
.calender_modal .calender02 ul li .info .in p.pm_rest::before{background-color:#2FA8FF;}

.calender_modal .inner{background-color: #fff; border-radius: 0.8em; padding: 12px; max-height: 80vh; overflow: hidden;}

.mo_view03{display: none; margin-bottom: 0.4em; color: #D85151;}

#sch_modal .calender_con .day_con ul li{width: calc(100% / 7);}
#sch_modal .calender_con .day_con ul.date{gap: .4rem 0 ;}
#sch_modal .calender_con .day_con ul.date li{ min-height: 3.5em;}
#sch_modal .calender_con .day_con ul.date li p span{word-break: break-all;}
#sch_modal .calender_con .day_con ul.day li p{ padding-top: 0;}
#sch_modal .calender_con .day_con ul li p{padding: .5rem 0; width: 100%; height: 100%; display: flex; flex-direction: column; gap: .4rem; text-align: center; line-height: 1;}
#sch_modal .date{width: 100% ;}


/* ë¬¸í™”ì„¼í„° ì¼ì&nbsp;• ëª¨ë‹¬ */
.cs_modal.calender_modal{width: 796px;}
.cs_modal.calender_modal .s_table table p{font-size: 14px;}
.cs_modal.calender_modal .s_table table th{padding: .6em;}
.cs_modal.calender_modal .not_txt{font-size: 14px;}



/* ìƒë¦¬ì£¼ê¸° ê³„ì‚° ëª¨ë‹¬ */
.modal_calendar .modal_cal .date_input{border: 1px solid #ddd; border-radius: .54em; margin-bottom: 0;}
.modal_calendar .modal_cal li + li{margin-top: .5em;}
.period_modal{padding: 2.5em 2em !important; border-radius: 1.5em !important; position: relative;}

.period_modal .close_btn{width: 2.8em; height: 2.8em; line-height: 1; background-color: #fff; font-weight: 600;
    display: flex; align-items: center; justify-content: center; border-radius: 50%; border-radius: 50%;
    position: absolute; left: 50%; top: -11%; transform: translateX(-50%);
}





.list_modal{width: 100%;  max-width: 100%; position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 102;}
.list_modal .x_btn{width: 3em; height: 3em; border-radius: 50%; margin: 0 auto 1.2em auto; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.7); }
.list_modal .inner{background-color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;padding: 20px; max-height:75vh; overflow-y: auto; overflow-x: hidden;}
.list_modal .inner p.on{border: 1px solid #FF859E; color: #FF859E; background-color: rgba(255,133,158,0.05);}
.list_modal .inner p{padding: 16px; font-size: 16px; text-align: center; border: 1px solid #ddd; border-radius: 5px; font-weight: 600;}
.list_modal .inner p + p{margin-top: 8px;}
.list_modal .inner::-webkit-scrollbar-thumb { background:#FF859E;}
.list_modal .inner::-webkit-scrollbar {width: 8px;} 
.list_modal .inner::-webkit-scrollbar-track { background:#f5f5f5;}
/* ì&nbsp;‘ìˆ˜ëœ ë¬¸ì˜ ì´ë¯¸ì§€ í™•ëŒ€ ëª¨ë‹¬ */
.img_zoom_modal{height: 100%;}
.img_zoom_modal .img{position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; width: 100%;}
.img_zoom_modal .img img{width: 100%; height: 100%;}
.modal_window_bg.dark{background-color: hsla(0, 0%, 0%, 0.85);}
.img_zoom_modal .x_btn{position: absolute; right: 1em; top: 1em;}
.img_zoom_modal .x_btn img{width: 1.5em;}


.modal .sub_info{width: 100%; border-radius: 0.1em; max-height: 30vh; overflow-y: auto; overflow-x: hidden; background-color: #f5f5f5; padding: 0.8em; margin-top: 0.8em;}
.modal .sub_info::-webkit-scrollbar {width:6px;} 
.modal .sub_info::-webkit-scrollbar-track { background:#ddd;}
.modal .sub_info::-webkit-scrollbar-thumb {background:#FF859E;}

.modal .sub_info p + p{margin-top: 0.2em;}
.modal .sub_info p{color: #666; font-weight: 500; font-size: 15px; line-height: 1.2;}




/* ë‹¬ë&nbsp;¥ ì„&nbsp;íƒ ëª¨ë‹¬ */
.modal_calendar{width: 400px; background-color: #fff; z-index: 200; padding: 1.2em; border-radius: 0.5em; max-width: 96%; margin: 0 auto; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal_calendar .title{font-size: 1.25em; font-weight: 600; text-align: center; margin-bottom:1.2em;}
.modal_calendar .cal_in{display: flex; justify-content: center; width: 100%; margin-bottom:1.2em;}
.modal_calendar .cal_in .in{width: 33.333%;}
.modal_calendar .cal_in .in ul li{ color: #999;}
.modal_calendar .cal_in .in ul li p{font-size: 1.15em; font-weight: 600;}
.modal_calendar .cal_in .in ul li.current{color: #FF859E;}
.modal_calendar .cal_in .in ul li .con_wrap{padding: 0.8em 0.8em; width: 100%; display: flex; align-items: center; justify-content: center;}
.modal_calendar .cal_in .in ul li.current .con_wrap{background-color: #f5f5f5; }
.modal_calendar .cal_in .in ul li.current .con_wrap p{position: relative;}
.modal_calendar .cal_in .in ul li.current .con_wrap p::after{content: ""; width:25px; height: 2px; background-color: #FF859E; left: 50%; position: absolute; transform: translateX(-50%); bottom: -0.8em;}

.modal_calendar .btn_wrap{display: flex; gap: 8px;}
.modal_calendar .btn_wrap button{border-radius: 5px; padding: 15px 16px; width: 100%; font-weight: 500;}



/* ë©”ì¸íŒì—… */
.main_popup{position: fixed; z-index: 9999999; width: 100%; height: 100%; background: rgba(0,0,0, .6);}

.main_popup &gt; div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; padding: 0 16px;}

.main_popup .inner{width: auto; max-width: 100%; padding: 95px 16px 0 0; }
.main_popup .inner .img_wrap{height: 70vh;   background-color: #f5f5f5; overflow: hidden; }
.main_popup .inner .img_wrap img{width:auto !important; max-width: auto !important; height: 100% !important; margin: 0 auto;}
.main_popup .inner .txt_wrap{background-color: #f5f5f5; padding: 8px; display: flex; justify-content: space-between; font-size: 15px; font-weight: 600;}
.main_popup .inner .txt_wrap p{cursor: pointer; opacity: 0.7;}

/* .sm-bn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 485px; max-width:100%; padding-bottom: 44px; pointer-events: auto; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 10px; overflow: hidden;} */

.main_popup .del-btn{position: absolute; top: -60px; right: 0; z-index: 999999; display: none;}
.main_popup .del-btn button{color: #fff; border: 1px solid #fff; border-radius: 50%; width: 50px; height: 50px; font-size: 18px; font-weight: 300; min-width: 50px;} 

.sm-bn{position: relative; max-width:100%; padding-bottom: 44px; pointer-events: auto; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 10px; overflow: hidden;}

/* .sm-bn .bn_imawrap{height:100% !important; cursor: pointer; } */
.sm-bn .bn_imgwrap{cursor: pointer;position: relative; width:100%; padding-bottom: 120%;}
.sm-bn .bn_imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}

.sm-bn &gt; ul{width: 100%; display: flex; position:absolute;border-radius: 0px 0px 25px 25px; bottom:0; z-index:99; background:#fff; left:50%; transform: translateX(-50%); border-top: 1px solid #ddd;}
.sm-bn &gt; ul li{position:relative; height: 46px; font-size: 15px; cursor:pointer; background-color: #fff; display: flex; align-items: center; }
.sm-bn &gt; ul li:first-child{width: 60%; text-align: left; color: #888; padding-left: 16px;}
.sm-bn &gt; ul li:last-child{width:40%; color: #333; text-align: right; padding-right: 16px;}
.sm-bn &gt; ul li:last-child p{font-weight: 600;}
.sm-bn &gt; ul li p{width: 100%;}

/* 20241111 íŒì—… 3ì¤„ë¡œ ìˆ˜ì&nbsp;• */
.main_popup.modal{display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; padding: 0 16px; }
.main_popup &gt; div{position:static; padding: 0; transform: translate(0); width: calc((1440px - 32px) / 3);}
.sm-bn{}
.main_popup &gt; div:last-child .del-btn{display: block;}



/********************************************* *
* width 960px max
* ********************************************* */
@media (max-width:960px){

    .sm-bn{border-radius: 10px;  padding-bottom: 40px;}

}

/* ********************************************* *
* 768px max
* ********************************************* */
@media (max-width:768px){
    .main_popup &gt; div:after{ padding-bottom: 65%;}
    /* .sm-bn{width: 70%;} */

    /* 20241111 íŒì—… 3ì¤„ë¡œ ìˆ˜ì&nbsp;• */
    .main_popup &gt; div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; padding: 0 16px;}

    .main_popup &gt; div .del-btn{display: block;}
    .main_popup .del-btn{right: 16px;}

}


/* ********************************************* *
* 480px max
* ********************************************* */
@media (max-width:480px){

    /* .sm-bn{width: 100%; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 32px);}  */
    .main_popup{padding: 0 16px; position: fixed;}
    .main_popup &gt; div:after{width: 100%; padding-bottom: 87%;}

    .main_popup &gt; div{ width:100%;}

}


/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    .main_popup &gt; div:after{width: 100%; padding-bottom: 90%;}
}




/* ********************************************* *
 * 350px max
 * ********************************************* */
 @media (max-width:350px){
    .mo_view03{display: block;}
    .calender_modal .calender02{ overflow-x: auto; overflow-y: auto; position: relative; max-height: 70vh;}
    .calender_modal .calender02 ul{width: 390px;}
}




















</pre></body></html>