@charset "utf-8";
/* CSS Document */

#wrap{margin:0; padding:0; width:100%; min-width:350px;box-sizing:border-box}


/*회원가입*/
.member {width:100%; padding:0}
.member:after {content:""; clear:both; display:block; height:0; visibility:none}
.member .memberBox {float:left; width:100%;*zoom:1}
.member .memberBox:after {content:""; clear:both; display:block; height:0; visibility:none}
.member .memberBox p {background:#009ddc; border-top:#037fb1 solid 1px;border-bottom:#037fb1 solid 1px;color:#fff;font-size:14px;font-weight:bold;padding:15px 15px 13px 15px; text-align:center;line-height:140%; margin-bottom:0}
.member .memberBox ul {padding:15px 15px 15px 5px}
.member .memberBox ul li {color:#2c211d;  line-height:160%}
.member .memberBox ul li span.mbschool {font-weight:bold}
.member .memberBox ul li span.mbcolor {color:#f51212}
.member h4 {clear:both; padding:2px 0 5px 35px;background:url(../../images/member/member_h4.gif) 3px top no-repeat;color:#2f2c2c;font-size:16px; margin:20px 0; line-height:140%;*zoom:1}
.member h4:after {content:""; clear:both; display:block; height:0; visibility:none}
.member h4 span.txtred {color:#f51212;font-size:0.667em; float:right;display:inline-block}
.member #member_type {clear:both;width:100%;float:left;margin-bottom:20px}
.member #member_type .member_tbox {width:auto;padding:0 8px;*zoom:1}
.member #member_type .member_tbox:after {content:""; clear:both; display:block; height:0; visibility:none}
.member #member_type ul li {width:25%;float:left; display:inline-block;border-right:#c5c1c1 solid 1px;border-bottom:#c5c1c1 solid 1px; border-top:#c5c1c1 solid 1px; text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box}
.member #member_type ul li.mt01 { background:url(../../images/member/mm_type01.png) center no-repeat;border-left:#c5c1c1 solid 1px}
.member #member_type ul li.mt02 {background:url(../../images/member/mm_type02.png) center no-repeat}
.member #member_type ul li.mt03 {background:url(../../images/member/mm_type03.png) center no-repeat}
.member #member_type ul li.mt04 {background:url(../../images/member/mm_type04.png) center no-repeat}
.member #member_type ul li p.mtTxt { padding:115px 0 20px 0;color:#454343;font-size:13px;font-weight:bold}
.member .member_img {clear:both; position:relative}
.member .member_img .member_ibox {width:auto;margin:0 8px; border:#cccccc solid 1px; padding:20px 10px}
.member .member_img p.mimg_txt {color:#2c211d; line-height:130%;font-size:1.083em}
.member .member_img p.mimg_btn { clear:both;margin:0 auto;width:98%;background:#b5d7ea; text-align:center;margin-top:15px;margin-bottom:15px; border:#7babc6 solid 1px;border-radius:5px;
}
.member .mimg_list {display:none}
.member .member_img p.mimg_btn span {color:#134a69; display:block; padding:15px;font-weight:bold}
.member .member_img span {color:#f51212;line-height:120%}
/*회원가입 탭*/
.member .tabNavi {width:100%; padding:0; margin-bottom:0}
.member .tabNavi:after {content:""; clear:both; display:block; height:0; visibility:none}
.member .tabNavi .tabNavi_box {width:auto;padding:0 10px}
.member .tabNavi ul {width:100%}
.member .tabNavi ul li {width:20%; float:left;display:inline-block;background:url(../../images/board/table_line.gif) right top repeat-y;border-top:#cecccc solid 1px;border-bottom:#cecccc solid 1px; height:100px}
.member .tabNavi ul li:first-child {width:19%;background:url(../../images/board/table_line.gif) left top repeat-y;border-right:#cecccc solid 1px}
.member .tabNavi ul li a {display:block;padding:40px 0 42px 5px; text-align:center; color:#3f3939; line-height:130%}
.member .tabNavi ul li.on { background:#009ddc;color:#fff}
.member .tabNavi ul li.on a {color:#fff}
/*약관동의*/
.joinagree_box {clear:both;width:100%}
.joinagree_box .joinagree_div {width:auto}
.joinagree_box .area_jointxt {float:left;width:80%;  color:#6b6b6b;height:180px;overflow:auto; padding:15px 3%;background-color:#FFFFFF;border:1px solid #dadada}
/* 약관 및 개인정보 재동의 안에 내용물 */
.area_jointxt {background-color:#FFFFFF; border:1px solid #adaeac; color:#8a8681; width:97%; height:200px;overflow:auto; padding:15px 10px 5px 10px}
.area_jointxt p.reeagr_top {color:#30312f;padding:4px 0 0 20px;font-size:14px;font-weight:bold;background:url('../../images/member/reeagree_blt01.gif') left 10px no-repeat}
.area_jointxt dl {padding:0px 10px 5px 10px}
.area_jointxt dl dt {padding:15px 10px 5px 0;font-weight:bold}
.area_jointxt dl dd {padding:2px 0 2px 8px}
.area_jointxt dl dd ol {margin:5px 0 5px 0;padding:5px 10px 5px 10px;border:solid #e1dfdd 1px}
.area_jointxt dl dd ol li {padding:2px 0 2px 0}
.joinagree_box p.joincheck {clear:both; padding:10px 0 15px 0}
/*약관동의 버튼*/
p.joinbtn {clear:both; text-align:center; padding:15px 0 15px 0; margin:10px 0 0 0}
p.joinbtn span.joinBtn_s01 { display:inline-block;float:left;background:#009ddc; margin-right:0.5%; margin-bottom:5px; width:48.5%; border: 1px solid #0588bd; border-radius:4px; box-shadow:1px 1px 1px #9c9c9c}
p.joinbtn span.joinBtn_s02 { display:inline-block;float:right;background:#f3f6fe; margin-left:0.5%; margin-bottom:5px;width:48.5%; border: 1px solid #bcbcbc; border-radius:4px; box-shadow:1px 1px 0 #e4e3e3}	
p.joinbtn span.joinBtn_s01 button {font-size:1.333em;  background:none; color:#fff; padding:15px 50px 15px 50px; border:0;width:100%;font-family:NGB}
p.joinbtn span.joinBtn_s02 button {font-size:1.333em;  background:none; color:#000; padding:15px 50px 15px 50px; border:0; width:100%;font-family:NGB}	
/*중복회원 확인*/
.same_confirm {width:100%}
.same_confirm table {width:100%;border-collapse:collapse;border-top:#0096d9 solid 2px}
.same_confirm table tbody th {width:25%;/*min-width:200px;*/border:solid 10px;line-height:150%; vertical-align:middle;border:#dbe0e3 solid 1px;  padding:20px 0 20px 0;  background:#f1f1f1; font-weight:bold}
.same_confirm table tbody td {vertical-align:middle; line-height:150%; border:#dbe0e3 solid 1px;  padding:25px 0 25px 2%}
.same_confirm table tbody td div.calf_select {width:100%;*zoom:1}
.same_confirm table tbody td div.calf_select:after {content:""; clear:both; display:block; height:0; visibility:none}
.same_confirm table tbody td div.calf_select>ul>li {float:left; width:30%;margin-right:1.5%}
.same_confirm table tbody td span.same_txt {display:block;color:#f8365f;padding:5px 0 0 0}
.same_confirm table tbody td span.same_txt02 {display:block;padding:5px 10px 0 0}
.selectsize01 {width:94%}
.selectsize03 {width:97%}
.selectsize02 {width:97%}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none}
.selectsize02>ul>li {float:left;width:98%; margin-bottom:5px}
/***************************160817 수정 시작******************************/
.selectsize02>ul>li .same_input02{width:80%}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline; width:9%; margin-left:1%; text-align:center}
/***************************160817 수정 끝*******************************/
.same_input { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:90%; background:#fff}
.same_input04 { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:85%; background:#fff}
.same_input02 { border:#c1c1c1 solid 1px;color:#666666;padding:8px 5px 8px 5px; vertical-align:middle; width:53%; background:#fff}
.same_input01 { border:#c1c1c1 solid 1px;color:#666666;padding:8px 5px 8px 5px; vertical-align:middle; width:28%; background:#fff}
.samline {width:100%}
ul.same_Text {width:auto; border-left:#dbe0e3 solid 1px;border-right:#d3cbcb solid 1px; border-bottom:#dbe0e3 solid 1px; padding:15px}
ul.same_Text li { line-height:140%;color:#0096d9}

/*셀렉트박스 화살표 수정*/
.jqTransformSelectWrapper { border:1px solid #aeadad !important; background: #fff url('../../images/board/select_arrow.png') no-repeat right center}
.jqTransformSelectWrapper ul {border:1px solid #aeadad !important}
/*.jqTransformSelectWrapper ul a {font-size:0.8em}*/
/*.jqTransformSelectWrapper div span {font-size:0.8em}*/

/*부모동의*/
.parent_agree {clear:both;width:100%; padding:0; margin-top:20px;  display:inline-block}
.parent_agree:after {content:""; clear:both; display:block; height:0; visibility:none}
.parent_agree ul {float:left;width:100%}
.parent_agree ul li {width:100%; display:inline-block;float:left; margin-bottom:15px;border-left:#d3cbcb solid 1px; border-right:#d3cbcb solid 1px; border-bottom:#d3cbcb solid 1px; border-top:#565c5e solid 2px}
.parent_agree ul li p.pa_tit { text-align:center;padding:20px 0;color:#585555;font-size:1.5em; border-bottom:#d3cbcb solid 1px;font-weight:bold}
.parent_agree ul li p.pa_txt { padding:20px 10px 0 10px;color:#585555;font-size:1.1em; line-height:130%}
.parent_agree ul li p.pa_txt span {display:block;color:#f51212; padding:8px 0 0 0}
.parent_agree ul li p.pa_btn { text-align:center; background:#27a3cc url(../../images/member/pa_btn.png) 95% center no-repeat;margin:20px 10px;border-radius:5px}
.parent_agree ul li p.pa_btn a {display:block; color:#fff;font-size:1.167em;font-weight:bold; padding:15px 0}
.parent_agree ul li p.pa_btn button{display:block; color:#fff; font-size:1.167em; font-weight:bold; padding:15px 0; width:100%; background:#27a3cc url(../../images/member/pa_btn.png) 95% center no-repeat; font-family:NGW; border-radius:5px}
.parent_agree ul li.pacolor p.pa_btn {background:#2abc79 url(../../images/member/pa_btn.png) 90% center no-repeat}

/*정보입력*/
.writingagree {clear:both;width:100%;border:#20bb74 solid 1px; background:#2abc79;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.writingagree p.wa_txt {vertical-align:middle; line-height:150%; min-width:120px; padding:20px 15px 0 15px;font-size:1.1em; color:#fff;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.writingagree p.wa_btn {  text-align:center; background:#f2df11 url(../../images/member/wagree_btn.png) 95% center no-repeat; border:#fff solid 1px;box-sizing:border-box;margin:15px 10px; border-radius:10px}
.writingagree p.wa_btn span a {color:#542b0b;font-size:1.167em;display:block;  font-weight:bold; padding:20px 0}
.member_confirm {display:table; width:100%;border:#abaeb0 solid 1px; background:#d3d4d5;box-sizing:border-box; margin-top:10px}
.member_confirm dl {display:table-row}
.member_confirm dl dt {display:table-cell;vertical-align:middle; line-height:150%; min-width:80px; padding:25px 0 25px 0;  background:#d3d4d5;width:20%;font-size:1.333em; text-align:center; color:#343131}
.member_confirm dl dd {display:table-cell; width:78%; vertical-align:middle; line-height:150%;  padding:25px 2% 25px 0; box-sizing:border-box;font-size:1.083em}
.member_confirm dl dd span.mc_txt {display:block;padding:8px 0 0 0;font-size:0.95em}
.same_input03 { border:#c1c1c1 solid 1px;color:#666666;padding:9px 0 9px 5px; vertical-align:middle; width:96%; background:#fff; margin:5px 0 0 0}

/* 아이디 값 조회 표시 */
.duplen {color:#FF0000 !important;font-size:1em !important}
.dupley {color:#0000FF !important;font-size:1em !important}

/* 개인정보 재 동의 이용약관*/
#reeagree_box {width:98%; padding:0 10px;clear:both}
.area_reeagree {background-color:#FFFFFF; border:1px solid #adaeac; color:#8a8681; width:93%; height:200px;overflow:auto; padding:15px 10px 5px 10px}
.area_reeagree p.reeagr_top {padding:12px 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000; font-weight:500; font-size:1.154em}
.area_reeagree dl {padding:0px 10px 5px 10px}
.area_reeagree dl dt {margin: 10px 0; padding:8px 5px 8px 15px; background: url(../../images/member/blt_terms.gif) no-repeat left 8px; border-bottom: 1px solid #ccc; font-size: 1.077em; font-weight: 500; color:#000}
.area_reeagree dl dd {padding:3px 0 3px 8px}
.area_reeagree dl dd ol {margin:5px 0 5px 0;padding:5px 10px 5px 10px;border:solid #e1dfdd 1px}
.area_reeagree dl dd ol li {padding:2px 0 2px 0}
#reeagree_box02 {width:98%; padding:0 10px;clear:both}
.area_reeagree02 {background-color:#FFFFFF; border:1px solid #adaeac; color:#8a8681; width:97%; height:200px;overflow:auto; padding:15px 10px 5px 10px}
.area_reeagree02 p.reeagr_top {color:#30312f;padding:4px 0 0 20px;font-size:1.2em;font-weight:bold;background:url('../../images/member/reeagree_blt01.gif') left 5px no-repeat}
.area_reeagree02 dl {padding:0px 10px 5px 10px}
.area_reeagree02 dl dt {padding:15px 10px 5px 0;font-weight:bold}
.area_reeagree02 dl dd {padding:2px 0 2px 8px}
.area_reeagree02 dl dd ol {margin:5px 0 5px 0;padding:5px 10px 0 10px}
.area_reeagree02 dl dd ol li {padding:2px 0 2px 0}

/*  tablet layout */
@media only screen and (min-width:768px) and (max-width:1024px)  {
/*회원가입 탭*/
.member .tabNavi ul li {height:auto}
.member .tabNavi ul li a {display:block;font-size:1.2em; padding:20px 0 20px 5px; text-align:center; color:#3f3939; line-height:130%}
.member .tabNavi ul li:first-child a {display:block;font-size:1.2em; padding:20px 0 20px 5px; text-align:center; color:#3f3939; line-height:130%;background:url(../../images/board/table_line.gif) left top repeat-y}
/*정보입력*/
.same_input { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:95%;background:#fff}
.selectsize02 {width:98%}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none}
.selectsize02>ul>li {float:left;width:48%;margin-left:1%}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline}
.selectsize02>ul>li:first-child {width:50%;margin-left:0}
/*셀렉트박스 화살표 수정*/
.jqTransformSelectWrapper ul a {font-size:1em}
.jqTransformSelectWrapper div span {
font-size:1em}
}

/* pc layout */
@media only screen and (min-width:1025px) {

/*회원가입*/
.member .memberBox p {font-size:16px;font-weight:bold;padding:15px 10px}

/*회원가입-유형선택*/
.member #member_type ul li.mt01 { background:url(../../images/member/m_type01.png) center no-repeat}
.member #member_type ul li.mt02  {background:url(../../images/member/m_type02.png) center no-repeat}
.member #member_type ul li.mt03 {background:url(../../images/member/m_type03.png) center no-repeat}
.member #member_type ul li.mt04  {background:url(../../images/member/m_type04.png) center no-repeat}
.member #member_type ul li p.mtTxt { padding:140px 0 20px 0;color:#454343;font-size:1.300em}
.member #member_type ul li.mt01:hover { background:#6561be url(../../images/member/m_type01_on.png) center no-repeat}
.member #member_type ul li.mt02:hover { background:#36a1de url(../../images/member/m_type02_on.png) center no-repeat}
.member #member_type ul li.mt03:hover  { background:#5fca2b url(../../images/member/m_type03_on.png) center no-repeat}
.member #member_type ul li.mt04:hover { background:#fb9842 url(../../images/member/m_type04_on.png) center no-repeat}
.member #member_type ul li:hover p.mtTxt {color:#fff;/*background:url(../../images/member/mtTxt_on.png) 80% 132px no-repeat;*/}

/*회원가입-회원가입절차*/
.member .member_img p.mimg_btn { display:none}
.member .mimg_list { position:relative;width:100%;margin:20px 0; text-align:center; display:block}
.member .mimg_list ul {width:100%; display:inline-block}
.member .mimg_list ul li {display:inline-block; width:13.5%}
.member .mimg_list ul li.mimg_box {width:26.5%; border:#a0a0a0 dashed 1px; padding:10px 5px; border-radius:8px;}
.member .mimg_list div { position:relative;display:inline-block; width:100%;text-align:center;position:relative;padding:30px 0;font-size:1.083em; line-height:140%;border:#cbc9c9 solid 1px;box-sizing:border-box; border-radius:10px}
.member .mimg_list ul li.mimg_box div {width:49%}
.member .mimg_list span { position:absolute;right:-20px; top:30px;background:url(../../images/member/mimg_list_dot.png) no-repeat; width:31px; height:32px; display:block; z-index:5}

/*회원가입 탭*/
.member .tabNavi .tabNavi_box {width:auto;padding:0 5px}
.member .tabNavi ul li {height:auto}
.member .tabNavi ul li a {padding:20px 0 20px 5px;font-size:14px}
.member .tabNavi ul li:first-child a {background:url(../../images/board/table_line.gif) left top repeat-y}

/*중복회원 확인*/
.same_confirm {width:100%}
.same_confirm table {width:100%;border-collapse:collapse;border-top:#0096d9 solid 2px}
.same_confirm table tbody th {width:20%;line-height:150%; vertical-align:middle;border:#dbe0e3 solid 1px;  padding:20px 2% 20px 2%;  background:#f1f1f1; font-weight:bold;font-size:1.083em}

/*약관동의 버튼*/
p.joinbtn span.joinBtn_s01 {float:none;margin-right:0.25%;width:auto}
p.joinbtn span.joinBtn_s02 {float:none;margin-left:0.25%;width:auto}
p.joinbtn span.joinBtn_s01 button {font-size:1.333em;  background:none; color:#fff; padding:18px 60px 18px 60px; border:0;width:100%;font-family:NGB}
p.joinbtn span.joinBtn_s02 button {font-size:1.333em;  background:none; color:#000; padding:18px 60px 18px 60px; border:0; width:100%;font-family:NGB}	

/*부모동의*/
.parent_agree ul li {width:49%; display:inline-block;float:right; margin-right:0; margin-bottom:20px;border-left:#d3cbcb solid 1px; border-right:#d3cbcb solid 1px; border-bottom:#d3cbcb solid 1px; border-top:#565c5e solid 2px}
.parent_agree ul li p.pa_txt {min-height:100px}
.parent_agree ul li:first-child {width:49%;display:inline-block;float:left; margin-right:0}

/*정보입력*/
.writingagree p.wa_txt {width:68%;float:left}
.writingagree p.wa_btn {display:inline-block;*display:inline; width:30%; margin:15px 0}
.writingagree p.wa_btn span a {color:#542b0b;font-size:1.167em;display:block;  font-weight:bold;padding:20px 0}
.same_input { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:93%; background:#fff}
.selectsize01 {width:95%}
.selectsize02 {width:95%}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none}
.selectsize02>ul>li {float:left;width:48%; margin-left:1%}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline}
.selectsize02>ul>li:first-child {width:50%;margin-left:0}
.same_confirm table tbody th {width:30%;border:solid 10px;line-height:150%; vertical-align:middle;border:#dbe0e3 solid 1px;  padding:20px 0 20px 0;  background:#f1f1f1; font-weight:bold;font-size:1.083em}
.member_confirm dl dd {display:table-cell; width:78%; vertical-align:middle; line-height:150%;  padding:25px 2% 25px 0; box-sizing:border-box;font-size:1.083em}

/*셀렉트박스 화살표 수정*/
.jqTransformSelectWrapper ul a {font-size:1em}
.jqTransformSelectWrapper div span {
font-size:1em}
}




/**********************************************************************************/
/******************PHP7.0관련 회원가입파트 전반 리뉴얼 2022.10.12 KYJ추가*****************/
/**********************************************************************************/
/*회원가입 공통*/
.member_new input, select, label, textarea{font-family: PTD}
.member_new {font-family: PTD; font-weight: 400; line-height:130%}
.member_new .clear_fix:after{content:""; clear: both; display: block}
.member_new .mem_h4 {margin-bottom: 10px; padding:7px 0 7px 35px; background:url(../../images/member/mem_h4.png) no-repeat left center; font-size: 1.385em; color:#000}
/*스크롤 스타일 지정*/
.scroll_st{overflow-y: scroll; height:200px; padding:20px 10px}
.scroll_st::-webkit-scrollbar {width: 12px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
/*글자 포인트 색상 지정*/
.member_new span.col_r{color:#f63f3f}
.member_new span.col_b{color:#2f7ac7}
.member_new span.col_gr{color:#969696}
.member_new span.col_bk{color:#000}
.member_new span.col_bbk{color:#000; font-weight:600}
/* 테이블 */
.mem_table{margin-bottom:15px; border-radius: 5px; font-size: 1.077em; font-family: PTD}
.mem_table table{width: 100%}
.table_border{overflow:hidden; position: relative}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{margin-top: 5px; padding-left: 20px; background:url(../../images/member/ico_lstinfo.png); background-repeat:no-repeat; background-position:left 2px; font-size:0.857em; color:#5c5c5c}
.mem_table .lstinfo_msg{padding-left: 20px; background:url(../../images/member/ico_lstmsg.png) no-repeat left 2px ;color:#ff5938; font-size:0.857em}
.mem_table .lstinfo_child{overflow: hidden; margin-top: 3px; border-radius: 5px; border:1px solid #59636a; font-size:0.857em}
.mem_table .lstinfo_child > p.infochild_tit{padding:3px; background:#59636a; color:#fff}
.mem_table .lstinfo_child > p.infochild_tit span{padding-left: 20px; background:url(../../images/member/ico_lstchild.png) no-repeat left top }
.mem_table .lstinfo_child > ol{padding: 5px}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/	
.mem_table .esslst{display: inline-block; height: 18px; margin: -3px 0 0 5px; vertical-align: middle}
.scroll_txt{display: none}
.table_scroll{overflow-x: auto; position: relative}
.table_scroll table {min-width:400px}
/*표_색상:회색(기본) - !!!!!!!!!!!!!table_scroll이 적용 안되는 테이블은 각페이지 고유 클래스 하위 mem_table에 overflow: hidden 줘야함*/
.mem_table {overflow: hidden; width:100%; border-collapse:collapse; table-layout:auto; background:#fff; border:1px solid #d0d0d0}
.mem_table thead th { line-height:150%; padding:15px 3px;  border:1px solid #fff; border-top:1px solid #d0d0d0;  vertical-align:middle;text-align:center; font-weight:400; color:#fff}
.mem_table tbody th {line-height:150%; background:#59636a; padding:15px 3px;border-bottom:2px solid #d0d0d0; text-align:center; font-weight:500; vertical-align:middle; color:#fff}
.mem_table tbody th.bg_type{background: #7f888f}
.mem_table tbody th br{display: none}
.mem_table tbody td {line-height:150%; padding:8px; border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; text-align:center; vertical-align:middle; font-weight:400} 
.mem_table tbody td.bg_type{background: #e8e8e8}
.mem_table tbody td.border_bold{border-bottom:2px solid #d0d0d0}
.mem_table tbody tr:last-child th, .mem_table tbody tr:last-child td{border-bottom: none}
.mem_table.tdtxt_left tbody td{text-align: left}
/*col class 선언영역*/
.wdtauto{width:40px !important}
.wdtfix{width:40px !important}
.wdt5{width: 5% !important}
.wdt6{width: 6% !important}
.wdt9{width: 9% !important}
.wdt10{width: 10% !important}
.wdt12{width: 12% !important}
.wdt15{width: 15% !important}
.wdt20{width: 20% !important}
.wdt25{width: 25% !important}
.wdt30{width: 30% !important}
.wdt33{width: 33.3% !important}
.wdt40{width: 40% !important}
.wdt50{width: 50% !important}
.wdt60{width: 60% !important}
.wdt70{width: 70% !important}
.wdt80{width: 80% !important}
.wdt90{width: 90% !important}

/*인풋관련 선언*/
input[type="checkbox"]{margin: -2px 5px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: -2px 5px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color: #bebebe; font-weight: 400; font-size: 13px; font-family:PTD}
.input_area label{font-family:PTD}
.input_base {width: auto; height: 33px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}
.input_base.input_long{width:100%}
.input_base.input_mid{width: 210px}
 label이 input에 포함되어 있을경우
.cate_lst{position: relative; height: 33px; padding:4px 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}
.cate_lst .name_tit {display: inline-block; width: 60px; padding: 0 5px 0 0; border-right: 1px solid #ccc;font-size: 12px; text-align: center}
.cate_lst .cate_input{display: block; margin: -22px 0 0 70px}
.cate_lst .input_base{width: 100%; height: auto; padding: 2px; border:none}

/*textarea공통사항 지정영역*/
.tb_textarea{height: 120px}
textarea.area_write{width: 100%; height: 120px; padding: 5px; border-radius: 3px; border:1px solid #ddd; box-sizing: border-box}

/*select공통사항 지정영역*/
select{width: 100px; height:33px; padding: 5px; border-radius: 3px; background:url(../../images/czapp/bg_selarr.png) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box; appearance: none; cursor: pointer; font-family:PTD}
select.sel_long{width: 100%}
select.sel_short{width: 55px; font-size: 12px}
select.sel_mid{width: 250px}
.sel_date{width: 110px; height:33px; padding: 0 5px; border-radius: 3px; background:url(../../images/member/ico_cal.gif) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box;  cursor: pointer}

input[type="text"], input[type="number"], input[type="date"], input[type="number"] {padding:4px 6px; height:36px; box-sizing: border-box}
input[type="date"] {position:relative; background-image:url(../../images/czapp/bg_date_ico.png); background-repeat: no-repeat; background-position: right 5px top 50%; cursor: pointer; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;  cursor: pointer}
.input_base {width:100%; border:1px solid #e4e4e4}
.inputbox {display:flex; gap:5px; width:100%}
.input_boxarea {display:flex; width:100%; flex-wrap:wrap; gap:5px}
select {width:100%; height:36px; padding:5px 30px 5px 12px; cursor: pointer ; appearance:none; background:#fff url(../../images/czapp/bg_selarr.png) no-repeat right 10px top 50% ;  border:0; box-sizing:border-box; font-size:1em}
select::-ms-expand {display:none; /*for IE10,11*/}
.sel_base {width:100%; border:1px solid #e4e4e4; background:url(../../images/czapp/bg_selarr.png) no-repeat right 10px top 50%}

/*radio공통사항 지정영역*/
.tb_radio > p{float: left; margin-right: 15px}
.tb_radio > p:last-child{margin-right: 0}
.tb_radio .radio_ico{margin: -2px 2px 0 2px }
.tb_radio.radio_center{text-align: center}
.tb_radio.radio_center > p{float: none; display: inline-block}

/*check공통사항 지정영역*/
.tb_check > p{float: left; margin-right: 13px}
.tb_check > p:last-child{margin-right: 0}
.allcheck {text-align: center}
.allcheck label{font-family:PTD}

/*버튼공통 선언(button)*/
/*페이지 내부버튼*/
.btn_findnum{width: 133px; height: 46px; border-radius: 5px;  background:#fb5838; color:#fff; font-family: PTD}
/*하단 공통 버튼*/
.btn_wrap{margin-top: 20px; padding-top: 20px; border-top:1px solid #d4d4d4; text-align: center}
.btn_wrap .membtn{width: 135px; height: 45px; margin: 0 5px; border-radius: 5px; background:#dedede; font-family: PTD; font-size: 14px; color:#fff; font-weight: 500; transition: 0.6s}
.btn_wrap .membtn.wdtlong{width: 150px}
.membtn.samebtn{background:#e6e6e6; color:#4c4c4c}
.membtn.samebtn:hover{background:#c7c7c7}
.membtn.membtn01{background: #47b135}
.membtn.membtn01:hover{background:#389b28}
.membtn.membtn02{background:#ff6749}
.membtn.membtn02:hover{background:#f04d2d}
.membtn.membtn03{background: #358cee}
.membtn.membtn03:hover{background:#1a71d4}
.membtn.membtn04{background: #666}
.membtn.membtn04:hover{background:#2c2c2c}
.overlapbtn{width: 110px; height: 33px; border-radius: 3px; background:#59636a; font-family: PTD; font-size: 12px; color:#fff; font-weight: 500; transition: 0.6s}
.overlapbtn:hover{background:#358cee}

/*회원가입 네비 ::: a에 cursor:none 추가 com2zoadev 22.11.09  수정 kjh 2509019 */
.member_new .mem_navi {margin-bottom:20px; border-bottom:1px solid #2d4878}
.member_new .mem_navi ul {display: flex; justify-content: space-between; align-items:flex-end; gap:9px}
.member_new .mem_navi ul li{width:calc(100% / 3)}
.member_new .mem_navi ul li a {display: block;cursor:auto; width:100%; margin: 0 auto; padding:12px 10px 12px 64px; border-radius:15px 15px 0 0; background-color: #eceeef; background-position: left 18px top 50% ; background-repeat: no-repeat; text-align:left; color:#303030; font-weight: 700; font-size:1.385em; box-sizing: border-box}
.member_new .mem_navi ul li a span {color:#a0a1a2}
.member_new .mem_navi ul li.on a{position: relative; background-color: #2d4878; color:#fff}
.member_new .mem_navi ul li.on a::after{content:""; clear: both; display: block; position: absolute; top:50%; right:15px; width:7px; height:11px; margin-top:-5px; background:url(../../images/member/blt_memnavi_arr.png) no-repeat left center}
.member_new .mem_navi ul li a span {display:block; font-size:0.833em; font-weight:400}
.member_new .mem_navi ul li.on a span {color:#acb3c3}
.member_new .mem_navi ul li a br{display: none}
.member_new .mem_navi ul li:first-child a {background-image:url(../../images/member/blt_memnavi_type01.png)}
.member_new .mem_navi ul li:nth-child(2) a {background-image:url(../../images/member/blt_memnavi_type02.png)}
.member_new .mem_navi ul li:nth-child(3) a {background-image:url(../../images/member/blt_memnavi_type03.png)}

/**유형선택 및 이용약관 **/
.member_new .mem_intro {margin-bottom:20px}
.member_new .mem_intro .intro_tit {padding:26px 30px 18px; margin-bottom:20px; border-radius: 20px 20px 5px 5px; background: #4465ad; color:#fff; text-align: center; font-size:1.538em; font-weight: 500}
.member_new .mem_intro .intro_tit span {position:relative; display:inline-block; padding:0 10px 5px; word-break: keep-all}
.member_new .mem_intro .intro_tit span:before {content:""; display: block; position: absolute;bottom:0; left:0; width:100%; height:14px; background:rgba(255,255,255,0.2)}
.mem_intro .intro_txt {padding:20px 15px 20px 78px; line-height: 160%; border:1px solid #cfcfcf; border-radius:5px; background:url(../../images/member/bg_memtop_ico.gif) no-repeat left 12px top 15px}
.mem_intro .intro_txt li{padding: 0 0 0 12px; margin-bottom: 5px; background:url(../../images/member/blt_memtop_lst.gif) no-repeat left 7px; font-size:1.154em; word-break: keep-all}
.mem_intro .intro_txt li:last-child{margin-bottom: 0}
.mem_intro .txtbg{display: inline-block; margin-top: 3px; padding: 3px 10px 2px; border-radius: 5px; background:#efefef}
/*회원유형 선택*/
.mem_type {margin-bottom:30px}
.mem_type ul {display: flex; justify-content: space-between; gap:17px}
.mem_type ul li {width:calc(100% / 4)}
.mem_type .mt_box {position:relative; display:block; padding:146px 0 66px; border-radius:15px 15px 0 0; background:#fff; border:1px solid #cfcfcf; font-size:1.385em; font-weight:700; transition:.3s}
.mem_type .mt_box .mt_txt {display:block; padding:25px 30px 25px 50px; margin-top:145px; transition:.3s; background:#eee url(../../images/member/bg_mtype_arr.png) no-repeat right 15px top 50%; text-align:left}
.mem_type .mt_box input[type="radio"] {position:absolute; bottom:27px; left:20px}
.mem_type .mt_box label {display: block; position: absolute; top:0; left:0; width:100%; height:100%;}
.mem_type .mt01 .mt_box {background:url(../../images/member/ico_mtype1.png) no-repeat left 50% top 22px}
.mem_type .mt02 .mt_box {background:url(../../images/member/ico_mtype2.png) no-repeat left 50% top 22px}
.mem_type .mt03 .mt_box {background:url(../../images/member/ico_mtype3.png) no-repeat left 50% top 22px}
.mem_type .mt04 .mt_box {background:url(../../images/member/ico_mtype4.png) no-repeat left 50% top 22px}
.mem_type li:hover span {color:#fff; text-shadow:0 2px 5px rgba(0,0,0,0.2)}
.mem_type .mt01:hover .mt_box{border-color:#669bf5}
.mem_type .mt01:hover .mt_txt {background-color:#669bf5}
.mem_type .mt02:hover .mt_box{border-color:#ad9dff}
.mem_type .mt02:hover .mt_txt {background-color:#ad9dff}
.mem_type .mt03:hover .mt_box{border-color:#f3c642}
.mem_type .mt03:hover .mt_txt {background-color:#f3c642}
.mem_type .mt04:hover .mt_box{border-color:#9fcb51}
.mem_type .mt04:hover .mt_txt {background-color:#9fcb51}

.mem_etcbox {margin-bottom:20px; background:#ececec; padding:30px 25px}
.mem_etcbox ul li {margin-top:4px; line-height:140%; font-size:1.154em}
.mem_etcbox ul li:first-child {margin-top:0}

/*이용약관*/
.member_new .join_agree{margin-bottom: 15px}
.member_new .joinagree_box p.joincheck {padding:10px; background: #e3e3e3; font-size:1.154em}
.member_new p.allcheck {padding:10px; font-size:1.154em}
.member_new .terms_tb {overflow:auto; height:300px; padding:15px; background:#fff; ; border:1px solid #cfcfcf; font-size:1.154em}
.member_new .allcheck{margin-bottom: 13px}
.member_new .terms_tb .terms_tit {padding: 5px; margin:15px 0; color:#097ea7; font-size:1.2em; font-weight:800}
.terms_tb dl dt {margin-bottom: 10px; padding: 6px 5px 6px 23px; background: url(../../images/member/blt_terms.gif) no-repeat left 7px; border-bottom: 1px solid #ccc; font-size: 1.077em; font-weight: 500; color:#000}
.terms_first {margin-top:0 !important}
.terms_tb dl dd {margin-bottom: 7px}
.terms_tb dl dd > p {margin-bottom: 5px}
.terms_tb dl dd > ol{padding:10px; border-radius: 5px; background: #f0f0f0}
.terms_tb dl dd > ol > li  {line-height:140%}
.terms_tb dl dd > ol > li >  ol{padding: 10px; margin: 5px 0; border-radius: 5px; border:1px solid #ccc}

/**부모(보호자) 동의**/
.member_new .memjoin_agree{margin-top: -40px}
.member_new .essential_txt{margin-bottom: 15px; text-align: right}
.member_new .essential_txt span{display: inline-block;padding: 5px 8px 3px 8px; border-radius: 50px; background:#eaeaea; font-weight: 500}

/**정보입력**/
.member_new .mail_type > p{display:flex; align-items: center; gap:5px}
.member_new .mail_type > p.mail_tail{margin:0 5px 0 4px}
.member_new .mail_type {display: flex; width:100%}
.cate_certify .cate_lst {display: flex; width: 170px; margin-right: 5px}
.cate_certify .cate_lst:last-child{margin-right: 0}
.member_new .tb_input{position: relative}
.member_new .id_input{margin-right: 115px}
.member_new .overlap_btn{position: absolute; top:0; right:0}
.mail_lst {width:100%}
    
/* 중복회원확인 */
.member_new .joinagree_box {margin-bottom:30px}
.mem_jointit {margin:10px 0 8px; padding:15px;background:#eee; border-radius:20px 20px 5px 5px; text-align: center; font-size:1.538em; color:#fff}
.mem_jointit.mjointit1 {background:#19abdc}
.mem_jointit.mjointit2 {background:#1b86aa}

/* 멤버 폼 하단 버튼 영역 */
.mem_bott {display:flex; justify-content: center; align-items: center; gap:10px; margin:20px 0}
.mem_bott > p {display:block}
.mem_bott > p button {display:block; ; min-width:160px; min-height:50px; border-radius:5px; font-size:1.385em; color:#fff; transition:.3s}
.mem_bott > p:hover button {transition:.3s}
.mem_bott > p.btn_submit button {background:#3e7fd7}
.mem_bott > p.btn_cancel button {background:#8d8d8d}
.mem_bott > p.btn_check button {background:#fb6262}

/* 회원가입 폼 */
.mform_wrap {border-top:2px solid #5a5a5a; margin-bottom:15px}
.mform_box {display:flex; border-bottom:1px solid #d8d8d8; font-size:1.154em}
.mform_box .mform_tit {display:block; width:200px; padding:20px; min-height:30px; box-sizing: border-box; font-weight:600; color:#2c2c2c; font-weight: 800;background:#eceeef; flex-shrink:0; font-size:1.071em}
.mform_box .mform_txt {display:flex; align-items:center; width:calc(100% - 200px); padding:10px; gap:10px; flex-wrap:wrap; box-sizing: border-box; font-weight:400; color:#3b3b3b}
.mform_etcbox {display: block; width:100%; border-top:1px dashed #ccc; padding:10px 0 0; box-sizing: border-box; font-size:0.938em}
.mform_etcbox p {position:relative; line-height:130%; margin:2px 0}
.mform_etcbox .mform_etc {padding-left:15px}
.mform_etcbox .mform_etc:after {content:"※"; display:block; position:absolute; top:0; left:0}
.ibox_area {display:flex; width:100%; gap:5px; align-items:center; position:relative}
.ibox_area span {flex-shrink:0}
.ibox_form {position: relative}
.ibox_form .ibox_ftit {position: absolute; top:50%; left:0; height:24px; line-height:24px; width:60px; margin-top:-12px; border-right:1px solid #d6d6d6; text-align: center; font-weight:600; color:#919191; font-size:0.935em; box-sizing: border-box}
.ibox_form .ibox_ftit label {display:block; width:100%}
.ibox_form input {padding-left:65px !important}
.ibox_form2 .ibox_ftit {width:100px}
.ibox_form2 input {padding-left:105px !important} 
.ibox_radio {padding-right:20px}
.selbox_area {display:flex; gap:5px; align-items:center; padding:5px 0; position:relative; width:100%}
.mform_lstno {font-size:1.154em}
.mform_lstno ul {padding:20px}
.mform_lstno ul li {position:relative; padding-left:13px; line-height:140%; margin-top:3px}
.mform_lstno ul li:after {content:"※"; display: block; position:absolute; top:0; left:0}
.mform_lstno ul li:first-child {margin-top:0}

.grade_area .ibox_form {flex:1}
    
/* 필수입력 항목 등 etc텍스트 */
.essent_txt {display: flex; justify-content: flex-end; margin:-35px 0 10px}
.essent_txt p {display:inline-block; padding:5px 15px; border-radius:50px; font-size:1.077em;font-weight:500;color:#ff2a13;background:#ffe9e6}
.essent_mark {color:#ff2a13}

/* mem_confirm */
.mem_confirm {border:1px solid #2d4878}
.mem_confirm .mform_box {border:none}
.mem_confirm .mform_box .mform_tit {background:#2d4878; color:#fff}
.mem_confirm2 {border:1px solid #596bc9}
.mem_confirm2 .mform_box .mform_tit {background:#596bc9; color:#fff}

.ibox_check {display:flex; margin:5px 0}

/* 회원가입 수정 kjh 251014 */
button.btn_memjoin {display:block; height:36px; width:110px; border-radius:3px; font-size:1em ; flex-shrink:0; color:#fff}
button.btn_memsrch {background:#04a9df}
button.btn_memcheck {background:#676767}

/*============ MOBILE LAYOUT=============== */
@media only screen and (max-width:1024px) {
/*회원가입 공통*/
.member_new .mem_h4{font-size:1.308em}
.member_new .mem_intro .intro_tit {margin-bottom:15px; padding:18px 20px 14px; font-size:1.385em}
.mem_intro .intro_txt {padding:15px 10px 15px 60px; background-size:40px auto; background-position:left 10px top 50%}
.mem_type ul {gap:10px; flex-wrap:wrap}
.mem_type ul li {width:calc(100% / 2 - 5px)}
.mem_type .mt_box {padding:117px 0 30px; font-size:1.154em; background-position:left 50% top 10px !important; background-size:80px auto !important}
.mem_type .mt_box .mt_txt {margin-top:100px; padding:15px 0 15px 30px; background-position:right 10px top 50%}
.mem_type .mt_box input[type="radio"] {bottom:18px; left:10px}
.mem_etcbox {padding:15px 10px}
.mem_intro .intro_txt li {font-size:1.077em}
.mem_etcbox ul li {font-size:1.077em}
    

/**유형선택 및 이용약관**/
/*회원유형 선택*/
.mem_stepwrap{overflow: hidden}
.mem_stepwrap.step_mbtn .step_tit{margin: 0}
.mem_stepwrap.step_mbtn .step_tit a{display:block; width: 150px; padding: 5px; margin: 5px auto 0; border-radius: 50px; background: #fff; font-weight: 600; transition: all .6s}
.mem_stepwrap.step_mbtn:hover .step_tit a{background: #054a52; color:#fff}
.mem_stepwrap.step_mbtn .joinstep_box{display: none; transition: all .6s}
.mem_stepwrap.step_mbtn:hover .joinstep_box{display: block; transition: all .6s}

/*정보입력
.member_new .mail_type{float: none; margin-bottom: 5px}
.member_new .mail_type > p{float: left; width: 50%; box-sizing: border-box}
.member_new .mail_type > p .input_mid{width: 100%}
.member_new .mail_type > p.mail_id{position: relative; padding-right: 20px}
.member_new .mail_type > p.mail_id span.mt_mark{position: absolute; top:4px; right:3px}
.member_new .mail_type > p.mail_tail{margin:0}
.member_new .mail_lst select.sel_mid{width: 100%}
.member_new .class_sel select.sel_mid{width: 100%; margin-bottom: 5px}
.cate_certify .cate_lst{float:none; width: 100%; margin: 0 0 5px}
    */

/*회원가입 네비 */
.member_new .mem_navi{margin-bottom:10px}
.member_new .mem_navi ul {gap:5px}
.member_new .mem_navi ul li a {padding:5px 5px 5px 40px; background-size:28px auto; background-position:left 7px top 50%; font-size:1.154em}
.member_new .mem_navi ul li a span {line-height:110%}

/* 폼 하단 버튼 영역 */
.mem_bott {margin:15px 0}
.mem_bott > p {width:100%}
.mem_bott > p button {min-width:inherit; width:100%; min-height:34px; font-size:1.077em}

/* 중복회원 */
.mem_jointit {padding:10px; font-size:1.308em}
.member_new .terms_tb {font-size:1.077em}
.member_new .terms_tb .terms_tit {margin-bottom:5px}
.member_new .joinagree_box p.joincheck {font-size:1em}
.member_new p.allcheck {padding:0; font-size:1em; word-break: keep-all}
.member_new .joinagree_box {margin-bottom:20px}
    
/* 정보입력 폼 */
.mform_wrap {margin-bottom:20px}
.mform_box {display:block; font-size:1.077em}
.mform_box .mform_tit {padding:2px 10px; width:100%; line-height:26px}
.mform_box .mform_txt {width:100%; padding:5px}
.mem_confirm .mform_box .mform_txt {padding:10px}
.inputbox {flex-wrap:wrap}
.ibox_area {width:100%; padding:0}
.ibox_radio {flex-wrap: wrap}
.mform_etcbox {padding:8px 0 0}
.mform_lstno ul {padding:10px 0}

/* 메일 폼 */
.member_new .mail_type {flex-wrap:wrap; gap:5px}
.member_new .mail_type > p {width:100%}
.member_new .mail_type > p.mail_id {width:100%}
.member_new .mail_type > p.mail_tail {margin:0}

}
/*================= PC LAYOUT================ */
@media only screen and (min-width:1025px) {
    
    /* 위드값(px) */
    .wdt100 {width:100%}
    .wid50 {width:50px !important}
    .wid60 {width:60px !important}
    .wid70 {width:70px !important}
    .wid80 {width:80px !important}
    .wid90 {width:90px !important}
    .wid100 {width:100px !important}
    .wid110 {width:110px !important}
    .wid120 {width:120px !important}
    .wid130 {width:130px !important}
    .wid140 {width:140px !important}
    .wid150 {width:150px !important}
    .wid160 {width:160px !important}
    .wid180 {width:180px !important}
    .wid200 {width:200px !important}
    .wid210 {width:210px !important}
    .wid220 {width:220px !important}
    .wid240 {width:240px !important}
    .wid250 {width:250px !important}
    .wid280 {width:280px !important}
    .wid300 {width:300px !important}
    .wid350 {width:350px !important}
    .wid385 {width:385px !important}
    .wid400 {width:400px !important}
    .wid450 {width:450px !important}
    .wid460 {width:460px !important}
    .wid500 {width:500px !important} 
}

/*=============== LOWSET FIX ================*/

@media only screen and (max-width:750px) {

.ibox_area2 {flex-wrap:wrap}
.ibox_area2 .ibox_form {width:calc(100% / 2 - 3px); flex:inherit}
.ibox_area2 button {width:100%}
}

@media only screen and (max-width:605px) {
/* 테이블 */
.mem_table{font-size: 1.000em}
.mem_table .lstinfo_txt, .mem_table .lstinfo_lst{background-position:left top; font-size:0.857em; line-height: 140%}
.mem_table tbody th{font-size: 1.000em}
.mem_table tbody th br{display: block}
.mem_table .esslst{display:block; height: 18px; margin:0; vertical-align: middle}
/*버튼공통 선언(button)*/
.btn_wrap .membtn{width: 110px; height: 35px}
/*회원가입 네비*/
.member_new .mem_navi ul li a br{display: block}
/*부모(보호자) 동의*/
.member_new .memjoin_agree{margin-top: -10px}
.member_new .essential_txt{margin-bottom: 5px; font-size: 12px}

/* 회원유형 선택 */
.member_new .mem_intro .intro_tit span:before {display:none}
.mem_intro .intro_txt {padding:10px; background:none}
.mem_intro .intro_txt li {margin-bottom:3px}
    
/* 회원 네비 */
.member_new .mem_navi ul li a {padding:5px 10px 2px; background-image:none !important; text-align: center}
.member_new .mem_navi ul li.on a::after {right:7px}
    
/* 정보입력 */
button.btn_memjoin {width:76px}
.ibox_form .ibox_ftit {width:45px}
.ibox_form input {padding-left:50px !important}
.ibox_form2 .ibox_ftit {width:80px}
.ibox_form2 input {padding-left:85px !important}
.ibox_area2 button {width:100%}

/* 학년 반 번호 kjh 251226 */
.grade_area .ibox_form .ibox_ftit {display:none}
.grade_area .ibox_form input {padding:4px 6px !important}

    
}
@media only screen and (max-width:430px) { 
    /* 정보입력 */
    .mem_type .mt_box {font-size:1.077em}
    .mem_type .mt_box .mt_txt {background:#eee}

	.essent_txt {margin-top:-15px}
}





