/* sub00 : 멤버서비스 */
	/* 01. 회원서비스 */
	body.login #navWrap .nav{border-bottom: 0px;}

	body #navWrap .nav h2.subTitle{display: inline-block; position: absolute; left: 208px; bottom: 17px; *bottom: 10px;}


/* 회원가입, 비밀번호찾기, 비밀번호변경 */
body.memService #container.step{max-width: 990px; min-width: 880px; margin: 0 auto; padding-left: 17px; padding-right: 17px; padding-bottom:10px;}/* 2018019수정 */
body.memService #container.step .contentsWrap{border-top: 2px solid #5a5956; border-bottom: 1px solid #5a5956;  margin: 0; padding-top: 60px; padding-bottom: 60px; margin-bottom:20px;}
.step .contents h3{margin-bottom:55px;  text-align: center; color: #3d3b38; letter-spacing: -0.06em; font-size: 1.438em; }
.step .contents h3.pwChange{margin-top:30px; margin-bottom:30px; font-family: 'nanum-square-b';}
.step .conLayout{max-width: 720px; margin:0 auto;}
.step .conLayout h4{ color: #383838; font-size: 1.125em; letter-spacing: -0.06em; display: block; margin-bottom: 7px;    font-family: nanum-square-b, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;
    font-size: 1.438em; line-height: 30px;    line-height: 35px;}
.step .conLayout p{color:#383838; font-size:0.875em; letter-spacing:-0.04em; margin-bottom:9px; line-height:20px;}

.step .joinForm{display: block; background: #fff; border: 1px solid #e3e3e3;}
.step .joinForm form > p{text-align:center; margin-bottom:40px;}

.step .greeting{padding-top: 80px; padding-bottom:80px; text-align: center;}
.step .greeting h4{margin-bottom: 30px;}
.step .greeting p{margin-bottom:0px; }

.step .section02{margin-top:30px;}
.step .joinForm form{padding-top: 50px; padding-bottom: 40px;}
.step .joinForm form div{margin-bottom: 13px; margin-left: 120px; }

/* 레이어관련 스타일 */
.step .joinForm form div.layer{display:none; margin-left: 19px; margin-right: 19px;  /* padding: 12px 13px 12px 13px; */ padding: 14px; position:relative;  font-size: 0.750em; letter-spacing: -0.07em; background: #f0f6e6; border: 1px solid #e3edd2; color: #667350;}
.step .joinForm form div.layer strong{ float: left; color: #657250; padding-right: 13px; *padding-right: 12px; letter-spacing: -0.08em;}
.step .joinForm form div.layer ol{float:left;line-height: 19px; width: 520px; *width: 518px; }
.step .joinForm form div.layer ol li b{color:#87a457; font-weight:normal;letter-spacing: -0.03em;}
.step .joinForm form div.layer p{color:#667350; font-weight:normal; font-size:inherit; *font-size:12px; }
.step .joinForm form div.layer a{position:absolute; top:9px; right:9px;display:inline-block; width:12px; height:11px; cursor: pointer; float:right;}
.step .joinForm form div.layer.findPhone{margin-top:-15px;}
.step .joinForm form div.layer.findPhone p{margin-bottom:0px;line-height: 17px;}
.step .pwTip .joinForm form{ padding-bottom: 20px;}
.step .pwTip .joinForm form div.layer{ padding: 12px; letter-spacing: -0.08em; margin-bottom:0px;}
.step .pwTip .joinForm form div.layer strong{ padding-right: 11px;}
.step .pwTip .joinForm form div.layer ol{  width: 566px;}

.step .joinForm form div label{float: left; display: inline; width: 136px; font-weight: bold; color: #383838; font-size: 0.875em; letter-spacing: -0.04em; line-height: 37px; height: 40px;}
.step .joinForm form div label a.i{ display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: -1px; *vertical-align: 5px; cursor: pointer;}
.step .joinForm form div .inputWrap{ float: left;  margin-left: 0px; padding-bottom:0px; margin-bottom:0px;  width: 333px; }
.step .joinForm form div .inputWrap input.getNumBtn{ background: url(../images/sub/common/btnSendNum.gif) center center no-repeat; width: 332px; height: 40px; border: 1px solid #83bc1f; margin-top: 5px; cursor:pointer;}
.step .joinForm form div .inputWrap p{font-weight:bold; font-size:1.000em; letter-spacing:0.1em; margin-bottom:0px; line-height: 40px; font-family: 'tahoma', serif !important;}
.step.sub05 .joinForm form div .inputWrap p{letter-spacing: -0.01em; font-family: sans-serif !important;}
.step .joinForm form div input{width: 310px; height: 18px; border: 1px solid #dbdbdb; padding:10px; letter-spacing: 0.05em;
font-size: 1em;}
.step .joinForm form div .notice{float: left; color:#ed531c; background:url(../images/sub/common/icon_caution.gif) left 4px no-repeat; font-size:0.750em; letter-spacing:-0.06em; padding-left:15px; display: block;margin-top: 2px; cursor:default;}
.step .section02 .notice{float: none; color: #ed531c; background: url(../images/sub/common/icon_caution.gif) left 4px no-repeat; font-size: 0.750em; letter-spacing: -0.06em; padding-left: 15px; display: inline; /* margin-top: 2px; */ font-weight: normal; font-size: 12px; letter-spacing: -0.06em;}
.step .btnWrap{ text-align: center; margin-top: 30px; }
.step .btnWrap .btn01{margin-right:5px;}


/* 약관동의 아코디언 체크박스, 열기&닫기 style */
.step .accordion-container{position: relative; height: auto;
/* 드래그금지 */
-ms-user-select: none; 
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;}
.step .accordion-container .set{cursor:pointer; position: relative; width: 100%; height: auto; background: #fff; border: 1px solid #e3e3e3; border-top: 0px;}
.step .accordion-container #selectAll{ border-top: 1px solid #e3e3e3;}
.step .accordion-container #selectAll a{cursor:default !important; }/* 201806319추가 */
.step .accordion-container #selectAll > a.active{background:#fff;}
.step .accordion-container #selectAll > a.active i{background:url(../images/sub/common/btnAgreeClose.gif) right center no-repeat;}
.step .accordion-container .set button{width:21px; height:21px; margin:0 5px 0 0; float:left; padding:0;background:url(../images/sub/common/btnCbox.gif) no-repeat; vertical-align:middle; display:inline-block; position: absolute; top: 16px; left: 18px;}
.step .accordion-container .set button.active{background:url(../images/sub/common/btnCbox_on.gif) no-repeat; position: absolute; top: 16px; left: 18px;}
.set > a{display: block; padding: 17px 15px; padding-left: 52px; text-decoration: none; color: #383838; font-weight: 600; font-size: 0.875em; letter-spacing: -0.04em;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;}
.step .accordion-container .set > a b{color:#ed531c; font-weight:normal; padding-right: 13px;}
.step .accordion-container .set > a em{ padding-right: 13px;font-weight:normal;font-style:normal;}
.step .accordion-container .set > a i{position: absolute; right:20px; background: url(../images/sub/common/btnAgreeClose.gif) right center no-repeat; text-indent: -99999999px; width: 12px; height: 12px; margin-top: 5px;}
.step .accordion-container .set > a.active{background-color:#f0f6e6; color: #383838;}
.step .accordion-container .set > a.active i{background:url(../images/sub/common/btnAgreeOpen.gif) right center no-repeat;}
.step .accordion-container .a_content{position:relative; width: 100%; height: auto; background-color: #f0f6e6; display:none;padding-bottom: 20px;}
.step .accordion-container .a_content div{ cursor: default;}
.step .accordion-container .a_content div.txtWrap{ color: #959595; width: 680px; background: #fff; margin: 0 auto; border: 1px solid #dbdbdb; cursor: default;}/* 20180319수정 */
.step .accordion-container .a_content div.blindBarBottom{display: block; background-color: #fff; height: 10px; width: 649px; position: absolute; bottom: 21px; left: 27px; z-index: 1010;}
.step .accordion-container .a_content div.blindBarTop{display: block; background-color: #fff; height: 10px; width: 649px; position: absolute; top: 1px; left: 27px; z-index: 1010;}
.step .accordion-container .a_content div h5{font-size:1em; letter-spacing:-0.06em; font-weight:bold;}

/* 20180319추가 */
.step .accordion-container .a_content div.txtWrap .txtarea{padding: 10px 10px; color: #959595; box-sizing: border-box; width: 100%; *width: 97%; /* background: #fff; */ height: 130px; cursor: default; font-size: 12px; letter-spacing: -0.06em; line-height: 18px; resize: none; font-family: "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;}

/* 20180409추가 */
/* 소매인계약 약관동의 탭기능 추가 */
.txtTabWrap{width: 681px; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; height: 30px; background: #f6f6f6; border-bottom: 0px; margin: 0 auto;}
.txtTab{float: left; border-left: 1px solid #dbdbdb;}
.txtTab a{display: inline-block; height: 30px; width: 225px; text-align: center; font-size: 13px; line-height: 27px; *line-height: 30px; color: #777;}
.txtTab a.active{font-weight:bold;}

@media \0screen {
   .txtTab a{line-height: 30px;}
}


/* 20190424추가 */ 
/* 소매인계약서 인쇄 및 내려받기 리스트 관련 style_20190424 */
.print_list{ transform:skew(-0.001deg); margin-top: 30px; font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;}
.print_list ul{border-top: 2px solid #3d3b38; border-bottom: 1px solid #d9d9d9;}
.print_list .date{ border-bottom: 1px solid #bfbfbf;font-size: 1em; padding: 10px 0px; font-weight: 600; height: 24px; line-height: 24px;}	
.print_list.add_list li{float: left;}
.print_list.add_list .conWrap{ border-left:0px;}
.print_list .date span{display:block;}
.print_list .printBtnWrap{ margin-top:0px; padding: 18px 0px;}	
/*
.print_list .printBtnWrap a{font-size: 13px; border: 1px solid #333333; border-radius: 3px; color: #000; padding-left: 35px; padding-right: 10px;}
.print_list .printBtnWrap a.btnPrint{background: url(../images/sub/common/icon_bbsPrint2.gif) 9px center no-repeat;}
.print_list .printBtnWrap a.btnDown{background: url(../images/sub/common/icon_bbsDown.gif) 9px center no-repeat;}
*/
/* 20200610추가 */
/* 계약승계 동의서 관련 변경 */
.print_list .printBtnWrap a{font-size: 13px;border: 1px solid #333333;border-radius: 3px;color: #000;padding-left: 30px;padding-right: 8px;}
.print_list .printBtnWrap a.btnPrint{background: url(../images/sub/common/icon_bbsPrint2.gif) 6px center no-repeat;}
.print_list .printBtnWrap a.btnDown{background: url(../images/sub/common/icon_bbsDown.gif) 6px center no-repeat;}

.print_tip{font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic", 돋움, dotum;margin-top: 30px; background: #f3f6f7; height: 45px; padding: 0px 23px; font-size: 0.813em; text-align: left; line-height: 45px; position: relative;  color: #444; letter-spacing: -0.05em;}
.print_tip span{color: #1f39ce; text-decoration: underline;font-weight: 600;}
.print_tip a{font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic"; outline: none;  position: absolute; right: 10px; top: 9px; background: #fff; border: 1px solid #bfbfbf; height: 25px; line-height: 25px; width: 107px; text-align: center; color: #000;font-weight: 600;}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.print_list .printBtnWrap a{height:34px; font-size:14px; line-height: 22px;}
	.print_list{font-family: nanum-square-b, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;}
	.print_tip{font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic", 돋움, dotum; font-weight:300;}
	.print_tip a{font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic"; font-weight: 600;}
}

/* 20190424추가 */ 
/* 인쇄가이드 레이어팝업 관련 style */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}
#layerPop{display:none; position:relative; z-index: 9999;}
#layerPop .layerContent{width: 437px; padding: 28px 18px 22px 22px; border: 1px solid #b1b1b1; position: fixed; left: 50%; top: 20%; background: #fff; box-shadow: 3px 3px 5px rgba(111,111,111,0.25); font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica;}
#layerPop .layerContent h5{color: #333; font-size: 25px; text-align: center; padding-bottom: 17px; border-bottom: 2px solid #5b5957;}
#layerPop .layerContent div{text-align: center;}
#layerPop .layerContent div.con01{padding-top:15px;}
#layerPop .layerContent div.con02{padding-top:17px; padding-bottom:13px;}
#layerPop .layerContent button{border:0; background:transparent; *overflow:visible; position: absolute; right: 20px; top: 20px; cursor: pointer;}
#layerPop .layerContent button, button:focus, button:active{padding: 0;}
#layerPop .layerContent button span{position:relative;}
#layerPop .layer_tip{color: #333333; font-size: 0.74em; font-family: nanum-square-r, "맑은 고딕", "Malgun Gothic", 돋움, dotum, 굴림, gulim, Arial, AppleGothic, verdana, sans-serif, helvetica; padding: 8px; height: 12px; line-height: 12px; background: #f3f6f7; text-align: left; letter-spacing: -0.14em;}
#layerPop .layer_tip a{font-weight: bold; color: #3046c3; text-decoration: underline; padding-left: 2px;}

/* 20190620추가 */
p.print_noti{font-size: 12px !important; color: #a1a1a1 !important; padding-top: 10px;}