.empty_m30 { height: 30px; }

@media screen and (max-width: 640px) { .empty_m30 { height: 4.6875vw; } }

.empty_m60 { height: 60px; }

@media screen and (max-width: 640px) { .empty_m60 { height: 9.375vw; } }

.sch_keyword { margin-top: 28px; position: relative; }

@media screen and (max-width: 640px) { .sch_keyword { margin-top: 4.375vw; } }

.sch_keyword input { padding: 0 24px; width: 100%; height: 88px; font-size: 30px; line-height: 88px; border: 1px solid #cdcdcd; }

@media screen and (max-width: 640px) { .sch_keyword input { padding: 0vw 3.75vw; height: 13.75vw; font-size: 4.6875vw; line-height: 13.75vw; } }

.sch_keyword button { position: absolute; top: 0; bottom: 0; right: 0; width: 88px; font-size: 0; background: url("https://image.jinhak.com//renewal2019/mJinhak/jstore_src.png") 50% 50% no-repeat; background-size: 32px; }

@media screen and (max-width: 640px) { .sch_keyword button { width: 13.75vw; background-size: 5vw; } }

span.type { margin-top: 20px; }

@media screen and (max-width: 640px) { span.type { margin-top: 3.125vw; } }

span.type > span { display: inline-block !important; margin: 2px; padding: 3px 10px; font-size: 24px; color: #272727; text-align: center; background-color: #fff; }

@media screen and (max-width: 640px) { span.type > span { padding: 0.46875vw 1.5625vw; font-size: 3.75vw; } }

span.type > span.ty_1 { border: 1px solid #F9E8F2; background-color: #F9E8F2; }

span.type > span.ty_2 { border: 1px solid #ECE8F9; background-color: #ECE8F9; }

span.type > span.ty_3 { border: 1px solid #e5f0f7; background-color: #e5f0f7; }

span.type > span.ty_4 { border: 1px solid #E0F3E5; background-color: #E0F3E5; }

span.type > span.ty_5 { border: 1px solid #A1A1A1; }

span.type > span.year { border: 1px solid #F1F1F1; background-color: #F1F1F1; }

.ipt_chk input { display: none; overflow: hidden; position: absolute; top: -1px; left: -1px; width: 0; height: 0; border: 0; font-size: 0; line-height: 0; }

.ipt_chk input:checked + label:after { background: url("https://image.jinhak.com//renewal2019/member/ico_check_on.png") 0 0 no-repeat; background-size: 100%; }

.ipt_chk.on > label:after { background: url("https://image.jinhak.com//renewal2019/member/ico_check_on.png") 0 0 no-repeat; background-size: 100%; }

.ipt_chk > label { display: block; padding-left: 45px; height: 35px; font-size: 24px; position: relative; }

@media screen and (max-width: 640px) { .ipt_chk > label { padding-left: 7.03125vw; height: 5.46875vw; font-size: 3.75vw; } }

.ipt_chk > label:after { position: absolute; top: 0; left: 0; display: block; width: 35px; height: 100%; content: ""; background: url("https://image.jinhak.com//renewal2019/member/ico_check_off_small.png") 0 0 no-repeat; background-size: 100%; cursor: pointer; }

@media screen and (max-width: 640px) { .ipt_chk > label:after { width: 5.46875vw; } }

.ipt_box { border-top: 1px solid #DADADA; position: relative; }

.ipt_box:first-child { border-top: none; }

.ipt_box.sel3 .sel_box { width: calc(100%/3); }

.ipt_box.sel2 .sel_box { width: calc(100%/2); }

.ipt_box.line > div { border: 1px solid #dadada; }

.ipt_box > div { float: left; width: 100%; height: 100%; position: relative; }

.ipt_box > div.ipt { height: 75px; background-color: #fff; }

@media screen and (max-width: 640px) { .ipt_box > div.ipt { height: 11.71875vw; } }

.ipt_box > div.ipt input { padding: 0px 50px 0 20px; width: calc(100% - 1px); height: 100%; font-size: 24px; background-color: transparent !important; border: 1px solid transparent; position: relative; z-index: 1; }

@media screen and (max-width: 640px) { .ipt_box > div.ipt input { padding: 0vw 7.8125vw 0vw 3.125vw; font-size: 3.75vw; } }

.ipt_box > div.ipt button.info_tip { position: absolute; top: 50%; right: 20px; display: block; width: 33px; height: 33px; font-size: 0; background: url("https://image.jinhak.com//renewal2019/member/btn_info.png") 0 0 no-repeat; background-size: 100%; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 640px) { .ipt_box > div.ipt button.info_tip { right: 3.125vw; width: 5.15625vw; height: 5.15625vw; } }

.ipt_box > div.ipt:after { display: none; position: absolute; top: 50%; right: 20px; content: ""; width: 34px; height: 30px; background: url("https://image.jinhak.com//renewal2019/member/ico_error_info.png") 0 0 no-repeat; background-size: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 640px) { .ipt_box > div.ipt:after { right: 3.125vw; width: 5.3125vw; height: 4.6875vw; } }

.ipt_box > div.is_btn input { padding-right: 175px; }

@media screen and (max-width: 640px) { .ipt_box > div.is_btn input { padding-right: 27.34375vw; } }

.ipt_box > div.is_btn .btn { position: absolute; top: 50%; right: 20px; z-index: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 640px) { .ipt_box > div.is_btn .btn { right: 3.125vw; } }

.ipt_box > div.is_btn .btn button { padding: 0 15px; height: 45px; font-size: 20px; line-height: 45px; }

@media screen and (max-width: 640px) { .ipt_box > div.is_btn .btn button { padding: 0vw 2.34375vw; height: 7.03125vw; font-size: 3.125vw; line-height: 7.03125vw; } }

.ipt_box > div.is_btn .btn .time { display: inline-block; padding-right: 15px; font-size: 24px; color: #f21e4a; vertical-align: -4px; }

@media screen and (max-width: 640px) { .ipt_box > div.is_btn .btn .time { padding-right: 2.34375vw; font-size: 3.75vw; vertical-align: -0.625vw; } }

.ipt_box > div.is_btn.is_info .btn { right: 65px; }

@media screen and (max-width: 640px) { .ipt_box > div.is_btn.is_info .btn { right: 10.15625vw; } }

.ipt_box > div label { overflow: hidden; position: absolute; top: -1px; left: -1px; width: 0; height: 0; border: 0; font-size: 0; line-height: 0; }

.ipt_box > div.sel_box:after { position: absolute; top: 15px; bottom: 15px; right: 0; content: ""; display: block; width: 1px; background-color: #DADADA; }

@media screen and (max-width: 640px) { .ipt_box > div.sel_box:after { top: 2.34375vw; bottom: 2.34375vw; } }

.ipt_box > div select { padding: 12.5px 17px 16.5px 17px; width: calc(100% - 1px); height: 75px; font-size: 24px !important; line-height: 75px; color: #999; line-height: normal; border: solid 1px transparent; background: url("https://image.jinhak.com//renewal2019/member/ico_select_off.png") right 50% no-repeat; -webkit-appearance: none; position: relative; z-index: 1; }

@media screen and (max-width: 640px) { .ipt_box > div select { padding: 0vw 7.8125vw 0vw 3.125vw; height: 11.71875vw; font-size: 3.75vw !important; line-height: 11.71875vw; background-size: 4.53125vw; } }

.ipt_box > div select::-ms-expand { display: none; }

.ipt_box > div.txtarea { height: auto; }

@media screen and (max-width: 640px) { .ipt_box > div.txtarea { height: auto; } }

.ipt_box > div textarea { padding: 15px 20px; width: calc(100% - 1px); height: 200px; font-size: 24px; line-height: 28px; background-color: transparent !important; border: 1px solid transparent; position: relative; z-index: 1; resize: none; }

@media screen and (max-width: 640px) { .ipt_box > div textarea { padding: 2.34375vw 3.125vw; height: 31.25vw; font-size: 3.75vw !important; line-height: 4.375vw; } }

.ipt_box > div.on select { color: #272727; background: url("https://image.jinhak.com//renewal2019/member/ico_select_on.png") right 50% no-repeat; }

.ipt_box > div.on:before { position: absolute; top: -2px; bottom: 0; left: -1px; right: -1px; content: ""; display: block; border: 1px solid #000; z-index: 1; }

.ipt_box .pass_txt { display: none; float: left; padding: 0px 20px 20px 20px; width: 100%; font-size: 20px; color: #097cf2; }

@media screen and (max-width: 640px) { .ipt_box .pass_txt { padding: 0vw 3.125vw 3.125vw 3.125vw; font-size: 3.125vw; } }

.ipt_box.on .ipt:before { position: absolute; top: -2px; bottom: 0; left: -1px; right: 0px; content: ""; display: block; border: 1px solid #000; }

.ipt_box.error > div.is_btn.is_info .btn { right: 115px; }

@media screen and (max-width: 640px) { .ipt_box.error > div.is_btn.is_info .btn { right: 17.96875vw; } }

.ipt_box.error > div input { padding-right: 77px; }

.ipt_box.error > div button.info_tip { right: 70px; }

@media screen and (max-width: 640px) { .ipt_box.error > div button.info_tip { right: 10.9375vw; } }

.ipt_box.error > div:after { display: block; }

.ipt_box.error .error_txt { display: block; float: left; }

.ipt_box.pass:before { position: absolute; top: -2px; bottom: 0; left: -1px; right: -1px; content: ""; display: block; border: 1px solid #000; }

.ipt_box.pass .pass_txt { display: block; float: left; }

.ipt_box:after { content: ""; display: block; clear: both; }

.select_com3 { width: 49%; height: 88px; font-size: 30px !important; line-height: 88px; border: 1px solid #cdcdcd; }

@media screen and (max-width: 640px) { .select_com3 { padding: 0vw 3.75vw; height: 13.75vw; font-size: 4.6875vw !important; line-height: 13.75vw; } }

.detail_box { position: relative; }

.band_list > p { padding-bottom: 25px; font-size: 30px; color: #222; }

@media screen and (max-width: 640px) { .band_list > p { padding-bottom: 3.90625vw; font-size: 4.6875vw; } }

.band_list > p > span { display: inline-block; padding: 0 10px; font-size: 24px; color: #64D482; font-weight: 600; text-align: center; border: 1px solid #64D482; border-radius: 18px; }

@media screen and (max-width: 640px) { .band_list > p > span { padding: 0vw 1.5625vw; font-size: 3.75vw; } }

.band_list ul li { float: left; margin-left: 15px; width: calc(100%/3 - 10px); text-align: center; }

.band_list ul li:first-child { margin-left: 0; }

.band_list ul li a { display: block; padding: 25px 0; font-size: 30px; background-color: #EFF3F9; border-radius: 7px; }

@media screen and (max-width: 640px) { .band_list ul li a { padding: 3.90625vw 0vw; font-size: 4.6875vw; border-radius: 1.09375vw; } }

.band_list ul li span { display: block; margin-top: 10px; }

@media screen and (max-width: 640px) { .band_list ul li span { margin-top: 1.5625vw; } }

.band_list ul:after { content: ""; display: block; clear: both; }

.write_ask { padding-bottom: 10px; }

.write_ask > dt { left: -9999em; position: absolute; top: -9999em; }

.write_ask > dt.line { border-top: solid 1px #d9d9d9; padding-top: 10px; }

.write_ask > dt.show { margin: 20px 0 10px 0; position: relative; top: 0; left: 0; font-size: 30px; color: #000; }

@media screen and (max-width: 640px) { .write_ask > dt.show { font-size: 4.6875vw; } }

.write_ask > dt.show.first { margin-top: 0; }

.write_ask > dt.show .btn_info { position: absolute; top: 10px; right: 0px; }

@media screen and (max-width: 640px) { .write_ask > dt.show .btn_info { top: 1.5625vw; } }

.write_ask > dt.show .btn_info a { font-size: 24px; color: #eb0505; text-decoration: underline; }

@media screen and (max-width: 640px) { .write_ask > dt.show .btn_info a { font-size: 3.75vw; } }

.write_ask > dd { position: relative; margin-top: 10px; }

.write_ask > dd:first-of-type { margin-top: 0; }

.write_ask > dd.sel { margin-bottom: 10px; }

.write_ask > dd.sel .ipt_box { float: left; width: calc(100%/2 - 5px); }

.write_ask > dd.sel .ipt_box:first-child { margin-right: 10px; }

.write_ask > dd.sel:after { content: ""; display: block; clear: both; }

.write_ask > dd .ipt_chk { display: inline-block; margin: 0 10px 10px 0; }

.write_ask > dd .pass_box > div { float: left; }

.write_ask > dd .pass_box .ipt_box { margin-left: 20px; }

.write_ask > dd .pass_box:after { content: ""; display: block; clear: both; }

.write_ask > dd .count { font-size: 12px; color: #999; text-align: right; padding-top: 5px; }

.write_ask > dd .alrim { margin: 0 0 10px 20px; }

.write_ask > dd .alrim .custom_ck { margin-top: 10px; }

.black_fix { position: fixed; bottom: 140px; right: 10px; width: 60px; }

@media screen and (max-width: 640px) { .black_fix { bottom: 21.875vw; width: 9.375vw; } }

.black_fix a { display: block; margin-top: 10px; }

@media screen and (max-width: 640px) { .black_fix a { margin-top: 1.5625vw; } }

.black_fix a img { width: 100%; }