.apply_area .btn_box.w-2 *, *:before, *:after {box-sizing:inherit}

/* 팝업 */
.pop_wrap {position:fixed;left:0;right:0;top:0;bottom:0;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:999}
.pop_wrap[style*="display:flex"]:not(:has(~ .pop_wrap[style*='display:flex']))::before {content:'';display:block;width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap[style*="display: flex"]:not(:has(~ .pop_wrap[style*='display: flex']))::before {content:'';display:block;width:100vw;height:100vh;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap[style*="display:flex"]:last-child:before {content:'';width:100vw;height:100vh;display:block;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap[style*="display: flex"]:last-child:before{content:'';width:100vw;height:100vh;display:block;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.72);backdrop-filter:blur(1.5px);z-index:0}
.pop_wrap form, .pop_inner {width:95%;max-width:600px;padding:0;overflow:hidden;z-index:10}
.pop_wrap form .pop_inner {width:100%}
.pop {display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.pop_tit {position:relative;height:60px;padding:10px 20px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;background-color:#fff}
.pop_tit + div {background-color:#fff}
.pop_tit:after {position:absolute;height:1px;width:100%;bottom:0;left:0;display:flex;background:#eee;content:'';z-index:999}
.pop_tit p {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;color:#111;font-size:15px;line-height:15px}
.pop_tit p:before {content:'';display:block;width:30px;height:30px;background-image:url(../img/logo_type4.png);background-size:contain;background-repeat:no-repeat}
.pop_multi {display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:center;gap:1px;width:100%}
.pop_multi div {width:100%;padding:15px 10px;text-align:center;font-size:17px;color:#0c0c0d;background:#ececed;cursor:pointer}
.pop_multi div:hover, .pop_multi div:focus {background:#3c3c3d;color:#fff}
.pop_multi div span {padding:0 0 0 7px;font-size:15px;font-weight:300;font-style:italic;color:#ff761b;background-image:-webkit-linear-gradient(150deg, #14dea7, #06b0e6, #0047fd);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 3s infinite ease-in-out}
.pop_multi div:hover span, .pop_multi div:focus span {color:#fae100;background-image:-webkit-linear-gradient(150deg, #e4a808, #fae100, #d2e408)}
.pop_multi div.on {color:#fff;background:-webkit-linear-gradient(-120deg,#111,#3a3a3a,#2c2c2d,#333,#1c1c1d,#313131,#1c1c1d);background:-o-linear-gradient(120deg,#111,#3a3a3a,#2c2c2d,#333,#1c1c1d,#313131,#1c1c1d);background:-moz-linear-gradient(120deg,#111,#3a3a3a,#2c2c2d,#333,#1c1c1d,#313131,#1c1c1d);background:linear-gradient(120deg,#111,#3a3a3a,#2c2c2d,#333,#1c1c1d,#313131,#1c1c1d)}
@-webkit-keyframes hue { from {-webkit-filter:hue-rotate(0deg)} to {-webkit-filter:hue-rotate(-360deg)} }
.multiPOP_area .pop_content {display:none;height:calc(85vh - 70px - 225px - 35px)}
.multiPOP_area .pop_content.on{display:block}
.multiPOP_area .pop_content.img_pop{padding:0;height:calc(85vh - 70px - 120px - 35px)}
.multiPOP_area .pop_content.img_pop.on{display:flex;justify-content:center;align-items:flex-start}
.multiPOP_area .pop_content.img_pop img {width:100%;height:auto}
.pop_inner .close_btn {width:17px;height:17px;background:url(../img/close_btn.png) center no-repeat transparent;background-size:cover;cursor:pointer;z-index:999;border:none}
.pop_content {display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;max-height:calc(85vh - 70px - 35px);overflow:auto}
.pop_bottom {padding:0 4vh;height:35px;background:#f6f6f7;display:flex;justify-content:flex-end;align-items:center;align-content:center;flex-direction:row}
.pop_bottom p {font-size:14px;font-weight:300;color:#3c3c3d;text-align:right}
.pop_bottom button{border:none;background:none;font-size:inherit;font-weight:inherit;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;color:#1c1c1d}
.pop_bottom div .btn_style {width:100%;color:#7c7c7d;font-size:18px;font-weight:400;line-height:60px;text-align:center}
.pop_bottom.btn_box {justify-content:center;border-top:1px solid #eaeaea;height:60px;padding:0;gap:1px}
.pop_bottom > div {width:100%;position:relative}
.pop_bottom a:hover, .pop_inner .pop_bottom a:focus, .pop_inner .pop_bottom button:hover, .pop_inner .pop_bottom button:focus {color:#1c1c1d}
.pop_content p.content_tit strong {position:relative;padding:0 5px;font-size:21px;color:#0c0c0d;word-break:keep-all;z-index:0}
.pop_content p.content_tit strong:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(16, 197, 154, 0.24);z-index:-1}
.pop_content p.date {font-size:13px}
.pop_content p.tx {padding:0 10px;font-size:15px;color:#4c4c4d;line-height:24px;letter-spacing:-0.3px}
.pop_content p.tx span {color:#513cbb}
.pop_content p.tac {text-align:center;padding:15px 0}
.pop_content .tx_box {padding:20px 15px;background-color:#f7f7f7}
.pop_content .tx_box p {font-size:13px;color:#333}
.pop_content .tx_box ul {display:flex;flex-direction:column;gap:3px;padding:10px 5px}
.pop_content .tx_box ul li {display:flex;flex-direction:row;align-items:baseline;gap:3px;font-size:15px}
.pop_content .tx_box ul li em {font-weight:normal}
.pop_content .input_box input {text-align:right;padding:0 0 5px;font-size:25px;color:#2c2c2d;font-weight:bold}
.pop_content .input_box.readonly input {font-size:20px;color:#333}
.pop_content .link_box {display:flex;justify-content:center;align-items:center;margin:10px 0}
.pop_content .link_box > div {padding:0;margin:0 5px;background-color:#fff;border:1px solid #eaeaea;background-position:right 20px center;background-repeat:no-repeat}
.pop_content .link_box > div.down{background-image:url(../img/arr_download.png)}
.pop_content .link_box > div.view {background-image:url(../img/arr_view.png)}
.pop_content .link_box > div a {display:flex;padding:10px 50px 10px 30px;font-size:15px;line-height:24px;color:#3d76ec}
.pop_content .link_box > div:hover {background-color:#fafafa;border:1px solid #e7e7e7}
.pop_content .link_box > div:hover a {color:#ba3cba;text-decoration:underline}
.pop_content .count_box {display:flex;flex-direction:column;align-items:center;width:100%}
.pop_content .count_box p {display:flex;flex-direction:row;align-items:center;gap:10px}
.pop_content .count_box a {display:block;font-size:12px;line-height:25px;padding:0 10px;text-decoration:none}
.pop_content .form_box {display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.pop_content .form_box  form {display:flex;gap:10px}
.pop_content .form_box a {width:100%;font-size:15px;color:#333;line-height:80px}
.pop_content .table_box {display:flex;align-items:stretch;width:100%}
.pop_content .table_box.row {flex-direction:row}
.pop_content .table_box.col {flex-direction:column}
.pop_content .table_box div {word-break:keep-all}
.pop_content .table_box .th {color:#fff;background-color:#3c3c3e;font-weight:bold;text-align:center;padding:10px 5px}
.pop_content .table_box .td {color:#3c3c3e;background-color:#fff;font-weight:normal;padding:7px 5px}
.pop_content .table_box.col .td{border-bottom:1px solid #eee}
.pop_content .table_box.col .td > div {border-left:1px solid #eee}
.pop_content .table_box.col .td > div:last-child {border-right:1px solid #eee}
.pop_content .table_box.row .th > div {border-bottom:1px solid #999}
.pop_content .table_box.row .td > div {border-bottom:1px solid #eee;border-right:1px solid #eee}
.pop_content .table_box.row .th > div:first-child {border-top:1px solid #999}
.pop_content .table_box.row .td > div:first-child {border-top:1px solid #eee}
.content_inner {padding:20px 30px;margin:10px 0;background:#f6f6f6;box-sizing:border-box}

/* 하단 독바 */
.dock_area {position:fixed;bottom:0;left:0;display:flex;justify-content:center;width:100%;background-color:#f9f9f9;z-index:998}
.dock_area .dock_bar {position:relative;display:flex;justify-content:space-between;align-items:center;align-content:center;flex-direction:row;gap:clamp(10px,2vw,20px);width:100%;max-width:750px;height:clamp(110px,19vw,140px);padding:0 clamp(20px,2vw,30px);background-color:#fff}
.dock_area .dock_bar:before {z-index:-1;position:absolute;content:"";top:15px;left:10px;bottom:80%;width:calc(100% - 20px);-webkit-box-shadow:0 -15px 10px #ccc;-moz-box-shadow:0 -15px 10px #ccc;box-shadow:0 -15px 10px #ccc}
.dock_area .dock_bar:after{right:10px;left:auto}
.dock_area .dock_bar > div {display:flex;align-items:center;justify-content:center;width:100%}
.dock_area .dock_bar > div > a {display:flex;align-items:center;flex-direction:column;cursor:pointer;gap:12px}
.dock_area .dock_bar > div > a img {width:5vw;height:auto;max-width:40px;max-height:40px;min-width:30px}
.dock_area .dock_bar div p {position:relative;display:block;padding:0px 3px;font-size:clamp(15px,1.5vw,18px);line-height:18px;font-weight:400;color:#3c3c3d;text-align:center;white-space:nowrap;text-transform:uppercase;z-index:1}
.dock_area .dock_bar div p:before {position:absolute;bottom:0px;left:0px;display:block;width:0px;height:10px;content:"";background-color:rgba(4, 186, 112, 0);z-index:-1;transition-property:width, background-color;transition-duration:250ms}
.dock_area .dock_bar div > div:hover p {color:#212121}
.dock_area .dock_bar div > a:hover p:before {width:100%;background-color:rgba(4, 186, 112, 0.16)}

/* tab style */
.solt_box {display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:5px;width:100%;border-bottom:2px solid #1b2c3e}
.solt_box .quick {display:flex;flex-direction:row;gap:1px}
.solt_box .quick > div {height:100%;width:17vw;max-width:120px}
.solt_box .quick .btn_style{display:flex;align-items:center;height:100%;width:100%;min-width:80px;font-size:clamp(13px,2vw,15px);color:#36393f;background:#eaeaea}
.solt_box .quick .btn_style.active {color:#fff;background:#1b2c3e!important}
.solt_box .quick .btn_style:hover {color:#fff;background:#513cbb}
.solt_box .quick > div em {font-size:14px;font-weight:normal;padding-left:3px}
.solt_box .sub_btn {display:flex;flex-direction:row;gap:1px}
.solt_box .sub_btn > div a {font-size:12px;margin:5px 0;padding:0 clamp(7px,1vw,15px);line-height:30px;min-width:45px}

/* 로그인 페이지 */
#container.login_page {height:100%;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:clamp(25px, 5.5vh, 55px);background:#fff}
.login_page .logo {display:flex;justify-content:center;align-items:center;width:100%;;text-align:center}
.login_page .logo img {width:100%;max-width:180px}
.login_area {display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%}
.login_area .country_choise {position:relative;height:70px}
.login_area .country_code {height:100%}
.login_area .select {padding:20px 2vh;text-align:left;overflow:unset}
.login_area .select .placeholder {display:flex;align-items:center;width:inherit}
.login_area .selectbox_select {display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;cursor:pointer;background:#f6f6f6}
.login_area .selectbox_select.btnOn{background:#e3f5f0 !important}
.login_area .nationalFlag div:first-child {background:rgba(255,255,255,0.2);display:flex}
.login_area .nationalFlag img {width:40px;height:40px;background:rgba(0,0,0,0.06)}
.login_area .nationalFlag span {color:#414141;font-size:17px;line-height:17px;font-weight:400;text-transform:uppercase}
.login_area .flagList_box {display:none;position:absolute;left:0;background:#e3f5f0;z-index:99999}
.login_area .flagList_box a {color:#fafafa}
.login_area .flagList_box a span {color:#333;padding-left:7px}
.login_area .selectbox_select:after {content:url(../img/arr_down.png);position:absolute;display:block;width:17px;height:9px;right:2vh;top:calc(50% - 5px);line-height:9px}
.login_area .selectbox_select.btnOn:after {content:url(../img/arr_up.png)}
.login_area .flagList_box ul {padding:0 0 15px}
.login_area .flagList_box ul li {list-style:none}
.login_area .flagList_box ul li a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:9px 20px;line-height:0.9rem;letter-spacing:1.7px;font-weight:400;font-size:0.9rem;color:#333;text-transform:uppercase}
.login_area .flagList_box ul li a:hover {color:#111}
.login_area .flagList_box ul li.option img {display:block;width:32px;height:32px;border:2px solid rgba(0,0,0,0.08);background-size:cover;background-color:#fff;background-position:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.login_area .line_OR {display:flex;flex-direction:row;align-items:center;gap:20px}
.login_area .line_OR span {display:block;font-size:15px;line-height:15px;text-align:center;font-weight:300;color:#111;white-space:nowrap}
.login_area .line_OR:before,.login_area .line_OR:after {display:inline-block;width:100%;height:1px;margin:0;background-color:#00000014;vertical-align:top;content:""}
.login_area .quick_btn {display:flex;justify-content:space-between;align-content:center;align-items:center;gap:1px;padding:0;margin:0}
.login_area .quick_btn>div {width:100%}
.login_area .quick_btn>div a {display:flex;align-content:center;justify-content:center;padding:0 10px;width:100%;align-items:center;font-size:13px;line-height:40px;white-space:nowrap!important;color:#333;background:#eee}
.login_area .quick_btn>div a:hover {color:#000;background:#e7e7e7}
.login_area .nav_btn {display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px 0 0}
.login_area .nav_btn a {position:relative;padding:0 15px;color:#3c3c3d;font-size:14px;font-weight:300;line-height:20px}
.login_area .nav_btn a:after {content:'';position:absolute;display:block;width:1px;height:10px;top:7px;right:0;background:rgba(0, 0, 0, 0.2)}
.login_area .nav_btn a:last-child:after {display:none}
.login_area form {position:relative;display:flex;flex-direction:column;gap:10px;width:70%;height:auto;max-width:520px}
.login_area form > div {display:flex;flex-direction:column;gap:5px}
.login_area .input_box {margin:0;overflow:hidden}
.login_area .input_box input {height:70px;padding:24px 25px 8px}
.login_area .input_box input:focus ~ label, .login_area .input_box input:valid ~ label, .login_area .input_box.readonly label, .login_area .input_box input:-webkit-autofill ~ label, .login_area .input_box.focus label {top:8px;left:25px;font:normal 11px "Malgun Gothic"}
.login_area .input_box input[type=text]:-moz-placeholder, input_box input[type=password]:-moz-placeholder {font-size:12px}
.login_area .input_box input[type=text]:-ms-input-placeholder, input_box input[type=password]:-ms-input-placeholder {font-size:12px}
.login_area .input_box input[type=text]::-moz-placeholder, input_box input[type=password]::-moz-placeholder {font-size:12px}
.login_area .input_box input[type=text]::-webkit-input-placeholder, input_box input[type=password]::-webkit-input-placeholder {font-size:12px}
.login_area .btn_submit {margin:0;min-height:70px;line-height:70px;font-weight:500;font-size:20px;color:#fff}
.login_area .btn_style {width:100%;min-height:70px;padding:0 40px;margin:0;font-size:20px;font-weight:400;line-height:70px}
/* 본인인증 */
.certify_area {display:flex;flex-direction:column;align-items:center}
.certify_area .logo {display:flex;justify-content:center;align-items:center;width:100%;;text-align:center}
.certify_area .logo img {width:100%;max-width:120px}
.certify_area .logo + div {display:flex;flex-direction:column;gap:10px}
.certify_area form {display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:560px;padding:0 20px}
.certify_area form p {font-size:17px;text-align:center}
.certify_area .btn_area {display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.certify_area .btn_area .btn_style {width:100%;font-size:17px;line-height:70px}
.certify_area .btn_area a.txLink {font-size:15px;line-height:40px}
/* 계정 찾기 */
.find_area {display:flex;flex-direction:column;align-items:center}
.find_area.info {gap:10px;padding:0 20px}
.find_area form, .find_area > div {display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;padding:0 20px}
.find_area form > div {width:100%}
.find_area form input {height:70px!important}
.find_area .tab_area {display:flex;flex-direction:column;gap:10px}
.find_area .tab_box {display:flex;flex-direction:row;gap:1px}
.find_area .tab_box .btn_style {display:flex;justify-content:center;align-items:center;width:100%;height:70px;background-color:#f1f1f1;color:#111}
.find_area .tab_box .btn_style.active {color:#fff;background-color:#2f9e7d}
.find_area .tab_box .btn_style:hover {color:#000;background-color:#d0efe5}
.find_area .tab_box .btn_style.active:hover {color:#fff;background-color:#2f9e7d}
.find_area .tab_cont {display:none;flex-direction:row;gap:5px}
.find_area .tab_cont .input_box {width:100%}
.find_area .tab_cont input {font-size:15px}
.find_area .tab_cont.phone input {padding:10px 20px!important}
.find_area .tab_cont .btn_style {width:80px;line-height:70px;font-size:13px}
.find_area .select_box {width:315px}
.find_area .select_box select {height:70px;font-size:13px;color:#333}
.find_area .select_box select optgroup {font-weight:bold;font-size:12px;color:#555}
.find_area .select_box select optgroup option {font-size:13px}
.find_area .select_box select option {padding:7px 5px;margin:0}
.find_area .btn_area {width:100%;padding:0}
.find_area .btn_area .submit {font-size:20px;line-height:70px;width:100%}
.check_tx li {list-style:none}
.check_tx .validation-item {margin-bottom:5px;color:#717171;position:relative;padding-left:20px}
.check_tx .validation-item:before {content:"✕";position:absolute;left:0;color:#ff6b6b}
.check_tx .validation-item.valid {color:#513cbb}
.check_tx .validation-item.valid:before {content:"✓";color:#513cbb}
.check_tx input.valid {border-color:#513cbb !important}
.check_tx input.invalid {border-color:#ff6b6b !important}
.find_area .cont_box {padding:20px clamp(20px,2vw,30px);background-color:#f7f7f7}
.find_area .cont_box .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:block}
.find_area .cont_box .tit + div {display:flex;flex-direction:column;gap:7px;width:100%}
.find_area .cont_box .tit + div > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:15px}
.find_area .cont_box .tit + div p {font-size:15px;color:#333}
.find_area .cont_box .tit + div p + p, .my_area.profile > div .tit + div p +em {font-weight:bold;color:#212121}
.find_area .cont_box .tit + div ul {display:flex;flex-direction:column;gap:3px;padding:5px 0}
.find_area .cont_box .tit + div li p {font:normal normal 12px "Malgun Gothic", sans-serif;color:#000}
/* 회원가입 */
.signUp_area {}
.signUp_area form {display:flex;justify-content:space-between;flex-direction:column;align-items:center;width:100%;min-height:calc(100vh - 90px);overflow-y:auto}
.signUp_area form > div:nth-of-type(1) {display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 clamp(20px,6vw,30px)}
.signUp_area form > div, .signUp_area form > div:nth-of-type(1) > div {width:100%}
.signUp_area .agree_box {background-color:#f4f4f4}
.signUp_area .agree_box.all {background-color:#e7e7e7}
.signUp_area .agree_box.all .check_box label {color:#000 !important}
.signUp_area .agree_box .check_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:0 clamp(15px,4vw,25px);min-height:70px;height:auto}
.signUp_area .agree_box .check_box .detail_btn {display:block;padding:5px 10px;font-size:13px;color:#f1f1f1;cursor:pointer;background:#5a5a5a;white-space:nowrap!important}
.signUp_area .agree_box .check_box .detail_btn:hover {color:#fff;background:#2c2f34}
.signUp_area .agree_box .info_cont {padding:0;margin:0;background:#f9f9f9;border-top:1px solid #e1e1e1;box-sizing:border-box}
.signUp_area  .agree_box .info_cont > div {width:100%;height:100px;max-height:200px;border:0;padding:15px 20px;background:#f9f9f9;font:normal normal 12px "Malgun Gothic", sans-serif;color:#515151;overflow-y:auto}
.signUp_area .select_box select {height:80px;padding:10px clamp(20px,6vw,30px)}
.signUp_area .tab_cont {display:flex;flex-direction:row;gap:5px}
.signUp_area .tab_cont .input_box {width:100%}
.signUp_area .tab_cont.phone input {padding:10px 20px!important}
.signUp_area .tab_cont  .select_box {width:380px}
.signUp_area .tab_cont .btn_style {width:90px;line-height:80px;font-size:13px}
.signUp_area .btn_area .submit {line-height:clamp(90px,12vh,120px);font-size:25px}
.signUp_area .tit {text-align:center;font-size:25px;word-break:keep-all;line-height:40px}
.signUp_area .tit strong{position:relative;padding:0 5px;color:#0c0c0d;font-weight:600;z-index:0}
.signUp_area .tit strong:before {content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:15px;background:rgba(16, 197, 154, 0.24);z-index:-1}
.signUp_area .certi_choice {display:flex;flex-direction:column;gap:10px}
.signUp_area .certi_choice a {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;color:#333;font-size:clamp(17px,5vw,21px);padding:clamp(20px, 3vh, 30px) clamp(20px, 3vw, 30px);;background-color:#f1f1f1}
.signUp_area .certi_choice a img {max-width:50px;width:clamp(35px, 15vw, 50px)}
.signUp_area .certi_choice a:hover {background-color:#e2f5f1}
.signUp_area .certi_regi {display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto}
.signUp_area .certi_regi a {width:100%;font-size:17px;line-height:70px}
.signUp_area .certi_qr-img, .signUp_area .certi_qr-code {display:flex;width:100%;padding:20px;background-color:#f7f7f7}
.signUp_area .certi_qr-img {justify-content:center;align-items:center}
.signUp_area .certi_qr-img img {width:auto;height:auto;max-width:100%}
.signUp_area .certi_qr-code {flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%}
.signUp_area .certi_qr-code h7 {font-size:13px;font-weight:bold;color:#555}
.signUp_area .certi_qr-code div {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}
.signUp_area .certi_qr-code .btn_style {font-size:13px;padding:0 20px;line-height:30px}
/* 약관 */
.terms_area {width:100%;max-width:750px;margin:0 auto}
.terms_area .terms_tabs {width:100%;overflow:hidden;position:relative;display:flex;background-color:#f1f1f1}
.terms_area .tabs_wrapper {display:flex;gap:10px;transition:transform 0.3s ease}
.terms_area .tab {padding:0 20px;cursor:pointer;white-space:nowrap;color:#777;font-size:15px;line-height:58px;font-weight:normal;text-align:center;border-bottom:2px solid #f1f1f1}
.terms_area .tab.active {color:#000;font-weight:bold;border-bottom:2px solid #111}
.terms_area .terms_contents {}
.terms_area .terms_contents .content {display:none;width:100%;height:calc(100vh - 90px - 60px - 170px);border:0;padding:clamp(20px,6vw,30px);font-size:14px;line-height:27px;resize:none;overflow-y:auto}
.terms_area .content.active {display:block}

/* 메뉴 */
.menu_area {position:fixed;display:flex;flex-direction:column;justify-content:space-between;top:0;right:0;width:420px;max-width:100vw;height:100%;background-color:#fff;z-index:1000;transition:transform 0.3s ease-in-out, opacity 0.3s ease;transform:translateX(100%);opacity:0;overflow-y:auto}
.menu_area.open {transform:translateX(0);box-shadow:-2px 0 10px rgba(0,0,0,0.1);opacity:1}
.menu_box {}
.menu_btn {width:35px;height:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;cursor:pointer;padding:0;border:none;background:transparent}
.menu_btn span {display:block;height:3px;background-color:#333;transition:width 0.3s ease}
.menu_btn span:nth-child(1), .menu_btn span:nth-child(2) {width:100%}
.menu_btn span:nth-child(3) {width:60%}
.menu_btn:hover span:nth-child(3) {width:100%}
.menu_btn.close {position:relative;align-items:center;justify-content:center}
.menu_btn.close span {position:absolute;width:100%;transition:transform 0.3s ease}
.menu_btn.close span:nth-child(1) {transform:rotate(45deg)}
.menu_btn.close span:nth-child(2) {transform:rotate(-45deg)}
.menu_btn.close:hover span:nth-child(2) {transform:rotate(-45deg) rotateZ(180deg)}
.menu_top {padding:20px clamp(20px,2vw,30px)}
.menu_top > div {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.menu_top .email-display {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;font-size:20px;line-height:22px;color:#111}
.menu_top .email-display .domain {font-size:0.7em;color:#515151;line-height:15px}
.menu_top .email-display + div {display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:20px}
.profile_box {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(15px,3vw,20px);padding:20px clamp(20px,2vw,30px);background-color:#f7f7f7}
.profile-img {display:flex;justify-content:center;align-items:center;padding:0 clamp(15px,2vw,20px);position:relative}
.profile-img .picture {position:relative;width:60px;height:60px;background-color:#fff;flex-shrink:0;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.profile-img .picture img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:auto;height:auto;object-fit:cover;text-indent: -9999px;font-size:0;white-space:nowrap;overflow:hidden}
.profile-info {display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}
.profile-info div {width:100%}
.profile-info p {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px;font-size:13px;color:#3c3c3c;word-break:break-all}
.profile-info p span {display:flex;justify-content:flex-start;align-items:center}
.profile-info p span ~ span::before {content:'';display:block;width:1px;height:10px;margin-right:7px;background-color:#c1c1cd}
.profile-info p.neme {font-size:15px;font-weight:bold;color:#111}
.profile-info p.rating-member {}
.profile-info p.rating-transaction {}
.profile-info p.transaction-hit {}
.profile-info p.grade {}
.profile-info p.id {}
.menu_box .profile_box {flex-direction:row}
.menu_box .profile-img {padding:0 clamp(15px,2vw,20px)}
.menu_box .profile-info > div p {justify-content:flex-start}
.report-cont {display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:100%}
.report-cont p {font-size:15px !important;;font-weight:bold}
.upload-btn {position:absolute;bottom:0;right:clamp(5px,0.7vw,10px);background-color:rgba(0, 0, 0, 0.6);border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.custom-file-upload {font-size:13px;color:white;cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.upload-btn input {display:none}
.navi-menu ul {display:flex;flex-direction:column}
.menu_area li {}
.menu_area li a {display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 clamp(20px, 2vw, 30px);height:50px;font-size:15px;color:#333;border-bottom:1px solid #f1f1f1}
.menu_area li a:hover, .menu_area .sub-menu li a:hover {color:#000;background-color:#e2f5f1}
.menu_area li a.depth1:after {transition:transform 0.3s ease}
.menu_area li a.depth1.active:after {transform:rotate(180deg)}
.menu_area li a.depth1:after {content:"";display:inline-block;width:14px;height:7px;background:url(../img/arr_sidemenu.png) no-repeat}
.menu_area .sub-menu {max-height:0;overflow:hidden;transition:max-height 0.5s ease, visibility 0.5s ease;visibility:hidden;background-color:#f9f9f9}
.menu_area .sub-menu li {}
.menu_area .sub-menu li a {padding:0 clamp(25px, 3vw, 35px);height:40px;font-size:13px;color:#4c4c4e}
.menu_area .sub-menu.active {opacity:1;visibility:visible}
/* alram */
.alram_box {position:relative;display:inline-block;cursor:pointer}
.alram_count {position:absolute;top:-8px;right:-8px;background-color:#ff3b30;color:white;font-size:12px;line-height:12px;min-width:20px;height:20px;border-radius:9px;display:flex;align-items:center;justify-content:center}
/* index */
.top_box {display:flex;justify-content:space-between;align-items:center;width:100%}
.top_box .logo + div {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px}
.top_box .logo img {}
.index {padding:20px 0 0;gap:15px}
.index .market_area {gap:7px;padding:0}
.cont_box {display:flex;flex-direction:column;gap:7px}
.cont_box .tit_box {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}
.cont_box .tit_box h7 {font-size:17px;font-weight:bold;color:#111;text-transform:uppercase}
.cont_box .tit_box .btn_style {font-size:13px;line-height:25px;padding:0 10px}
.es-total {display:flex;flex-direction:column;width:100%;height:auto;background-color:#f7f7f7;border-left:4px solid #04ba70}
.es-total .btn {position:absolute;top:calc(50% - 8px);right:clamp(-20px,-3vw,-25px)}
.refresh {font-size:15px;color:#414141;cursor:pointer;;transition:transform 0.8s ease}
.refresh:hover {color:#1a2c3e;animation:spin 1.2s linear infinite}
@keyframes spin { 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)} }
.es-total .amount {padding:clamp(20px,6vw,30px) clamp(25px,5vw,40px) 20px}
.es-total .amount > div {position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.es-total .amount p {font-size:15px}
.es-total .amount em {font-size:clamp(23px,8vw,27px)}
.es-total .amount em span {}
.es-total .prop {display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding-right:5px}
.es-total .prop em {text-align:right}
.es-total .data {display:flex;justify-content:flex-end;align-items:flex-end;gap:0 10px;width:100%}
.es-total .data p {font-size:12px;color:#515151}
.es-total .ect {border-top:1px solid #e7e7e7;text-align:left;background-color:#f2f2f2}
.ect-tit {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5px;padding:10px clamp(25px,5vw,40px);font:normal normal 12px "Malgun Gothic", sans-serif;font-weight:400;line-height:20px}
.ect-tit p {color:#555}
.ect-tit span {padding:0 7px;font-size:11px;user-select:none;min-width:52px}
.ect-tx {max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out;will-change:max-height;pointer-events:none;background-color:#f1fcf9}
.ect-tx.active {pointer-events:auto}
.ect-tx p.tx {padding:clamp(10px,3vw,20px) clamp(25px,5vw,40px);margin:0;box-sizing:border-box;font-size:clamp(12px,2.7vw,15px);color:#111;line-height:21px}
.quick_area {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px}
.quick_box {width:100%}
.quick_box img {max-width:40px;width:clamp(30px, 4vw, 40px)}
.quick_box a {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;width:100%;font-size:clamp(13px,1vw,15px);color:#36393f;text-align:center;text-transform:uppercase;background:#f7f7f7}
.quick_box.active a {border-bottom:2px solid #1b2c3e}
.quick_box a:hover {color:#fff;background:#1b2c3e}
.quick_box a:hover p {color:#fff!important}
.coin_area {display:flex;flex-direction:column;gap:3px}
.coin_area .coin_box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,30px) ;width:100%;background-color:#f7f7f7;cursor:pointer}
.coin_box .name {display:flex;justify-content:space-between;align-items:center;gap:10px}
.coin_box .name p {font-size:15px}
.coin_box .prop {display:flex;flex-direction:column;justify-content:flex-end;gap:3px}
.coin_box .prop em {text-align:right}
.coin_box .data {display:flex;justify-content:flex-end;align-items:flex-end;gap:0 10px;width:100%}
.coin_box .data p {font-size:12px;color:#515151}
.coin_box .amount {display:flex;justify-content:flex-end}
.coin_box .amount em {text-align:right}
.coin-img {}
.coin_box .coin-img {width:35px;height:35px;flex-shrink:0;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.coin_box .coin-img img {width:100%;height:auto;object-fit:cover}
.coin_area .coin_box:hover {background-color:#f1fcf9}
.market_info {display:flex;flex-direction:column;gap:5px}
.market_info .market_box {display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,30px) ;width:100%;background-color:#f7f7f7;cursor:pointer;overflow:hidden}
.market_info .market_box:hover {background-color:#f1fcf9}
.market_info .market_box > div:last-of-type {border-bottom:none;padding-bottom:0}
.market_info .info {}
.market_info .info.state {display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;width:100%}
.market_info .info.state .data {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:0 10px}
.market_info .info.state .data p {display:flex;gap:3px;font-size:11px;color:#414141}
.market_info .info.state .data + div {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:3px}
.market_info .info.user {display:flex;justify-content:space-between;align-items:center;padding:15px 0;width:100%;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.market_info .info.user.main {padding:15px clamp(15px,2vw,20px) 15px 0}
.market_info .info.user ul {display:flex;flex-direction:row;flex-wrap:wrap;gap:3px 15px}
.market_info .info.user ul li {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:7px;font-size:15px}
.market_info .info.user ul li span {display:flex;justify-content:flex-start;align-items:center}
.market_info .info.user ul li span ~ span::before {content:'';display:block;width:1px;height:10px;margin-right:7px;background-color:#c1c1cd}
.market_info .info.user p {font-size:13px}
.market_info .info.user .picture {width:40px;height:40px}
.market_info .info.user .grade-score {}
.market_info .info.data {display:flex;flex-direction:row;gap:5px;width:100%;padding:15px 0 20px;overflow-y:auto}
.market_info .info.data > div {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;text-align:center;white-space:nowrap;padding:15px 10px;background-color:#fff;-webkit-transition:all 0.14s ease-in-out;-moz-transition:all 0.14s ease-in-out;-o-transition:all 0.14s ease-in-out;transition:all 0.14s ease-in-out}
.market_info .info.data p {font-size:11px;color:#333}
.market_info .info.data span, .market_info .info.data em {font-size:13px;line-height:13px;font-weight:bold;color:#000;word-break:keep-all;white-space:normal}
.market_info .info.btn {padding:15px 0;width:100%}
.market_info .info.btn .btn_area {display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}
.market_info .info.btn .btn_area > div {display:flex;flex-direction:row;align-items:center;gap:3px}
.market_info .info.btn .btn_area a {padding:0 20px;font-size:13px;line-height:30px}
.market_info .info.btn .btn_area .trans-data {font-size:13px;color:#333}
.market_info .info.btn .btn_area .trans-data em {font-weight:bold;color:#111}
.market_info .info.user .grade-score {display:flex}
.market_info .info.user .grade-score .stars {display:flex;gap:3px}
.market_info .info.user .grade-score .star {width:20px;height:20px;stroke:#ffc300;stroke-width:2;fill:none}
.market_info .info.user .grade-score .star.filled {fill:#ffc300}
.market_info .info.commet {width:100%;padding-top:10px}
.market_info .info.commet .textarea {padding:15px 20px;width:100%;max-height:80px;font-size:13px;color:#333;line-height:17px;background:#fff;overflow-y:auto}
.market_info .market_box:hover .info.data > div {background-color:#ececec}
.info.state .state {display:flex;justify-content:center;padding:0 7px;min-width:65px;font-size:11px;line-height:22px;text-align:center;white-space:nowrap}
.state.buy {background-color:#3a3ad0;color:#fff}
.state.sell {background-color:#0ea175;color:#fff}
.state.wait {background-color:#ffd801;color:#0b1c2e}
.state.prog {background-color:#8a2ae3;color:#fff}
.state.comp {background-color:#1a2c3e;color:#fff}
.state.stand {background-color:#8b7d74;color:#fff}
.state.stop {background-color:#e14b4c;color:#fff}
.state.cancell {background:#5a5a5a;color:#fff!important}
.state.orange {background:#ff761b;color:#fff}
.state.sky {background:#06b0e6;color:#fff}
/* 게시판 */
.notice_area {display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:calc(100vh - 160px - 90px - 90px)!important;overflow-y:auto}
.notice_view {}
.notice_view .v_top {border-top:1px solid #f3f3f3}
.notice_view .v_top .tit {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:clamp(25px, 3vw, 35px) clamp(20px,6vw,30px);font-size:13px;background-color:#f7f7f7}
.notice_view .v_top .tit span {display:flex;align-items:center;justify-content:center;padding:0 12px;width:fit-content;height:25px;color:#fff;line-height:13px;background:#e14b4c;white-space:nowrap}
.notice_view .v_top .tit .date {font-size:0.95em;color:#333}
.notice_view .v_top .tit h6 {width:100%;font-size:21px;color:#0c0c0d;text-align:left}
.notice_view .v_top .tit h6 strong {padding-right:7px}
.notice_view .v_top .info{padding:0 clamp(20px,6vw,30px) ;background:#f6f6f7;box-sizing:border-box;overflow:hidden;display:flex;justify-content:space-between;align-items:center}
.notice_view .v_top .info div {font-size:15px;color:#3c3c3d;font-weight:300;line-height:60px;word-break:keep-all;white-space:nowrap}
.notice_view .v_top .info div span {color:#1c1c1d;font-weight:400;word-break:keep-all;white-space:nowrap}
.notice_view .v_top .info div:last-child {display:flex;flex-wrap:wrap}
.notice_view .v_top .info div:last-child > div {display:flex;align-items:center}
.notice_view .v_top .info div:last-child > div:after, .coinSoting_bar .myAct_info div:after {content:'';display:block;width:1px;height:14px;margin:0 13px;background:#ccc}
.notice_view .v_top .info div:last-child > div:last-child:after, .coinSoting_bar .myAct_info div:last-child:after {display:none}
.notice_view .v_body {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:25px clamp(20px,6vw,30px) ;min-height:15vh;background-color:#fff;font-size:15px;color:#4c4c4d;font-weight:500}
.notice_view .btn_area {display:flex;flex-direction:row;align-items:flex-end;justify-content:center;width:100%;padding:0}
.notice_view .btn_area a {padding:5px 15px;font-size:15px}
.notice_list {}
.notice_list.box-style {overflow-y:auto}
.notice_list ul {}
.notice_list ul li {padding:0;border-top:1px solid #f3f3f3;text-align:center}
.notice_list ul li a {display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,6vw,30px) ;text-align:left}
.notice_list ul li .tit {width:calc(100% - 90px);font-size:15px;color:#1c1c1d;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.notice_list ul li .tit span {padding:0 7px 0 0;font-size:13px;color:#7c7c7d}
.notice_list ul li a .date {font-size:0.9em;color:#777;font-family:"Nanum Gothic",dotum,"돋움",sans-serif;letter-spacing:-1px}
.notice_list ul li:last-child {border-bottom:1px solid #f3f3f3}
.notice_list ul li.fix {background-color:#f7f7f7;border-top:1px solid #e9e9e9}
.notice_list ul li.fix:hover {background-color:#f0f9f7}
.notice_list ul li.no-data {display:flex;justify-content:center;align-items:center;min-height:20vh;border-bottom:none}
.notice_list ul li.no-data:hover {background-color:transparent}
.notice_list ul li:hover {background-color:#f1fcf9}
/* 페이징 컨테이너 */
.pagination-container {display:flex;justify-content:center;align-items:center;padding:30px clamp(20px,6vw,30px) ;gap:5px;max-width:100%;overflow:hidden;position:relative}
.page-numbers-wrapper {overflow:hidden;position:relative}
.page-btn {display:inline-flex;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #ddd;color:#666;text-decoration:none;font-size:14px;transition:all 0.2s ease}
.page-btn:hover {background-color:#1b2c3e;color:#fff}
.page-btn.active {background-color:#513cbb;color:#fff;border-color:#513cbb;cursor:default;flex-shrink:0}
.page-btn.first, .page-btn.prev, .page-btn.next, .page-btn.last {flex-shrink:0;font-size:12px}
.page-numbers {display:flex;gap:5px;margin:0 5px;overflow:hidden;white-space:nowrap}
/* my page */
.my_area {display:flex;flex-direction:column;gap:15px;padding:0 clamp(20px, 3vw, 30px)}
.my_area > .box {width:100%}
.my_area .tit_box .btn_style {color:#333}
.my_area .tit_box ~ div {border-left:4px solid #f7f7f7;background-color:#f7f7f7;cursor:pointer}
.my_area .box:first-child ~ .box .tit_box ~ div {display:flex;flex-direction:column;gap:5px;padding:20px clamp(20px, 2vw, 30px)}
.my_area .tit_box ~ div:hover {border-left:4px solid #04ba70;background-color:#f1fcf9}
.my_area .box:first-child ~ .box .tit_box ~ div > div {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%}
.my_area > div .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:block}
.my_area.profile {gap:7px}
.my_area.profile form > div {padding:20px clamp(20px,2vw,30px);background-color:#f7f7f7}
.my_area.profile form > div .tit + div {display:flex;flex-direction:column;gap:7px;width:100%}
.my_area.profile form > div .tit + div > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:15px}
.my_area.profile form > div .tit + div p {font-size:15px;color:#333}
.my_area.profile form > div .tit + div p + p, .my_area.profile > div .tit + div p +em {font-weight:bold;color:#212121;text-align:right;}
.my_area.profile form > div .tit + div ul {display:flex;flex-direction:column;gap:3px;padding:5px 0}
.my_area.profile form > div .tit + div li p {font:normal normal 12px "Malgun Gothic", sans-serif;color:#000}
.my_area.profile .input_box, .my_area.profile .select_box {width:clamp(150px,12vw,200px);background-color:#fff}
.my_area.profile .input_box input {padding:5px 5px;height:auto;text-align:right}
.my_area.profile .select_box select {padding:5px 30px 5px 15px;height:auto}
.my_area.profile .select_box select, .my_area.profile .select_box select option, .my_area.profile .select_box select, .my_area.profile .input_box input {font-size:13px}
.my_area.profile .check_box label {font-size:14px!important;font-weight:bold}
.my_area.profile .btn_area {justify-content:flex-end}
.my_area.profile .btn_style {font-size:11px;padding:0 10px;line-height:30px}
.my_area.profile .btn_area .btn_style {font-size:15px;padding:0 15px;line-height:30px}
.my_area.security {gap:7px}
.my_area.security > div {padding:20px clamp(20px,2vw,30px);background-color:#f7f7f7}
.my_area.security > div.active {border-left:4px solid #04ba70;background-color:#f1fcf9}
.my_area.security form {display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:560px;padding:0 20px}
.my_area.security form .btn_area {display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.my_area.security form .btn_area a {width:100%;font-size:17px;line-height:70px}
.my_area.security form .btn_area a:last-of-type {font-size:15px;line-height:40px}
.my_area.security .tit {display:flex;justify-content:space-between;align-items:center}
.my_area.security .tit + div {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:15px}
.my_area.security .tit + div > div {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:10px}
.my_area.security .tit + div img {width:30px;height:30px}
.my_area.security .tit + div p {font-size:clamp(17px,3vw,20px);color:#313131}
.my_area.security .tit + div .btn_style {font-size:13px;padding:0 20px;line-height:30px}
.my_area.security .input_box.swich {margin:0;background-color:transparent;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden}
.my_area.security .input_box.swich label {display:flex;position:relative;width:70px;height:26px;cursor:pointer;background-color:rgba(0, 0, 0, 0.64);top:0 !important;;left:0 !important}
.my_area.security .input_box.swich label:before{content:"";display:block;position:absolute;left:0;width:28px;height:28px;background:url("../img/icon_toggle_off.png");transition:all .4s ease;background-size:100%}
.my_area.security .input_box.swich label:after   {content:"OFF";display:inline-block;position:absolute;top:5px;right:10px;font-size:10px;color:#fff}
.my_area.security .input_box.swich input[type="checkbox"]:checked + label {background-color:#04ba70}
.my_area.security .input_box.swich input[type="checkbox"]:checked + label:before {transform:translateX(43px)}
.my_area.security .input_box.swich input[type="checkbox"]:checked + label:after {content:"ON";display:block;position:absolute;top:5px;right:45px}
.my_area.security .pop_content form {padding:0}
.my_area.security .certi_regi {display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:520px;padding:0}
.my_area.security .certi_regi a {width:100%;font-size:17px;line-height:70px}
.my_area.security .certi_qr-img, .my_area.security .certi_qr-code {display:flex;width:100%;padding:20px;background-color:#f7f7f7}
.my_area.security .certi_qr-img {justify-content:center;align-items:center}
.my_area.security .certi_qr-code {flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%}
.my_area.security .certi_qr-code h7 {font-size:13px;font-weight:bold;color:#555;white-space:nowrap}
.my_area.security .certi_qr-code div {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;width:calc(100% - 70px)}
.my_area.security .certi_qr-code div p {display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.my_area.security .certi_qr-code .btn_style {font-size:13px;padding:0 20px;line-height:30px;color:#fff}
.my_area.log {}
.my_area.log > div, .my_area.log > form {display:flex;width:100%;flex-direction:column;gap:7px}
.my_area.log .solt_box {display:flex;flex-direction:row;justify-content:flex-end}
.my_area.log .solt_box + div {display:flex;flex-direction:column;align-items:center;gap:3px}
.my_area.log .solt_box input {font-size:15px;min-width:100px;width:100%}
.my_area.log .solt_box .input_box {width:100%;max-width:320px}
.my_area.log .log_box {display:flex;flex-direction:column;gap:2px;padding:14px clamp(20px, 2vw, 30px);width:100%;border-left:4px solid #f7f7f7;background-color:#f7f7f7}
.my_area.log .log_box:hover {border-left:4px solid #04ba70;background-color:#f1fcf9}
.my_area.log .log_box > div {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%}
.my_area.log .log_box .data {font:normal normal 13px "Malgun Gothic", sans-serif;color:#777}
.my_area.log .log_box .device {font-size:clamp(15px,2vw,18px);color:#333;letter-spacing:0.5px;font-weight:500}
.my_area.log .log_box .data + p {font-size:clamp(15px,2vw,18px);font-weight:bold;text-transform:uppercase}
.my_area.log .log_box .device + p {font:normal normal 15px "Malgun Gothic", sans-serif;color:#555;letter-spacing:0.5px}
.my_area.log .log_box:hover .data {color:#333}
.my_area.log .log_box:hover .device {color:#111}
.my_area.log .log_box:hover .device + p {color:#333}
.my_area.log .submit {padding:0 15px;font-size:15px}
.my_area.wdrl {gap:10px}
.my_area.wdrl > div, .my_area.wdrl > form {display:flex;width:100%;flex-direction:column;gap:7px}
.my_area.wdrl > div > div, .my_area.wdrl > form > div {padding:20px clamp(20px,2vw,30px);background-color:#f7f7f7}
.my_area.wdrl .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:block}
.my_area.wdrl .tit + div {display:flex;flex-direction:column;gap:5px}
.my_area.wdrl .tit + div > div {display:flex;flex-direction:row;gap:7px;font-size:15px}
.my_area.wdrl .tit + div b {color:red}
.my_area.wdrl .tit + div p {color:#212121;word-break:keep-all}
.my_area.wdrl .input_box {background-color:#fff}
.my_area.wdrl .btn_area {padding:0;background:transparent}
.my_area.wdrl .btn_area .btn_style {width:100%;font-size:17px;line-height:70px}
/* cs-center */
.cs_area {display:flex;flex-direction:column;gap:7px;padding:0 clamp(20px, 3vw, 30px)}
.cs_box {display:flex;flex-direction:row;align-items:center;gap:10px;padding:20px clamp(20px,6vw,30px) ;width:100%;background-color:#f7f7f7}
.cs_box a {display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}
.cs_box:last-child {flex-direction:column;background-color:#f1f1f1}
.cs_box:last-child > div {display:flex;flex-direction:row;align-items:center;gap:5px;width:100%;font-size:15px}
.cs_box .img {width:40px;height:40px;overflow:hidden;flex-shrink:0}
.cs_box .img img {width:40px;height:auto}
.cs_box .tx p {font-size:clamp(15px,4vw,17px);color:#111;word-break:break-all;}
.cs_box .tit {color:#515151;white-space:nowrap}
.cs_box .txt{color:#111}
/* faq page */
.faq_area {}
.faq-title {text-align:center;margin-bottom:40px;color:#333}
.faq-item {border-bottom:1px solid #eee;overflow:hidden}
.faq-question {display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,6vw,30px) ;background-color:#f7f7f7;cursor:pointer;transition:all 0.3s ease;user-select:none}
.faq-question h3 {margin:0;font-size:clamp(13px,3vw,16px);font-weight:500;color:#3c3c3e}
.faq-question:hover {background-color:#f2f2f2}
.faq-question:hover h3 {color:#111}
.faq-icon {font-size:18px;font-weight:bold;color:#555;transition:transform 0.3s ease}
.faq-question:hover .faq-icon {color:#111}
.faq-answer {max-height:0;overflow:hidden;transition:max-height 0.35s ease-in-out;background-color:#fff;will-change:max-height}
.faq-item.active .faq-answer {max-height:500px}
.faq-answer-inner {padding:15px clamp(20px,6vw,30px) ;box-sizing:border-box}
.faq-item.active .faq-question h3 {color:#111}
.faq-item.active .faq-icon {transform:rotate(45deg);color:#e14b4c}
.faq-item.active .faq-question:hover .faq-icon {color:#f00}
.faq-answer p {font-size:clamp(12px,2vw,14px);line-height:1.6;color:#515151}
/* market */
.market_area {display:flex;flex-direction:column;gap:15px;padding:0 clamp(20px, 3vw, 30px)}
.market_area.my {gap:10px}
.market_area.my .profile-info {flex-direction:row;flex-wrap:wrap;gap:3px clamp(10px,3vw,20px)}
.market_area.my .profile-info div {display:flex;justify-content:center;width:auto;height:30px;text-align:center}
.market_area.my .profile-info div.total {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;height:40px;padding:0 clamp(15px,3vw,20px);font-size:clamp(13px,2.5vw,15px);background:#fff}
.market_area.my .profile-info div.total p {font-size:clamp(13px,2.5vw,15px)}
.market_area.my .market_info .market_box {cursor:default}
.market_area.my .market_info .info.data {border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.market_area.write {}
.market_area.write form {display:flex;flex-direction:column;gap:15px}
.market_area.write .market_info {gap:3px}
.market_area.write .market_info .market_box {padding:20px clamp(20px,6vw,30px) ;gap:10px;cursor:default}
.market_area.write .market_info .info.btn .btn_area {flex-direction:row}
.market_area.write .market_info .info.btn, .market_area.write .market_info .info.state {padding:0}
.market_area.write .market_info .info.data {flex-wrap:wrap;padding:0;gap:3px}
.market_area.write .market_info .info.data > div {width:calc((100% - 6px) / 3);padding:10px 5px}
.market_area.write .market_info .info.data > div:nth-of-type(1) {flex-direction:row;justify-content:flex-end;gap:10px;width:100%;padding:10px clamp(20px, 3vw, 30px)}
.market_area.write .tit_box h7 em {font-size:15px;color:#777;padding:0 3px}
.market_area.write .market_info .market_box:hover {background-color:#f7f7f7}
.market_area.write .market_info .market_box:hover .info.data > div {background-color:#fff}
.market_area.write .market_info .market_box .info.data > div:hover {background-color:#1a2c3e}
.market_area.write .market_info .market_box .info.data > div:hover p,.market_area.write .market_info .market_box .info.data > div:hover span, .market_area.write .market_info .market_box .info.data > div:hover em {color:#fff}
.market_area.write .market_info .info.user {flex-direction:column;padding:15px 0 0;gap:0}
.market_area.write .market_info .info.user > div {flex-direction:row;justify-content:space-between;align-items:center}
.market_area.write .profile-info a {font-size:11px;padding:0 10px;line-height:25px}
.market_area.write .trans-data {display:flex;font-size:20px;width:100%}
.market_area.write .trans-data em {}
.market_area.write .trans-data p {font:normal normal 12px "Malgun Gothic", sans-serif}
.market_area.write .trans-info {display:flex;flex-direction:column;gap:3px}
.market_area.write .trans-info > div {display:flex;flex-direction:column;gap:7px;width:100%;padding:20px clamp(20px,6vw,30px) ;background-color:#f7f7f7}
.market_area.write .trans-info .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:flex;justify-content:space-between;align-items:center}
.market_area.write .trans-info .tit > p, .market_area.write .trans-info .tit > div, .market_area.write .trans-info .tit > a {text-align:right}
.market_area.write .trans-info .tit + div {display:flex;flex-direction:column;gap:7px;width:100%;text-align:right}
.market_area.write .trans-info .tit + div > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:15px}
.market_area.write .trans-info .tit + div > div em {text-align:right}
.market_area.write .trans-info .tit + div p {font-size:15px;color:#333;text-align:left}
.market_area.write .trans-info .tit + div p + p, .market_area.write > div .tit + div p +em {font-weight:bold;color:#212121}
.market_area.write .copy-area {display:flex;flex-direction:row;align-items:center;gap:7px}
.market_area.write .copy-area button {width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.market_area.detail .profile_box {padding:0}
.market_area.detail .info.data {flex-wrap:wrap;gap:2px}
.market_area.detail .info.data > div {display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;text-align:center;white-space:nowrap;width:calc((100% - 6px) / 4);padding:10px 5px;background-color:#fff}
.market_area.detail .info.data > div p {font-size:11px;color:#333}
.market_area.detail .info.data > div span, .info.data > div em {font-size:13px;font-weight:bold;color:#000}
.market_area.detail .trans-info .tit + div p {font-size:13px;color:#333;text-align:left}
.market_area.detail .profile-info {flex-direction:row;flex-wrap:wrap;gap:3px 20px}
.market_area.detail .profile-info div {display:flex;justify-content:center;width:auto;height:20px}
.market_area.detail .profile-info div.user-identity {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2px 7px;width:100%;height:auto;font-size:15px}
.market_area.detail .profile-info div.user-identity p {font-size:13px;font-weight:bold;color:#111}
.market_area.detail .profile-info div.user-identity p + p {font-size:11px;font-weight:normal}
.market_area.detail .market_info .info.user p + div {display:flex;flex-direction:row;gap:3px;width:auto}
.market_area.detail .btn_area .btn_style {font-size:17px;line-height:70px}
.market_area.grade {}
.review-box {position:relative;box-sizing:border-box;font-family:'Noto Sans KR', sans-serif}
.review-title {font:normal normal 11px "Malgun Gothic", sans-serif;color:#333;text-align:center;justify-content:center !important;font-weight:normal}
.review-box .stars {display:flex;justify-content:center !important;gap:10px;padding:10px 0;cursor:pointer}
.review-box .star {width:clamp(30px,6vw,40px);height:clamp(30px,6vw,40px);stroke:#ffc300;stroke-width:2;fill:none;transition:fill 0.3s ease}
.review-box .star.filled {fill:#ffc300}
.review-box textarea {width:100%;height:100px;resize:none;padding:15px 20px 30px;font-size:14px;border:none;box-sizing:border-box;font-family:inherit}
.review-box .char-count {position:absolute;bottom:10px;right:10px;text-align:right;font-size:12px!important;color:#666}
.market_area.report {}
.cont_box .select_box {background-color:#fff}
.cont_box .select_box.focus {background-color:#e3f5f0}
.cont_box .select_box select {height:45px;font-size:14px}
.cont_box .textarea_box textarea {font-size:14px;height:clamp(110px,15vh,140px);min-height:110px;max-height:140px}
.market_area.report .btn_area {display:flex;flex-direction:row;gap:5px}
.market_area.report .btn_area .btn_style {width:100%}

/* 평점 */
.grade_area {display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px, 3vw, 30px)}
.grade_area .market_info .market_box {cursor:default}
.grade_area .profile-info {flex-direction:row;flex-wrap:wrap;gap:3px 20px}
.grade_area .profile-info div {display:flex;justify-content:center;width:auto;height:30px;text-align:center}
.grade_area .profile-info div.total {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:30px;font-size:15px}
.grade_area .profile-info div.total p {font-size:15px}
.grade_area .market_info .info.state .data {flex-direction:row;gap:0 12px;flex-wrap:wrap}
.grade_area .market_info .info.state .data P:last-child {width:100%}
/* 신고 */
.report_area {display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px, 3vw, 30px)}
.report_area .market_info .market_box {cursor:default}
.report_box {display:flex;flex-direction:row;gap:10px;padding:10px clamp(20px,2vw,30px);width:100%;background-color:#f7f7f7}
.report_box > div {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:15px clamp(10px,4vw,20px);width:100%;background-color:#fff}
.report_box p {color:#333;font-size:13px;text-align:center}
.report_box em {color:#111;font-size:15px;text-align:center}
.report_box > div:hover {background-color:#e14b4c}
.report_box > div:hover p, .report_box > div:hover em {color:#fff}
.report_area .market_info .info.state .data {flex-direction:row;gap:0 12px;flex-wrap:wrap}
.report_area .market_info .info.state .data P:last-child {width:100%}
.report_area.detail {}
.report_area.detail > div, .report_area.detail > form {display:flex;flex-direction:column;gap:10px}
.report_area.detail .market_info .market_box {padding:20px clamp(20px, 2vw, 30px)}
.report_area.detail .info.user {flex-direction:column;padding:15px 0 0;gap:3px}
.report_area.detail .info.user > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:12px;color:#333}
.report_area.detail .info.user > div:hover {color:#000}
.report_area.detail .info.user > div em {text-align:right}
.report_area.detail .cont_box {}
.report_area.detail .cont_box > div {display:flex;flex-direction:column;gap:7px;width:100%;padding:20px clamp(20px, 2vw, 30px);background-color:#f7f7f7}
.report_area.detail .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:flex;justify-content:space-between;align-items:center}
.report_area.detail .tit + div {display:flex;flex-direction:column;gap:5px}
.report_area.detail .tit + div > div {display:flex;flex-direction:row;align-items:center;gap:7px;font-size:15px}
.report_area.detail .tit + div b {color:red}
.report_area.detail .tit + div p {color:#212121;word-break:keep-all}
.report_area.detail .tit + div > div.report-reason {display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.report_area .report-reason p:nth-of-type(1) {font-size:12px;padding:0 10px;line-height:25px;color:#fff!important;background-color:#e14b4c;white-space:nowrap}
.report_area .report-reason p:last-child {font-size:15px}
.report_area .btn_area .btn_style {font-size:17px;line-height:70px}
/* 알림 */
.alram_area {display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px, 3vw, 30px)}
.alram_area .alram_box {display:flex;flex-direction:row;gap:10px;padding:10px clamp(20px,2vw,30px);width:100%;background-color:#f7f7f7}
.alram_area .alram_box > div {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:15px clamp(10px,4vw,20px);width:100%;background-color:#fff;cursor:default}
.alram_area .alram_box p {color:#333;font-size:13px;text-align:center}
.alram_area .alram_box em {color:#111;font-size:15px;text-align:center}
.alram_area .alram_box > div:hover {background-color:#ffc300}
.alram_area .alram_box > div:hover p, .alram_area .alram_box > div:hover em {color:#381c1c}
.alram_area .solt_box {display:flex;flex-direction:row;justify-content:flex-end}
.alram_area .solt_box + div {display:flex;flex-direction:column;align-items:center;gap:3px}
.alram_area .solt_box input {font-size:15px;min-width:100px;width:100%}
.alram_area .solt_box .input_box {width:100%;max-width:320px}
.alram_area .solt_box .btn_area {display:flex;flex-direction:row;align-items:stretch;gap:3px}
.alram_area .solt_box .btn_style {padding:0 15px;font-size:13px}
.alram_area form {display:flex;flex-direction:column;gap:5px}
.alram_area .log_box {display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:14px clamp(20px, 2vw, 30px);width:100%;border-left:4px solid #f7f7f7;background-color:#f7f7f7;cursor:pointer}
.alram_area .log_box:hover {border-left:4px solid #04ba70;background-color:#f1fcf9}
.alram_area .log_box > div {display:flex;flex-direction:row;justify-content:space-between;gap:3px;width:100%}
.alram_area .log_box .data {font:normal normal 13px "Malgun Gothic", sans-serif;color:#777}
.alram_area .log_box .txt {font-size:17px;color:#111;letter-spacing:00.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.alram_area .log_box:hover .data {color:#333}
.alram_area .log_box:hover .txt {color:#111}

/* 마켓 */
.trans_area {display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px, 3vw, 30px)}
.trans_area > form {display:flex;flex-direction:column;gap:10px}
.trans_area .market_box {padding:20px clamp(20px,6vw,30px) }
.trans_area.detail .market_box {cursor:default}
.trans_area.detail .market_box:hover {background-color:#f7f7f7}
.trans_area.detail .market_info .info.state {padding:0}
.trans_area.detail .trans-info {display:flex;flex-direction:column;gap:3px}
.trans_area.detail .trans-info > div {display:flex;flex-direction:column;gap:7px;width:100%;padding:20px clamp(20px,6vw,30px) ;background-color:#f7f7f7}
.trans_area.detail .trans-info .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:3px;border-bottom:1px solid #e7e7e7;width:100%;display:flex;justify-content:space-between;align-items:center}
.trans_area.detail .trans-info .tit + div {display:flex;flex-direction:column;gap:7px;width:100%}
.trans_area.detail .trans-info .tit + div > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:15px}
.trans_area.detail .trans-info .tit + div p {font-size:15px;color:#333}
.trans_area.detail .trans-info .tit + div p + p, .trans_area.detail > div .tit + div p +em {font-weight:bold;color:#212121}
.trans_area.detail .copy-area {display:flex;flex-direction:row;align-items:center;gap:7px}
.trans_area.detail .copy-area button {width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.trans_area.detail .profile_box {padding:0}
.trans_area.detail .info.data {flex-wrap:wrap;align-items:stretch;gap:2px}
.trans_area.detail .info.data > div {display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;text-align:center;white-space:nowrap;width:calc((100% - 4px) / 3);padding:10px 5px;background-color:#fff}
.trans_area.detail .info.data > div p {font-size:11px;color:#333}
.trans_area.detail .info.data > div span, .info.data > div em {font-size:13px;font-weight:bold;color:#000}
.trans_area.detail .trans-info .tit + div p {font-size:13px;color:#333}
.trans_area.detail .profile-info {flex-direction:row;flex-wrap:wrap;gap:3px 20px}
.trans_area.detail .profile-info div {display:flex;justify-content:center;width:auto;height:20px}
.trans_area.detail .profile-info div.user-identity {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:2px 7px;width:100%;height:auto;font-size:15px}
.trans_area.detail .profile-info div.user-identity p {font-size:13px;font-weight:bold;color:#111}
.trans_area.detail .profile-info div.user-identity p + p {font-size:11px;font-weight:normal}
.trans_area.detail .market_info .info.user p + div {display:flex;flex-direction:row;gap:3px;width:auto}
.trans_area.detail .btn_area .btn_style {font-size:17px;line-height:70px;width:100%}
.trans_area.detail .cont_box .btn_area .btn_style {font-size:13px;line-height:40px}
.trans_area.detail .input_box {background-color:#fff}
.trans_area.offer {}
.trans_area.offer .solt_box .quick {width:100%}
.trans_area.offer .solt_box .quick > div {width:100%;max-width:100%;height:40px}
.offer .offer_box {display:flex;flex-direction:column;gap:5px;width:100%;padding:20px clamp(20px,6vw,30px) ;background-color:#f7f7f7}
.offer .offer_box .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #e7e7e7;width:100%;display:flex;justify-content:space-between;align-items:center}
.offer .offer_box .tit a {font-size:11px;padding:0 10px;line-height:20px}
.offer .offer_box > div {background-color:#fff}
.offer .offer_box.tx-style > div {display:flex;justify-content:space-between;align-items:center;background-color:transparent;font-size:13px;color:#111}
.offer .offer_box .cont_box {display:flex;flex-direction:column;justify-content:center;padding:10px 15px;min-height:60px;font-size:15px}
.offer .offer_box .cont_box > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.offer .offer_box .cont_box > div div:last-child {text-align:right}
.offer .offer_box .cont_box .btn_style {font-size:13px;padding:0 10px;line-height:30px}
.offer .btn_area .btn_style {font-size:17px;line-height:70px;width:100%}
.offer .offer_box .btn_area .btn_style {font-size:13px;line-height:40px}
.offer .copy-area {display:flex;flex-direction:row;align-items:center;gap:7px}
.offer .copy-area button {width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.offer_box select, .offer_box input {height:60px!important;padding:10px 15px!important;font-size:15px!important;width:100%}
.offer_box select {height:50px;padding:0 20px}
.offer_box .date_box {display:flex;justify-content:center;align-items:center;align-content:center;gap:clamp(10px,2vw,20px);padding:0 20px;background-color:#f4f4f4}
.offer_box .date_box input {height:50px;padding:0;border:0}
.offer_box .wave {font-size:14px}
/* 지갑 */
.page_area .wallet_area {display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px, 3vw, 30px)}
.wallet_area .es-total .amount {padding:25px clamp(25px,5vw,40px)}
.wallet_area .ect-tx p.tx {font-size:13px;line-height:19px;padding:10px clamp(25px,5vw,40px)}
.wallet_area .quick_box a {gap:0}
.wallet_area.detail {}
.wallet_area .cont_box .tit_box .btn_area {display:flex;flex-direction:row-reverse;align-items:center;gap:3px}
.wallet_area .coin_his {display:flex;flex-direction:column;gap:3px}
.wallet_area .coin_his .coin_box {display:flex;flex-direction:column;gap:5px;padding:20px clamp(20px,6vw,30px) ;width:100%;background-color:#f7f7f7}
.wallet_area .coin_his .coin_box:hover {background-color:#f1fcf9}
.wallet_area .coin_his .coin_box .info {display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.wallet_area .coin_his .coin_box .info .date p {display:flex;gap:3px;font-size:11px;color:#414141}
.wallet_area .coin_his .coin_box .info.data {display:flex;flex-direction:column;gap:3px;padding:20px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.wallet_area .coin_his .coin_box .info.data > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}
.wallet_area .coin_his .coin_box .info.data .state {display:flex;justify-content:center;text-align:center;font-size:13px;padding:0 12px;line-height:30px;white-space:nowrap}
.wallet_area .coin_his .coin_box .info.addr {display:flex;flex-direction:column;gap:3px;padding-top:10px}
.wallet_area .coin_his .coin_box .info.addr > div {display:flex;flex-direction:row;;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:25px;;font-size:13px}
.wallet_area .coin_his .coin_box .coin_name .img {width:30px;height:30px}
.wallet_area .coin_his .coin_box .coin_name .img + span {font-size:clamp(17px,3vw,20px);text-transform:uppercase}
.wallet_area .coin_his .coin_box .info.addr > div p {width:70px}
.wallet_area .coin_his .coin_box .info.addr > div span {text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallet_area .coin_his .coin_box .info.addr > div em {text-align:right;font-weight:normal}
.wallet_area.detail .copy-area {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:5px;width:100%;max-width:calc(100% - 70px)}
.wallet_area.detail .copy-area em {font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px);display:block;text-align:right}
.wallet_area.detail .copy-area button {width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.wallet_area.send {}
.wallet_area .coin_form {display:flex;flex-direction:column;gap:5px}
.wallet_area .coin_form .btn_area .btn_style {width:100%;font-size:17px;line-height:70px}
.wallet_area .coin_box .btn_area {display:flex;flex-direction:row;gap:3px}
.wallet_area .coin_box .btn_area .btn_style {width:100%;font-size:13px;line-height:40px}
.wallet_area .coin_box .tit {font-size:12.5px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #e7e7e7;width:100%;display:flex;justify-content:space-between;align-items:center}
.wallet_area .coin_box .tit .btn_area {display:flex;flex-direction:row;gap:3px}
.wallet_area .coin_box .tit .btn_area .btn_style {font-size:11px;padding:0 10px!important;line-height:20px;width:auto}
.wallet_area.form .coin_box {display:flex;flex-direction:column;gap:5px;padding:20px clamp(20px,6vw,30px) ;width:100%;background-color:#f7f7f7}
.wallet_area.form .coin_box div.c-center img {width:auto;height:auto;max-width:100%}
.wallet_area.form .input_box, .wallet_area.form .select_box {background:#fff}
.wallet_area.form select, .wallet_area.send input {height:60px!important;padding:10px 15px!important;font-size:15px!important;width:100%}
.wallet_area.form select {height:50px;padding:0 20px}
.wallet_area.form p {font-size:13px;color:#333}
.wallet_area .coin_box.info_box > div {display:flex;flex-direction:column;gap:6px}
.wallet_area .coin_box.info_box > div > div {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px}
.wallet_area .coin_box.info_box > div > div em, .wallet_area .coin_box.info_box > div > div span {text-align:right}
.wallet_area .coin_box.coin-fav > div {flex-direction:row;justify-content:space-between;align-items:center;background-color:#fff;;padding:10px 20px}
.wallet_area .coin_box.coin-fav > div > div {display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.wallet_area .coin_box.coin-fav > div > div:first-child {width:calc(100% - 150px)}
.wallet_area .coin_box.coin-fav > div > div:last-child {flex-direction:row;gap:3px}
.wallet_area .coin_box.coin-fav .btn_style {display:flex;font-size:13px;line-height:30px;padding:0 20px}
.wallet_area .coin_box.coin-fav .coin_name .img {width:clamp(20px,5vw,30px)!important;height:clamp(20px,5vw,30px)!important}
.wallet_area .coin_box.coin-fav .coin_addr {font:normal normal 12px "Malgun Gothic", sans-serif;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
.wallet_area .coin_box.coin-fav.addrList .btn_style {padding:0 12px}
.wallet_area.fav .btn_area {display:flex;flex-direction:row;gap:5px}
.wallet_area.fav .btn_area .btn_style {width:100%}
.wallet_area.receve .copy-area button {padding:5px 20px}
.wallet_area.receve .copy-area em {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px);display:block;text-align:right}
.wallet_area .coin_his .coin_box .info.data .coin_name {padding:0}
.wallet_area.form .coin-fav .coin_name {padding:0;width:100%}
.wallet_area.form .coin-fav .coin_name span {text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - clamp(20px,5vw,30px) - 5px);display:block}
.wallet_area .coin_his .coin_box .info.data .coin_name + div {display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:2px}

/* 점검 페이지 */
#container.overhaul {display:flex;flex-direction:column;justify-content:center;gap:clamp(30px,4vw,50px);width:100%;background-color:#f9f9f9}
#container.overhaul > div {width:100%}
.overhaul .visual_box {display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vw,30px)}
.overhaul .visual_box .img {position:relative;display:flex;justify-content:center;max-width:510px;padding:20px}
.overhaul .visual_box .img .bg {width:100%;min-width:280px;z-index:1}
.overhaul .visual_box .img .wheel {position:absolute;z-index:0}
.overhaul .visual_box .img .wheel.img01 {animation:rotate01 45s linear infinite;bottom:80px;right:-25px;max-width:210px}
.overhaul .visual_box .img .wheel.img02 {animation:rotate02 30s linear infinite;top:15px;right:-60px;max-width:63px}
.overhaul .visual_box .img .wheel.img03 {animation:rotate02 20s linear infinite;bottom:95px;left:-25px;max-width:109px}
.overhaul  .progress-text {font-weight:700;font-size:13px}
.overhaul .text_box {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2vw,20px);text-align:center}
.overhaul .text_box h5 {font-size:24px;font-weight:800;color:#3c3c3c}
.overhaul .text_box > p {font-size:17px;font-weight:400;color:#111}
.overhaul .text_box ul {display:flex;flex-direction:column;justify-content:center;gap:5px;width:100%;max-width:540px;padding:clamp(20px,4vw,30px);background-color:#fff;border:1px solid #f1f1f1}
.overhaul .text_box ul li {display:flex;flex-direction:row;align-items:baseline;gap:10px;font-size:15px;line-height:20px;word-break:keep-all}
.overhaul .text_box ul li div {display:flex;flex-direction:row;align-items:center;gap:10px;text-align:left;white-space:nowrap}
.overhaul .text_box ul li div.tag {background:#36393f;color:#fff;padding:5px 10px;font-size:13.5px}
.overhaul .text_box ul li div:after {content:':'}
.overhaul .text_box ul li div.tag:after {content:'';display:none}
.overhaul .text_box ul li p {text-align:left}
.overhaul .text_box ul li p span {}
.overhaul .btn_area {display:flex;flex-direction:row;gap:1px;width:100%;max-width:540px}
.overhaul .btn_area .btn_style {display:flex;width:100%;font-size:17px;line-height:60px}
.overhaul .percent {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;max-width:540px}
.overhaul .progress-container {width:100%;background:#d1d1d1;overflow:hidden;box-shadow:inset 0 0 5px rgba(0,0,0,0.1)}
.overhaul .progress-bar {width:0%;height:6px;
background:linear-gradient(120deg, #32A384 0%, #68EDC5 20%, #34CCAF 50%, #68EDC5 80%, #32A384 100%);
background:-webkit-linear-gradient(120deg, #32A384 0%, #68EDC5 20%, #34CCAF 50%, #68EDC5 80%, #32A384 100%);
background:-o-linear-gradient(120deg, #32A384 0%, #68EDC5 20%, #34CCAF 50%, #68EDC5 80%, #32A384 100%);
background:-moz-linear-gradient(120deg, #32A384 0%, #68EDC5 20%, #34CCAF 50%, #68EDC5 80%, #32A384 100%);
background-size:200% 100%;animation:flowBG 5s linear infinite;transition:width 1s ease-out;}
@keyframes flowBG {0% {background-position:200% 0%;} 100% {background-position:0% 0%;}}
@keyframes rotate01 {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}
@keyframes rotate02 {from {transform: rotate(360deg);} to {transform: rotate(0deg);}}

@media (max-width:810px) {
.search_layer {width:100%}
}
@media (max-width:620px) {
.login_area form {width:85%}
.password-certi {gap:1.5vw}
.market_area.my .profile-info {gap:0px clamp(10px,3vw,20px)}
.market_area.detail .info.data > div, .trans_area.detail .info.data > div {width:calc((100% - 2px) / 2)}
.trans_area.detail .info.data > div:last-child {flex-direction:row;justify-content:center;gap:13px;width:100%}
}
@media (max-width:520px) {
.login_page .logo {width:40%;min-width:120px}
.certify_area .logo {width:40%;min-width:100px}
.certify_area .input_box  input {height:70px;min-width:60px}
.password-certi {gap:1vw}
.signUp_area .certi_qr-code {flex-direction:column}
.signUp_area .certi_qr-code div {flex-wrap:wrap;justify-content:center}
.market_info .info.btn .btn_area a {padding:0 clamp(10px,3vw,20px)}
.wallet_area .es-total .amount > div {flex-direction:column}
.wallet_area .es-total .btn {top:-20px}
.wallet_area .es-total .amount em {text-align:center}
.es-total .prop {padding:0}
.es-total .data {justify-content:center}
.wallet_area .coin_name .img {width:clamp(30px,8vw,40px);height:clamp(30px,8vw,40px)}
}
@media (max-width:500px) {
.solt_box {flex-direction:column}
.solt_box .sub_btn {justify-content:flex-end}
.solt_box .quick > div {width:100%;max-width:100%;min-width:auto;line-height:40px}
}
@media (max-width:480px) {
.pagination-container {padding:10px clamp(20px,6vw,30px)}
.page-btn {min-width:25px;height:25px;font-size:12px}.page-btn.first, .page-btn.last {display:none}
.login_area form {width:100%}
.password-certi .input_box {width:100%}
.password-certi .input_box input {width:100%;min-width:auto;height:60px}
.certify_area .input_box  input {min-width:100%;padding:0}
.find_area .tab_box {flex-direction:column}
.signUp_area .tab_cont {flex-direction:column}
.signUp_area .tab_cont > div {width:100%!important}
.signUp_area .tab_cont > div .btn_style {width:100%!important}
.report_area .market_info .info.user {flex-direction:column;gap:5px}
.report_area .market_info .info.user .profile-info, .report_area .market_info .info.user .report-cont {align-items:center}
.wallet_area .coin_box.coin-fav .btn_style {padding:0;line-height:25px;width:60px}
.wallet_area .coin_box.coin-fav > div > div:last-child {gap:2px}
.wallet_area .coin_box.coin-fav.addrList .btn_style {width:45px;padding:0}
.market_info .info.state .data, .market_info .info.state .data + div {flex-direction:column}
.es-total .data {flex-direction: column;align-items:center}
}
@media (max-width:440px){
.offer_box .date_box {flex-direction:column;gap:0}
.offer_box .date_box input {padding:0!important;height:50px!important}
}
@media (max-width:420px){
.find_area .tab_cont {flex-wrap:wrap}
.find_area .tab_cont > div, .find_area .tab_cont .input_box + div a {width:100%}
.es-total .amount > div {flex-direction:column}
.es-total .btn {top:-20px}
.quick_area {gap:3px}
.coin_area .coin_box {flex-direction:column;align-items:flex-start;gap:3px}
.coin_area .coin_box > div {width:100%}
.coin_box .data {flex-direction:column}
.coin_box .name {justify-content:flex-start;gap:5px}
.coin_box .coin-img {width:25px;height:25px}
.market_info .info.user {align-items:flex-start;gap:clamp(15px,4vw,20px)}
.profile-img {padding:0}
.market_info .info.user ul {gap:1px 7px}
.market_info .info.user ul li {font-size:13px}
.my_area.security .tit + div > div {justify-content:center}
.my_area.security .tit + div {flex-direction:column;gap:10px}
.my_area.security .tit + div .btn_style {width:100%;line-height:35px}
.my_area.security .tit + div p {text-align:center}
.my_area.log .log_box .device + p {letter-spacing:0;font-size:13px}
.market_info .info.btn .btn_area {flex-direction:column-reverse;gap:3px}
.market_info .info.btn .btn_area > div, .market_info .info.btn .btn_area a {width:100%}
.grade_area .market_info .info.user {flex-direction:column}
.report_area .market_info .info.btn {padding:10px 0 15px}
.report_area .market_info .info.btn .btn_area {gap:5px}
.report_area .market_info .info.btn .btn_area .trans-data {justify-content:center;text-align:center}
.search_item {flex-wrap:wrap}
.search_item .date_box {flex-direction:column;gap:0}
.search_item .date_box input {padding:0!important}
.wallet_area.form .coin-fav .coin_name {gap:5px}
}
@media (max-width:380px){
.profile_box {flex-direction:column}
.profile-info {gap:2px}
.profile-info > div p {justify-content:center}
.market_area.my .profile-info {justify-content:center}
.my_area.log .submit {padding:0 clamp(20px,7vw,30px)}
.my_area.log .solt_box input {height:30px}
.my_area .box .log_box div:last-child, .my_area.log .log_box > div {flex-direction:column!important;gap:0!important;text-align:center}
.market_area.write .market_info .info.user {flex-direction:column-reverse;gap:3px;padding-top:10px}
.market_area.write .market_info .info.user > div.profile-info, .market_area.write .market_info .info.user > div.trans-data {flex-direction:column;gap:3px}
.market_info .info.user p {text-align:center}
.market_area.write .trans-data {font-size:17px}
.market_area.write .trans-info .tit {flex-direction:column;align-items:stretch}
.market_area.write .trans-info .tit > div {text-align:left}
.grade_area .profile_box .profile-info {gap:2px clamp(10px,3vw,20px);justify-content:center}
.grade_area .profile_box .profile-info div {height:20px}
.grade_area .profile_box .profile-info div.total {flex-direction:column;align-items:center;justify-content:center;gap:0;height:auto}
.report_box, .alram_box {gap:3px}
.report_area.detail .tit {flex-direction:column;align-items:stretch}
.alram_area .solt_box {flex-direction:column}
.alram_area .solt_box .input_box {max-width:100%}
.alram_area .solt_box .btn_area {gap:0}
.alram_area .solt_box .btn_style {width:100%;line-height:32px}
.trans_area .market_info .info.user {flex-direction:column;align-items:center}
.trans_area .profile-info {align-items:center}
.trans_area .market_info .info.user ul {justify-content:center}
.wallet_area .coin_box .btn_area {gap:1px}
}
@media (max-width:360px){
.market_area .solt_box .quick {flex-wrap:wrap}
.market_area .solt_box .quick > div {width:calc((100% - 1px )/ 2)}
}
@media (max-width:350px){
.dock_area .dock_bar div p {font-size:13px;letter-spacing:-0.5px}
.quick_box a {padding:5px}
.market_area.write .market_info .info.data > div:nth-of-type(1) {flex-direction:column;gap:3px;width:calc((100% - 4px) / 2)}
.market_area.write .market_info .info.data > div {width:calc((100% - 4px) / 2)}
}
@media (max-width:340px){
.solt_box .date_box {flex-direction:column;gap:0}
.market_info .info.state {flex-direction:column-reverse;gap:3px}
.market_info .info.state .data {align-items:center}
.market_info .info.user {flex-direction:column;align-items:center}
.market_info .info.user .profile-info {align-items:center}
.market_info .info.user ul {justify-content:center}
.grade_area .market_info .info.state .data, .grade_area .market_info .info.state .data P:last-child, .report_area .market_info .info.state .data, .report_area .market_info .info.state .data P:last-child {justify-content:center}
.grade_area .market_info .info.user {align-items:center}
.grade_area .profile-info {justify-content:center}
.wallet_area .coin_his .coin_box .info.data .state {padding:0 10px;font-size:12px;line-height:21px}
.wallet_area .coin_his .coin_box .info.data .coin_name {gap:5px}
.wallet_area .es-total .amount em {font-size:clamp(21px,8vw,25px)}
.market_area.detail .profile-info, .trans_area.detail .profile-info {gap:0 10px}
.pop_content .form_box a {min-height:60px;padding:10px 10px;line-height:20px;white-space:normal;word-break:keep-all}
.my_area.security form {gap:10px}
.my_area.log .solt_box {gap:0}
}
@media (max-width:310px){
.signUp_area .certi_qr-code div {width:100%}
.signUp_area .certi_qr-code div p {display:block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.quick_area {flex-direction:column}
.quick_box a {flex-direction:row;justify-content:flex-start;gap:10px;padding:10px clamp(15px,10vw,25px)}
.quick_box.active a {border-bottom:0;border-left:2px solid #1b2c3e}
.menu_box .profile_box {flex-direction:column}
.menu_box .profile-img {padding:0}
.menu_box .profile-info > div p {justify-content:center}
.market_area.write .market_info .info.data > div:nth-of-type(1) {flex-direction:row;gap:3px;width:100%;padding:10px 5px}
.market_area.write .market_info .info.data > div {flex-direction:row;width:100%;justify-content: space-between}
.market_area.detail .info.data > div, .trans_area.detail .info.data > div {width:100%}
.trans_area.detail .info.data > div:last-child {flex-direction:column;gap:3px}
.market_area.my .profile-info div.total {flex-direction:column;gap:0;padding:10px 5px;height:auto}
.market_area.detail .profile_box, .trans_area.detail .profile_box {flex-direction:column!important}
.market_area.detail .profile-info, .trans_area.detail .profile-info {justify-content:center}
.market_area.detail .profile-info div.user-identity, .trans_area.detail .profile-info div.user-identity {justify-content:center}
.market_area.detail .profile-info div.user-identity p + p, .trans_area.detail .profile-info div.user-identity p + p {text-align:center}
.trans_area.detail .trans-info .tit {flex-direction:column;align-items:stretch}
.coin_area .coin_box, .coin_box .data {align-items:center}
.coin_area .coin_box .name, .coin_area .coin_box .amount {justify-content:center}
.coin_box .amount em, .coin_box .prop em {text-align:center}
.cs_box a {flex-direction:column;gap:5px}
.report_area .market_info .info.state .data P:last-child {flex-direction:column;align-items:center}
}

/* IE 10, 11 대응 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.profile-img img {min-height:100%;min-width:100%;height:auto;width:auto;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
}