/* 공통 */
.my {margin-top:0; padding-top:180px; background:#fff;}
footer {margin-top:0;}



/* login :: 로그인 */
.login {padding-bottom:290px;}
.login>div>h3 {text-align:center; font-weight:700; font-size:40px; color:#1c1c1c;}
.login>div>div {margin-top:50px;}
.login>div>div>.input_wrap {display:flex; flex-direction:column; gap:10px;}
.login>div>div>.input_wrap>input {width:100%; height:50px; border-bottom:1px solid #ddd;}
.login>div>div>.input_wrap>input:focus {border-bottom:1px solid #000;}
.login>div>div>button {margin-top:35px; width:100%; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:16px; background:var(--main-color);}
.login>div>div>ul {display:flex; justify-content:space-between; margin-top:15px;}
.login>div>div>ul>li>a {font-weight:500; font-size:15px; color:#1c1c1c;}
.login>div>div>ul>li>ol {display:flex;}
.login>div>div>ul>li>ol>li {position:relative;}
.login>div>div>ul>li>ol>li:first-child {margin-right:14px; padding-right:15px;}
.login>div>div>ul>li>ol>li:first-child::before {content:""; position:absolute; top:50%; right:0; width:1px; height:60%; background:#ddd; transform:translateY(-50%);}
.login>div>div>ul>li>ol>li>a {font-weight:500; font-size:15px; color:#7b7b7b;}


/* sign_in :: 회원가입 */
.sign_in {padding-bottom:220px;}
.sign_in>.select_wrap {margin:50px auto 0; width:800px; max-width:96%; border-bottom:none;}
.sign_in>.select_wrap>ul {display:flex; justify-content:center; gap:40px}
.sign_in>.select_wrap>ul>li {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:50px 10px; width:380px; border:1px solid #333; transition:all .3s;}
.sign_in>.select_wrap>ul>li:hover {border-color:var(--main-color); transition:all .3s;}
.sign_in>.select_wrap>ul>li>div {}
.sign_in>.select_wrap>ul>li>dl {display:flex; flex-direction:column; align-items:center; gap:5px; margin-top:30px;}
.sign_in>.select_wrap>ul>li>dl>dt {font-weight:700; font-size:24px; color:#1c1c1c;}
.sign_in>.select_wrap>ul>li>dl>dd {line-height:1.5; text-align:center; font-weight:500; font-size:16px; color:#444;}
.sign_in>.select_wrap>ul>li>a {margin:30px auto 0; width:140px; height:40px; line-height:40px; text-align:center; font-weight:700; font-size:18px; border-radius:20px; background:#333; transition:all .3s;}
.sign_in>.select_wrap>ul>li>a:hover {background:var(--main-color); transition:all .3s;}
.sign_in>div {}
.sign_in>div>h3 {text-align:center; font-weight:700; font-size:40px; color:#1c1c1c;}
.sign_in .contents {margin-top:70px; border-bottom:1px solid #ddd;}
.sign_in .contents>div {display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; border-bottom:1px solid #000;}
.sign_in .contents>div>h4 {font-weight:500; font-size:28px; color:#1c1c1c;}
.sign_in .contents>div>ul {display:flex; align-items:center; gap:20px;}
.sign_in .contents>div>ul>li {display:flex; align-items:center; gap:6px; font-size:15px; color:#a2a2a2;}
.sign_in .contents>div>ul>li.active {color:#1c1c1c;}
.sign_in .contents>.input_wrap {display:flex; flex-direction:column; gap:40px; margin-top:50px; padding:0 30px 30px; border:none;}
.sign_in .contents dl {display:flex; flex-direction:column; width:100%; gap:15px;}
.sign_in .contents dl>dt {position:relative; padding-left:17px; font-weight:500; font-size:17px; color:#444;}
.sign_in .contents dl>dt::before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background:var(--main-color); transform:translateY(-50%);}
.sign_in .contents >dl>dt>span {font-weight:300; font-size:15px; color:#aaa;}
.sign_in .contents>.input_wrap>dl>dd {display:flex; flex-direction:column; gap:10px;}
.sign_in .contents>.input_wrap>dl>dd>div {display:flex; gap:10px; height:40px;}
.sign_in .contents>.input_wrap>dl>dd>div.txt_area {height:200px;}
.sign_in .contents>.input_wrap>dl>dd>div>input,
.sign_in .contents>.input_wrap>dl>dd>div>textarea {padding:10px; width:100%; height:100%; border:1px solid #d0d0d0; resize:none;}
.sign_in .contents>.input_wrap>dl>dd>div>input:focus,
.sign_in .contents>.input_wrap>dl>dd>div>textarea:focus {border:1px solid #000;}
.sign_in .contents>.input_wrap>dl>dd>div>button {flex-shrink:0; width:100px; height:100%; text-align:center; font-weight:500; font-size:15px; background:#000;}
.sign_in .contents>.input_wrap>dl>dd>div>em {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:60px; height:100%; font-weight:500; font-size:15px;}
.sign_in .contents>.input_wrap>dl>dd>div:nth-child(1)>em {background:#2396a0;}
.sign_in .contents>.input_wrap>dl>dd>div:nth-child(2)>em {background:#95b3d7;}
.sign_in .contents>.input_wrap>dl>dd>div:nth-child(3)>em {background:#ffc000;}
.sign_in .contents>.input_wrap>dl>dd>div>select {flex-shrink:0; width:80px; height:100%;}
.sign_in .contents>.input_wrap>dl>dd>div>.file {display:flex; align-items:center; gap:10px; padding:7px 10px; width:calc(100% - 70px); height:100%; border:1px solid #d0d0d0; background:#f7f7f7;}
.sign_in .contents>.input_wrap>dl>dd>div>.file>input[type="file"] {display:none;}
.sign_in .contents>.input_wrap>dl>dd>div>.file>label {flex-shrink:0; width:82px; height:26px; line-height:26px; text-align:center; font-weight:300; font-size:14px; color:#222; border:1px solid #999; border-radius:6px; background:#ddd; cursor:pointer;}
.sign_in .contents>.input_wrap>dl>dd>div>.file>span {font-weight:300; font-size:15px; color:#707070; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sign_in .contents>.table_wrap {flex-direction:column; gap:40px; margin-top:50px; padding:0 30px 45px; border-bottom:none;}
.sign_in .contents>.table_wrap>div {width:100%;}
.sign_in .contents>.table_wrap>div>h3 {margin-bottom:15px; text-align:center; font-weight:700; font-size:22px; color:var(--main-color);}
.sign_in .contents>.table_wrap>div ul {display:flex; gap:2px; width:100%;}
.sign_in .contents>.table_wrap>div ul>li {height:50px; line-height:50px; text-align:center; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sign_in .contents>.table_wrap>div ul.head>li {font-weight:500; background:var(--main-color);}
.sign_in .contents>.table_wrap>div ul.body>li {font-weight:300; color:#444; border:1px solid #ddd;}
.sign_in .contents>.table_wrap>div ul.body:not(:last-child)>li {border-bottom:none;}
.sign_in .contents>.table_wrap>div ul.body>li>em {display:block; width:57px; height:22px; line-height:22px; text-align:center; font-weight:300; font-size:14px; background:var(--main-color); color:#fff; cursor:pointer;}
.sign_in .contents>.table_wrap>div select {width:57px; height:22px; border-color:var(--main-color);}
.sign_in .contents>.table_wrap>div>p {margin-top:15px; text-align:right; font-weight:300; font-size:15px; color:#a2a2a2;}
.sign_in .contents>.table_wrap>div>.file_down {display:flex; align-items:center; justify-content:center; gap:10px; margin:25px auto 0; width:220px; height:45px; font-weight:700; font-size:18px; background:var(--main-color);}
.sign_in .contents>.table_wrap>.total {padding:44px 0; width:100%; text-align:center; font-weight:700; font-size:22px; color:#1c1c1c; border:3px solid var(--main-color); border-radius:20px; background:#f8f8f8;}
.sign_in .contents>.table_wrap>.total>em {font-size:16px;}
.sign_in .contents>.table_wrap>div.table1 ul>li:nth-child(1) {width:108px;}
.sign_in .contents>.table_wrap>div.table1 ul>li:nth-child(2) {width:258px;}
.sign_in .contents>.table_wrap>div.table1 ul>li:nth-child(3) {width:258px;}
.sign_in .contents>.table_wrap>div.table1 ul>li:nth-child(4) {width:260px;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(1) {width:108px;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(2) {width:518px;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(2)>select {width:420px; max-width:90%;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(2)>select>option:first-child {display:none;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(3) {width:129px;}
.sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(4) {display:flex; justify-content:center; align-items:center; width:129px;}
.sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(1) {width:100%;}
.sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(2) {width:156px;}
.sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(3) {width:58px;}
.sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(4) {width:58px;}


/* sign_in_3 */
.sign_in .contents>dl.radio_area>dt {margin-left:30px;}
.sign_in .contents>dl.radio_area>dd>article {padding:40px 0 30px; border-top:1px solid #ddd;}
.sign_in .contents>dl.radio_area>dd>article>h4 {line-height:1.5; text-align:center; font-weight:500; font-size:15px; color:#1c1c1c;}
.sign_in .contents>dl.radio_area>dd>article>ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px; margin-top:20px;}
.sign_in .contents>dl.radio_area>dd>article>ul>li {display:flex; align-items:center; gap:7px;}
.sign_in .contents>dl.radio_area>dd>article>ul>li>label {font-weight:300; font-size:15px; color:#444}
/* sign_in_4 */
.sign_in .contents>.input_wrap>.all {display:flex; align-items:center; gap:10px; width:100%; text-align:left;}
.sign_in .contents>.input_wrap>.all>label {font-weight:700; font-size:20px; color:#444;}
.sign_in .contents>.input_wrap>ul {display:flex; flex-direction:column; gap:10px; padding-left:26px; width:100%;}
.sign_in .contents>.input_wrap>ul>li {display:flex; justify-content:space-between; width:100%;}
.sign_in .contents>.input_wrap>ul>li>.left {display:flex; gap:10px;}
.sign_in .contents>.input_wrap>ul>li>.left>label {font-weight:500; font-size:17px; color:#444}
.sign_in .contents>.input_wrap>ul>li>.left>label>span {color:#ff0000;}
.sign_in .contents>.input_wrap>ul>li>.modal_open {font-weight:500; font-size:18px; color:#1c1c1c; text-decoration:underline; cursor:pointer;}
/* sign_in_5 */
.sign_in .contents>.sign_fin {display:flex; flex-direction:column; align-items:center; padding:50px 0 30px;}
.sign_in .contents>.sign_fin>em {margin-top:40px; text-align:center; line-height:1.5; font-weight:500; font-size:26px; color:var(--main-color);}
.sign_in .contents>.sign_fin>div {margin-top:30px; text-align:center; line-height:1.5; font-weight:300; font-size:18px; color:#333;}
.sign_in>div>.btn_wrap {display:flex; gap:10px; justify-content:center; margin-top:45px;}
.sign_in>div>.btn_wrap>li {display:flex; gap:10px; justify-content:center;}
.sign_in>div>.btn_wrap>li>button,
.sign_in>div>.btn_wrap>li>a {display:block; width:143px; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:18px; border-radius:25px;}



/* longin_find :: 아이디, 비밀번호 찾기 */
.login_find>div>ul {display:flex; width:100%;}
.login_find>div>ul>li {width:50%; height:50px; line-height:50px; text-align:center; font-weight:500; font-size:18px; color:#555; border-bottom:1px solid var(--main-color); background:#eee; cursor:pointer;}
.login_find>div>ul>li.active {color:#1c1c1c; border:1px solid var(--main-color); border-bottom:none; background:#fff;}
.login_find>div>.wrap {margin-top:40px;}
.login_find>div>.wrap>div {display:none;}
.login_find>div>.wrap>div>div {display:flex;}
.login_find>div>.wrap>div>.top {align-items:center; gap:6px;}
.login_find>div>.wrap>div>.top>label {font-weight:500; font-size:15px; color:#1c1c1c;}
.login_find>div>.wrap>div>.input_con {flex-direction:column; gap:10px; margin-top:10px;}
.login_find>div>.wrap>div>.input_con>input {width:100%; height:50px; border-bottom:1px solid #ddd;}
.login_find>div>.wrap>div>button {margin-top:35px; width:100%; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:16px; background:var(--main-color);}



/* my_page :: 마이페이지 */
.mypage>div>ul {display:flex; gap:20px;}
.mypage>div>ul>li {width:100%; height:60px; line-height:60px; text-align:center; font-weight:700; font-size:24px; border-radius:30px; background:#888; cursor:pointer; transition:all .3s;}
.mypage>div>ul>li:hover,
.mypage>div>ul>li.active {background:var(--main-color); transition:all .3s;}
.mypage>article {margin-top:80px;}
.mypage>article>section {display:none;}
.mypage>article>section>div>h3 {padding:0 0 20px 30px; font-weight:500; font-size:28px; color:#1c1c1c; border-bottom:1px solid #000;}
.mypage>article>section>.btn_wrap {display:flex; justify-content:center; gap:10px; margin-top:45px;}
.mypage>article>section>.btn_wrap>li {width:140px;}
.mypage>article>section>.btn_wrap>li>* {width:100%; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:18px; border-radius:25px;}

/* edit - 프로필 수정 */
.mypage>article>.edit>div {padding-bottom:30px; border-bottom:1px solid #ddd;}
.mypage>article>.edit>div>.con {display:flex; flex-direction:column; gap:40px; margin-top:50px; padding:0 30px;}
.mypage>article>.edit>div>.con>dl {display:flex; flex-direction:column; gap:10px;}
.mypage>article>.edit>div>.con>dl>dt {position:relative; padding-left:18px; font-weight:500; font-size:17px; color:#444;}
.mypage>article>.edit>div>.con>dl>dt::before {content:""; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background:var(--main-color); transform:translateY(-50%);}
.mypage>article>.edit>div>.con>dl>dd {display:flex; gap:10px; width:100%; height:40px;}
.mypage>article>.edit>div>.con>dl>dd>input {width:100%; height:100%; border:1px solid #d0d0d0;}
.mypage>article>.edit>div>.con>dl>dd>input:focus {border:1px solid #000;}
.mypage>article>.edit>div>.con>dl>dd>select {flex-shrink:0; width:80px; height:100%; border:1px solid #d0d0d0;}
.mypage>article>.edit>div>.con>dl>dd>select:focus {border:1px solid #000;}


/* meeting, chatting */
/* 상태에 따른 css */
.state_1 {color:#d1770d;}
.state_2 {color:#227d27;}
.state_3 {color:#dc0303;}
.req_sent {background:#35bd2e;}
.req_receive {background:#2a8ce8;}
.mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon.mes_off {background-image:url("/theme/fintech/img/my/chat_icon.png");}
.mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon.mes_off>span {display:none;}
.mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon.mes_on {background-image:url("/theme/fintech/img/my/chat_icon_act.png"); filter:drop-shadow(0 0 11px rgba(0,122,255,.6));}
/* 공통 */
.mypage>article>section>div>ul {display:flex; justify-content:center; gap:12px; margin:45px 0;}
.mypage>article>section>div>ul>li {width:150px;}
.mypage>article>section>div>ul>li {display:block; width:100%; height:40px; line-height:40px; text-align:center; font-weight:700; font-size:18px; border-radius:10px; background:#888; cursor:pointer; transition:all .3s;}
.mypage>article>section>div>ul>li:hover,
.mypage>article>section>div>ul>li.active {background:var(--main-color); transition:all .3s;}
.mypage>article>section>div>div {}
.mypage>article>section>div>div>div {display:none;}
.mypage>article>section>div>div>div>ol {display:flex; flex-direction:column; border-top:1px solid #ddd;}
.mypage>article>section>div>div>div>ol>li {padding:19px 40px 19px 0; border-bottom:1px solid #ddd;}
.mypage>article>section>div>div>div>ol>li>div {display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%;}
.mypage>article>section>div>div>div>ol>li>div>div {display:flex; align-items:center; gap:30px;}
.mypage>article>section>div>div>div>ol>li>div>div>em {flex-shrink:0; width:90px; text-align:center; font-weight:500; font-size:20px; color:#444;}
.mypage>article>section>div>div>div>ol>li>div>div>dl {display:flex; flex-direction:column; gap:20px;}
.mypage>article>section>div>div>div>ol>li>div>div>dl>dt {display:flex; align-items:center; gap:16px; font-weight:500; font-size:24px; color:#1c1c1c;}
.mypage>article>section>div>div>div>ol>li>div>div>dl>dt>span {flex-shrink:0; font-size:18px;}
.mypage>article>section>div>div>div>ol>li>div>div>dl>dd {display:flex; flex-direction:column; gap:10px;}
.mypage>article>section>div>div .req_btn {justify-content:center; width:80px; height:25px; line-height:25px; text-align:center; font-weight:500; font-size:16px; color:#fff !important;}
.mypage>article>section>div>div>div>ol>li>div>div>dl>dd>div {display:flex;}
.mypage>article>section>div>div .date,
.mypage>article>section>div>div .time,
.mypage>article>section>div>div .company {position:relative; margin-right:12px; padding-right:13px; font-weight:300; font-size:16px; color:#555;}
.mypage>article>section>div>div .date::before,
.mypage>article>section>div>div>div>ol>li>div>div>dl>dd>div>.time::before {content:""; position:absolute; top:50%; right:0; width:1px; height:43%; background:#aaa; transform:translateY(-50%);}
.mypage>article>section>div>div .room {font-weight:500 !important; font-size:16px !important; color:var(--main-color) !important;}

/* meeting - 미팅 */
.mypage>article>.meeting>div>.meet_list_wrap>ol>li {cursor:pointer;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list {display:flex; flex-direction:column; gap:10px; flex-shrink:0; width:120px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button {width:100%; height:40px; line-height:40px; text-align:center; border-radius:8px; background:#888; transition:all .3s;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button.cursor_no {cursor:auto;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button:hover,
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button.active {background:var(--main-color); transition:all .3s;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button.cursor_no:hover {background:inherit;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card {display:block; gap:0; margin:70px auto 10px; padding:30px; width:580px; border-radius:20px; border:2px solid #ddd; box-shadow:0 0 10px rgba(0,0,0,.2);}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div {flex-direction:column; align-items:flex-start; gap:60px; position:relative; padding:80px 30px 40px; border:2px solid var(--main-color); border-radius:20px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.exit {position:absolute; top:20px; right:20px; cursor:pointer;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>h3 {position:relative; width:100%; text-align:center; font-weight:700; font-size:28px; color:var(--main-color); background:linear-gradient(to top, #d90857 23%, #ea629f 51%, #8f59c9 73%); background-clip:text; -webkit-text-stroke:2px transparent;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>h3>img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap {width:100%;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap:not(:first-child) {margin-top:50px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>h4 {font-weight:700; font-size:28px; color:#1c1c1c;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list {margin-top:30px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl {display:flex; align-items:center; gap:70px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl:not(:first-child) {margin-top:15px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl>dt {flex-shrink:0; width:72px; font-weight:500; font-size:20px; color:#1c1c1c;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl>dd {display:flex; font-weight:300; font-size:16px; color:#555;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area {flex-direction:column; align-items:flex-start; gap:0; margin-top:35px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dt {margin-bottom:20px; width:initial;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd {flex-direction:column; width:100%;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>textarea {padding:15px; width:100%; height:160px; border:2px solid #ddd; border-radius:6px; box-shadow:0 0 10px rgba(0,0,0,.2); resize:none;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul {display:flex; gap:35px; margin-bottom:10px;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul>li {display:flex; align-items:center; gap:8px}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul>li>label {font-weight:500; font-size:16px; color:#1c1c1c;}
.mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>button {display:block; margin:35px auto 0; width:120px; height:35px; line-height:35px; text-align:center; font-weight:700; font-size:18px; border-radius:6px; background:var(--main-color);}

/* chatting - 채팅 */
.mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon {position:relative; width:40px; height:40px; background-size:cover; cursor:pointer;}
.mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon>span {display:flex; justify-content:center; align-items:center; position:absolute; top:-10%; left:-10%; width:18px; height:18px; font-weight:300; font-size:14px; border-radius:50%; background:#ff0000;}

/* 비품수정 완료 */
.mypage>article>section.fin>div>dl {margin-top:50px; text-align:center; padding-bottom:30px; border-bottom:1px solid #ddd;}
.mypage>article>section.fin>div>dl>dt {font-weight:500; font-size:26px; color:var(--main-color);}
.mypage>article>section.fin>div>dl>dd {margin-top:15px; line-height:1.5; font-weight:300; font-size:18px; color:#333;}
.mypage>article>section.fin>div>dl>dd>span {font-weight:700;}













/* 반응형 */
@media screen and (max-width:768px) {
  /* 공통 */
  .my {padding-top:24.740vw;}

  /* login :: 로그인 */
  .login {padding-bottom:39.063vw;}
  .login>div>h3 {font-size:6.510vw;}
  .login>div>div {margin-top:7.813vw}
  .login>div>div>.input_wrap {gap:2.604vw;}
  .login>div>div>.input_wrap>input {height:9.115vw;}
  .login>div>div>button {height:9.115vw; line-height:9.115vw; font-size:3.385vw;}
  .login>div>div>ul {margin-top:3.255vw;}
  .login>div>div>ul>li>a {font-size:3.255vw;}
  .login>div>div>ul>li>ol>li>a {font-size:3.255vw;}
  .login>div>div>ul>li>ol>li:first-child {margin-right:1.953vw; padding-right:2.083vw;}

  /* sign_in :: 회원가입 */
  .sign_in {padding-bottom:29.948vw;}
  .sign_in>.select_wrap {margin:7.813vw auto 0; max-width:90%;}
  .sign_in>.select_wrap>ul {justify-content:space-between; gap:0;}
  .sign_in>.select_wrap>ul>li {padding:7.813vw 10px; width:49%;}
  .sign_in>.select_wrap>ul>li>div {width:13.021vw; height:19.531vw;}
  .sign_in>.select_wrap>ul>li>div>img {width:100%;}
  .sign_in>.select_wrap>ul>li>dl {gap:1.953vw; margin-top:5.208vw;}
  .sign_in>.select_wrap>ul>li>dl>dt {font-size:4.427vw;}
  .sign_in>.select_wrap>ul>li>dl>dd {height:15.234vw; font-size:3.385vw; word-break:keep-all;}
  .sign_in>.select_wrap>ul>li>dl>dd>br {display:none;}
  .sign_in>.select_wrap>ul>li>a {margin:5.208vw auto 0; width:27.344vw; height:7.813vw; line-height:7.813vw; font-size:3.646vw; border-radius:3.906vw;}
  .sign_in>div>h3 {font-size:6.510vw;}
  .sign_in .contents {margin-top:10.417vw;}
  .sign_in .contents>div {padding-bottom:3.255vw;}
  .sign_in .contents>div>h4 {font-size:4.948vw;}
  .sign_in .contents>div>ul {gap:3.255vw;}
  .sign_in .contents>div>ul>li {gap:1.302vw; font-size:3.255vw;}
  .sign_in .contents>div>ul>li:nth-child(1)>img {width:3.516vw;}
  .sign_in .contents>div>ul>li:nth-child(2)>img {width:2.995vw;}
  .sign_in .contents>.input_wrap {gap:6.510vw; margin-top:7.813vw; padding:0 0 5.208vw;}
  .sign_in .contents dl {gap:3.255vw;}
  .sign_in .contents dl>dt {padding-left:3.255vw; font-size:3.516vw;}
  .sign_in .contents dl>dt::before {width:1.563vw; height:1.563vw;}
  .sign_in .contents>.input_wrap>dl>dd {gap:2.604vw;}
  .sign_in .contents>.input_wrap>dl>dd>div {gap:1.953vw; height:7.813vw;}
  .sign_in .contents>.input_wrap>dl>dd>div.txt_area {height:28.646vw;}
  .sign_in .contents>.input_wrap>dl>dd>div>button {width:22.135vw; font-size:3.255vw;}
  .sign_in .contents>.input_wrap>dl>dd>div>em {width:13.021vw; font-size:3.255vw;}
  .sign_in .contents>.input_wrap>dl>dd>div>select {width:13.021vw;}

  .sign_in .contents>.table_wrap {gap:6.510vw; margin-top:7.813vw; padding:0 0 7.161vw;}
  .sign_in .contents>.table_wrap>div>h3 {margin-bottom:3.255vw; font-size:4.167vw;}
  .sign_in .contents>.table_wrap>div ul>li {height:9.115vw; line-height:9.115vw; font-size:3.385vw;}
  .sign_in .contents>.table_wrap>div select {width:11.328vw; height:5.469vw;}
  .sign_in .contents>.table_wrap>div ul.body>li>em {width:80%; height:5.469vw; line-height:5.469vw; font-size:3.125vw;}
  .sign_in .contents>.table_wrap>div ul.body>li>.del {display:flex; justify-content:center; align-items:center; width:3.385vw;}
  .sign_in .contents>.table_wrap>div ul.body>li>.del>img {width:100%;}
  .sign_in .contents>.table_wrap>div>p {margin-top:3.255vw; font-size:3.255;}
  .sign_in .contents>.table_wrap>div>.file_down {gap:1.953vw; margin:4.557vw auto 0; width:37.760vw; height:8.464vw; font-size:3.646vw;}
  .sign_in .contents>.table_wrap>div>.file_down>img {width:4.036vw;}
  .sign_in .contents>.table_wrap>.total {padding:7.031vw 0; font-size:4.167vw; border-width:0.651vw; border-radius:3.906vw;}
  .sign_in .contents>.table_wrap>.total>em {font-size:3.385vw;}
  .sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(1) {width:208px;}
  .sign_in .contents>.table_wrap>div.table2 ul>li:nth-child(2) {width:418px;}
  .sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(1) {width:75px;}
  .sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(2) {width:585px;}
  .sign_in .contents>.table_wrap>div.table3 ul>li:nth-child(4) {display:flex; justify-content:center; align-items:center; width:68px;}







  /* sign_in_3 */
  .sign_in .contents>.input_wrap>dl>dd>div>.file {gap:2.604vw; padding:0.911vw 1.302vw; width:calc(100% - 13.021vw - 1.953vw);}
  .sign_in .contents>.input_wrap>dl>dd>div>.file>label {width:16.927vw; height:5.990vw; line-height:5.990vw; font-size:3.125vw; border-radius:2.083vw;}
  .sign_in .contents>.input_wrap>dl>dd>div>.file>span {font-size:3.255vw;}
  .sign_in .contents>dl.radio_area>dt {margin-left:0;}
  .sign_in .contents>dl.radio_area>dd>article {padding:6.510vw 0 5.208vw;}
  .sign_in .contents>dl.radio_area>dd>article>h4 {font-size:3.255vw;}
  .sign_in .contents>dl.radio_area>dd>article>ul {gap:3.906vw; margin-top:3.906vw;}
  .sign_in .contents>dl.radio_area>dd>article>ul>li>label {font-size:3.255vw;}
  /* sign_in_4 */
  .sign_in .contents>.input_wrap>.all {gap:2.604vw;}
  .sign_in .contents>.input_wrap>.all>label {font-size:3.906vw;}
  .sign_in .contents>.input_wrap>ul {gap:2.604vw; padding-left:3.906vw;}
  .sign_in .contents>.input_wrap>ul>li>.left {gap:1.302vw;}
  .sign_in .contents>.input_wrap>ul>li>.left>label {font-size:3.516vw;}
  .sign_in .contents>.input_wrap>ul>li>.modal_open {font-size:3.646vw;}
  /* sign_in_5 */
  .sign_in .contents>.sign_fin {padding:7.813vw 0 5.208vw;}
  .sign_in .contents>.sign_fin>img {max-width:21.484vw;}
  .sign_in .contents>.sign_fin>em {margin-top:6.510vw; font-size:4.688vw;}
  .sign_in .contents>.sign_fin>div {margin-top:5.208vw; font-size:3.646vw;}
  .sign_in>div>.btn_wrap {margin-top:7.161vw;}
  .sign_in>div>.btn_wrap>li {gap:2.604vw;}
  .sign_in>div>.btn_wrap>li>button,
  .sign_in>div>.btn_wrap>li>a {width:27.344vw; height:9.115vw; line-height:9.115vw; font-size:3.646vw; border-radius:4.557vw;}

  /* longin_find :: 아이디, 비밀번호 찾기 */
  .login_find>div>ul>li {height:9.115vw; line-height:9.115vw; font-size:3.646vw;}
  .login_find>div>.wrap {margin-top:6.510vw;}
  .login_find>div>.wrap>div>.top {gap:1.432vw;}
  .login_find>div>.wrap>div>.top>label {font-size:3.255vw;}
  .login_find>div>.wrap>div>.input_con {gap:2.604vw; margin-top:2.604vw;}
  .login_find>div>.wrap>div>.input_con>input {height:9.115vw;}
  .login_find>div>.wrap>div>button {margin-top:5.859vw; height:9.115vw; line-height:9.115vw; font-size:3.385vw;}

  /* my_page :: 마이페이지 */
  .mypage>div>ul {gap:1.302vw; flex-wrap:wrap;}
  .mypage>div>ul>li {width:32%; height:10.417vw; line-height:10.417vw; font-size:4.427vw; border-radius:5.208vw;}
  .mypage>article {margin-top:11.719vw;}
  .mypage>article>section>div>h3 {padding:0 0 3.906vw 4.557vw; font-size:4.948vw;}
  .mypage>article>section>div>ul {gap:1.302vw; margin:7.161vw 0;}
  .mypage>article>section>div>ul>li {width:100%; height:7.813vw; line-height:7.813vw; font-size:2.865vw; border-radius:2.604vw;}
  .mypage>article>section>div>div>div>ol>li>div {flex-direction:column; align-items:flex-start; gap:3.906vw;}
  .mypage>article>section>div>div>div>ol>li {padding:3.906vw 0;}
  .mypage>article>section>div>div>div>ol>li>div>div {gap:2.604vw;}
  .mypage>article>section>div>div>div>ol>li>div>div>em {width:7.813vw; font-size:3.906vw;}
  .mypage>article>section>div>div>div>ol>li>div>div>dl {gap:3.906vw;}
  .mypage>article>section>div>div>div>ol>li>div>div>dl>dt {flex-direction:column; align-items:flex-start; gap:1.302vw; font-size:4.427vw;}
  .mypage>article>section>div>div>div>ol>li>div>div>dl>dt>span {font-size:3.646vw;}
  .mypage>article>section>div>div>div>ol>li>div>div>dl>dd {gap:2.604vw;}
  .mypage>article>section>div>div .req_btn {width:19.531vw; height:5.859vw; line-height:5.859vw; font-size:3.385vw;}
  .mypage>article>section>div>div .date,
  .mypage>article>section>div>div .time,
  .mypage>article>section>div>div .company {margin-right:1.693vw; padding-right:1.823vw; font-size:3.385vw;}
  .mypage>article>section>div>div .room {font-size:3.385vw !important;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list {flex-direction:row; gap:2.604vw; width:100%;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>div>.btn_list>button {height:7.813vw; line-height:7.813vw; font-size:3.385vw; border-radius:2.344vw;}

  /* edit */
  .mypage>article>.edit>div {padding-bottom:5.208vw;}
  .mypage>article>.edit>div>.con {gap:6.510vw; margin-top:7.813vw; padding:0;}
  .mypage>article>.edit>div>.con>dl {gap:2.604vw;}
  .mypage>article>.edit>div>.con>dl>dt {padding-left:2.995vw; font-size:3.516vw;}
  .mypage>article>.edit>div>.con>dl>dt::before {width:1.432vw; height:1.432vw;}
  .mypage>article>.edit>div>.con>dl>dd {height:9.115vw;}
  .mypage>article>.edit>div>.con>dl>dd>select {width:13.021vw;}
  .mypage>article>section>.btn_wrap {gap:1.953vw; margin-top:7.161vw;}
  .mypage>article>section>.btn_wrap>li {width:27.344vw;}
  .mypage>article>section>.btn_wrap>li>* {height:9.115vw; line-height:9.115vw; font-size:3.646vw; border-radius:4.557vw;}
  /* meeting */
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card {margin:10.417vw auto 1.302vw; padding:5.208vw; width:100%; border-radius:2.604vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div {gap:9.115vw; padding:11.719vw 3.906vw 6.510vw; border-radius:2.604vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.exit {width:2.865vw; top:3.906vw; right:3.906vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>h3 {font-size:4.948vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>h3>img {width:13.802vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap:not(:first-child) {margin-top:7.813vw; padding-bottom:3.906vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>h4 {font-size:4.948vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list {margin-top:5.208vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl {gap:5.208vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl:not(:first-child) {margin-top:3.255vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl>dt {width:13.932vw; font-size:3.906vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl>dd {font-size:3.385vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area {margin-top:5.859vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dt {margin-bottom:3.906vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>textarea {padding:2.604vw; height:23.438vw; border-radius:2.083vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul {gap:4.557vw; margin-bottom:2.604vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul>li {gap:2.344vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>.info_wrap>.info_list>dl.txt_area>dd>ul>li>label {font-size:3.385vw;}
  .mypage>article>.meeting>div>.meet_list_wrap>div>ol>li>.card>div>.con_wrap>button {margin:5.859vw auto 0; width:24.740vw; height:7.161vw; line-height:7.161vw; font-size:3.646vw; border-radius:2.083vw;}
  /* chatting */
  .mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div {flex-direction:row; align-items:center;}
  .mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon {width:6.510vw; height:6.510vw;}
  .mypage>article>.chatting>div>.chat_list_wrap>div>ol>li>div>.messeage>.mes_icon>span {top:-15%; left:-15%; width:3.646vw; height:3.646vw; font-size:3.125vw;}
  /* 비품수정 완료 */
  .mypage>article>section.fin>div>dl {margin-top:7.813vw; padding-bottom:5.208vw;}
  .mypage>article>section.fin>div>dl>dt {font-size:4.688vw;}
  .mypage>article>section.fin>div>dl>dd {margin-top:3.255vw; font-size:3.646vw; word-break:keep-all;}
}