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

/*section*/
#memjoin{margin:25px 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:6px;  margin:0 0 20px 0; /* background:#fff url(../../images/member/member_top.png) 15px center no-repeat; */ border-radius:10px}
#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:#151515; font-weight:400; text-align:center; padding:30px 0 0 0}
#memjoin div.memjoinTop p.mjtTxt { padding:15px 10px 15px 45px; font-size:1.077em; color:#2a2a2a; line-height:150%; background:#ebebeb url(../../images/member/blt_infotop_txt.png) 10px center no-repeat; border-radius:5px}
#memjoin div.memjoinTop p.mjtTxt2 {padding:13px 10px 13px 75px; background:#ebebeb url(../../images/member/blt_brd_top.png) 10px center no-repeat;}
#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; background:#707070; border-radius:15px 15px 0 0}
#memjoin div.memjoinMidbox .mjoinTit:after {content:""; clear:both; display:block; height:0; visibility:none; 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:#f72813}
#memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_c {float:right; color:#fff}
#memjoin div.memjoinMidbox .area_reeagree {margin-bottom:15px;border:#cecece solid 2px; border-top:0; 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}
.btBox {border-bottom:3px solid #ccc}
.btnWrap button{display:block; background:none; border:0; padding:15px; text-align:center; color:#fff; width:100%; font-weight:400}
.okBtn{background:#007ac5; border-color:#9eceeb}
.okBtn02 {background:#007ac5; border-color:#9eceeb}
.canBtn{background:#7e7e7e}

/*회원가입 등록폼*/
div.joinWrap { border-top:#2c2c2c solid 2px; border-bottom:1px solid #2c2c2c}
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:500; 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; font-size:1.077em}
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%; border:1px solid #d5d5d5}	
div.joinWrap div.joinLine div.inputBoxLine .selectBox div select{width:100%; padding:0 0 0 0; border:0;  height:37px}
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:#525252; padding:8px 0 0 0; font-size:0.923em}
div.joinWrap div.joinLine p.exTxtst01 span {line-height:140%; color:#ff0000; padding:5px 0 0 0; font-size:0.923em}
div.joinWrap div.joinLine input[type=radio], div.setLine input[type=checkbox]{vertical-align:top}
.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; border-color:#9eceeb}
.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:#e5e5e5 solid 5px; margin:50px auto; border-radius:20px; padding:35px 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:#2a8fc7 linear-gradient(135deg, #2a8fc7, #00417b); font-size:1.083em; font-weight: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:13px}
.Login .Login_box .Login_line .loginCheck .checkId { vertical-align:top}
.Login .Login_box .LoginBottom { border-top:#ccc dashed 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-bottom:1px solid #ada8a8; 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:#0e9eff;border:#0589e1 solid 1px; border-bottom:#03476c 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:#e5e5e5 solid 5px; padding:20px; border-radius:20px}
.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.077em}
.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%; font-weight:500}
.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 5px; width:100%; margin:0; background:none; box-sizing:border-box}
.Login .idserch_box .idserch_line  p.exTxtst01 { line-height:130%;font-size:0.923em;padding:10px 0 0 0}
.Login .idserch_box .memjoinbutton {border-top:#ccc dashed 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:#e5e5e5 solid 5px; padding:20px 20px 0 20px}
.Login .idserchconfirm_box div.idconfirmTxt {text-align:center}
.Login .idserchconfirm_box div.idconfirmTxt p {display:inline-block; padding:5px 10px 15px 60px;line-height:140%; text-align:left; background:url(../../images/member/bg_find_confirm.gif) no-repeat 0 3px}
.Login .idserchconfirm_box div.idconfirmTxt p 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:15px 10px 15px 45px; font-size:1.077em; color:#2a2a2a; line-height:140%; background:#ebebeb url(../../images/member/blt_infotop_txt.png) 10px center no-repeat; 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:0.923em; padding:8px 0 0 0}
#infochange .infoc_wrap .infoc_box  div.infocform {margin-left:130px; height:34px; padding:0 5px; background:#fff; 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; border-color:#9eceeb}
#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;  no-repeat; border-radius:5px}
#infochange .exit_wrap p.infoc_Tit span{display:block; padding:15px 10px 15px 45px;  font-size:1.077em; color:#2a2a2a; line-height:140%; background:#ebebeb url(../../images/member/blt_infotop_txt.png) 10px center no-repeat; 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 {position:fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 500; min-width: 320px}
div.temporarilypwWrap div.temporarilypwBox {position:relative; width:95%; margin:130px auto; padding:5px; background:#00bcd4; box-sizing: border-box; border-radius:15px}
div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox div#tempw_change {width:auto; padding:4px 20px 15px; background:#fff; border-radius:15px}
div.temporarilypwWrap div.temporarilypwBox div.orderchange>div{height:100%}
div.temporarilypwWrap div.temporarilypwBox .tempw_top { padding:0 0}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit { width:auto; position:relative; z-index:100; padding:20px 0; color:#1a1a1a; font-size:1.385em; font-weight:600; text-align:center; border-bottom:2px dashed #dfdfdf}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit .btn_close {position:absolute; right:0; height:36px; width:36px; top:50%; margin-top:-18px; background:#424852 url(../../images/common/btn_close.png) no-repeat 50% 50%; border-radius:10px}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt {color:#000;  line-height:160%; text-align:center;  padding:18px 10px; font-size:1.077em; font-weight:400}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt strong {font-size:1.077em}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt span {color:#f33729}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid {padding:20px; float:none; border:1px solid #c9c9c9; border-radius:15px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {width:auto}
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}
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:6px 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:500; padding:8px 0 8px 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:110px; font-size:0.857em; padding:8px 0 0 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:110px; border: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:32px; line-height:32px; 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:#2a8fc7 linear-gradient(135deg, #2a8fc7, #00417b); border-radius:10px}
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; font-size:1.154em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li .tempw_etc {padding-left:25px; background:url(../../images/member/blt_tempw_etc.gif) no-repeat 0 7px}

/*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.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}

/*  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:13px}
.Login .Login_box .LoginBottom span a{padding:5px 5px 4px}
.Login .Login_box .LoginBottom span.l_jbtn a {padding:5px 5px 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}
div.joinWrap div.joinLine p.setTit label {padding-top:17px}

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

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

/*임시비밀번호 변경 */
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span {width:100%}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin:40px 0 0 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin:0}
}

/* 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:500; 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; font-weight:500}
.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 div.idconfirmTxt p{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}


#memjoin div.memjoinMidbox .area_reeagree p.reeagr_Tit {font-size:1.154em}
#memjoin div.memjoinMidbox .area_reeagree .area_box .reeagr_Txt {font-size:1.077em}

/* 회원가입 */
#memjoin div.memjoinbutton div.btBox button {font-size:1.154em}

/*임시비밀번호 변경_레이어창*/
/* div.temporarilypwWrap {width:100%;  background:#f5f5f7} 
div.temporarilypwWrap div.temporarilypwBox {position:relative; width:1200px;margin:0 auto;  background:#fff; padding:0}*/

div.temporarilypwWrap div.temporarilypwBox {position:relative; margin: 10% auto; width: 90%; max-width: 850px; min-width: 270px; border:0}
div.temporarilypwWrap div.temporarilypwBox:after {content:""; clear:both; display:block; height:0; visibility:none}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit {padding:22px 0; font-size:1.538em}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTit span {padding:10px 0 10px 55px; background:url(../../images/member/bg_tempw_tit.gif) no-repeat 0 50%}
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt { padding:25px 10px 25px 10px; font-size:1.154em}

div.temporarilypwWrap div.temporarilypwBox div.tempw_mid  {position:relative;width:auto;margin:0 0 20px; padding:40px 30px;float:none}
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; padding:0 132px 0 0}
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.154em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span {width:120px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin-left:120px; font-size:13px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin-left:120px}

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:56px; top:215px; width:15%; margin:0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn {background:#2a8fc7 linear-gradient(135deg, #2a8fc7, #00417b);  border:1px solid #007ac5;  border-bottom:1px solid #084b75;height:152px;border-radius:10px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button{background:none; border:0; padding:70px 8px 20px 8px; text-align:center; font-size:1.385em; display:block; color:#fff; width:100%; font-weight:400}
.mat10 {width:55%!important;margin-bottom:10px!important;margin-right:10px!important}
div.temporarilypwWrap div.temporarilypwBox div#tempw_change {padding:4px 30px 4px}

}


@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}

/* 임시비밀번호 */
div.temporarilypwWrap div.temporarilypwBox .tempw_top p.asetTxt {font-size:1em}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid {padding:10px 20px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li span {display:block; float:inherit; width:100%; margin-bottom:5px}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li div.infocform {margin:40px 0 0 0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_mid ul li p {margin:0}
div.temporarilypwWrap div.temporarilypwBox div.tempw_button .changeBtn button {font-size:1.077em}

}

/*개인정보 재동의2021*/
#header_reagree {background-color:#fff;box-shadow: 0px 3px 8px rgba(0,0,0,0.1);}
#header_reagree #join_reagree div.reagree_top div {width:100%; max-width:1200px}
#header_reagree #join_reagree div.reagree_top div ul.topMn {margin-top:-20px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li a {padding:0 12px; font-family:CGC;; font-weight:500}
#header_reagree #join_reagree div.reagree_top div ul.topMn li {border-radius:10px; margin-left:3px; border:1px solid #ddd}
#header_reagree #join_reagree div.reagree_top div ul.topMn li:hover {background:#fff; transition:.3s}
#header_reagree #join_reagree div.reagree_top div ul.topMn li:hover a {color:#00aef0}

#container_reagree #memjoin div.memjoinTop {padding:15px; border-width:2px}
#container_reagree #memjoin div.memjoinTop p.mjtTxt {background-position:10px 15px; border-radius:10px}

#container_reagree .memjoinWrap{width:1200px; margin:0 auto}
#container_reagree div.memjoinTop p.mjtTit{padding:10px 0 20px; margin-bottom:15px; border-bottom:1px dashed #ccc; text-align:center; font-weight:600; font-size:1.385em}
#container_reagree .mjtTxt{padding:15px; border-radius:10px; background:#f3f3f3; line-height:150%; font-size:14px; font-weight:400}
/* #container_reagree .mjoinTit_t{margin-left:10px; padding-left:15px; background:url(../../images/app/blt_protop02.png) no-repeat 0 3px; font-size:16px; font-weight:500} */
#container_reagree #memjoin div.memjoinMidbox .mjoinTit {position:relative; padding:6px 10px; border-radius:10px 10px 0 0; font-size:1.385em; font-weight:500}
#container_reagree #memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t {display:inline-block; padding:10px 10px 10px 32px; color:#fff; background:url(../../images/member/blt_app_membertit.gif) no-repeat 0 50%; font-size:18px}
#container_reagree .area_jointxt {padding:0; margin:15px 0}
#container_reagree .area_reeagree{padding:15px; margin-bottom:10px; border:3px solid #d5d5d5; border-radius:0 0 15px 15px}
#container_reagree .area_reeagree::-webkit-scrollbar {width: 12px}
#container_reagree .area_reeagree::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 5px 0; box-shadow: inset 0px 0px 0px white}
#container_reagree .area_reeagree::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
#container_reagree p.reagree_check{margin:0 10px 30px; font-weight:500; text-align:right}
#container_reagree .btnWrap{text-align:center}
#container_reagree .btnWrap button {width:auto; min-width:160px; margin:5px 3px; padding:0 15px; height:40px; line-height:38px; background:#fff; border-radius:10px; box-sizing: border-box; box-shadow:2px 3px 0 1px #c1c1c1; font-weight:500; font-size:1.077em; transition:all 0.5s; color:#fff}
#container_reagree .btnBox{display:inline-block}
#container_reagree .btBox:hover button {transform:translateX(-3px) translateY(-3px); box-shadow: 3px 4px 0 2px #c1c1c1; transition:all 0.5s}
#container_reagree .btnWrap .allBtn button{background:#1e6dc1; box-shadow:0 4px 0 1px rgba(30,109,193,0.3)}
#container_reagree .btnWrap .exitBtn button{min-width:120px; background:#9c9c9c; box-shadow:0 4px 0 1px rgba(156,156,156,0.4)}

#container_reagree #memjoin div.memjoinMidbox .area_reeagree .area_box .reeagr_Txt {font-weight:400}
#container_reagree #memjoin div.memjoinMidbox .area_reeagree .area_box > ul > li {font-weight:400}
#container_reagree .btnBox .btBox {border:0}
#container_reagree #memjoin div.memjoinMidbox .area_reeagree dl {font-weight:400}
#container_reagree #memjoin div.memjoinMidbox .area_reeagree p.reeagr_Tit {font-size:1.077em}

#container_reagree #memjoin div.passBox p {font-weight:400}

@media only screen and (max-width:1024px) {
#header_reagree #join_reagree div.reagree_top div {padding:0 10px; box-sizing:border-box}
#header_reagree #join_reagree div.reagree_top div ul.topMn {right:10px}
#header_reagree div.reagree_top div h1 {width:280px; height:auto}

#header_reagree div.reagree_top div h1 img {width:100%; height:100%}
#header_reagree #join_reagree div.reagree_top div ul.topMn {margin-top:-15px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li a {padding:0 5px}
#header_reagree #join_reagree div.reagree_top div ul.topMn li {height:30px; line-height:30px}

#container_reagree .mjoinTit {font-size:1.231em}
#container_reagree .memjoinWrap{width:auto; margin:0 15px}
#container_reagree #memjoin div.memjoinMidbox .mjoinTit p.mjoinTit_t {font-size:16px}
#container_reagree #memjoin div.memjoinTop p.mjtTxt {font-size:13px}
}

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

#header_reagree #join_reagree div.reagree_top div {padding:0 10px 30px}
#header_reagree #join_reagree div.reagree_top div ul.topMn {margin-top:5px}

}