@charset "utf-8";

/* 로그인 */
.login_all {padding:70px 0 80px 0;}
.login_whole {width:1191px; margin:0 auto; background:#fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.1); padding:0 250px 70px;}
.login_wrap h1 {text-align:center; margin-bottom:45px; font-size:28px; font-weight:700;}
.login_wrap input[type=text],
.login_wrap input[type=email] {margin-bottom:10px;}
.store {padding:15px 0; font-size:18px;}
.store li {float:left;}
.store li:first-child {margin-right:20px;}
.search_join {width:100%; padding: 10px 16px; font-size:18px;}
.search_join li {float: left; height: 30px; line-height: 30px; width:50%; text-align: center;}
.search_join li:first-child {position:relative;}
.search_join li:first-child:after {content:""; display:inline-block; position:absolute; top:7px; right:0px; width:1px; height:15px; background:#ddd;}
.search_join li a {display: block; width:100%; height:100%;}
.ht45 {height: 55px; line-height: 55px;}
.logbtn {background:#1f5dfa; margin:10px auto 0; font-size:18px;}
.login_etc a span {font-size:18px;}
.facebook {background:#3b5998; margin:8px auto 0;}
.facebook span {background:url(../images/login_fb.gif) no-repeat left center; background-size:25px auto; padding-left:28px;}
.google {background:#f5f5f5; margin:8px auto 0;}
.google span {background:url(../images/login_google.gif) no-repeat left center; background-size:25px auto; padding-left:28px; color: #371b03; }
.naver {background:#00d700; margin:11px auto 0;}
.naver span {background:url(../images/login_naver.gif) no-repeat left center; background-size:25px auto; padding-left:28px;}
.kakao {background:#ffde00; margin:11px auto 0;}
.kakao span {background:url(../images/login_kakao.gif) no-repeat left center; background-size:25px auto; padding-left:28px; color: #371b03;}
.pd34 {padding-top: 34px;}

.pw_search {z-index:100001; background:#fff; width:680px; position:relative; display:none; height:590px; padding:0 15px;}
.pw_search .pop_off {position:absolute; top:10px; right:10px; width:35px; height:35px; background:url(../images/pop_off.png) no-repeat; background-size:35px auto; text-indent:-9999px;}
.pw_search h2 {text-align:center; margin:100px 0 100px 0; font-size:24px; font-weight:700;}
.pw_search input[type=email] {border:none; border-bottom:1px solid #ddd; width:calc(100% - 32px); margin-left:16px;}
.pw_search input[type=email]::-webkit-input-placeholder {text-align:center;}
.pw_search button {background:#1f5dfa; margin:25px auto 60px; height: 50px; line-height: 50px; font-size:18px;}

.pw_msg {z-index:100001; background:#fff; width:680px;position:relative; padding-bottom:60px;display:none;}
/* .pw_msg .pop_off {position:absolute; top:7px; right:7px; width:25px; height:25px; background:url(../images/pop_off.png) no-repeat; background-size:25px auto; text-indent:-9999px;} */
.pw_msg h2 {text-align:center; margin:40px 0 25px 0; font-size:20px;}
.pw_msg p {text-align:center;}
.pw_msg p em {color:#1f5dfa; font-weight:500;}
.pw_msg .customer {color:#1f5dfa; font-weight:500}
.pw_msg .cus_email {color:#1f5dfa; font-weight:500; margin-bottom:10px;}
.pw_msg .cus_memt {margin-bottom:10px;}

.benefits_wrap{display:flex;justify-content: space-between;margin:35px 35px 0;}

/* 회원가입 */
.pd250 {padding:0 250px 50px;}
.join_whole {padding:70px 0 80px 0;}
.join_wrap {width:1191px; margin:0 auto; background:#fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.1);}
.steps {display:flex; height:75px; width:100%; }
.steps li {flex:3; background:#e9e9e9; color:#ccc; position:relative;}
.steps li div {position:absolute; left:50%; transform: translate(-50%, 0);  top:16px;}
.steps li.on {background:#1f5dfa; color:#fff;}
.steps li span {display:block;}
.steps li .certify {background:url(../images/key_off.png) no-repeat left 22px; background-size:17px auto; width:90px; padding-left:21px;}
.steps li .agree {background:url(../images/agree_off.png) no-repeat left 24px; background-size:25px auto; width:95px; padding-left:28px;}
.steps li .infoput {background:url(../images/infoput_off.png) no-repeat left 23px; background-size:20px auto; width:90px; padding-left:23px;}
.steps li.on .certify {background:url(../images/key_on.png) no-repeat left 22px; background-size:17px auto;}
.steps li.on .agree {background:url(../images/agree_on.png) no-repeat left 24px; background-size:25px auto;}
.steps li.on .infoput {background:url(../images/infoput_on.png) no-repeat left 23px; background-size:20px auto;}
.steps li span {display:block;}
.steps li span:first-child {font-size:14px; position:relative;}
.steps li span:last-child {font-size:18px; font-weight:700;}
.step01 {margin-top:180px;}
.step01 p {text-align:center; margin-bottom:130px; font-size:18px;}
.step01 .phone_wrap {border:1px solid #ddd; height:55px; margin-bottom:15px;}
.step01 .phone_wrap select {float:left; display:block; border:none; width:110px; border-right:1px solid #ddd; height:53px; padding-left:8px;}
.step01 .phone_wrap input[type=tel] {float:left; display:block; border:none; width:calc(100% - 110px); height:53px;}
.step01 .certi_num input[type=number] {float:left; display:block; height:55px; width:calc(100% - 110px);}
.step01 .certi_num .certi_btn {float:left; display:block; width:110px; height:55px; background:#9b9b9b; color:#fff;}
.step01 .clock {margin-top:5px; color:#1f5dfa; padding-left:5px;}
.step01_firm {background:#1f5dfa; height: 60px; line-height: 60px; width:calc(100%); border-radius: 3px; text-align:center; color:#fff; font-size: 18px; font-weight: 500; display:block; margin-top:30px;}
.certi_firm {background:#1f5dfa; height: 60px; line-height: 60px; font-size:18px; width:100%;}
.step02 {margin-top:160px;}
.step02 ul {background: #f0f7fd; border:1px solid #e8e8e8; padding:25px 10px;}
.step02 ul li {margin-bottom:10px;}
.step02 ul li:nth-child(2) {position:relative}
.step02 ul li:nth-child(2) span {color:#1f5dfa; font-weight:500; margin-left:2px; position:relative;}
.step02 ul li:nth-child(2) a {display:block; position:absolute; top:3px; right:0px; background:url(../images/arrow_leftopen.png) no-repeat right center; background-size:7px auto; padding-right:10px;}
.step02 ul li:nth-child(3) {position:relative}
.step02 ul li:nth-child(3) span {color:#1f5dfa; font-weight:500; margin-left:2px;}
.step02 ul li:nth-child(3) a {display:block; position:absolute; top:3px; right:0px; background:url(../images/arrow_leftopen.png) no-repeat right center; background-size:7px auto; padding-right:10px;}
.step02 ul li:nth-child(4) span {color:#04a931; font-weight:500; margin-left:2px;}
.step02 ul li:nth-child(5) span {color:#04a931; font-weight:500; margin-left:2px;}
.step02 .coin_noti {color:#1f5dfa; margin:7px 0 30px 5px;}
.step02 .wrapcom {width:900px; height:800px; background:#fff; padding:0 32px 0; z-index:100001;}
.step02 .wrapcom .agree_tit {text-align:center; font-size:20px; margin:15px 0 15px 0;}
.step02 .wrapcom .use_agree {line-height:24px; overflow-y:scroll; height:700px;}
.step02 .wrapcom .pop_off {position:absolute; right:-60px; bottom:20px; width:45px; height:45px; background:url(../images/pop_off_fff.png) no-repeat; background-size:45px auto; text-indent:-9999px;}

.step03 {margin-top:60px;}
.step03 .must {font-size:17px; color:#1f5dfa; margin-bottom:12px;}
.step03 ul li {margin-bottom:15px;}
.step03 ul li:after {content:""; display:block; clear:both;}
.step03 ul li div {float:left; width:120px;}
.step03 ul li div.email {float:left; width:calc(100% - 120px);}
.step03 ul li div.email input[name='email1'] { width:220px; }
.step03 ul li div.email input[name='email2'] { width:170px; }
.step03 ul li div.email select { width:151px; height:50px; padding-left:8px; }
.step03 ul li div.email span { display:inline-block; width:20px; text-align:center; color:#333; }
.step03 ul li div span {color:#1f5dfa;}
.step03 ul li section {float:left; width:calc(100% - 120px);}
.step03 ul li section input:first-child {width:calc(45% - 3px); margin-right:6px;}
.step03 ul li section input:last-child {width:calc(55% - 3px);}
.step03 ul li > input {float:left; width:calc(100% - 120px);}
.step03 ul li > select {float:left; width:calc(100% - 120px); height:50px; padding-left:8px;}
.step03 ul li .pass_warn {text-align:right; color:#1f5dfa; font-weight:500; font-size:15px; padding-top:3px; clear:both;}
.step03 .option {font-size:17px; margin:30px 0 12px 0;}
.step03 .option span {font-size:15px; font-weight:400; margin-left:3px;}
.step03 .pass_info a {display:block; height:50px; border:1px solid #ddd; border-radius:5px; line-height:50px; margin-top:5px; background:url(../images/arrow_leftopen.png) no-repeat right 10px center; background-size: 9px auto; padding-left:10px;}
.step03 .pass_info a.active {background:url(../images/barrow_upopen.png) no-repeat right 10px center; background-size: 14px auto; border:2px solid #1f5dfa; color:#1f5dfa;}
.step03 .pass_info .passfort {padding-top:25px; display:none;}
.step03 h3 {font-size:15px; margin:20px 0 7px 0;}
.step03 .agree_info span {display:block; padding-bottom:2px;}
.step03 .agree_info span:first-child {margin-bottom:3px;}
.step03 .complete03 {width:100%; border-radius: 3px; text-align:center; color:#fff; font-size: 18px; font-weight: 500; display:block; background:#1f5dfa; margin:25px auto 25px; height: 55px; line-height: 55px;}

.done_wrap {width:1191px; margin:100px auto 0; background:#fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.1); display:none; }
.join_done {padding:0 250px 50px;}
.join_done p {text-align:center;}
.join_done p.mem_name {padding-top:200px; margin-bottom:10px; font-size:22px; font-weight:700; color:#1f5dfa;}
.join_done p.first_wel {margin-bottom:10px;}
.join_done p.first_wel span {background:url(../images/present.png) no-repeat left center; background-size: 22px auto; padding-left:25px; font-size:22px; font-weight:700;}
.join_done p.welcome {margin-bottom:200px; font-size:18px;}

/* 내정보관리 */
.edit_wrap {padding:80px 0 50px 0;}
.edit_under {width:1191px; margin:0 auto; background:#fff; box-shadow: 2px 3px 4px 2px rgba(0, 0, 0, 0.1); padding:40px 250px 30px 250px;}
.my_tit {text-align: center; font-size: 24px; font-weight: 700; margin-bottom:40px; }
.abroad_tit {font-size:16px; margin:20px 0 0px 0; color:#1f5dfa; font-weight:400;}
.ad01 {padding-top:11px;}
.ad_msg {float:right; clear:both; }
.wrap_ad:after {content:""; display:block; clear:both;}
.btn2_edit {width:100%; padding: 30px 0px 0px 0px;}
.btn2_edit button {display: block; float: left; height: 55px; line-height: 55px; width:calc(50% - 5px); text-align: center; border-radius: 3px; color:#fff; font-size:18px; font-weight:500;}
.btn2_edit button:first-child {margin-right:10px; background:#9b9b9b; }
.btn2_edit button:last-child {background:#1f5dfa;}