@charset "euc-kr";


:root {
    --member-point1: #007af3;
    --member-gray1: #ddd;
    --member-gray2: #777;
    --member-gray3: #333;
    --member-gray4: #f5f5f5;
    --member-noto: "Noto Sans KR", "¸¼Àº °íµñ", "Malgun Gothic", "µ¸¿ò", "Dotum", sans-serif;
}



*,
*:before,
*:after {box-sizing: border-box}
input:-webkit-autofill {-webkit-text-fill-color: #000;background: #fff}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s !important}
#Wrap.member {font-family: var(--member-noto);position: relative;background: #fff;line-height: 1.2;font-weight: 500;font-size: 16px}
#Wrap.member input {font-family: var(--member-noto)}
#Wrap.member .brand_age {flex-direction: row;flex-wrap: wrap;display: flex;justify-content: space-between;padding: 0 10px;gap: 14px 0}
#Wrap.member .brand_age li {display: flex;align-items: center;flex-direction: column;text-indent: 0;padding: 0;width: calc(25% - 0px)}
#Wrap.member .brand_age li span {background: #eee;padding: 2px 10px;border-radius: 40px;font-size: 11px;margin: 10px 0 0;text-align: center}
#Wrap.member #header {height: 80px;background: #fff !important;text-align: center;min-height: 160px;box-sizing: border-box}
#Wrap.member #header h1 {padding-top: 30px}
#Wrap.member #Container {margin: 0 10px;padding: 0 0 120px}
#Wrap.member .gray_box {background-color: var(--member-gray4);padding: 20px 20px;margin-top: 15px;color: var(--member-gray3)}
#Wrap.member .tiny_noti {font-size: 13px}
#Wrap.member sup {padding: 0 0 0 1px;vertical-align: top}
#Wrap.member .red,
#Wrap.member sup.red {color: #f00}
#Wrap.member .error_txt,
#Wrap.member .error_ok {display: block;padding: 10px 0 0 0;font-size: 13px;line-height: 16px;color: #f00}
#Wrap.member .error_txt.pl0,
#Wrap.member .error_ok.pl0 {padding-left: 0 !important;}
#Wrap.member .error_txt.pt5,
#Wrap.member .error_ok.pt5 {padding-top: 5px !important;}
#Wrap.member .error_ok {color: var(--member-point1) !important;}
#Wrap.member .tbl_wrap {margin: 0 0 30px;overflow: hidden}
#Wrap.member .agree_tit+.tbl_wrap {margin-top: 15px}
#Wrap.member .tbl_wrap table {text-align: center;border-top: 1px solid var(--member-gray1);line-height: 1.3;font-size: 14px;width: calc(100% + 2px);margin: 0 0 0 -1px}
#Wrap.member .tbl_wrap table th {background: var(--member-gray4);text-align: center;border: 1px solid var(--member-gray1);padding: 0}
#Wrap.member .tbl_wrap table td {border: 1px solid var(--member-gray1);letter-spacing: 0;padding: 0;height: 45px}
#Wrap.member .tab {display: flex}
#Wrap.member .tab li {flex: 1}
#Wrap.member .tab li a {display: flex;justify-content: center;align-items: center;height: 50px;border-bottom: 1px solid var(--member-gray1);color: var(--member-gray2)}
#Wrap.member .tab li.on a {color: #000;font-weight: bold;border-bottom: 2px solid #000}
#Wrap.member .tab_content {padding: 30px 30px;border: 1px solid var(--member-gray1);border-width: 0 1px 1px;margin: 0 0 15px}
#Wrap.member .tab_content .item {display: none}
#Wrap.member .tab_content .item.on {display: block}
#Wrap.member .totalMem_intro p {text-align: center;margin: 0 0 30px;font-weight: bold}
#Wrap.member .totalMem_intro p strong {display: block;font-size: 24px;padding: 4px 0 0;font-weight: bold}
#Wrap.member .totalMem_intro ul {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;margin: 0 0 30px;gap: 0;justify-content: center;gap: 10px 25px;padding: 0 20px}
#Wrap.member .totalMem_intro ul li {width: calc(25% - 25px);text-align: center}
#Wrap.member .joinStep_wrap {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 0 30px;font-size: 14px}
#Wrap.member .joinStep_wrap li {height: 45px;color: var(--member-gray2);display: flex;align-items: center;justify-content: flex-start;flex-direction: column;flex: 1;border-bottom: 2px solid var(--member-gray1);text-align: center}
#Wrap.member .joinStep_wrap li.on {color: #000;font-weight: bold;border-color: #000}
#Wrap.member .joinStep_wrap li strong {display: block;padding: 2px 0 0;font-weight: inherit}
#Wrap.member .login .loginInp {padding: 20px 0 15px 0}
#Wrap.member .login .loginInp .input_row {position: relative;overflow: hidden;height: 47px;margin-bottom: 15px;padding: 0px 10px;border: 1px solid #dadada;background: #fff}
#Wrap.member .login .loginInp .input_row span {display: block;overflow: hidden}
#Wrap.member .login .loginInp .input_row input {position: relative;width: 100%;height: 44px;border: none;background: #fff}
#Wrap.member .login .btn {display: block;margin-bottom: 20px;width: 100%;height: 60px;line-height: 60px;text-align: center;background: #007cf3}
#Wrap.member .login .btn a {display: block;color: #ffffff;font-size: 20px}
#Wrap.member .login .chk {position: relative;height: 20px;margin-bottom: 40px}
#Wrap.member .login .chk input[type="checkbox"] {display: none;position: absolute;top: 1px;left: 1px;width: 20px;height: 20px}
#Wrap.member .login .chk label {position: absolute;top: 0;left: 0;padding-left: 30px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left top;font-size: 14px;color: #222222;line-height: 20px;cursor: pointer}
#Wrap.member .login .chk input[type="checkbox"]:checked+label {background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left bottom}
#Wrap.member .login .find_info {padding-top: 30px;border-top: 1px solid var(--member-gray1);text-align: center;margin: 0 0 33px}
#Wrap.member .login .find_info > a, #Wrap.member .login .find_info > div{display: inline-block;padding: 0 10px;background: url('https://image.megagong.net/new/mypage/bar2.gif') no-repeat left 2px;}
#Wrap.member .login .find_info a{font-size: 14px;line-height: 16px;color: #666666;}
#Wrap.member .login .find_info > a.first, #Wrap.member .login .find_info > div:first-child {background: none}
#Wrap.member .join_caut {position: relative;color: var(--member-gray3);font-size: 13px;margin: 20px 0 30px}
#Wrap.member .join_caut h3 {margin: 0 0 10px;font-size: 1.1em}
#Wrap.member .join_caut ul {display: flex;flex-direction: column;align-items: flex-start;gap: 3px}
#Wrap.member .join_caut ul li {text-indent: -8px;padding-left: 8px}
#Wrap.member .join_caut ul li.bold {font-weight: bold}
#Wrap.member .join_caut ul li .tiny {display: block;opacity: 0.5;text-indent: 0;margin: 7px 0 0 3px}
#Wrap.member .join_caut ul li a {display: inline-flex;border: 1px solid var(--member-gray3);text-indent: 0;padding: 2px 10px 3px;font-weight: 500;border-radius: 1px;margin: 3px 0 0;font-size: 12px}
#Wrap.member .agree .terms_bx_list {margin-top: 14px;border-top: 2px solid #000000}
#Wrap.member .agree .input_chk {position: relative;display: block;-webkit-box-sizing: border-box;box-sizing: border-box}
#Wrap.member .agree .input_chk input {position: absolute;overflow: hidden;width: 20px;height: 20px;display: none}
#Wrap.member .agree .input_chk label {position: relative;display: block;font-size: 14px;padding-left: 30px;line-height: 20px;cursor: pointer}
#Wrap.member .agree .input_chk label:before {content: '';position: absolute;top: 50%;left: 1px;width: 20px;height: 20px;margin-top: -10px;background-size: 20px 20px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left top}
#Wrap.member .agree .input_chk input[type="checkbox"]:checked+label:before {margin-top: -10px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left bottom}
#Wrap.member .agree .input_chk label span {width: 100%;color: #222222;font-size: 14px;line-height: 20px;font-weight: bold}
#Wrap.member .agree .input_chk .terms_color {color: var(--member-gray3)}
#Wrap.member .agree .terms_bx {display: block;padding-top: 17px}
#Wrap.member .agree .terms_bx .notic {font-size: 12px;line-height: 1.3;text-indent: -10px;padding-left: 10px;color: #8a8a8a;padding-top: 4px}
#Wrap.member .agree .terms_bx .terms_box {position: relative;overflow: auto;height: 91px;padding: 7px;margin-top: 8px;border: 1px solid var(--member-gray1);background: #fff;word-break: break-all}
#Wrap.member .agree .terms_bx .terms_box .txtContent h5 {padding-left: 5px;font-size: 12px;line-height: 15px;font-weight: bold;padding-bottom: 10px;color: #0059A9;background: url('https://image.megagong.net/member/ball.gif') no-repeat left 5px}
#Wrap.member .agree .terms_bx .terms_box .txtContent p {line-height: 1.3;padding-bottom: 6px;font-size: 12px}
#Wrap.member .agree .terms_bx .terms_box .txtContent li {padding-bottom: 5px;line-height: 16px}
#Wrap.member .agree .terms_bx .terms_box .txtContent li .blue {color: #0059A9}
#Wrap.member .agree .terms_bx .terms_box .section {padding-bottom: 20px}
#Wrap.member .agree .terms_bx .terms_box strong {display: block;padding-bottom: 10px;font-weight: bold}
#Wrap.member .agree .terms_bx .terms_box .blue {color: #0059A9}
#Wrap.member .agree .terms_bx .terms_box .txt {padding-bottom: 10px}
#Wrap.member .agree .terms_bx .terms_box .section h4 {font-size: 13px;line-height: 1.3;font-weight: bold;padding-bottom: 6px;color: #0059A9}
#Wrap.member .agree .terms_bx .terms_box .section p {line-height: 1.3;font-size: 12px}
#Wrap.member .agree .terms_bx .terms_box .section .blue {color: #0059A9}
#Wrap.member .agree .terms_bx .terms_box .section .underline {text-decoration: underline}
#Wrap.member .agree .terms_bx .terms_box .section .bold.first {margin-top: 0}
#Wrap.member .agree .terms_bx .terms_box .section .bold {margin-top: 10px}
#Wrap.member .agree .terms_bx .terms_box .section a {color: var(--member-gray3)}
#Wrap.member .agree .terms_bx .terms_box .section .bold {display: block;margin-top: 10px;padding-bottom: 13px;font-weight: bold}
#Wrap.member .agree .terms_bx .terms_box .section .bold2 {display: block;padding-bottom: 5px;font-weight: bold}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray {padding: 10px;background: #f7f7f7}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray strong {display: block;padding-bottom: 10px;font-size: 12px;color: #e98400;font-weight: bold;line-height: 15px}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray table {margin: 10px 0;border: 1px solid var(--member-gray1);border-right: none;background: #fff}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray table tr {border-bottom: 1px solid var(--member-gray1)}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray table td {padding: 5px;border-right: 1px solid var(--member-gray1);vertical-align: middle;text-align: left}
#Wrap.member .agree .terms_bx .terms_box .section .bgGray table td.aC {text-align: center}
#Wrap.member .agree .terms_bx .terms_box .section ol li,
#Wrap.member .agree .terms_bx .terms_box .section ul li {padding-bottom: 5px;line-height: 16px}
#Wrap.member .agree .terms_bx .terms_box ul.pb20 {padding-bottom: 20px}
#Wrap.member .agree .terms_bx .terms_box .section ol ul {padding: 10px 0 0 10px}
#Wrap.member .agree .terms_bx .terms_box .section ol ol {padding: 10px 0 0 10px}
#Wrap.member .agree .terms_bx .terms_box .section .sub_list {padding: 20px 0 10px 0}
#Wrap.member .agree .terms_bx .terms_box ul li .strong {font-weight: bold}
#Wrap.member .agree .btn {margin-top: 20px;}
#Wrap.member .agree .btn span {display: block;width: 50%}
#Wrap.member .agree .btn span .btn_type {display: block;width: auto;display: block;height: 50px;line-height: 50px;font-size: 20px;text-align: center}
#Wrap.member .agree .btn span .btn_default {margin: 0 5px 0 0;color: #fff;background: #8e8e8e}
#Wrap.member .agree .btn span .btn_primary {margin: 0 0 0 5px;color: #fff;background: #007cf3}
#Wrap.member .agree .brand_pop {position: absolute;left: 120px;top: 43px;background: #fff;width: 445px}
#Wrap.member .agree .brand_pop .close {position: absolute;right: 0;top: 0;padding: 5px}
#Wrap.member .agree .brand_pop .txt {padding: 15px 10px;border: 1px solid var(--member-gray2)}
#Wrap.member .agree .brand_pop p {text-align: center;font-weight: bold;font-size: 1.2em;margin: 0 0 15px;color: var(--member-gray3)}
#Wrap.member .agree .brand_pop .brand_age {flex-direction: row;gap: 14px 0;justify-content: space-between}
#Wrap.member .agree .brand_pop .brand_age li {padding-left: 0;text-indent: 0}
#Wrap.member .join_wrap {padding: 0px 30px 30px;border: 1px solid var(--member-gray1);line-height: 1.5;margin: 0 0 30px;border-radius: 0}
#Wrap.member .join_wrap.no_border {border: 0;padding-left: 0;padding-right: 0;}
#Wrap.member .join_wrap.no_border+.Btn {margin-top: 0}
#Wrap.member .join_row.errorB .inpW {border: 1px solid #f00}
#Wrap.member .join_row.errorB .inpW.email {border: none}
#Wrap.member .join_row.errorB .inpW.email input,
#Wrap.member .join_row.errorB .inpW.email select {border: 1px solid #f00 !important}
#Wrap.member .join_row p {padding: 20px 0 10px}
#Wrap.member .password_caut {font-size: 13px;font-weight: normal;padding: 10px 0 0;color: var(--member-gray2) !important}
#Wrap.member .inpW {position: relative;padding: 0;border: 1px solid #dadada;background: #fff;height: 48px;line-height: 48px}
#Wrap.member .inpW .btn {display: block;height: 48px;line-height: 48px;text-align: center;background: #000;color: #fff;margin: 10px 0 0}
#Wrap.member .agree .join_row .inpW {float: left;width: calc(100% - 105px);margin: 0 0 3px}
#Wrap.member .inpW.with_btn {box-sizing: border-box;overflow: hidden;height: auto;line-height: 1;border: 0;padding: 0}
#Wrap.member .inpW input {width: 100%;height: 46px;border: none;vertical-align: top;font-size: inherit;color: #222222;display: block;box-sizing: border-box;padding: 0 10px}
#Wrap.member .inpW input[type="password"]::-ms-reveal,
#Wrap.member .inpW input[type="password"]::-ms-clear {display: none;}
#Wrap.member .inpW input:read-only {background-color: #f9f9f9}
#Wrap.member .inpW select {width: 100%;border: none;height: 46px;vertical-align: top;font-size: inherit;padding: 0 10px}
#Wrap.member .inpW select:disabled {background-color: #f9f9f9}
#Wrap.member .inpW.with_btn .mobileW {position: relative;display: block;border: 1px solid #dadada}
#Wrap.member .inpW.with_btn .btn_default {background: #999999;color: #fff}
#Wrap.member .inpW .timer {position: absolute;top: 15px;right: 20px;color: var(--member-point1);letter-spacing: 0}
#Wrap.member .join_row .jenderW {display: block;border: 1px solid var(--member-gray1)}
#Wrap.member .join_row .jenderW .jender {display: block;float: left;position: relative;width: 50%;height: 48px;border-right: 1px solid var(--member-gray1);z-index: 10;-webkit-box-sizing: border-box;box-sizing: border-box}
#Wrap.member .join_row .jenderW .jender.last {border: none}
#Wrap.member .join_row .jenderW .jender input {position: absolute;top: 50%;display: none}
#Wrap.member .join_row .jenderW .jender label {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 48px;font-size: 14px;line-height: 48px;text-align: center;cursor: pointer;background: #f5f5f5}
#Wrap.member .join_row .jenderW .jender label.on {background: var(--member-gray3);color: #fff}
#Wrap.member .join_row .join_more .btn_default {background: #999999;color: #fff}
#Wrap.member .inpW.email {background: none;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;justify-content: space-between;}
#Wrap.member .inpW.email input {width: 36%;border: 1px solid #dadada;flex: 1;}
#Wrap.member .inpW.email .at {width: 30px;text-align: center}
#Wrap.member .inpW.email select,
#Wrap.member .inpW.email input.readonly,
#Wrap.member .inpW.email input:read-only {width: calc(52% - 30px);border: 1px solid #dadada;font-size: inherit;flex: 1;}
#Wrap.member .inpW.email .btn {width: 100%}
#Wrap.member .join .input_chk {padding-top: 30px}
#Wrap.member .join .input_chk input {position: absolute;overflow: hidden;width: 20px;height: 20px;display: none}
#Wrap.member .join .input_chk label {position: relative;display: block;font-size: 14px;padding-left: 30px;line-height: 20px;cursor: pointer}
#Wrap.member .join .input_chk label:before {content: '';position: absolute;top: 50%;left: 1px;width: 20px;height: 20px;margin-top: -10px;background-size: 20px 20px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left top}
#Wrap.member .join .input_chk input[type="checkbox"]:checked+label:before {margin-top: -10px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left bottom}
#Wrap.member .join .input_chk label span {width: 100%;color: #222222;font-size: 14px;line-height: 20px;font-weight: bold}
#Wrap.member .join .Btn {margin: 20px 0 0px}
#Wrap.member .join .Btn a {display: block;width: 100%;height: 50px;line-height: 50px;font-size: 20px;text-align: center;color: #fff;background: #007cf3}
#Wrap.member .join_end .join_txt {padding: 100px 0 25px 0;border-bottom: 1px solid var(--member-gray1);text-align: center}
#Wrap.member .join_end .join_txt p {font-size: 30px;line-height: 40px;color: #000000;letter-spacing: -1px;font-weight: bold}
#Wrap.member .join_end .join_txt p span {display: inline-block;font-size: 20px;line-height: 22px;color: #000000;letter-spacing: -1px}
#Wrap.member .join_end .join_bg {padding: 30px 0px 0 0px;text-align: center}
#Wrap.member .join_end .join_bg>p {padding: 0 0 15px 0}
#Wrap.member .join_end .join_bg span {display: block;color: #666666;font-size: 15px;line-height: 20px;font-weight: bold}
#Wrap.member .join_end .join_bg img {max-width: 100%;margin: 0 auto;}
#Wrap.member .join_end .joinBnr_slide {}
#Wrap.member .join_end .joinBnr_slide .slick-track{/*display: flex;flex-direction: column;align-items: stretch*/}
#Wrap.member .join_end .joinBnr_slide .item{margin: 0 0 15px;}
#Wrap.member .join_end .joinBnr_slide .slick-dots  {}
#Wrap.member .join_end .joinBnr_slide .slick-slide {line-height:1}
#Wrap.member .join_end .joinBnr_slide .slick-dots {font-size:0;text-align:center;width:100%;}
#Wrap.member .join_end .joinBnr_slide .slick-dots li {display:inline-block;margin:0}
#Wrap.member .join_end .joinBnr_slide .slick-dots li + li {margin-left:5px}
#Wrap.member .join_end .joinBnr_slide .slick-dots li button {display:block;width:7px;height:7px;font-size:0;-webkit-border-radius:100%;border-radius:100%;background:#000;opacity:0.15}
#Wrap.member .join_end .joinBnr_slide .slick-dots li.slick-active button {opacity:1}

#Wrap.member .join_end .join_txt2 {padding: 20px 0 0;color: #666666;text-align: center}
#Wrap.member .join_end .join_txt2 span {display: inline-block;font-weight: bold;font-size: 20px;color: #666666}
#Wrap.member .join_end .join_txt2 h2 {color: var(--member-point1);font-size: 26px;font-weight: bold;line-height: 28px;margin: 0 0 15px 0;line-height: 1.3}
#Wrap.member .join_end .join_txt2 .info {color: #222222;line-height: 21px}
#Wrap.member .join_end .join_txt2 .info+.info {position: relative;padding: 100px 0 0}
#Wrap.member .join_end .join_txt2 .info+.info::before {content: '';position: absolute;top: 50px;left: 50%;width: 100px;height: 1px;background: var(--member-point1);margin: 0 0 0 -50px}
#Wrap.member .join_end .join_txt2 .info span {font-size: 12px;font-weight: normal;color: #222}
#Wrap.member .join_end .Btn {margin: 40px 0 30px}
#Wrap.member .join_end .Btn a {display: block;width: 100%;height: 60px;line-height: 60px;font-size: 20px;text-align: center;color: #fff;background: #007cf3}
#Wrap.member .join_end .endEvent_wrap {padding-top: 5px;padding-bottom: 10px}
#Wrap.member .join_end .join_row.errorB .inpW {border: 1px solid #f00}
#Wrap.member .join_end .join_row p {padding: 20px 0 8px;color: #222222;font-weight: bold;line-height: 20px;font-size: 16px}
#Wrap.member .join_end .join_row p span {color: #f00;font-size: 16px;line-height: 20px}
#Wrap.member .join_end .join_row .error_txt,
#Wrap.member .join_end .join_row .error_ok {display: block;padding: 10px 0 0 0;font-size: 14px;line-height: 16px;color: #f00}
#Wrap.member .join_end .join_row .inpW {padding: 0 10px;border: 1px solid #dadada;background: #fff;height: 48px;line-height: 48px}
#Wrap.member .join_end .join_row .inpW input {width: 100%;height: 46px;border: none;vertical-align: top;font-size: 16px;color: #222222}
#Wrap.member .join_end .join_row .inpW select {width: 100%;border: none;height: 46px;vertical-align: top}
#Wrap.member .join_end .inpW.with_btn {position: relative;padding: 0 100px 0 0}
#Wrap.member .join_end .inpW.with_btn .mobileW {display: block;padding: 0 10px;border: 1px solid #dadada;height: 46px;background: #fff}
#Wrap.member .join_end .inpW.with_btn input {width: 100%;height: 44px;border: none;vertical-align: top;font-size: 16px;color: #222222}
#Wrap.member .join_end .inpW.with_btn .btn_default {background: #999999;color: #fff}
#Wrap.member .join_end .inpW.with_btn .btn_verify {background: var(--member-gray3);color: #fff}
#Wrap.member .join_end .inpW.with_btn .btn {position: absolute;top: 0;right: 0;width: 90px;height: 48px;line-height: 48px;text-align: center}
#Wrap.member .join_end .join_row .jenderW {display: block;border: 1px solid var(--member-gray1);height: 48px}
#Wrap.member .join_end .join_row .jenderW .jender {display: block;float: left;position: relative;width: 50%;height: 48px;border-right: 1px solid var(--member-gray1);z-index: 10;-webkit-box-sizing: border-box;box-sizing: border-box}
#Wrap.member .join_end .join_row .jenderW .jender.last {border: none}
#Wrap.member .join_end .join_row .jenderW .jender input {position: absolute;top: 50%;display: none}
#Wrap.member .join_end .join_row .jenderW .jender label {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 46px;font-size: 14px;line-height: 46px;text-align: center;cursor: pointer}
#Wrap.member .join_end .join_row .jenderW .jender label.on {background: var(--member-gray3);color: #fff}
#Wrap.member .join_end .join_row .join_more {position: relative;padding: 0 100px 0 0}
#Wrap.member .join_end .join_row .join_more p {font-size: 14px;line-height: 16px;color: #222222;font-weight: normal}
#Wrap.member .join_end .join_row .join_more .mobileW {display: block;padding: 0 10px;border: 1px solid #dadada;height: 46px;background: #fff}
#Wrap.member .join_end .join_row .join_more input {width: 100%;height: 44px;border: none;vertical-align: top;font-size: 16px;color: #222222}
#Wrap.member .join_end .join_row .join_more .btn {position: absolute;bottom: 0;right: 0;width: 90px;height: 48px;line-height: 48px;text-align: center}
#Wrap.member .join_end .join_row .join_more .btn_default {background: #999999;color: #fff}
#Wrap.member .join_end .join_row .join_more .btn_verify {background: var(--member-gray3);color: #fff}
#Wrap.member .join_end .input_chk {padding-top: 30px}
#Wrap.member .join_end .input_chk input {position: absolute;overflow: hidden;width: 20px;height: 20px;display: none}
#Wrap.member .join_end .input_chk label {position: relative;display: block;font-size: 14px;padding-left: 30px;line-height: 20px;cursor: pointer}
#Wrap.member .join_end .input_chk label:before {content: '';position: absolute;top: 50%;left: 1px;width: 20px;height: 20px;margin-top: -10px;background-size: 20px 20px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left top}
#Wrap.member .join_end .input_chk input[type="checkbox"]:checked+label:before {margin-top: -10px;background: url('https://image.megagong.net/new/common/img-chkbox.png') no-repeat left bottom}
#Wrap.member .join_end .input_chk label span {width: 100%;color: #222222;font-size: 14px;line-height: 20px;font-weight: bold}
#Wrap.member .join_end .Btn {margin: 20px 0 30px}
#Wrap.member .join_end .Btn a {display: block;width: 100%;height: 50px;line-height: 50px;font-size: 20px;text-align: center;color: #fff;background: #007cf3}
#Wrap.member .join_end.easy .Btn a {width: 49%;float: left}
#Wrap.member .join_end.easy .Btn a.gray {background: #444444;margin-right: 2%}
#Wrap.member .join_end.easy .join_row .jenderW .jender label.on {background: #007cf3}
#Wrap.member .join_end.easy .join_txt {padding: 30px 0 10px 0;border-bottom: none}
#Wrap.member .join_end.easy .join_txt2 {border-bottom: none;border-top: 1px solid var(--member-gray1);padding: 35px 0 0 0;margin: 20px 0 0 0}
#Wrap.member .join_end.easy .join_bg {margin: 0 0 10px;padding-top: 30px}
#Wrap.member .join_end.easy .join_bg strong {display: block;margin: 0 0 20px}
#Wrap.member .join_end.easy .input_chk .info {font-size: 14px;line-height: 1.4;margin: 0 0 15px}
#Wrap.member .layerPop.joinOk {position: fixed;top: 50%;left: 50%;margin: -200px 0 0 0;background: #fff;width: 400px}
#Wrap.member .layerPop.joinOk .tit {font-size: 13px;line-height: 20px;font-weight: bold}
#Wrap.member .layerPop.joinOk .popTbl {padding: 15px 0}
#Wrap.member .layerPop.joinOk .popTbl table {border: 1px solid var(--member-gray1);border-bottom: none;width: 100%}
#Wrap.member .layerPop.joinOk .popTbl table tr {border-bottom: 1px solid var(--member-gray1)}
#Wrap.member .layerPop.joinOk .popTbl table tr th {padding: 15px 0;background: #eee}
#Wrap.member .layerPop.joinOk .popTbl table tr td {padding: 15px 0 15px 10px}
#Wrap.member .layerPop.joinOk .popTbl table tr td select {width: 275px;height: 30px;line-height: 30px}
#Wrap.member .layerPop.joinOk .popTbl table ul li {float: left;width: 80px;margin-bottom: 5px}
#Wrap.member .layerPop.joinOk .btn {text-align: center}
#Wrap.member .layerPop.joinOk .btn a {display: inline-block;width: 100px;height: 36px;line-height: 36px;text-align: center;color: #fff;background: var(--member-gray3)}
#Wrap.member .cst_mem_info {max-width: 500px;margin: 33px auto 45px}
#Wrap.member .cst_mem_info li {font-size: 14px;line-height: 18px;text-indent: -10px;padding: 0 0 0 10px}
#Wrap.member .portalLogin {text-align: center;margin: 45px 0 25px}
#Wrap.member .portalLogin a {display: block;font-size: 20px;font-weight: 500;color: #000;border: 1px solid #000000;padding: 18px 0 18px 50px;position: relative}
#Wrap.member .login .portalLogin a {padding: 0;border: 0;}
#Wrap.member .portalLogin a+a {margin: 10px 0 0}
#Wrap.member .portalLogin a img {width: 100%}
#Wrap.member .portalLogin a+a {margin-top: 9px}
#Wrap.member .portalLogin a em.logo {display: inline-block;width: 88px;height: 33px;position: absolute;left: 0;top: 50%;margin-top: -16.5px;background-repeat: no-repeat;background-position: 50% 50%}
#Wrap.member .portalLogin a em.logo:after {content: '';display: block;width: 1px;height: 24px;background-color: var(--member-gray1);position: absolute;right: 0;top: 50%;margin-top: -12px}
#Wrap.member .portalLogin a.megastudy em.logo {background-image: url(https://image.megagong.net/member/ic_megastudy.png)}
#Wrap.member .portalLogin a.nextstudy em.logo {background-image: url(https://image.megagong.net/member/ic_nextstudy.png)}
#Wrap.member .portalLogin a.naver em.logo {background-image: url(https://image.megagong.net/member/ic_naver.png)}
#Wrap.member .portalLogin a.kakao em.logo {background-image: url(https://image.megagong.net/member/ic_kakao.png)}
#Wrap.member .portalLogin a.apple em.logo {background-image: url(https://image.megagong.net/member/ic_apple.png)}
#Wrap.member .agree .terms_bx.nangong {padding-top: 0;margin-top: 10px}
.nangong-join-title {padding: 20px 0 10px}
.text-center {text-align: center}
.input-padding {width: 100%;padding: 10px 0;border: 1px solid var(--member-gray1);margin-bottom: 8px}
.inpW.with_btn p {font-size: 13px;color: #8a8a8a;line-height: 1.5}
#Wrap.member .agree .terms_bx .notic.nangong-notice {line-height: 1.5}
#Wrap.member .agree .input_chk label {background: #f9f9f9}
#Wrap.member .agree .terms_bx_list .terms_bx {padding-top: 0;background: #f9f9f9;border: 1px solid var(--member-gray1);border-top: 0}
#Wrap.member .agree .terms_bx_list .terms_bx:first-child {border-top: 1px solid var(--member-gray1)}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk .terms_box {display: block}
#Wrap.member .agree .terms_bx_list .terms_bx.on .input_chk .terms_box {display: none}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk label {padding: 12px 0 12px 40px}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk label:before {left: 11px}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk label span {font-weight: 400}
#Wrap.member .agree .terms_bx_list .terms_bx .terms_box {margin-top: 0;border: 0;border-top: 1px solid var(--member-gray1)}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk .more_t {position: absolute;right: 17px;top: 0;bottom: 0;margin: auto 0;font-size: 12px;color: #222222;font-weight: 400}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk .more_t .close {display: inline}
#Wrap.member .agree .terms_bx_list .terms_bx .input_chk .more_t .open {display: none}
#Wrap.member .agree .terms_bx_list .terms_bx.on .input_chk .more_t .close {display: none}
#Wrap.member .agree .terms_bx_list .terms_bx.on .input_chk .more_t .open {display: inline}
#Wrap.member .agree .terms_bx .notic {padding: 5px 0 5px 20px}
#Wrap.member .agree .join .join_wrap {padding: 25px 30px 25px;margin-top: 25px}
#Wrap.member .agree .join .join_wrap .join_row {overflow: hidden}
#Wrap.member .agree .join .join_wrap .join_row+.join_row {margin-top: 10px}
#Wrap.member .agree .join .join_wrap .join_row>p {float: left;padding: 0;line-height: 45px;width: 105px;color: #222222}
#Wrap.member .agree .join .join_wrap .join_row>p.password_caut {float: none;width: auto;line-height: 1.5;padding-left: 105px;}
#Wrap.member .inpW.with_btn .mobileW input::placeholder {color: #c1c1c1;opacity: 1}
#Wrap.member .inpW.with_btn .mobileW input::-webkit-input-placeholder {color: #c1c1c1}
#Wrap.member .inpW.with_btn .mobileW input:-ms-input-placeholder {color: #c1c1c1}
#Wrap.member .inpW.with_btn .mobileW input:-mos-input-placeholder {color: #c1c1c1}
#Wrap.member .agree .join .join_wrap .join_row .join_more .mobileW input:disabled,
#Wrap.member .agree .join .join_wrap .join_row .join_more .mobileW input[disabled="disabled"] {background: #efefef}
#Wrap.member .agree .join .join_wrap .join_row .join_more p {padding-top: 5px}
#Wrap.member .agree .join .join_wrap .join_row .join_more p span {font-size: 14px}
#Wrap.member .agree .btm_txt {margin-top: 10px;font-weight: bold;font-size: 12px;color: #535353;text-align: center}
#Wrap.member .agree .agree .btn span .btn_type {font-size: 17px}
#Wrap.member .agree .join .join_row .error_txt,
#Wrap.member .agree .join .join_row .error_ok {clear: both;padding: 0 0 0 105px;margin: 0px 0 0}
#Wrap.member .join_end .jobRecomm {background: #007cf3;display: inline-block;color: #fff;font-size: 20px;font-weight: 700;text-align: center;width: 100%;padding: 16px 0;line-height: 1.2;margin: 11% auto 0}
#Wrap.member .join_end .join_txt2.d0708 {padding: 0;border: none}
#Wrap.member .join_wrap.password_trans {padding-left: 0;padding-right: 0;border: 0;}
#Wrap.member .join_wrap.password_trans .blind_inp {position: absolute;top: 50%;right: 10px;background: url(https://img.megagong.net/member/ic_noblind_b.png) center no-repeat;width: 24px;height: 24px;margin: -12px 0 0;}
#Wrap.member .join_wrap.password_trans .blind_inp.no {background-image: url(https://img.megagong.net/member/ic_blind_b.png)}
#Wrap.member .join_wrap.password_trans .passtrans_intro {text-align: center;padding: 155px 0 30px;background: url(https://img.megagong.net/member/ic_passwordtrans.png) center 15px no-repeat;}
#Wrap.member .join_wrap.password_trans .passtrans_intro p {font-weight: bold;line-height: 1.3;}
#Wrap.member .join_wrap.password_trans .passtrans_intro p.point {font-size: 1.6em;margin: 0 0 20px;}
#Wrap.member .join_wrap.password_trans .passtrans_intro p.point b {color: var(--member-point1)}
#Wrap.member .join_wrap.password_trans .cautn {padding: 20px;background: #f5f5f5;margin: 30px 0 20px;line-height: 1.3;font-size: 13px;}
#Wrap.member .join_wrap.password_trans .cautn dt {font-weight: bold;margin: 0 0 5px;}
#Wrap.member .join_wrap.password_trans .cautn dd {margin: 3px 0 0;padding: 0 0 0 8px;text-indent: -8px;}
.t_center {text-align: center !important}
.cou_wrp {margin: 60px auto 30px;max-width: 500px}
.cou_wrp .cou_list {margin: 30px auto 0}
.cou_wrp .cou_list li {float: left;margin-bottom: 14px}
.cou_wrp .cou_list li:nth-child(even) {margin-left: 14px}
.cou_wrp .cou_caunt {margin-top: 15px;font-size: 14px;text-align: left;line-height: 1.6}
.cou_wrp .cou_caunt dt {color: #222;margin-bottom: 5px;font-weight: 700}
.cou_wrp .cou_caunt dd {color: var(--member-gray3)}
.doubleBn {margin: 20px auto 0;max-width: 500px;overflow: hidden}
.doubleBn li {float: left;max-width: 240px;width: 48%}
.doubleBn li:last-child {float: right}
.doubleBn li img {width: 100%}
#Wrap.member.v-app {background-color: #fff}
#Wrap.member.v-app #header {background-color: #fff !important}
#Wrap.member.v-app .app_label {display: block;margin-bottom: 10px}
#Wrap.member.v-app .login .loginInp .input_row {border: 1px solid #666666}
#Wrap.member.v-app .login .btn {background-color: #031a32;margin-bottom: 0}
#Wrap.member.v-app .links {font-size: 0;width: 100%;padding: 25px 0}
#Wrap.member.v-app .links:after {content: '';display: block;clear: both}
#Wrap.member.v-app .links li {float: left;width: 50%;text-align: center;position: relative;border-left: 1px solid var(--member-gray1);box-sizing: border-box}
#Wrap.member.v-app .links li:first-child {border-left: 0}
#Wrap.member.v-app .links li a {font-size: 12px;color: var(--member-gray3)}
#Wrap.member.v-app .cst_mem_info li {font-size: 12px}
#Wrap.member .agree_tit {font-size: 18px;font-weight: bold}
#Wrap.member .agree_tit+.tiny_noti {color: var(--member-gray2);padding: 5px 0 15px}
#Wrap.member .agree_box {margin-top: 15px;border: 1px solid var(--member-gray1);padding: 0 30px 30px;line-height: 1.5}
#Wrap.member .chk_base {position: relative;min-height: 20px}
#Wrap.member .chk_base label {font-size: inherit;padding-left: 32px;}
#Wrap.member .chk_terms_list:not(.require) .chk_base label {font-weight: 500;}
#Wrap.member .chk_base label[for="chk_all"] {font-weight: bold;}

#Wrap.member .chk_base label em {font-style: normal;color: var(--member-point1)}
#Wrap.member .chk_base label.normal em {color: #999}
#Wrap.member .chk_base label:before {width: 20px;height: 20px;background: #fff;border: 1px solid #ddd;border-radius: 2px}
#Wrap.member .chk_base.checked label.no_chk:before {display: none}
#Wrap.member .chk_base input:checked+label:before {background: url(https://image.megagong.net/member/ic_check_checked.jpg) -1px -1px no-repeat;border-color: var(--member-point1)}
#Wrap.member .chk_base.checked input:checked+label:before {display: none}
#Wrap.member .chk_wrap {margin-top: 20px;font-family: "Noto Sans KR", sans-serif}
#Wrap.member .chk_wrap .tiny_noti {padding: 10px 0 0 30px;color: var(--member-gray2)}
#Wrap.member .btn_base {margin-top: 30px;display: block}
#Wrap.member .btn_base.half {display: flex;gap: 10px}
#Wrap.member .btn_base>a {display: flex;background-color: var(--member-point1);border: 1px solid var(--member-point1);font-size: 20px;font-weight: bold;color: #ffffff;height: 60px;text-align: center;justify-content: center;align-items: center}
#Wrap.member .btn_base.half>a {flex: 1 0 calc(50% - 10px)}
#Wrap.member .btn_base a.b_white {background-color: #fff;color: #000;border-color: #000}
#Wrap.member .btn_base a.b_dark {background-color: #333;color: #fff;border-color: #333}
#Wrap.member .btn_base a.disabled {background: #999 !important;cursor: default !important;border-color: #999 !important;}
#Wrap.member .tab_wrap .btn_base a {background: #000;color: #fff;height: 50px;margin: 15px 0 0;font-size: inherit;font-weight: normal;border: 0}
#Wrap.member .mg_popup_wrap {font-family: "Noto Sans KR", sans-serif}
.chk_all_box {padding: 30px 0 0}
.chk_all_box.border {margin: 0 -30px 0;padding: 20px 30px 20px 30px;background: #dfedff;}
.chk_terms_list .terms_scroll {margin-top: 15px;}
.chk_terms_list .terms_scroll .terms_con_area {height: 140px;margin: 0;border: 0;background: #f5f5f5;padding: 15px 15px;}
.chk_terms_list .chk_terms_service li {margin-top: 5px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;font-size: 13px;}
.chk_terms_list .chk_terms_service li:first-child {margin-top: 0}
.chk_terms_list .chk_terms_service li a {color: var(--member-gray2)}
.chk_terms_list li {position: relative;margin-top: 20px}
.chk_terms_list li {font-size: 15px;}
.chk_terms_list li.border {border-bottom: 1px solid var(--member-gray1);padding-bottom: 20px;}
.chk_terms_list li .btn_arrow {display: inline-block;transition: transform 0.2s;font-size: 0;position: absolute;right: 0;top: 3px}
.chk_terms_list li .btn_arrow.up {width: 14px;height: 9px;background: url(https://image.megagong.net/member/ic_arrow_u.png) 0 0 no-repeat;top: 6px}
.chk_terms_list li .btn_arrow.up.on {transform: rotate(180deg)}
.chk_terms_list li .btn_arrow.right {width: 9px;height: 14px;background: url(https://image.megagong.net/member/ic_arrow_r.png) 0 0 no-repeat}
.chk_terms_list li.term_divide {padding-top: 30px;border-top: 1px solid var(--member-gray1)}
.chk_terms_list li.term_divide .btn_arrow.right {top: 33px}
.tab_members {width: 100%;font-size: 0;display: table;margin-bottom: 40px;font-family: "Noto Sans KR", sans-serif}
.tab_members>li {display: table-cell;width: 33.333%;text-align: center;vertical-align: middle;border-top: 1px solid var(--member-gray1);border-bottom: 1px solid var(--member-gray1);padding: 11px 10px;background-color: var(--member-gray4);box-sizing: border-box;cursor: pointer;border-left: 1px solid var(--member-gray1)}
.tab_members>li:last-child {border-right: 1px solid var(--member-gray1)}
.tab_members>li.on {background-color: var(--member-point1);border-top: 1px solid var(--member-point1);border-bottom: 1px solid var(--member-point1);border-left: 1px solid var(--member-point1)}
.tab_members>li.on:last-child {border-right: 1px solid var(--member-point1)}
.tab_members>li>a {font-size: 14px;line-height: 18px;color: var(--member-gray2);display: block;width: 100%;height: 100%}
.tab_members>li.on>a {color: #fff}
.panel_members>li {display: none}
.login_slide {margin-bottom: 15px}
.login_slide:last-of-type {margin-bottom: 0}
.login_slide .item a>img {width: 100%}
.login_slide .slick-dots {position: absolute;top: 9px;right: 11px;display: flex;flex-direction: row;align-items: center;justify-content: center}
.login_slide .slick-dots li {width: 8px;height: 8px;margin: 0 2px;background-color: var(--member-gray1);border-radius: 50%}
.login_slide .slick-dots li button {font-size: 0}
.login_slide .slick-dots li.slick-active {background-color: #222222}
.portalLogin_text {display: block;margin: 26px 0 15px 0;color: #666666;font-size: 14px;text-align: center}
.portalLogin_icon {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin: 0 30px}
.portalLogin_icon>a {display: flex;flex-direction: column;align-items: center;justify-content: center}
.portalLogin_icon>a>p, .portalLogin_icon .portalIem>a>p {margin-top: 10px;color: #222222;font-size: 14px;font-weight: bold;text-align: center;}
#Wrap.member .jointrue_box input[type=text]:disabled,
#Wrap.member .jointrue_box input[type=number]:disabled,
#Wrap.member .jointrue_box input[type=password]:disabled {color: #bbb}
#Wrap.member .jointrue_box input[type=radio],
#Wrap.member .jointrue_box input[type=checkbox] {margin: 0 5px 0 0}
#Wrap.member .jointrue_box .timer {position: absolute;top: 15px;right: 20px;color: var(--member-point1);letter-spacing: 0}
#Wrap.member .jointrue_box sup {color: #f00;vertical-align: top;padding: 0 0 0 2px}
#Wrap.member .jointrue_box .tab_content ul {display: flex;flex-wrap: wrap;flex-direction: column}
#Wrap.member .jointrue_box .tab_content ul li+li {margin: 20px 0 0}
#Wrap.member .jointrue_box .tab_content ul li label {display: block;margin: 0 0 10px}
#Wrap.member .jointrue_box .tab_content ul li label .tit {flex: 0 0 110px;text-align: right;font-size: 16px;padding: 0 15px 0 0;font-weight: 500}
#Wrap.member .jointrue_box .tab_content ul li .btn_base {margin-top: 0}
#Wrap.member .jointrue_box .tab_content .tiny_noti.sucess {text-align: center;color: var(--member-point1);padding: 15px 0 0;font-size: inherit}
#Wrap.member .jointrue_box .tab_wrap+.tiny_noti {text-align: center;color: var(--member-gray2);padding: 0;font-size: 13px}
#Wrap.member .transUnion_box table td.no_other {background: var(--member-gray4);padding: 20px 0}
#Wrap.member .transUnion_box table td.no_other strong {display: block;font-size: 1.1em;padding: 10px 0 0;}
#Wrap.member .transUnion_box table i.sns_naver {background: url(https://img.megagong.net/member/joincheck_sns_naver.png) 0 center no-repeat;padding-left: 20px}
#Wrap.member .transUnion_box table i.sns_kakao {background: url(https://img.megagong.net/member/joincheck_sns_kakao.png) 0 center no-repeat;padding-left: 20px}
#Wrap.member .transUnion_box table i.sns_apple {background: url(https://img.megagong.net/member/joincheck_sns_apple.png) 0 center no-repeat;padding-left: 20px}
#Wrap.member .transUnion_box.trans_info table th {text-align: center}
#Wrap.member .transUnion_box.trans_info table.thleft th {text-align: left;padding: 10px 0 10px 15px;}
#Wrap.member .transUnion_box.trans_info table.ipt td {padding: 15px 0 15px 15px;text-align: left}
#Wrap.member .transUnion_box table ul {position: relative;padding: 14px 0px 14px 15px;display: flex;flex-direction: column;align-items: flex-start;text-align: left;}
#Wrap.member .transUnion_box table ul li {height: 22px}
#Wrap.member .transUnion_box.trans_info table.ipt ul li {height: auto;width: calc(100% - 20px)}
#Wrap.member .transUnion_box table ul li+li {margin-top: 7px}
#Wrap.member .transUnion_box table ul li.situ {position: absolute;top: 9px;right: 0;margin: 0;height: auto;font-size: 12px;width: 130px;height: 32px;text-align: right;display: flex;justify-content: center;align-items: flex-end;flex-direction: column;}
#Wrap.member .transUnion_box table ul li.situ strong {position: relative;padding: 0 0 0 10px;}
#Wrap.member .transUnion_box table ul li.situ strong::before {content: '';position: absolute;top: 50%;left: 0;width: 6px;height: 6px;margin: -3px 0 0;border-radius: 100%;}
#Wrap.member .transUnion_box table ul li.situ.ok {color: var(--member-point1);}
#Wrap.member .transUnion_box table ul li.situ.no {color: #f00}
#Wrap.member .transUnion_box table ul li.situ.ok strong::before {background: var(--member-point1);}
#Wrap.member .transUnion_box table ul li.situ.no strong::before {background: #f00}
#Wrap.member .transUnion_box table ul li label {position: relative;display: block;padding: 0 0 0 22px}
#Wrap.member .transUnion_box table th ul li label {padding-left: 0}
#Wrap.member .transUnion_box table ul li input[type=radio] {position: absolute;opacity: 0}
#Wrap.member .transUnion_box table ul li input[type=radio]+span {display: block;padding: 0 0 0 20px;position: relative}
#Wrap.member .transUnion_box table ul li input[type=radio]:checked+label {font-weight: bold;}
#Wrap.member .transUnion_box table ul li input[type=radio]+label::before {content: '';position: absolute;top: 3px;left: 0;width: 16px;height: 16px;background: #fff;border: 1px solid #000;border-radius: 100%}
#Wrap.member .transUnion_box table ul li input[type=radio]:checked+label::after {content: '';position: absolute;top: 7px;left: 4px;width: 8px;height: 8px;background: #000;border-radius: 100%}
#Wrap.member .transUnion_box table ul li input[type=radio]:disabled+label::before {border-color: #cacaca}
#Wrap.member .transUnion_box table ul li input[type=radio]:disabled+label::after {display: none}
#Wrap.member .transUnion_box table ul li input[type=radio]:disabled+label {color: #bcbcbc;text-decoration: line-through;}
#Wrap.member .transUnion_box table ul li .tiny {font-size: 14px;color: #777}
#Wrap.member .transUnion_box table ul li input[type=radio]:checked+label .tiny {font-weight: 500;}
#Wrap.member .transUnion_box.trans_info .tbl_wrap {margin-top: 15px}
#Wrap.member .transUnion_box.trans_info .join_wrap {margin-top: 15px;padding: 0}
#Wrap.member .transUnion_box del {color: #000}
#Wrap.member .transUnion_box .error_txt,
#Wrap.member .transUnion_box .error_ok {display: block;padding: 0 0 10px 20px;color: #f00;text-align: left;font-size: 13px}
#Wrap.member .transUnion_box.trans_info .join_wrap .error_txt,
#Wrap.member .transUnion_box.trans_info table.ipt td .error_txt,
#Wrap.member .transUnion_box.trans_info .join_wrap .error_ok,
#Wrap.member .transUnion_box.trans_info table.ipt td .error_ok {padding: 7px 0 0}
#Wrap.member .transUnion_box.trans_info .password_caut {font-size: 12px}
#Wrap.member .transUnion_box.trans_info .brand_age {margin-top: 40px}

#Wrap.member .login.ver_apple .top_area{display:flex;gap:0 20px;background-color:#f3f9fe;justify-content: space-between;padding:20px 30px;align-items: center;}
#Wrap.member .login.ver_apple .top_area .tit{font-size:20px;font-weight:700;color:#111;}
#Wrap.member .login.ver_apple .top_area .tit strong{color:#007cf3;}
#Wrap.member .login.ver_apple .top_area .btn_join{font-size:14px;font-weight:700;color:#fff;background-color:#007cf3;padding:15px 40px;border-radius:30px;}
#Wrap.member .login.ver_apple .sub_title{text-align:center;font-size:22px;border-bottom:1px solid #ddd;padding:0 0 30px 0;margin-bottom:30px;margin-top:40px;}
#Wrap.member .login.ver_apple .sub_title strong{color:#007cf3;}
#Wrap.member .login.ver_apple .sub_title .small{font-size:14px;font-weight:700;color:#777777;display:block;margin-top:5px;}
#Wrap.member .login.ver_apple .loginInp{padding:0;}
#Wrap.member .login.ver_apple .loginInp .input_row{margin-top:10px;margin-bottom:0;}
#Wrap.member .login.ver_apple .loginInp label{display:flex;margin-top:15px;}
#Wrap.member .login.ver_apple .loginInp label .require{font-style:normal;color:#ff6b6b;}
#Wrap.member .login.ver_apple .loginInp input[type="number"]::-webkit-outer-spin-button,
#Wrap.member .login.ver_apple .loginInp input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#Wrap.member .login.ver_apple .loginInp input[type="number"] {-moz-appearance: textfield;}
#Wrap.member .login.ver_apple .btn{background-color: #111;height:48px;line-height:48px;margin-bottom:0;margin-top:10px;}
#Wrap.member .login.ver_apple .btn a{font-size:15px;}
#Wrap.member .login.ver_apple .btn.confirm{background-color: #007cf3;height:60px;line-height:60px;margin-top:40px;}
#Wrap.member .login.ver_apple .btn.confirm a{}
#Wrap.member .login.ver_apple .cert_area{margin-top:20px;}
#Wrap.member .login.ver_apple .msg{font-size:14px;color:#777;margin-bottom:20px;}

@media screen and (min-width: 768px) {



#Wrap.member #Container {max-width: 500px;margin: 0 auto}
#Wrap.member .agree .terms_bx .notic br {display: none}



}




@media (max-width: 768px) {




.cou_wrp {margin: 5% auto 2%}
.cou_wrp .cou_list {margin-top: 2%}
.cou_wrp .cou_list li {margin-bottom: 5%;width: 49%}
.cou_wrp .cou_list li:nth-child(even) {margin-left: 2%}
.cou_wrp .cou_caunt {font-size: 12px}
.cou_wrp .cou_caunt dd br {display: none}
#Wrap.member .brand_age li {padding: 0 5px}
#Wrap.member .brand_age li span {width: 100%;padding: 3px 0}
#Wrap.member .agree .brand_pop {margin: 10px 0 10px;width: 100%;position: relative;top: unset;left: unset}




}




@media (max-width: 576px) {



#Wrap.member {font-size: 13px}
#Wrap.member .error_txt,
#Wrap.member .error_ok {font-size: 12px !important}
#Wrap.member .tiny_noti {padding: 20px 15px 15px}
#Wrap.member .tab li a {font-size: 14px}
#Wrap.member .tab_content {padding: 0 15px 20px}
#Wrap.member .tab_content .tiny_noti {padding: 20px 0 0}
#Wrap.member .gray_box {padding: 15px}
#Wrap.member .tbl_wrap table {font-size: 13px}
#Wrap.member .btn_base>a {font-size: 15px;font-weight: 500;height: 50px}
#Wrap.member .totalMem_intro ul {padding: 0;gap: 10px 10px}
#Wrap.member .totalMem_intro ul li {width: calc(25% - 10px)}
#Wrap.member .chk_base label {padding-left: 25px}
#Wrap.member .chk_base label:before {width: 18px;height: 18px;top: -1px}
#Wrap.member .chk_base input:checked+label:before {background-position: -2px -2px}
#Wrap.member .portalLogin a {font-size: 16px;padding: 15px 0 15px 50px}
#Wrap.member .joinStep_wrap {font-size: 13px}
#Wrap.member .joinStep_wrap li {height: 60px}
#Wrap.member .agree_box {padding: 0 15px 20px}
#Wrap.member .totalMem_intro p strong {font-size: 20px}
.chk_all_box {padding: 20px 0 0}
.chk_all_box.border {padding: 20px 15px;margin: 0 -15px;}
#Wrap.member .agree_tit {font-size: 16px}
#Wrap.member #header {padding-top: 0;min-height: 90px;height: 90px}
#Wrap.member .login .loginInp .input_row {height: 35px;margin-bottom: 5px}
#Wrap.member .login .loginInp .input_row:last-of-type {margin-bottom: 0}
#Wrap.member .login .loginInp .input_row input {height: 33px}
#Wrap.member .login .loginInp {padding: 0 0 5px 0}
#Wrap.member .login .btn {height: 50px;line-height: 50px;margin-bottom: 10px}
#Wrap.member .login .btn a {font-size: 16px}
#Wrap.member .login .chk {margin-bottom: 10px}
#Wrap.member .login .find_info {padding-top: 10px}
.login_slide {margin-bottom: 5px}
.portalLogin_icon {justify-content: center;gap: 15px;margin: 0 auto}
.portalLogin_icon>a>img, .portalLogin_icon .portalIem>a>img {width: 16vw}
.portalLogin_icon>a>p, .portalLogin_icon .portalIem>a>p {font-size: 12px}
#Wrap.member .jointrue_box .tab li a {height: 45px}
#Wrap.member .jointrue_box .tab_content {padding: 20px 15px}
#Wrap.member .tab_wrap .btn_base a {font-size: inherit;height: 45px}
#Wrap.member .join_wrap {padding: 0 15px 20px}
#Wrap.member .join_end .join_txt2 .info+.info {padding: 30px 0 0}
#Wrap.member .join_end .join_txt2 .info+.info::before {top: 15px;width: 50px;margin: 0 0 0 -25px}
#Wrap.member .join_end .join_txt2 h2 {font-size: 20px}
#Wrap.member .agree .join .join_wrap {padding: 20px 15px}
#Wrap.member .transUnion_box .error_txt, 
#Wrap.member .transUnion_box .error_ok {padding-left: 15px}
#Wrap.member .transUnion_box.trans_info table col:nth-child(1) {width: 105px}
#Wrap.member .transUnion_box.trans_info table.ipt col:nth-child(1) {width: 65px}
#Wrap.member .join_end.trans table.ipt col:nth-child(1) {width: 90px}
#Wrap.member .transUnion_box table ul {padding-left: 12px}
#Wrap.member .transUnion_box table td ul {padding-right: 12px}
#Wrap.member .transUnion_box table ul li {text-align: left;height: 35px}
#Wrap.member .transUnion_box.trans_info table ul li {height: auto;line-height: 1.3}
#Wrap.member .transUnion_box table ul li.situ {font-size: 11px;margin-top: 7px;position: relative;top: inherit;left: inherit;text-align: left;width: auto;display: flex;flex-direction: row;gap: 5px;}
#Wrap.member .transUnion_box table ul li.situ strong {font-size: 12px;padding: 0;}
#Wrap.member .transUnion_box table ul li.situ strong::before {display: none;}
#Wrap.member .transUnion_box.trans_info table.ipt ul li {width: 100%}
#Wrap.member .transUnion_box table th ul li {line-height: 1}
#Wrap.member .transUnion_box table ul li label strong {display: block}
#Wrap.member .transUnion_box table ul li .tiny {font-size: inherit}
#Wrap.member .transUnion_box table ul li input[type=radio]+label::before {width: 13px;height: 13px}
#Wrap.member .transUnion_box table ul li input[type=radio]:checked+label::after {top: 7px;width: 5px;height: 5px}
#Wrap.member .transUnion_box.trans_info table.thleft th {padding: 10px;}
#Wrap.member .join_wrap.password_trans .passtrans_intro {background-size: 60px;padding: 70px 0 20px;background-position: center 0;}
#Wrap.member .join_wrap.password_trans .passtrans_intro p.point {font-size: 1.3em;}
#Wrap.member .join_wrap.password_trans .cautn {padding: 15px;}


#Wrap.member .login.ver_apple .sub_title{margin-bottom:20px;padding-left:0;}
#Wrap.member .login.ver_apple .loginInp label.login_mobile{margin-top:20px;}
.chk_terms_list li{font-size: 14px;}

}