.mainvisualArea { width:100%; min-height:100vh; height:100%; background:url(../images/web/main_bg.jpg) center center no-repeat; background-size:cover; background-attachment: fixed; padding:70px 0 100px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; flex-direction:column;} .mainvisualArea .mvis_txt {color:#fff; text-align:center;} .mainvisualArea .mvis_txt .greetingtxt { margin-top:30px; } .mainvisualArea .mvis_txt .title{font-weight:100; text-transform:none; font-size:50px; line-height:60px; margin-bottom:10px; } .mainvisualArea .mvis_txt .title strong {font-weight:700; text-transform:none; display:block; letter-spacing:8px;padding-left:8px;} .mainvisualArea .mvis_txt span {text-transform:none;font-weight:100; display:block; font-size:18px; letter-spacing:4px;padding-left:5px;} .mainvisualArea .mvis_txt .exp {position:relative;max-width:1200px; font-weight:300; font-size:18px; margin:40px auto 0px; padding-top:20px;word-break:keep-all; line-height:1.7; text-shadow:0px 0px 3px rgba(0,0,0,0.3); -moz-text-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-text-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .mainvisualArea .mvis_txt .exp:before {position:absolute; top:0px; left:50%; margin-left:-60px; width:120px; height:1px; content:''; background:#fff;} .mainvisualArea .mvis_txt .exp h4 {font-size:20px;font-weight:500; text-transform:none; display:block; margin-bottom:5px;} .mainvisualArea .mvis_txt .exp strong {display:block;font-weight:300;} .mainvisualArea .mvis_btn {margin-top:40px; } .mainvisualArea .mvis_btn a { display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;padding:0px 70px;line-height:58px; font-weight:400; font-size:20px; color:var(--we-main); background:var(--white); border:1px solid var(--white); border-radius:40px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} .mainvisualArea .mvis_btn a span {width:35px; height:35px; display:inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;margin-right:20px; background:url(../images/web/ic-main-meeing.png) center center no-repeat;} .mainvisualArea .mvis_btn a:hover {color:var(--white);background:var(--we-main); border-color:var(--we-main); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5); } .mainvisualArea .mvis_btn a:hover span { background:url(../images/web/ic-main-meeing-hover.png) center center no-repeat;} .mainvisualArea .mvis_btn a.btn_preview {margin-left:20px;background:var(--we-main); border-color:var(--we-main); color:#fff;} .mainvisualArea .mvis_btn a.btn_preview:hover {background:var(--we-main-hover); border-color:var(--we-main-hover);} .mainvisualArea .mvis_btn a.btn_preview span { background:url(../images/web/ic-main-preview.png) center center no-repeat; } .mainvisualArea .mvis_btn.nomemb a {padding:0px 40px;} /* 폼 스타일 공용*/ .frm_normal { font-size:15px;color: var(--dark); width:100%; height:40px; padding-left:13px; border-radius:4px; border: solid 1px rgba(112, 112, 112, 0.1); background-color: #eff1f6; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .frm_normal.required {border-color:#ff94a1; background-color: #fff6f6; } .frm_normal.required:focus { border-color:var(--pinkish-red); background-color:#ffdddd;} .frm_normal.txtCen {text-align:center !important; padding-left:0px !important;} .frm_normal.line {font-size:15px; background:#fff; border-color:var(--we-sub-1);} .frm_normal.line:focus { border-color:#a1055b;} textarea.frm_normal {height:120px; padding:8px 13px;} select {padding-right:30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url(../images/web/bg_arrdown.png) right 10px center no-repeat;} select option {font-size:14px; } .chk_box {position:relative; } .chk_box input[type="radio"] { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;border:none;background:transparent; overflow: hidden; color:transparent; } .chk_box input[type="radio"] + label {padding-left:28px;color: var(--dark);cursor:pointer; line-height:24px; font-size:16px; } .chk_box input[type="radio"] + label span {position:absolute;top:2px;left:0;width:20px;height:20px;display:block;background:#fff; border: solid 1px #d5d7e3;border-radius:50%;cursor:pointer;} .chk_box input[type="radio"] + label:hover{color:var(--sky-blue);} .chk_box input[type="radio"] + label:hover span {border-color:var(--sky-blue);} .chk_box input[type="radio"]:checked + label {color:var(--we-main); } .chk_box input[type="radio"]:checked + label span {background:#fff;border:6px solid var(--we-main);border-radius:50%} .chk_box {position:relative; width:70px; height:33px;} .chk_box input[type="checkbox"] { position: absolute; width: 0px; height: 0px; margin: -1px; border:none;background:transparent; overflow: hidden; color:transparent; } .chk_box input[type="checkbox"] + label {cursor:pointer; width:70px; height:33px; background:#a8b1b7; border:none ;border-radius:17px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .chk_box input[type="checkbox"] + label span {position:absolute;top:3px;left:3px;width:27px;height:27px;display:block;cursor:pointer; background:#fff; border-radius:15px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;} .chk_box input[type="checkbox"]:checked + label { background:var(--we-main-2); } .chk_box input[type="checkbox"]:checked + label span { left:40px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;} .chk_ck {position:relative; } .chk_ck input[type="checkbox"] { position: absolute; left: -9999%; width: 0; height: 0; font-size: 0; line-height: 0;} .chk_ck label { display: block; position: relative; padding-left: 35px; font-size: 14px; color: #666; line-height: 27px; cursor: pointer;} .chk_ck label::before { content: ""; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 4px; border: 1px solid rgba(112, 112, 112, 0.2);background-color: #eff1f6;} .chk_ck input[type="checkbox"]:checked + label::before { background: url(../images/web/ic_chk_sm.png) no-repeat center #e2458f; border-color:#e2458f;} .chk_rd {position:relative; } .chk_rd input[type="radio"] { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;border:none;background:transparent; overflow: hidden; color:transparent; } .chk_rd input[type="radio"] + label {padding-left:28px;color: var(--dark);cursor:pointer; line-height:24px; font-size:16px; } .chk_rd input[type="radio"] + label span {position:absolute;top:2px;left:0;width:20px;height:20px;display:block;background:#fff; border: solid 1px #d5d7e3;border-radius:50%;cursor:pointer;} .chk_rd input[type="radio"] + label:hover{color:var(--we-main);} .chk_rd input[type="radio"] + label:hover span {border-color:var(--we-main);} .chk_rd input[type="radio"]:checked + label {color:#e2458f; } .chk_rd input[type="radio"]:checked + label span {background:#fff;border:6px solid #e2458f;border-radius:50%} .subcontents .scontent {padding:30px 30px 30px 40px;} .subcontents .scontent .cmsmain {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;} .subcontents .scontent .cmsmain .cm_left{position:relative; width:calc(100% - 390px);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .cmsmain .cm_right{width:350px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .subcontents .scontent .toptitlebtnwr {position:absolute; top:-5px; right:0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .subcontents .scontent .btn_meetcreat {width:150px; height:42px; color: #fff; font-size:16px; border-radius: 30px; background-color: var(--we-main);border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .btn_meetcreat:hover {background-color: var(--we-main-hover);border-color: var(--we-main-hover); } .subcontents .scontent .btn_meetcreat span {display:inline-flex; margin-right:10px;} .subcontents .scontent .toptitlebtnwr .exptt {display:none;} .subcontents .scontent .page_title {position:relative; width:100%; font-size:24px; font-weight:700; color: var(--w-bk-05); padding:5px 0 25px;} .subcontents .scontent .content_title {font-size:18px; font-weight:700; color: var(--w-bk-05); padding:25px 0 10px;} .subcontents .scontent .content_title.hasbtn {width:100%; padding:0px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .subcontents .scontent .content_title.hasbtn .left {padding:15px 0 15px;} .subcontents .scontent .content_title.hasbtn .right .btn_allcheck { height: 38px; margin-bottom:5px; border-radius: 20px; padding:0px 15px 0 20px; margin-right:16px; font-weight: 400; font-size: 14px; color: #fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .content_title.hasbtn .right .btn_allcheck span {padding-left:20px;} .subcontents .scontent .content_title.hasbtn .right .btn_allcheck:hover {border-color:var(--we-sub-1-hover); background-color: var(--we-sub-1-hover); } .subcontents .scontent .card {width:100%;background:#fff; border-radius: 8px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); background-color: #fff;} .subcontents .scontent .card .card_title{ border-bottom:1px solid #efeff0;color: var(--w-bk-05); font-weight:700; letter-spacing:-0.5px;font-size:18px; width:100%; padding:16px 25px 15px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .subcontents .scontent .card .card_head{ width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; } .subcontents .scontent .card .card_head .ch_left { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card .card_head .ch_left .ic{position:relative; margin-right:20px;width:46px; height:46px;border-radius:23px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card .card_head .ch_left .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } .subcontents .scontent .card .card_head .ch_left .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .card .card_head .ch_left .txt {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .subcontents .scontent .card .card_head .ch_left .txt .name {font-weight:500; color: var(--w-bk-05); font-size:18px; padding-top:2px;} .subcontents .scontent .card .card_head .ch_left .txt .info {color: #65676b; margin-top:3px;line-height:1.3;} .subcontents .scontent .card .card_head .ch_right { position:relative;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center;} .subcontents .scontent .card .card_head .ch_right .flag {position:relative; width:60px; height:40px;border-radius:0px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card .card_head .ch_right .flag:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .subcontents .scontent .card .card_head .ch_right .flag img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn {margin-left:5px; border:solid 1px rgba(0, 0, 0, 0.05); background:#f0f2f5; line-height:38px; width:40px;height:40px; border-radius:3px;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn:hover {border-color:#7a8d9c; background:#fff;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn img {opacity:1.0;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn:hover img {opacity:0.8;} .subcontents .scontent .card .card_head .ch_right .btn_openfeededit{margin-left:5px; font-size:26px; border:solid 1px rgba(0, 0, 0, 0.05); color:#a8b1b7;background:#fff; width:40px;height:40px; border-radius:3px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .subcontents .scontent .card .card_head .ch_right .btn_openfeededit:hover {color:var(--we-sub-1);border:solid 1px #a8b1b7;} .subcontents .scontent .card .card_head .ch_right .feededitbtnwr{position:absolute; top:39px; right:0px; width:100px; display:none;background:#fff; border: solid 1px #536471;border-radius:1px; padding:0px; z-index:99;} .subcontents .scontent .card .card_head .ch_right .feededitbtnwr.active {display:block; } .subcontents .scontent .card .card_head .ch_right .btn_smbtn {margin:0px 0px;border:none; border-top:solid 1px rgba(0, 0, 0, 0.05); color:var(--charcoal-grey);padding-left:15px;background:transparent; line-height:36px; width:100%;height:38px; border-radius:0px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .subcontents .scontent .card .card_head .ch_right .btn_smbtn:hover {border-color: rgba(0, 0, 0, 0.05); background-color:#f0f2f5;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn:first-child {border-top:none;} .subcontents .scontent .card .card_head .ch_right .btn_smbtn .ic {margin-right:10px;} .subcontents .scontent .card .card_body{position:relative; width:100%;padding-bottom:6px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .subcontents .scontent .card .card_body .cb_text {padding-top:20px; font-size:16px; color: var(--w-bk-05); line-height:1.75; font-weight:300;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .subcontents .scontent .card .card_body .cb_upload {padding-top:15px; width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .subcontents .scontent .card .card_body .cb_upload .half{width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;} .subcontents .scontent .card .card_body .cb_upload .half li{width:49%; height:320px; } .subcontents .scontent .card .card_body .cb_upload .half li .imgA {opacity:1; cursor:pointer;position:relative;width:100%;height:100%;overflow:hidden; background:#f6f7fa;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .subcontents .scontent .card .card_body .cb_upload .half li .imgA:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .subcontents .scontent .card .card_body .cb_upload .half li .imgA img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover; object-position:left top;} .subcontents .scontent .card .card_body .cb_upload .half li .imgA.small {width:auto; max-width:100%;background:transparent; justify-content: flex-start;} .subcontents .scontent .card .card_body .cb_upload .half li .imgA.small img{width:auto; max-width:100%;} .subcontents .scontent .card .card_body .cb_upload .half li .imgA.small:after {display:none;} .subcontents .scontent .card .card_body .cb_upload .half li.upnum_1{width:100%; height:auto;} .subcontents .scontent .card .card_body .cb_upload .half li.upnum_3{width:32%;height:240px;} .subcontents .scontent .card .card_body .cb_upload .half li.upnum_4{width:24%;height:200px;} .subcontents .scontent .card .card_body .cb_upload .half li:hover .imgA {opacity:0.6;} .subcontents .scontent .card .card_body .cb_detail {margin-top:20px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card .card_body .cb_detail .replyA { cursor:pointer; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card .card_body .cb_detail .likeA {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; cursor:pointer;opacity:1.0; } .subcontents .scontent .card .card_body .cb_detail .shareA {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;cursor:pointer;opacity:1.0; } .subcontents .scontent .card .card_body .cb_detail .ic{display:inline-flex; margin-right:14px;} .subcontents .scontent .card .card_body .cb_detail .txt {font-size:14px; font-weight:200; color: var(--we-sub-1);} .subcontents .scontent .card .card_body .cb_detail .txt strong {font-size:16px;font-weight:500;display:inline-flex; margin-right:5px; } .subcontents .scontent .card .card_body .cb_detail .replyA:hover,.subcontents .scontent .card .card_body .cb_detail .likeA:hover, .subcontents .scontent .card .card_body .cb_detail .shareA:hover {opacity:0.6; } .subcontents .scontent .card .card_bottom { width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center; } .subcontents .scontent .card .card_bottom .btn_cancel {min-width:200px; padding: 0px 20px; line-height: 36px; height:38px; background:var(--steel); color:#fff;border:none; font-size:14px; border-radius:20px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .scontent .card .card_bottom .btn_cancel:hover{ background-color: #474952; color:rgba(255,255,255,0.5); } .subcontents .scontent .card .card_bottom .btn_submit {min-width:200px; padding: 0px 20px; line-height: 36px; height:38px;margin-left:10px; background-color: var(--we-main); border:none; color: #fff; font-size:14px; border-radius:20px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .scontent .card .card_bottom .btn_submit:hover {background:var(--we-main-hover);color:rgba(255,255,255,0.7); } .cb_comment{ border-top:1px solid #efeff0; padding-top:30px;margin-top:20px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .cb_comment .commlist {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .cb_comment .commlist li { width:100%; padding-top:10px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .cb_comment .commlist li:first-child {padding-top:0px;} .cb_comment .commlist li .commbox { width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .cb_comment .commlist li .commbox .ic {position:relative; margin-right:20px;width:32px; height:32px;border-radius:16px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .cb_comment .commlist li .commbox .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } .cb_comment .commlist li .commbox .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .cb_comment .commlist li .commbox .comm {width:calc(100% - 52px); background-color: #f0f2f5; padding:10px 20px; border-radius:15px;} .cb_comment .commlist li .commbox .comm .info { width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .cb_comment .commlist li .commbox .comm .info .name {font-weight:500; color: var(--w-bk-05); font-size:14px; display:inline-block; margin-right:30px;} .cb_comment .commlist li .commbox .comm .info .date { color: var(--we-sub-1); font-size:0.9em; opacity:0.8;} .cb_comment .commlist li .commbox .comm .info.hasbtn {justify-content:space-between;} .cb_comment .commlist li .commbox .comm .info.hasbtn .left {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .cb_comment .commlist li .commbox .comm .info.hasbtn .right {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .cb_comment .commlist li .commbox .comm .info.hasbtn .right button {margin-left: 10px; color: var(--we-sub-1); width: 20px; height: 20px; border-radius:3px; border: none; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .cb_comment .commlist li .commbox .comm .info.hasbtn .right button:hover {color:#fff; background: var(--we-sub-1);} .cb_comment .commlist li .commbox .comm .txt {padding-top:5px;width:100%; color: var(--w-bk-05); font-size:16px; font-weight:300; line-height:1.65;} .cb_comment .commlist li .commbtn { padding-left:52px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .cb_comment .commlist li .commbtn .btn_like, .cb_comment .commlist li .commbtn .btn_share {font-weight:500;display:inline-block; border:none; background:transparent; padding:0px 20px; margin:0px;line-height:38px; color: var(--we-sub-1);} .cb_comment .commlist li .commbtn .btn_share:hover {color: var(--we-sub-1-hover);text-decoration:underline; } .cb_comment .commlist li .commbtn .btn_like { color: var(--we-main); } .cb_comment .commlist li .commbtn .btn_like:hover {color: var(--we-main-hover);text-decoration:underline; } .cb_comment .commwritefrm {margin-top:15px; width:100%; } .cb_comment .commwritefrm .commwrfrm {width:100%;padding-bottom:10px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .cb_comment .commwritefrm .commwrfrm .ic {position:relative; margin-right:20px;width:32px; height:32px;border-radius:16px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .cb_comment .commwritefrm .commwrfrm .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } .cb_comment .commwritefrm .commwrfrm .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .cb_comment .commwritefrm .commwrfrm .frm_normal { font-size:16px; padding:0px 20px; width:calc(100% - 192px); height:58px; border-radius:30px;border: solid 1px var(--we-main); background-color: #fff;} .cb_comment .commwritefrm .commwrfrm .frm_normal:focus {-webkit-box-shadow:0 0 8px rgba(161,5,91,0.25);-moz-box-shadow:0 0 8px rgba(161,5,91,0.25);box-shadow:0 0 8px rgba(161,5,91,0.25); } .cb_comment .commwritefrm .commwrfrm .btn_submit {margin-left:10px; width:132px; height:58px; color: #fff; font-size:16px; border-radius: 30px; background-color: var(--we-main);border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .cb_comment .commwritefrm .commwrfrm .btn_submit:hover {background-color: var(--we-main-hover);border-color: var(--we-main-hover); } .subcontents .scontent .card.cm_confer .card_list {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_confer .card_list li{width:100%;padding:13px 25px 15px; border-top:1px solid #efeff0; } .subcontents .scontent .card.cm_confer .card_list li:first-child {border-top:0px; } .subcontents .scontent .card.cm_confer .card_list li a{display:block; } .subcontents .scontent .card.cm_confer .card_list li .cl_title {width:100%; color: var(--w-bk-05); font-size:16px; font-weight:500; margin-bottom:5px; line-height:1.3;} .subcontents .scontent .card.cm_confer .card_list li .cl_img{position:relative; width:100%; height:172px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_confer .card_list li .cl_img:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .subcontents .scontent .card.cm_confer .card_list li .cl_img img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;object-position:left top;} .subcontents .scontent .card.cm_confer .card_list li .cl_list {margin-top:10px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .subcontents .scontent .card.cm_confer .card_list li .cl_list .info { line-height:1.3; color: #333;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_confer .card_list li .cl_list .info .place { font-size: 16px;margin-top:2px; display:block;} .subcontents .scontent .card.cm_confer .card_list li .cl_list .likes {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; flex-direction:column; } .subcontents .scontent .card.cm_confer .card_list li .cl_list .likes .ic {width:24px; height:24px;border-radius:12px; border: solid 1px var(--we-main); background-color: var(--we-main);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_confer .card_list li .cl_list .likes .txt { color: var(--we-main); } .subcontents .scontent .card.cm_confer .card_list li a:hover .cl_img:after {background:rgba(0,0,0,0.15); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .subcontents .scontent .card.cm_confer .card_list li:hover .cl_title {color: var(--we-main); } .subcontents .scontent .card.cm_confer .card_list .cl_info {width:100%; background-color: #f5eaf0; padding:7px 12px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_confer .card_list .cl_info .row {width:100%; padding:3px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .subcontents .scontent .card.cm_confer .card_list .cl_info .row .tt {width:17px; margin-right:8px;} .subcontents .scontent .card.cm_confer .card_list .cl_info .row .txt {width:calc(100% - 25px); font-weight:400; padding-top:2px; line-height:1.3; font-size:13px;color: var(--we-sub-1-hover);} .subcontents .scontent .card.cm_meet {margin-top:15px;} .subcontents .scontent .card.cm_meet .card_list {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_meet .card_list li{width:100%; padding:18px 25px; border-top:1px solid #efeff0; } .subcontents .scontent .card.cm_meet .card_list li:first-child {border-top:0px;} .subcontents .scontent .card.cm_meet .card_list li a{display:block; } .subcontents .scontent .card.cm_meet .card_list .cl_state {} .subcontents .scontent .card.cm_meet .card_list .cl_state> div {width:auto; font-size:12px; padding:0px 12px 0 11px; font-weight:300; height:27px; border-radius:14px; color:#fff; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_meet .card_list .cl_state> div img {margin-right:7px; display:inline-block; } .subcontents .scontent .card.cm_meet .card_list .cl_state .st_ing {background:#296da9;} .subcontents .scontent .card.cm_meet .card_list .cl_title {width:100%;padding:10px 0; color: var(--w-bk-05); font-size:16px; font-weight:500; line-height:1.0;} .subcontents .scontent .card.cm_meet .card_list li:hover .cl_title {color: var(--we-main); } .subcontents .scontent .card.cm_meet .card_list .cl_info {width:100%; background-color: #f0f2f5; padding:7px 12px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_meet .card_list .cl_info .row {width:100%; padding:3px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .subcontents .scontent .card.cm_meet .card_list .cl_info .row .tt {width:17px; margin-right:8px;} .subcontents .scontent .card.cm_meet .card_list .cl_info .row .txt {width:calc(100% - 25px); font-weight:400; font-size:13px;padding-top:2px; line-height:1.3;} .subcontents .scontent .card.cm_meet .card_list .cl_user{width:100%; padding:10px 0 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_meet .card_list .cl_user .sender {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_meet .card_list .cl_user .arrow {padding:0px 5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_meet .card_list .cl_user .receiver {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_meet .card_list .cl_user .ic{position:relative;width:28px; height:28px; margin-right:8px;border-radius:14px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_meet .card_list .cl_user .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } .subcontents .scontent .card.cm_meet .card_list .cl_user .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .card.cm_meet .card_list .cl_user .name {color: #333; letter-spacing:-0.5px;} .subcontents .scontent .ctop_search #fsearch{padding:24px 30px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .ctop_search #fsearch .group {width:auto;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .ctop_search #fsearch .group .tt {display:none; color: var(--w-grey); font-size:16px; letter-spacing:-0.5px; width:auto; margin-right:12px;} .subcontents .scontent .ctop_search #fsearch .group .frm_normal {width:auto;} .subcontents .scontent .ctop_search #fsearch .cmtsch_1 {width:300px;} .subcontents .scontent .ctop_search #fsearch .cmtsch_1 .frm_normal {width:100%;} .subcontents .scontent .ctop_search #fsearch .cmtsch_2 {width:calc(100% - 200px);} .subcontents .scontent .ctop_search #fsearch .cmtsch_2 select.frm_normal {width:140px; } .subcontents .scontent .ctop_search #fsearch .cmtsch_2 input.frm_normal {margin-left:1px;width:calc(100% - 142px); } .subcontents .scontent .ctop_search .btn_search {width:150px; height:40px; border-radius:4px; font-weight:200;font-size:14px; color:#fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .ctop_search .btn_search:hover { border: solid 1px var(--we-sub-1-hover); background-color: var(--we-sub-1-hover);} .subcontents .scontent .ctop_search .btn_search span {display:inline-block; margin-right:10px;} .subcontents .scontent .cm_contlist {margin-top:15px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .subcontents .scontent .cm_contlist .card { flex-direction:column;padding:14px 30px;} .subcontents .scontent .card.contopmenu { border:1px solid rgba(83,100,113,0.5);} .subcontents .scontent .contopmenu ul{width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .contopmenu ul li{position:relative;padding:0px 44px 0px 50px; font-size:18px; color:var(--silver2); cursor:pointer;} .subcontents .scontent .contopmenu ul li:first-child {padding:20px 44px;} .subcontents .scontent .contopmenu ul li:before {position: absolute; top:50%; margin-top:-9px; left: 2px; width:2px; height:18px; content:''; background: #c7cdd1; transform: skewX( -30deg ); } .subcontents .scontent .contopmenu ul li:first-child:before {display:none;} .subcontents .scontent .contopmenu ul li.on { color: var(--we-main-2); font-weight:500; } .subcontents .scontent .contopmenu ul li span {position:relative; display:inline-block; padding:2px 0; } .subcontents .scontent .contopmenu ul li.on span:before {position:absolute; bottom:0px; left:0px; width:100%; height:2px; background:var(--we-main-2); content:''; display:block;} .subcontents .scontent .detcontents {width:100%; } .subcontents .scontent .cm_contlist .card.cm_cenmeet {position:relative; margin-top:15px;} .subcontents .scontent .cm_contlist .card.cm_cenmeet:first-child {margin-top:0px;} .subcontents .scontent .card.cm_cenmeet .cl_state {} .subcontents .scontent .card.cm_cenmeet .cl_state> div {width:auto; font-size:12px; padding:0px 12px 0 11px; font-weight:300; height:27px; border-radius:14px; color:#fff; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_state> div img {margin-right:7px; display:inline-block; } .subcontents .scontent .cm_contlist .card.cm_cenmeet .new {position:absolute; top:13px; left:20px; width:8px; height:8px; content:''; background:var(--we-main); border-radius:5px; opacity:0.8;} .subcontents .scontent .card.cm_cenmeet .ch_right .btn_smbtn {margin-left:20px; padding-left:0px;opacity:0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width:27px; height:27px; border:none; background:transparent;} .subcontents .scontent .card.cm_cenmeet .ch_right .btn_smbtn:first-child{margin-left:0px;} .subcontents .scontent .card.cm_cenmeet .ch_right .btn_smbtn:hover {opacity:1; } .subcontents .scontent .card.cm_cenmeet .cl_title {width:100%;padding:3px 0 6px; color: var(--w-bk-05); font-size:18px; letter-spacing:-0.5px;font-weight:400; line-height:1.4;} .subcontents .scontent .card.cm_cenmeet li:hover .cl_title {color: var(--we-main); } .subcontents .scontent .card.cm_cenmeet .cb_spbet {width:100%; padding:10px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .subcontents .scontent .card.cm_cenmeet .cb_spbet .cb_left {width:calc(100% - 220px); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .subcontents .scontent .card.cm_cenmeet .cb_spbet .cb_right {width:220px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start; } .subcontents .scontent .card.cm_cenmeet .cb_spbet .cb_right .thimgA {position:relative;width:170px; height:170px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cb_spbet .cb_right .thimgA:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .subcontents .scontent .card.cm_cenmeet .cb_spbet .cb_right .thimgA img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover; object-position:left;} .subcontents .scontent .card.cm_cenmeet .cl_info {width:100%; background-color: #f0f2f5; padding:10px 15px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_cenmeet .cl_info .row {width:100%; padding:5px 0 6px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_info .row .tt {width:17px; margin-right:8px;} .subcontents .scontent .card.cm_cenmeet .cl_info .row .txt {width:calc(100% - 25px); color: var(--we-sub-1); font-weight:400; padding-top:2px; line-height:1.3;} .subcontents .scontent .card.cm_cenmeet .cl_user{width:100%; padding:10px 0 0 6px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_user .left {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .subcontents .scontent .card.cm_cenmeet .cl_user .right {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .subcontents .scontent .card.cm_cenmeet .cl_user .sender {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_user .arrow {padding:0px 30px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_cenmeet .cl_user .receiver {margin-right:20px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_user .ic{position:relative;width:28px; height:28px; margin-right:12px;border-radius:14px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_cenmeet .cl_user .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } .subcontents .scontent .card.cm_cenmeet .cl_user .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .card.cm_cenmeet .cl_user .name {font-size:15px; color: #333; letter-spacing:-0.5px;} .subcontents .scontent .card.cm_cenmeet .cl_user .sendtime { padding-top:2px;font-size:12px;line-height:18px;color: var(--w-grey-light); font-style:italic; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_user .sendtime strong {font-weight:500;font-size:11px;display:inline-block; margin-left:5px;} .subcontents .scontent .card.cm_cenmeet .btn_editmeetopt{border:none; background:#a8b1b7; font-weight:300;border-radius:10px;line-height:20px;padding:0px 10px;color:#fff; font-size:12px;margin-left:15px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenmeet .btn_editmeetopt:hover {background:var(--we-sub-1);} .subcontents .scontent .card.cm_cenmeet .cl_user .right .btn_detailview {border:1px solid var(--we-sub-1); background:var(--we-sub-1); font-weight:400;border-radius:15px;line-height:28px;padding:0px 20px;color:#fff; font-size:12px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenmeet .cl_user .right .btn_detailview:hover {border-color:var(--we-sub-1-hover); background:var(--we-sub-1-hover); } .subcontents .scontent .card.cm_cenmeet .cl_user .right .btn_detailview span {font-size:1.1em;display:inline-flex; margin-right:8px;} .subcontents .scontent .card.cm_cenmeet .cb_comment {padding-top:25px; margin-top:25px;} .subcontents .scontent .card.cm_cenmeet .card_body .cb_comment .commwritefrm .commwrfrm {padding-bottom:3px;} .subcontents .scontent .card .cb_bottombtn {width:100%;border-top: 1px solid #efeff0; padding-top: 30px; margin-top: 20px;} .subcontents .scontent .card .cb_bottombtn .btn_inputresult {width:100%; border:none; background:#a8b1b7; font-weight:400;border-radius:30px;line-height:54px;padding:0px 10px;color:#fff; font-size:16px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card .cb_bottombtn .btn_inputresult:hover {background:var(--we-sub-1);} .subcontents .scontent .scheduleviewcont { position:relative; width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .subcontents .scontent .card.selectdatewr { position:relative; border:1px solid rgba(83,100,113,0.5);padding:15px 30px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .scheduleviewcont .contopmenu { position:absolute; right:30px; top:15px; z-index:1;} .subcontents .scontent .scheduleviewcont ul.tabmenu {width:auto; justify-content: flex-end;background-color: #a8b1b7; border-radius:4px; overflow:hidden; } .subcontents .scontent .scheduleviewcont ul.tabmenu li{ padding:0px 20px; line-height:34px;font-size:14px; color:#fff;font-weight:400; border: solid 1px rgba(0, 0, 0, 0.08); border-left:none; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .scontent .scheduleviewcont ul.tabmenu li:first-child {padding:0px 20px; border-left: solid 1px rgba(0, 0, 0, 0.08);} .subcontents .scontent .scheduleviewcont ul.tabmenu li:before {display:none;} .subcontents .scontent .scheduleviewcont ul.tabmenu li.on { font-weight:400;background:#a1055b; } .subcontents .scontent .scheduleviewcont ul.tabmenu li span { padding:0;color:#fff;} .subcontents .scontent .scheduleviewcont ul.tabmenu li.on span:before {display:none;} .subcontents .scontent .scheduleviewcont ul.tabmenu li .ic {margin-right:6px;} .subcontents .scontent .selectdatewr .seldate_txt {font-size:20px; font-weight:500; color: var(--w-bk-05); line-height:36px; } .subcontents .scontent .selectdatewr .seldate_btn {position:absolute; left:30px; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .subcontents .scontent .selectdatewr .btn_seldate {margin-right:2px; width:38px; height:36px; border-radius:4px; font-weight:200;font-size:16px; color:#fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .selectdatewr .btn_seldate:hover { border: solid 1px var(--we-sub-1-hover); background-color: var(--we-sub-1-hover);} .subcontents .scontent .selectdatewr .seldate_txt#day_sel_date {line-height:1.2;text-align:center; margin-top:-6px;} .subcontents .scontent .selectdatewr .seldate_txt#day_sel_date .selday_exp {color:#b35e8d;padding-top:3px; margin-bottom:-2px;font-size:0.7em; font-weight:500;} .subcontents .scontent .feededitwr {padding:15px 30px; margin-bottom:15px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .subcontents .scontent .feededitwr .left {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } .subcontents .scontent .feededitwr .right {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } .subcontents .scontent .feededitwr .feed_img{position:relative;width:46px; height:46px; margin-right:27px;border-radius:23px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .feededitwr .feed_img:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:23px; } .subcontents .scontent .feededitwr .feed_img img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .feededitwr .feed_txt {font-size:16px; color: var(--we-main);} .subcontents .scontent .feededitwr .btn_editfeed{margin-left:10px; width:150px; height:46px; color: #fff; font-size:16px; border-radius: 30px; background-color: var(--we-main);border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .feededitwr .btn_editfeed:hover {background-color: var(--we-main-hover);border-color: var(--we-main-hover); } .subcontents .scontent .feededitwr .btn_editfeed span {display:inline-flex; margin-right:10px;} .subcontents .scontent .calen_month {width:100%;padding: 30px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .canlentbl { width:100%;border-right:1px solid #dfe2e8;} .canlentbl thead th { width:14.2%;font-size:13px; text-align:center; font-weight:400; color: var(--steel); padding:6px 8px; border:none; border-left:1px solid #dfe2e8;border-top:1px solid #dfe2e8; border-bottom:1px solid #dfe2e8; background:#f0f2f5;} .canlentbl tbody th, .canlentbl tbody td {width:14.2%; font-size:14px; text-align:left; font-weight:400; color: var(--dark); padding:8px 0px; border-left:1px solid #dfe2e8; border-bottom:1px solid #dfe2e8;} .canlentbl tbody td .small .sm {font-size:0.6em; margin-bottom:2px; display:inline-flex; margin-left:2px; font-weight:700;} .canlentbl tbody tr th:hover, .canlentbl tbody tr td:hover {background:#e5f6ed;} .canlentbl tbody td .daywr {width:100%;height:13.5vh; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;cursor:pointer;} .canlentbl tbody td .day_top {padding:0px 8px 5px; width:100%;font-size:13px; font-weight:500; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .canlentbl tbody td .day_top .expday {color: #959595; font-weight:300;font-size:12px; } .canlentbl tbody td.td_holyday .day_top {color:#f00;} .canlentbl tbody td .day_work{position:relative;width:100%;font-size:12px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .canlentbl tbody td .day_work .dw_meet {z-index:1;font-weight:400; width:100%; padding:0px 8px; line-height:26px; color:#fff; background-color: #5575c8; border:1px solid rgba(0,0,0,0.08); margin:0px 0px 1px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .canlentbl tbody td .day_work .dw_meet.waiting {background-color: #5575c8;} .canlentbl tbody td .day_work .dw_meet.success {background-color: #f77a3f;} .canlentbl tbody td .day_work .dw_meet.none {background-color: #858585;} .canlentbl tbody td .day_work .consjb {z-index:1;font-weight:400; width:100%; padding:0px 8px; line-height:26px; color:#fff; background-color: #5575c8; border:1px solid rgba(0,0,0,0.08); margin:0px 0px 1px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .canlentbl tbody td .day_work .dw_conf {z-index:2; font-weight:400; width:100%; padding:0px 8px; height:28px;color:#fff; margin:0px 0px 1px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .canlentbl tbody td .day_work .dw_conf .consjb {z-index:1;position:absolute; min-width:100%; left:0px; top:0px; padding:0px 8px;line-height:26px; background-color: #b35e8d; border:1px solid rgba(0,0,0,0.08); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .canlentbl tbody td .day_work .dw_conf .consjb.btn_detailview {cursor:pointer;} .subcontents .scontent .calen_month .canlentbl .td_blank {background:#f8f9fa;} .canlentbl_time {border-top:1px solid #dfe2e8;} .canlentbl_time tbody th{ background:#f0f2f5; width:84px; text-align:right; color: var(--steel); font-size:12px; padding:0px 14px 0 0; line-height:21px;} .canlentbl_time tbody td { width:calc(100% - 84px); text-align:left; padding:0px; } .canlentbl_time tbody td .day_work .dw_conf {height:21px; margin:0px; padding:0px; line-height:21px;} .canlentbl_time tbody td .day_work .dw_conf .consjb {z-index:1;position:absolute; width:100%;height:21px; min-height:100%; left:0px; top:-0.5px; padding:0px 8px;line-height:21px; background-color: #a1055b; border:1px solid rgba(0,0,0,0.08); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .canlentbl_time tbody td .day_work .dw_conf .consjb strong {color:#fef7b6; font-weight:500; display:inline-block; margin-right:8px; } .canlentbl.canlentbl_time tbody td .day_work .dw_meet {line-height:21px;} .canlentbl tbody td .day_work .othermansch {position:absolute; top:0px; left:52%; width:40%; z-index:1;font-weight:400; padding:0px 8px; line-height:21px; color:var(--we-sub-1); background-color: #eceff7; border:1px solid rgba(0,0,0,0.08); margin:0px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .subcontents .scontent .cm_contlist .card.cm_cenconf {margin-top:15px;} .subcontents .scontent .cm_contlist .card.cm_cenconf:first-child {margin-top:0px;} .subcontents .scontent .card.cm_cenconf .cl_state {} .subcontents .scontent .card.cm_cenconf .cl_state> div {width:auto; font-size:12px; padding:0px 12px 0 11px; font-weight:300; height:27px; border-radius:14px; color:#fff; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_state> div img {margin-right:7px; display:inline-block; } .subcontents .scontent .card.cm_cenconf .ch_right .btn_smbtn {margin-left:20px;opacity:0.6; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width:27px; height:27px; border:none; background:transparent;} .subcontents .scontent .card.cm_cenconf .ch_right .btn_smbtn:first-child{margin-left:0px;} .subcontents .scontent .card.cm_cenconf .ch_right .btn_smbtn:hover {opacity:1; } .subcontents .scontent .card.cm_cenconf .cl_title {width:100%;padding:0px 0 12px; color: var(--w-bk-05); font-size:18px; letter-spacing:-0.5px;font-weight:400; line-height:1.3;} .subcontents .scontent .card.cm_cenconf li:hover .cl_title {color: var(--we-main); } .subcontents .scontent .card.cm_cenconf .cb_spbet {width:100%; padding:10px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left {width:265px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_right {width:calc(100% - 290px); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start; flex-start; flex-direction:column;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .thimgA {position:relative;width:265px; height:170px; overflow:hidden; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; background-size:cover !important; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .thimgA:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .thimgA img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover; object-position:left top;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .thimgA .itconf_title {color:#fff; font-size:1.25em; line-height:1.5em;text-align:center;font-weight:500; width:265px; height:170px; padding:14px; word-break:keep-all; text-shadow:0px 0px 5px rgba(0,0,0,0.2); -moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.2); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count {width:100%; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count .popc_title {width:100%; font-size:16px; font-weight:500; color: var(--w-bk-05); padding:13px 0 8px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count .btn_meeteradd { font-size: 13px; border-radius: 20px; height: 28px; padding: 0px 15px 0px 15px; opacity: 0.6; border: none; background: var(--we-sub-1); color: #fff; font-weight: 400; letter-spacing: -0.5px;display:inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count .btn_meeteradd:hover {opacity:1.0;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count .tbl_normal {border-top:1px solid var(--pale-grey-line);} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_left .meeting_count .tbl_normal tbody td {text-align:left; padding:6px 8px;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_right .cl_conf {width:100%; padding:0px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_right .cl_conf .cl_conf_left {width:calc(100% - 180px);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .subcontents .scontent .card.cm_cenconf .cb_spbet .cb_right .cl_conf .cl_conf_right {width:160px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_cenconf .cl_info {font-size:14px;width:100%; border: 1px solid #e4e6e8;padding:10px 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_cenconf .cl_info .row {width:100%; padding:4px 17px 5px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_info .row:first-child {border-top:none;} .subcontents .scontent .card.cm_cenconf .cl_info .row .tt {width:28px; height:28px; border-radius:15px; background: #94b6d4; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_info .row .tt img{max-width:17px; height:auto;} .subcontents .scontent .card.cm_cenconf .cl_info .row .txt {width:calc(100% - 28px); padding-left:12px; color: var(--we-sub-1-hover);font-weight:400; line-height:1.3;} .subcontents .scontent .card.cm_cenconf .cl_reception {font-size:14px; background:#f0f2f5; border: 1px solid #e4e6e8; border-top:none;padding:10px 17px 10px; width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .subcontents .scontent .card.cm_cenconf .cl_reception .row {width:100%; border-radius:0px;padding:2px 0px 3px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .tt{width:28px; height:28px; border-radius:15px; background: #d99bbd ;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .txt { width:calc(100% - 138px); line-height:1.4; font-weight:400; color: var(--we-sub-1-hover); padding:0px 0px 0px 12px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .txt .date {width:100%; color:#e2458f; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .txt .place {width:100%;position:relative; color: var(--we-sub-1-hover); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .txt .place:before { position: absolute; top: 50%; margin-top: -7px; left: 3px; width: 1px; height: 12px; content: ''; background: #b1b9bf; transform: skewX( -30deg ); display:none;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .rbtn {width:110px; height:100%;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .btn_recepjoin { width:100%; border:none; background: rgba(161,5,91,0.4); border-radius:20px; font-weight:400; line-height:32px;padding:0px 8px 0px 12px;color:#fff; font-size:12px; display:flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .btn_recepjoin span{display:inline-block; margin-left:10px; font-size:10px;} .subcontents .scontent .card.cm_cenconf .cl_reception .row .btn_recepjoin:hover { position: relative; background:var(--we-main); } .subcontents .scontent .card.cm_cenconf .btn_confnor { width: 100%; font-size:12px; border-radius: 24px; height:38px; padding:0px 15px 0px 18px; opacity:0.6; margin-bottom:6px; border: none;background:var(--we-sub-1);color:#fff; font-weight:400; letter-spacing:0px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .btn_confnor span{font-size:10px;} .subcontents .scontent .card.cm_cenconf .btn_confnor:hover { position: relative; opacity:1.0; } .subcontents .scontent .card.cm_cenconf .btn_confelse { width: 100%; font-size:12px; border-radius: 24px; height:38px; padding:0px 15px 0px 18px; margin-bottom:6px; border: none;background:rgba(161,5,91,0.4); color:#fff; font-weight:400; letter-spacing:0px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .btn_confelse span{font-size:10px;} .subcontents .scontent .card.cm_cenconf .btn_confelse:hover { position: relative; background:var(--we-main); } .subcontents .scontent .card.cm_cenconf .cb_confdetail {border-top: 1px solid #efeff0; padding-top: 25px; margin-top: 25px; width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .cbcdbox {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;flex-direction:column;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .tt {width:100%; margin-bottom:8px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .tt span { font-size:13px; font-weight:400; color:#e2458f;letter-spacing:-0.5px; } .subcontents .scontent .card.cm_cenconf .cb_confdetail .val {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .ic{ display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; margin-right:6px;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .txt {font-size:14px; font-weight:400; color: #000;} .subcontents .scontent .card.cm_cenconf .cb_confdetail .txt strong {font-size:20px;font-weight:700;display:inline-flex; margin-right:2px; } .subcontents .scontent .card.cm_cenconf .cb_confdetail .txt.sm {font-size:12px;} .subcontents .pagebot_btn {width:100%; margin:50px 0 40px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .pagebot_btn .btn_submit{width:42%; height:58px;margin:0px ; background-color: var(--we-main); border:none; color: #fff; font-size:16px; border-radius:30px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .subcontents .pagebot_btn .btn_submit:hover {background:var(--we-main-hover);} .subcontents .tablewr {width:100%;} .subcontents .tbl_normal {text-align:center; border:none;border-right:1px solid var(--pale-grey-line); } .subcontents .tbl_normal thead th { font-size:13px; text-align:center; font-weight:400; color: var(--steel); padding:6px 5px; border:none; border-left:1px solid rgba(0,0,0,0.07);border-top:1px solid rgba(0,0,0,0.07); border-bottom:1px solid rgba(0,0,0,0.07); background:#eceff7;} .subcontents .tbl_normal tbody th { font-size:14px; text-align:center; font-weight:400; color: var(--steel); padding:9px 5px; border:none;border-bottom:1px solid var(--pale-grey-line);border-left:1px solid var(--pale-grey-line); } .subcontents .tbl_normal tbody td { font-size:14px; text-align:center; font-weight:400; padding:10px 5px; border-left:1px solid var(--pale-grey-line); border-bottom:1px solid var(--pale-grey-line);} .subcontents .tbl_normal tbody td .small{width:auto;display:inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-end; } .subcontents .tbl_normal tbody td .small .sm {font-size:0.6em; margin-bottom:2px; display:inline-flex; margin-left:2px; font-weight:700;} .subcontents .tbl_normal tbody tr:hover th, .subcontents .tbl_normal tbody tr:hover td {background:#e5f6ed;} .subcontents .setting_else tbody td {color:#666;} .subcontents .tbl_normal tbody tr.sel td {background:#fffef2; color: var(--dark); } .subcontents .tbl_normal tbody tr.sel td.check {color:#e2458f; font-size:18px; padding:7px 5px; } .subcontents .tbl_normal tbody tr.sel td.check span {margin-top:5px;} .subcontents .tbl_normal tbody#career_list2 td {cursor:pointer;} .card.cm_network {margin-top:15px;} .card.cm_network:first-child {margin-top:0px;} .card.cm_network .card_body{padding-bottom:0px !important;} .card.cm_network .cb_spbet{width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .card.cm_network .cb_spbet .cb_left { width:calc(100% - 190px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .card.cm_network .cb_spbet .cb_right{width:150px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: flex-start;} .card.cm_network .cb_fullstart {width:100%; padding:10px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .card.cm_network .cb_fullstart .cb_left {width:100%;} .card.cm_network .profile_info {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .card.cm_network .profile_info .profile_img {position:relative; width:86px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .card.cm_network .profile_info .profile_img .fmarkwr {position:absolute; top:0px; left:0px; z-index:2; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content:flex-start; align-items: flex-start;} .card.cm_network .profile_info .profile_img .fmarkwr .fmark { width:auto;background:#096fc9; color:#fff; font-weight:500;font-size:11px;border-radius:0px 0px 4px 4px; padding:0px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .card.cm_network .profile_info .profile_img .fmarkwr .fmark:first-child { border-radius:0px 0px 4px 4px;} .card.cm_network .profile_info .profile_img .fmarkwr .fmark.zzim{background:#e2458f;} .card.cm_network .profile_info .profile_img .fmarkwr .fmark span {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;width:22px; height:22px; color:#fff;} .card.cm_network .profile_info .profile_img .fmarkwr .fmark span img {width:auto; max-height:70%;} .card.cm_network .profile_info .profile_img .thimg{position:relative; background:#e0e3e7; width:86px; height:86px; border-radius:4px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;flex-direction:column; } .card.cm_network .profile_info .profile_img .thimg img {width:100%; height:auto;} .card.cm_network .profile_info .profile_img .thimg:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05);border-radius:4px; content:''; display:block;} .card.cm_network .profile_info .profile_img .btn_userdetview {width:100%; cursor:pointer; } .card.cm_network .profile_info .profile_img .btn_userdetview .thimg{ opacity:1.0;} .card.cm_network .profile_info .profile_img .btn_userdetview:hover .thimg{opacity:0.6} .card.cm_network .profile_info .profile_img .rating { width:100%;padding-top:9px; font-size: 13px; line-height:15px;color: var(--we-sub-1); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .card.cm_network .profile_info .profile_img .rating .ic {display:inline-block; margin-right:4px; margin-top:-1px;} .card.cm_network .profile_info .profile_img .rating span { font-weight:500;} .card.cm_network .profile_info .profile_txt {width:calc(100% - 120px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .card.cm_network .profile_info .proftxt_top{line-height:26px;padding-top:0px; width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .card.cm_network .profile_info .proftxt_top .name {font-size:18px; font-weight:700; color: var(--w-bk-05); margin-right:15px;} .card.cm_network .profile_info .nation{ font-size:12px;display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center;} .card.cm_network .profile_info .flag {position:relative; width:30px; height:20px;border-radius:0px; margin-right:5px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .card.cm_network .profile_info .flag:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .card.cm_network .profile_info .flag img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .card.cm_network .profile_info .nation span {font-style:italic; font-weight:500; color: var(--w-grey-light);} .card.cm_network .profile_info .proftxt_info {margin-top:9px;width:100%; border-top:1px solid #efeff0; padding:9px 2px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .card.cm_network .profile_info .proftxt_info .row {width:49%; font-size:16px;padding:4px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .card.cm_network .profile_info .proftxt_info .row .tt {width:17px; margin-right:8px;} .card.cm_network .profile_info .proftxt_info .row .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:1.3;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .card.cm_network .profile_info .proftxt_info .row .txt .office_sub {position:relative; width:100%; margin-top:5px;background:url(../images/web/ic_step.png) 2px 4px no-repeat; padding-left:20px;} .card.cm_network .profile_info .proftxt_info .row .txt strong { font-weight:400;color: #161c1f; } .card.cm_network .profile_info .proftxt_opt{width:100%; padding:4px 0px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .card.cm_network .profile_info .proftxt_opt span{background:#f2f2f2; padding:0px 12px; margin:1px; border-radius:0px; line-height:26px; font-size:13px; color: #e2458f;display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .card.cm_network .btn_wemet { width: 100%; font-size:12px; border-radius: 24px; height:35px; padding:0px 15px 0px 18px; margin-top:0px; border: none;background:rgba(161,5,91,0.4); color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .card.cm_network .btn_wemet span{font-size:10px;} .card.cm_network .btn_wemet:hover { position: relative; background:var(--we-main); } .card.cm_network .btn_confnor { width: 100%; font-size:12px; border-radius: 24px; height:35px; padding:0px 15px 0px 18px; opacity:0.6; margin-top:3px; border: none;background:var(--we-sub-1);color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .card.cm_network .btn_confnor span{font-size:10px;} .card.cm_network .btn_confnor:hover { position: relative; opacity:1.0; } .card.cm_network .btn_submit { width: 100%; font-size:12px; border-radius: 24px; height:35px; padding:0px 15px 0px 18px; margin-top:3px; border: none;background:rgba(41,109,169,0.6); color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .card.cm_network .btn_submit span{font-size:10px;} .card.cm_network .btn_submit:hover { position: relative; background: rgba(41,109,169,1.0); } .card.cm_network.nouser .profile_info .profile_txt {width:100%;} .subcontents .scontent .cm_contlist .card.noti {padding:20px 28px 20px 28px; margin-top:10px;} .subcontents .scontent .cm_contlist .card.noti:first-child {margin-top:0px;} .subcontents .scontent .cm_contlist .card.noti .card_body .cb_spbet{ align-items: center; } .card.cm_network.noti .profile_info .profile_img .thimg{ width:58px; height:58px; } .card.cm_network.noti .profile_info .profile_img{ width:58px; } .card.cm_network.noti .profile_info .profile_txt {width:calc(100% - 86px); } .card.cm_network.noti .profile_info .proftxt_top .name {font-weight:400; font-size:16px;} .card.cm_network.noti .profile_info .proftxt_top .name .time {display:inline-block; font-weight:500; font-style: italic; margin-left: 22px; padding-top: 2px; font-size: 12px; line-height: 18px; color: var(--w-grey-light); } .card.cm_network.noti .profile_info .proftxt_info {margin-top:0px; padding:7px 0 0; font-size:15px; border-top:none;} .card.cm_network.noti .profile_info .proftxt_info .txt_noti {width:100%; text-align:left;} .card.cm_network.noti .btn_readcheck { width: auto; font-size:14px; border-radius: 24px; height:38px; padding:0px 15px 0px 18px; opacity:0.6; border: none;background:var(--we-sub-1);color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .card.cm_network.noti .btn_readcheck:hover { position: relative; opacity:1.0; } .notification .card.cm_network.noti .profile_info .profile_img img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .card.cm_network .cb_spbet.full .cb_left {width:100%;} .canlentbl .sctype_1 {background-color:#a8b1b7 !important;} .canlentbl .sctype_2 {background-color:#365266 !important;} .canlentbl .sctype_wait {background-color:#fae100 !important; color:#000 !important;font-weight:500 !important;} .canlentbl .sctype_wait strong {color:#000 !important;font-weight:700 !important;} .cl_state .st_ing {background:#296da9 !important;} .cl_state .st_success {background:#fc7e43 !important;} .cl_state .st_finish {background:#666 !important;} .cl_state .st_live {background:var(--we-main) !important;} .setting_account {width:100%; margin-top:20px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .setting_account .setacc_left {width:48.5%; } .setting_account .setacc_right{width:48.5%;} .card.cm_setting .card_body {padding:25px 30px 25px !important; } .card.cm_setting .set_account {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .card.cm_setting .set_account .account_basic {position:relative; width:100%; padding-top:10px;margin-bottom:30px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; flex-direction:column;} .card.cm_setting .set_account .account_basic .accb_img {width:100%; padding-bottom:0px; position:relative; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-start;} .card.cm_setting .set_account .account_basic .accb_name {max-width:100%; border-bottom:1px solid #bfc5ca; padding:20px 0 10px;position:relative; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .card.cm_setting .set_account .account_basic .accb_name strong {font-size:18px; font-weight:500; color:var(--w-bk-05);} .card.cm_setting .set_account .account_basic .accb_name button{width:28px; height:24px; margin-top:-2px;margin-left:5px; opacity:1.0; border:none; background-color:transparent; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .card.cm_setting .set_account .account_basic .accb_name button:hover {opacity:0.6;} .card.cm_setting .set_account .account_basic .thimg{position:relative; background:url(../images/web/sam_profile.jpg) center center no-repeat #e0e3e7; width:170px; height:170px; border-radius:90px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;flex-direction:column; } .card.cm_setting .set_account .account_basic .thimg img {width:100%; height:auto;} .card.cm_setting .set_account .account_basic .thimg:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05);border-radius:90px; content:''; display:block;} .card.cm_setting .set_account .account_basic .accb_img .btn {position:absolute; bottom:0px; left:50%; margin-left:30px;} .card.cm_setting .set_account .account_basic .accb_img .btn .btn_picture {width:48px; height:48px; border-radius:24px; border: solid 1px var(--we-main); background-color: var(--we-main); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .card.cm_setting .set_account .account_basic .accb_img .btn .btn_picture:hover { border-color: var(--we-main-hover); background-color: var(--we-main-hover);} .card.cm_setting .set_account .account_basic .accb_img .btn .btn_picture img {padding-bottom:1px;} .card.cm_setting .set_account .account_txt {position:relative; width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .card.cm_setting textarea.frm_normal {height:90px;} .card.cm_setting .form_edit { position:relative; width:100%; padding: 0px 0;} .card.cm_setting .form_edit .rowwr {width:100%; padding:5px 0px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .card.cm_setting .form_edit .rowwr .frmtt { width:130px; font-size:14px; color: var(--blue-grey); height:40px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .card.cm_setting .form_edit .rowwr .frmtxt {width:calc(100% - 130px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .card.cm_setting .form_edit .rowwr .frmtt .required {color:var(--pinkish-red); line-height:20px; display:inline-flex; margin:6px 0px 0px 4px;} .card.cm_setting .form_edit .rowwr .frmtt .exp {color:#1d9bf0; width:100%; display:block; margin:0px; font-size:12px;} .card.cm_setting .form_edit .rowwr .frmtxt .group {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .card.cm_setting .form_edit .rowwr .frmtxt .unit {line-height:46px; margin:0px 4px; color: var(--bluey-grey);} .card.cm_setting .form_edit .rowwr .valuett { font-size:15px; color: var(--blue-grey); padding:0px 0 6px;} .card.cm_setting .form_edit .rowwr .valuetxt {font-size:18px; color: var(--black);} .card.cm_setting .form_edit .rowwr .selectedopt {width:100%; padding:0px 0px 8px ; border-bottom:1px solid #efeff0; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .card.cm_setting .form_edit .rowwr .selectedopt .opt {cursor:pointer; margin:1px; border-radius:30px; font-size: 13px; font-weight:400; color: #fff; height: 32px; padding: 0px 12px; border:none; background-color: #a8b1b7; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .card.cm_setting .form_edit .rowwr .selectedopt .opt i {display:inline-flex; margin-top:-2px;margin-left:8px; font-size:0.8em; color:rgba(255,255,255,0.6);} .card.cm_setting .form_edit .rowwr .selectedopt .opt:hover {background:#606c75;} .card.cm_setting .form_edit .rowwr .selectedopt .opt:hover i{color:#fff;} .card.cm_setting .form_edit .rowwr .selectedoptbtn {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: flex-start;} .card.cm_setting .form_edit .rowwr .btn_editprofield { margin-top:8px; padding:0px 16px 0px 22px; height:40px; border-radius:30px; color:#fff; border: 1px solid rgba(0,0,0,0.1); background:var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .card.cm_setting .form_edit .rowwr .btn_editprofield span {display:inline-block; margin-left:35px;} .card.cm_setting .form_edit .rowwr .btn_editprofield:hover { border-color: var(--we-main-hover); background-color: var(--we-main-hover);} .card.cm_setting .form_edit .fileboxwr {width:100%; display: flex; justify-content: space-between; align-items: center;} .card.cm_setting .form_edit .fileboxwr button { width:80px; height:40px; border-radius: 4px; font-size:0.95em; color:#fff; display: flex; justify-content: center; align-items: center; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1);} .card.cm_setting .form_edit .fileboxwr .filename { width:calc(100% - 82px); height:40px; padding-left:8px; font-size:0.95em; color:var(--dark); line-height:1.3;display: flex; justify-content: flex-start; align-items: center; border-radius: 4px; border: solid 1px rgba(112, 112, 112, 0.1); background-color: #eff1f6;} .setting_else {width:100%; margin-top:20px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .subcontents .scontent .setting_else .card .card_title {padding:12px 25px 11px; justify-content: space-between; } .subcontents .scontent .setting_else .card .card_title .btn_edit { margin-left: 10px; padding:0px 23px; height: 38px; font-weight:400; color: #fff; font-size: 15px; border-radius:30px; background-color: var(--we-main); border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .setting_else .card .card_title .btn_edit span {display:inline-block; margin-right:12px;} .subcontents .scontent .setting_else .card .card_title .btn_edit span img {width:auto; height:18px;} .subcontents .scontent .setting_else .card .card_title .btn_edit:hover {background-color: var(--we-main-hover); border-color: var(--we-main-hover); } .subcontents .scontent .card .card_title.hasbtn {justify-content: space-between; padding:0px 25px; } .subcontents .scontent .card .card_title.hasbtn .title {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items:flex-end; padding: 16px 0px 15px; } .subcontents .scontent .card .card_title.hasbtn .title .exp {background: #1d9bf0; opacity:0.7; color:#fff; font-size:0.65em; display:inline-block; margin-left:10px; font-weight:400;padding:0px 6px; border-radius:4px;} .subcontents .scontent .card.cm_setting.career .card_body {padding-top:15px !important; padding-bottom:15px !important;} .card.cm_setting.career .form_edit .rowwr .selectedopt {border-bottom:0px;} .card.cm_setting.career .form_edit .rowwr .frmtxt {width:100%;} .card.cm_setting.career .form_edit .rowwr .selectedopt {flex-direction:column;} .card.cm_setting.career .form_edit .rowwr .selectedopt .opt { margin:2px 0 1px; } .card.cm_setting.career .form_edit .rowwr .selectedopt#field_list {flex-direction:row;} .card.cm_setting.career .form_edit .rowwr .selectedopt#field_list .opt { margin:1px; } .card.cm_setting.career .btn_editprocareer { padding:0px 16px 0px 22px; height:36px; border-radius:30px; color:#fff; font-size:0.7em; border: 1px solid rgba(0,0,0,0.1); background:var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .card.cm_setting.career .btn_editprocareer span {display:inline-block; margin-left:26px;} .card.cm_setting.career .btn_editprocareer:hover { border-color: var(--we-main-hover); background-color: var(--we-main-hover);} .subcontents .scontent .card .card_body.pushset {padding-top:13px !important; padding-bottom:13px !important;} .card.cm_setting .pushset .form_edit { display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items:center; justify-content: space-between;} .card.cm_setting .pushset .form_edit .rowwr{width:auto;} .card.cm_setting .pushset .form_edit .rowwr .frmtt{width:auto; height:33px;margin-right:15px;} .subcontents .scontent .card .card_body.withdrawal{padding-top:8px !important; padding-bottom:8px !important;} .card.cm_setting .withdrawal .form_edit .rowwr{width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; align-items:center; justify-content: space-between; gap:10px;} .card.cm_setting .withdrawal .form_edit .rowwr .frmtt{width:auto; height:auto; margin-right:0px; font-size:0.9em;} .card.cm_setting .withdrawal .form_edit .rowwr .frmtxt{width:auto; justify-content: flex-end; } .card.cm_setting .withdrawal .form_edit .rowwr .frmtxt button { width: auto; font-size:0.9em; padding:0px 25px;height: 34px; border-radius:20px; border: 1px solid rgba(0, 0, 0, 0.07); background: #eceff7; color: var(--steel); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .card.cm_setting .withdrawal .form_edit .rowwr .frmtxt button:hover { background-color: var(--blue-grey); color:#fff; } .selectcountrywr {position:relative; width:100%;} .selectcountrywr .selcountbox { width:100%;} .selectcountrywr .selcountbox #s_c_ul {z-index:9999;position:absolute; top:40px; left:0px; width:300px; height:60vh; overflow-y:auto;padding:4px 0;border: 1px solid #536471;border-radius: 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); background-color: #fff;} .selectcountrywr .selcountbox #s_c_ul li {padding:5px 8px; font-size:0.95em; line-height:1.3; color: var(--dark); background:#fff; word-break:keep-all;} .selectcountrywr .selcountbox #s_c_ul li:hover {background:#f5eaf0; color:var(--we-main);} .selectcountrywr .selcountbox #s_c_ul li i{font-style:normal;} .selectcountrywr .selcountbox #s_c_ul li.focus {background:#f5eaf0; color: var(--dark); } .popup_wrap #feed_add .cbox_uploadimg {width:100%;padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .inlimgupload {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .inlimgupload li{position:relative; width:152px; margin-left:20px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-start;} .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .inlimgupload li:first-child {margin-left:0px;} .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .uploadimg {position:relative; width:152px; height: 152px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-start;} .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .btn_addthimg { background:#f0f2f5; border: 1px dashed #dcdced; position: relative; display: block; margin: 0 auto; width: 152px; height: 152px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; overflow: hidden; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .btn_addthimg:hover { cursor: pointer;} .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .btn_addthimg img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; max-width: 100%; max-height: 100%; object-fit: cover; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .btn_addthimg:hover { border-color: var(--dusk)} .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .uploadimg .btn_pfrdel { z-index:10; position: absolute; cursor:pointer; top:6px; right: 6px;width: 38px; height: 38px; border-radius: 20px; border:none; background-color: var(--dusk); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .popup_wrap #feed_add .cbox_uploadimg .uploadimgrwr .uploadimg .btn_pfrdel:hover { background-color: var(--blue-grey); } /* 레이어 팝업 공용*/ .popup_wrap {display:none; z-index:999990; position:fixed; top:50%; left:50%; overflow-y:auto; background:#fff; border: solid 1px #536471; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .popup_wrap .popup_head {position:relative; padding:0px 25px; background-color: #536471; border-bottom:1px solid #dcdee4;} .popup_wrap .popup_head .head_title {color: #fff;width:100%; min-height:56px;padding-right:40px; display:flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .popup_wrap .popup_head .head_title h3 {font-weight:400; font-size:18px;line-height:56px; } .popup_wrap .popup_head .head_title .cl_state {padding:10px 0; min-width:150px; display:inline-flex; } .popup_wrap .popup_head .head_title .cl_state> div {width:auto; min-width:130px; font-size:12px; padding:0px 12px 0 11px; font-weight:300; height:28px; border-radius:14px; color:#fff; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .popup_wrap .popup_head .head_title .cl_state> div img {margin-right:7px; display:inline-block; } .popup_wrap .popup_head .head_title .cl_user{ display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .popup_wrap .popup_head .head_title .cl_user .sender {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .popup_wrap .popup_head .head_title .cl_user .arrow {padding:0px 25px; opacity:0.7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .popup_wrap .popup_head .head_title .cl_user .receiver {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .popup_wrap .popup_head .head_title .cl_user .ic{position:relative;width:28px; height:28px; margin-right:8px;border-radius:14px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .popup_wrap .popup_head .head_title .cl_user .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .popup_wrap .popup_head .head_title .cl_user .name {color: #fff;font-size:16px; font-weight:400; } .popup_wrap .popup_head .head_title .cl_user .sendtime {margin-left:20px; padding-top:3px;font-size:14px;line-height:20px;color: rgba(255,255,255,0.85); font-style:italic; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .popup_wrap .popup_head .head_title .cl_user .sendtime strong {font-weight:500;font-size:11px;display:inline-block; margin-left:5px;} .popup_wrap .popup_head .head_title .cl_state .st_ing {background:#096fc9 !important;} .popup_wrap .popup_head .head_title .cl_state .st_success {background:#fc7e43 !important;} .popup_wrap .popup_head .head_title .cl_state .st_finish {background:#2b3339 !important;} .popup_wrap .popup_head .btn_popupclose {position:absolute; top:0px; right:0px; width:78px; height:56px; opacity:1.0; background: url(../images/web/ic_top_close_b_w.png) center center no-repeat transparent; cursor:pointer;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .popup_wrap .popup_head .btn_popupclose:hover {color:var(--blue-grey); opacity:0.6;} .popup_wrap .popup_btn {border-top:1px solid #e0e3ec; padding:20px 30px;width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .popup_wrap .popup_btn .btn_cancel {width:42%; height:54px; margin:0px 10px;background:var(--steel); color:#fff;border:none; font-size:16px; border-radius:5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .popup_btn .btn_cancel:hover{ background-color: #474952; color:rgba(255,255,255,0.5); } .popup_wrap .popup_btn .btn_submit {width:42%; height:54px;margin:0px 10px; background-color: var(--we-main); border:none; color: #fff; font-size:16px; border-radius:5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .popup_btn .btn_submit:hover {background:var(--we-main-hover);color:rgba(255,255,255,0.7); } .popup_wrap .popup_btn .btn_else {width:42%; height:54px;margin:0px 10px; background-color: var(--bluey-grey); border:none; color: #fff; font-size:16px; border-radius:5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .popup_btn .btn_else:hover {background:var(--steel);} .popup_wrap .popup_btn .btn_del {width:42%; height:54px;margin:0px 10px; background-color:#536471; border:none; color: #fff; font-size:16px; border-radius:5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .popup_btn .btn_del:hover {background:#404e57;} .popup_wrap.popup_editwr .popup_head { background-color: var(--pale-grey);} .popup_wrap.popup_editwr .popup_head .head_title {color:#000; } .popup_wrap.popup_editwr .popup_head .head_title h3 {position: relative; margin: 0px; padding: 1px 0px 0px 32px; font-weight: 500; display: inline-block ;} .popup_wrap.popup_editwr .popup_head .head_title h3:before { position: absolute; top: 50%; left: 0px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size: 1.15em; content: "\e61d"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} .popup_wrap.popup_editwr .popup_head .btn_popupclose {background: url(../images/web/ic_top_close_b.png) center center no-repeat transparent; background-size:22px auto; } .popup_wrap.popup_editwr .popup_btn .btn_submit, .popup_wrap.popup_editwr .popup_btn .btn_cancel {width:42%; } .popup_wrap.popupbodyscroll {overflow-y:hidden;} .popup_wrap.popupbodyscroll .popup_body {width:100%; height:calc(100% - 58px); overflow-y:auto;display:flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .popup_wrap#win_photo_viewer .popup_head {min-height:32px; padding:0px 15px;} .popup_wrap#win_photo_viewer .popup_head .head_title { min-height:32px;} .popup_wrap#win_photo_viewer .popup_head .head_title h3{font-size:14px; font-weight:300; line-height:32px;} .popup_wrap#win_photo_viewer .popup_head .btn_popupclose {width:40px; height:32px; background-size:auto 18px;} .popup_wrap#win_photo_viewer .popup_body img {max-width:100%; height:auto;} .popup_wrap.popup_editwr .popup_btn.btnhasnum_3 { justify-content:space-between; } .popup_wrap.popup_editwr .popup_btn.btnhasnum_3 .btn_submit {width:40%; margin:0px ;} .popup_wrap.popup_editwr .popup_btn.btnhasnum_3 .btn_cancel, .popup_wrap .popup_btn.btnhasnum_3 .btn_del {width:28%; margin:0px ;} .popup_wrap#win_search_reply {overflow-y:hidden;} .popup_wrap#win_search_reply .popup_body {height:calc(100% - 56px); overflow-y:auto; padding-bottom:30px;} #meeting_detail .popup_wrap.popupbodyscroll .popup_body .popdetcont{ height:100%; } #meeting_detail .popup_wrap.popupbodyscroll .popup_body .popdetcont .detcon_mdetail{height:calc(100% - 96px); overflow-y:auto; padding-bottom:116px;} #meeting_detail .popup_wrap.popupbodyscroll .popup_body .popdetcont .popup_btn {position:absolute; bottom:0px; left:0px; background:#fff; z-index:50;} #make_meeting .popup_wrap.popupbodyscroll .popup_body .popdetcont{ height:100%; } #make_meeting .popup_wrap.popupbodyscroll .popup_body .popdetcont .detcon_mdetail{height:calc(100% - 96px); overflow-y:auto; padding-bottom:116px;} #make_meeting .popup_wrap.popupbodyscroll .popup_body .popdetcont .popup_btn {position:absolute; bottom:0px; left:0px; background:#fff; z-index:50;} /* 레이어 팝업 컨텐츠*/ .popup_wrap .popup_topmenu { width:100%; background-color: var(--pale-grey); } .popup_wrap .popup_topmenu ul{width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; border-bottom:1px solid var(--pale-grey-line); } .popup_wrap .popup_topmenu ul li{position:relative;padding:15px 25px; font-size:16px; color:var(--silver2); cursor:pointer;} .popup_wrap .popup_topmenu ul li:before {position: absolute; top:0; right: 0px; width:1px; height:100%; content:''; background:var(--pale-grey-line); } .popup_wrap .popup_topmenu ul li.on { color: var(--we-main-2); font-weight:500; background:#fff;} .popup_wrap .popup_topmenu ul li.on:after {position: absolute; bottom:-2px; left: 0px; width:calc(100% - 1px); height:4px; content:''; background:#fff; } .popup_wrap .popup_detcontents, .popup_wrap .popdetcont{width:100%;} .popup_wrap .pop_control_cont {width:100%;padding:35px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .popup_wrap .pop_control_cont .btn_control_open { width:160px; height:160px; background:var(--we-main); border:none; border-radius:15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); color:#fff; font-size:24px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; flex-direction:column;} .popup_wrap .pop_control_cont .btn_control_open span {display:block; margin-top:5px; } .popup_wrap .pop_control_cont .btn_control_open:hover {background:var(--green-hover); } .popup_wrap .pop_control_cont .btn_control_close { width:160px; height:160px; background:var(--blue-grey); border:none; border-radius:15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); color:#fff; font-size:24px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; flex-direction:column;} .popup_wrap .pop_control_cont .btn_control_close span {display:block; margin-top:5px; } .popup_wrap .pop_control_cont .btn_control_close:hover {background:var(--dusk); } .popup_wrap .form_edit { position:relative; width:100%; padding:20px 0;} .popup_wrap .form_edit.jc_spbet {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .popup_wrap .form_edit.jc_spbet:before {position:absolute; top:0px; left:50%; width:1px; height:100%; display:block; content:""; background:var(--pale-grey-line);} .popup_wrap .form_edit.jc_spbet .left {width:50%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .popup_wrap .form_edit.jc_spbet .right {width:50%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .popup_wrap .form_edit .frmtitle {padding:0px 30px 15px;} .popup_wrap .form_edit .frmtitle h4{ font-size:16px; color: var(--dark); font-weight:500;} .popup_wrap .form_edit .rowwr {width:100%; padding:5px 30px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .popup_wrap .form_edit .rowwr .frmtt { width:118px; font-size:14px; color: var(--blue-grey); height:46px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .popup_wrap .form_edit .rowwr .frmtxt {width:calc(100% - 118px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .popup_wrap .form_edit .rowwr.wide .frmtt { width:128px; } .popup_wrap .form_edit .rowwr.wide .frmtxt {width:calc(100% - 128px);} .popup_wrap .form_edit .rowwr.sm .frmtt { width:100px; } .popup_wrap .form_edit .rowwr.sm .frmtxt {width:calc(100% - 100px);} .popup_wrap .form_edit .rowwr.sm .frmtxt.alcen {align-items: center; } .popup_wrap .form_edit .rowwr.low .frmtt, .popup_wrap .form_edit .rowwr.low .frmtxt {height:32px;} .popup_wrap .form_edit .rowwr.full {flex-direction:column;} .popup_wrap .form_edit .rowwr.full .frmtt { width:100%; height:auto; padding:15px 0 8px 0;} .popup_wrap .form_edit .rowwr .frmtt .extt {color:#1d9bf0; display:inline-block; font-size:13px; line-height:14px;margin-left:10px; padding-top:3px; } .popup_wrap .form_edit .rowwr .frmtt .extt2 {color:#e2458f; display:inline-block; font-size:13px; line-height:20px; padding-top:3px; } .popup_wrap .form_edit .rowwr.full .frmtxt {width:100%; } .popup_wrap .form_edit .rowwr.full .frmtxt.box {width:100%; border:1px solid rgba(112, 112, 112, 0.1);background:#f6f7fa;padding:8px 15px;} .popup_wrap .form_edit .rowwr.full .frmtxt .chk_ck {width:50%;padding:3px 0;} .popup_wrap .form_edit .rowwr.full .frmtxt .chk_ck label {padding-left:28px; padding-right:5px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important;} .popup_wrap .form_edit .rowwr.full .frmtxt .chk_ck label::before {background-color:#fff; border:1px solid #a8b1b7;} .popup_wrap .form_edit .rowwr.full .frmtxt .chk_ck input[type="checkbox"]:checked + label::before { background: url(../images/web/ic_chk_sm.png) no-repeat center #e2458f; border-color:#e2458f;} .popup_wrap .form_edit .rowwr.full .frmtxt .chk_ck input[type="checkbox"]:checked + label {color:#e2458f} .popup_wrap .form_edit .rowwr .frmtt .required {color:var(--pinkish-red); line-height:20px; display:inline-flex; margin:6px 0px 0px 4px;} .popup_wrap .form_edit .rowwr .frmtxt .group {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .popup_wrap .form_edit .rowwr .frmtxt .unit {line-height:46px; margin:0px 4px; color: var(--bluey-grey);} .popup_wrap .form_edit .rowwr .frmtxt textarea.frm_normal {height:150px; padding:10px 15px;} .popup_wrap .form_edit .rowwr .frmtxt .chk_rd {width:50%;} .popup_wrap .form_edit .rowwr .valuett { font-size:15px; color: var(--blue-grey); padding:0px 0 6px;} .popup_wrap .form_edit .rowwr .valuetxt {font-size:18px; color: var(--black);} .popup_wrap .form_edit .rowwr .frm_normal {height: 46px; padding-left:15px;} .popup_wrap .form_edit .rowwr .frmexp { width:100%;margin-top:6px; font-size:13px; color: var(--bluey-grey);} .popup_wrap .form_edit .rowwr .alerttxt { width:100%;margin-top:6px; font-size:13px; color: var(--we-main);} .popup_wrap .form_edit .rowwr .btnschhas {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .popup_wrap .form_edit .rowwr .btnschhas .frm_normal {width:calc(100% - 100px);} .popup_wrap .form_edit .rowwr .btnschhas .btn_side {width:94px; height: 46px;border: none; background-color: #b5b9cb; color:#fff; border-radius:5px; font-size:16px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .form_edit .rowwr .btnschhas .btn_side:hover {background-color: var(--dusk);} .popup_wrap .form_edit .rowwr .location_map {position:relative;margin-top:4px;width:100%; max-height:250px; overflow:hidden; border-radius:5px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .form_edit .rowwr .location_map img {width:100%; height:auto;} .popup_wrap .form_edit .rowwr .location_map:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.08);border-radius:5px; content:''; display:block;} .popup_wrap .form_edit .rowwr .inline { width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .popup_wrap .form_edit .rowwr .inline.half li {width:48%; margin:12px 0 14px 4%;} .popup_wrap .form_edit .rowwr .inline.half li:first-child, .popup_wrap .form_edit .rowwr .inline.half li:nth-child(2n+1) {margin-left:0px;} .popup_wrap .form_edit .rowwr .inline.half li .optimg {margin-top:5px;position:relative;width:100%; height:140px; border-radius:5px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .form_edit .rowwr .inline.half li .optimg:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.08);border-radius:5px; content:''; display:block;} .popup_wrap .form_edit .rowwr .inline.half li .optimg img {max-width:100%; height:auto; object-fit:cover;} .popup_wrap .form_edit.sm {padding:0px;} .popup_wrap .form_edit.sm .rowwr {padding:4px 0;} .popup_wrap .form_edit.sm .rowwr .frm_normal {height:40px;} .popup_wrap .form_edit.sm .rowwr .frmtt {width:86px; font-size:14px;height:40px; justify-content: flex-end; padding-right:12px; } .popup_wrap .form_edit.sm .rowwr .frmtxt {width:calc(100% - 86px);} .popup_wrap .form_edit .rowwr.findinfo_txt {word-break:keep-all;} .frm_editfeed { font-size:15px;color: var(--dark); width:100%; height:294px; line-height:1.5; padding:0px; border-radius:0px; border:none; background-color: transparent; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } textarea.frm_editfeed:focus {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .popup_wrap .editoptbtn {border-top: 1px solid #efeff0;padding:5px 20px;} .popup_wrap .editoptbtn .btn_editopt {width:48px; height:48px; opacity:1.0; border:none; background:transparent;display:inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .popup_wrap .editoptbtn .btn_editopt:hover { opacity:0.5;} .popup_wrap .popc_title {font-size:18px; font-weight:500; color: var(--w-bk-05); padding:13px 0 12px;} .popup_wrap .popc_title.sub {font-size:16px; color:#424242;} .popup_wrap .popc_title.bd_bot { border-bottom: 1px solid #efeff0; padding-bottom:10px; margin-bottom:12px; width:100%;} .popup_wrap .form_edit .rowwr.verify_message {margin-top:-3px;padding-top:0px; color:#b35e8d; word-break:keep-all; line-height:1.3; font-size:0.95em;} .detcon_mdetail {width:100%; padding:20px 25px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .detcon_mdetail .dm_left { width:49%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .dm_right { width:49%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail.result .dm_left { width:42%; } .detcon_mdetail.result .dm_right { width:56%; } .detcon_mdetail .cboxwr {width:100%; border:1px solid #e4e6e8; border-radius:8px; box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);} .detcon_mdetail .cboxwr .cbox_head {width:100%; padding:0px 20px; border-bottom:1px solid #e4e6e8;} .detcon_mdetail .cboxwr .cbox_head.hasbtn {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .detcon_mdetail .cboxwr .cbox_head.hasbtn .btn_change {margin-left:10px; font-size:0.9em; min-width:110px; height:34px;padding:0px 15px;color: #fff; border-radius: 30px; background-color: var(--we-main);border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .cbox_head.hasbtn .btn_change:hover {background-color: var(--we-main-hover);border-color: var(--we-main-hover); } .detcon_mdetail .cboxwr .cbox_body {width:100%; } .detcon_mdetail .cboxwr .profile_info {width:100%;padding: 15px 20px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .detcon_mdetail .cboxwr .profile_info .profile_img {position:relative; background:#e0e3e7; width:138px; height:138px; border-radius:90px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .profile_info .profile_img img {width:100%; height:100%; object-fit: cover;} .detcon_mdetail .cboxwr .profile_info .profile_img:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05);border-radius:90px; content:''; display:block;} .detcon_mdetail .cboxwr .profile_info .profile_txt {width:calc(100% - 160px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .profile_info .proftxt_top{line-height:26px;padding-top:3px; width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .detcon_mdetail .cboxwr .profile_info .proftxt_top .name {font-size:18px; font-weight:700; color: var(--w-bk-05); margin-right:15px;} .detcon_mdetail .cboxwr .profile_info .nation{ font-size:12px;display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center;} .detcon_mdetail .cboxwr .profile_info .flag {position:relative; width:30px; height:20px;border-radius:0px; margin-right:5px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .profile_info .flag:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .detcon_mdetail .cboxwr .profile_info .flag img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .detcon_mdetail .cboxwr .profile_info .nation span {font-style:italic; font-weight:500; color: var(--w-grey-light);} .detcon_mdetail .cboxwr .profile_info .proftxt_info {margin-top:6px;width:100%; border-top:1px solid #efeff0; padding:8px 2px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .profile_info .proftxt_info .row {width:100%; padding:4px 0 4px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .cboxwr .profile_info .proftxt_info .row .tt {width:17px; margin-right:8px;} .detcon_mdetail .cboxwr .profile_info .proftxt_info .row .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:1.3;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .detcon_mdetail .cboxwr .profile_info .proftxt_info .row .txt .office_sub {position:relative; width:100%; margin-top:5px;background:url(../images/web/ic_step.png) 2px 4px no-repeat; padding-left:20px;} .detcon_mdetail .cboxwr .profile_info .proftxt_info .row .txt strong { font-weight:500;color: #161c1f; } .detcon_mdetail .cboxwr .profile_info .proftxt_opt{width:100%; padding:0px 0px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .detcon_mdetail .cboxwr .profile_info .proftxt_opt span{background:#f2f2f2; padding:0px 12px; margin:1px; border-radius:0px; line-height:24px; font-size:12px; color: #e2458f;display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .detcon_mdetail .cboxwr .meeting_count {width:100%;padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .meeting_count .popc_title {width:100%; padding-bottom:10px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .meeting_count .popc_title.btnhas {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .detcon_mdetail .cboxwr .meeting_count .popc_title .num {display:inline-flex; margin-left:15px; font-size:12px; color:#e2458f; border:1px solid #e2458f; padding:0px 8px; line-height:22px; border-radius:15px; font-weight:400;} .detcon_mdetail .cboxwr .meeting_count .popc_title .num strong {font-size:14px;display:inline-block; margin-right:3px;} .detcon_mdetail .cboxwr .meeting_count .popc_title button {border:1px solid var(--we-sub-1); background:var(--we-sub-1); font-weight:400;border-radius:15px;line-height:28px;padding:0px 15px;color:#fff; font-size:14px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .meeting_count .popc_title button:hover {border-color:var(--we-sub-1-hover); background:var(--we-sub-1-hover); } .detcon_mdetail .cboxwr .replyA .popc_title {cursor:pointer; } .detcon_mdetail .cboxwr .replyA .popc_title .num {display:inline-flex; margin-left:15px; font-size:12px; color:#e2458f; opacity:1.0; border:1px solid #e2458f; padding:0px 8px; line-height:22px; border-radius:15px; font-weight:400;} .detcon_mdetail .cboxwr .replyA .popc_title .num strong {font-size:14px;display:inline-block; margin-right:3px;} .detcon_mdetail .cboxwr .replyA:hover .popc_title .num {background:#e2458f; color:#fff;opacity:0.7;} .detcon_mdetail .cboxwr .meeting_count .tablewr {width:100%; } .detcon_mdetail .cboxwr .meeting_count .tbl_normal {text-align:center; border:none;border-right:1px solid var(--pale-grey-line); } .detcon_mdetail .cboxwr .meeting_count .tbl_normal thead th { font-size:13px; text-align:center; font-weight:400; color: var(--steel); padding:6px 5px; border:none; border-left:1px solid rgba(0,0,0,0.07);border-top:1px solid rgba(0,0,0,0.07); border-bottom:1px solid rgba(0,0,0,0.07); background:#eceff7;} .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody th { font-size:14px; text-align:center; font-weight:400; color: var(--steel); padding:9px 5px; border:none;border-bottom:1px solid var(--pale-grey-line);border-left:1px solid var(--pale-grey-line); } .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody td { font-size:14px; text-align:center; font-weight:400; color: var(--dark); padding:9px 5px; border-left:1px solid var(--pale-grey-line); border-bottom:1px solid var(--pale-grey-line);} .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody td .small{width:auto;display:inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-end; } .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody td .small .sm {font-size:0.6em; margin-bottom:2px; display:inline-flex; margin-left:2px; font-weight:700;} .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody tr:hover th, .detcon_mdetail .cboxwr .meeting_count .tbl_normal tbody tr:hover td {background:#e5f6ed;} .detcon_mdetail .cboxwr .meeting_history {width:100%;padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .meeting_history .history_user {width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .detcon_mdetail .cboxwr .meeting_history .history_user ul {width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } /* .detcon_mdetail .cboxwr .meeting_history .history_user ul li { width:25%; padding:1px; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .detcon_mdetail .cboxwr .meeting_history .history_user ul li .userinfo{width:100%; border:1px solid #e9ebef; border-radius:20px;padding:5px; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} */ .detcon_mdetail .cboxwr .meeting_history .history_user ul li { padding:1px; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .detcon_mdetail .cboxwr .meeting_history .history_user ul li .userinfo{width:100%; border:1px solid #e9ebef; border-radius:20px;padding:5px 12px 5px 5px; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .meeting_history .history_user ul li .ic{position:relative;width:26px; height:26px; margin-right:6px;border-radius:14px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .meeting_history .history_user ul li .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .detcon_mdetail .cboxwr .meeting_history .history_user ul li .name {width:auto ;color: #333; letter-spacing:-0.5px; font-size:14px; font-weight:400;display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important; } .detcon_mdetail .cboxwr .confevent_info{ width:100%; padding:15px 20px ;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; } .detcon_mdetail .cboxwr .confevent_info .ce_img {position:relative; background:#e0e3e7; width:184px; height:106px;overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .confevent_info .ce_img img {width:100%; height:100%; object-fit: cover; object-position:left top;} .detcon_mdetail .cboxwr .confevent_info .ce_img:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05); content:''; display:block;} .detcon_mdetail .cboxwr .confevent_info .ce_text {width:calc(100% - 205px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .confevent_info .ce_text .cet_title {font-size:16px; font-weight:500; color: var(--w-bk-05); padding:2px 0 6px; width:100%;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .detcon_mdetail .cboxwr .confevent_info .cet_info{width:100%; border-top: 1px solid #efeff0; padding-top:6px;} .detcon_mdetail .cboxwr .confevent_info .cet_info li {width:100%; padding:2px 0 2px; font-size:13px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .cboxwr .confevent_info .cet_info li .tt {width:17px; margin-right:8px;} .detcon_mdetail .cboxwr .confevent_info .cet_info li .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:1.3;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info{width:100%; padding:10px 20px; } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li {width:100%; padding:5px 0 ; font-size:14px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li.bd_top { margin-top:5px; padding-top:10px; border-top: 1px solid #efeff0;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .left {width:calc(100% - 130px); font-size:14px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .right {width:130px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .tt {width:37px; height:37px; padding-left:1px; background:#d6dae0; border-radius:20px;margin-right:8px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .tt img{width:20px; height:auto;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .txt {width:calc(100% - 50px); padding-top:1px; color: var(--we-sub-1-hover); font-weight:400; line-height:1.3;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .txt .pmessage_1{width:100%; font-size:13px; color: #e2458f; margin-bottom:2px; } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .txt .pmessage_2{width:100%; font-size:13px; color: #1d9bf0;margin-bottom:2px;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt1 { margin-left:4px;border:1px solid rgba(0,0,0,0.1) ; background:rgba(161,5,91,0.4); font-weight:300;border-radius:20px;line-height:36px;padding:0px 12px;color:#fff; font-size:13px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt1:hover { background:rgba(161,5,91,1.0); } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt2 { margin-left:4px;border:1px solid rgba(0,0,0,0.1) ; background:rgba(41,109,169,0.5); font-weight:300;border-radius:20px;line-height:36px;padding:0px 12px;color:#fff; font-size:13px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt2:hover { background:rgba(41,109,169,1.0); } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt3 {min-width:110px; margin-left:4px;border:1px solid rgba(0,0,0,0.1) ; background:rgba(83,100,113,0.5); font-weight:300;border-radius:20px;line-height:36px;padding:0px 12px;color:#fff; font-size:13px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .btn_mpctopt3:hover { background:rgba(83,100,113,1.0); } .detcon_mdetail .cboxwr .mplacetime_info .mpctinfo_botbtn {border-top:1px solid #e4e6e8; padding:10px 20px;width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpctinfo_botbtn span {display:inline-block; margin-right:8px;} .detcon_mdetail .cboxwr .mplacetime_info .btn_change { font-size:13px; min-width:110px; height:34px;padding:0px 15px;color: #fff; border-radius: 30px; background-color: var(--we-main);border: solid 1px var(--we-main); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .mplacetime_info .btn_change:hover {background-color: var(--we-main-hover);border-color: var(--we-main-hover); } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .row {padding-top:5px; width:100%;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .row:first-child {padding-top:0px;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info.editor li .left {width:calc(100% - 100px); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;flex-direction:column; } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info.editor li .right {width:90px; } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info.editor li .left .row .txt{font-size:15px;color:var(--w-bk-05); font-weight:500;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .ic {width:40px; padding-left:1px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .checktimeuser {color:var(--w-bk-05); } .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .checktimeuser .chk_ck label {color:var(--w-bk-05); font-size:15px; padding-left:40px;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .checktimeuser .chk_ck input[type="checkbox"]:checked + label { color:#e2458f;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .row .ic {width:40px;} .detcon_mdetail .cboxwr .mplacetime_info .mpct_info li .row .txt { width: calc(100% - 40px); } .detcon_mdetail .cboxwr .cb_comment {border-top:none; margin-top:0px; padding:15px 20px 10px;} .detcon_mdetail .cboxwr .cb_comment .commlist li .commbox .comm .txt {font-size:14px;} .detcon_mdetail .cboxwr .cb_comment .commwritefrm .commwrfrm .frm_normal {font-size:14px; width: calc(100% - 120px); height: 42px;} .detcon_mdetail .cboxwr .cb_comment .commwritefrm .commwrfrm .btn_submit {font-size:14px; width: 110px; height: 42px; margin-left:6px;} .detcon_mdetail .cboxwr .meeting_result {width:100%;padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .meeting_result .meetresult {width:100%;padding:10px;background:#f2f2f2; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .meeting_result .meetresult .mresult_fail { padding: 5px 20px; margin-right:10px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .detcon_mdetail .cboxwr .meeting_result .meetresult .mresult_success { padding: 5px 20px; margin-left:10px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .detcon_mdetail .cboxwr .meeting_result .meetresult .ic{display:inline-block; margin-right:8px;} .slidechkbox {width:100%;padding:0px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .slidechkbox .slidechk_fail { padding: 5px 0; margin-right:10px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .slidechkbox .slidechk_success { padding: 5px 0px ; margin-left:10px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .slidechkbox .ic{display:inline-block; margin-right:8px;} .detcon_mdetail .cboxwr .mplacetime_else {width:100%;padding: 10px 20px ;color: var(--w-bk-05); border-radius:0px 0px 10px 10px; font-size:14px; background:#f0f2f5; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; } .detcon_mdetail .cboxwr .mplacetime_else .left{width:calc(100% - 180px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;;} .detcon_mdetail .cboxwr .mplacetime_else .right{width:180px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center; } .detcon_mdetail .cboxwr .mplacetime_else .right .slidechkbox { justify-content: flex-end; } .detcon_mdetail .cboxwr .meeting_satis {width:100%; padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .detcon_mdetail .cboxwr .selmeetsatis {width:100%; } .detcon_mdetail .cboxwr .selmeetsatis ul {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; } .detcon_mdetail .cboxwr .selmeetsatis li{width:20%; padding:0px 2px;} .detcon_mdetail .cboxwr .selmeetsatis .chk_box2 {position:relative; width:100%; } .detcon_mdetail .cboxwr .selmeetsatis .chk_box2 input[type="radio"] { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; border:none;background:transparent; overflow: hidden; color:transparent; } .detcon_mdetail .cboxwr .selmeetsatis .chk_box2 input[type="radio"] + label {position:relative; width:100%; background:#a8b1b7; color:#fff;border-radius:20px;color: #fff;cursor:pointer; line-height:40px; font-size:14px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .selmeetsatis .chk_box2 input[type="radio"]:checked + label {background:var(--we-main-2); } .detcon_mdetail .cboxwr .selmeetsatis .chk_box2 input[type="radio"]:checked + label:after {position:absolute; top:0px; left:50%; margin-left:-1px; width:2px; height:9px; content:''; display:block; background:#fff;} .detcon_mdetail .cboxwr .cbox_editor {width:100%;padding: 5px 20px 20px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .cbox_editor .editorwr {width:100%; min-height:304px;border:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .popup_wrap .detcon_mdetail.result .popup_btn {border-top:none; padding-top:0px;} .popup_wrap .detcon_mdetail.result .popup_btn .btn_submit {border-radius:25px; height:42px; font-size:14px; line-height:42px; width:auto; padding:0px 40px;} .popup_wrap .detcon_mdetail.result .cboxwr .cbox_editor {padding-bottom:10px;} .detcon_mdetail .cboxwr .cbox_uploadimg {width:100%;padding: 5px 20px 20px; border-top:1px solid #e4e6e8;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .inlimgupload {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .inlimgupload li{position:relative; width:152px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-start;} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadimg {position:relative; width:152px; height: 152px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: flex-start;} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .btn_addthimg { background:#f0f2f5; border: 1px dashed #dcdced; position: relative; display: block; margin: 0 auto; width: 152px; height: 152px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; overflow: hidden; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .btn_addthimg:hover { cursor: pointer;} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .btn_addthimg img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; max-width: 100%; max-height: 100%; object-fit: cover; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .btn_addthimg:hover { border-color: var(--dusk)} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadthimg { background:#f0f2f5; border: 1px dashed #dcdced; position: relative; display: block; margin: 0 auto; width: 152px; height: 152px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; overflow: hidden; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadthimg:hover { cursor: pointer;} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadthimg img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadthimg:hover { border-color: var(--dusk)} .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadimg .btn_pfrdel { z-index:10; position: absolute; cursor:pointer; top:6px; right: 6px;width: 38px; height: 38px; border-radius: 20px; border:none; background-color: var(--dusk); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .detcon_mdetail .cboxwr .cbox_uploadimg .uploadimgrwr .uploadimg .btn_pfrdel:hover { background-color: var(--blue-grey); } .detcon_mdetail .cboxwr .cboxpdwr {padding:15px 20px;} .detcon_mdetail .cboxwr .btn_cboxtopbtn {border:1px solid var(--we-sub-1); background:var(--we-sub-1); font-weight:300;border-radius:15px;line-height:24px;padding:0px 15px;color:#fff; font-size:12px; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .detcon_mdetail .cboxwr .btn_cboxtopbtn:hover {border-color:var(--we-sub-1-hover); background:var(--we-sub-1-hover); } .detcon_mdetail .cboxwr .btn_cboxtopbtn span {display:inline-flex; margin-right:6px;} .detcon_mdetail .userdet_left {width:49%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .detcon_mdetail .userdet_right{width:49%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .detcon_mdetail .userdet_right .cboxwr .meeting_satis, .detcon_mdetail .userdet_right .cboxwr .meeting_count, .detcon_mdetail .userdet_right .cboxwr .meeting_history {padding-top:20px; border-top:none;} .detcon_mdetail .popc_title .meetnum { display: inline-flex; margin-left: 15px; font-size: 12px; color: #e2458f; border: 1px solid #e2458f; padding: 0px 8px; line-height: 22px; border-radius: 15px; font-weight: 400;} .detcon_mdetail .userdet_right .popc_title {height:46px; line-height:44px; padding:0px; width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .detcon_mdetail.full .userdet_left {width:100%;} /* 250730 .userdet_profile {width:100%;padding: 18px 20px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start;} .userdet_profile .left {width:calc(100% - 130px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .userdet_profile .right {width:110px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: flex-start;flex-direction:column;} */ .userdet_profile {width:100%;padding: 18px 20px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .userdet_profile .left {width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .userdet_profile .profile_info {width:100%; padding: 0px !important; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start;} .userdet_profile .profile_info .prof_img {position:relative; width:96px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .userdet_profile .profile_info .prof_img .fmarkwr {position:absolute; top:0px; left:0px; z-index:2; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content:flex-start; align-items: flex-start;} .userdet_profile .profile_info .prof_img .fmarkwr .fmark { width:auto;background:#096fc9; color:#fff; font-weight:500;font-size:11px;border-radius:0px 0px 4px 4px; padding:0px ; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .userdet_profile .profile_info .prof_img .fmarkwr .fmark:first-child { border-radius:0px 0px 4px 4px;} .userdet_profile .profile_info .prof_img .fmarkwr .fmark.zzim{background:#e2458f;} .userdet_profile .profile_info .prof_img .fmarkwr .fmark span {display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;width:22px; height:22px; color:#fff;} .userdet_profile .profile_info .prof_img .fmarkwr .fmark span img {width:auto; max-height:70%;} .userdet_profile .profile_info .prof_img .thimg{position:relative; background:#e0e3e7; width:96px; height:96px; border-radius:4px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;flex-direction:column; } .userdet_profile .profile_info .prof_img .thimg img {width:100%; height:auto;} .userdet_profile .profile_info .prof_img .thimg:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05);border-radius:4px; content:''; display:block;} .userdet_profile .profile_info .prof_txt {width:calc(100% - 120px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} .userdet_profile .profile_info .proftxt_top{line-height:26px;padding-top:0px; width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .userdet_profile .profile_info .proftxt_top .name {font-size:18px; font-weight:700; color: var(--w-bk-05); margin-right:15px;} .userdet_profile .profile_info .prof_info .nation{ font-size:12px;display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center;} .userdet_profile .profile_info .prof_info .flag {position:relative; width:30px; height:20px;border-radius:0px; margin-right:5px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .userdet_profile .profile_info .flag:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } .userdet_profile .profile_info .flag img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .userdet_profile .profile_info .nation span {font-style:italic; font-weight:500; color: var(--w-grey-light);} .userdet_profile .profile_info .prof_info {margin-top:6px;width:100%; border-top:1px solid #efeff0; padding:6px 2px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;flex-direction:column; } .userdet_profile .profile_info .prof_info .row {width:100%; font-size:14px;padding:4px 0 0px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .userdet_profile .profile_info .prof_info .row .tt {width:17px; margin-right:8px;} .userdet_profile .profile_info .prof_info .row .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:1.3;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .userdet_profile .profile_info .prof_mem {width:100%; margin-bottom:5px;} .userdet_profile .profile_info .prof_mem span { display: inline-flex; font-size: 12px; color: var(--w-grey-light); border: 1px solid var(--w-grey-light); padding: 0px 8px; line-height: 18px; border-radius: 10px; font-weight: 500;} .userdet_profile .profile_info .prof_mem span.on { color: #e2458f; border: 1px solid #e2458f; } .userdet_profile .btn_wemet { width: 100%; font-size:12px; line-height:1.2; text-align:left; word-break:keep-all; border-radius: 24px; height:35px; padding:0px 12px 0px 14px; margin-top:3px; border: none;background:rgba(161,5,91,0.4); color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .userdet_profile .btn_wemet span{font-size:10px; display:inline-block; margin-right:5px;min-width:20px;} .userdet_profile .btn_wemet:hover { position: relative; background:var(--we-main); } .userdet_profile .btn_confnor { width: 100%; font-size:12px; line-height:1.2; text-align:left;word-break:keep-all; border-radius: 24px; height:35px; padding:0px 12px 0px 14px; opacity:0.6; margin-top:0px; border: none;background:var(--we-sub-1);color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .userdet_profile .btn_confnor span{font-size:10px;display:inline-block; margin-right:5px;min-width:20px;} .userdet_profile .btn_confnor:hover { position: relative; opacity:1.0; } .userdet_profile .btn_submit { width: 100%; font-size:12px; line-height:1.2; text-align:left;word-break:keep-all; border-radius: 24px; height:35px; padding:0px 12px 0px 14px; margin-top:3px; border: none;background:rgba(41,109,169,0.6); color:#fff; font-weight:400; letter-spacing:-0.5px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .userdet_profile .btn_submit span{font-size:10px;display:inline-block; margin-right:5px;min-width:20px;} .userdet_profile .btn_submit:hover { position: relative; background: rgba(41,109,169,1.0); } .userdet_aboutme {width:100%;padding: 15px 20px; background:#f7f8f9;color: var(--w-bk-05);border-top: 1px solid #e4e6e8; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .user_basic {padding:8px 20px 11px;} .detcon_mdetail .user_basic .row {width:100%; font-size:14px;padding:6px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .user_basic .row .tt {width:86px; font-size:13px;text-align:right;padding-top:3px; word-break:keep-all; color: var(--w-grey-light); line-height:1.2; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start;} .detcon_mdetail .user_basic .row .txt {width:calc(100% - 86px); color: var(--w-bk-05); padding-top:1px; padding-left:20px;line-height:22px; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .detcon_mdetail .user_basic .row .txt .fpart { margin:1px; font-size:13px; height:26px; color:#e2458f; background: #f2f2f2;border: 1px solid #e9ebef; padding:0px 12px; border-radius:15px; display:inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} .detcon_mdetail .user_basic .row.fieldrow {padding:5px 0;} .detcon_mdetail .user_basic .row.fieldrow .tt {padding-top:6px;} .detcon_mdetail .user_basic .row .txt .comp {width:100%;} .subcontents .scontent .photolistwr {width:100%; display:grid; grid-auto-flow: row; grid-template-columns:repeat(3, 1fr); gap:25px; align-items: flex-start;} .subcontents .scontent .photolistwr .cm_contlist {margin-top:0px;} .subcontents .scontent .photolistwr .cm_contlist .card {position:relative; padding:0px; width: 100%; background: #eee; padding-top: calc(100% / 4 * 3); display: flex; justify-content: center; align-items: center; overflow: hidden;} .subcontents .scontent .photolistwr .cm_contlist .card .imgA { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding:15px; overflow: hidden; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 5px;} .subcontents .scontent .photolistwr .cm_contlist .card .imgA img{width: 100%; height: 100%; object-fit: cover;} .subcontents .scontent .photolistwr .cm_contlist .card .btn_smbtn{position:absolute; top:15px; right:15px; z-index:2; border-radius:5px; padding:8px 12px; font-size:0.9em; color:#fff; background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; gap:8px; } .subcontents .scontent .photolistwr .cm_contlist .card .btn_smbtn .ic img {width:auto; height:18px;} .subcontents .scontent .photolistwr .cm_contlist .card .btn_smbtn:hover { background:rgba(0,0,0,0.95);} .subcontents .scontent .page_title.hasbtn {position:relative; width:100%; padding:0px 0 15px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center;} .subcontents .scontent .page_title.hasbtn h4{font-size:24px; font-weight:700; color: var(--w-bk-05); padding:5px 0 0px;} .subcontents .scontent .page_title.hasbtn .btn_editphoto { height: 38px; border-radius:5px; padding:0px 14px 0 20px; font-weight: 400; font-size: 14px; color: #fff; border: solid 1px var(--we-main); background-color: var(--we-main); gap:14px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .subcontents .scontent .page_title.hasbtn.right .btn_editphoto span {padding-left:20px;} .subcontents .scontent .page_title.hasbtn.right .btn_editphoto:hover {border-color:var(--we-main-hover); background-color: var(--we-main-hover); } .popup_wrap .editselectdayopt {padding:20px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column;} .popup_wrap .editselectdayopt .btn_editoptday {width:100%; height:60px;margin:2px 0px; background-color: #a8b1b7; border:1px solid rgba(0,0,0,0.08); color: #fff; font-size:16px; border-radius:5px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} .popup_wrap .editselectdayopt .btn_editoptday:hover {background:var(--we-main);} .popup_wrap .head_title .seldate_txt {font-size:18px; font-weight:500; color: var(--w-bk-05); line-height:28px; } .popup_wrap .head_title .seldate_btn { margin-right:15px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .popup_wrap .head_title .btn_seldate {margin-right:2px; width:30px; height:28px; border-radius:4px; font-weight:200;font-size:16px; color:#fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1);display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .popup_wrap .head_title .btn_seldate:hover { border: solid 1px var(--we-sub-1-hover); background-color: var(--we-sub-1-hover);} .popup_wrap .popbody_tblwr{padding:20px 25px; width:100%;} .popup_wrap#win_attenlistview {left:auto; right:30px; -webkit-transform: translate(0,-51%); -ms-transform: translate(0,-51%); transform: translate(0,-51%); } .popup_wrap#win_attenlistview .popup_head{padding:0px 15px;} .popup_wrap#win_attenlistview .popup_head .btn_popupclose {width:60px; background-size:22px auto;} .popup_wrap#win_attenlistview .pop_topsearch {width:100%; padding:8px 15px 12px;background:#eff1f6; border-bottom: 1px solid rgba(0,0,0,0.08);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;flex-direction:column; } .popup_wrap#win_attenlistview .pop_topsearch .row {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .popup_wrap#win_attenlistview .pop_topsearch .row .tt {font-size:12px; font-weight:500; color: var(--w-grey-light);} .popup_wrap#win_attenlistview .pop_topsearch .frm_normal {width:calc(100% - 50px);font-size:13px; padding-left:10px; background-color:#fff; border-color:#c6cbd0;} .popup_wrap#win_attenlistview .pop_topsearch .frm_normal:focus {border-color:var(--we-sub-1);} .popup_wrap#win_attenlistview .pop_topsearch select.frm_normal {width:118px;} .popup_wrap#win_attenlistview .pop_topsearch .btn_search { width: 40px; height: 40px; border-radius: 4px; font-weight: 200; font-size: 16px; color: #fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} /* .popup_wrap#win_attenlistview .pop_topsearch .selectcountrywr {width:148px;} .popup_wrap#win_attenlistview .pop_topsearch .selectcountrywr .frm_normal {width:100%;} */ .popup_wrap#win_attenlistview .attenlist_user {padding:4px 15px;width:100%;} .popup_wrap#win_attenlistview .attenlist_user ul {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } .popup_wrap#win_attenlistview .attenlist_user ul li {width:100%; padding:8px 0; border-bottom : 1px solid #efeff0;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; } .popup_wrap#win_attenlistview .attenlist_user ul li .userinfo {width:calc(100% - 110px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; } .popup_wrap#win_attenlistview .attenlist_user ul li .ic{position:relative;width:28px; height:28px; margin-right:10px;border-radius:16px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } .popup_wrap#win_attenlistview .attenlist_user ul li .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} .popup_wrap#win_attenlistview .attenlist_user ul li .name {width:calc(100% - 38px);color: #333; letter-spacing:-0.5px; font-size:14px; font-weight:400;display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word !important; word-break:break-all !important; } .popup_wrap#win_attenlistview .attenlist_user ul li .rbtn {width:100px; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center; } .popup_wrap#win_attenlistview .attenlist_user ul li .rbtn .btn_creatmeet{ width:100%; border:none; background: rgba(161,5,91,0.4); border-radius:20px; font-weight:400; line-height:32px;padding:0px 8px 0px 12px;color:#fff; font-size:13px; display:flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .popup_wrap#win_attenlistview .attenlist_user ul li .rbtn .btn_creatmeet span{display:inline-block; margin-left:8px; font-size:10px;} .popup_wrap#win_attenlistview .attenlist_user ul li .rbtn .btn_creatmeet:hover { position: relative; background:var(--we-main); } #win_search .popup_wrap .popup_head{padding:0px 15px;} #win_search .popup_wrap .popup_head .btn_popupclose {width:60px; background-size:22px auto;} #win_search .popup_wrap .pop_topsearch {width:100%; padding:8px 15px 12px;background:#eff1f6; border-bottom: 1px solid rgba(0,0,0,0.08);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;flex-direction:column; } #win_search .popup_wrap .pop_topsearch .row {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } #win_search .popup_wrap .pop_topsearch .row .tt {font-size:12px; font-weight:500; color: var(--w-grey-light);} #win_search .popup_wrap .pop_topsearch .frm_normal {width:calc(100% - 50px);font-size:13px; padding-left:10px; background-color:#fff; border-color:#c6cbd0;} #win_search .popup_wrap .pop_topsearch .frm_normal:focus {border-color:var(--we-sub-1);} #win_search .popup_wrap .pop_topsearch select.frm_normal {width:118px;} #win_search .popup_wrap .pop_topsearch .btn_search { width: 40px; height: 40px; border-radius: 4px; font-weight: 200; font-size: 16px; color: #fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} #win_search .popup_wrap .pop_topsearch .selectcountrywr {width:148px;} #win_search .popup_wrap .pop_topsearch .selectcountrywr .frm_normal {width:100%;} #win_search .popup_wrap .attenlist_user {padding:4px 15px;} #win_search .popup_wrap .attenlist_user ul {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } #win_search .popup_wrap .attenlist_user ul li {width:100%; padding:8px 0; border-bottom : 1px solid #efeff0;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center; } #win_search .popup_wrap .attenlist_user ul li .profile_info {width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } #win_search .popup_wrap .attenlist_user .profile_info .profile_img{position:relative; width:96px; height:96px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } #win_search .popup_wrap .attenlist_user .profile_info .thimg {position:relative; background:#e0e3e7; width:96px; height:96px; border-radius:4px; overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } #win_search .popup_wrap .attenlist_user .profile_info .thimg img {width:100%; height:100%; object-fit: cover;} #win_search .popup_wrap .attenlist_user .profile_info .thimg:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05);border-radius:4px; content:''; display:block;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .fmarkwr {position:absolute; top:0px; left:0px; z-index:2; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content:flex-start; align-items: flex-start;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .fmarkwr .fmark { width:auto;background:#096fc9; color:#fff; font-weight:500;font-size:11px;border-radius:0px 0px 4px 4px; padding:0px 6px; line-height:20px;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .fmarkwr .fmark:first-child { border-radius:0px 0px 4px 4px;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .fmarkwr .fmark.zzim{background:#e2458f;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .rating { position: absolute; bottom:5px; right: 4px; z-index: 2; width:34px; height:34px; border-radius:30px; background:rgba(255,255,255,0.9); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); color: #e2458f; font-weight: 500; font-size: 11px; padding: 0px 3px; line-height: 1.5; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; flex-direction:column;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .rating .ic {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .rating .ic img {width:auto; height:10px;} #win_search .popup_wrap .attenlist_user .profile_info .profile_img .rating span {width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .profile_txt {width:calc(100% - 120px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_top{line-height:20px; width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_top .name {font-size:14px; font-weight:700; color: var(--w-bk-05); margin-right:10px;} #win_search .popup_wrap .attenlist_user .profile_info .nation{ font-size:11px;display: inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: center;} #win_search .popup_wrap .attenlist_user .profile_info .flag {position:relative; width:24px; height:16px;border-radius:0px; margin-right:5px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } #win_search .popup_wrap .attenlist_user .profile_info .flag:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; } #win_search .popup_wrap .attenlist_user .profile_info .flag img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} #win_search .popup_wrap .attenlist_user .profile_info .nation span {font-style:italic; font-weight:500; color: var(--w-grey-light);} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info { font-size:12px;width:100%; border-top:1px solid #efeff0; padding:5px 1px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row {width:100%; padding:0px 1px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row .tt {width:15px; margin-right:8px; padding-top:1px; height:20px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row .tt img {width:100%; height:auto;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:20px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row .txt .office_sub {position:relative; width:100%; margin-top:5px;background:url(../images/web/ic_step.png) 2px 4px no-repeat; padding-left:20px;} #win_search .popup_wrap .attenlist_user .profile_info .proftxt_info .row .txt strong { font-weight:500;color: #161c1f; } #win_search .popup_wrap .attenlist_user .profile_info .proftxt_opt{width:100%; padding:0px 0px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } #win_search .popup_wrap .attenlist_user .profile_info .proftxt_opt span{background:#f2f2f2; padding:0px 8px; margin:1px; border-radius:10px; line-height:20px; font-size:11px; color: #e2458f;display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } #win_search .popup_wrap .attenlist_user ul li .confevent_info {width:100%;display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } #win_search .popup_wrap .attenlist_user ul li .confevent_info .ce_img {position:relative; background:#e0e3e7; width:160px; height:100px;overflow:hidden; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } #win_search .popup_wrap .attenlist_user ul li .confevent_info .ce_img img {width:100%; height:100%; object-fit: cover; object-position:left top;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .ce_img:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.05); content:''; display:block;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .ce_text {width:calc(100% - 185px);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: center;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .ce_text .cet_title {font-size:16px; font-weight:500; color: var(--w-bk-05); padding:0px ; width:100%;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } #win_search .popup_wrap .attenlist_user ul li .confevent_info .cet_info{width:100%; padding-top:4px;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .cet_info li {width:100%; padding:2px 0; font-size:12px; border:none; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .cet_info li .tt {width:17px; margin-right:8px;height:20px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .cet_info li .tt img {width:100%; height:auto;} #win_search .popup_wrap .attenlist_user ul li .confevent_info .cet_info li .txt {width:calc(100% - 25px); padding-top:1px; color: var(--we-sub-1); font-weight:400; line-height:20px;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start;flex-direction:column;} .popup_wrap#win_search_reply .popup_head{padding:0px 15px;} .popup_wrap#win_search_reply .popup_head .btn_popupclose {width:60px; background-size:22px auto;} .popup_wrap#win_search_reply .pop_topsearch {width:100%; padding:8px 15px 12px;background:#eff1f6; border-bottom: 1px solid rgba(0,0,0,0.08);display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;flex-direction:column; } .popup_wrap#win_search_reply .pop_topsearch .row {width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .popup_wrap#win_search_reply .pop_topsearch .row .tt {font-size:12px; font-weight:500; color: var(--w-grey-light);} .popup_wrap#win_search_reply .pop_topsearch .frm_normal {width:calc(100% - 50px);font-size:13px; padding-left:10px; background-color:#fff; border-color:#c6cbd0;} .popup_wrap#win_search_reply .pop_topsearch .frm_normal:focus {border-color:var(--we-sub-1);} .popup_wrap#win_search_reply .pop_topsearch select.frm_normal {width:118px;} .popup_wrap#win_search_reply .pop_topsearch .btn_search { width: 40px; height: 40px; border-radius: 4px; font-weight: 200; font-size: 16px; color: #fff; border: solid 1px var(--we-sub-1); background-color: var(--we-sub-1); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center;} .popup_wrap#win_search_reply .pop_topsearch .selectcountrywr {width:148px;} .popup_wrap#win_search_reply .pop_topsearch .selectcountrywr .frm_normal {width:100%;} #win_search_reply_list {width:100%; padding:8px 0; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } #win_search_reply_list li { width:100%; padding:4px 15px; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; flex-direction:column; } #win_search_reply_list li .commbox { width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } #win_search_reply_list li .commbox .ic {position:relative; margin-right:20px;width:32px; height:32px;border-radius:16px; overflow:hidden; background-color: #e0e3e7;display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } #win_search_reply_list li .commbox .ic:after {position:absolute; top:0px; left:0px; width:100%; height:100%; border: solid 1px rgba(112, 112, 112, 0.1); content:''; border-radius:14px; } #win_search_reply_list li .commbox .ic img { display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%; height: 100%; object-fit: cover;} #win_search_reply_list li .commbox .comm {width:calc(100% - 52px); background-color: #f0f2f5; padding:10px 20px; border-radius:15px;} #win_search_reply_list li .commbox .comm .info { width:100%; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } #win_search_reply_list li .commbox .comm .info .name {font-weight:500; color: var(--w-bk-05); font-size:14px; display:inline-block; margin-right:30px;} #win_search_reply_list li .commbox .comm .info .date { color: var(--we-sub-1); font-size:0.9em;} #win_search_reply_list li .commbox .comm .txt {padding-top:5px;width:100%; color: var(--w-bk-05); font-size:16px; font-weight:300; line-height:1.65;} #win_search_reply_list li .commbox .comm .info.hasbtn {justify-content:space-between;} #win_search_reply_list li .commbox .comm .info.hasbtn .left {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } #win_search_reply_listt li .commbox .comm .info.hasbtn .right {display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-end; align-items: center; } #win_search_reply_list li .commbox .comm .info.hasbtn .right button {margin-left: 10px; color: var(--we-sub-1); width: 20px; height: 20px; border-radius:3px; border: none; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } #win_search_reply_list li .commbox .comm .info.hasbtn .right button:hover {color:#fff; background: var(--we-sub-1);} #win_email.popup_wrap.popup_editwr .popup_head .head_title h3 {padding-left:0px;} #win_email.popup_wrap.popup_editwr .popup_head .head_title h3:before {display:none;} #win_search_person.popup_wrap .popup_head {position:fixed; top:0px; left:0px;width:100%;height:56px; } #win_search_person.popup_wrap .popup_body{position:fixed;top:56px; left:0; width:100%; max-height:calc(86vh - 58px);height:calc(86vh - 58px) ; overflow-y:auto; display:block;} #win_timeselect.popup_wrap .popup_head {position:fixed; top:0px; left:0px;width:100%;height:56px; } #win_timeselect.popup_wrap .popup_fixmenu {position:fixed; top:56px; left:0px;width:100%;height:43px; padding:15px 25px 0; background-color: #fff; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center; } #win_timeselect.popup_wrap .popup_body{position:fixed;top:99px; left:0; width:100%; max-height:calc(86vh - 101px);height:calc(86vh - 101px) ; overflow-y:auto; display:block;} #win_timeselect.popup_wrap .popbody_tblwr {padding-top:0px;} #win_timeselect.popup_wrap .popup_fixmenu ul{width:calc(100% - 8px); display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: center;} #win_timeselect.popup_wrap .popup_fixmenu ul li {height:28px; font-size:0.9em; font-weight:500; position:relative; cursor:pointer; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; } #win_timeselect.popup_wrap .popup_fixmenu ul li.blank {border-left:none; width:84px;background: #f0f2f5;border: 1px solid rgba(0,0,0,0.1); border-right:none;} #win_timeselect.popup_wrap .popup_fixmenu ul li.mysch {width:calc(50% - 40px);color:var(--we-main); background:#edd1e0; border: 1px solid rgba(0,0,0,0.1);} #win_timeselect.popup_wrap .popup_fixmenu ul li.oppsch {width:calc(50% - 44px);color:var(--we-sub-1);background: #f0f2f5;border: 1px solid rgba(0,0,0,0.1); border-left:none;} #meeting_point_list tr {width:100%;display:block;} #meeting_point_list .mplist_placename {display:block;cursor:pointer; color: var(--dark);width: 100%; font-size:1.05em; background:#fff; padding: 10px 25px; line-height:1.4; border-bottom: 1px solid #efeff0; } #meeting_point_list .mplist_placename:hover {color:var(--we-main); background:#eceff7; border-color:rgba(0,0,0,0.1);} #photo_viewer .popup_wrap .popup_body {display: flex; justify-content: center; align-items: flex-start;} /* 우측 슬라이드 레이어 팝업 공용*/ .slidewin_wrap { position:fixed; z-index:9990; top:100px; right:0px; width:470px; height:calc(100vh - 100px); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-end; align-items: flex-start; -webkit-transform: translateX(540px); transform: translateX(540px); transition: all 0.5s; } .slidewin_wrap.active { -webkit-transform: translateX(0);transform: translateX(0); } .slidewin_wrap .btn_slideclose { width:70px; height:80px; font-size:2em;color: var(--dark);background:transparent; cursor:pointer; text-shadow:0px 0px 3px rgba(255,255,255,0.3); -moz-text-shadow: 0px 0px 3px rgba(255,255,255,0.3); -webkit-text-shadow: 0px 0px 3px rgba(255,255,255,0.3); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } .slidewin_wrap .btn_slideclose:hover {color:var(--blue-grey); } .slidewin_wrap .slide_wrap {width:400px; height:calc(100vh - 100px); overflow-y:auto; background:#fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .slidewin_wrap .slide_head { position:relative; padding:0px 30px; height:80px; background: var(--pale-grey); display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: center;} .slidewin_wrap .slide_head:before {position:absolute; bottom:0px; left:0px; width:100%; height:1px; content:''; display:block; background: var(--pale-grey-line);} .slidewin_wrap .slide_head .head_left h3 {font-size:22px; color: var(--dark); font-weight:500; } .slidewin_wrap .slide_head .roundboxtxt {padding:0px 20px; border-radius:22px; line-height:44px; font-size:20px; font-weight:500; background:var(--we-main); color:#fff; display:inline-flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; align-items: center; } /* 우측 슬라이드 레이어 팝업 컨텐츠*/ .slidewin_wrap .slide_body .area_graph {padding:30px;} .slidewin_wrap .slide_body .area_graph .graphbox {background:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);} .slidewin_wrap .slide_body .area_data {padding:0px 30px;} .slidewin_wrap .slide_body .area_data .inlinelist { width:100%; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .slidewin_wrap .slide_body .area_data .inlinelist li {width:50%; padding:5px 2px 40px; } .slidewin_wrap .slide_body .area_data .inlinelist li.full {width:100%; } .slidewin_wrap .slide_body .area_data .inlinelist li .tt{ font-size:16px; color: var(--blue-grey); margin-bottom:10px; } .slidewin_wrap .slide_body .area_data .inlinelist li .txt{ font-size:24px; color: var(--black); font-weight:400; } .slidewin_wrap .slide_body .area_data .inlinelist li .txt .unit {font-size:20px; display:inline-block; margin:0px 5px;} .txt .danger {color:var(--pinkish-red) !important;} .jc_spbet { justify-content: space-between !important;} .d-none {display:none !important;} .wid10 {width:10px !important;} .wid20 {width:20px !important;} .wid30 {width:30px !important;} .wid40 {width:40px !important;} .wid50 {width:50px !important;} .wid60 {width:60px !important;} .wid70 {width:70px !important;} .wid80 {width:80px !important;} .wid90 {width:90px !important;} .wid100 {width:100px !important;} .wid115 {width:115px !important;} .widp49 {width:49% !important;} .widp50 {width:50% !important;} .widp100 {width:100% !important;} .pt0{ padding-top:0px !important;} .pl0{ padding-left:0px !important;} .pb10{ padding-bottom:10px !important;} .pb20{ padding-bottom:20px !important;} .mt0 {margin-top:0px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;}