@charset "utf-8";

/* ===== 상태레벨 ===== */
.item-label label,
.thm-head label{padding:1px 8px 1px 7px;margin-bottom:0;color:#fff;font-size:0.8em;border-radius:4px;line-height:24px;letter-spacing:0.05em;font-weight:300;}
label.wait,
label.fail, label.ended{background-color:#353945;}
label.upcoming{background-color:#3ecc8e;}
label.ongoing{background-color:#70a3ff;}
label.Amazing{background-color:#c7ccd8;}
label.pink{background-color:#fd507c;}

/* ===== checkbox, radio ===== cvItem */
.order-box,/*마이ir,관심ir*/
.align-box,/*ir정보-참가신청목록:정렬*/
.change-box,/*ir정보-참가신청목록:리스트*/
.share-box/*ir 상세 :공유*/{display:none;position:absolute;background-color:#fff;border-radius:10px;z-index:3;}
.order-box, .align-box{top:42px;padding-bottom:5px;right:0;line-height:3em;}
.change-box{top:42px;padding-bottom:5px;left:0;line-height:3em;}
.share-box{top:40px;right:0;box-shadow:0px 0px 16px 1px rgba(30, 30, 60, 0.2);}
.order-box::before,
.align-box::before,
.change-box::before,
.share-box::before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;}
.order-box ul,
.align-box ul,
.change-box ul,
.share-box ul{display:none;display:flex;flex-wrap:wrap;align-items:center;}
.order-box ul{flex-direction:row;justify-content:flex-end;margin:0 15px;}
.align-box ul, .change-box ul{flex-direction:column;justify-content:flex-start;margin:0 0 5px 0;width:120px;}
.share-box ul{flex-direction:row;justify-content:flex-start;margin:0 10px;width:210px;}
.align-box ul li:first-child, .change-box ul li:first-child{margin-left:15px;}

.cvList{display:block;float:left;position:relative;height:auto;border:none;}
.cvItem{display:block;float:left;position:relative;margin:0 10px;height:auto;border:none;}
.cvList .cv-text, .cvItem .cv-text, .cvList .cv-group-l{color:#303030;}
.cvList .cv-text, .cvItem .cv-text, .cvList .cv-group-l,
.cvList .cv-gudie{display:inline-block;margin-left:5px;margin-bottom:0;font-size:0.85em;letter-spacing:0;}
.cvList .cv-group-l{vertical-align:middle;}
.cvList .cv-gudie{font-size:0.95em;color:#909090;vertical-align:middle;font-weight:300;line-height:24px;}
.cvList .cv-gudie span{font-weight:500;color:#303030;}

.cvList .mg-text{display:inline-block;margin-left:5px;margin-bottom:0;padding-top:15px;padding-bottom:15px;line-height:21px;vertical-align:middle;font-size:0.95em !important;font-weight:normal;color:#303030;letter-spacing:0;}
.cvList .mg-text b{font-weight:500;}
.cvList .mg-text span{color:#a0a0a0;}
.cvList .cv-text em, .cvItem .cv-text em{font-style:normal;}
.cvList .cv-color{display:inline-block;margin-left:5px;width:12px;height:12px;vertical-align:middle;border-radius:2px;}
.cvList .c-blue{background-color:#70a3ff;}
.cvList .c-green{background-color:#3ecc8e;}
.ing-gray, .ing-blue, .ing-red{position:relative;font-weight:normal !important;text-decoration:underline !important;}
.ing-gray{color:#989898 !important;}
.ing-blue{color:#006fff !important;}
.ing-red{color:#fa4949 !important;}

.listSet-item, .compSet-item, .linksend-item{position:relative;width:100%;border-top:1px solid #303030;clear:both;}
.listSet-item li, .compSet-item li, .linksend-item li{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;border-bottom:1px solid #e6e6e6;}
.listSet-item li.notData, .compSet-item li.notData, .linksend-item li.notData{padding-top:40px;padding-bottom:40px;justify-content:center !important;align-items:center !important;color:#a0a0a0;font-size:0.9em;font-weight:300;}
.listSet-item li .cvList, .compSet-item li .cvList, .linksend-item li .cvList{width:100%;padding:0 15px;margin:0;}
.listSet-item li .cvList:hover,
.listSet-item li .cvList:active,
.listSet-item li .cvList:focus,
.listSet-item li .active,
.compSet-item li .cvList:hover,
.compSet-item li .cvList:active,
.compSet-item li .cvList:focus,
.compSet-item li .active,
.linksend-item li .cvList:hover,
.linksend-item li .cvList:active,
.linksend-item li .cvList:focus,
.linksend-item li .active{background-color:#eef4fe;}
.listSet-item li .not-over, .compSet-item li .not-over, .linksend-item li .not-over{background-color:#fff !important;}
.listSet-item li .not-over label, .compSet-item li .not-over label, .linksend-item li .not-over label{cursor:default !important;}
.listSet-item li .cvList label{width:25%;}
.compSet-item li .cvList label{width:15%;margin-bottom:0;}
.compSet-item li .cvList label:first-child{width:20%;}
.compSet-item li .cvList label:last-child{width:30%;}
.linksend-item li .cvList label.beSmall{width:15%;}
.linksend-item li .cvList label.beMidle{width:30%;}
.linksend-item li .cvList label.beBig{width:50%;}
.popup-area .linksend-item li .cvList{padding:29px 15px;}
.search-head{position: relative; padding: 20px 0; width: 100%;}
.search-head label{font-size: 0.875em; color: var(--txt-color-10);width: 100%; cursor: default;}
.search-head > div{display: flex; justify-content: space-between;}
.search-head > div input{width: 74%;}
.search-head > div button,
.search-head > div a{width: 25%;}
.linksend-item .user-info-pop{display: flex; padding: 15px !important; justify-content: space-between; align-items: center;}
.linksend-item .user-info-pop .host-info{margin-bottom: 0;}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
.cvList input[type=checkbox],
.cvList input[type=radio] {
	--active:#0052CC;
	--active-inner:#fff;
	--focus:2px rgba(39, 94, 254, .3);
	--border:#c5ccd2;
	--border-hover:#0052CC;
	--background:#fff;
	--disabled:#F6F8FF;
	--disabled-inner:#E1E6F9;
	-webkit-appearance:none;
	-moz-appearance:none;height:24px;outline:none;display:inline-block;vertical-align:middle;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));
	background:var(--b, var(--background));transition:background 0.3s, border-color 0.3s, box-shadow 0.2s;overflow:hidden;}
.cvItem input[type=checkbox]{
	--active:#dcdcdc;
	--active-inner:#0052CC;
	--focus:2px rgba(87, 151, 245, .1);
	--border:#dcdcdc;
	--border-hover:#0052CC;
	--background:#f9f9f9;
	--disabled:#F6F8FF;
	--disabled-inner:#E1E6F9;
	-webkit-appearance:none;
	-moz-appearance:none;height:24px;outline:none;display:inline-block;vertical-align:middle;position:relative;margin:0;cursor:pointer;border:1px solid var(--bc, var(--border));
	background:var(--b, var(--background));transition:background 0.3s, border-color 0.3s, box-shadow 0.2s;overflow:hidden;}
.cvList input[type=checkbox]:after,
.cvList input[type=radio]:after,
.cvItem input[type=checkbox]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);}
.cvList input[type=checkbox]:checked,
.cvList input[type=radio]:checked,
.cvItem input[type=checkbox]:checked{--b:var(--active);--bc:var(--active);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2, .85, .32, 1.2);}
.cvList input[type=checkbox]:disabled,
.cvList input[type=radio]:disabled,
.cvItem input[type=checkbox]:disabled{--b:var(--disabled);cursor:not-allowed;opacity:0.9;}
.cvList input[type=checkbox]:disabled:checked,
.cvList input[type=radio]:disabled:checked,
.cvItem input[type=checkbox]:disabled:checked{--b:var(--disabled-inner);--bc:var(--border);}
.cvList input[type=checkbox]:disabled + label,
.cvList input[type=radio]:disabled + label,
.cvItem input[type=checkbox]:disabled + label{cursor:not-allowed;}
.cvList input[type=checkbox]:hover:not(:checked):not(:disabled),
.cvList input[type=radio]:hover:not(:checked):not(:disabled),
.cvItem input[type=checkbox]:hover:not(:checked):not(:disabled){--bc:var(--border-hover);}
.cvList input[type=checkbox]:focus,
.cvList input[type=radio]:focus,
.cvItem input[type=checkbox]:focus{box-shadow:0 0 0 var(--focus);}
.cvList input[type=checkbox]:not(.switch),
.cvList input[type=radio]:not(.switch),
.cvItem input[type=checkbox]:not(.switch){width:24px;}
.cvList input[type=checkbox]:not(.switch):after,
.cvList input[type=radio]:not(.switch):after,
.cvItem input[type=checkbox]:not(.switch):after{opacity:var(--o, 0);}
.cvList input[type=checkbox]:not(.switch):checked,
.cvList input[type=radio]:not(.switch):checked,
.cvItem input[type=checkbox]:not(.switch):checked{--o:1;}
.cvList input[type=checkbox] + label,
.cvItem input[type=checkbox] + label{margin-left:0;padding-left:4px;font-size:0.85em;line-height:21px;display:inline-block;vertical-align:middle;cursor:pointer;}
.cvList input[type=radio] + label{display:inline;font-size:0.95em;line-height:24px;vertical-align:middle;cursor:pointer;}
.cvList input[type=checkbox]:not(.switch),
.cvItem input[type=checkbox]:not(.switch) {border-radius:4px;}
.cvList input[type=checkbox]:not(.switch):after,
.cvItem input[type=checkbox]:not(.switch):after{width:5px;height:9px;border:2px solid var(--active-inner);border-top:0;border-left:0;left:9px;top:5px;transform:rotate(var(--r, 20deg));}
.cvList input[type=checkbox]:not(.switch):checked,
.cvItem input[type=checkbox]:not(.switch):checked{--r:43deg;}
.cvList input[type=checkbox].switch,
.cvItem input[type=checkbox].switch {width:38px;border-radius:11px;}
.cvList input[type=checkbox].switch:after,
.cvItem input[type=checkbox].switch:after {left:2px;top:2px;border-radius:50%;width:15px;height:15px;background:var(--ab, var(--border));transform:translateX(var(--x, 0));}
.cvList input[type=checkbox].switch:checked,
.cvItem input[type=checkbox].switch:checked {--ab:var(--active-inner);--x:17px;}
.cvList input[type=checkbox].switch:disabled:not(:checked):after,
.cvItem input[type=checkbox].switch:disabled:not(:checked):after {opacity:0.6;}
.cvList input[type=radio] {border-radius:50%;}
.cvList input[type=radio]:after {width:22px;height:22px;border-radius:50%;background:var(--active-inner);opacity:0;transform:scale(var(--s, 0.7));}
.cvList input[type=radio]:checked {--s:.5;}
}

.file-view{position:relative;margin-top:10px;width:100%;background-color:var(--txt-white);border-radius:8px; border: 1px solid var(--border-color-30);}
.file-view-sm{display: block;padding: 0 !important;font-size: 1em !important;line-height: 3em !important;position: relative;width: 100%;background-color: var(--background-color);border-radius: 4px;border: 1px solid var(--border-color-40);}
.file-nodata{display:none !important;width:auto !important;font-size:0px !important;text-indent:-9999em;}
.file-view a, .file-view-sm a{display:inline-block;}
.file-view .viewL,
.file-view-sm .viewL{width:90%;font-size:0.9em;line-height:1.4;color:#707070;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;}
.file-view .viewL{padding:15px 0 11px 12px;}
.file-view-sm .viewL{padding:0 10px;vertical-align: middle}
.file-view .viewR,
.file-view-sm .viewR{position:absolute;background-color:var(--border-color-20);border-radius:50%;}
.file-view .viewR{top:12px;right:10px;width:30px;height:30px;}
.file-view-sm .viewR{top:50%;transform:translate(0, -50%);right:10px;width:24px;height:24px;}
.file-view .viewR i{color:var(--txt-color-10);}
.file-view .viewR i::before,
.file-view-sm .viewR i::before{content:'';position:absolute;width:15px;height:2px;background-color:currentColor;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.file-view .viewR i::after,
.file-view-sm .viewR i::after{content:'';position:absolute;width:15px;height:2px;background-color:currentColor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.file-view .viewR i::before,
.file-view .viewR i::after{top:14px;left:8px;}
.file-view-sm .viewR i::before,
.file-view-sm .viewR i::after{top:11px;left:5px;}
.file-view a:hover,
.file-view a:active,
.file-view a:focus,
.file-view a.viewR:hover i,
.file-view a.viewR:active i,
.file-view a.viewR:focus i,
.file-view-sm a:hover,
.file-view-sm a:active,
.file-view-sm a:focus,
.file-view-sm a.viewR:hover i,
.file-view-sm a.viewR:active i,
.file-view-sm a.viewR:focus i{color:var(--color-second);}
.border{padding: 10px 10px 7px 10px; border:1px solid var(--border-color-10); border-radius: 8px;}

/* ===== input message ===== */
.label-blind{display:none;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}
.error input[type=text],
.error input[type=password]{background-color:#fff8f8;border:1px solid var(--txt-red);outline:none;}
.error-message,
.guide-message{font-size:0.812em;letter-spacing:0;font-weight:300; padding-top: 5px;}
.error-message{color:var(--txt-red);}
.guide-message{color:var(--txt-color-20);}

/* 기존 flie 스타일 숨기기*/
.fileSt{padding-left:0 !important;}
.fileSt input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}

/* ===== select style ===== */
.selRound{padding:6px 12px;width:100%;color:#707070;border:1px solid #dbdbdb;background-color:#fff;border-radius:8px;height:50px;line-height:1.42857143;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.selRound::-ms-expand {display:none;}
select.selRound:focus {border-color:#5697f5;outline:0;}
select.selRound:disabled{background-color:#efefef;}
.arrup::after{content:'';position:absolute;right:20px;top:18px;width:10px;height:10px;border-top:solid 1px currentColor;border-right:solid 1px currentColor;-webkit-transform:rotate(135deg);transform:rotate(135deg);z-index:1;}

/* ===== btn style ===== */
.btn-base{display:inline-block;width:100%;text-align:center;border-radius:8px;vertical-align:middle;font-weight:500;border:none;line-height:1.8; cursor: pointer;}
.btn-lag{padding:16px 0;font-size:1.05em;}
.btn-md{padding:10px 0;font-size:1em;}
.btn-ms{padding:10px 0}
.btn-mx{padding:2px 10px;margin-left:5px;margin-right:5px;width:auto !important;font-size:0.9em;font-weight:normal;border-radius:4px !important;}
.btn-blue{color:var(--txt-white) !important; background-color: var(--color-second); font-weight: bold;}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{background-color: var(--color-second-hover);}
.btn-blue[disabled]{background-color:var(--color-fourth);color:var(--txt-white);cursor:default;}

.btn-black{background-color:var(--color-third);color:var(--txt-white) !important;}
.btn-black:hover,
.btn-black:active,
.btn-black:focus{background-color:var(--color-third-hover)}
.btn-black[disabled] {background-color:var(--color-fourth);color:var(--txt-white); cursor:default;}

.btn-sky{background-color:#5697f5;color:#fff !important;}
.btn-sky:hover{background-color:#76adf8;}
.btn-sky:active,
.btn-sky:focus{background-color:#3691d0;}

.btn-gray{background-color:#fff;color:var(--txt-color-10) !important;border:1px solid #dbdbdb;}
.btn-gray:hover{box-shadow:2px 3px 8px 2px rgba(0, 0, 0, 0.1);}
.btn-gray:active,
.btn-gray:focus{background-color:#f5f5f5;color:#c8c8c8;box-shadow:none}

.btn-light{background-color:#dedfe3;color:var(--txt-color-10) !important;border:none}
.btn-light:hover{background-color:#e4e5e9;color:#909090;}
.btn-light:active,
.btn-light:focus{background-color:#cfd0d5;color:#909090;}
.btn-light[disabled]{background-color:#e9e9e9;color:#c8c8c8;cursor:default;}

/* 로그인 */
.login-wrap{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; overflow-y: auto;}
.login-area{width:390px;}
.login-area h1{margin-bottom:40px;text-align:center;}
.login-area .login-box{width:100%;}
.login-area .login-box ul li{position:relative;margin-bottom:10px;}
.login-area .login-box ul li .log-check{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;}
.login-area .login-box ul li .log-check .cv-text{color:#707070 !important;font-size:0.9em !important;}
.login-area .login-box ul li .log-check a{display:inline-block;color:#989898;font-size:0.85em;vertical-align:text-bottom;text-decoration:underline;}
.login-area .login-box ul li .log-check a:hover{color:var(--color-second);}
.login-area .login-box ul li .log-check a:active,
.login-area .login-box ul li .log-check a:focus{color:var(--color-second);font-weight:bold;}

.login-area .login-link{margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color-20);}
.login-area .login-link p{font-size:0.875em; font-weight: normal; text-align: center; letter-spacing: 0;}
.login-area .sns-group{display: flex; padding-top: 30px; justify-content: space-around; align-items: center;}
.login-area .sns-group a{display: block; position: relative; text-align: center; font-size: 0.875em; font-weight: normal; line-height: 40px;}
.login-area .sns-group a::before{content: ''; display: block; background-repeat: no-repeat; width: 50px; height: 50px;}
.login-area .sns-group a.l-kakao::before{background-image: url(/assets/user/images/contents/icon-cir-kakao.svg);}
.login-area .sns-group a.l-naver::before{background-image: url(/assets/user/images/contents/icon-cir-naver.svg);}
.login-area .sns-group a.l-google::before{background-image: url(/assets/user/images/contents/icon-cir-google.svg);}
.login-area .sns-group a.l-ohmeet::before{background-image: url(/assets/user/images/contents/icon-cir-ohmeet.svg);}

.login-area .copyright{padding-top: 30px; text-align: center; font-size: 0.8125em; letter-spacing: 0; font-weight: normal;}
.login-area .copyright em{font-style: normal; font-weight: 500;}

.login-btngroup{display: flex; padding-top: 20px; justify-content: space-around; align-items: center;}
.login-btngroup a{display: inline-block; flex: 1 0 33%; position: relative; font-size: 0.875em; text-align: center; font-weight: normal;}
.login-btngroup a::before{content: ''; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: var(--border-color-10);}
.login-btngroup a:first-child::before{display: none;}

/* 아이디/비밀번호 찾기 */
.find-wrap{display: flex; flex-direction: column; justify-content: center; align-items: center; }
.find-wrap .login-btngroup{max-width: 280px; margin: 10px auto 0;}

/*회원가입*/
.join-area{position:relative;padding:40px 3% 20px 3%;width: 100%; max-width:767px;}
.join-area h1{height: 36px;}
.join-area h1 img{max-height: 100%;}
.join-area h2{margin-top: 30px; margin-bottom:20px; padding-bottom: 20px; position: relative; font-size:1.1em;color:var(--txt-color-10); border-bottom: 1px solid var(--border-color-20);}
.join-area .join-inner{width:100%;}
.join-area .j-step{display:flex;margin-top:40px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.join-area .j-step li{position:relative;width:30%;}
.join-area .j-step li input[type=radio]{position:absolute;top:20px;left:20px;}
.join-area .j-step li input[type=radio]:not(:disabled) ~ label {cursor:pointer;}
.join-area .j-step li input[type=radio]:disabled ~ label {color:#bcc2bf;border-color:#bcc2bf;box-shadow:none;cursor:not-allowed;}
.join-area .j-step li input[type=radio]:checked + label {border-color:#5697f5;background-color:#fff;box-shadow:1px 3px 10px 2px rgba(0, 0, 0, 0.1);-webkit-transform:translate(0, -6px);-moz-transform:translate(0, -6px);-ms-transform:translate(0, -6px);-o-transform:translate(0, -6px);transform:translate(0, -6px);}
.join-area .j-step li label {display:block;padding:20px;position:relative;background-color:#fff;border:2px solid #f5f5f5;border-radius:10px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}
.join-area .j-step li label::after{content:'';position:absolute;left:20px;top:20px;width:54px;height:54px;background-color:#5697f5;border-radius:50%;}
.join-area .j-step li label.j-oneUser::before,
.join-area .j-step li label.j-startUp::before,
.join-area .j-step li label.j-invest::before{content:'';position:absolute;left:20px;top:20px;width:54px;height:54px;z-index:1;background-repeat:no-repeat;background-position:center;}
.join-area .j-step li label.j-oneUser::before{background-image:url(/assets/user/images/contents/ic_login_01.png);}
.join-area .j-step li label.j-startUp::before{background-image:url(/assets/user/images/contents/ic_login_02.png);}
.join-area .j-step li label.j-invest::before{background-image:url(/assets/user/images/contents/ic_login_03.png);}
.join-area .j-step li h3{padding-top:70px;font-size:1.15em;color:#303030;line-height:2.5;}
.join-area .j-step li p {font-size:0.9em;color:#707070;line-height:1.4;}
.j-box{width:320px;margin:20px auto 0;}
.join-area .j-box .unlock{display:block;margin:0 auto; padding-top: 30px; padding-bottom: 30px; width:132px;}
.join-area .j-ipin{display:flex;margin-top:20px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.join-area .j-ipin li{position:relative;width:48.5%;}
.join-area .j-ipin li a{display:block;padding:80px 20px 20px 20px;position:relative;background-color:#fff;border:2px solid #f5f5f5;border-radius:10px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease}
.join-area .j-ipin li a::before{content:'';position:absolute;left:20px;top:20px;width:54px;height:54px;z-index:1;background-repeat:no-repeat;background-position:center;}
.join-area .j-ipin li a::after{content:'';position:absolute;left:20px;top:20px;width:54px;height:54px;background-color:#5697f5;border-radius:50%;}
.join-area .j-ipin li a.ic-mobile::before{background-image:url(/assets/user/images/contents/ic_cont_phone.png);}
.join-area .j-ipin li a.ic-web::before{background-image:url(/assets/user/images/contents/ic_cont_monitor.png);}
.join-area .j-ipin li a strong{display:block;font-size:0.9em;color:var(--txt-color-10);line-height:2.5;}
.join-area .j-ipin li a .ipin-guide{display:block;margin-bottom:10px;font-size:0.875em;color:var(--txt-color-20);line-height:1.4; font-weight: normal;}
fieldset legend{margin-bottom: 10px; padding-top: 30px; font-size: 1em; color: var(--color-second); border-top: 1px solid var(--border-color-20); border-bottom: 0; font-weight: bold;}
fieldset:first-child legend:first-child{border-top: none; padding-top: 0;}

.options-btn{margin-bottom: 20px;}
.options-btn button{display: inline-block; position: relative; padding: 15px 40px 15px 20px; border: 1px solid var(--border-color-10); font-size: 1em; color: var(--txt-color-10); border-radius: 8px;background-color:#fff;}
.options-btn button i{display: inline-block;width: 24px;height: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(90deg);background-repeat: no-repeat;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23241E20' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 24V0h24v24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.options-btn button i.active{transform: translateY(-50%) rotate(270deg);;}

.required-absolute{position: absolute; right: 0; top: 0;}
.required-absolute b{display: inline-block; margin-left: 3px; font-size: 14px; font-weight: 500; color: var(--txt-red);}
.required{display: inline-block; padding-left: 5px;}
.required::before{content: '*'; color: var(--txt-red); font-size: 14px;}

.terms-box{height: 180px;border: 1px solid var(--border-color-10);}
.terms-box .terms-inner{padding: 20px;overflow-y: auto;overflow-x: auto;width: 100%;height: 100%;}
.terms-check{padding: 20px 0;}
.all-check{width: 100%; padding: 20px; margin-bottom: 30px; text-align: center; background-color: var(--background-color); border: 1px solid var(--border-color-40);}
.all-check span,
.terms-check span{color: var(--txt-red);}

.end-join{padding: 30px 0; text-align: center;}
.end-join p{font-size: 1.1em;}
.end-join .rod-box{width: 90px;margin: 20px auto; height: 90px; line-height: 90px;background-color: var(--txt-white);border-radius: 50%; border: 1px solid var(--border-color-10);}
.rod-box .time-c {font-size: 1.6em;font-weight: bold;color: var(--color-second);}
.end-join .autologin{font-size: 0.9375em;}

.fine-box{text-align:center;}
.fine-box .fine-round{display:inline-block;padding:12px 40px;background-color:var(--txt-white); border: 1px solid var(--border-color-40); border-radius:50px; letter-spacing: 0;}
.fine-box .fine-round strong{font-weight:normal;color:#303030;}
.fine-box .fine-round span{color:#909090;}
.form-cont{width:100%;clear:both;}
.form-cont > li{position:relative;display:flex;margin-bottom:15px;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.form-cont li .formL{width:100%;cursor:default;}
.form-cont li .formR-8{width:100%;position:relative;}
.form-cont li .formR-8 .rw-base{display:block;margin-left:2%;float:left;position:relative;}
.form-cont li .formR-8 .rw-3{width:31%;}
.form-cont li .formR-8 .rw-3:first-child{margin-left:0;width:34%;}
.form-cont li .formR-8 .rw-4{width:64%;}
.form-cont li .formR-8 .rw-4:first-child{margin-left: 0;}
.form-cont li .formR-8 .rw-5{width:40%;}
.form-cont li .formR-8 .rw-5:first-child{margin-left: 0;}
.form-cont li .formR-8 .rw-6{width:22%;}
.form-cont label{font-size: 0.875em; color: var(--txt-color-10); width: 100%; cursor: pointer;}
.ck-group-item {display: flex; width: 100%; flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.ck-group-item .cvList label{width: auto !important;}
.form-cont .ck-group-item .cvList:first-child{margin-bottom: 10px; border-radius: 8px; width: 100%; background-color: var(--txt-white); border: 1px solid var(--border-color-40);}
.form-cont .ck-group-item .cvList{padding:10px 5px 10px 20px}
.form-cont .ck-group-item .cvList a.ck-link {display: inline-block;padding-right: 15px;position: relative;font-size: 0.85em; color: #303030 !important;vertical-align: middle;}
.form-cont .ck-group-item .cvList a.ck-link:hover,
.form-cont .ck-group-item .cvList a.ck-link:active,
.form-cont .ck-group-item .cvList a.ck-link:focus {text-decoration: underline;}
.form-cont .ck-group-item .cvList a.ck-link i { position: absolute;right: 0;top: 9px; width: 6px;height: 6px;color: #959595;border-top: solid 2px currentColor;border-right: solid 2px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.form-cont .ck-group-item .cvList a span{color: var(--txt-red);}

.form-cont .ck-group-item .ck-item-inner {display: flex;margin-left: 40px; padding: 10px 0 20px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.form-cont .ck-group-item .ck-item-inner .cvItem .cv-text{width: auto;}
.cv-text{width: auto;}
.form-cont .fileBox .rw-4{margin-left: 0 !important;width:67% !important;}
.form-cont .fileBox .btn-ms{padding: 12px 0 !important;}
.p-guide{margin-bottom: 10px; font-size: 0.9em; font-weight: normal; color: var(--txt-color-20);}
.p-guide span{color: var(--txt-red);}
.p-end{margin-bottom: 20px; font-size: 0.9em; font-weight: normal; color: var(--txt-color-20); text-align: center;}
.nowmember{padding-top: 20px; text-align: center;}
.nowmember b{display: block; font-size: 1em; color: var(--txt-color-10);}
.member-btngroup{display: flex; padding-top: 10px; justify-content: flex-start;}
.member-btngroup a{margin: 0 5px;}


.phone-time{position:absolute;top:10px;right:16px;color:var(--txt-red);letter-spacing:0;}

/* popup */
.popup-area{padding:0 30px 30px 30px;position:relative;}
.popup-area .infrm{padding-top:20px;width:100%;}
.popup-area .infrm .infrm-h3{margin-bottom:5px;font-size:1.05em;color:#303030;}
.popup-area .infrm .infrm-ul{padding:10px 0;background-color:#f0f0f0;border-radius:10px;}
.popup-area .infrm .infrm-ul li{ padding:5px 0;overflow:hidden;}
.popup-area .infrm .infrm-ul li .infL,
.popup-area .infrm .infrm-ul li .infR{padding-left:20px;float:left;font-size:0.95em;}
.popup-area .infrm .infrm-ul li .infL{width:23%;color:#707070;}
.popup-area .infrm .infrm-ul li .infR{width:77%;color:#303030;}
.popup-area .pop-foot{margin-top:20px;position:relative;text-align:center;}
.popup-area .pop-foot a,
.popup-area .pop-foot button,
.personal-area .pop-foot a,
.personal-area .pop-foot button{padding:10px 0 !important;margin-left:2px;margin-right:2px;width:110px !important;}
.popup-area .checkCntr{padding-top:20px;text-align:center; font-size: 0.875em;}
.popup-area .checkCntr span{color:var(--color-second);font-weight:bold;letter-spacing:0;}
.p-ing-blue{color:var(--color-second);font-weight:normal !important;}
.p-ing-red{color:var(--txt-red);font-weight:normal !important;}

.preview-area{padding-top:20px;width:100%;background-color:var(--txt-white);}
.personal-area{width:100%;}
.personal-area .pop-foot{margin-top:10px;margin-bottom:20px;position:relative;text-align:center;}
.p-overflow-y{padding:20px;height:500px;overflow-y:scroll;}

.policy-area{position:relative;width:100%;clear:both;color:var(--txt-color-20);}
.policy-area .policy-title{margin-bottom:10px;font-size:0.875em;font-weight:normal;color:var(--color-second);}
.policy-area h3{margin-top:30px;margin-bottom:10px;font-size:0.937em;font-weight:bold;color:var(--txt-color-10);}
.policy-area dl dt{padding-top:10px;}
.policy-area dl dd{padding-left:20px;}
.policy-area p,
.policy-area dl dt,
.policy-area dl dd{font-size: 0.837em;}
.policy-area .out-line{padding:20px;margin-top:10px;margin-bottom:10px;border:1px solid var(--border-color-10);border-radius:10px;background-color:var(--txt-white);}


/* 메뉴 */
.content-layout{display: flex; margin-top: 10px; justify-content: flex-start; align-items: flex-start; min-height: 570px;}
.content-layout .ment-area{position: sticky; top: 30px; margin-right: 5%;}

/* 현재 시간 */
.content-layout .ment-area .current-data{position: relative; margin-bottom: 30px;}
.content-layout .ment-area .current-data .time,
.content-layout .ment-area .current-data .day{display: inline-block; color: var(--color-third); letter-spacing: 0;}
.content-layout .ment-area .current-data .time{font-size: 1.875em; font-weight: 900;}
.content-layout .ment-area .current-data .day{margin-left: 10px; font-size: 1em;}
.content-layout .main-menu{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 310px;flex-shrink: 0;}
.content-layout .main-menu li{margin-bottom: 20px; width: 50%;}
.content-layout .main-menu li a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 138px; height: 138px; border-radius: 24px;}
.content-layout .main-menu li a:hover,
.content-layout .main-menu li a:active,
.content-layout .main-menu li a:focus{transform: translateY(-5px);}
.content-layout .main-menu li.meeting a{background-color: var(--color-accent); box-shadow: var(--shadow-x) var(--shadow-y-10) var(--shadow-blur) var(--shadow-accent);}
.content-layout .main-menu li.booking a{background-color: var(--color-second); box-shadow: var(--shadow-x) var(--shadow-y-10) var(--shadow-blur) var(--shadow-second);}
.content-layout .main-menu li.lists a{background-color: var(--color-third); box-shadow: var(--shadow-x) var(--shadow-y-10) var(--shadow-blur) var(--shadow-third);}
.content-layout .main-menu li.options a{background-color: var(--color-fourth); box-shadow: var(--shadow-x) var(--shadow-y-10) var(--shadow-blur) var(--shadow-fourth);}
.content-layout .main-menu li.meeting a:hover{background-color: var(--color-accent-hover);}
.content-layout .main-menu li.booking a:hover{background-color: var(--color-second-hover);}
.content-layout .main-menu li.lists a:hover{background-color: var(--color-third-hover);}
.content-layout .main-menu li.options a:hover{background-color: var(--color-fourth-hover);}
.content-layout .main-menu li a i{display: inline-block; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center;}
.content-layout .main-menu li.meeting a i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%230B2E7A' d='M26 2a4 4 0 0 1 3.99 3.7L30 6a2 2 0 0 0 1.766 1.986L32 8h2a6 6 0 0 1 5.99 5.648L40 14v18a6 6 0 0 1-5.648 5.99L34 38H6a6 6 0 0 1-5.99-5.648L0 32V14a6 6 0 0 1 5.648-5.99L6 8h2a2 2 0 0 0 2-2 4 4 0 0 1 3.7-3.99L14 2h12Zm-6 14a6 6 0 0 0-5.97 5.396l-.022.304L14 22l.008.3A6 6 0 1 0 20 16Z'/%3E%3C/svg%3E");}
.content-layout .main-menu li.booking a i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M28.596 2.455A1.8 1.8 0 0 0 25.6 3.8v1.8H14.8V3.8l-.013-.21a1.8 1.8 0 0 0-3.587.21v1.8H9.4l-.317.009A5.4 5.4 0 0 0 4 11v21.6l.009.317A5.4 5.4 0 0 0 9.4 38H31l.317-.009A5.4 5.4 0 0 0 36.4 32.6V11l-.009-.317A5.4 5.4 0 0 0 31 5.6h-1.8V3.8l-.013-.21a1.8 1.8 0 0 0-.591-1.135ZM7.6 14.6h25.2v17.325l-.013.288C32.685 33.446 31.923 34.4 31 34.4H9.4l-.21-.016c-.895-.144-1.59-1.19-1.59-2.459V14.6Zm13.796 5.855A1.8 1.8 0 0 0 20.2 20h-1.8l-.21.013a1.8 1.8 0 0 0 .21 3.587v3.6l.013.21A1.799 1.799 0 0 0 22 27.2v-5.4l-.012-.21a1.8 1.8 0 0 0-.592-1.135Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.content-layout .main-menu li.lists a i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M24.35.05a1.94 1.94 0 0 0-.864 3.782 16.253 16.253 0 0 1 0 31.69 1.94 1.94 0 1 0 .864 3.782 20.132 20.132 0 0 0 0-39.255ZM11.79 33.773a1.94 1.94 0 1 0-1.934 3.363 20.01 20.01 0 0 0 5.55 2.168 1.94 1.94 0 0 0 .858-3.784 16.13 16.13 0 0 1-4.473-1.748ZM1.862 22.866a1.94 1.94 0 0 1 2.403 1.325 16.168 16.168 0 0 0 2.213 4.676 1.94 1.94 0 0 1-3.195 2.2 20.049 20.049 0 0 1-2.746-5.799 1.94 1.94 0 0 1 1.325-2.402Zm3.935-11.303a1.94 1.94 0 1 0-3.393-1.88l-.342.616a20.077 20.077 0 0 0-2.035 6.024 1.94 1.94 0 1 0 3.826.644c.288-1.707.84-3.325 1.614-4.808l.33-.596ZM17.727 1.51a1.94 1.94 0 0 1-1.462 2.322 16.154 16.154 0 0 0-5.58 2.446 1.94 1.94 0 1 1-2.2-3.195 20.034 20.034 0 0 1 6.92-3.034 1.94 1.94 0 0 1 2.322 1.461Zm4.09 10.084a1.94 1.94 0 1 0-3.88 0v8.083c0 .515.204 1.008.568 1.372l6.062 6.062a1.94 1.94 0 1 0 2.743-2.743l-5.494-5.494v-7.28Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.content-layout .main-menu li.options a i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M15.969 2.766C16.615 2.428 17.863 2 20 2c2.138 0 3.385.428 4.033.766.492.256.78.664.943 1.005.233.484.743 1.576 1.189 2.76.863.392 1.687.867 2.46 1.416a36.475 36.475 0 0 1 2.996-.354 2.19 2.19 0 0 1 1.345.312c.618.389 1.614 1.25 2.682 3.095 1.07 1.845 1.32 3.134 1.35 3.862a2.162 2.162 0 0 1-.401 1.316 35.879 35.879 0 0 1-1.807 2.408c.09.94.09 1.887 0 2.828.636.777 1.238 1.58 1.807 2.408.214.312.425.763.401 1.316-.03.728-.28 2.017-1.349 3.862-1.07 1.845-2.065 2.706-2.683 3.096-.469.296-.967.34-1.345.311a36.14 36.14 0 0 1-2.996-.354 14.85 14.85 0 0 1-2.46 1.417 35.755 35.755 0 0 1-1.189 2.759c-.164.34-.451.748-.943 1.005-.648.337-1.895.766-4.033.766-2.137 0-3.385-.428-4.033-.766a2.17 2.17 0 0 1-.943-1.005 35.856 35.856 0 0 1-1.188-2.76 14.854 14.854 0 0 1-2.46-1.416 36.482 36.482 0 0 1-2.997.354 2.187 2.187 0 0 1-1.344-.312c-.619-.389-1.614-1.25-2.683-3.095-1.07-1.845-1.32-3.134-1.35-3.862a2.173 2.173 0 0 1 .401-1.316 35.884 35.884 0 0 1 1.807-2.408c-.09-.94-.09-1.887 0-2.828a35.888 35.888 0 0 1-1.807-2.408 2.171 2.171 0 0 1-.401-1.316c.03-.728.28-2.017 1.35-3.862C5.42 9.155 6.417 8.294 7.035 7.904c.469-.296.967-.34 1.345-.311.538.041 1.742.147 2.995.354a14.854 14.854 0 0 1 2.46-1.417c.358-.935.755-1.856 1.19-2.759.163-.34.45-.748.942-1.005h.002ZM26.425 20a6.387 6.387 0 0 1-1.882 4.526A6.437 6.437 0 0 1 20 26.4a6.437 6.437 0 0 1-4.543-1.874A6.387 6.387 0 0 1 13.576 20c0-1.697.677-3.325 1.881-4.525A6.437 6.437 0 0 1 20 13.6c1.704 0 3.338.674 4.543 1.875A6.387 6.387 0 0 1 26.425 20Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.content-layout .main-menu li a span{display: inline-block; margin-top: 10px; color: var(--txt-white); font-size: 0.937em;}
.content-layout .main-menu li.meeting a span{color: var(--color-third);}

/* 컨텐츠 */
.content-layout .contents{flex-grow: 1; position: relative; margin-top: 5px;}
.content-layout h2{margin-bottom: 35px; font-size: 1.5em; font-weight: bold; color: var(--txt-color-30);}
.top-cont{display: flex; justify-content:flex-start; align-items: center;}
.top-cont button,.access-head a{display: block; height: 48px; border-radius: 8px; border-width: 1px; border-style: solid;}
.top-cont .data-control{display: flex; justify-content: flex-start; align-items: center;}
.top-cont .data-control button{padding: 0 10px; font-size: 0; text-indent:-9999em; border-color: var(--border-color-10); background-color: var(--txt-white);}
.top-cont .data-control button i{display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23241E20' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 24V0h24v24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.top-cont .data-control button.prev i{transform: rotate(180deg);}
.top-cont .data-control button:active{background-color: var(--border-color-10);}
.top-cont .data-control strong{display: inline-block; margin: 0 20px; height: 48px; line-height: 48px; font-size: 1.25em; font-weight: 900; color: var(--txt-color-30);}
.top-cont .today{margin-left: 10px;padding: 0 20px; background-color: var(--txt-white); border-color: var(--color-second); color: var(--color-second);}
.top-cont button.today:active{background-color: var(--color-second); color: var(--txt-white);}
.dashed-line {width: 100%; height: 1px;}
.dashed-line line {stroke: var(--border-color-30); stroke-width: 1px; stroke-dasharray: 5px;}

.mid-cont{margin-top: 20px;}
.booking-ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.booking-ul li{flex: 0 1 49%; margin: 0 0 20px 0; padding: 30px; max-width: 49%; border-style: solid; border-width: 1px; box-shadow: 0 10px 10px var(--shadow-box); border-radius: 16px;}
.booking-ul li:nth-child(2n){margin: 0 0 20px 20px;}
.booking-ul li.first-box{padding:69px 30px;border-color: var(--color-second); text-align: center;}
.booking-ul li.first-box p{font-size: 0.875em; font-weight: 100;}
.booking-ul li.nodata{flex:1;max-width:100%;}
.access-link{display: block;}
.access-link h3,.access-link h3{color: var(--txt-color-10); font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
a.access-link:hover h3,a.access-link:active h3,a.access-link:focus h3{color: var(--color-second-hover);}
.access-link .booking-info span.info-time,.access-link .booking-info span.info-name{display: inline-block; padding-left: 15px; position: relative; vertical-align: middle; font-weight: normal; font-size: 0.9375em; line-height: 1.6; letter-spacing: 0; color: var(--txt-color-10);}
.access-link .booking-info span.info-time .soon{display: inline-block; margin-left: 10px; font-style: normal; margin-right: 10px;}
.access-link .booking-info span.info-time b{font-weight: normal;}
.access-link .booking-info span.info-name strong{font-weight: normal;}
.access-link .booking-info .info-time{padding-right: 20px;}
.access-link .booking-info .info-time::before,
.access-link .booking-info .info-name::before{content: ''; display: inline-block; position: absolute; top: 2px;}
.access-link .booking-info .info-time::before{left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%239CA1AD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12ZM12 12l3-2M12 7v5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.access-link .booking-info .info-name::before{display: none; left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%239CA1AD' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.booking-btngroup{margin-top: 15px;}
.booking-btngroup .btns{margin-right: 5px; margin-bottom: 10px;text-align:center;}

.booking-ul li label,
.access-info label{display: inline-block; margin-bottom: 10px; font-size: 0.8125em; padding: 5px 12px; border-radius: 8px; border-width: 1px; border-style: solid;}
.finish label{background-color: var(--txt-color-10); color: var(--txt-white); border-color: var(--txt-color-10);}
.ongoing label{background-color: var(--color-second); color: var(--txt-white); border-color: var(--color-second);}
.b-default label{background-color:var(--txt-white); color: var(--txt-color-10); border-color: var(--txt-color-10);}
.booking-ul li label.access, .access-info label.access{background-color:var(--txt-red); color: var(--txt-white); border-color: var(--txt-red);}
.booking-ul li label.online, .access-info label.online{background-color:var(--txt-green-10); color: var(--txt-white); border-color: var(--txt-green-10);}
.finish .booking-btngroup .start{display: none;}
.b-default .soon{color: var(--txt-red);}

.page-btngroup{display: flex;justify-content: center; margin: 20px auto;}
.page-btngroup button,.page-btngroup a{margin-left:20px;max-width:300px;}
.page-btngroup button:first-child,.page-btngroup a:first-child{margin-left:0;}

/* 액세스 공유 */
.access-info{position: relative; padding: 30px; width: 100%; border:1px solid var(--border-color-20); background-color: var(--txt-white); box-shadow: 0 10px 10px var(--shadow-box);border-radius: 16px;}
.access-list{position: relative; width: 100%;}
.access-head{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.access-head h4{font-size: 1.1em; font-weight: 500; color: var(--txt-color-10);}
.access-head h4 b{display: inline-block; padding-left: 2px; padding-right: 2px; letter-spacing: 0; font-weight: normal;}
.access-head a{padding: 0 20px; font-size: 0.937em; line-height: 48px; border-color: var(--color-second); background-color: var(--color-second); color: var(--txt-white);}
.access-cont{display: flex; margin-top: 10px; flex-wrap: wrap; position: relative;padding:20px 30px;border: 1px solid var(--border-color-20); background-color: var(--txt-white); box-shadow: 0 10px 10px var(--shadow-box); border-radius: 16px;}
.access-cont li{flex: 1 1 25%;}
.finish{border-color: var(--border-color-30); background-color: var(--background-fourth);}
.ongoing{border-color: var(--color-second); background-color: var(--background-second);}
.b-default{border-color: var(--border-color-20); background-color: var(--txt-white);}
.b-default .start,.ongoing .start{border-color: var(--color-accent) !important; background-color: var(--color-accent) !important; color: var(--color-third) !important; font-weight: 500;}
.b-default .start:hover, .ongoing .start:hover,
.b-default .start:active, .ongoing .start:active,
.b-default .start:focus, .ongoing .start:focus{background-color: var(--color-accent-hover) !important;}

.btns{display: inline-block; padding: 0 8px; height: 40px; line-height: 40px; border-width: 1px; border-style: solid; border-radius: 8px; font-weight: normal; font-size: 0.857em;}
.btnsx2{display: inline-block; padding: 0 12px; height: 40px; line-height: 40px; border-width: 1px; border-style: solid; border-radius: 8px;}
.btns:hover,
.btns:active,
.btns:focus{transform: translateY(-3px);}
.basics{border-color: var(--border-color-10); background-color: var(--txt-white); color: var(--txt-color-10);}
.basics:hover, .basics:active, .basics:focus{background-color: var(--border-color-20);}
.delete{border-color: var(--border-color-red);background-color: var(--txt-white); color: var(--txt-red);}
.delete:hover, .delete:active, .delete:focus{background-color: var(--border-color-red);}
.catch-day{border-color: var(--color-second) !important; background-color: var(--color-second) !important; color: var(--txt-white) !important;}
.catch-day:hover, .catch-day:active, .catch-day:focus{background-color: var(--color-second-hover) !important;}
.btns i{display: inline-block; margin-right: 3px; vertical-align: middle; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center;}
.btns.start i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%230B2E7A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8.25 15h-4.5a1.5 1.5 0 0 1-1.5-1.5V6.75a1.5 1.5 0 0 1 1.5-1.5h.75A1.5 1.5 0 0 0 6 3.75.75.75 0 0 1 6.75 3h4.5a.75.75 0 0 1 .75.75 1.5 1.5 0 0 0 1.5 1.5h.75a1.5 1.5 0 0 1 1.5 1.5v3'/%3E%3Cpath d='M6.75 9.75a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM11.25 14.25l1.5 1.5 3-3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;}
.ongoing .btns.basics .meetstart,.finish .btns.basics .meetstart,.b-default .btns.basics .meetstart{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8.25 15h-4.5a1.5 1.5 0 0 1-1.5-1.5V6.75a1.5 1.5 0 0 1 1.5-1.5h.75A1.5 1.5 0 0 0 6 3.75.75.75 0 0 1 6.75 3h4.5a.75.75 0 0 1 .75.75 1.5 1.5 0 0 0 1.5 1.5h.75a1.5 1.5 0 0 1 1.5 1.5v3'/%3E%3Cpath d='M6.75 9.75a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM11.25 14.25l1.5 1.5 3-3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.basics .linkcopy{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='m6.75 11.25 4.5-4.5M8.25 4.5l.347-.402A3.75 3.75 0 1 1 13.9 9.402l-.4.348M9.75 13.5l-.298.4a3.801 3.801 0 0 1-5.345 0 3.729 3.729 0 0 1 0-5.303L4.5 8.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.basics .Modify{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M3 15h3l7.875-7.875a2.12 2.12 0 0 0-3-3L3 12v3ZM10.125 4.875l3 3M11.25 14.25l1.5 1.5 3-3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.basics .recode{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M7.5 15.583a6.708 6.708 0 0 1-1.86-.727M10.5 2.417a6.753 6.753 0 0 1 0 13.166M3.434 12.82a6.72 6.72 0 0 1-.92-1.944M2.343 7.875c.12-.712.351-1.387.675-2.006l.127-.229M5.18 3.434A6.716 6.716 0 0 1 7.5 2.417'/%3E%3Cpath d='M9 6v3l2.25 2.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.delete i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23CB1919' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M3 5.25h12M7.5 8.25v4.5M10.5 8.25v4.5M3.75 5.25l.75 9a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5l.75-9M6.75 5.25V3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v2.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.catch-day i{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M28.596 2.455A1.8 1.8 0 0 0 25.6 3.8v1.8H14.8V3.8l-.013-.21a1.8 1.8 0 0 0-3.587.21v1.8H9.4l-.317.009A5.4 5.4 0 0 0 4 11v21.6l.009.317A5.4 5.4 0 0 0 9.4 38H31l.317-.009A5.4 5.4 0 0 0 36.4 32.6V11l-.009-.317A5.4 5.4 0 0 0 31 5.6h-1.8V3.8l-.013-.21a1.8 1.8 0 0 0-.591-1.135ZM7.6 14.6h25.2v17.325l-.013.288C32.685 33.446 31.923 34.4 31 34.4H9.4l-.21-.016c-.895-.144-1.59-1.19-1.59-2.459V14.6Zm13.796 5.855A1.8 1.8 0 0 0 20.2 20h-1.8l-.21.013a1.8 1.8 0 0 0 .21 3.587v3.6l.013.21A1.799 1.799 0 0 0 22 27.2v-5.4l-.012-.21a1.8 1.8 0 0 0-.592-1.135Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.btns.basics .access{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M3 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6Z'/%3E%3Cpath d='M9 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM13 11V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.btns.basics .back{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23374056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M5 6v.01M5 12v.01M5 18v.01'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.halt-btngroup{display: flex; justify-content: space-between; width: 640px; margin: 0 auto;}
.halt-btngroup button,.halt-btngroup a{width: 49.5%;}

/* 녹화 리스트 없음 */
.recording-no{position: relative; text-align: center;}
.recording-no .record-svg{display: block; margin: 20px auto 30px; position: relative; width: 100px; height: 100px; background-color:var(--brand-color-rgba); border-radius: 50%;}
.recording-no .record-svg svg{margin: 25px auto 0; width: 48px; fill: var(--color-second);}
.recording-no .record-txt01{margin-bottom: 10px; font-size: 1.1em; font-weight: bold;color: var(--txt-color-10);}
.recording-no .record-txt02{margin-bottom: 30px; font-size: 0.937em;font-weight: normal;color: var(--txt-color-20);}

/* 녹화리스트 */
.recordings-box{position: relative;}
.recordings-box .rd-title{padding-bottom: 10px; font-size: 1.1em; font-weight: bold; color: var(--brand-sub-color, #222); border-bottom: 1px solid var(--line2-color, #E8E8E8); line-height: 1;}/*2025*/
.recordings-box .rd-search{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.recordings-box .rd-search .rd-search-l{position: relative; width: 280px;}
.recordings-box .rd-search .rd-search-l input{padding-right:50px;}
.recordings-box .rd-search .rd-search-l button{position: absolute; top: 1px; right: 1px; width: 48px; height: 48px; border-radius: 8px; border: none; overflow: hidden; background-color: transparent;}
.recordings-box .rd-search .rd-search-l button:hover,
.recordings-box .rd-search .rd-search-l button:active,
.recordings-box .rd-search .rd-search-l button:focus{background-color: var(--border-color-2);}
.recordings-box .rd-search .rd-search-l button svg{fill: none; stroke: var(--color-second); stroke-linecap: round; stroke-linejoin: round; width: 24px; height: 24px; vertical-align: middle;}/*2025*/
.recordings-box .rd-search .rd-search-r{display: block; height: 48px; border-radius: 8px; border-width: 1px; border-style: solid;padding: 0 20px; background-color: var(--color-second); border-color: var(--color-second); color: var(--txt-white);}
.recordings-box .rd-search .rd-search-r:hover,
.recordings-box .rd-search .rd-search-r:active,
.recordings-box .rd-search .rd-search-r:focus{background-color: var(--color-second-hover);}
.recordings-box .rd-list{margin-top: 20px; position: relative; border: 1px solid var(--border-color-20); background-color: var(--txt-white); box-shadow: 0 10px 10px var(--shadow-box);}
.recordings-box .rd-list table{display: table; width: 100%; table-layout: fixed;}
.recordings-box .rd-list table .col01{width: 60%;}
.recordings-box .rd-list table .col02{width: 20%;}
.recordings-box .rd-list table .col03{width: 10%;}
.recordings-box .rd-list table .col04{width: 10%;}
.recordings-box .rd-list table thead tr th{padding-top: 10px; padding-bottom: 9px; color: var(--txt-color-10);font-size: .875em; font-weight: 500; background-color: var(--txt-white);}
.recordings-box .rd-list table tbody tr{border-top: 1px solid var(--border-color-20)}
.recordings-box .rd-list table tbody tr td{padding: 15px 10px; vertical-align: middle;}
.recordings-box .rd-list table .m-time{color: var(--txt-color-20); font-size: 0.875em;}
.recordings-box .rd-list table .m-time span{display: none;}
.recordings-box .rd-list table .m-view,
.recordings-box .rd-list table .m-url{text-align: center;}
.recordings-box .rd-list table .m-url .cvList{float: none;}
.recordings-box .rd-list table .m-url .cvList label span{margin-left: 5px; display: inline-block;}

.recordings-box .rd-list table button{display: inline-block; width: 40px; height: 40px; border-color: transparent; border-radius: 50%; background-color: var(--brand-color-rgba);}
.recordings-box .rd-list table button span{display: none; vertical-align: middle; font-size: 1em;font-weight: bold; color: var(--color-second);}
.recordings-box .rd-list table button svg{margin-top: 5px; width: 20px; height: 20px; fill: var(--color-second);}
.recordings-box .rd-list table button:hover{background-color: var(--color-second);}
.recordings-box .rd-list table button:hover span{color: var(--txt-white);}
.recordings-box .rd-list table button:hover svg{fill: var(--txt-white);}
.recordings-box .rd-list table button.tray svg{fill: var(--txt-red);}
.recordings-box .rd-list table button.tray:hover{background-color: var(--txt-red);}
.recordings-box .rd-list table button.tray:hover svg{fill: var(--txt-white);}
.recordings-box .rd-list table button.tray span{color: var(--txt-red);}
.recordings-box .rd-list table button.tray:hover span{color: var(--txt-white);}

.subject-name{display: flex; flex-direction: row; align-items: center;}
.subject-name .s-icon{margin-right: 10px; position: relative; width: 40px; height: 40px; min-width: 40px; border-radius: 50%; background-color: var(--brand-color-rgba);}
.subject-name .s-icon svg{display: block; content: ''; margin: 11px auto 0; width: 18px; height: 18px; fill: var(--color-second);}
.subject-name .s-title{display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch;}
.subject-name .s-title strong{font-size: 0.937em; font-weight: 500; color: var(--txt-color-10);}
.subject-name .s-title span{font-size: .875em; font-weight: normal; line-height: 1.4; color: var(--txt-color-20); letter-spacing: 0;}

.meet-btn button,
.meet-btn a{display: block; margin: 0 auto; padding: 0 20px; width: auto; height: 48px; text-align: center; line-height: 48px; font-weight: normal; background-color: var(--color-second);color: var(--txt-white); border:1px solid var(--color-second); border-radius: 8px;}
.meet-btn button svg,
.meet-btn a svg{width: 30px; vertical-align: middle; fill: var(--white-color, #ffffff);}
.meet-btn a span{vertical-align: middle;}
.meet-btn button:hover,
.meet-btn button:active,
.meet-btn button:focus,
.meet-btn a:hover,
.meet-btn a:active,
.meet-btn a:focus{background-color: var(--color-second-hover); border-color: var(--color-second-hover);}

/* 마이페이지 */
.mypage-tab{display: flex; justify-content:space-between; align-items: center; flex-direction: row; flex-wrap: wrap;}
.mypage-tab li{flex: 0 1 16%; text-align: center;}
.mypage-tab li a{display: block; width: 100%; height: 48px; line-height: 48px; font-size: 0.9em; font-weight: normal; border-radius: 8px; background-color: var(--txt-white); color: var(--txt-color-30); border: 1px solid var(--border-color-10);}
.mypage-tab li a:hover,
.mypage-tab li a:active,
.mypage-tab li a:focus,
.mypage-tab li a.on{background-color: var(--color-second); color: var(--txt-white); font-weight: 500; border: 1px solid var(--border-color-10);}

.mypage-cont{display: flex; padding: 40px; justify-content: flex-start; flex-direction: column; align-items: center; margin-top: 10px;min-height: 420px; background-color: var(--txt-white);    box-shadow: 0 10px 10px var(--shadow-box); border: 1px solid var(--border-color-10); border-radius: 16px;}
.mypage-cont .join-area{padding: 0; max-width: 100%;}
.mypage-cont form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.mypage-cont form fieldset{width: 48%;}
.mypage-cont fieldset legend{margin-bottom: 20px; padding-top: 0; border-top: 0;}
.mypage-cont h3{margin-bottom: 20px;padding-bottom: 20px; width: 100%; position: relative; font-size: 1.05em; font-weight: 500; color: var(--txt-color-10);border-bottom: 1px solid var(--border-color-20);}
.mypage-cont .password-area{max-width: 390px; width: 100%;}
.mypage-cont .sns-area,
.mypage-cont .withdraw-area,
.mypage-cont .myinfo-area{max-width: 767px; width: 100%;}
.mypage-cont .sns-area ul{display: flex; justify-content: space-between; align-items: center;}
.mypage-cont .sns-area ul li{flex: 0 1 30%; position: relative;}
.mypage-cont .sns-area ul li a{display: block; position: relative; width: 100%; height: 180px; border-width: 1px; border-style: solid; border-radius: 16px; text-align: center;}
.mypage-cont .sns-area ul li a:hover{transform: translateY(-5px); box-shadow: var(--shadow-x) var(--shadow-y-5) var(--shadow-blur-20) var(--shadow-fourth);}
.mypage-cont .sns-area ul li.sns-kakao a{background-color: var(--txt-yellow); border-color: var(--txt-yellow); color: var(--txt-kakao);}
.mypage-cont .sns-area ul li.sns-naver a{background-color: var(--txt-green); border-color: var(--txt-green); color: var(--txt-color-10);}
.mypage-cont .sns-area ul li.sns-google a{background-color: var(--background-color-10); border-color: var(--border-color-10); color: var(--txt-color-10);}
.mypage-cont .sns-area ul li a::before{content: ''; display: block; margin: 30px auto 0; width: 72px; height: 72px; background-repeat: no-repeat; background-position: center;}
.mypage-cont .sns-area ul li.sns-kakao a::before{background-image: url(../images/contents/icon-cir-kakao.svg);}
.mypage-cont .sns-area ul li.sns-naver a::before{background-image: url(../images/contents/icon-cir-naver.svg);}
.mypage-cont .sns-area ul li.sns-google a::before{background-image: url(../images/contents/icon-cir-google.svg);}
.sns-check::before{content: ''; display: inline-block; position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; background-color: var(--txt-white); z-index: 1; border-radius: 50%; background-repeat: no-repeat; background-position: center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M3 12a9 9 0 1 0 18.001 0A9 9 0 0 0 3 12Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.withdraw-area dl dt{color: var(--txt-color-10); font-size: 0.937em;}
.withdraw-area dl dd{margin-bottom: 20px; font-weight: normal; font-size: 0.937em;}
.withdraw-btn{max-width: 390px; width: 100%; margin: 30px auto 0;}
.txt-top-em{padding-top: 30px; padding-bottom: 30px; color: var(--txt-color-10); font-weight: normal; font-size: 0.9375em;}
.txt-top-strong{padding-top: 30px; padding-bottom: 30px; font-size: 1em; color: var(--txt-red); font-weight: normal;}
.photo{padding-top: 30px; padding-bottom: 20px;}
.photo .user-profile{display: block;font-size: 1.1em; color: var(--txt-color-10);text-align: center;}
.photo .user-profile span{display:block;position:relative;margin:0 auto 10px;width:120px;height:120px;line-height:120px;font-size:0;border-radius:50%;background:var(--border-color-10) url(../images/common/icon/ic_user_m.png) center no-repeat;background-size:cover;vertical-align:middle;overflow:hidden;}
.photo .user-profile span img {position:absolute;top:50%;left:50%;min-width:100%;height:100%;font-size:0;vertical-align:middle;transform:translate(-50%, -50%);}

.myinfo{display: flex; margin-bottom: 20px; justify-content: space-evenly; align-items: flex-start;}
.myinfo li{margin-bottom: 20px; padding-left: 60px; position: relative;}
.myinfo li::before,
.myinfo li::after{content: ''; display: block; position: absolute;}
.myinfo li::after{left: 13px; top: 13px;width: 24px; height: 24px; background-repeat: no-repeat; background-position: center;}
.myinfo li::before{left: 0; top: 0;background-color: var(--background-color-10); width: 50px; height: 50px; border-radius: 8px;}
.myinfo li.id::after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V7Z'/%3E%3Cpath d='M7 10a2 2 0 1 0 4 0 2 2 0 0 0-4 0ZM15 8h2M15 12h2M7 16h10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.myinfo li.mail::after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Z'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.myinfo li.phonenum::after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5ZM11 4h2M12 17v.01'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.myinfo li.host-name::after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%233A3A3A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' clip-path='url(%23a)'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.myinfo li span{display: block; color: var(--txt-color-20); font-size: 0.875em; font-weight: normal;}
.myinfo li em{display: block; max-width: 100%; word-break: break-all; color: var(--txt-color-10); font-size: 1em; font-style: normal; letter-spacing: 0;}
.host-info{margin: 10px 0;}
.host-info .user-profile{display: block; font-size:0.875em;color:var(--txt-color-10); font-weight: 500;}
.host-info .user-profile span{display:inline-block;margin-right:10px;width:40px;height:40px;line-height:40px;font-size:0;border-radius:50%;background:var(--border-color-10) url(../images/common/icon/ic_user_m.png) center no-repeat;background-size:cover;vertical-align:middle;overflow:hidden;}
.host-info .user-profile span img{min-width:100%;height:100%;font-size:0;vertical-align:middle;}

/* 미팅옵션 */
.options-area{position: relative; padding: 30px 30px 20px 30px; border: 1px solid var(--border-color-20); background-color: var(--txt-white);box-shadow: 0 10px 10px var(--shadow-box);border-radius: 16px;}
ul.options {display: flex;justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;width: 100%;}
ul.options li {display: flex; align-items: center; flex-wrap: wrap;flex: 0 0 50%; padding: 20px 0; border-top: 1px dashed var(--border-color-20);}
ul.options li:first-child{flex: 0 0 100%; padding-top: 0; border-top: none;}
ul.options li:last-child{flex: 0 0 100%;}
ul.options li label { min-width: 200px; margin-bottom: 0;flex-shrink: 0;font-size: 0.875em;color: var(--txt-color-10); cursor: default;}
ul.options li .cvList {display: inline-flex; align-items: center;margin-right: 20px;}
ul.options li .cvList:first-of-type { min-width: 150px; margin-right: 20px; flex-shrink: 0;}
ul.options li .cvList input[type="radio"] {margin-right: 5px; }
ul.options li .cvList label { margin: 0; width: auto;  min-width: 0; font-size: 0.9em;}
ul.options li .cred{color: var(--txt-red) !important; font-size: 0.875em;}
ul.options li:last-of-type{flex-wrap: nowrap;}
ul.options li:last-of-type .cvList:first-of-type{min-width: auto;}
.cvList-box{display: flex; flex-wrap: wrap; align-items: flex-start;}
.cvList-box .cvList{flex: 1 1 auto; flex-shrink: 0; margin-bottom: 10px; margin-right: 20px;}

/* 예약 */
.booking-area{position: relative; padding: 40px; border: 1px solid var(--border-color-20); background-color: var(--txt-white);box-shadow: 0 10px 10px var(--shadow-box);border-radius: 16px;}
.booking-area .join-area{padding: 0; max-width: 100%;}
.booking-area form{display: flex; flex-wrap: wrap; justify-content: space-between;}
.booking-area form fieldset{width: 48%;}
.booking-area form fieldset:first-of-type,
.booking-area form fieldset:last-of-type{width: 100%;}
.booking-area form fieldset:first-of-type{border-bottom: 1px solid var(--border-color-20);}
.booking-area form fieldset:nth-child(2) legend,
.booking-area form fieldset:nth-child(3) legend{border-top: none;}
.booking-area h3{margin-bottom: 20px;padding-bottom: 20px; width: 100%; font-size: 1.05em; font-weight: 500; color: var(--txt-color-30);border-bottom: 1px solid var(--border-color-20);}
.daterangepicker{display:flex;position: relative; width: 100%;}
.calendar-icon{position: relative;}
.calendar-icon::after {content: ''; display: inline-block; position: absolute; top: 13px;right: 15px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%23000' clip-path='url(%23a)'%3E%3Cpath d='M16 2a1 1 0 0 1 .993.883L17 3v1h1a3 3 0 0 1 2.995 2.824L21 7v12a3 3 0 0 1-2.824 2.995L18 22H6a3 3 0 0 1-2.995-2.824L3 19V7a3 3 0 0 1 2.824-2.995L6 4h1V3a1 1 0 0 1 1.993-.117L9 3v1h6V3a1 1 0 0 1 1-1Zm3 7H5v9.625c0 .705.386 1.286.883 1.366L6 20h12c.513 0 .936-.53.993-1.215l.007-.16V9Z'/%3E%3Cpath d='M12 12a1 1 0 0 1 .993.883L13 13v3a1 1 0 0 1-1.993.117L11 16v-2a1 1 0 0 1-.117-1.993L11 12h1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.code-box{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.code-box input{width: 100%; margin-bottom: 10px;}
.code-box button{width: 49%;}
.height-auto{height: auto !important;}
.modify-btngroup{display: flex; justify-content:center; align-items: center; width: 100%; padding-top: 30px; text-align: center; border-top: 1px solid var(--border-color-20);}
.modify-btngroup button{margin: 0 5px 10px;}

/* 상세보기 */
.view-area{position: relative; padding: 40px; border: 1px solid var(--border-color-20); background-color: var(--txt-white);box-shadow: 0 10px 10px var(--shadow-box);border-radius: 16px;}
.view-area h3{margin-top: 20px; margin-bottom: 30px; width: 100%; position: relative; font-size: 1em; color: var(--color-second); font-weight: bold;}
.view-area h3:first-child{margin-top: 0;}
.view-area dl dt{margin-top: 20px; font-size: .937em; color:var(--txt-color-10); font-weight: 500;}
.view-area dl dt:first-child{margin-top: 0;}
.view-area dl dd{font-size: .875em; color: var(--txt-color-20); font-weight: normal;}
.view-area .linkbox, .form-cont .linkbox{display: flex; justify-content: flex-start; flex-direction: row;}
.view-area .linkbox input[type=text], .form-cont .linkbox input[type=text]{width: 40%;}
.view-area .linkbox button, .form-cont .linkbox button{width: 20%;margin-left: 10px;}
.view-area .linkbox button:first-child, .form-cont .linkbox button:first-child{margin-left: 0;}
.view-area .en-day{letter-spacing: 0;}
.view-area .en-day br{display: none;}
.bul-tilde{display: inline-block;padding-left: 10px;padding-right: 10px;vertical-align: sub;}
.dn{display:none !important;}
.u-card {display: inline-block; position: relative; width: 120px; min-height: 120px; border-radius: 8px; overflow: hidden; border: 1px solid #ededed; background: #f6f6f6 url(../images/common/icon/ic_user_m.png) no-repeat center; background-size: 60%;}
.u-card img {font-size: 0; vertical-align: middle; max-width: 100%; min-height: 120px; text-align: center;}
.view-option{display: flex; padding-bottom: 10px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row;}
.view-option li{flex:  1 1 30%; margin-bottom: 20px;}
.view-option li span{display: block; font-size: .937em; color:var(--txt-color-10); font-weight: 500;}
.view-option li em{display: block; font-size: .875em; color: var(--txt-color-20); font-weight: normal; font-style: normal;}
.meet-name-large{font-size: 1.5em; font-weight: bold; color: var(--txt-color-10); letter-spacing: 0;}


/* inline-block tab */
.subAll-tab{position:relative;}
.subAll-tab ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.subAll-tab li{text-align:center;}
.subAll-tab li a{display:inline-block;margin-right:20px;padding-bottom:4px;position:relative;font-size:1em;color:#a0a0a0;}
.subAll-tab li a:hover,
.subAll-tab li a:active,
.subAll-tab li a:focus,
.subAll-tab li a.tab-over{color:#303030;}
.subAll-tab li a:hover::before,
.subAll-tab li a:active::before,
.subAll-tab li a:focus::before,
.subAll-tab li a.tab-over::before{content:'';position:absolute;left:0;bottom:0;background-color:#303030;width:100%;height:3px;}

/* file uploader */
.fup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;color:#303030;background-color:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#b3000000, endColorStr=#b3000000)";z-index:10;}
.fup-wrap .fup-box{position:absolute;top:50%;left:50%;width:500px;background-color:#fff;border-radius:10px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden;}
.fup-wrap .fup-box h3{padding:0 20px;font-weight:bold;line-height:60px;font-size:1.3em;border-bottom:1px solid #f0f0f0}
.fup-wrap .fup-box .fup-cont{vertical-align:middle;}
.fup-wrap .fup-box .fup-cont .fup-tit{padding:8px 20px 0 20px;line-height:40px;font-weight:bold;}
.fup-wrap .fup-box .fup-cont .fup-tit i{display:inline-block;position:relative;margin:8px 10px 0 0;width:16px;height:6px;vertical-align:middle;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;transform:scale(1);}
.fup-wrap .fup-box .fup-cont .fup-tit i:after{content:"";display:block;position:absolute;bottom:4px;left:2px;width:8px;height:8px;border-left:2px solid;border-top:2px solid;transform:rotate(45deg);}
.fup-wrap .fup-box .fup-cont .fup-tit i:before{content:"";display:block;position:absolute;bottom:3px;left:5px;border-radius:3px;width:2px;height:10px;background:currentColor;}
.fup-wrap .fup-box .fup-cont .fup-tit strong{color:#fc5175;}
.fup-wrap .fup-box .fup-cont .fup-tit span{margin:0 6px;}
.fup-wrap .fup-box .fup-cont .fup-items{padding:0 20px;width:100%;max-height:400px;overflow-y:auto;}
.fup-wrap .fup-box .fup-cont .fup-items::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);box-shadow:inset 0 0 6px rgba(0,0,0,0.1);border-radius:3px;background-color:#fff;}
.fup-wrap .fup-box .fup-cont .fup-items::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;}
.fup-wrap .fup-box .fup-cont .fup-items::-webkit-scrollbar-thumb{border-radius:8px;background-color:#e4e5e9;}
.fup-wrap .fup-box .fup-cont .fup-items::-webkit-scrollbar-corner{background-color:#333;}
.fup-wrap .fup-box .fup-cont .fup-items li{padding:8px 0;border-top:1px solid #e5e5e5;}
.fup-wrap .fup-box .fup-cont .fup-items li:first-child{border-top:none;}
.fup-wrap .fup-box .fup-cont .fup-items li h4{font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-progress{position:relative;margin:7px 0;width:100%;background-color:#eee;border-radius:5px;overflow:hidden;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-progress .fup-progress-bar{display:block;float:left;width:0;height:10px;background:#5697f5;box-shadow:inset 0 -1px 2px rgba(0,0,0,0.1);-webkit-transition:width .8s ease-in-out;transition:width .8s ease-in-out;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-progress span{position:absolute;overflow:hidden;left:0;right:0;margin-right:5px;line-height:10px;color:rgba(0,0,0,0.6);font-size:.5em;text-align:right;text-shadow:0 1px rgba(0,0,0,0.3);}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state{width:100%;color:#353944;font-weight:bold;font-size:0.95em;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state:before, .fup-wrap .fup-box .fup-cont .fup-items li .fup-state:after{display:block; content: ''; line-height: 0;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state:after{clear: both;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state div{float:right;width:70%;text-align:right;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state div:first-child{float:left;width:30%;text-align:left;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state .fup-size span{margin-right:5px;font-weight:normal;color:#a0a0a0;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state.complete .fup-size{color:#5697f5;}
.fup-wrap .fup-box .fup-cont .fup-items li .fup-state.complete .fup-size span{display:none;}