@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%;  background:#f1f1f1; border-bottom:#b7b7b7 solid 1px; padding:15px 0 0 0;  border-top:#848484 solid 2px}
.joinagree_box .joinagree_div {width:auto;margin:0 10px}
.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: CGC}
.member_new {font-family: CGC; font-weight: 400; line-height:150%}
.member_new .clear_fix:after{content:""; clear: both; display: block}
.member_new .mem_h4{margin-bottom: 10px; padding: 7px 0 5px 35px; background:url(../../images/member/ico_memh4.gif) no-repeat left center; font-size: 1.231em; color:#000}
/*스크롤 스타일 지정*/
.scroll_st{overflow-y: scroll; height:200px; padding:20px 10px; border-radius: 5px}
.scroll_st::-webkit-scrollbar {width: 12px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 0 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}
/* 테이블 */
.mem_table{margin-bottom:15px; border-radius: 5px; font-size: 1.077em; font-family: CGC}
.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}
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt15{width: 15%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt80{width: 80%}
.wdt90{width: 90%}

/*인풋관련 선언*/
input[type="checkbox"]{margin: -4px 5px 0 0}
input.lst_check[type="checkbox"]{margin: 0}
input[type="radio"]{margin: -2px 3px 0 0; border-color:#fff}
input::placeholder, textarea::placeholder {color: #bebebe; font-weight: 400; font-size: 13px; font-family:CGC}
.input_area label{font-family:CGC}
.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/member/ico_selarw.png) right center no-repeat #fff; border:1px solid #ddd; box-sizing: border-box; appearance: none; cursor: pointer; font-family:CGC}
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}

/*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:CGC}

/*버튼공통 선언(button)*/
/*페이지 내부버튼*/
.btn_findnum{width: 133px; height: 46px; border-radius: 5px;  background:#fb5838; color:#fff; font-family: CGC}
/*하단 공통 버튼*/
.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: CGC; 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: CGC; font-size: 12px; color:#fff; font-weight: 500; transition: 0.6s}
.overlapbtn:hover{background:#358cee}

/*회원가입 네비 ::: a에 cursor:none 추가 com2zoadev 22.11.09 */
.member_new .mem_navi{margin-bottom:20px}
.member_new .mem_navi ul li{float: left; width: 25%}
.member_new .mem_navi ul li a{display: block;cursor:none; width: 95%; margin: 0 auto; padding: 13px 5px; border-radius: 5px; border:1px solid #dfdfdf; background: #fff; text-align: center; color:#1e1e1e; font-weight: 500; box-sizing: border-box}
.member_new .mem_navi ul li.on a{position: relative; border-color:#318ed4; background: #3898e1; color:#fff}
.member_new .mem_navi ul li.on a::after{content:""; clear: both; display: block; position: absolute; bottom:-7px; left:50%; margin-left: -5px; width:11px; height: 6px; background:url(../../images/member/mem_arw.gif) no-repeat left center}
.member_new .mem_navi ul li a br{display: none}

/**유형선택 및 이용약관 **/
.member_new .mem_intro{margin-bottom:20px}
.member_new .mem_intro .intro_tit{padding: 10px 5px; border-radius: 50px; background: #3a5d73; color:#fff; text-align: center; font-size: 1.154em; font-weight: 500}
.mem_intro .intro_txt{padding: 15px; line-height: 160%; border-bottom:2px solid #d5d5d5; background:url(../../images/member/ico_intro.gif) no-repeat right bottom}
.mem_intro .intro_txt li{padding: 0 0 0 10px; margin-bottom: 5px; background:url(../../images/member/blt_mem.gif) no-repeat left 7px}
.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}
/*회원유형 선택*/
.member_new .mem_typelst ul li{float: left; width: 24%; margin-right: 1.3%; text-align: center}
.member_new .mem_typelst ul li:last-child{margin-right: 0}
.member_new .mem_typelst .mt_txt{position: relative; padding: 3px; background: #919395; border-radius: 7px; box-sizing: border-box; transition: all .5s}
.member_new .mem_typelst .mt_txt:hover{background:#2f78c1}
.member_new .mem_typelst .bt_img{position: absolute; top:0; left:0; width: 100%; min-height: 108px; padding-top: 18px; background-color: #fff; border:1px solid #cacaca; border-radius: 7px; box-sizing: border-box}
.member_new .mt02 .mt_txt:hover{background:#e5558f}
.member_new .mt03 .mt_txt:hover{background:#fb7d17}
.member_new .mt04 .mt_txt:hover{background:#57a534}
.member_new .mem_typelst .bt_choice{position: relative; color:#fff}
.member_new .bt_choice input{position: absolute; bottom:12px; left:50%}
.member_new .mt01 .bt_choice input, .member_new .mt02 .bt_choice input {margin-left: -30px}
.member_new .mt03 .bt_choice input{margin-left: -70px}
.member_new .mt04 .bt_choice input{margin-left: -25px}
.member_new .mem_typelst .mt_name{display: inline-block; width: 100%; padding: 115px 0 8px 20px; box-sizing: border-box; font-size: 14px}

/*14세 미만 회원가입 절차*/
.member_new .mem_stepwrap{margin:15px 0 25px; border: 1px solid #d5d5d5; border-radius: 5px}
.mem_stepwrap .step_tit{position: relative; margin-bottom: 30px; padding: 8px 5px; border-radius: 5px 5px 0 0; background: #008999; font-size:1.154em; text-align: center; color:#fff}
.mem_stepwrap .step_tit span.tit{display:inline-block; padding: 3px 0 3px 30px; background: url(../../images/member/ico_mstep.gif) no-repeat left top}
.mem_stepwrap.step_mbtn .step_tit a{display: none}
.mem_stepwrap .mem_step ul li{float: left; width: 20%; text-align: center}
.mem_stepwrap .mem_step ul li .mstep{position: relative; width: 75%; margin: 0 auto; border-radius: 35px; border:2px solid #e3e3e3}
.mem_stepwrap .mem_step ul li .mstep::after{content:""; clear: both; display: block; position: absolute; bottom:50%; right:-30px; width:23px; height:19px; margin-bottom: -10px; background: url(../../images/member/step_arw.gif) no-repeat left top}
.mem_stepwrap .mem_step ul li:last-child .mstep::after{display: none}
.mem_stepwrap .mem_step span{display: block}
.mem_stepwrap .mem_step .num{margin-top: -15px}
.mem_stepwrap .mem_step .txt{margin: 15px 5px; color: #1e1e1e; font-weight: 500}
.mem_stepwrap .step_kind{margin:15px 10px 10px}
.mem_stepwrap .step_kind dt{display: inline-block; min-width: 130px; margin:0 5px 5px 0; padding: 5px 5px 3px; background: #515151; border-radius: 50px; text-align: center; color:#fff}
.mem_stepwrap .step_kind dt.kind2{background:#008999}
.mem_stepwrap .step_kind dd{display: inline-block}
.mem_stepwrap .step_info{margin-top: 10px; padding: 10px; border-radius:0 0 5px 5px; background: #ebebeb}
.mem_stepwrap .step_info p{padding-left:25px; background: url(../../images/member/ico_sinfo.gif) no-repeat left top; color: #1e1e1e}
/*이용약관*/
.member_new .join_agree{margin-bottom: 15px}
.member_new .joincheck{padding:7px 5px 5px 7px; background: #4d5459; border-radius: 0 0 5px 5px; color:#fff}
.member_new .terms_tb{overflow:auto; height:300px; padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 5px 5px 0 0}
.member_new .allcheck{margin-bottom: 13px}
.member_new .terms_tb .terms_tit{padding: 5px; margin-bottom: 10px; border-radius: 5px; background: #dcdcdc; text-align: center; color:#000; font-size:1.077em}
.terms_tb dl dt{margin-bottom: 10px; padding: 5px 5px 5px 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}
.terms_tb dl dd{margin-bottom: 10px}
.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 >  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{float: left}
.member_new .mail_type > p.mail_tail{margin:0 5px 0 4px}
.member_new .mail_type{float: left}
.cate_certify .cate_lst{float: left; 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}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/*회원가입 공통*/
.member_new .mem_h4{font-size:1.154em}

/**유형선택 및 이용약관**/
/*회원유형 선택*/
.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}

}
/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}

/* LOWSET FIX */
@media only screen and (max-width:748px) {
/**유형선택 및 이용약관**/
.member_new .mem_intro .intro_tit{padding:5px; border-radius: 5px; font-size: 1.077em}
.mem_intro .txtbg{display:block}
.mem_intro .intro_txt{padding: 10px; background:none}
/*14세 미만 회원가입 절차*/
.mem_stepwrap .mem_step ul li .mstep{width: 92%}
.mem_stepwrap .mem_step ul li .mstep::after{display: none}
}
@media only screen and (max-width:685px) {
/**유형선택 및 이용약관**/
/*회원유형 선택*/
.member_new .mem_typelst ul li{width: 50%; margin:0 0 10px}
.member_new .mem_typelst ul li .mt_txt{width: 95%; margin: 0 auto}
/*14세 미만 회원가입 절차*/
.mem_stepwrap .step_kind dd{display:block; margin: 5px 5px 8px; padding-left: 12px; background: url(../../images/member/blt_terms.gif) no-repeat left 2px}
}
@media only screen and (max-width:620px) {
/**유형선택 및 이용약관**/
/*14세 미만 회원가입 절차*/
.member_new .mem_stepwrap{margin:5px 0 15px}
.mem_stepwrap .step_tit{font-size:1.077em}
.mem_stepwrap .step_tit a.tit_btn{display:inline-block}
.mem_stepwrap .mem_step ul li{float: none; width: 100%; margin-top: 20px}
.mem_stepwrap .mem_step ul li br{display: none}
.mem_stepwrap .mem_step ul li .mstep{border-radius: 10px}
}
@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}
}
@media only screen and (max-width:415px) {
/*회원가입 네비*/
.member_new .mem_navi ul li a{padding: 5px 2px; line-height: 130%; font-size: 12px; letter-spacing: -1px}
}
@media only screen and (max-width:390px) {
/**유형선택 및 이용약관**/
/*회원유형 선택*/
.member_new .mt03 .bt_choice input{margin-left: -63px}
.member_new .mem_typelst .mt_name {padding: 115px 0 8px 10px; font-size: 12px}

}

/* 금파공고 커스텀 */
.member_new .mem_intro .intro_tit{border-radius:0; background: #171741;}
.mem_intro .intro_txt li{background:url(../../images/member/blt_mem.gif) no-repeat left 6em}
.mem_typelst{margin-bottom:20px}
.mem_intro .intro_txt{background:url(../../images/member/img_intro.png) no-repeat right bottom; border-bottom:1px solid #ddd}
.member_new .mem_typelst .mt_txt{background:#3838bf}