@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
#sub{
     --key-color: linear-gradient(to left, #007EE6, #00D6B9);     
     --key-color3: linear-gradient(45deg, #007EE6, #00D6B9);     
     --key-color2: linear-gradient(to left, #00D6B9, #007EE680);     
     --font-color: #61697F;     
     --font-main-color: #222222;     
     --font-info-color: #727791;     
     --line-color: #E3E4F1;     
}
.dark .alert_popup .pop_wrap .pop_in{background-color: #000411;}
.dark .alert_popup .pop_wrap .pop_in strong{color: #fff;}
.dark .alert_popup .pop_wrap .pop_in p{color: rgba(255,255,255,0.5);}
#fileViewerModal{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;display:none;background-color: #00000090;}
#fileViewerModal .wrap_pop{display: flex;width: 100%;height: 100vh;align-items: center;justify-content: center;}
#fileViewerModal .wrap_pop > div{position: relative;}
#fileViewerModal .wrap_pop .file-viewer-body{width: 1200px;height: 80vh;max-width: 90vw;position: relative;}
#fileViewerModal .wrap_pop .file-viewer-body img{max-width: 100%;}
#fileViewerModal .wrap_pop .file-viewer-body iframe{height: 100%;}
#fileViewerModal .wrap_pop .file-viewer-controls{display: none;}
#fileViewerModal .wrap_pop .file-viewer-close{width: 30px;height: 30px;text-indent: -9999px;position: absolute;right: 0;top: -40px;transform: rotate(45deg);}
#fileViewerModal .wrap_pop .file-viewer-close:before{content: '';display: block;width: 100%;height: 2px;background-color: #ffffff;left: 0;top: 50%;transform: translateY(-50%);position: absolute;}
#fileViewerModal .wrap_pop .file-viewer-close:after{content: '';display: block;height: 100%;width: 2px;background-color: #ffffff;top: 0;left: 50%;transform: translateX(-50%);position: absolute;}
.dark #sub.sch .result .r_btn a{background-color: #1C202B;}
.dark #sub.member input[type="checkbox"] + label:before, .dark  #sub.member input[type="radio"] + label:before {background: url(/img/sub/check_dark2.png);;}
.dark .mo_view span{border-color: rgba(255,255,255,0.5);color: #fff;;}
.dark .mo_view path{stroke: #fff;;}
.mo_view{position: relative;display: none;}
.inner2{width: 1020px;margin: 0 auto;}
.alert_popup{position: fixed;width: 100%;height: 100%;top: 0;background-color: #00000020;left: 0;z-index: 9999;display: none;}
.alert_popup .pop_wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.alert_popup .pop_wrap .pop_in{background-color: #FFFFFF;width: 540px;text-align: center;padding: 60px 0;border-radius: 20px;}
.alert_popup .pop_wrap .pop_in i{display: block;margin-bottom: 10px;}
.alert_popup .pop_wrap .pop_in i img{display: block;margin: 0 auto;}
.alert_popup .pop_wrap .pop_in strong{display: block;font-size: 24px;color: #222222;font-weight: 500;text-align: center;line-height: 1.5;}
.alert_popup .pop_wrap .pop_in p{font-size: 18px;color: #424954;letter-spacing: -0.5px;margin-top: 20px;line-height: 26px;}
.alert_popup .pop_wrap .pop_in .btn{display: flex;justify-content: center;margin-top: 40px;gap: 10px}
.alert_popup .pop_wrap .pop_in .btn button{height: 50px;display: block;padding: 0 33px;background: linear-gradient(to left, #007EE6, #00D6B9); border-radius: 60px;font-size: 17px;font-weight: 5000;color: #FFFFFF}
.alert_popup .pop_wrap .pop_in .btn button.re{background: #AAB4D1;}

.alert_popup input[type="checkbox"] + label{display: flex;align-items: center;font-size: 15px;color: #6E6E6E;font-weight: 500;gap: 8px}
.alert_popup input[type="checkbox"] + label:before, .alert_popup input[type="radio"] + label:before{content: '';display: block;width: 24px;height: 24px;background: url(/img/sub/check.png);background-size: 100% 100%;}
.alert_popup input[type="checkbox"]:checked + label:before, .alert_popup input[type="radio"]:checked + label:before{background: url(/img/sub/check_on.png);background-size: 100% 100%;}
.alert_popup input[type="checkbox"]{width: 0;height: 0;}
.alert_popup .r_box{display: flex;flex-wrap: wrap;display: flex;gap: 20px;margin-top: 25px;}

.alert_popup .key_box{display: flex;flex-wrap: wrap;padding: 13px 20px;background-color: #F6F9FC;border-radius: 10px;border: 1px solid #D4DBE6;gap: 8px;margin-top: 30px;}
.alert_popup .key_box > div{display: flex;padding: 0 18px;background-color: #DDE8F6;height: 34px;display: flex;align-items: center;border-radius: 24px;gap: 6px;align-items: center;}
.alert_popup .key_box > div button{width: 18px;height: 18px;font-size: 0;background: url(/img/sub/close.svg);}
.alert_popup .key_box > div span{font-size: 14px;color: #007EE6;font-weight: 600;}
.alert_popup.pop_key .pop_wrap .pop_in{width: 600px;padding: 30px;}
#sub .sch_title strong{display: block;font-size: 32px;color: #222222;font-weight: 600;margin-bottom: 50px;}
#sub .sch_title p{display: block;font-size: 16px;color: #485B6A;font-weight: 500;margin-bottom: 20px;}
#sub.sch_content .sub_con{padding-bottom: 0;}
#mem_popup{position: fixed;width: 100%;height: 100%;top: 0;background-color: #00000020;left: 0;z-index: 9999;display: none;}
#mem_popup .pop_in{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
#mem_popup .pop_in .pop_cont{background-color: #FFFFFF;padding: 50px 45px;border-radius: 20px;width: 860px;position: relative;}
#mem_popup .pop_in .pop_cont .close{position: absolute;right: -44px;top: 0;width: 32px;height: 32px;background: url(/img/sub/close_mem.svg);overflow: hidden;text-indent: -9999px;}
#mem_popup .pop_in .title{margin-bottom: 30px;}
#mem_popup .pop_in .title strong{display: block;;letter-spacing: -0.5px;color: #222222;font-weight: 600;font-size: 24px;text-align: center;}
#mem_popup .pop_in .pop_cont .wrap{border: 1px solid #D2D9E2;padding: 30px 24px;border-radius: 20px;}
#mem_popup .pop_in .pop_cont .wrap .profile{display: flex;;align-items: center;gap: 20px}
#mem_popup .pop_in .pop_cont .wrap .profile .img{width: 100px;overflow: hidden;position: relative;border-radius: 50%;border: 1px solid #D2D9E2;gap: 20px;padding-top: 30%;}
#mem_popup .pop_in .pop_cont .wrap .profile .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#mem_popup .pop_in .pop_cont .wrap .profile .txt{width: calc(100% - 120px);}
#mem_popup .pop_in .pop_cont .wrap .profile .txt span{display: inline-block;line-height: 28px;padding: 0 14px;border: 1px solid #004FC5;border-radius: 50px;font-size: 14px;letter-spacing: -0.5px;color: #004FC5;font-weight: 500;}
#mem_popup .pop_in .pop_cont .wrap .profile .txt strong{display: block;margin-top: 8px;font-size: 24px;color: #222222;letter-spacing: -0.5px;line-height: 1;margin-bottom: 10px;}
#mem_popup .pop_in .pop_cont .wrap .profile .txt p{font-size: 16px;color: #61697F;}
#mem_popup .pop_in .pop_cont .wrap .profile .img img{width: 100%;display: block;}
#mem_popup .pop_in .pop_cont .wrap .history{padding: 20px 0;}
#mem_popup .pop_in .pop_cont .wrap .history strong{display: block;font-size: 18px;font-weight: 600;color: #222222;margin-bottom: 8px;}
#mem_popup .pop_in .pop_cont .wrap .history ul{display: flex;;flex-direction: column;gap: 8px}
#mem_popup .pop_in .pop_cont .wrap .history ul li:before{content: '';display: block;width: 3px;height: 3px;background-color: #61697F;border-radius: 50%;position: absolute;left: 0;border-radius: 50%;top: 7px;}
#mem_popup .pop_in .pop_cont .wrap .history ul li{font-size: 15px;letter-spacing: -0.5px;color: #61697F;position: relative;padding-left: 9px;}
#mem_popup .pop_in .pop_cont .wrap .info{display: flex;flex-direction: column;gap: 10px}
#mem_popup .pop_in .pop_cont .wrap .info div{padding: 16px;background-color: #F4F4FB;border-radius: 12px;}
#mem_popup .pop_in .pop_cont .wrap .info div p{font-size: 15px;letter-spacing: -0.5px;color: #61697F;}
#mem_popup .pop_in .pop_cont .wrap .info div strong{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 600;color: #14366A;margin-bottom: 8px;}
#mem_popup .pop_in .pop_cont .wrap .info div p b{color: #1965ED;}
#mem_popup .pop_in .pop_cont .wrap .info div strong:before{content: '';display: block;;width: 23px;height: 23px;background : url(/img/main/ai_icon02.png);}
#mem_popup .pop_in .pop_cont .wrap a:after{content: '';display: block;width: 22px;height: 22px;background: url(/img/sub/plus_w.svg);}
#mem_popup .pop_in .pop_cont .wrap a{background:linear-gradient(-45deg, #007EE6, #00D6B9);display: flex;align-items: center;justify-content: center;
height: 48px;border-radius: 26px;margin-top: 10px;font-size: 16px;font-weight: 600;color: #FFFFFF;gap: 12px}

#mem_popup .pop_in .pop_cont .cont{display: flex;gap: 30px}
#mem_popup .pop_in .pop_cont .cont > div{position: relative;width: calc(50% - 15px);}
#mem_popup .pop_in .pop_cont .cont > div .cancel{position: absolute;top: 16px;right: 16px;width: 28px;height: 28px;background: url(/img/sub/pop_close.svg);font-size: 0;}
#mem_popup .pop_in .pop_cont .cont .empty{background-color: #F4F4FB;border: none;padding: 6px;min-height: 515px;}
#mem_popup .pop_in .pop_cont .cont .empty > div{width: 100%;height: 100%;display: flex;;align-items: center;justify-content: center;border: 1px dashed #C7D1DE;border-radius: 16px;flex-direction: column;gap: 15px}
#mem_popup .pop_in .pop_cont .cont .empty > div:before{content: '';display: block;width: 28px;height: 28px;background: url(/img/sub/pop_plus.svg);}
#mem_popup .pop_in .pop_cont .cont .empty p{font-size: 18px;color: #222222;font-weight: 600;letter-spacing: -0.5px;}

#floating_btn{position: fixed;bottom: 35px;right: 155px;z-index: 15;}
#floating_btn button{width: 120px;height: 120px;font-size: 20px;position: relative;color: #fff;font-weight: 600;line-height: 24px;;}
#floating_btn button span{position: absolute;display: flex;;width: 30px;height: 30px;align-items: center;justify-content: center;border-radius: 50%;background-color: #001F7A;font-size: 14px;font-weight: 600;top: 5px;right: 3px;}
#floating_btn button:before{content: '';display: block;border-radius: 50%;border: 4px solid #FFFFFF;box-shadow: 10px 10px 40px #4D668B20;background:linear-gradient(-45deg, #007EE6, #00D6B9);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;box-sizing: border-box;}
#sub.member .sub_con{padding: 0;}
#sub.member{background-color: #F4F4FB;padding-top: 180px;padding-bottom: 70px;min-height: 100vh;}
#sub.member .stap ul{display: flex;justify-content: center;gap: 85px;margin-bottom: 45px;}
#sub.member .stap ul li{display: flex;flex-direction: column;align-items: center;gap: 12px}
#sub.member .stap ul li span{display: flex;width: 34px;height: 34px;background-color: #BEC7E1;border-radius: 50%;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;color: #FFFFFF;}
#sub.member .stap ul li strong{font-size: 16px;color: #A8B2CE;font-weight: 500;}
#sub.member .stap ul li.on span{background-color: #001F7A;}
#sub.member .stap ul li.on strong{color: #001F7A;}
#sub .s_title{margin-bottom: 30px;}
#sub .s_title strong{display: block;text-align: center;font-size: 32px;color: #222222;margin-bottom: 13px;}
#sub .s_title p{display: block;text-align: center;font-size: 20px;color: #61697F;}
#sub.member .log_wrap{background-color: #fff;width: 600px;padding: 60px 40px;margin: 0 auto;box-shadow: 0 0 30px #879EB120;border-radius: 20px;}
#sub.member .join_wrap{background-color: #fff;width: 800px;padding: 60px 40px;margin: 0 auto;box-shadow: 0 0 30px #879EB120;border-radius: 20px;}
#sub.member.v_write .join_wrap{padding: 0;}
#sub.member .log_wrap .frm{margin-bottom: 15px;}
#sub.member .log_wrap .frm ul{display: flex;flex-direction: column;gap: 12px}
#sub.member .log_wrap .frm ul li strong{font-size: 18px;color: #222222;font-weight: 600;display: block;margin-bottom: 10px;;}
#sub.member .log_wrap .frm ul li strong i{color: #007EE6;}
#sub.member .log_wrap .frm ul li p{font-size: 16px;color: #61697F;margin-bottom: 10px;}
#sub.member .log_wrap .frm ul li .err{margin-top: 15px;}
#sub.member .log_wrap .frm ul li .err p{margin-bottom: 0;font-size: 15px;color: #FF1A1A;}
#sub.member .log_wrap .frm ul li .btn{position: relative;padding-right: 170px;}
#sub.member .log_wrap .frm ul li .btn button{position: absolute;right: 0;top: 0;height: 100%;border-radius: 60px;background-color: #001F7A;width: 160px;color: #fff;font-size: 17px;;}
#sub.member .log_wrap .chk ul{display: flex;gap: 30px}
#sub.member input[type="text"], #sub.member input[type="password"]{display: block;width: 100%;height: 60px;border: 1px solid #DCDDE5;border-radius: 50px;font-size: 17px;color: #222;padding: 0 30px;}
#sub.member .tit_wrap_c {position: relative;}
#sub.member .log_wrap .frm ul li .tit_wrap_c p{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);color: #8E98B4;font-size: 14px;}
#sub.member .log_wrap .frm ul li .tit_wrap_c p #count{color: #888;}
#sub.member .region_fixed{display: flex;width: 100%;height: 60px;background-color: #F6F9FC;
    border-radius: 16px;
    border: 1px solid #D4DBE6; border-radius: 50px;font-size: 17px;color: #222;padding: 0 30px;;align-items: center;}
#sub.member .region_fixed span{color: #222;}
#sub.member input[type="text"]::placeholder, #sub.member input[type="password"]::placeholder, #sub.member textarea::placeholder{color: #8E98B4}
#sub.member textarea{display: block;width: 100%;height: 300px;border: 1px solid #DCDDE5;border-radius: 12px;font-size: 17px;color: #222;padding: 20px 30px;line-height: 1.8;}
#sub.member input[type="checkbox"], #sub.member input[type="radio"]{width: 0;height: 0;}
#sub.member input[type="checkbox"] + label, #sub.member input[type="radio"] + label{display: flex;align-items: center;font-size: 15px;color: #6E6E6E;font-weight: 500;gap: 8px}
#sub.member input[type="checkbox"] + label:before, #sub.member input[type="radio"] + label:before{content: '';display: block;width: 24px;height: 24px;background: url(/img/sub/check.png);background-size: 100% 100%;}
#sub.member input[type="checkbox"]:checked + label:before, #sub.member input[type="radio"]:checked + label:before{background: url(/img/sub/check_on.png);background-size: 100% 100%;}
#sub.member .g_btn{margin-top: 20px;}
#sub.member .g_btn button{background: var(--key-color);width: 100%;height: 60px;border-radius: 30px;color: #FFFFFF;font-size: 18px;}
#sub.member .log_wrap .info{margin-top: 25px;padding-bottom: 40px;}
#sub.member .log_wrap .info ul{display: flex;justify-content: center;}
#sub.member .log_wrap .info ul li{position: relative;}
#sub.member .log_wrap .info ul li a{display: block;padding: 0 20px;color: #727791;font-size: 15px;;}
#sub.member .log_wrap .info ul li:after{content: '';display: block;width: 1px;height: 15px;background-color: #C8CCDF;position: absolute;right: 0;top: 50%;margin-top: -7.5px;;}
#sub.member .log_wrap .info ul li:last-child::after{display: none;}
#sub.member .log_wrap .sns{border-top: 1px solid #E3E4F1;padding-top: 24px;}
#sub.member .log_wrap .sns ul{display: flex;flex-direction: column;gap: 12px}
#sub.member .log_wrap .sns ul li a{display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;border-radius: 60px;font-size: 18px;font-weight: 600;gap: 12px}
#sub.member .log_wrap .sns ul li a.kakao{background-color: #FEE500;color: #000000;}
#sub.member .log_wrap .sns ul li a.naver{background-color: #00C959;color: #FFFFFF;}
#sub.member .log_wrap .sns ul li a.kakao i{display: block;width: 26px;height: 25px;background: url(/img/sub/kakao_icon.png);}
#sub.member .log_wrap .sns ul li a.naver i{display: block;width: 20px;height: 20px;background: url(/img/sub/naver_icon.png);}
#sub.member.sch .log_wrap .frm ul{gap: 20px}
#sub.member .log_wrap .info.info_2{padding-bottom: 0;padding-top: 30px;margin-top: 30px;border-top: 1px solid #E3E4F1;;;}
#sub.sch{padding: 0;display: flex;align-items: center;justify-content: center;}
#sub.sch .result{width: 470px;margin: 0 auto;background: #FFFFFF;box-shadow: 0 0 30px #879EB120;border-radius: 20px;display: flex;align-items: center;flex-direction: column;padding: 60px 0;}
#sub.sch .result i{display: block;margin-bottom: 10px;;}
#sub.sch .result strong{font-size: 24px;line-height: 1.5;display: block;text-align: center;color: #222222;display: block;}
#sub.sch .result strong b{color: #007EE6;}
#sub.sch .result p{font-size: 18px;color: #424954;margin-top: 20px;letter-spacing: -0.4px;text-align: center;line-height: 1.5;}
#sub.sch .result .r_btn{display: flex;justify-content: center;gap: 10px;margin-top: 40px;}
#sub.sch .result .r_btn a{display: flex;padding: 0 30px;height: 50px;align-items: center;background-color: #001F7A;border-radius: 50px;color: #FFFFFF;font-size: 17px;font-weight: 500;}
#sub.sch .result .r_btn a.on{background: var(--key-color);}
#sub.member .log_wrap.join_wrap .frm ul{gap: 20px}
#sub.member .log_wrap.join_wrap .frm{margin-bottom: 0;}
#sub.member .log_wrap .frm .r_box{display: flex;gap: 0 50px;min-height: 60px;align-items: center;flex-wrap: wrap;}
#sub.member .log_wrap .frm .r_box label{line-height: 60px;}
#sub.member .log_wrap .priv{border-top: 1px solid #E3E4F1;padding-top: 30px;margin-top: 30px;;}
#sub.member .log_wrap .priv strong{font-size: 18px;color: #222222;font-weight: 600;display: block;margin-bottom: 10px;;}
#sub.member .log_wrap .priv strong i{color: #007EE6;}
#sub.member .log_wrap .priv .all{display: flex;height: 60px;align-items: center;border: 1px solid #007FE5;border-radius: 30px;padding: 0 20px;margin-bottom: 20px;gap: 8px}
#sub.member .log_wrap .priv .all label{font-size: 16px;color: #222222;font-weight: 500;}
#sub.member .log_wrap .priv .pri_list{display: flex;flex-direction: column;gap: 20px}
#sub.member .log_wrap .priv .pri_list > div{display: flex;justify-content: space-between;padding: 0 20px;}
#sub.member .log_wrap .priv .pri_list > div button{display: flex;align-items: center;gap: 12px}
#sub.member .log_wrap .priv .pri_list > div button span{font-size: 15px;font-weight: 500;color: #5A7082;text-decoration: underline;}
#sub.member .log_wrap .priv .pri_list > div label{color: #222222;font-weight: 500;font-size: 16px;}
#sub.member .log_wrap .priv .pri_list > div label b{color: #007EE6;}
#sub.member .log_wrap .priv .pri_list > div .left_r label b{color: #707F8B;}
#sub.member .g_btn_center{display: flex;justify-content: center;margin-top: 30px;}
#sub.member .g_btn_center button{width: 160px}
#sub.member .key_box{display: flex;flex-wrap: wrap;padding: 13px 20px;background-color: #F6F9FC;border-radius: 10px;border: 1px solid #D4DBE6;gap: 8px;margin-top: 30px;}
#sub.member .key_box > div{display: flex;padding: 0 18px;background-color: #DDE8F6;height: 34px;display: flex;align-items: center;border-radius: 24px;gap: 6px;align-items: center;}
#sub.member .key_box > div button{width: 18px;height: 18px;font-size: 0;background: url(/img/sub/close.svg);}
#sub.member .key_box > div span{font-size: 14px;color: #007EE6;font-weight: 600;}

#sub{padding-top: 110px;}
#sub .sub_con{padding-top: 90px;padding-bottom: 160px;}
#sub .breadcrumb{border-bottom: 1px solid #DEE0E5;position: relative;z-index: 55;}
#sub .breadcrumb > div{display: flex;position: relative;}
#sub .breadcrumb > div > div{border-left: 1px solid #DEE0E5;position: relative;}
#sub .breadcrumb > div > div:last-child{border-right: 1px solid #DEE0E5;}
#sub .breadcrumb > div > div.on button{background-color: #F5F6F9;}
#sub .breadcrumb > div button{height: 73px;width: 250px;padding: 0 30px;display: flex;;justify-content: space-between;align-items: center;font-size: 17px;color: #404E64;font-weight: 500;}
#sub .breadcrumb > div button:after{content: '';display: block;;width: 10px;height: 5px;background: url(/img/sub/sel_button.svg);background-size: 100% 100%;}
#sub .breadcrumb > div ul{position: absolute;top: calc(100% + 1px);left: 0;width: 100%;background-color: #fff;border: 1px solid #DEE0E5;border-top: none;display: none;}
#sub .breadcrumb > div ul li a{border-bottom: 1px solid #DEE0E5;line-height: 60px;padding:0 30px ;display: block;}
#sub .breadcrumb > div ul li:last-child a{border-bottom: none;}
#sub .search_wrap{display: flex;justify-content: center;gap: 10px;margin-bottom: 60px;}
#sub .search_wrap input{width: 500px;height: 60px;border: 2px solid #DFE5EF; border-radius: 60px;font-size: 17px;color: #58606B;padding-left: 35px;}
#sub.proposal .search_wrap input{width: 320px;max-width: 100%;}
#sub.proposal .search_wrap button{width: 320px;height: 60px;border: 2px solid #DFE5EF; border-radius: 60px;font-size: 17px;color: #58606B;padding-left: 35px;text-align: left;background: url(/img/sub/arr_down.png) no-repeat center right 35px;}
#sub.proposal .search_wrap button.sch_btn{width: 60px;padding: 0;background-position: center center;background: url(/img/sub/search.svg);text-indent: -9999px;background-size: 100% 100%;}
#sub .search_wrap button#btnSearch{width: 60px;padding: 0;background-position: center center;background: url(/img/sub/search.svg);text-indent: -9999px;background-size: 100% 100%;}
#sub .search_wrap button.sch_btn{border: none;}
#sub.gal_list .list ul{display: flex;flex-wrap: wrap;gap: 60px 30px}
#sub.gal_list .list ul li{width: calc(33.33% - 20px);}
#sub.gal_list .list ul li a{display: block;padding: 16px;border-radius: 20px;border: 1px solid #D2D9E2;padding-bottom: 28px;}
#sub.gal_list .list ul li .img img{display: block;width: 100%;}
#sub.gal_list .list ul li .img{padding-top: 58%;position: relative;border-radius: 16px;overflow: hidden;;width: 100%;}
#sub.gal_list .list ul li .img .img_w{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: 0.5s;width: 100%;}
#sub.gal_list .list ul li:hover .img .img_w{filter: blur(10px);}
#sub.gal_list .list ul li .img .more{position: absolute;top: 0;left: 0;width: 100%; height: 100%; background: var(--key-color2);display: flex;align-items: center;justify-content: center;;transform: scale(1.05);opacity: 0;transition: 0.5s;}
#sub.gal_list .list ul li:hover .img .more{transform: scale(1);opacity: 1;}
#sub.gal_list .list ul li .img .more span{display: flex;padding: 0 17px;height: 48px;align-items: center;background-color: #fff;border-radius: 50px;font-size: 16px;color: #007EE6;font-weight: 600;gap: 10px}
#sub.gal_list .list ul li .img .more span:after{content: '';width: 22px;height: 22px;background: url(/img/sub/more_plus.png);}
#sub.gal_list .list ul li .txt{padding : 0 20px; padding-top: 20px;}
#sub.gal_list .list ul li .txt strong{font-size: 22px;color: #222222;display: block;margin-bottom: 15px;}
#sub.gal_list .list ul li .txt div{display: flex;align-items: center;gap: 16px;}
#sub.gal_list .list ul li .txt span{display: block;font-size: 15px;color: #64727E;}
#sub.gal_list .list ul li .txt i{display: block;;width: 1px;height: 12px;background-color: #C7C7C7;;}
#sub.gal_list .list ul li .txt span.like{display: flex;align-items: center;gap: 5px}
#sub.gal_list .list ul li .txt span.like:before{content: '';display: block;width: 14px;height: 14px;background: url(/img/sub/like.png);}
#sub .paging{padding-top: 80px;}
#sub .paging ul{display: flex;justify-content: center;}
#sub .paging ul li a{display: flex;width: 46px;height: 46px;font-size: 16px;color: #656F7E;border-radius: 50%;font-weight: 500;align-items: center;justify-content: center;;;}
#sub .paging ul li.on a{background-color: #0083E4;color: #fff;}
#sub .paging ul li a span{width: 0;height: 0;font-size: 0;}
#sub .paging ul li.prev a{background: url(/img/sub/prev.png); background-size: 100% 100%;}
#sub .paging ul li.next a{background: url(/img/sub/next.png); background-size: 100% 100%;}
#sub.view .con01 .title{border-bottom: 1px solid #E0E6EE;padding-bottom: 40px;position: relative;}
#sub.view .con01 .title strong{display: block;font-size: 26px;color: #222222;margin-bottom: 25px;word-break: keep-all;line-height: 1.5;}
#sub.view .con01 .title span{font-size: 16px;color: #6B7077;}
#sub.view .con01 .title i{display: block;;width: 1px;height: 12px;background-color: #C7C7C7;;}
#sub.view .con01 .title .info{display: flex;;align-items: center;gap: 16px}
#sub.view .con01 .img_w{padding: 70px 0;display: flex;justify-content: center;padding-bottom: 0;}
#sub.view .con01 .text_content{padding: 70px 0;min-height: 500px;}
#sub.view .con01 .text_content img{max-width: 100%;}
#sub.view .con01 .img_w img{max-width: 100%;}
#sub.view .con01 .content{padding: 70px 0;font-size: 18px;line-height: 1.5;;color: #222222;}
.dark #sub.view .con01 .content{color: #ffffff;}
.dark #sub.view .con01 .view_btn button .text{color: #ffffff;}
#sub.view .con01 .content2{border-bottom: 1px solid #E0E6EE;}
#sub.view .con01 .content img{min-width: 100%;}
#sub.view .con01 .share{position: absolute;bottom: 30px;right: 0}
#sub.view .con01 .share ul{display: flex;gap: 12px}
#sub.view .con01 .share ul li img{display: block;}
#sub.view .con01 .t01{display: flex;gap: 8px}
#sub.view .con01 .t01.k_w{margin-bottom: 20px;}
#sub.view .con01 .t01 em{display: flex;height: 35px;background-color: #007EE610;padding: 0 15px;border-radius: 20px;color: #004FC5;font-weight: 500;align-items: center;;}
#sub.view .con01 .view_btn{display: flex;;justify-content: center;padding-bottom: 40px;border-bottom: 1px solid #E0E6EE;gap: 12px}
#sub.view .con01 .view_btn button{display: flex;border: 1px solid #C3CCD9;width: 78px;height: 78px;align-items: center;justify-content: center;flex-direction: column;font-size: 15px;color: #344554;font-weight: 600;gap: 8px;border-radius: 50%;}

#sub.view .con01 .view_btn button .text{display: block;}
#sub.view .con01 .view_btn button .count{display: none !important;}
#sub.view .con01 .view_btn button.on .text{display: none;}
#sub.view .con01 .view_btn button.on .count{display: block !important;}

#sub.view .con01 .view_btn button i{display: block;width: 15px;height: 15px;background: url(/img/sub/recomm_off.png)  no-repeat center center;;}
#sub.view .con01 .view_btn button.recomm i{background: url(/img/sub/recomm_off.png) no-repeat center center;;}
#sub.view .con01 .view_btn button.recomm.on i{background: url(/img/sub/recomm_on.png) no-repeat center center}
#sub.view .con01 .view_btn button.recomm.on {background: #1965ED;border-color: #1965ED;color: #fff;}
#sub.view .con01 .view_btn button.heart i{background: url(/img/sub/heart.svg) no-repeat center center;}
#sub.view .con01 .view_btn button.heart.on i{background: url(/img/sub/heart_on.svg) no-repeat center center;}
#sub.view .con01 .view_btn button.heart.on{background-color: #FF7293;color: #fff;border-color: #FF7293;}

#sub.view .con01 .view_btn button.creative.on i{background: url(/img/sub/heart_on.svg) no-repeat center center;}
#sub.view .con01 .view_btn button.creative.on{background-color: #FF7293;color: #fff;border-color: #FF7293;}
#sub.view .con01 .view_btn button.hurryup.on{background-color: #48BF8F;color: #fff;border-color: #48BF8F;}
#sub.view .con01 .view_btn button.creative.on{background-color: #F59300;color: #fff;border-color: #F59300;}


#sub.view .con01 .view_btn button.creative i{background: url(/img/sub/creative.svg) no-repeat center center;}
#sub.view .con01 .view_btn button.hurryup i{background: url(/img/sub/hurryup.svg) no-repeat center center;}

#sub.view .con01 .view_btn button.creative.on i{background: url(/img/sub/creative_on.svg) no-repeat center center;}
#sub.view .con01 .view_btn button.hurryup.on i{background: url(/img/sub/hurryup_on.svg) no-repeat center center;}
#sub.view .con01 .go_list{margin-top: 60px;}
#sub.view .con01 .go_list a{display: flex;;align-items: center;justify-content: center;width: 160px;height: 60px;margin: 0 auto;background-color: #001F7A;border-radius: 50px;font-size: 17px;color: #FFFFFF;font-weight: 500;transition-duration: 0.5s;}
#sub.view .con01 .go_list a:hover{background-color: #007EE6;}
#sub.view .con01 .file_w{display: flex;;flex-direction: column;gap: 10px;margin-top: 30px;}
#sub.view .con01 .file_w .file{display: flex;height: 70px;align-items: center;background-color: #F6F9FC;border: 1px solid #D4DBE6;border-radius: 16px;padding: 0 35px;}
#sub.view .con01 .file_w .file div{padding-left: 30px;display: flex;gap: 8px}
#sub.view .con01 .file_w .file div a{display: flex;font-size: 16px;color: #003058;}
#sub.view .con01 .file_w .file div span{color: #555E6B;}
#sub.view .con01 .file_w .file strong{display: flex;font-size: 18px;font-weight: 600;color: #003058;align-items: center;gap: 10px}
#sub.view .con01 .file_w .file strong:before{content:"";display: inline-block;;width: 12px;height: 15px;background: url(/img/sub/file.png);font-size: 0;}

#sub.view .con01 .ai_cont{margin-top: 50px;}
#sub.view .con01 .ai_cont .title2 {margin-bottom: 20px;}
#sub.view .con01 .ai_cont .title2 strong{font-size: 26px;font-size: #222222;display: flex;gap: 12px;align-items: center;}
#sub.view .con01 .ai_cont .title2 strong b{color: #007EE6;}
#sub.view .con01 .ai_cont .title2{display: flex;gap: 30px;align-items: center;}
#sub.view .con01 .ai_cont .title2 strong:before{content: '';display: block;;width: 23px;height: 23px;background : url(/img/main/ai_icon02.png);}
#sub.view .con01 .ai_cont .title2 p:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/err_icon_small.svg);}
#sub.view .con01 .ai_cont .title2 p{font-size: 15px;color: #61697F;display: flex;gap: 8px;align-items: center;}
#sub.view .con01 .ai_cont ul{display: flex;flex-direction: column;gap: 12px}
#sub.view .con01 .ai_cont ul li{background-color: #F6F9FC;border-radius: 16px;border: 1px solid #D4DBE6;border-radius: 16px;padding: 20px 30px;display: flex;line-height: 28px;font-size: 16px;color: #555E6B;word-break: keep-all;}
#sub.view .con01 .ai_cont ul li span{font-size: 18px;color: #003058;width: 95px;font-weight: 600;}
#sub.view .comment_content{margin-top: 60px;}
#sub.view .comment_content .tit{display: flex;gap: 30px;align-items: center;margin-bottom: 18px;}
#sub.view .comment_content .tit strong{display: flex;font-size: 26px;color: #222222;display: flex;align-items: center;gap: 10px}
#sub.view .comment_content .tit strong span{color: #007EE6;display: flex;width: 26px;height: 26px;background-color: #007EE6;border-radius: 50%;font-size: 15px;color: #FFFFFF;font-weight: 500;align-items: center;justify-content: center;}
#sub.view .comment_content .tit p:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/err_icon_small.svg);}
#sub.view .comment_content .tit p{font-size: 15px;color: #61697F;display: flex;gap: 8px;align-items: center;}
#sub.view .comment_content .comm{display: flex;flex-direction: column;gap: 12px}
#sub.view .comment_content .comm .wr{background-color: #F6F9FC;padding: 22px 35px;border: 1px solid #D4DBE6;border-radius: 16px;display: flex;align-items: center;gap: 20px;width: 100%;}
#sub.view .comment_content .comm .wr .img{width: 70px;overflow: hidden;border-radius: 50%;border: 1px solid #D2D9E2;position: relative;padding-top: 4.3%;}
#sub.view .comment_content .comm .wr .img img{display: block;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
#sub.view .comment_content .comm .wr strong{display: flex;align-items: center;font-size: 18px;color: #222222;font-weight: 600;gap: 10px;margin-bottom: 10px;}
#sub.view .comment_content .comm .wr strong span{display: flex;height: 26px;border: 1px solid #004FC5;border-radius: 50px;font-size: 14px;color: #004FC5;font-weight: 500;align-items: center;padding: 0 10px;}
#sub.view .comment_content .comm .wr p{font-size: 16px;line-height: 1.5;color: #555E6B;}
#sub.bo_list .con01 .list table{width: 100%;border-spacing: 0 10px !important;border-collapse: inherit;}
#sub.bo_list .con01 .list table td{border-bottom: 1px solid #D7D7EE;border-top: 1px solid #D7D7EE;height: 60px;text-align: center;vertical-align: middle;font-size: 16px;color: #555E6B;}
#sub.bo_list .con01 .list table td .fixed{color: #007EE6;font-weight: 600;}
#sub.bo_list .con01 .list table .cate{gap:8px;display: flex;}
#sub.bo_list .con01 .list table .cate span{background-color: #E5F2FD;border-radius: 17px;display: flex;height: 28px;padding: 0 10px;font-size: 14px;color: #004FC5;font-weight: 500;align-items: center;}
#sub.bo_list .con01 .list table td:nth-child(1){border-left: 1px solid #D7D7EE;border-radius: 16px 0 0 16px;}
#sub.bo_list .con01 .list table td:last-child{border-right: 1px solid #D7D7EE;border-radius: 0 16px 16px 0}
#sub.bo_list .con01 .list table th{background-color: #EFF4F9;height: 60px;font-size: 16px;font-weight: 700;vertical-align: middle;color: #1E3250;}
#sub.bo_list .con01 .list table th:nth-child(1){border-radius: 16px 0 0 16px;}
#sub.bo_list .con01 .list table th:last-child{border-radius: 0 16px 16px 0}
#sub.bo_list .con01 .list table th.title{width: 50%;}
#sub.bo_list .con01 .list table td a{display: block;;text-align: left;display: flex;align-items: center;gap: 10px;transition-duration: 0.5s;}
#sub.bo_list .con01 .list table td a:hover{color: #001F7A;}
#sub.bo_list .con01 .list table td a strong{max-width: calc(100% - 22px);display: block;overflow: hidden; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
#sub.bo_list .con01 .list table td a i{display: inline-block;;width: 12px;height: 15px;background: url(/img/sub/file.png);font-size: 0;}
#sub.bo_list .con01 .bo_tab{display: flex;margin-bottom: 10px;gap: 12px;position: relative;z-index: 15;}
#sub.bo_list .con01 .bo_tab .wr_btn{position: absolute;right: 0;}
#sub.bo_list .con01 .bo_tab .wr_btn button{padding: 0 34px;
    height: 50px;
    background: var(--key-color);
    align-items: center;
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 500;
    border-radius: 60px;}
#sub.bo_list .con01 .bo_tab > ul{display: flex;padding: 10px;border-radius: 50px;border: 1px solid #D9DFE9;}
#sub.bo_list .con01 .bo_tab .filter{position: relative;}
#sub.bo_list .con01 .bo_tab .filter > button{width: 176px;height: 50px;background-color: #001F7A;border-radius: 60px;display: flex;align-items: center;justify-content: space-between;padding-left: 30px;padding-right: 20px;font-size: 16px;color: #FFFFFF;font-weight: 600;}
#sub.bo_list .con01 .bo_tab .filter > button:after{content: '';display: block;width: 22px;height: 22px;background: url(/img/sub/plus_w2.svg);}
#sub.bo_list .con01 .bo_tab > ul > li a{display: block;padding: 0 16px;line-height: 32px;font-size: 14px;color: #5B6D88;transition-duration: 0.5s;}
#sub.bo_list .con01 .bo_tab > ul > li:hover a{color: #001F7A;}
#sub.bo_list .con01 .bo_tab > ul > li.on a{background-color: #001F7A;color: #fff;border-radius: 50px;}
#sub.mem_list .list ul{display: flex;flex-wrap: wrap;gap: 30px}
#sub.mem_list .list .empty{width: 100%;height: 475px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #D2D9E2;border-radius: 16px;gap: 14px}
#sub.mem_list .list .empty p{font-size: 24px;color: #222222;font-weight: 600;letter-spacing: -0.5px;}

#sub.com_list .list .empty{width: 100%;height: 475px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #D2D9E2;border-radius: 16px;gap: 14px}
#sub.com_list .list .empty p{font-size: 24px;color: #222222;font-weight: 600;letter-spacing: -0.5px;}

#sub.gal_list .empty{width: 100%;height: 475px;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #D2D9E2;border-radius: 16px;gap: 14px}
#sub.gal_list .empty p{font-size: 24px;color: #222222;font-weight: 600;letter-spacing: -0.5px;}


#sub.mem_list .list ul li{width: calc(25% - 22.5px);}
#sub.mem_list .list ul li:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #007EE6;box-sizing: border-box;border-radius: inherit;opacity: 0;transition-duration: 0.5s;pointer-events: none;}
#sub.mem_list .list ul li:hover:after{opacity: 1;}
#sub.mem_list .list .wrap .img{width: 146px;height: 146px;margin: 0 auto;border-radius: 50%;overflow: hidden;border: 1px solid #00AFCD;;}
 #sub.mem_list .list .wrap .img img{width: 100%;}
#sub.mem_list .list ul li{display: block; border: 1px solid #D2D9E2;padding-bottom: 35px;border-radius: 20px;position: relative;}
#sub.mem_list .list ul li a{display: block;padding-top: 35px;position: relative;}
#sub.mem_list .list ul li .like_btn{position: absolute;right: 30px;top: 30px;z-index: 20;}
#sub.mem_list .list ul li .like_btn.on path{fill: #007EE6;stroke: #007EE6}
#sub.mem_list .list ul li:hover .like_btn.on path{fill: #fff;stroke: #fff}
#sub.mem_list .list ul li:hover .like_btn path{stroke:#fff;}
#sub.mem_list .list .wrap .info{display: flex;;justify-content: center;gap: 8px;flex-wrap: wrap;margin-bottom: 15px;margin-top: 15px;flex-direction: column;justify-content: center;align-items: center;}
#sub.mem_list .list .wrap .info span:nth-child(2){padding: 0;border: none;;}
#sub.mem_list .list .wrap .info span{height: 33px;border: 1px solid #004FC5;align-items: center;padding: 0 14px;border-radius: 20px;display: flex;font-size: 16px;font-weight: 600;color: #004FC5;}
#sub.mem_list .list .wrap .name strong{display: block;font-size: 28px;color: #222222;font-weight: 600;text-align: center;margin-bottom: 10px;}
#sub.mem_list .list .wrap .name p{font-size: 18px;color: #61697F;text-align: center;margin-bottom: 10px;padding: 0 20px;line-height: 1.5;word-wrap: break-word;kerning: ;}
#sub.mem_list .list .wrap .tag {display: flex;;justify-content: center;gap: 6px;margin-bottom: 20px;}
#sub.mem_list .list .wrap .tag span{background-color: #007EE610;display: flex;height: 28px;align-items: center;padding: 0 10px;border-radius: 33px;font-size: 14px;color: #004FC5;font-weight: 500;}
#sub.mem_list .list .btn_cont{display: flex;justify-content: center;gap: 19px;align-items: center;z-index: 15;position: relative;}
#sub.mem_list .list .btn_cont > i{display: block;;width: 1px;height: 21px;background-color: #CECECE;;}
#sub.mem_list .list .btn_cont span{display: block;opacity: 0;width: 0;height: 0;overflow: hidden;;}
#sub.mem_list .list .btn_cont div{display: flex;align-items: center;gap: 4px}
#sub.mem_list .list .btn_cont div svg{display: block;}
#sub.mem_list .list .btn_cont div strong{font-size: 16px;color: #3A3F4D;;margin-right: 12px;}
#sub.mem_list .list .btn_cont div strong span{width: auto;height: auto;opacity: 1;display: inline;}
#sub.mem_list.mypage  .list .btn_cont div strong span{display: none;}
#sub.mem_list .list .btn_cont div *{transition-duration: 0.5s;}
#sub.mem_list .list .btn_cont div button:hover{background-color: #007EE6;border-radius: 4px;}
#sub.mem_list .list .btn_cont div button:hover #타원_18{stroke: #fff;}
#sub.mem_list .list .btn_cont div button:hover line{stroke: #fff;}
#sub.mem_list .list .btn_cont div button:hover path{stroke: #fff;}
#sub.mem_list .list .wrap .ai{position: absolute;width: calc(100% - 20px);height: calc(100% - 10px);left: 10px;top: 10px;background: var(--key-color2);padding: 10px 30px ;border-radius: 16px;backdrop-filter: blur(20px);overflow: hidden;opacity: 0;transition-duration: 0.5s;}
#sub.mem_list .list li:hover .wrap .ai{opacity: 1;}
#sub.mem_list .list .wrap .ai > div.base{padding: 30px 0 ;}
#sub.mem_list .list .wrap .ai > div.base span{display: flex;gap: 10px;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 600;}
#sub.mem_list .list .wrap .ai > div.base span:before{content: '';display: block;;width: 23px;height: 23px;background : url(/img/main/ai_icon.png);}
#sub.mem_list .list .wrap .ai > div.base p{font-size: 16px;color: #FFFFFF;margin-top: 10px;}
#sub.mem_list .list .wrap .ai > div.base:nth-child(1){border-bottom: 1px solid #FFFFFF50;}
.more{position: absolute;top: 0;left: 0;width: 100%; height: 100%; background: var(--key-color2);display: flex;align-items: center;justify-content: center;;transform: scale(1.05);opacity: 0;transition: 0.5s;}
#sub.mem_list .list .wrap .ai > div.more_btn{opacity: 1;position: absolute;width: 100%;justify-content: center;display: flex;left: 0%;bottom: 20px;transition-duration: 0.5s;transform: translateY(calc(100% + 20px));}
#sub.mem_list .list li:hover .wrap .ai > div.more_btn{transform: translateY(0);}
#sub.mem_list .list .wrap .ai > div.more_btn span{display: flex;padding: 0 17px;height: 48px;align-items: center;background-color: #fff;border-radius: 50px;font-size: 16px;color: #007EE6;font-weight: 600;gap: 10px}
#sub.mem_list .list .wrap .ai > div.more_btn span:after{content: '';width: 22px;height: 22px;background: url(/img/sub/more_plus.png);}
#sub .search_wrap2{display: flex;position: relative;z-index: 50;margin-bottom: 40px;}
#sub .search_wrap2 #btnMyRegion{width: 150px;height: 48px;display: flex;align-items: center;justify-content: center;    background: linear-gradient(to left, #007EE6, #00D6B9);border-radius: 48px;font-size: 17px;color: #FFFFFF;font-weight: 600;gap: 8px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#sub .search_wrap{display: flex;position: relative;z-index: 50;margin-bottom: 40px;}
#sub .wr{position: relative;width: 500px;margin: 0 auto;}
#sub .wr input{border: none;border-bottom: 2px solid #DDE4EF;padding: 25px 0;width: 100%;font-size: 18px;color: #485B6A;padding-left: 60px;background: url(/img/sub/addr.svg) left center no-repeat;}
#sub .search_wrap2 span{border: none;border-bottom: 2px solid #DDE4EF;padding: 25px 0;width: 100%;font-size: 18px;color: #485B6A;padding-left: 60px;background: url(/img/sub/addr.svg) left center no-repeat;display: block;}
#sub .wr button{position: absolute;right: 0;bottom: 0;padding-bottom: 25px;padding-right: 25px;;}
#sub  .sch_all{position: absolute;width: 1400px;left: 50%;transform: translateX(-50%);background-color: #FFFFFF;padding: 45px 50px;border: 2px solid #DDE4EF;border-radius: 10px;display: none;top: calc(100% + 20px);}
#sub .sch_all > div{display: flex;}
#sub .sch_all2{width: 700px;}
#sub .sch_all3{width: 822px;}
#sub .sch_all.sch_all3{transform: translate(0);left: 0;}
#sub .sch_all.sch_all3 .right ul li{width: 110px;}
#sub .sch_all.sch_all3 .right ul {gap: 0}
#sub .sch_all3 .w_con{width: 100%;}
#sub .sch_all3 .w_con:nth-child(1){margin-bottom: 30px;}
#sub .sch_all.sch_all3 .right{border-left: none;padding-left: 0;;}
#sub .sch_all.sch_all2 .right{border-left: none;padding-left: 0;;}
#sub .sch_all strong{font-size: 20px;color: #222222;display: block;margin-bottom: 20px;}
#sub .sch_all .left{padding-right: 50px;}
#sub .sch_all .left ul{display: flex;flex-wrap: wrap;width: 340px;gap: 10px}
#sub .sch_all .left ul li{width: calc(50% - 5px);}
#sub .sch_all .left ul li button{height: 45px;border: 1px solid #D8DFE8;display: block;width: 100%;text-align: left;padding-left: 25px;font-size: 16px;color: #646484;border-radius: 23px;background: none;}
#sub .sch_all .left ul li.on button{background-color: #007EE6;background: #007EE6 url(/img/sub/arr_on.png) center right 25px no-repeat;color: #ffffff;}
#sub .sch_all .right{padding-left: 50px;border-left: 1px solid #D8DFE8;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
#sub .sch_all .right ul{display: flex;gap: 0 10px;flex-wrap: wrap;}
#sub .sch_all .right ul li{width: 140px;height: 45px;display: flex;align-items: center;display: flex;}
#sub .sch_all .right ul li label{display: flex;align-items: center;gap: 8px}
#sub .sch_all .right ul li label:before{content: '';display: block;width: 24px;height: 24px;background: url(/img/sub/check.png);background-size: 100% 100%;}
.dark #sub .sch_all .right ul li label:before{background: url(/img/sub/check_dark2.png)}
.dark #sub.proposal .search_wrap .sch_all .left ul li button{background-color: #ffffff10;color: #fff;border-color: #ffffff10;}
#sub .sch_all .right ul li input{width: 0;height: 0;}
#sub .sch_all .right ul li input:checked + label:before, #sub.member input[type="radio"]:checked + label:before{background: url(/img/sub/check_on.png);background-size: 100% 100%;}
#sub .sch_all .right button{width: 153px;height: 50px;background: var(--key-color) ;border-radius: 50px;font-size: 17px;color: #FFFFFF;}
#sub .mem_tab{background-color: #F4F4FB;border-radius: 80px;padding: 12px;margin-bottom: 70px;}
#sub .mem_tab ul{display: flex;justify-content: center;gap: 10px}
#sub .mem_tab ul li a{display: block;;line-height: 56px;padding: 0 25px;text-align: center;font-size: 18px;color: #485B6A;font-weight: 600;border-radius: 40px;transition-duration: 0.5s;}
#sub .mem_tab ul li:hover a{background-color: #fff;}
#sub .mem_tab ul li.on a{background-color: #0083E4;color: #fff;}
#sub .info_txt p:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/sub/err_icon_small.svg);
}
#sub .info_txt{display: flex;justify-content: flex-end;margin-top: -50px;margin-bottom: 70px;;}
#sub .info_txt p{
    font-size: 15px;
    color: #61697F;
    display: flex;
    gap: 8px
}

#sub.com_list .list ul{display: flex;flex-wrap: wrap;gap: 30px}
#sub.com_list .list ul li{width: calc(50% - 15px);}
#sub.com_list .list ul li .wrap button{position: absolute;top: 18px;right: 18px;display: flex;padding: 0 28px;height: 48px;align-items: center;background-color: #E5EDF9;border-radius: 48px;font-size: 16px;font-weight: 600;color: #007EE6;gap: 10px;padding-right: 20px;}

#sub.com_list .list ul li .wrap button:after{content: '';display: block;width: 22px;height: 22px;background: url(/img/sub/more_plus.png);background-size: 100% 100%;}
#sub.com_list .list ul li .wrap button.on{background: var(--key-color);color: #fff;}
#sub.com_list .list ul li .wrap button.on:after{background: url(/img/sub/more_plus_on.png);background-size: 100% 100%;}
#sub.com_list .list ul li .wrap{border: 1px solid #D2D9E2;padding: 35px;display: flex;align-items: center;position: relative;border-radius: 20px;gap: 30px;min-height: 100%;}
#sub.com_list .list ul li .wrap .img img{display: block;max-width: 100%;}
#sub.com_list .list ul li .wrap .txt{width: calc(100% - 176px);}
#sub.com_list .list ul li .wrap .img{border-radius: 50%;overflow: hidden;border: 1px solid #D2D9E2;width: 146px;height: 146px;}
#sub.com_list .list ul li .wrap .txt strong{display: block;;color: #222222;font-size: 28px;}
#sub.com_list .list ul li .wrap .txt .info p{font-size: 16px;color: #748195;font-weight: 500;}
#sub.com_list .list ul li .wrap .txt .info {display: flex;align-items: center;gap: 15px;margin-top: 10px;height: 33px;margin-bottom: 20px;}
#sub.com_list .list ul li .wrap .txt .info span{display: flex;height: 33px;align-items: center;border: 1px solid #004FC5;border-radius: 22px;padding: 0 14px;font-size: 16px;color: #004FC5;font-weight: 500;letter-spacing: -0.5px;;}
#sub.com_list .list ul li .wrap .txt .info i{height: 14px;width: 1px;background-color: #D8D8D8;}
#sub.com_list .list ul li .wrap .txt > p{font-size: 18px;color: #61697F;word-break: keep-all;line-height: 1.5;display: -webkit-box;   
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; }
#sub .notice{display: flex;justify-content: space-between;margin-bottom: 90px;}
#sub .notice a{width: 277px;height: 70px;background-color: #001F7A;display: flex;align-items: center;justify-content: center;border-radius: 60px;font-size: 18px;color: #FFFFFF;letter-spacing: -0.5px;transition-duration: 0.5s}
#sub .notice a:hover{background-color: #007EE6;}
#sub .notice strong{display: flex;;height: 70px;align-items: center;width: calc(100%);background-color: #EEF5FB;border-radius: 70px;border: 2px solid #DCE9F5;box-sizing: border-box;padding-left: 22px;font-size: 18px;color: #222222;letter-spacing: -0.5px;display: flex;gap: 16px}
/* #sub .notice strong{display: flex;;height: 70px;align-items: center;width: calc(100% - 290px);background-color: #EEF5FB;border-radius: 70px;border: 2px solid #DCE9F5;box-sizing: border-box;padding-left: 22px;font-size: 18px;color: #222222;letter-spacing: -0.5px;display: flex;gap: 16px} */
#sub .notice strong b{color: #007EE6;display: flex;gap: 16px;align-items: center;width: 97px;}
#sub .notice strong b:before{content: '';display: block;width: 37px;height: 37px;background: url(/img/sub/err_icon2.svg);;}
#sub.proposal .title {margin-bottom: 20px;}
#sub.proposal .title strong{font-size: 26px;font-size: #222222;display: flex;gap: 12px;align-items: center;}
#sub.proposal .title strong b{color: #007EE6;}
#sub.proposal .title2{display: flex;gap: 30px;align-items: center;}
#sub.proposal .title2 button{display: block;transition: 0.5s;}
#sub.proposal .title2 button.on{transform: rotate(-180deg);;}
#sub.proposal .title2 strong:before{content: '';display: block;;width: 23px;height: 23px;background : url(/img/main/ai_icon02.png);}
#sub.proposal .title2 p:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/err_icon_small.svg);}
#sub.proposal .title2 p{font-size: 15px;color: #61697F;display: flex;gap: 8px}
#sub.proposal .top3 {display: flex;gap: 60px;margin-bottom: 90px;}
#sub.proposal .top3 > div{flex: 1;}
#sub.proposal .top3 ul{display: flex;flex-direction: column;gap: 10px}
#sub.proposal .top3 ul li:nth-child(1) a{background-color: #F6F9FC;}
#sub.proposal .top3 ul li a{height: 60px;display: flex;align-items: center;border: 1px solid #D4DBE6;width: 100%;;border-radius: 16px;}
#sub.proposal .top3 ul li a .num{width: 86px;text-align: center;position: absolute;left: 0;}
#sub.proposal .top3 ul li a .num span{font-size: 18px;color: #007EE6;font-weight: 600;}
#sub.proposal .top3 ul li a .tit{width: calc(100%);display: flex;position: relative;gap: 12px;align-items: center;padding-left: 86px;}
#sub.proposal .top3 ul li a .tit em{font-size: 14px;font-weight: 600;color: #004FC5;background-color: #007EE610;padding: 0 10px;height: 28px;display: flex;align-items: center;border-radius: 50px;}
#sub.proposal .top3 ul li a .tit strong{font-size: 17px;color: #222222;font-weight: 500;letter-spacing: -0.5px;}
#sub.proposal .top3 ul li a .thumbs{position: absolute;right: 40px;font-size: 15px;color: #64727E;letter-spacing: -0.5px;display: flex;align-items: center;gap: 5px}
#sub.proposal .top3 ul li a .thumbs:before{content: '';display: block;width: 14px;height: 14px;background: url(/img/sub/like.png);}
#sub.proposal .ai_report{margin-bottom: 90px;}
#sub.proposal .ai_report .cont{display: flex;gap: 30px}
#sub.proposal .ai_report .cont > div{flex: 1;border: 1px solid #D4DBE6;border-radius: 16px;background-color: #F6F9FC;padding: 30px;}
#sub.proposal .ai_report .cont > div .tit strong{display: block;font-size: 18px;color: #003058;font-weight: 500;margin-bottom: 20px;}
#sub.proposal .ai_report .cont > div .tit strong b{color: #004FC5;}
#sub.proposal .ai_report .cont > div p{font-size: 16px;color: #555E6B;line-height: 28px;}
#sub.proposal .ai_report .cont > div p b{color: #004FC5;}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords{display: flex;flex-direction: column;gap: 10px}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li{background-color: #D4DBE6;height: 54px;border-radius: 27px;padding: 1px;}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li div{height: 100%;border-radius: 27px;display: flex;align-items: center;background-color: #fff;}
#sub.proposal .ai_report .cont > div img{display: block;margin: 0 auto;max-width: 100%;}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li:nth-child(1){background: var(--key-color3);padding: 2px;}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li span{width: 87px;display: block;text-align: center;font-size: 15px;color: #007EE6;font-weight: 500;}
#sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li p{font-size: 17px;color: #222222;letter-spacing: -0.5px;;}
#sub.proposal .ai_report2 {margin-bottom: 90px;}
#sub.proposal .ai_report2 + .search_wrap{margin-bottom: 60px;}
#sub.proposal .cont_w{display: none;}
#sub.proposal .ai_report2 .cont{border: 1px solid #D4DBE6;border-radius: 16px;background-color: #F6F9FC;padding: 30px;}
#sub.proposal .ai_report2 .cont > div{display: flex;flex-direction: column;height: 210px;overflow-y: scroll;padding-right: 20px;}
#sub.proposal .ai_report2 .cont > div::-webkit-scrollbar {
    width: 4px;
    background-color: #0081E5;
    border-radius: 30px;
    height: 4px
}
#sub.proposal .ai_report2 .cont > div::-webkit-scrollbar-thumb  {
    background-color: #0081E5;
    border-radius: 30px;
  }

#sub.proposal .ai_report2 .cont > div::-webkit-scrollbar {
    width: 4px;
    background-color: #EFEFEF;
    border-radius: 30px;
    height: 4px
}
#contentu.work_dash .my .list > l::-webkit-scrollbar-thumb  {
    background-color: #0081E5;
    border-radius: 30px;
  }
  #sub.proposal .ai_report2 .cont > div ul{display: flex;flex-direction: column;gap: 5px}
#sub.proposal .ai_report2 .cont > div *{word-break: keep-all;}
#sub.proposal .ai_report2 .cont > div h4{font-size: 18px;display: block;color: #003058;margin-bottom: 10px;margin-top: 30px;}
#sub.proposal .ai_report2 .cont > div h4:nth-child(1){margin-top: 0;}
#sub.proposal .ai_report2 .cont > div p{font-size: 16px;color: #555E6B;line-height: 28px;letter-spacing: -0.5px;;}
#sub.proposal .ai_report2 .cont > div strong{color: #004FC5;}
#sub.proposal .ai_report2 .cont > div ul li{font-size: 16px;color: #555E6B;line-height: 28px;letter-spacing: -0.5px;;}
#sub.proposal .ai_report2 .cont > div hr{display: block;margin: 30px 0;margin-bottom: 0;}
.chart_wrap {                                                                                       
     display: flex;                                                                                  
     align-items: center;                                                                            
     gap: 20px;    
     justify-content: center;                                                                                  
}                                                                                                   
.chart_wrap canvas {                                                                                
     max-width: 150px;                                                                               
     max-height: 150px;                                                                              
}                                                                                                   
#weeklySearchLegend {                                                                               
     list-style: none;                                                                               
     padding: 0;                                                                                     
     margin: 0;                                                                                      
}                                                                                                   
#weeklySearchLegend li {                                                                            
     display: flex;                                                                                  
     align-items: center;                                                                            
     gap: 8px;                                                                                       
     margin-bottom: 8px;                                                                             
     font-size: 14px;                                                                                
}                                                                                                   
#weeklySearchLegend li span {                                                                       
     width: 12px;                                                                                    
     height: 12px;                                                                                   
     border-radius: 50%;                                                                             
}                                                                                                   
.no_data {                                                                                          
     color: #999;                                                                                    
     font-size: 14px;                                                                                
}

#sub.member.v_write{background-color: #fff;padding-top: 110px;}
#sub.member.v_write .sub_con{padding-top: 90px;}
#sub.member.v_write .log_wrap .frm ul li strong{font-size: 18px;color: #004FC5;}
#sub.member .join_wrap{width: 940px;;box-shadow: none;}
#sub.member .log_wrap.join_wrap .frm{margin-top: 40px;}
#sub.member .log_wrap.join_wrap .frm ul select{display: block;width: 100%;height: 60px;border: 1px solid #DCDDE5;border-radius: 50px;font-size: 17px;color: #8E98B4;padding: 0 30px;width: 50%;}
#sub.member.v_write .g_btn_center button{width: auto;padding: 0 47px;display: flex;align-items: center;;gap:20px}
#sub.member.v_write .g_btn_center button img{display: block;}
#sub.member.v_write .g_btn_center{margin-top: 50px;}
#sub.member.v_write .log_wrap.join_wrap .frm ul ul{display: flex;flex-direction: column;gap: 12px}
#sub.member.v_write .log_wrap.join_wrap .frm ul .info{margin-top: 0;}
#sub.member.v_write .log_wrap.join_wrap .frm ul ul li{background-color: #F6F9FC;border-radius: 16px;border: 1px solid #D4DBE6;border-radius: 16px;padding: 20px 30px;display: flex;line-height: 28px;font-size: 16px;color: #555E6B;}
#sub.member.v_write .log_wrap.join_wrap .frm .content{background-color: #F6F9FC;border-radius: 16px;border: 1px solid #D4DBE6;border-radius: 16px;padding: 20px 30px;display: flex;line-height: 28px;font-size: 16px;color: #555E6B;word-break: keep-all;}
#sub.member.v_write .log_wrap.join_wrap .frm ul ul span{font-size: 18px;color: #003058;width: 95px;font-weight: 600;}
#sub.member.v_write input[type="checkbox"] + label{margin-bottom: 8px;}
#sub.member.v_write label + span{display: block;font-size: 14px;color: #6E6E6E;margin-top: 7px;margin-bottom: 15px;}
#sub.member.v_write label + span:before{content: '* ';}
#sub.member.v_write input[type="checkbox"] + label, #sub.member input[type="radio"] + label{font-size: 18px;color: #6E6E6E;}
#sub.mem_list .list ul li{position: relative;}
#sub.mem_list .list ul li .chk_btn{position: absolute;bottom: 0;right: 15px;top: 15px; z-index: 1;}
#sub.mem_list .list ul li .chk_btn button{display: flex;width: 108px;height: 48px;background: #E5EDF9;border-radius: 50px;font-size: 16px;color: #007EE6;font-weight: 500;align-items: center;justify-content: center;gap: 10px}
#sub.mem_list .list ul li .chk_btn button.on{background: var(--key-color);color: #fff;}
#sub.mem_list .list ul li .chk_btn button:after{content: '';display: block;width: 22px;height: 22px;background: url(/img/sub/add_plus_off.svg);}
#sub.mem_list .list ul li .chk_btn button.on:after{background: url(/img/sub/add_plus_on.svg);}
#sub.mem_list .send{display: flex;justify-content: center;margin-top: 60px;}
#sub.mem_list .send button{display: flex;width: 194px;height: 60px;background: var(--key-color);align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;font-weight: 600;border-radius: 60px;;}
#sub.mem_list .list .wrap .name strong{display: flex;justify-content: center;align-items: center;gap: 8px}
#sub.mem_list .list .wrap .name strong span{font-size: 16px;color: #444444;font-weight: 500;background: var(--key-color);display: inline-block;padding: 10px;border-radius: 50px;color: #fff;height: 28px;line-height: 1;display: flex;align-items: center;}
#sub.mypage{background-color: #F4F4FB;}
#sub.mypage .s_title3{margin-bottom: 40px;}
#sub.mypage .s_title3 strong{display: block;font-size: 32px;color: #222222;}
#sub.mypage .my_wrap{display: flex;align-items: flex-start;gap: 80px}
#sub.mypage .my_wrap .my_lnb{width: 280px;background-color: #FFFFFF;height: 650px;padding: 20px;border-radius: 20px;box-shadow: 0 0 30px #879EB120;}
#sub.mypage .my_wrap .my_lnb ul{display: flex;flex-direction: column;gap: 10px}
#sub.mypage .my_wrap .my_lnb ul li a{display: flex;height: 44px;align-items: center;font-size: 16px;color: #61697F;padding: 0 25px;}
#sub.mypage .my_wrap .my_lnb ul li.on a{background-color: #1965ED;border-radius: 30px;color: #fff;}
#sub.mypage .my_wrap .content{width: calc(100% - 340px);}
#sub.mypage .my_wrap .my_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
#sub.mypage .my_wrap .my_title strong{font-size: 22px;color: #222222;}
#sub.mypage .my_wrap .my_title p{font-size: 15px;color: #61697F;display: flex;align-items: center;gap: 8px}
#sub.mypage .my_wrap .my_title p:before{content: '';width: 20px;height: 20px;background: url(/img/sub/err_icon_small.svg);display: block;}
#sub.mypage.myinfo .btn_w{justify-content: center;}
#sub.mypage.myinfo .my_content ul{display: flex;flex-wrap: wrap;gap: 10px}
#sub.mypage.myinfo .my_content ul li{width: calc(50% - 5px);display: flex;background-color: #fff;height: 72px;border: 1px solid #DBDBE9;box-sizing: border-box;align-items: center;border-radius: 16px;padding: 0 40px;position: relative;}
#sub.mypage.myinfo .my_content ul li .sch_all{padding: 20px;}
#sub.mypage.myinfo .my_content ul li .sch_all ul li{padding: 0;border: none;width: auto;height: auto;}
#sub.mypage.myinfo .my_content ul li .sch_all ul{gap: 40px}
#sub.mypage.myinfo .my_content ul li .sch_all .right{width: 100%;}
#sub.mypage.myinfo .my_content ul li .sch_all .right div{width: 100%;}
#sub.mypage.myinfo .my_content ul li:last-child{width: 100%;}
#sub.mypage.myinfo .my_content ul li span{width: 160px;display: block;font-size: 18px;font-weight: 600;color: #1E3250;border-right: 1px solid #D2D2D8;}
#sub.mypage.myinfo .my_content ul li > div{width: calc(100% - 160px);padding-left: 30px;display: flex;gap: 16px;align-items: center;}
#sub.mypage.myinfo .my_content ul li div p{font-size: 16px;color: #555E6B;align-items: center;}
#sub.mypage.myinfo .my_content ul li div button{height: 38px;background-color: #001F7A;border-radius: 30px;padding: 0 24px;font-size: 15px;color: #FFFFFF;font-weight: 500;transition-duration: 0.5s;}
#sub.mypage.myinfo .my_content ul li div button:hover{background-color: #1965ED;}
#sub.mypage.myinfo .my_content ul li div .key{display: flex;gap: 8px}
#sub.mypage.myinfo .my_content ul li div .key em{display: flex;height: 28px;background-color: #E5F2FD;align-items: center;padding: 0 10px;font-size: 14px;color: #004FC5;font-weight: 500;border-radius: 50px;}
#sub.mypage.myinfo .my_content .del{display: flex;justify-content: flex-end;margin-top: 30px;}
#sub.mypage.myinfo .my_content .del button{display: flex;align-items: center;gap: 10px}
#sub.mypage.myinfo .my_content .del span{display: block;font-size: 16px;color: #949494;text-decoration: underline;}
#sub.mypage.mem_list .list ul{gap: 20px}
#sub.mypage.mem_list .list ul li {background-color: #fff;width: calc(25% - 15px);}
#sub.mypage.mem_list .list .wrap .img{width: 114px;height: 114px;}
#sub.mypage.mem_list .list .wrap .info span{height: 26px;padding: 0 10px;font-size: 14px;}
#sub.mypage.mem_list .list .wrap .name strong{font-size: 22px;}
#sub.mypage.mem_list .list .wrap .name p{font-size: 16px;word-break: keep-all;}
#sub.mypage.mem_list .list .btn_cont div strong{margin-right: 10px;}
#sub.bo_list.proposal .list table td{background-color: #fff;}
#sub.bo_list.proposal .list table td .tag{display: flex;align-items: center;gap: 6px}
#sub.bo_list.proposal .list table td .tag span{display: flex;width: 19px;height: 19px;background-color: #3B60A4;border-radius: 60px 60px 60px 0;font-size: 12px;color: #FFFFFF;font-weight: 500;justify-content: center;align-items: center;}
#sub.bo_list.proposal .list table td .tag i{width: 19px;height: 19px;display: flex;align-items: center;justify-content: center;background-color: #00BEC5;border-radius: 50%;font-size: 10px;font-weight: 700;color: #FFFFFF;}
#sub.bo_list.proposal.mypage .list table th{background-color: #E7E7F5;}
#sub.mypage .btn_w{display: flex;justify-content: flex-end;margin-top: 20px;gap: 10px}
#sub.mypage .btn_w a{display: flex;padding: 0 34px;height: 50px;background: var(--key-color);align-items: center;font-size: 17px;color: #FFFFFF;font-weight: 500;border-radius: 60px;}
#sub.mypage .btn_w a.my{background: #001F7A;}
#sub.mypage .my_wrap .dashboard{display: flex;flex-direction: column;gap: 90px}
#sub.mypage .my_wrap .info_w{background-color: #FFFFFF;border-radius: 16px;min-height: 72px;align-items: center;    box-shadow: 0 0 30px #879EB120;display: flex;padding: 15px 40px;}
#sub.mypage .my_wrap .info_w .name{width: 285px;border-right: 1px solid #D2D2D8;}
#sub.mypage .my_wrap .info_w .name strong{font-size: 18px;font-weight: 500;color: #515C6D;}
#sub.mypage .my_wrap .info_w .name strong b{color: #1E3250;}
#sub.mypage .my_wrap .info_w ul{display: flex;gap: 80px;padding-left: 50px;}
#sub.mypage .my_wrap .info_w #memberKeywords{flex-wrap: wrap;max-width: 209px;}
#sub.mypage .my_wrap .info_w ul li{display: flex;gap: 20px;align-items: center;}
#sub.mypage .my_wrap .info_w ul li strong{font-size: 16px;font-weight: 600;color: #1E3250;}
#sub.mypage .my_wrap .info_w ul li p{font-size: 16px;color: #555E6B;}
#sub.mypage .my_wrap .info_w .key{display: flex;gap: 8px}
#sub.mypage .my_wrap .info_w .key span{display: flex;height: 28px;align-items: center;background-color: #E5F2FD;padding: 0 10px;border-radius: 17px;font-size: 14px;color: #004FC5;font-weight: 600;}
#sub.mypage .my_wrap .wrap .my_title{margin-bottom: 20px;}
#sub.mypage .my_wrap .wrap .my_title strong{font-size: 18px;color: #1E3250;}
#sub.mypage .my_wrap .wrap1{margin-top: -60px;}
#sub.mypage.edit .my_wrap .my_content{width: 600px;}
#sub.mypage.edit .my_wrap .my_content ul{display: flex;flex-direction: column;gap: 30px}
#sub.mypage.edit .my_wrap .my_content ul li strong{display: block;font-size: 18px;color: #222222;margin-bottom: 10px;}
#sub.mypage.edit .my_wrap .my_content ul li strong + input{width: 100%;width: 100%;
    height: 60px;
    border: 1px solid #DCDDE5;
    border-radius: 50px;
    font-size: 17px;
    color: #8E98B4;
    padding: 0 30px;}
#sub.mypage.edit .my_wrap .my_content ul li strong i{color: #007EE6;}
#sub.mypage.edit .my_wrap .my_content ul li input[type="text"]{display: block;width: 100%;height: 60px;border: 1px solid #DCDDE5;border-radius: 50px;font-size: 17px;color: #8E98B4;padding: 0 30px;}
#sub.mypage.edit .my_wrap .my_content ul li p{font-size: 15px;font-weight: 500;color: #FF1A1A;margin-top: 16px;}
#sub.mem_view .mem_info_content{position: relative;}
/* #sub.mem_view .mem_info_content{padding-bottom: 100px;;margin-bottom: 120px;position: relative;} */
/* #sub.mem_view .mem_info_content{padding-bottom: 100px;background-color: #F4F4FB;margin-bottom: 120px;position: relative;} */
/* #sub.mem_view .mem_info_content:before{content: '';width: 100%;height: 345px;background-color: #FFFFFF;position: absolute;top: 0;left: 0;} */
#sub.mem_view .mem_info_content .inner2{position: relative;z-index: 15;}
#sub.mem_view .mem_info_content .ai_info{display: flex;justify-content: space-between;align-items: center;margin-top: 25px;}
#sub.mem_view .mem_info_content .ai_info p:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/sub/err_icon_small.svg);
}

#sub.mem_view .mem_info_content .ai_info p {
    font-size: 15px;
    color: #61697F;
    display: flex;
    gap: 8px
}
#media_popup{position: fixed;width: 100%;height: 100vh;z-index: 999999;top: 0;left: 0;background: rgba(0,0,0,0.5);display: none;}
#media_popup .pop_w{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;position: relative;}
#media_popup .pop_w .box .close{position: absolute;top: 0;right: -40px;width: 32px;height: 32px;text-indent: -9999px;background: url(/img/sub/pop_close.png);}
#media_popup .pop_w .box{padding: 20px;background-color: #fff;border-radius: 20px;position: relative;}
#media_popup .pop_w .box div{width: 980px;position: relative;overflow: hidden;padding-top: 58.7%;border-radius: 12px;}
#media_popup .pop_w .box div > *{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
#media_popup .pop_w .box div iframe{width: 100%;height: 100%;}
#sub.mem_view .mem_info_content{background: url(/img/sub/member_bg2.png) no-repeat center top; }
#sub.mem_view .mem_info_content .ai_info div{display: flex;gap: 8px}
#sub.mem_view .mem_info_content .ai_info button{padding: 0 25px;background-color: #001F7A;border-radius: 50px;height: 50px;display: flex;align-items: center;gap: 10px;color: #FFFFFF;}
#sub.mem_view .sub_con{padding-top: 0;}
#sub.mem_view .mem_info_content .profile{display: flex;flex-direction: row-reverse;justify-content: space-between;padding-top: 88px;}
/* #sub.mem_view .mem_info_content .profile .title{padding-top: 75px;margin-bottom: 40px;} */
#sub.mem_view .mem_info_content .profile .img{border: 1px solid #D2D9E2;border-radius: 20px;overflow: hidden;width: 443px;display: block;position: relative;padding-top: 59.5%;background-color: #fff;}
#sub.mem_view .mem_info_content .profile .img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#sub.mem_view .mem_info_content .profile .title > span{display: block;font-size: 38px;font-weight: 600;background: var(--key-color);-webkit-background-clip: text;background-clip: text;color: transparent;margin-bottom: 25px;}
#sub.mem_view .mem_info_content .profile .tit{position: relative;}
#sub.mem_view .mem_info_content .profile .txt_w{display: flex;;align-items: center;position: relative;}
#sub.mem_view .mem_info_content .profile .txt_w .sns{position: absolute;bottom: 0;right: 0;}
#sub.mem_view .mem_info_content .profile .txt_w .sns img{display: block;}
#sub.mem_view .mem_info_content .profile .txt_w .sns ul{display: flex;gap: 10px;}
#sub.mem_view .mem_info_content .profile .tit.num{padding-left: 125px;position: relative;}
/* #sub.mem_view .mem_info_content .profile .tit{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;} */
#sub.mem_view .mem_info_content .profile .tit em{display: flex;;font-size: 295px;color: #FFCE0C;font-weight: 700;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);}
/* #sub.mem_view .mem_info_content .profile .tit em{display: flex;background: var(--key-color);height: 92px;align-items: center;padding: 0 40px;border-radius: 50px;font-size: 50px;color: #fff;font-weight: 600;} */
#sub.mem_view .mem_info_content .profile .tit strong{font-weight: 700;color: #fff;letter-spacing: 5px;font-size: 110px;position: relative;z-index: 5;letter-spacing: 30px; font-family: 'Paperozi';}
/* #sub.mem_view .mem_info_content .profile .tit > span{display: block;font-size: 32px;font-weight: 600;color: #00EFFE;margin-bottom: 5px;position: relative;z-index: 5; font-family: 'Paperozi';} */
#sub.mem_view .mem_info_content .profile .tit > span{background: linear-gradient(to left, #00EFFE, #C1FDFF);-webkit-background-clip: text;background-clip: text;color: transparent;display: block;font-size: 32px;font-weight: 600;margin-bottom: 5px;position: relative;z-index: 5; font-family: 'Paperozi';}

#sub.mem_view .mem_info_content .profile .title p{font-size: 22px;color: #fff;font-weight: 500;margin-top: 40px;width: 500px;word-break: keep-all;line-height: 1.5;background: linear-gradient(to left, #FFFFFF00, #FFFFFF20, #FFFFFF00);padding: 20px 0;text-align: center;    font-family: 'Paperozi';}
/* #sub.mem_view .mem_info_content .profile .tit em{display: flex;background: var(--key-color);height: 92px;align-items: center;padding: 0 40px;border-radius: 50px;font-size: 50px;color: #fff;font-weight: 600;}
#sub.mem_view .mem_info_content .profile .tit strong{font-weight: 900;color: #222222;letter-spacing: 5px;font-size: 80px;}
#sub.mem_view .mem_info_content .profile .title p{font-size: 24px;color: #0E3061;font-weight: 500;margin-top: 35px;width: 500px;word-break: keep-all;line-height: 1.5;} */
#sub.mem_view .mem_info_content .profile .key{display: flex;gap: 0 15px;margin-bottom: 40px;}
#sub.mem_view .mem_info_content .profile .key span{background-color: #007EE610;border-radius: 17px;display: flex;height: 35px;padding: 0 17px;font-size: 18px;color: #004FC5;font-weight: 500;align-items: center;}
#sub.mem_view .mem_info_content .info_box strong{display: block;font-size: 22px;color: #1E3250;margin-bottom: 20px;}
#sub.mem_view .mem_info_content .info_box {font-size: 18px;color: #555E6B;line-height: 32px;;}
#sub.mem_view .mem_info_content .info {display: flex;margin-top: 40px;flex-wrap: wrap;gap: 70px 0}
#sub.mem_view .mem_info_content .info .info_box{width: 50%;}
#sub.mem_view .mem_info_content .info .info_box{border-left: 1px solid #E0E6EE;padding-left: 40px;padding-right: 40px;}
#sub.mem_view .mem_info_content .info .key{display: flex;gap: 0 15px;}
#sub.mem_view .mem_info_content .info .key span{background-color: #007EE610;border-radius: 17px;display: flex;height: 35px;padding: 0 17px;font-size: 18px;color: #004FC5;font-weight: 500;align-items: center;}


/* #sub.mem_view .mem_info_content .info_box strong{display: block;font-size: 22px;color: #1E3250;margin-bottom: 20px;}
#sub.mem_view .mem_info_content .info_box {font-size: 18px;color: #555E6B;line-height: 32px;;}
#sub.mem_view .mem_info_content .info {display: flex;margin-top: 40px;}
#sub.mem_view .mem_info_content .info .info_box{width: 50%;}
#sub.mem_view .mem_info_content .info .info_box:nth-child(2){border-left: 1px solid #E0E6EE;padding-left: 40px;} */

#sub.mem_view .mem_info_content .ai_w{display: flex;gap: 20px;margin-top: 50px;}
#sub.mem_view .mem_info_content .ai_w > div{background-color: #F4F4FB;min-height: 60px;align-items: center;display: flex;flex: 1;border-radius: 60px;padding: 10px 25px;display: flex;align-items: center;gap: 15px}
#sub.mem_view .mem_info_content .ai_w > div p{font-size: 16px;color: #555E6B;letter-spacing: -0.5px;line-height: 1.5;}
#sub.mem_view .mem_info_content .ai_w > div strong{display: flex;align-items: center;gap: 10px;font-size: 16px;color: #14366A;font-weight: 600;;}
#sub.mem_view .mem_info_content .ai_w > div strong:before{ content: '';display: block;width: 23px; height: 23px;background : url(/img/main/ai_icon02.png);}
#sub.mem_view .con01 .video_wrap{position: relative;padding-top: 56.26%;border-radius: 20px;overflow: hidden;margin-bottom: 40px;margin-top: 40px;}
#sub.mem_view .con01 .video_wrap iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#sub.mem_view .con01 .list{gap: 16px;display: flex;flex-direction: column;}
#sub.mem_view .con01 .list > div{background-color: #F4F4FB;border-radius: 20px;padding: 30px;border-radius: 20px;position: relative;}
/* #sub.mem_view .con01 .list {background-color: #F4F4FB;border-radius: 20px;padding: 30px;border-radius: 20px;position: relative;} */
#sub.mem_view .con01 .list > div strong{font-size: 18px;color: #14366A;display: flex;align-items: center;gap: 10px}
#sub.mem_view .con01 .list > div strong:before{content: '';display: block;width: 23px;height: 23px;background : url(/img/main/ai_icon02.png);}
#sub.mem_view .con01 .list > div p{font-size: 17px;color: #61697F;font-weight: 400;letter-spacing: -0.5px;margin-top: 10px;line-height: 1.5;word-break: keep-all;}
#sub.mem_view .con03 .list{font-size: 17px !important;color: #61697F;font-weight: 400;letter-spacing: -0.5px;margin-top: 10px;line-height: 1.8;    font-family: 'Pretendard', sans-serif !important ;border-radius: 20px;}
#sub.mem_view .con01 .list > div ul {gap: 8px;display: flex;flex-direction: column;margin-top: 10px;}
#sub.mem_view .con01 .list > div ul *, #sub.mem_view .con03 .list *{font-family: 'Pretendard', sans-serif !important;line-height: 1.8 !important;}
#sub.mem_view .con01 .list > div ul li{font-size: 16px;color: #61697F;position: relative;padding-left: 11px;}
#sub.mem_view .con01 .list > div ul li:before{content: '';display: block;width: 3px;height: 3px;background-color: #61697F;border-radius: 50%;position: absolute;left: 0;top: 8px;}
#sub.mem_view .sub_con .tab{padding-top: 40px;margin-top: 40px;border-top: 1px solid #E0E6EE;margin-bottom: 40px;}
#sub.mem_view .sub_con .tab ul{display: flex;align-items: center;justify-content: center;border: 1px solid #D0DBEB;padding: 12px;border-radius: 40px;}
#sub.mem_view .sub_con .tab ul li a{display: flex;height: 56px;width: 200px;align-items: center;justify-content: center;font-size: 18px;color: #485B6A;font-weight: 600;border-radius: 50px;}
#sub.mem_view .sub_con .tab ul li.on a{background-color: #0083E4;color: #fff;}
#sub.mem_view .con02{display: flex;margin-top: 80px;margin-bottom: 80px;}
#sub.mem_view .mem_title {margin-bottom: 30px;display: flex;align-items: center;}
#sub.mem_view .mem_title button svg{display: flex;transform: rotate(180deg);transition-duration: 0.5s;}
#sub.mem_view .mem_title button.on svg{display: flex;transform: rotate(0deg);}
.dark #sub.mem_view .mem_title button svg path{stroke: rgba(255,255,255,0.8)}
#sub.mem_view .mem_title strong{display: block;font-size: 26px;color: #222222;}
#sub.mem_view .con03{margin-bottom: 40px;}
#sub.mem_view .mem_title{border-bottom: 1px solid #E0E6EE;padding-bottom: 30px;align-items: center;gap: 0 30px}
#sub.mem_view .mem_title p:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/err_icon_small.svg);}
#sub.mem_view .mem_title p{font-size: 15px;color: #61697F;display: flex;gap: 8px}
#sub.mem_view .con03 .list > ul{gap: 12px;display: flex;flex-direction: column;}
 #sub.mem_view .con03 .list{background-color: #F4F4FB;padding: 25px 40px;}
/* #sub.mem_view .con03 .list > ul > li{background-color: #F4F4FB;padding: 25px 40px;border-radius: 16px;}
#sub.mem_view .con03 .list > ul > li b{font-size: 18px;color: #1E3250;display: block;}
#sub.mem_view .con03 .list > ul > li p{font-size: 16px;color: #555E6B;display: block;letter-spacing: -0.5px;margin-top: 15px;}
#sub.mem_view .con03 .list > ul > li{font-size: 16px;color: #555E6B;display: block;letter-spacing: -0.5px;margin-top: 15px;}
#sub.mem_view .con03 .list > ul > li ul {gap: 8px;display: flex;flex-direction: column;margin-top: 10px;}
#sub.mem_view .con03 .list > ul > li ul li{font-size: 16px;color: #61697F;position: relative;padding-left: 11px;}
#sub.mem_view .con03 .list > ul > li ul li:before{content: '';display: block;width: 3px;height: 3px;background-color: #61697F;border-radius: 50%;position: absolute;left: 0;top: 8px;} */
#sub.mem_view .con02 ul{display: flex;flex-direction: column;gap: 10px}
#sub.mem_view .con02 ul li{font-size: 18px;color: #61697F;position: relative;padding-left: 12px;}
#sub.mem_view .con02 ul li:before{content: '';display: block;width: 3px;height: 3px;background-color: #61697F;border-radius: 50%;position: absolute;left: 0;top: 8px;}
#sub.mem_view .con02 > div{width: 50%;}
#sub.mem_view .con05_01{padding-bottom: 45px;border-bottom: 1px solid #E0E6EE;margin-bottom: 115px;margin-top: 80px;}
#sub.mem_view .con05 .list ul{display: flex;flex-wrap: wrap;gap: 40px 20px}
#sub.mem_view .con05 .list ul li{width: calc(33.33% - 13.33333333333333px);}
#sub.mem_view .con05 .list ul li img {width: 100%;display: block;}
#sub.mem_view .con05 .list ul li .img{border-radius: 16px;overflow: hidden;;}
#sub.mem_view .con05 .list ul li strong{font-size: 18px;color: #222222;margin-top: 15px;display: block;}
#sub.faq .list .title.on{border-color: #007EE6;}
#sub.faq .list .title.on strong{color: #007EE6;}
#sub.faq .list .title {display: flex;height: 1px;height: 64px;border-radius: 16px;align-items: center;border: 1px solid #D7D7EE;}
#sub.faq .list .title_w {background-color: #EFF4F9;text-align: center;border: none;}
#sub.faq .list .title .num {text-align: center;}
#sub.faq .list .content{margin-top: 10px;background-color: #F6F9FC;padding: 30px;padding-left: 195px;border: 1px solid #D4DBE6;border-radius: 10px;}
#sub.faq .list .content p{font-size: 17px;color: #555E6B;line-height: 28px;word-break: keep-all;}
#sub.faq .list .title .num{width: 195px;}
#sub.faq .list .title .tit{width: calc(100% - 195px);position: relative;}
#sub.faq .list .title .tit i{position: absolute;right: 40px;top: 50%;margin-top: -3px;display: block;transition-duration: 0.5s;}
#sub.faq .list .title2.on i .tit i path{stroke: #007EE6}
#sub.faq .list .title2.on i .tit{transform: rotate(180deg);}
#sub.faq .list .title strong{font-size: 17px;color: #555E6B;font-weight: 500;}
#sub.faq .list .title.title_w strong{color: #1E3250;font-weight: 500;}
#sub.faq .list ul{display: flex;flex-direction: column;gap: 10px}
#sub.faq .list .content{display: none;}


#sub.personal .con_w {display: flex;gap: 60px;flex-direction: column;max-width: 1000px;margin: 0 auto;}
#sub.personal .con01 .con .tit strong{font-size: 26px;font-weight: 600;color: #353535; display: block; }
#sub.personal .con01 .txt ul li{display: block;font-size: 18px;line-height: 36px;color: #616161;letter-spacing: -0.3px;word-break: keep-all;position: relative;padding-left: 22px}
#sub.personal .con01 .txt ul li .s_number{font-size: 0.7em;}
#sub.personal .con01 .txt.txt3 p{display: block;font-size: 18px;line-height: 36px;color: #353535;margin-top: 36px;font-weight: 500; letter-spacing: -0.3px;word-break: keep-all;position: relative;}
#sub.personal .con01 .txt.txt3 ul li{color: #353535;font-weight: 600;line-height: 44px;}
#sub.personal .con01 .txt ul li span{padding-left: 0;position: absolute;left: 0}
#sub.personal .con01 .txt ul li span img{position: relative;top: 15px;}
#sub.personal .con01 .txt ul li.d_list{padding-left: 0}
#sub.personal .con01 .txt table{width: 100%;border-collapse: collapse;margin-bottom: 12px;}
#sub.personal .con01 .txt table th, #sub.personal .con01 .txt table td{height: 65px;border: 1px solid #d2d2d2;text-align: center;;vertical-align: middle;font-size: 17px;line-height: 1.6;word-break: keep-all;}


#sub.personal .con01 .txt.txt02 table {width: auto;}
#sub.personal .con01 .txt.txt02 table td{padding: 10px 30px;height: auto}
#sub.personal .con01 .tit p{font-size: 18px;color: #353535;line-height: 36px;margin-top: 20px;word-break: keep-all}
#sub.personal .con01 .txt p.date{font-size: 18px;color: #353535;line-height: 36px;margin-top: 40px;}
#sub.personal .con01 .txt strong.sign{display: block;font-size: 18px;color: #0083cb;line-height: 36px;margin-top: 40px;font-weight: 600}
#sub.personal .con01 .s_title2 {margin-bottom: 60px;}
#sub.personal .con01 .tit_area p{font-size: 18px;color: #353535;line-height: 36px;letter-spacing: -0.6px;word-break: keep-all}
#sub.personal .con01 .tit_area .tit_w{position: relative;margin-bottom: 30px;}
#sub.personal .con01 .tit_area .tit_w:before{content: '';display: block;width: 100%;height: 1px;background: #dddddd;position: absolute;top: 50%;left: 0}
#sub.personal .con01 .tit_area .tit_w strong{display: inline-block;font-size: 32px;font-weight: 600;color: #0083cb;background: #fff;padding-right: 30px;position: relative;z-index: 2}
#sub.personal .con01 .c_w{padding: 0 24px;margin-bottom: 36px;}
#sub.personal .con01 .c_w .tit2 strong{display: block;font-size: 18px;color: #353535;line-height: 36px;}
#sub.personal .con01 .tit_b{margin-bottom: 25px;}
#sub.personal .con01 .tit_b strong{display: block;font-size: 22px;font-weight: 600;color: #0083cb;letter-spacing: -0.5px;}
#sub.personal .con01 .tit_b strong:before{content: '';display: inline-block;width: 15px;height: 15px;background: url(/img/sub/d_bul.png); vertical-align: middle;margin-right: 5px;margin-top: -3px;}


/* 다크 */
#header .hd_inner .dark .dark_icon div{transition-duration: 0.3s;}
.dark #sub .breadcrumb{background-color: #000411;border-color: #FFFFFF20;}
.dark #sub.proposal .title2 p{color: rgba(255,255,255,0.7);}
.dark #sub.bo_list .con01 .bo_tab > ul > li a{color: rgba(255,255,255,0.7);}
.dark #sub.bo_list .con01 .bo_tab > ul > li:hover a{color: rgba(255,255,255,1);}
.dark #sub.bo_list .con01 .bo_tab > ul > li.on a{color: rgba(255,255,255,1);}
.dark #sub.member .log_wrap .frm ul li .tit_wrap_c p{color: rgba(255,255,255,0.5);}
.dark #sub.member .log_wrap .frm ul li .tit_wrap_c p #count{color: rgba(255,255,255,0.7);}
.dark #sub.member .region_fixed span{color: #fff;}
.dark #sub.member .region_fixed{border-color: rgba(255,255,255,0.1);}
.dark #sub .breadcrumb > div > div{border-color: #FFFFFF20;}
.dark #sub .breadcrumb > div button{color: #fff;}
.dark #sub .breadcrumb > div > div.on button{background-color: rgba(255,255,255,0.05);}
.dark #sub .s_title strong{color: #fff;}
.dark #sub .search_wrap2 span{color: rgba(255,255,255,0.5);border-color: #FFFFFF20;}
.dark #sub .mem_tab{background-color: rgba(255,255,255,0.1);}
.dark #sub .mem_tab ul li a{color: rgba(255,255,255,0.6);}
.dark #sub .mem_tab ul li:hover a{background-color: rgba(255,255,255,0.2);color: #fff;}
.dark #sub .mem_tab ul li.on a{color: #FFFFFF;}
.dark #sub.mem_list .list ul li{border-color: rgba(255,255,255,0.2);}
.dark #sub.mem_list .list .wrap .info span{border-color:#ffffff00;color: #fff;background-color: rgba(255,255,255,0.2);}
.dark #sub.mem_list .list .wrap .name strong{color: #fff;}
.dark #sub.mem_list .list .wrap .name p{color: #B3B4B8}
.dark #sub.mem_list .list .wrap .tag span{background-color: #1A1E29;color: #fff;}
.dark #sub.mem_list .list .btn_cont div strong{color: #fff;}
.dark #sub.mem_list .list .btn_cont div path{stroke: #fff;}
.dark #sub.mem_list .list .btn_cont div line{stroke: #fff;}
.dark #sub.mem_list .list .btn_cont div ellipse{stroke: #fff;}
.dark #sub.mem_list .list .empty {border-color: #FFFFFF20;}
.dark #sub.gal_list .empty {border-color: #FFFFFF20;}
.dark #sub.mem_list .list .empty p{color: #fff;}
.dark #sub.gal_list .empty p{color: #fff;}
.dark #header .hd_inner .name strong{color: #fff;}
.dark #header .hd_inner .name strong span{color: #fff;}
.dark #header .hd_inner .right > i{background-color: #2D303B;}
.dark #header .hd_inner .dark{background-color: #2D303B00;}
.dark #header .hd_inner .dark path{fill: #FFFFFF}
.dark #header .hd_inner .dark .dark_icon{background-color: #262934;border-color: #262934;}
.dark #header .hd_inner .dark .dark_icon div{background: linear-gradient(45deg, #007EE6,#00D6B9);}
.dark #sub .sch_all{background-color: #1A1D29;border-color: #484A54;}
.dark #sub .sch_all .left ul li.on button {background-color: #0083E4;border-color: #0083E4;}
.dark #sub .sch_all .right ul li label{color: #fff;}
.dark #sub .sch_all .left ul li button{color: #fff;background-color: #484A5450;border-color: #484A5450;}
.dark #sub .sch_all strong{color: #fff;}
.dark #sub .sch_all .right button{border: none;color: #fff !important;}
/* .dark #sub.mem_view .mem_info_content:before{background-color: #000411;} */
.dark #sub.mem_view .mem_info_content .profile .tit strong{color: #fff;}
/* .dark #sub.mem_view .mem_info_content{background-color: #26293530;} */
.dark #sub.mem_view .mem_info_content .profile .title p{color: #ffffff;}
.dark #sub.mem_view .mem_info_content .profile .key span{background-color: #ffffff10;color: #fff;}
.dark #sub.mem_view .mem_info_content .info_box strong{color: #fff;}
.dark #sub.mem_view .mem_info_content .info_box p{color: #ffffff70;}
#sub.mem_view .mem_info_content .ai_w > div p{width: calc(100% - 140px);}
.dark #sub.mem_view .mem_info_content .info .info_box{border-color: #ffffff30;}
.dark #sub.mem_view .mem_info_content .ai_w > div{background-color: #0D111D;border-color: #0D111D;}
.dark #sub.mem_view .mem_info_content .ai_w > div p{color: #ffffff80;}
.dark #sub.mem_view .mem_info_content .ai_w > div strong{color: #ffffff;}
.dark #sub.mem_view .mem_info_content .ai_info button{background-color: #262935;}
.dark #sub.mem_view .con01 .list > div{background-color: #0D111D;}
.dark #sub.mem_view .con01 .list > div strong{color: #fff;}
.dark #sub.mem_view .sub_con .tab, .dark #sub.mem_view .con03 .mem_title, .dark #sub.mem_view .con03 .mem_title, .dark #sub.mem_view .con05_01, .dark #sub.mem_view .mem_title{border-color: #333641;}
.dark #sub.mem_view .sub_con .tab ul{border-color: #333641;}
.dark #sub.mem_view .sub_con .tab ul li a{color: #fff;}
.dark #sub.mem_view .mem_title strong{color: #fff;}
.dark #sub.mem_view .con02 ul li{color: #B3B4B8;}
.dark #sub.mem_view .con02 ul li:before{background-color: #B3B4B8;}
.dark #sub.mem_view .con05 .list ul li strong{color: #fff;}
.dark #sub.proposal .title strong{color: #fff;}
.dark #sub.proposal .ai_report .cont > div, .dark #sub.proposal .ai_report2 .cont, .dark #sub.view .con01 .ai_cont ul li, .dark #sub.view .comment_content .comm .wr{background-color: #1A1E29;border-color: #1A1E29;}
.dark #sub.proposal .ai_report .cont > div .tit strong{color: #fff;}
.dark #sub.proposal .ai_report .cont > div .tit strong b{color: #fff;}
.dark #sub.proposal .ai_report .cont > div .tit p, .dark #weeklySearchLegend li{color: #BABCBF;}
.dark #sub.proposal .ai_report .cont > div .tit p b, .dark #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li span{color: #fff;}
.dark #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li div{background-color: #31353F;color: #fff;background-color: #31353F;}
.dark #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li, .dark #sub.member .key_box{background-color: #31353F;color: #fff;background-color: #31353F;}
.dark #sub.proposal .ai_report2 .cont > div ul li, .dark #sub.proposal .ai_report2 .cont > div p{color: #BABCBF;}
.dark #sub.proposal .ai_report2 .cont > div ul li strong, .dark #sub.proposal .ai_report2 .cont > div strong{color: #FFF;}
.dark #sub.proposal .ai_report2 .cont > div h4{color: #FFF;}
.dark #sub.bo_list.proposal .list table td, .dark #sub.bo_list .con01 .list table td{border-color: #333641 !important;background: none;color: #B3B4B8;}
.dark #sub.bo_list.proposal .list table td a{border-color: #333641;background: none;color: #B3B4B8;}
.dark #sub.bo_list .con01 .list table .cate span, .dark #sub.view .con01 .t01 em, .dark #sub.view .comment_content .comm .wr strong span, .dark #sub.member .key_box > div{background: #1A1E29;color: #BBBCBF;border-color: #fff;}
.dark #sub.bo_list .con01 .list table th, .dark #sub.faq .list .title_w{background-color: #1A1E29;color: #FFFFFF;}
.dark #sub.bo_list .con01 .bo_tab .filter > button{background-color: #0083E4;}
.dark #sub.bo_list .con01 .bo_tab > ul{border-color: #333641;}
.dark #sub.bo_list .con01 .bo_tab > ul > li.on a{background-color: #0083E4;}
.dark #sub.proposal .search_wrap button, .dark #sub .search_wrap input{border-color: #333641;color: #B3B4B8;}
.dark #sub.faq .list .title.title_w strong{color: #fff;}
.dark #sub .search_wrap input{background: none;}
#sub.bo_list .con01 .list table td a{color: inherit;}
.dark #sub.bo_list .con01 .list table td a:hover{color: #fff;}
.dark #sub .notice strong{background-color: #0D111D;border-color: #0D111D;color: #FFFFFF;}
.dark #sub .notice strong b{color: #FFFFFF;}
.dark #sub .notice a, #sub.view .con01 .go_list a{background-color: #0083E4;}
.dark #sub.view .con01 .ai_cont ul li span{color: #fff;}
.dark #sub.view .con01 .ai_cont ul li{color: #fff;opacity: 0.9;}
.dark #sub.view .con01 .title strong{color: #fff;}
.dark #sub.view .con01 .title .info i{opacity: 0.5;}
.dark #sub.view .con01 .ai_cont .title2 strong, .dark #sub.view .comment_content .tit strong{color: #fff;}
.dark #sub.view .comment_content .comm .wr strong{color: #fff;}
.dark #sub.view .comment_content .comm .wr p{color: #fff;opacity: 0.8;}
.dark #sub.member{background-color: #000411;}
.dark #sub.member .log_wrap{background-color: #1A1E29;}
.dark #sub.member.v_write .log_wrap{background-color: #ffffff00;}
.dark #sub .s_title p{color: #BABCBF;}
.dark #sub.member input[type="text"], .dark  #sub.member input[type="password"]{background: none;border-color: #484B54;color: #fff;}
.dark #sub.member input[type="text"],::placeholder .dark  #sub.member input[type="password"]{color: #BBBCBF;}
.dark #sub.member input[type="checkbox"] + label, .dark #sub.member input[type="radio"] + label{color: #BABCBF;}
.dark #sub.member .log_wrap .info ul li:after{opacity: 0.7;}
.dark #sub.member .log_wrap .sns, #sub.member .log_wrap .info.info_2 {border-top: 1px solid #31353F;}
.dark #sub.member .log_wrap .frm ul li strong{color: #fff;}
.dark #sub.member .log_wrap .frm ul li .btn button{background-color: #313540}
.dark #sub.sch .result{background-color: #1A1E29;}
.dark #sub.sch .result{background-color: #1A1E29;}
.dark #sub.sch .result strong{color: #fff;}
.dark #sub.sch .result strong b{color: #fff;}
.dark #sub.member .stap ul li span{background-color: #333641;color: #999BA0;}
.dark #sub.member .stap ul li strong{color: #808288;}
.dark #sub.member .stap ul li.on span{background-color: #007EE6;color: #fff;}
.dark #sub.member .stap ul li.on strong{color: #fff;}
.dark #sub.member .log_wrap .priv strong{color: #fff;}
.dark #sub.member .log_wrap .priv .all {border-color: #FFFFFF;}
.dark #sub.member .log_wrap .priv .pri_list > div label{color: #FFFFFF;}
.dark #sub.member .log_wrap .priv{border-color: #313540;}
.dark #sub.sch .result p{color: #fff;opacity: 0.8;}
.dark #sub.com_list .list ul li .wrap .txt strong{color: #fff;}
.dark #sub.com_list .list ul li .wrap .txt .info span{border-color: #FFFFFF;color: #fff;}
.dark #sub.com_list .list ul li .wrap .txt > p{color: #B3B4B8;}
.dark #sub.com_list .list ul li .wrap{border-color: #333641;}
.dark #sub.view .con01 .content, #sub.view .con01 .title{border-color: #1A1E29;}
.dark #sub.com_list .list ul li .wrap button{background-color: #121622;color: #fff;}
.dark #sub.gal_list .list ul li .txt strong, .dark #sub.mypage .s_title3 strong{color: #fff;}
.dark #sub.gal_list .list ul li .txt div span{color: #808288;}
.dark #sub.gal_list .list ul li .txt div i{opacity: 0.5;}
.dark #sub.faq .list .title{border-color: #333641;}
.dark #sub.faq .list .title strong{color: #B3B4B8;}
.dark #sub.faq .list .content{background-color: #121622;color: #fff;border-color: #121622;}
.dark #sub.faq .list .content p, .dark #sub.mypage .my_wrap .my_title strong{color: #fff;}
.dark #sub.mypage{background-color: #000411;}
.dark #sub.mem_list .list ul li{background-color: #000411;}
.dark #sub.mypage .my_wrap .my_lnb, .dark #sub.mypage.myinfo .my_content ul li{background-color: #1A1E29;border-color: #1A1E29;}
.dark #sub.mypage .my_wrap .my_lnb ul li a{color: #C2C3C6;}
.dark #sub.mypage .my_wrap .info_w{background-color: #32353F;}
.dark #sub.mypage .my_wrap .info_w ul li strong{color: #fff;}
.dark #sub.mypage .my_wrap .info_w ul li p, .dark #sub.mypage .my_wrap .info_w .name strong, .dark #sub.mypage.myinfo .my_content ul li div p{color: #BBBCBF;}
.dark #sub.mypage .my_wrap .info_w .name strong b, .dark #sub.mypage.myinfo .my_content ul li span{color: #fff;}
.dark #sub.mypage.myinfo .my_content ul li span{border-color: rgba(255,255,255,0.5);;}
.dark #sub.view .con01 .view_btn{border-color: rgba(255,255,255,0.5);;}
.dark #sub.com_list .list .empty{border-color: rgba(255,255,255,0.5);;}
.dark #sub.com_list .list .empty p{color: #ffffff;}
.dark #sub.mypage.myinfo .my_content ul li div button{background-color: #121622;color: #fff;}
.dark #sub .breadcrumb > div ul li a{background-color: #121212;color: #fff;border-color: rgba(255,255,255,0.2);;}
.dark #sub .breadcrumb > div ul{border-color: rgba(255,255,255,0.2);;}
.dark #sub.mem_view .con03 .list{background-color: #0D111D;}
.dark #sub.mem_view .con03 .list *,.dark  #sub.mem_view .con01 .list > div p, .dark #sub.mem_view .con01 .list > div ul li{color: rgba(255,255,255,0.9);}
.dark #sub.personal .con01 .con .tit strong{color: rgba(255,255,255,0.9);}
.dark #sub.personal .con01 .tit_area p, .dark #sub.personal .con01 .tit p{color: rgba(255,255,255,0.7);}
.dark #sub.personal .con01 .txt ul li{color: rgba(255,255,255,0.65);}
.dark #sub.proposal .top3 ul li:nth-child(1) a{background-color: #1A1E29;border-color: #1A1E29;}
.dark #sub.proposal .top3 ul li a .tit strong{color: rgba(255,255,255,0.7);}
.dark #sub.proposal .top3 ul li a .tit em{background-color: rgba(255,255,255,0.1);color: rgba(255,255,255,0.7);}
.dark #sub.proposal .top3 ul li a .num span{color: rgba(255,255,255,0.7);}
.dark #sub.member textarea{    border-color: #484B54;color: #fff;}
.dark #sub.member input[type="text"]::placeholder , .dark #sub.member input[type="password"]::placeholder, .dark #sub.member textarea::placeholder {color: rgba(255,255,255,0.5);}
.dark #sub.member .region_fixed{background-color: rgba(255,255,255,0.1);}
.dark #sub .sch_title strong{color: #fff;}
.dark #sub .sch_title p{color: rgba(255,255,255,0.7);}
.dark #sub.gal_list .list ul li a{border-color: #333641 !important;}
.dark #sub.view .con01 .view_btn button{border-color: #333641 !important;color: rgba(255,255,255,0.8);}
.dark #sub.proposal .ai_report2 .cont > div::-webkit-scrollbar{background: rgba(255,255,255,0.1);}
.dark #mem_popup .pop_in .pop_cont{background: #121622;}
.dark #mem_popup .pop_in .pop_cont .wrap .profile .txt strong{color: #fff;}
.dark #mem_popup .pop_in .pop_cont .wrap .profile .txt span{color: #fff;border-color: #fff;background-color: #ffffff00;}
.dark #mem_popup .pop_in .pop_cont .wrap .history strong{color: rgba(255,255,255,0.9);}
.dark #mem_popup .pop_in .pop_cont .wrap .info div strong{color: rgba(255,255,255,0.9);}
.dark #mem_popup .pop_in .pop_cont .wrap .history ul li{color: rgba(255,255,255,0.9);}
.dark #mem_popup .pop_in .pop_cont .wrap .info div p{color: rgba(255,255,255,0.7);}
.dark #mem_popup .pop_in .pop_cont .wrap .info div{background-color: #0D111D;}
.dark #mem_popup .pop_in .pop_cont .cont .empty{background-color: #0D111D;}
.dark #mem_popup .pop_in .pop_cont .cont .empty p{color: #fff;}
.dark #mem_popup .pop_in .title strong{color: #fff;}
.dark #mem_popup .pop_in .pop_cont .wrap{border-color: rgba(255,255,255,0.3);;}
.dark #mem_popup .pop_in .pop_cont .cont .empty > div{border-color: rgba(255,255,255,0.3);;}
.dark #mem_popup .pop_in .pop_cont{border: 1px solid rgba(255,255,255,0.1);;}
.dark #sub .search_wrap2 .wr button:before{content: '';display: block;width: 21px;height: 21px;background: url(/img/sub/search02_dark.png);}
.dark #sub .search_wrap2 .wr button img{display: none;}
.dark #sub.mem_view .mem_info_content .info .key span{background-color: #1A1E29;color: #fff;}

#sub.bo_list .con01 .list table .number + .cate_w .cate span{background-color: #007EE6;color: #fff;}
/* 다크 */
@media (max-width: 1620px) {
     #sub .mem_tab ul li a{padding: 0 15px;}
     #sub.faq .list .title .num{width: 100px;}
     #sub.faq .list .title .tit {width: calc(100% - 100px);}
     #sub.faq .list .content{padding-left: 100px;}
     #sub .inner2{width: 100%;padding: 0 20px;}
     #sub .sch_all{top: 74px;}
     #sub.mypage .my_wrap{gap: 20px}
     #sub.mypage .my_wrap .content {
     width: calc(100% - 300px);
     }
}
@media (max-width: 1400px) {
     #sub .mem_tab{border-radius: 40px;}
     #sub .mem_tab ul{flex-wrap: wrap;}
     #sub .mem_tab ul li a{padding: 0;}
     #sub .mem_tab ul li{width: calc(33.33% - 6.666666666666667px);flex: auto;}
     #sub.mypage .my_wrap .info_w .name{width: 200px;}
     #sub.mypage .my_wrap .info_w ul{gap: 15px}
     #sub.mypage.mem_list .list ul li{width: calc(50% - 10px);}
     #sub.mypage.mem_list .list ul{flex-wrap: wrap;gap: 20px}
}
@media (max-width: 960px) {
     #sub.mem_view .con01 .video_wrap{margin-top: 30px;}
     #sub .info_txt p:before{width: 16px;height: 16px;background-size: 100% 100%;;}
     #sub .info_txt p{font-size: 12px;align-items: center}
     #sub .info_txt{margin-bottom: 30px;}
     #sub.mem_view .mem_info_content .ai_w > div{gap: 7px}
     #sub.mem_view .mem_info_content .ai_w > div p{width: 100%;word-break: keep-all;line-height: 1.5;font-size: 14px;}
     #sub.mem_list .list .btn_cont div svg{width: 16px;height: 16px;}
     #sub.mem_list .list .btn_cont div strong{font-size: 12px;}
     #sub.mem_list .list ul li a{padding-top: 20px;border-radius: 15px;}
     #sub.mem_list .list .wrap .tag span{font-size: 13px;height: 20px;}
     #sub.mypage.mem_list .list .wrap .img{width: 70px;height: 70px;}
     #sub.mypage.mem_list .list .wrap .name strong{font-size: 20px;}
     #sub.mypage.mem_list .list .wrap .info span{height: 20px;font-size: 13px;}
	#sub .mem_tab ul li a{line-height: 36px;}
     #sub .mem_tab ul{gap: 0}
     #sub.mypage.mem_list .list .wrap .name p{font-size: 13px;}
     #mem_popup .pop_in .pop_cont .cont .empty > div{gap: 10px}
     #mem_popup .pop_in .pop_cont .cont .empty > div:before{width: 20px;height: 20px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont .cont .empty > div{height: calc(30vh - 10px);}
     #mem_popup .pop_in .title{margin-bottom: 10px;}
     #mem_popup .pop_in .pop_cont .cont .empty p{font-size: 13px;}
     #mem_popup .pop_in .pop_cont .cont{gap: 15px}
     #mem_popup .pop_in .pop_cont .cont > div{padding: 20px;border-radius: 10px;}
     #mem_popup .pop_in .pop_cont .wrap .info div strong:before{width: 18px;height: 18px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont .wrap .info div{padding: 8px;border-radius: 5px;}
     #mem_popup .pop_in .pop_cont .wrap a:after{width: 15px;height: 15px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont .wrap a{font-size: 13px;height: 32px;;}
     #mem_popup .pop_in .pop_cont .wrap .info div p{font-size: 12px;}
     #mem_popup .pop_in .pop_cont .wrap .history{padding-top: 0;}
     #mem_popup .pop_in .pop_cont .wrap .info div strong{font-size: 13px;}
     #mem_popup .pop_in .pop_cont .wrap .scr_w{margin-top: 20px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt span{font-size: 12px;height: 25px;line-height: 25px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .img{height: 70px;padding: 0;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt strong{margin: 5px 0;}
     #mem_popup .pop_in .pop_cont .cont > div{width: 100%;}
     #mem_popup .pop_in .pop_cont{width: 70vw;padding: 40px 20px;}
     #mem_popup .pop_in .title strong{font-size: 18px;}
     #mem_popup .pop_in .pop_cont .cont .empty{min-height: 30vh;}
     #mem_popup .pop_in .pop_cont .wrap .history strong{font-size: 14px;}
     #mem_popup .pop_in .pop_cont .wrap .history ul li{font-size: 13px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .img{width: 70px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt strong{font-size: 16px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt p{font-size: 13px;}
     #mem_popup .pop_in .pop_cont .wrap .scr_w{height: 20vh;overflow-x: scroll;}
     #sub.member input#title{padding-right: 70px;}
     #sub.faq .list .title{height: 40px;border-radius: 10px;}
     #sub.faq .list .title .tit {width: calc(100% - 60px);}
     #sub.faq .list .content{padding-left: 60px;}
     #sub.faq .list .title strong{font-size: 13px;}
     #sub.faq .list .content{padding: 20px;}
     #sub.faq .list .content p{font-size: 13px;line-height: 1.5;;}
     #sub.member .log_wrap .frm ul li .tit_wrap_c p{right: 10px;font-size: 11px;}
     #mem_popup .pop_in .pop_cont .cont{flex-direction: column;}
}

@media (max-width: 1620px) {
     #sub.mem_view .mem_info_content .ai_w > div{flex-direction: column;height: auto;padding: 20px;align-items: flex-start;border-radius: 10px;}
     #sub .notice{flex-direction: column;}
     #sub .notice strong{width: 100%;}
     #sub .notice a{width: 100%;margin-top: 10px;}
     #sub.proposal .search_wrap{flex-wrap: wrap;gap: 20px}
     #sub.proposal .search_wrap button{width: calc(50% - 10px);padding: 0 50px;}
     #sub .search_wrap input{width: calc(100% - 80px);}
     #sub .search_wrap input{width: calc(100% - 80px);}
     #sub.proposal .top3{gap: 20px}
     #sub.proposal .ai_report .cont{flex-direction: column;}
     /* #sub .mem_tab ul li{flex: 1;} */
     #sub .mem_tab ul li a{width: 100%;}
}
@media (max-width: 1440px) {
     #sub .sch_all{width: 95vw;}
     #sub .sch_all3{width: calc(100% - 40px);}
     #sub .sch_all{padding: 40px 20px;}
     #sub .sch_all .left ul li button{padding: 0 20px;background-image: none;}
     #sub .sch_all .left ul li.on button{background-image: none;}
     
}
@media (max-width: 1360px) {
     #sub .sch_all .left ul li{width: auto;}
     #sub.mem_list .list ul li{width: calc(50% - 15px);}
     #sub.com_list .list ul li .wrap{flex-direction: column;justify-content: start;align-items: start;}
     #sub.com_list .list ul li .wrap .txt {display: flex;flex-wrap: wrap;align-items: center;gap: 10px}
     #sub.com_list .list ul li .wrap .txt > p{width: 100%;}
     #sub.com_list .list ul li .wrap .txt .info{margin: 0;}
     #sub.mypage .my_wrap .info_w{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 15px;padding: 20px;border-radius: 10px;;height: auto;}
     #sub.mypage .my_wrap .info_w ul{padding-left: 0;}
     #sub.mypage .my_wrap .info_w .name{border-right: none;border-bottom: 1px solid #D2D2D8;width: 100%;padding-bottom: 10px;;}
     #sub.mypage .my_wrap .info_w ul{gap: 10px;flex-wrap: wrap;}

}
@media (max-width: 960px) {
     #sub.proposal .ai_report2 + .search_wrap{margin-bottom: 25px;}
     #sub .sch_all .right button{width: 120px;height: 40px;font-size: 14px;}
     #sub .mem_tab ul{flex-wrap: wrap;}
     #sub .mem_tab ul li{width: 33.33%;flex: auto;}
     #sub.mypage .my_wrap .info_w .name strong{font-size: 14px;}
     #sub.mypage .my_wrap .info_w ul li{gap: 5px}
     #sub.mypage .my_wrap .info_w ul li strong, #sub.mypage .my_wrap .info_w ul li p{font-size: 13px;}
     #sub .sch_title p{font-size: 13px;margin-bottom: 10px;;}
     #sub .sch_title strong{font-size: 20px;margin-bottom: 20px;;}
     #sub.gal_list .list ul li a{padding: 10px;border-radius: 10px;}
     #sub.gal_list .list ul li .img{border-radius: 10px;}
     #sub.proposal .search_wrap input{width: 100%;}
     #sub.proposal .search_wrap.search_wrap_content > input{width: calc(100% - 54px);}
     #sub.proposal .search_wrap.search_wrap_content button.sch_btn{width: 44px;}
     #sub.personal .con01 .s_title2{margin-bottom: 25px;}
     #sub.personal .con_w{gap: 30px}
     #sub.personal .con01 .tit p{margin-top: 10px;}
     #sub.personal .con01 .con .tit{margin-bottom: 10px;}
     #sub.personal .con01 .con .tit strong{font-size: 20px;}
     #sub.personal .con01 .txt ul li{padding-left: 19px;}
     #sub.personal .con01 .tit p, #sub.personal .con01 .txt ul li{font-size: 14px;line-height: 1.5;;}
     #sub.view .con01 .text_content{padding: 20px 0;}
     #sub.view .con01 .text_content iframe{height: 400px;}
     #sub.mypage.edit .my_wrap .my_content ul li strong + input{height: 40px;font-size: 13px;padding: 0 20px;}
     #sub.mem_view .con01 .list{padding: 15px;border-radius: 10px;font-size: 13px !important;}
	#sub.mem_view .con01 .list > div p{font-size: 14px;line-height: 1.5;}

     #sub.view .con01 .t01{flex-wrap: wrap;margin-bottom: 15px;}
     #sub.view .con01 .t01 strong{width: 100%;}
     #sub .sch_all{top: 50px;}
     #sub .sch_all2{top: 100px;}
     #sub.proposal .search_wrap button:last-child{width: auto;padding: 0 20px;}
     #sub .sch_all .right ul, #sub .sch_all .right div{width: 100%;}
     #sub .sch_all .right{width: 100%;}
     #sub .sch_all .right ul li{width: auto;height: 30px;}
     #sub .sch_all strong{font-size: 14px;margin-bottom: 15px;;;}
     #sub .sch_all .right{padding: 0;border-left: none;padding-top: 20px;margin-top: 10px;border-top: 1px solid #D8DFE8;}
     #sub.proposal .search_wrap  .sch_all .left ul li.on button{background: #007EE6 ;color: #fff;}
     #sub.proposal .search_wrap  .sch_all .left ul li button{background: #fff;border: 1px solid #D8DFE8;color: #646484;width: auto;padding: 0 20px;height: 30px;font-size: 14px;}
     #sub .sch_all .right ul li label{font-size: 15px;;}
     #sub .sch_all .right ul li label:before{width: 20px;height: 20px;background-size: 100% 100% !important;}
     #sub .sch_all .left ul{width: 100%;flex-wrap: nowrap;overflow-x: auto;}
     #sub .sch_all .left ul li{flex: 0 0 auto;}
     #sub .sch_all > div{flex-direction: column;}
     #sub.faq .list .title .tit i{right: 10px;}
	#sub .notice a{font-size: 14px;}
     #sub.proposal .ai_report2 .cont > div h4{font-size: 15px;margin-top: 15px;;}
     #sub.proposal .ai_report2 .cont > div p{font-size: 13px;line-height: 1.5;;}
     #sub.mem_list .list .empty{height: 300px;}
     #sub.gal_list .empty{height: 300px;}
     #sub.mem_list .list .empty i img{width: 25px;}
     #sub.mem_list .list .empty i img{width: 25px;}
     #sub.gal_list .empty i img{width: 25px;}
     #sub.mem_list .list .empty p{font-size: 14px;line-height: 1.5;word-break: keep-all;text-align: center;}
     #sub.gal_list .empty p{font-size: 14px;line-height: 1.5;word-break: keep-all;text-align: center;}
     #sub.mem_view .con03 .mem_title, #sub.mem_view .mem_title{flex-wrap: wrap;padding-bottom: 15px;}
     #sub.mem_view .con03 .mem_title p, #sub.mem_view .mem_title p{width: 100%;margin-top: 9px;}
     #sub.mem_view .con03 .mem_title svg{width: 8px;height: 16px;}
     #sub.mem_view .con03 .mem_title{gap: 0 10px}
     #sub.mem_view .con02{margin: 20px 0;}
     #sub.mem_view .con03{margin-bottom: 20px;}
     #sub.mem_view .con03 .mem_title p:before, #sub.mem_view .mem_title p:before{width: 16px;height: 16px;background-size: 100% 100%;}
     #sub.mem_view .con03 .mem_title p{font-size: 13px;}
     #sub.mem_view .con02 ul li{font-size: 14px;}
     #sub.mem_view .mem_title strong{font-size: 19px;}
     #sub.mem_view .mem_title{margin-bottom: 15px;}
     #sub.mem_view .mem_title{flex-wrap: wrap;}
     #sub.mem_view .con01.pd .list{padding: 0;}
     #sub.mem_view .con01 .list > div ul li{font-size: 14px;line-height: 1.5 !important;}
     #sub.mem_view .con01 .list *{font-size: 14px !important;line-height: 1.5 !important;}
     #sub.mem_view .con01 .list{gap: 7px}
     #sub.mem_view .mem_info_content .profile .img{padding-top: 100%;}
     #sub.mem_view .mem_title p{align-items: center;font-size: 13px;width: 100%;}
     #sub.mem_view .sub_con .tab ul{padding: 6px;}
     #sub.mem_view .sub_con .tab ul li a{height: 36px;font-size: 14px;width: auto;padding: 0 25px;}
     #sub.mem_view .sub_con .tab{margin-top: 30px;margin-bottom: 30px;padding-top: 10px;}
     #sub.mem_view .con01 .list > div ul{font-size: 14px;}
     #sub.mem_view .con01 .list > div strong{font-size: 14px;;}
     #sub.mem_view .con01 .list > div{padding: 15px;border-radius: 10px;}
     #sub.mem_view .con01 .video_wrap{border-radius: 20px;}
     #sub.mem_view .mem_info_content{margin-bottom: 20px;padding-bottom: 20px;;}
     #sub.mem_view .mem_info_content .ai_info{margin-top: 10px;}
     #sub.mem_view .mem_info_content .ai_info button{height: 40px;padding: 0 15px;font-size: 13px;}
     #sub.mem_view .mem_info_content .ai_info button svg{width: 16px;height: auto;}
     #sub.mem_view .mem_info_content .ai_info p{font-size: 13px;}
     #sub.mem_view .mem_info_content .ai_w{flex-direction: column;gap: 10px;margin-top: 10px;}
     #sub.mem_view .mem_info_content .ai_w > div{padding: 7px 15px;}
     #sub.mem_view .mem_info_content .ai_w > div strong{font-size: 14px;}
     #sub.mem_view .mem_info_content .ai_w > div p{font-size: 13px;}
     #sub.mem_view .mem_info_content .info{margin-top: 10px;}
     #sub.mem_view .mem_info_content .info_box{font-size: 15px;;line-height: 1.5;}
     #sub.mem_view .mem_info_content .info .info_box:nth-child(2){padding-left: 20px;}
     #sub.mem_view .mem_info_content .info_box strong{font-size: 16px;margin-bottom: 7px;}
     #sub.mem_view .mem_info_content .info_box p{font-size: 13px;}
     #sub.mem_view .mem_info_content .profile .img{width: 330px;}
     #sub.mem_view .mem_info_content .profile .title p{font-size: 17px;margin-top: 20px;;}
     #sub.mem_view .mem_info_content .profile .tit em{height: 60px;font-size: 40px;padding: 0 15px;}
     #sub.mem_view .mem_info_content .profile .title > span{font-size: 28px;}
     #sub.mem_view .mem_info_content .profile .tit strong{font-size: 50px;}
     #sub.gal_list .list ul li .txt strong{font-size: 16px;}
     #sub.gal_list .list ul li .txt span{font-size: 13px;}
     #sub.gal_list .list ul{gap: 20px}
     #sub.gal_list .list ul li {width: calc(50% - 10px);}
     #sub .paging ul li a{width: 32px;height: 32px;font-size: 14px;}
     #sub.proposal .top3 ul li a .thumbs{font-size: 12px;}
     #sub.proposal .top3 ul li a .thumbs:before{width: 12px;height: 12px;background-size: 100% 100%;}
     #sub.proposal .top3 ul li a .tit strong{font-size: 16px;}
     #sub.proposal .top3 ul li a .num span{font-size: 18px;}
     #sub.proposal .top3 ul li a .tit em{height: 27px;padding: 0 10px;font-size: 13px;}
     #sub.proposal .top3 ul li a .tit{gap: 10px}
     #sub.proposal .top3 ul li a .thumbs{top: 20px;right: 20px;}
     #sub.proposal .top3 ul li a{height: auto;}
     #sub.proposal .top3 ul li a .tit{padding: 20px;}
     #sub.proposal .top3 ul li a .num{position: static;width: auto;}
     #sub.proposal .top3, #sub.proposal .ai_report, #sub.proposal .ai_report2{margin-bottom: 40px;}
     #sub .notice{margin-bottom: 30px;}
     #sub.proposal .ai_report2 .cont{border-radius: 16px;padding: 20px;}
     #sub.proposal .ai_report2 .cont > div strong{font-size: 16px;line-height: 1.5;;}
     #sub.proposal .title2{align-items: flex-start;justify-content: flex-start;gap: 8px;flex-wrap: wrap;align-items: center;}
     #sub.proposal .ai_report .cont > div .tit strong{margin-bottom: 16px;}
     #sub.proposal .title2 p{width: 100%;}
     #sub.proposal .title2 svg{width: 10px;height: auto;}
     #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li div{font-size: 16px;}
     #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li{height: 54px;}
     #sub.member.v_write .join_wrap{padding: 0 30px;}
     #sub .search_wrap{margin-bottom: 30px;}
     #sub.bo_list .con01 .bo_tab ul{padding: 5px;}
     #sub.bo_list .con01 .bo_tab ul li a{padding: 0 10px;font-size: 13px;line-height: 28px;}
     #sub .search_wrap button:last-child{width: 44px;height: 44px;background-size: 100% 100%;}
     #sub.mypage.myinfo .my_content ul li > div {
    width: calc(100% - 90px);}
     #sub.mypage.myinfo .my_content ul li > div{flex-wrap: wrap;}
     #sub.mypage.myinfo .my_content .del span{font-size: 14px;}
     #sub.mypage .my_wrap .my_title p{font-size: 13px;}
     #sub.mypage.myinfo .my_content ul li div .key em{height: 22px;font-size: 13px;}
     #sub.mypage.myinfo .my_content ul li div button{height: 28px;padding: 0 10px;font-size: 14px;}
     #sub.mypage.myinfo .my_content ul li > div{padding-left: 10px;}
     #sub.mypage.myinfo .my_content ul li div p{font-size: 14px;}
     #sub.mypage.myinfo .my_content ul li span{font-size: 14px;width: 90px;}
     #sub.mypage.myinfo .my_content ul li{width: 100%;height: 50px;padding: 0 20px;}
     #sub.mypage.myinfo .my_content ul li{height: auto;padding: 15px 20px;}
     #sub.mypage.edit .my_wrap .my_content ul li p{font-size: 13px;}
     #sub.mypage.edit .my_wrap .my_content ul{gap: 20px}
     #sub.mypage .my_wrap .my_title strong{font-size: 19px;}
     #sub.mypage .my_wrap{gap: 30px;}
     #sub.mypage.edit .my_wrap .my_content ul li strong{font-size: 16px;}
     #sub.mypage.edit .my_wrap .my_content ul li input[type="text"]{height: 44px;padding: 0 20px;font-size: 14px;}
     #sub.mypage .my_wrap .content, #sub.mypage.edit .my_wrap .my_content{width: 100%;}
     #sub.mypage .my_wrap .my_lnb ul li a{padding: 0;font-size: 15px;}
     #sub.mypage .my_wrap .my_lnb{padding: 10px;border-radius: 50px;}
     #sub.mypage .my_wrap .my_lnb ul{flex-direction: row;}
     #sub.mypage .my_wrap .my_lnb ul li a{text-align: center;justify-content: center;}
     #sub.mypage .my_wrap .my_lnb ul li{width: 100%;}
     #sub.mypage .my_wrap .my_lnb{height: auto;width: 100%;}
     #sub.mypage .s_title3 strong{font-size: 22px;text-align: center;}
     #sub.mypage .my_wrap{flex-direction: column;}
     #sub.view .con01 .title .info{flex-wrap: wrap;}
     #sub.view .con01 .go_list a{height: 44px;font-size: 15px;}
     #sub.view .con01 .go_list{margin-top: 30px;}
     #sub.view .comment_content .comm .wr .img{width: 50px;height: 50px;;}
     #sub.view .comment_content .comm .wr{gap: 15px}
     #sub.view .comment_content .comm .wr{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
     #sub.view .comment_content .comm .wr strong span{font-size: 12px;height: 20px;}
     #sub.view .comment_content .tit{gap:10px}
     #sub.view .comment_content .comm .wr p{font-size: 13px;}
     #sub.view .comment_content .comm .wr{padding: 20px;;}
     #sub.view .comment_content .tit strong{font-size: 18px;}
     #sub.view .comment_content .tit p{font-size: 13px;}
     #sub.view .comment_content .tit strong span{width: 20px;height: 20px;font-size: 12px;;}
     #sub.view .con01 .view_btn{padding-bottom: 20px;}
     #sub.view .con01 .view_btn button{width: 70px;height: 70px;gap: 7px;font-size: 12px;}
     #sub.view .con01 .content{min-height: 300px;padding: 20px 0;font-size: 13px;}
     #sub.view .con01 .ai_cont .title2{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 5px}
     #sub.view .con01 .ai_cont .title2 p{font-size: 14px;}
     #sub.view .con01 .ai_cont .title2 strong{font-size: 16px;}
     #sub.view .con01 .title{padding-bottom: 20px;}
     #sub.view .con01 .share{position: static;display: flex;justify-content: flex-end;margin-top: 15px;}
     #sub.view .con01 .share img{width: 30px;}
     #sub.view .con01 .share ul{gap: 10px}
     #sub.view .con01 .title span{font-size: 13px;}
     #sub.view .con01 .t01 em{height: 24px;padding: 0 7px;font-size: 12px;}
     #sub.view .con01 .title strong{font-size: 20px;margin-bottom: 10px;;}
     #sub.member.v_write .log_wrap .info{padding-bottom: 0;}
     #sub.member.v_write .log_wrap.join_wrap .frm ul ul span, #sub.view .con01 .ai_cont ul li span{font-size: 15px;}
     #sub.member.v_write .log_wrap.join_wrap .frm ul ul li, #sub.view .con01 .ai_cont ul li{font-size: 14px;gap: 8px;line-height: 22px;}
     #sub.member.v_write .log_wrap.join_wrap .frm ul ul li, #sub.view .con01 .ai_cont ul li{padding: 20px;}
     #sub.member.v_write{padding-top: 0;}
     #sub.member.v_write .log_wrap.join_wrap .frm ul ul l, #sub.view .con01 .ai_cont ul li{flex-direction: column;}
     #sub.member textarea{height: 200px;font-size: 15px;padding: 13px 20px;}
     #sub.member.v_write .g_btn_center{margin-top: 0;}
     #sub.member.v_write .log_wrap .frm ul li strong{font-size: 15px;}
     #sub.member .log_wrap.join_wrap .frm ul select{width: 100%;height: 44px;padding: 0 20px;}
     #sub.proposal .title strong{font-size: 22px;}
     #sub.proposal .search_wrap{gap: 8px}
     #sub.proposal .top3 ul li a .tit strong{width: 100%;}
     #sub .wr{max-width: 100%;}
     #sub.proposal .top3 ul li a .tit{flex-wrap: wrap;}
     #sub.proposal .top3 ul li a .tit 
     #sub.proposal .search_wrap button, #sub .search_wrap input{width: 100%;height: 44px;padding: 0 20px;font-size: 15px}
     #sub.proposal .search_wrap button:last-child{width: 180px;background: var(--key-color);border: none;text-align: left;color: #fff;text-align: center;margin-top: 10px;}
     #sub .notice a{height: 44px;}
     #sub.proposal .search_wrap button{width: 100%;}
     #sub .search_wrap2 span{padding: 15px;font-size: 13px;padding-left: 60px;}
     #sub .search_wrap input, #sub.proposal .search_wrap button{height: 44px;padding: 0 20px;font-size: 15px;}
     #sub .notice strong b{gap: 6px}
     #sub .notice strong b:before{width: 20px;height: 20px;background-size: 100% 100%;}
     #sub .notice strong{font-size: 14px;gap: 12px;word-break: keep-all;line-height: 1.5;}
     #sub .notice strong{flex-direction: column;height: auto;align-items: flex-start;padding: 20px;border-radius: 16px;}
     #sub.com_list .list ul li .wrap button:after{width: 18px;height: 18px;;}
     #sub.com_list .list ul li .wrap button{top: 10px;right: 10px;height: 38px;padding: 0 17px;font-size: 14px;}
     #sub.com_list .list ul li .wrap{border-radius: 16px;}
     #sub.com_list .list ul li .wrap{padding: 20px;}
     #sub.com_list .list ul li .wrap .img{width: 70px;height: 70px;}
     #sub.com_list .list ul li .wrap .txt > p{font-size: 14px;}
     #sub.com_list .list ul li .wrap .txt .info span{height: 26px;font-size: 13px;}
     #sub.com_list .list ul li .wrap .txt .info p{font-size: 14px;}
     #sub.com_list .list ul li .wrap .txt strong{font-size: 18px;}
     #sub .mem_tab ul li a{font-size: 15px;}
     #sub.mem_list .list ul li a{padding-top: 30px;}
     #sub.mem_list .list .wrap .ai{display: none;}
     #sub.mem_list .list .wrap .img{width: 114px;height: 114px;}
     #sub.mem_list .list ul li .like_btn{display: none;}
     #sub.mem_list .list .wrap .name p{font-size: 16px;}
     #sub.mem_list .list .wrap .name strong{font-size: 22px;}
     #sub.mem_list .list .wrap .info span{height: 24px;padding: 0 10px;font-size: 12px;}
     #sub.mem_list .list .btn_cont div strong{font-size: 14px;}
     #sub.proposal .top3{flex-direction: column;gap: 40px}
     #sub{padding-top: 60px;}
     #sub.member{padding-top: 100px;padding-bottom: 100px;;}
     #sub.member .log_wrap{width: calc(100%);border-radius: 0;}
     #sub.mem_list .list .wrap .tag span{font-size: 12px;height: 26px;}
     #sub .s_title strong{font-size: 22px;}
     #sub .s_title p{font-size: 16px;}
     #sub.member{padding-top: 60px;padding-bottom: 10px;min-height: 0;}
     #sub.member input[type="text"], #sub.member input[type="password"]{height: 44px;padding: 0 24px;font-size: 15px;}
     #sub.member .region_fixed{height: 44px;padding: 0 24px;font-size: 15px;}

     #sub.member .log_wrap .frm ul{gap: 10px}
     #sub.member input[type="checkbox"] + label:before, #sub.member input[type="radio"] + label:before{width: 20px;height: 20px;;}
     #sub.member input[type="checkbox"] + label, #sub.member input[type="radio"] + label{font-size: 14px;}
     #sub.member .log_wrap .chk ul{gap: 24px}
     #sub.member .g_btn button{height: 44px;font-size: 16px;}
     #sub.member .log_wrap .info ul li a{font-size: 14px;padding: 0 16px;}
     #sub.member .log_wrap .info{margin-top: 20px;padding-bottom: 30px;;}
     #sub.member .log_wrap .sns ul li a{height: 44px;font-size: 16px;}
     #sub.member .log_wrap{padding: 40px 50px ;}
     #sub.member .log_wrap .frm ul li .btn button{font-size: 14px;}
     #sub.member .log_wrap .frm ul li .btn button{width: 100px;}
     #sub .s_title p{word-break: keep-all;}
     #sub.member .log_wrap .frm ul li .btn{padding-right: 110px;}
     #sub.member .log_wrap .frm ul li strong{font-size: 15px;}
     #sub.member .g_btn_center{margin-top: 0;background-color: #fff;padding-bottom: 40px;}
     #sub.member .stap ul{margin-top: 30px;margin-bottom: 20px;gap: 50px}
     #sub.member .stap ul li strong, #sub.member .log_wrap .priv strong{font-size: 15px;}
     #sub.member .log_wrap .frm ul li .err p{font-size: 14px;}
     #sub.member .log_wrap .frm ul li .err{margin-top: 10px;}
     #sub.member .log_wrap .frm .r_box{gap: 0 30px}
     #sub.member .log_wrap .frm .r_box label{line-height: 40px;}
     #sub.member .log_wrap .frm ul li p{font-display: 14px;}
     #sub.member.v_write .log_wrap.join_wrap .frm ul ul li{flex-direction: column;}
     #sub.member.v_write .log_wrap.join_wrap .frm .content, #sub.member.v_write .log_wrap.join_wrap .frm ul ul li{padding: 10px;border-radius: 10px;}
     #sub.member .log_wrap .frm ul li p{font-size: 14px;line-height: 1.5;}
     #sub.member .log_wrap .priv .all{padding: 0 13px;height: 44px;}
     #sub.member .log_wrap .priv .pri_list > div{padding: 0;}
     #sub.member .log_wrap .priv .pri_list > div label{font-size: 14px;}
     #sub.member .log_wrap .priv .pri_list{gap: 16px}
     #sub.member .log_wrap .priv .pri_list > div button span{font-size: 14px;}
     #sub.member .log_wrap .priv .pri_list > div button svg{width: 5px;height: auto;;}
     #sub .sub_con{padding-top: 30px;}
     #sub.member .log_wrap .priv .pri_list{padding-bottom: 24px;border-bottom: 1px solid #E3E4F1;}
     #sub .breadcrumb{display: none;}
     #sub .sub_con{padding-bottom: 30px;}
     #sub .paging{padding-top: 30px;}
     #sub.com_list .list ul li .wrap{gap: 12px}
     .alert_popup .pop_wrap .pop_in i img{width: 32px;}
     .alert_popup .pop_wrap .pop_in strong{font-size: 18px;line-height: 28px;;}
     .alert_popup .pop_wrap .pop_in p{font-size: 15px;line-height: 24px;margin-top: 15px;}
     .alert_popup .pop_wrap .pop_in{padding: 40px;}
     .alert_popup .pop_wrap .pop_in .btn button{height: 44px;padding: 0 34px;font-size: 16px;}
     .alert_popup .pop_wrap .pop_in .btn{margin-top: 30px;}
     #sub.bo_list .con01 .list table th, #sub.bo_list .con01 .list table td{height: 44px;font-size: 13px;}
     #sub.bo_list .con01 .list table {border-spacing: 0 5px !important;}
     #sub.bo_list .con01 .list table th:nth-child(1), #sub.bo_list .con01 .list table td:nth-child(1){border-radius: 7px 0 0 7px;}
     #sub.bo_list .con01 .list table th:last-child, #sub.bo_list .con01 .list table td:last-child{border-radius: 0 7px 7px 0;}
     #sub.bo_list .con01 .list table .cate span{height: 26px;padding: 0 10px;font-size: 12px;}
     #sub.proposal .ai_report2 .cont > div p{font-size: 15px;line-height: 25px;;}
     #sub.proposal .ai_report2 .cont > div p br{display: none;}
     #sub.proposal .ai_report .cont > div .tit strong{font-size: 16px;line-height: 26px;word-break: keep-all;}
     #sub.proposal .ai_report .cont > div p br{display: none;}
     #sub.proposal .ai_report .cont > div p{font-size: 15px;word-break: keep-all;}
     #sub.proposal .ai_report .cont > div{padding: 20px;border-radius: 16px;}
     #sub.proposal .ai_report .cont{gap: 10px}
     #sub.bo_list .con01 .bo_tab .filter button{width: 176px;height: 44px;font-size: 15px;}
     #sub.member textarea{font-size: 13px;line-height: 1.5;;}
     #sub.member.v_write label + span{font-size: 11px;}
     #sub.mem_list .list ul li .chk_btn{top: 10px;right: 10px;}
     #sub.member.v_write input[type="checkbox"] + label, #sub.member input[type="radio"] + label{font-size: 14px;gap: 7px}
     #sub.mem_list .list ul li .chk_btn button{width: 70px;height: 30px;font-size: 14px;}
     #sub.mem_list .list .wrap .name strong span{font-size: 13px;}
     #sub.mem_list .list ul li .chk_btn button:after{width: 16px;height: 16px;background-size: 100% 100% !important;}
     #sub.mem_list .list .wrap .name strong span{height: 22px;}
     #sub.mem_list .send{margin-top: 20px;}
     #floating_btn button{width: 58px;height: 58px;font-size: 14px;line-height: 1;}
     #sub.mem_list .send button{font-size: 14px;width: 144px;height: 40px;}
     #floating_btn{right: 30px;bottom: 220px;z-index: 999;}
     #weeklySearchLegend li{font-size: 12px;}
     .chart_wrap canvas{width: 100px !important;height: 100px !important;}
     #sub.com_list .list .empty p{font-size: 14px;word-break: keep-all;;}
     #sub.com_list .list .empty img{width: 26px;}
     #sub.com_list .list .empty{height: 160px;border-radius: 10px;}
     #sub .wr{width: 400px;}
     #sub .sch_all{z-index: 15;}
     #sub .sch_all .left ul li button{height: 35px;padding: 0 7px;font-size: 13px;}
     #sub .sch_all .left{padding-right: 0;}
     #sub .search_wrap2{margin-bottom: 20px;}
     #sub.mem_view .mem_info_content .ai_info p{align-items: center;}
     #sub.mypage .my_wrap .dashboard{gap: 20px}
     #sub.mypage .my_wrap .wrap1{margin-top: -30px;}
     #sub.mypage .btn_w a{height: 40px;font-size: 13px;padding: 0 20px;}
     #sub.mypage .my_wrap .wrap .my_title{margin-bottom: 15px;}
     #sub.mem_view .mem_info_content .profile .tit strong{font-size: 20px;display: block;transform: translateX(10px);}
     #sub.mem_view .mem_info_content .profile .tit > span{font-size: 16px;}
     #sub.mem_view .mem_info_content .profile .title p{font-size: 14px;line-height: 1.5;padding: 10px 0;}
     #sub.mem_view .mem_info_content .profile{padding-top: 30px;}
     #sub.mem_view .mem_info_content .profile .title{display: flex;flex-direction: column;align-items: center;text-align: center;}
     #sub.mem_view .mem_info_content .profile .tit em{left: 50%;transform: translateX(-40%);top: 0;font-size: 70px;}
     #sub.mem_view .mem_info_content .profile .tit.num{padding-left: 0;padding-top: 40px;}
     #sub.mem_view .mem_info_content .info .info_box{padding-left: 20px;}
     #sub.mem_view .mem_info_content .info .key span{ height: 20px;font-size: 12px;padding: 0 5px;}
     #sub.mem_view .mem_info_content .info .key{gap: 5px;flex-wrap: wrap;}
     #sub.mem_view .mem_info_content .info{gap: 20px 0}
     #sub.mem_list .list .wrap .name p{display: none;}
     .mo_view{position: relative;display: block;}
     .mo_view span{border: 1px solid #004FC5;display: block;line-height: 25px;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #004FC5;gap: 10px;}
     .mo_view span i svg{display: block;width: 6px;height: auto;}
     .mo_view span i svg path{stroke: #004FC5}
     #sub.mem_list .list .wrap .tag{display: none;}
     #sub.mem_list .list .wrap .info span{background-color: #004FC5;color: #fff;}
     #sub.mem_list .list .btn_cont{display: none;}
     #sub.mem_list .list ul li{padding-bottom: 0px;}
     #sub.mem_list .list .wrap .info span:nth-child(2){background: none;color: #004FC5;}
     #sub.faq .list .title a strong{display: block;padding-right: 30px;word-break: keep-all;}
     #media_popup .pop_w .box div{max-width: calc(100vw - 60px);}
     #media_popup .pop_w .box{padding: 10px;}
     #media_popup .pop_w .box .close{top: -40px;right: 0;}
}
@media (max-width: 740px) {
     #sub.mem_view .mem_info_content .info .info_box{padding: 0 15px;}
     #sub.mem_view .mem_info_content {
     background-size: auto 950px;
     }
     #sub.mem_view .mem_info_content .txt_wrap .txt_w{display: flex;justify-content: center;;flex-direction: column;}
     #sub.mem_view .mem_info_content .profile .txt_w .sns{position: static;align-items: center;}
     .alert_popup .pop_wrap .pop_in .btn button{font-size: 13px;padding: 0 20px;;}
     #sub.mem_view .mem_info_content .profile .img{border-radius: 10px;}
     #sub .search_wrap2 #btnMyRegion{position: static;}
     .alert_popup .pop_wrap .pop_in strong{font-size: 16px;word-break: keep-all;line-height: 1.5;}
     .alert_popup .pop_wrap .pop_in p{font-size: 14px;line-height: 1.5;;}
     #sub.mem_view .con05 .list ul{gap: 20px 10px}
     #sub.mem_view .con05 .list ul li strong{font-size: 14px;margin-top: 10px;;}
     #sub.mem_view .con05 .list ul li{width: calc(50% - 5px);}
     #sub.mem_view .mem_info_content .profile{flex-direction: column;gap: 25px;justify-content: center;align-items: center;}
     #sub.mem_view .mem_info_content .txt_wrap{width: 100%;}
     #sub.mem_view .mem_info_content .txt_wrap .txt_w{width: 100%;}
     #sub.mem_view .mem_info_content .profile .title > span{font-size: 16px;margin-bottom: 15px;}
     #sub.mem_view .mem_info_content .profile .tit strong{font-size: 36px;}
     /* #sub.mem_view .mem_info_content .profile .tit em {height: 39px;font-size: 20px;padding: 0 15px;} */
     #sub.mem_view .mem_info_content .profile .key span{font-size: 14px;height: 25px;padding: 0 7px;}
     #sub.mem_view .mem_info_content .profile .title{padding-top: 0px;margin-bottom: 20px;;}
     #sub.mem_view .mem_info_content .profile .key{margin-bottom: 25px;}
     #sub.mem_view .mem_info_content:before{height: 20%;}
     #sub.mem_view .con05_01{margin-top: 40px;margin-bottom: 40px;padding-bottom: 40pp;;;}
     #sub .search_wrap2{flex-wrap: wrap;}
     #sub .wr{width: 100%;}
     #sub .mem_tab ul li a{line-height: 36px;}
     #sub .search_wrap2 #btnMyRegion{width: 100%;transform: translateY(0);font-size: 14px;height: 36px;margin-top: 8px;}
     #sub .search_wrap2 #btnMyRegion svg{width: 11px;height: auto;}
     #sub.mypage .my_wrap .my_title{margin-bottom: 15px;}
}
@media (max-width: 660px) {
     #sub.mem_view .mem_info_content .info .info_box{width: 100%;}
     #sub.mem_list .list ul li{width: calc(50% - 5px);}
    #sub.mem_list .list .wrap .name strong{margin-bottom: 6px;}
            #sub.mem_list .list .wrap .name strong{font-size: 20px;}
            #sub.mem_list .list ul li{border-radius: 10px;}
            #sub.mem_list .list .btn_cont div strong{margin-right: 5px;font-size: 12px;}
            #sub.mem_list .list .wrap .tag span{height: 20px;}
            #sub.mem_list .list .wrap .info span{height: 20px;}
            #sub.mem_list .list .wrap .info{margin: 7px 0;}
            #sub.mem_list .list .wrap .name strong span{padding: 5px;font-size: 12px;}
            #sub.mem_list .list .btn_cont{gap: 5px}
            #sub.mem_list .list .btn_cont > i{height: 10px;}
            #sub.mem_list .list .btn_cont div strong{margin-right: 0;}
            #sub.mem_list .list .wrap .tag span{padding: 0 5px;}
     #sub.mem_view .mem_info_content .profile .title p{max-width: 100%;}
     .dark #sub.bo_list.proposal .list table tr{background-color: #000411;border-color: #1A1E29;}
     #sub.bo_list .con01 .bo_tab .filter button{padding: 0 20px;gap: 5px;width: auto;font-size: 14px;}
     #sub.bo_list .con01 .bo_tab .wr_btn{right: 0;top: 0;}
     #sub.bo_list .con01 .bo_tab .wr_btn button{height: 44px;padding: 0 20px;font-size: 14px;}
     #sub.bo_list .con01 .bo_tab{flex-direction: column;flex-direction: column-reverse;}
     #sub.bo_list.proposal .list table tr{margin-bottom: 10px;}
     #sub.bo_list.proposal .list table tr{display: flex;flex-wrap: wrap;border: 1px solid #D7D7EE;padding: 20px;align-items: center;gap: 6px;border-radius: 16px;position: relative;}
     #sub.bo_list.proposal .list table tr td.more_w strong{font-size: 15px;color: #555E6B;}
     #sub.bo_list.proposal .list table tr:nth-child(1){display: none;}
     #sub.bo_list.proposal .list table tr td{border: none !important;height: auto;}
     #sub.bo_list.proposal .list table tr td.more_w{width: 100%;}
     #sub.bo_list.proposal .list table tr td.hit{position: absolute;right: 65px;top: 20px;}
     #sub.bo_list.proposal .list table tr td.view{position: absolute;right: 20px;top: 20px;}
     #sub.bo_list.proposal .list table tr td.view, #sub.bo_list.proposal .list table tr td.hit{display: flex;align-items: center;gap: 4px}
     #sub.bo_list.proposal .list table tr td.view:before{content: '';display: block;width: 12px;height: 8px;background: url(/img/sub/v_icon.png) ;}
     #sub.bo_list.proposal .list table tr td.hit:before{content: '';display: block;width: 11px;height: 12px;background: url(/img/sub/t_icon.png) ;}
     /* #sub.bo_list.proposal .list table tr td.number{width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;} */
     #sub.com_list .list ul{width: 100%;gap: 10px}
     #sub.com_list .list ul li{width: 100%;}
     #sub .mem_tab{padding: 10px;border-radius: 30px;}
     #sub .mem_tab ul li{flex: auto;}
     #sub .mem_tab ul li{width: 33.33%;}
     #sub .mem_tab ul{flex-wrap: wrap;}
     #sub .mem_tab ul li a{line-height: 35px;}
     #sub.mem_list .list .btn_cont{flex-direction: column;gap: 0}
     #sub.mem_list .list .btn_cont i{display: none;}
     #sub.mem_list .list ul{gap: 10px}
     #sub.mem_list .list ul li{width: calc(50% - 5px);}
     #sub.mem_list .list .btn_cont div strong span{display: none;}
     #sub.mem_list .list .btn_cont{flex-direction: row;gap: 10px}
     #sub.mem_list .list .btn_cont i{display: block;}
     #sub.mem_view .mem_info_content .ai_info{flex-direction: column;gap: 10px}
     #sub.proposal .search_wrap button:last-child{width: auto;}
    #sub.mypage.mem_list .list ul{gap: 10px}
    #sub.bo_list.proposal .list table tr{background-color: #fff;}
    #sub .mem_tab ul li {width: 50%;}
    #sub .mem_tab ul li a{font-size: 13px;line-height: 32px;}
    #sub .mem_tab{padding: 3px;border-radius: 15px;}
     #fileViewerModal .wrap_pop .file-viewer-close{width: 20px;height: 20px;}
     #sub.proposal .title{margin-bottom: 10px;}
     #sub.gal_list .list ul li .txt{padding: 0 10px;padding-top: 10px;}
     #sub.gal_list .list ul li .txt strong{margin-bottom: 7px;}
     #sub.mem_view .mem_info_content .profile .title p{width: 100%;}
     #sub .info_txt{margin-top: 10px;}
     #sub.com_list .list ul li .wrap .txt{gap: 5px}
         #sub.com_list .list ul li .wrap button {
        top: 10px;
        right: 10px;
        height: 32px;
        padding: 0 12px;}

}
@media (max-width: 560px) {
     #sub.com_list .list ul li .wrap button:after{width: 14px;height: 14px;}
     #sub.com_list .list ul li .wrap button{font-size: 12px;}
     #floating_btn button span{width: 20px;height: 20px;font-size: 11px;right: 0;top: 0;}
     #mem_popup .pop_in .pop_cont .wrap .profile{gap: 10px}
     #mem_popup .pop_in .pop_cont .wrap .info div p{line-height: 1.5;word-break: keep-all;;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt span{padding: 0 7px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .img{width: 60px;height: 60px;}
     #mem_popup .pop_in .pop_cont .wrap .profile .txt {width: calc(100% - 100px);}
     #sub.com_list .list ul li .wrap .txt > p{font-size: 13px;}
     #sub.com_list .list ul li .wrap .txt {width: calc(100% - 86px);}
     #sub.com_list .list ul li .wrap{flex-direction: row;align-items: center;;}
     #sub.bo_list .con01 .list table th:last-child{width: 100px;}
     #sub.faq .list .title .num{width: 40px;}
     #sub.proposal .top3 ul li a .num span{font-size: 14px;}
     #sub.proposal .top3 ul li a .tit strong{font-size: 14px;}
     #sub.proposal .ai_report2 .cont > div ul li{font-size: 14px;line-height: 1.5;}
     .alert_popup .pop_wrap .pop_in p{word-break: keep-all;}
     .alert_popup .pop_wrap .pop_in p br{display: none;}
     .alert_popup .pop_wrap .pop_in{width: calc(100% - 80px);}
     .inner{padding: 0 20px;}
     #sub.member .log_wrap{padding: 50px 30px;}
     #sub.mem_list .list .wrap .img{width: 80px;height: 80px;;}
     #sub.mem_list .list .wrap .name p{font-size: 14px;word-break: keep-all;;}
     #sub.mem_list .list .wrap .tag{flex-wrap: wrap;}
     #sub.mem_list .list ul li a{padding: 10px;}
     #sub.mem_list .list .wrap .tag{margin-bottom: 5px;}
     #sub .mem_tab ul li a{font-size: 12.5px;}
     #sub.mem_list .list .empty{height: 200px;}
     #sub .mem_tab{margin-bottom: 10px;}
     #sub .search_wrap2 .wr input{font-size: 15px;font-weight: 600;background: url(/img/sub/addr.svg) left -16px center no-repeat;padding-left: 30px;}
     #sub .search_wrap2 .wr button{padding-bottom: 18px;padding-right: 30px;;}
     #sub .search_wrap2 .wr button img{width: 14px;}
     .dark #sub .search_wrap2 .wr button:before{width: 14px;height: 14px;background-size: 100% 100%;}
     /* #sub.mem_list .list ul li{flex-wrap: wrap;width: 100%;} */
     #sub.member.v_write .join_wrap{padding: 0 20px;}
     #sub.member.v_write .g_btn_center{margin-top: 30px;padding-bottom: 0;;}
     #sub.bo_list .con01 .list table .cate_w{width: 100%;}
     #sub.bo_list .con01 .list table .number + .cate_w{width: auto;}
     #sub.gal_list .list ul li .txt div{flex-wrap: wrap;gap: 5px}
     #sub.mypage .my_wrap .my_lnb{padding: 5px;}
     #sub.mypage .my_wrap .my_lnb ul li a{height: 36px;font-size: 14px;}
     #sub.mypage .s_title3{margin-bottom: 20px;}
     #sub.mypage .btn_w a{font-size: 14px;height: 40px;;}
     #sub.proposal .title strong{font-size: 20px;}
     #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li div{font-size: 15px;}
     #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li span{font-size: 15px;}
     #sub.proposal .ai_report .cont > div ul#weeklyMentionedKeywords li{height: 44px;}
     #sub.proposal .ai_report .cont > div p, #sub.proposal .ai_report2 .cont > div p, #sub.proposal .ai_report2 .cont > div strong{font-size: 14px;line-height: 1.5;;}
     #sub.proposal .ai_report .cont > div .tit strong{font-size: 15px;margin-bottom: 7px;;}
     #sub.proposal .title2 p{font-size: 12px;}
     #sub.proposal .title2 p{align-items: center;}
     #sub.proposal .title2 p:before{width: 14ox;height: 14px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont{width: 90vw;}
     #mem_popup .pop_in .pop_cont .cont > div .cancel{top: 10px;right: 10px;width: 15px;height: 15px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont .close{top: 10px;right: 10px;width: 20px;height: 20px;background-size: 100% 100%;}
     #mem_popup .pop_in .pop_cont{border-radius: 10px;}
     #sub.mem_view .mem_info_content .profile .title p{margin-top: 10px;}
}
@media (max-width: 560px) {
     #sub.mem_list .list .wrap .info span{height: auto;padding:3px 5px;word-break: keep-all;text-align: center;;}
     #sub.gal_list .list ul li{width: 100%;}

}