body { margin: 0; padding: 0}
.wrap {width:100%; margin:0 auto; padding:0px; background:#14a65c;}
.kangsa_01 {width:1000px;}
.error { color:#f53f3f !important; }
.able { color: #2db400 !important;}
.hide { display: none}
.show { display: block}
.c_green { color: #34b327 !important;}

.p-t-4 { padding-top: 4px}
.m-t-10 { margin-top: 10px}

/* join_공통 */
.header_bg {height:207px;background: url('/tm/images/aimath/visual_mypage.png') no-repeat center/cover;}
.section-inner {width: 900px; margin: 0 auto; padding-left:35px;}
.join-content .join_tit{font-weight: 500; font-size: 26px; letter-spacing: -0.05em;}
.join-content .join_txt{font-size: 16px; letter-spacing: -0.05em; color: #5b4b46; line-height: 26px;}

.join_process{display:flex; margin: 50px auto 60px; width:900px;list-style: none;}
.join_process li{width:100%; padding-bottom: 22px;font-size: 16px; color:#919393;border-bottom: 4px solid #dadada;}
.join_process li .num{padding-right: 10px;font-family:"OpenSans","NotoSansKR", sans-serif; font-size: 18px; letter-spacing: 0;}
.join_process li.on .num{color:#34b327; font-weight:700;}
.join_process li.on .tit{font-weight: 500;}
.join_process li.on{font-weight: 500;color: #333; border-bottom: 4px solid #333;}

/* join_agreement */
.join_check{margin-top:20px; margin-bottom: 27px; position: relative;}
.check_box.join_check input[type="checkbox"].inp_chk + .chk_label {position: relative; display: inline-block; font-family: inherit; color:#333; cursor:pointer; width: auto; padding: 0; padding-bottom: 28px;}
.check_box.join_check input[type="checkbox"].inp_chk + .chk_label::before {display:inline-block; content:'';width:20px;height:20px;margin-right:8px; margin-top:1px; background:#fff; border:1px solid #ccc; vertical-align:-2px; box-sizing: border-box;}
.check_box.join_check input[type="checkbox"].inp_chk:checked + .chk_label::before {background: url('/tm/images/aimath/book_info_check.png') no-repeat center / 20px auto; border:none;}
.join_check h3{display: inline-block; font-weight: 500; font-size: 20px;}
.join_check::after{content: ""; position: absolute; bottom:0; left:0; width: 100%; height: 1px; background-color: #333;}

.agree_area h4{font-size: 18px; font-weight: 500; letter-spacing: -0.05em; margin-bottom:20px;}
.agree_area .txt_box{background-color:#f5f5f5; padding: 25px 48px 10px 30px; height: 210px; overflow-y: scroll;}
.agree_area .txt_box p{color:#919393; font-size: 12px; letter-spacing: -0.05em; line-height: 20px;}
.agree_area .txt_box p table{color:#919393; font-size: 12px; letter-spacing: -0.05em; line-height: 20px;}
.agree_area .txt_box p + p{margin-top: 23px;}
.agree_area .txt_box::-webkit-scrollbar{width: 5px; height: 120px; }
.agree_area .txt_box::-webkit-scrollbar-track{background: transparent; margin-top: 10px; margin-right: 10px;}
.agree_area .txt_box::-webkit-scrollbar-thumb{background:#333; height:120px;}
.agree_area .radio_wrap{float: right; margin-top: 16px; margin-bottom: 38px;}
.clearfix::after {content:''; display:block; clear:both;}

.join-content .btn_wrap{margin-top: 0px; margin-bottom: 100px;}
.join-content .btn_wrap button.btn-comm{font-weight: 500;}

.radio_wrap {display:flex; -webkit-box-: flex; display: -ms-flexbox;display: -webkit-flex; position:relative;}
.radio_box + .radio_box {margin-left:30px;}
.radio_box input[type="radio"].inp_radio {position:absolute; z-index:0;width:1px;height:1px;padding:0;border:0;background:none;opacity:0}
.radio_box input[type="radio"].inp_radio + .rdo_label {position:relative; font-family:inherit;font-size:16px; color:#333;cursor:pointer;letter-spacing: -0.05em;}
.radio_box input[type="radio"].inp_radio + .rdo_label::before {display:inline-block;content:'';width:18px;height:18px; margin-top:1px; background:#fff; border:1px solid #ccc; border-radius:100%; vertical-align:-4px; margin-right:6px;}
.radio_box input[type="radio"].inp_radio:checked + .rdo_label::before {background:url('/tm/images/aimath/radio_on_brown.png') no-repeat 3px 3px/12px auto;}
.radio_box input[type="radio"].inp_radio[disabled] + .rdo_label {color:#a39b94; cursor:default;}
.radio_box input[type="radio"].inp_radio:checked[disabled] + .rdo_label {color:#a39b94; cursor:default;}
.radio_box input[type="radio"].inp_radio:checked[disabled] + .rdo_label:before {background:rgb(235, 230, 230); border-radius:50%; }

.check_box + .check_box {margin-left:30px;}
.check_box input[type="checkbox"].inp_chk {position: absolute; z-index: 0; width: 1px; height: 1px; padding: 0; border: 0; background: none; opacity: 0;}
.check_box input[type="checkbox"].inp_chk + .chk_label {position: relative; display: inline-block; font-family: inherit; font-size: 16px; color:#333; cursor:pointer; width: 100%; padding: 25px 30px; letter-spacing: -0.05em;}
.check_box input[type="checkbox"].inp_chk + .chk_label:hover {color: #ae8d73;}
.check_box input[type="checkbox"].inp_chk + .chk_label::before {display:inline-block; content:'';width:20px;height:20px;margin-right:8px; margin-top:1px; background:#fff; border:1px solid #ccc; vertical-align:-4px; box-sizing: border-box;}

/* join_entry */
.privacy_list{margin:0 auto; border-top: 1px solid #333; border-bottom: 1px solid #ccc; margin-bottom: 95px;}
.privacy_list th{width: 25%; text-align: left; padding-left: 30px; font-weight: 500; font-size: 16px;}
.privacy_list th,.privacy_list td{padding-bottom: 20px;}
.privacy_list tr:first-of-type td,.privacy_list tr:first-of-type th{padding-top: 30px;}
.privacy_list tr th label {position: relative;}
.privacy_list .va_top {vertical-align: top; padding-top: 15px;}
.privacy_list input[type="text"].inp_text{width: 350px;}
.privacy_list input[type="password"].inp_text{width: 350px;}
.privacy_list input[type="text"].inp_text.address_text{width: 100%;}
.privacy_list input[type="text"].inp_text.address_text.basic{margin-top: 20px;}
.privacy_list p{font-size: 14px; color: #919393; margin-top: 7px; letter-spacing: -0.05em;}
.privacy_list .select_a{width:210px; margin-right: 6px;}
.privacy_list .tel_selecet{color: #919393; margin-right: 0;}
.privacy_list .inp_tel{width:208px;}
.privacy_list .last_tr th,.privacy_list .last_tr td{padding-bottom: 4px;}
.privacy_list .chk_id{font-size: 15px; width: 135px; height: 50px; margin-left: 7px;}
.privacy_list .sb_guide { font-size: 13px}
.privacy_list input[type="text"].inp_text.inp_text_auth_num{ max-width: 140px;}
.privacy_list input[type="text"] { font-size: 1rem; padding-left: 10px !important;}
.privacy_list input[type="password"] { font-size: 1rem; padding-left: 10px !important;}

/* join_complete */
.join-content {position: relative; margin-bottom:200px;}
.complete {text-align: center;}
.complete_icon {width: 39px; height: 39px; margin: 0 auto 25px; background: url(/tm/images/aimath/check_btn.png) no-repeat center; background-size: 39px;}
.complete strong {font-size: 30px; white-space: pre-line; font-weight: 500; letter-spacing: -0.063em;}
.complete span {color: #ae8d73; font-weight: 700;}
.complete p {font-size: 20px; color: #919393; letter-spacing: -0.05em; margin: 20px 0 50px;}

/* join_find */
.id_chk_wrap {margin:0 auto; padding:60px 10px 60px; text-align:center;}
.id_chk_wrap .user_id_txt {color:#34b327;font-size:30px;letter-spacing: -0.05em; font-weight: 500;}


input, select {font-family: 'NotoSansKR'; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }

table {border-collapse: separate;text-indent: initial;line-height: normal;font-weight: normal;font-size: medium;font-style: normal;color: -internal-quirk-inherit;text-align: start; border-spacing: 2px; white-space: normal;font-variant: normal;}

input[type="text"].inp_text,input[type="password"].inp_text {width:100%; height:50px; border:1px solid #ccc;}
input[type="text"].inp_text:focus,input[type="password"].inp_text:focus {outline: none; border:1px solid #34b327;}
input[type="text"].inp_text_b {width:100%; height:40px; padding-left:0; border-bottom:1px solid #ccc; background:transparent;}
input[type="text"]::placeholder,input[type="password"].inp_text {font-size:16px;}
input[type="tel"] {padding-block: 1px; padding-inline: 2px;}

/* 전화 */
.tel_box { min-width:100%;}
.tel_box .inp_tel {width:208px; height:50px; padding:0 10px; border:1px solid #ccc; font-size:16px; color: #333;}
.tel_box .inp_tel:focus {outline: none; border:1px solid #34b327;}
.tel_box  input[type="tel"]::placeholder {color: #333;}
.tel_box .bar {font-size: 16px; margin: 14px 7px;}
.tel_box .inpTel_wrap {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;  flex-wrap:nowrap;-webkit-box-lines: single; -ms-flex-wrap: nowrap;justify-content: space-between;-webkit-box-pack:space-between; -ms-flex-pack:space-between; -webkit-justify-content:space-between;}

/* select  */
.select_a {position:relative; height:50px; padding:0 20px; font-size:16px; color:#919393; background:url(/tm/images/aimath/sel_arrow.png) no-repeat right 15px center/9px auto; border:1px solid #ccc; letter-spacing: -0.05em;}
.select_a:focus {outline: none; border: 1px solid #34b327;}

/* button */
.btn_wrap.btn_box {padding:30px 0; background-color:#f5f5f5;}
.btn_wrap {display:flex; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex; justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;}
.btn_wrap [class^="btn"] + [class^="btn"] {margin-left:15px;}

 /* 버튼 */
.btn-comm.bg--amber {background:#2db400; color:#fff; border:none;}
.btn-comm.bg--amber:hover {background-color: #1f7b01;}
.btn-comm.bg--gray {background:#919393; color:#fff; border:none;}
.btn-comm.bg--gray:hover {background:#333;}
.btn-comm.size--l {width:180px; height:60px; font-size:16px;}
a.btn-comm.size--l  { line-height: 60px; padding: 0; }