@charset "utf-8";
/* CSS Document */

/*section*/
#memjoin{width:780px; margin:50px auto; box-sizing: border-box}
#memjoin:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinWrap:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinTop{border:1px solid #dedede; padding:10px;  margin:0 0 20px 0; background:#fff url(../../images/member/member_top.png) 15px center no-repeat; border-radius:5px}
#memjoin div.memjoinTop:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinTop p.mjtTit { font-size:32px; color:#000; font-weight:400; text-align:center; padding:30px 0 0 0}
#memjoin div.memjoinTop p.mjtTxt { padding:10px; margin-left:65px; font-size:1.077em; color:#000; line-height:140%; background:#f2f2f2; border-radius:5px}
#memjoin div.memjoinMidbox {background:#fff}
#memjoin div.memjoinMidbox:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinMidbox .mjoinTit { padding:15px 10px; background:#566578; border-radius:5px 5px 0 0}
#memjoin div.memjoinMidbox .mjoinTit:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t {float:left; font-size:1.308em; font-weight:400; font-family:CGC; color:#fff}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t span {margin-top:-2px; padding:1px 6px; font-size:13px; border-radius:50px; background:#fff; color:#fe4e11}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_c {float:right; color:#fff}
#memjoin div.memjoinMidbox .area_reeagree {margin-bottom:15px;border:#ccc solid 1px; padding:5px 20px 20px; width:auto; line-height:140%; height:230px; overflow:auto}
#memjoin div.memjoinMidbox .area_reeagree:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinMidbox .area_reeagree p.reeagr_Tit { margin:15px 0 5px; font-weight:400; font-family:CGC; font-weight:500; color:#1090e1}
#memjoin div.memjoinMidbox .area_reeagree .area_box .reeagr_Txt{padding-left:10px; background:url(../../images/member/member_dot.gif) left 7px no-repeat}
#memjoin div.memjoinMidbox .area_reeagree .area_box > ul > li { margin-bottom:5px; padding-left:10px; background:url(../../images/member/member_dot.gif) left 7px no-repeat}
#memjoin div.memjoinMidbox .area_reeagree .area_box > ul > li:last-child{margin-bottom:0}
#memjoin div.memjoinMidbox .area_reeagree dl dt {font-weight:500; padding:5px 0}
#memjoin div.memjoinMidbox .area_reeagree dl dd ol {border:#eaeaea solid 1px; padding:10px; margin:5px 0 10px; background:#f2f2f2}

/*하단 버튼*/
#memjoin div.memjoinbutton {clear:both; padding:20px 0 0; margin:0}
#memjoin div.memjoinbutton .btnWrap{text-align:center}
#memjoin div.memjoinbutton .btnWrap:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
#memjoin div.memjoinbutton .btnWrap div.btnBox {min-width:180px; margin-right:1%; float:none; display:inline-block}
#memjoin div.memjoinbutton .btnWrap div.btnBox:first-child{margin-left:1%}
#memjoin div.memjoinbutton div.btBox button {font-size:1.077em}
#memjoin div.memjoinbutton div.btBox{border-radius:10px}
.btnWrap button{display:block; background:none; border:0; padding:15px; text-align:center; color:#fff; width:100%; font-weight:400}
.okBtn{background:#007ac5}
.okBtn02 {background:#007ac5}
.canBtn{background:#504f4f}

/*회원가입 등록폼*/
div.joinWrap { border-top:#312a2a solid 2px}
div.joinWrap:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.joinWrap div.joinLine {border-bottom:1px solid #dddddd; width:auto; position:relative; background:#fafafa}
div.joinWrap div.joinLine:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.joinWrap div.joinLine p.setTit {float:left; width:200px; font-size:1.231em; font-weight:400; color:#3d3d3d; line-height:150%; text-align:center}
div.joinWrap div.joinLine p.setTit label{display:block; padding-top:26px}
div.joinWrap div.joinLine div.setTxt {margin-left:200px; padding:20px; background:#fff; border-left:1px solid #dddddd}
div.joinWrap div.joinLine div.inputBoxLine{margin:0; display:inlie-block}	
div.joinWrap div.joinLine div.inputBoxLine:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.joinWrap div.joinLine div.inputBoxLine .inputBox {float:left;width:100%}
div.joinWrap div.joinLine div.inputBoxLine .waveTxt {float:left;width:2%; margin:0 1% 0 0;text-align:center; padding:8px 0 0 0}
div.joinWrap div.joinLine div.inputBoxLine .selectBox { width:40%;float:left;margin-right:1%}
div.joinWrap div.joinLine div.inputBoxLine .selectBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.joinWrap div.joinLine div.inputBoxLine .selectBox div { float:left;width:98%}	
div.joinWrap div.joinLine div.inputBoxLine .selectBox div select{width:100%; height:37px; padding:3px; border:1px solid #cecece; border-radius:5px; cursor: pointer ; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; background:url(../../images/common/select_arw.gif) 99% center no-repeat; box-sizing:border-box}
div.joinWrap div.joinLine div.inputBoxLine>div{margin:0; padding:0}
div.joinWrap div.joinLine div.inputBoxLine div.row{width:100%; clear:none; padding-top:10px}
div.joinWrap div.joinLine div.inputBoxLine div.row:first-child{padding-top:0}
div.joinWrap div.joinLine div.inputBoxLine div.row>div{float:left}
div.joinWrap div.joinLine div.inputBox div.inputForm{ border-left:1px solid #cecece;border:1px solid #cecece; height:37px; padding:0 5px; background:#fff; box-sizing: border-box; border-radius:5px}
div.joinWrap div.joinLine div.inputBox input[type=text], div.joinWrap div.joinLine  div.inputBox input[type=password]{border:0; height:37px; line-height:37px; padding:0; width:100%; margin:0; background:none}
div.joinWrap div.joinLine p.exTxtst01 {clear:both;line-height:140%; color:#7c7c81; padding:8px 0 0 0; font-size:12px}
div.joinWrap div.joinLine p.exTxtst01 span {line-height:140%; color:#ff0000; padding:5px 0 0 0; font-size:12px}
div.joinWrap div.joinLine input[type=radio], div.setLine input[type=checkbox]{vertical-align:middle}
.mat10 {float:left;width:18% !important;margin-top:0px !important}

/*회원가입 등록폼 버튼*/
.memjoinbutton .btnWrap{text-align:center}
.memjoinbutton .btnWrap div.rightb {min-width:180px; margin-left:10px}
.memjoinbutton .btnWrap div.leftb {min-width:180px}
.okBtn03 {background:#007ac5}
.okBtn03 button{background:none; border:0; padding:10px 8px 13px 8px; text-align:center; display:block; color:#fff; width:100%; font-weight:400}

/*로그인*/
.Login {width:100%; padding:0}
.Login:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_box {width:780px; border:#dedbdb solid 1px; margin:50px auto; border-radius:5px; padding:40px 30px;box-sizing: border-box}
.Login .Login_box .Login_line {width:auto}
.Login .Login_box .Login_line:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_box .Login_line ul {width:100%;padding:0 0}
.Login .Login_box .Login_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .Login_box .Login_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
.Login .Login_box .Login_line ul li span { display:none;font-size:1.077em; font-weight:400; color:#434446; padding:0 0 3px 0;  line-height:150%}
.Login .Login_box .Login_line  div.liginform { border-left:1px solid #cecece;border:1px solid #cecece; height:40px; padding:0 5px; background:#fff; box-sizing: border-box; border-radius:5px}
.Login .Login_box .Login_line  div.liginform input[type=text], .Login .Login_box .Login_line  div.liginform input[type=password]{border:0; height:40px; line-height:40px; padding:0; width:100%; margin:0; background:none}
.Login .Login_box .Login_line .LoginBtn {background:#566578;font-size:1.083em; font-size:600; margin-top:5px; border-radius:10px}
.Login .Login_box .Login_line .LoginBtn button{background:none; border:0; padding:10px 8px 13px 8px; text-align:center; display:block; color:#fff; width:100%; font-weight:400}
.Login .Login_box .Login_line .loginCheck { padding:10px 0 0 0;font-size:12px}
.Login .Login_box .Login_line .loginCheck .checkId { vertical-align:middle}
.Login .Login_box .LoginBottom { border-top:#ccc solid 1px; margin-top:10px; text-align:center; padding:15px 0 0 0}
.Login .Login_box .LoginBottom { margin-top:20px; padding:30px 0 0 0}
.Login .Login_box .LoginBottom span { display:inline-block;margin-left:5px;font-size:13px;background:#fff; border:#dfdfdf solid 1px; border-radius:5px}
.Login .Login_box .LoginBottom span:first-child{margin-left:0}
.Login .Login_box .LoginBottom span a { display:block; padding:8px 13px 8px 13px}
.Login .Login_box .LoginBottom span.l_jbtn { background:#67696d;border:#505258 solid 1px; border-bottom:#000 solid 1px}
.Login .Login_box .LoginBottom span.l_jbtn a {display:block; padding:8px 13px 8px 13px; color:#fff; font-weight:400}

/*아이디찾기*/
.Login .idserch_box {width:auto; border:#dedbdb solid 1px; padding:20px; border-radius:10px}
.Login .idserch_box p.idsearch_choicce { padding:0 0 5px 0}
.Login .idserch_box .idserch_line {width:auto}
.Login .idserch_box .idserch_line:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserch_box .idserch_line ul {width:100%;padding:0 0}
.Login .idserch_box .idserch_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserch_box .idserch_line ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
.Login .idserch_box .idserch_line ul li span { display:block;font-size:1.077em; font-weight:400; color:#434446; padding:3px 0 8px 0;  line-height:150%}
.Login .idserch_box .idserch_line  div.liginform { border:1px solid #cecece;height:30px; border-radius:5px}
.Login .idserch_box .idserch_line  div.liginform input[type=text], .Login .idserch_box .idserch_line  div.liginform input[type=password] {border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
.Login .idserch_box .idserch_line  p.exTxtst01 { line-height:130%;font-size:0.85em;padding:10px 0 0 0}
.Login .idserch_box .memjoinbutton {border-top:#ccc solid 1px; margin-top:20px!important; padding-top:0}
.Login .idserch_box .memjoinbutton :after {content:""; clear:both; display:block; height:0; visibility:none}
#memjoin div.memjoinbutton .btnWrap div.btnBox{display:inline-block}

/*아이디찾기확인*/
.Login .idserchconfirm_box {width:auto; border:#dedbdb solid 1px; padding:20px 20px 0 20px}
.Login .idserchconfirm_box p.idconfirmTxt {line-height:140%; text-align:center}
.Login .idserchconfirm_box p.idconfirmTxt span {color:#ff0000; font-weight:400}
.Login .idserchconfirm_box .exTxtst01{padding:10px; margin-top:10px; background:#f0f0f0; border-radius:5px}
.Login .idserchconfirm_box .idconfirmbox {width:auto}
.Login .idserchconfirm_box .idconfirmbox:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserchconfirm_box .idconfirmbox ul {width:100%;padding:0 0}
.Login .idserchconfirm_box .idconfirmbox ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserchconfirm_box .idconfirmbox ul li {width:auto; padding:10px; margin-top:10px; color:#2c211d;line-height:130%;font-size:12px; border:#dfdfdf solid 1px; text-align:center}
.Login .idserchconfirm_box .memjoinbutton {border-top:#ccc solid 1px; margin-top:20px!important; padding-top:0}
.Login .idserchconfirm_box .memjoinbutton :after {content:""; clear:both; display:block; height:0; visibility:none}
.wdt40per{width:44% !important}
.wdt50per{width:49% !important}
.wdt20per{width:20% !important}
.wdt10per{width:10% !important}
.wdt30per{float:left;width:30% !important}
.mat10 {width:50%!important;margin-bottom:10px!important}

/*정보변경*/
#infochange {width:780px; margin:50px auto; border-radius:5px; padding:0 30px;box-sizing: border-box}
#infochange:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .infoc_wrap p.infoc_Tit{font-size:1.077em; border:1px solid #dedede; padding:10px;  margin:0 0 20px 0; background:#fff url(../../images/member/member_top.png) 15px center no-repeat; border-radius:5px}
#infochange .infoc_wrap p.infoc_Tit span{display:block; padding:10px; margin-left:65px; font-size:1.077em; color:#000; line-height:140%; background:#f2f2f2; border-radius:5px}
#infochange .infoc_wrap .infoc_box {width:auto; border:#dedbdb solid 1px; border-radius:5px}
#infochange .infoc_wrap .infoc_box:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .infoc_wrap .infoc_box ul {width:auto;padding:20px 60px}
#infochange .infoc_wrap .infoc_box ul:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .infoc_wrap .infoc_box ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
#infochange .infoc_wrap .infoc_box ul li span { display:inline-block;float:left; font-size:1.077em; font-weight:400; padding:10px 0 8px 0}
#infochange .infoc_wrap .infoc_box ul li p {margin-left:130px; font-size:12px; padding:8px 0 0 0}
#infochange .infoc_wrap .infoc_box  div.infocform {margin-left:130px; height:34px; padding:0 5px; background:#fff; border:#dfdfdf solid 1px; border-radius:5px}
#infochange .infoc_wrap .infoc_box  div.infocform input[type=text], #infochange .infoc_wrap .infoc_box  div.infocform input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
#infochange .infoc_wrap .infoc_box  div.infoctxt_form { height:34px; padding:10px 0 0 130px}
#infochange .ifoc_button{text-align:center; margin-top:20px}
#infochange .ifoc_button .btnWrap > div{display:inline-block}
#infochange .ifoc_button .btnWrap > div button{display:block; background:none; border:0; padding:15px; text-align:center; color:#fff; width:100%; font-weight:400}
#infochange .ifoc_button .btnWrap div.rightb {min-width:180px; margin-left:10px}
#infochange .ifoc_button .btnWrap div.leftb {min-width:180px}
#infochange .ifoc_button .btnWrap .confBtn {background:#007ac5; border-radius:10px}
#infochange .ifoc_button .btnWrap .cancBtn{background:#504f4f; border-radius:10px}

/*정보변경 폼*/
div.infoc_form {border:#dedbdb solid 1px; border-radius:5px}
div.infoc_form:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.infoc_form div.joinLine {border-bottom:1px solid #dddddd; padding:15px 20px; width:auto; position:relative}
div.infoc_form div.joinLine:last-child{border-bottom:none}
div.infoc_form div.joinLine:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.infoc_form div.joinLine p.setTit {float:left;width:120px;font-size:1.077em; font-weight:400; color:#3d3d3d; padding:5px 0 3px 0;  line-height:150%}
div.infoc_form div.joinLine div.setTxt { margin-left:120px; padding:0 0 0 0px}
div.infoc_form div.joinLine div.inputBoxLine{padding:0 0 0 0; margin:0; display:inlie-block}	
div.infoc_form div.joinLine div.inputBoxLine:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
div.infoc_form div.joinLine div.inputBoxLine .inputBox {float:left;width:100%}
div.infoc_form div.joinLine div.inputBoxLine .waveTxt {float:left;width:2%; margin:0 1% 0 0;text-align:center; padding:8px 0 0 0}
div.infoc_form div.joinLine div.inputBoxLine .textBox {float:left;width:100%; padding:8px 0 0 0}
div.infoc_form div.joinLine div.inputBoxLine .selectBox { width:40%;float:left;margin-right:1%}
div.infoc_form div.joinLine div.inputBoxLine .selectBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.infoc_form div.joinLine div.inputBoxLine .selectBox div { float:left;width:98%; border:1px solid #d5d5d5; border-radius:5px}	
div.infoc_form div.joinLine div.inputBoxLine .selectBox div select{width:100%; padding:0 0 0 0; border:0; height:30px; border-radius:5px}	
div.infoc_form div.joinLine  div.inputBoxLine>div{margin:0; padding:0}
div.infoc_form div.joinLine  div.inputBoxLine div.row{width:100%; clear:none; padding-top:10px}
div.infoc_form div.joinLine  div.inputBoxLine div.row:first-child{padding-top:0}
div.infoc_form div.joinLine  div.inputBoxLine div.row>div{float:left}
div.infoc_form div.joinLine  div.inputBox div.inputForm{ height:34px; padding:0 5px; background:#fff; background:#fff; border:#dfdfdf solid 1px; border-radius:5px}
div.infoc_form div.joinLine  div.inputBox input[type=text], div.joinWrap div.joinLine  div.inputBox input[type=password]{border:0; height:37px; line-height:37px; padding:0; width:100%; margin:0; background:none}
div.infoc_form div.joinLine  p.exTxtst01 {clear:both;line-height:140%; color:#7c7c81; padding:8px 0 0 0; font-size:12px}
div.infoc_form div.joinLine  p.exTxtst02 {line-height:140%; color:#ff0000; padding:5px 0 0 0; font-size:12px}
div.infoc_form div.joinLine  input[type=radio], div.setLine input[type=checkbox]{vertical-align:middle}

/*회원탈퇴*/
#infochange {width:100%}
#infochange:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .exit_wrap p.infoc_Tit{font-size:1.077em; border:1px solid #dedede; padding:10px;  margin:0 0 20px 0; background:#fff url(../../images/member/member_top.png) 15px center no-repeat; border-radius:5px}
#infochange .exit_wrap p.infoc_Tit span{display:block; padding:10px; margin-left:65px; font-size:1.077em; color:#000; line-height:140%; background:#f2f2f2; border-radius:5px}
#infochange .exit_wrap .exit_box {width:auto; border:1px solid #dedede; border-radius:5px}
#infochange .exit_wrap .exit_box:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .exit_wrap .exit_box ul {width:auto;padding:15px 20px}
#infochange .exit_wrap .exit_box ul:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .exit_wrap .exit_box ul li {color:#2c211d; line-height:130%; margin-bottom:12px}
#infochange .exit_wrap .exit_box ul li:last-child{margin-bottom:0}
#infochange .exit_wrap .exit_box ul li p.mexit_number {font-weight:400}
#infochange .exit_wrap .exit_box ul li p.mexit_number span.exittxt01 { color:#F00}
#infochange .exit_wrap .exit_box ul li p.mexit_con{margin:5px 0 10px 5px; padding:7px; border-radius:5px; background:#f2f2f2}
#infochange .exit_wrap .exit_box ul li:last-child p.mexit_con{margin-bottom:0}
#infochange .exit_wrap .exit_box ul li p.mexit_con span.exittxt02 {color:#4791f6}
#infochange .exit_wrap .exit_bot {width:auto; padding:15px 0}
#infochange .exit_wrap .exit_bot:after {content:""; clear:both; display:block; height:0; visibility:none}
#infochange .exit_wrap .exit_bot p.mexit_number { font-size:1.154em; font-weight:500}
#infochange .exit_wrap .exit_bot p.mexit_number span { display:block; font-size:12px; font-weight:normal; padding:5px 0 5px 0}
#infochange .exit_wrap .exit_bot .joincheckDiv {padding:0}
#infochange .exit_wrap .exit_bot .joincheckDiv p input[type=checkbox]{vertical-align:middle}
#infochange textarea{border-radius:5px}


/*임시비밀번호 변경_레이어창*/
div.temporarilypwWrap {width:100%;  background:#f5f5f7}
div.temporarilypwWrap div.temporarilypwBox {margin:0 0;  background:#fff; padding:0}
div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div#tempw_change {width:auto;padding:10px 0}
div.temporarilypwWrap div.temporarilypwBox div.orderchange>div{height:100%}
div.temporarilypwWrap div.temporarilypwBox .tempw_top { padding:0 0; background:#2c2f34}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit {color:#fff; font-size:18px; font-weight:400; text-align:center;  width:auto; position:relative; z-index:100; padding:20px 0}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit .btn_close { display:none; position:absolute;right:21px; height:21px; width:21px; top:50%; margin-top:-11px;background:url(../../images/member/pop_closed.gif) repeat left top}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt {color:#000;  line-height:140%; text-align:center;  padding:15px 10px 15px 10px; border-bottom:#007ac5 solid 2px; background:#fff}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt span {color:#f33729}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid { background:#fff; padding:15px 10px; float:none; border-bottom:#ccc solid 1px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {width:auto;background:#f5f5f7}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul {width:auto;padding:15px 10px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span { display:inline-block;float:left;width:110px;font-weight:400; padding:8px 0 8px 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:110px; font-size:12px; padding:8px 0 0 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:110px; border-left:1px solid #cecece;border-top:1px solid #cecece; height:34px; padding:0 5px; background:#fff}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=text], div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infoctxt_form { height:34px; padding:10px 0 0px 110px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button {width:100%;  text-align:center; z-index:100; margin:0 auto; margin-top:10px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn {background:#007ac5}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button{background:none; border:0; padding:10px 8px 13px 8px; text-align:center; display:block; color:#fff; width:100%; font-weight:400}

/*2년경과 재동의*/
#memjoin div.memjoinTop p.mjtTit{padding:0; margin-bottom:10px; font-size:1.538em}
#memjoin p.reagree_check { margin:0 0 15px}
#memjoin div.memjoinMidbox .area_reeagree {margin-bottom:5px}
#memjoin div.passBox { width:auto; padding:15px 20px; clear:both; background:#e0e0e0; margin-top:15px; border-radius:5px}
#memjoin div.passBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#memjoin div.passBox h4 { width:70px; height:36px; line-height:36px; float:left; font-size:1.1em; font-weight:400}
#memjoin div.passBox div.inputWrap {font-size:1.08em; padding-left:80px}
#memjoin div.passBox div.inputWrap .inputBox{height:30px; padding:0 5px; background:#fff; border-radius:5px}
#memjoin div.passBox div.inputWrap .inputBox input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
#memjoin div.passBox p { margin:10px 0 0 0; line-height:140%; padding-left:80px; font-size:0.95em}
#memjoin .reagreebutton {clear:both; margin-top:20px}
#memjoin .reagreebutton:after {content:""; clear:both; display:block; height:0; visibility:none}
#memjoin .reagreebutton .btnWrap{text-align:center}
#memjoin .reagreebutton .btnWrap > div {display:inline-block}
#memjoin .reagreebutton .btnWrap > div button{background:none; border:0; padding:10px 8px; text-align:center; display:block; color:#fff; width:100%; font-weight:400}
#memjoin .reagreebutton .btnWrap div.rightb {min-width:180px; margin:0}
#memjoin .reagreebutton .btnWrap div.leftb {min-width:180px; ;margin-right:2%}
#memjoin .reagreebutton .btnWrap .allBtn {background:#007ac5; border-radius:5px}
#memjoin .reagreebutton .btnWrap .exitBtn{background:#e72c2c; border-radius:5px}

/*  mobile layout */
@media only screen and (max-width:1024px) {
#memjoin{width:auto}
/*로그인*/
.Login .Login_box {width:auto; margin:10px auto; padding:20px}
.Login .Login_box .LoginBottom { margin-top:10px; padding:20px 0 0 0}
.Login .Login_box .LoginBottom span {font-size:12px}
.Login .Login_box .LoginBottom span a{padding:4px}
.Login .Login_box .LoginBottom span.l_jbtn a {padding:4px}

/*회원가입 등록폼*/
div.joinWrap div.joinLine p.setTit {float:left; width:100px; font-size:1.077em}
div.joinWrap div.joinLine div.setTxt {margin-left:100px; padding:10px}

/*하단 버튼*/
.btnWrap button{padding:10px}

/*아이디찾기확인*/
.Login .idserchconfirm_box .btnWrap{margin-bottom:20px}

}

/* pc layout */
@media only screen and (min-width:1025px) {

#memjoin div.memjoinWrap {margin:0 auto; margin-bottom:30px}
#memjoin div.memjoinWrap:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}

/*로그인*/
.Login .Login_box .Login_line { position:relative}
.Login .Login_box .Login_line ul {width:74%;padding:0 0}
.Login .Login_box .Login_line ul li {display:inline-block;float:left;width:100%; color:#2c211d; padding:8px 0; line-height:130%}
.Login .Login_box .Login_line ul li span { display:inline-block; width:90px; float:left;font-size:1.154em;font-weight:400; color:#434446; padding:6px 0 3px 30px;  line-height:150%}
.Login .Login_box .Login_line  div.liginform { float:right;height:34px; width:390px}
.Login .Login_box .Login_line  div.liginform input[type=text], .Login .Login_box .Login_line  div.liginform input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0;background:none}
.Login .Login_box .Login_line .LoginBtn {position:absolute; right:20px; top:2px; border-radius:10px}
.Login .Login_box .Login_line .LoginBtn button{background:none; border:0; width:160px; height:85px; padding:0 8px; text-align:center; display:block; color:#fff; font-weight:400;font-size:17px; border-radius:10px}
.Login .Login_box .Login_line .loginCheck { padding:10px 0 0 139px;font-size:13px}

/*아이디찾기*/
.Login .idserch_box {padding:20px 30px; margin:0 auto}
.Login .idserch_box p.idsearch_choicce { padding:0 0 0 15px}
.Login .idserch_box p.idsearch_choicce span { display:inline-block; padding:0 20px 0 0}
.Login .idserch_box .idserch_line {width:auto}
.Login .idserch_box .idserch_line:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserch_box .idserch_line ul {width:auto;padding:0 20px}
.Login .idserch_box .idserch_line ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserch_box .idserch_line ul li {padding:8px 0}
.Login .idserch_box .idserch_line ul li span { display:inline-block;float:left; width:110px}
.Login .idserch_box .idserch_line  div.liginform { margin-left:120px;  height:30px; line-height:30px}
.Login .idserch_box .idserch_line  div.liginform input[type=text], .Login .Login_box .Login_line  div.liginform input[type=password]{border:0; height:30px; line-height:32px; padding:0; width:100%; margin:0;background:none}
.Login .idserch_box #cpnumChk {margin-top:-15px}
.Login .idserch_box .idserch_line  p.exTxtst01 {  margin-left:120px}
.Login .idserch_box .memjoinbutton {border-top:#ccc solid 1px; margin-top:20px!important; margin-left:20px!important; margin-right:20px!important}
.Login .idserch_box .memjoinbutton button { font-weight:400; padding:14px 0 12px 0!important}

/*아이디찾기확인*/
.Login .idserchconfirm_box {padding:40px 80px; margin:0 auto}
.Login .idserchconfirm_box p.idconfirmTxt {line-height:140%; font-size:16px}
.Login .idserchconfirm_box .idconfirmbox {width:auto}
.Login .idserchconfirm_box .idconfirmbox:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserchconfirm_box .idconfirmbox ul {width:auto}
.Login .idserchconfirm_box .idconfirmbox ul:after {content:""; clear:both; display:block; height:0; visibility:none}
.Login .idserchconfirm_box .idconfirmbox ul li {width:auto;color:#2c211d; line-height:130%;font-size:13px; border:#dfdfdf solid 1px; margin:10px 0 20px}
.Login .idserchconfirm_box .memjoinbutton {border-top:#ccc solid 1px}
.Login .idserchconfirm_box .memjoinbutton button { font-weight:400; padding:14px 0 12px 0!important}

/*임시비밀번호 변경_레이어창*/
div.temporarilypwWrap {width:100%;  background:#f5f5f7}
div.temporarilypwWrap div.temporarilypwBox {position:relative; width:1150px;margin:0 auto;  background:#fff; padding:0}
div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div#tempw_change {width:auto;padding:40px 40px}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt { padding:25px 10px 25px 10px; font-size:1.077em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {position:relative;width:auto;background:#f5f5f7;padding:20px 20px;float:none; border-bottom:#ccc solid 1px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul {float:left;width:70%;padding:15px 30px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li {display:inline-block;float:left;width:100%;color:#2c211d; padding:3px 0; line-height:130%;font-size:1.083em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span {width:160px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:160px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:160px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=text], div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform input[type=password]{border:0; height:30px; line-height:30px; padding:0; width:100%; margin:0; background:none}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infoctxt_form { height:34px; padding:10px 0 0px 110px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button {position:absolute; left:auto; right:100px; top:226px; width:18%; margin:0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn {background:#007ac5; border:1px solid #007ac5;  border-bottom:1px solid #084b75;height:120px;border-radius:5px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button{background:none; border:0; padding:55px 8px 13px 8px; text-align:center; font-size:16px; display:block; color:#fff; width:100%; font-weight:400}
.mat10 {width:55%!important;margin-bottom:10px!important;margin-right:10px!important}

}


@media only screen and (max-width:810px) {
#memjoin{width:auto}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t {font-size:1.154em; letter-spacing:-.5px}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t span{font-size:11px}
/*로그인*/
.Login .Login_box {width:auto}
}

@media only screen and (max-width:520px) {
/*정보변경*/
#infochange {width:auto; padding:0 10px}
#infochange .infoc_wrap .infoc_box ul {padding:15px}
#infochange .infoc_wrap .infoc_box div.infoctxt_form{padding-left:77px}
#infochange .infoc_wrap .infoc_box div.infocform{margin-left:77px}
#infochange .ifoc_button .btnWrap > div button{padding:10px}
#infochange .ifoc_button .btnWrap div.rightb {width:100%; margin:8px 0 0}
#infochange .ifoc_button .btnWrap div.leftb {width:100%}
}

@media only screen and (max-width:455px) {

/*하단 버튼*/
#memjoin div.memjoinbutton{padding:20px 0 0}
#memjoin div.memjoinbutton .btnWrap div.btnBox {width:100%; margin:0 0 8px}
#memjoin div.memjoinbutton .btnWrap div.btnBox:first-child{margin-left:0}	
.btnWrap button{padding:10px}

/*회원가입 등록폼 버튼*/
.memjoinbutton .btnWrap div.leftb {width:100%}
.memjoinbutton .btnWrap div.rightb {width:100%; margin:8px 0 0}

/*2년주기 개인정보 재동의*/
#memjoin .reagreebutton .btnWrap div.leftb {width:100%}
#memjoin .reagreebutton .btnWrap div.rightb {width:100%; margin:8px 0 0}
}