@charset "utf-8";

/* CSS Document */

#wrap{margin:0; padding:0; width:100%; min-width:350px;box-sizing:border-box;}


/*회원가입*/
.member {width:100%; padding:0; *zoom:1; }
.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;.padding:15px 15px 0 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;.float:none;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;*display:inline; *zoom:1;   .margin-top:-25px;}
.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;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	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; *zoom:1; 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;}
/*
.member .tabNavi ul li:hover { background:#009ddc;}
.member .tabNavi ul li:hover 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;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 2px #a3a3a3;
	-moz-box-shadow:1px 1px 2px #a3a3a3;
	-webkit-box-shadow:1px 1px 2px #ccc;
	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;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-o-box-shadow:1px 1px 0 #a3a3a3;
	-moz-box-shadow:1px 1px 0 #a3a3a3;
	-webkit-box-shadow:1px 1px 0 #ccc;
	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;.padding:10px 60px 10px 60px;border:0;width:100%;font-family:CGB;}
p.joinbtn span.joinBtn_s02 button {font-size:1.333em;  background:none; color:#000; padding:15px 50px 15px 50px;.padding:10px 60px 10px 60px; border:0; width:100%;font-family:CGB;}	


/*중복회원 확인*/
.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%;.width:92%;}
.selectsize03 {width:97%;}
.selectsize02 {width:97%;}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none;}
.selectsize02>ul>li {float:left;width:98%;.width:96%;margin-bottom:5px;}
/***************************160817 수정 시작******************************/
.selectsize02>ul>li .same_input02{width:80%;}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline; *zoom:1; 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%;.width:89%; 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; .height:28px;
	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; *zoom:1; 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 {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;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
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:CGR;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; 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;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius: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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin-top:10px;}
.member_confirm dl {display:table-row;.display:block;}
.member_confirm dl dt {display:table-cell; .float:left;.display:block;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; .float:left;.display:block;width:78%;.width:75%;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 {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_reeagree dl {padding:0px 10px 5px 10px;}
.area_reeagree dl dt {padding:15px 10px 5px 0;font-weight:bold;}
.area_reeagree dl dd {padding:2px 0 2px 8px; line-height:150%;}
.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%;.width:90%; background:#fff;}
.selectsize02 {width:98%;.width:95%;}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none;}
.selectsize02>ul>li {float:left;width:48%;.width:47%;margin-left:1%;}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline; *zoom:1; }
.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;.background:url(../../images/member/mimg_list.gif) left top no-repeat;.height:120px;}
.member .mimg_list ul li {display:inline-block; *display:inline; *zoom:1;  width:13.5%;.margin-top:-50px;.margin-right:10px;.display:none;}
.member .mimg_list ul li.mimg_box {width:26.5%; border:#a0a0a0 dashed 1px; padding:10px 5px;
-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	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%;-webkit-border-radius:10px; border:#cbc9c9 solid 1px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; 
	-moz-border-radius:10px;
	-o-border-radius:10px;
	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;.width:150px;}
p.joinbtn span.joinBtn_s02 {float:none;margin-left:0.25%;width:auto;.width:150px;}
p.joinbtn span.joinBtn_s01 button {font-size:1.333em;  background:none; color:#fff; padding:18px 60px 18px 60px;.padding:10px 60px 10px 60px;border:0;width:100%;font-family:CGB;}
p.joinbtn span.joinBtn_s02 button {font-size:1.333em;  background:none; color:#000; padding:18px 60px 18px 60px;.padding:10px 60px 10px 60px; border:0; width:100%;font-family:CGB;}	

/*부모동의*/
.parent_agree ul li {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;}



/*정보입력*/
.writingagree p.wa_txt {width:68%;float:left;}
.writingagree p.wa_btn { .float:right;display:inline-block;*display:inline; *zoom:1; width:30%;  .width:27%; margin:15px 0;.margin:-40px 2% 15px 0;}
.writingagree p.wa_btn span a {color:#542b0b;font-size:1.167em;display:block;  font-weight:bold;padding:20px 0; .padding:20px 0 20px 25px;.text-align:left; }

.same_input { border:#c1c1c1 solid 1px;color:#666666;padding:7px 5px 7px 5px; vertical-align:middle; width:93%;.width:92%; background:#fff;}
.selectsize01 {width:95%;.width:94%;}
.selectsize02 {width:95%;.width:95%;}
.selectsize02 :after {content:""; clear:both; display:block; height:0; visibility:none;}
.selectsize02>ul>li {float:left;width:48%;.width:47%;margin-left:1%;}
.selectsize02>ul>li span.same_txt03 {display:inline-block;*display:inline; *zoom:1; }
.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; .float:left;.display:block;width:78%;.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; }


}