/* common */

#container .member_wrap{overflow: hidden; width: 950px; margin: auto; padding: 40px 0px;}
#container .member_form{ padding: 0px 30px 60px; background: #fff; border: 1px solid #e7e7e7; overflow:hidden}
#container .member_form.for_index{padding: 0 30px 40px;}
#container .member_wrap h3{font-size: 30px; font-weight: 400; text-align: center; height: 150px; line-height: 150px;}
#container .member_wrap .member_title{ margin-bottom:30px; clear:both; }
#container .member_wrap .member_title.login{text-align:center}
#container .member_wrap .member_title .txt{font-size:13px; line-height:20px; text-align: center; padding: 0 15px;}
#container .member_wrap .member_title strong{color:#df4e4e; font-weight:500}
#container .member_wrap .member_title .big {display:inline-block; font-size:15px; font-weight:600; color:#333; padding-bottom:5px;}
#container .member_wrap .gray_bg { padding:30px 50px 30px 50px !important; border:1px solid #e5e5e5; background:#fcfcfc; width:95%; margin-left:-30px;}
#container .member_wrap .login_tab li{height: 54px; width: 49.56%; border: 1px solid #e7e7e7; border-bottom: 0; float: left; background: #e9e9e9; text-align:center; color:#999; font-size:16px; display: flex; align-items: center; justify-content: center; line-height: 16px;}
#container .member_wrap .login_tab li.on{border-bottom: 0; background: #fff; color:#000}
#container .member_wrap.login{width:460px}
#container .member_wrap.login .member_form{border-top:0; padding:0px 30px 30px}
#container .member_wrap.login h3{height:120px; line-height:140px; padding: 0 15px;}


/* login, find input */

#container .member_wrap .input_wrap{}
#container .member_wrap .input_wrap li{ margin-bottom:5px}
#container .member_wrap .input_wrap input{height:34px; border:1px solid #e1e1e1; padding-left:10px; width: 96%; color:#999;}
#container .member_wrap .input_wrap input:focus{ border:1px solid #df4e4e}


/* m_process_wrap*/

#container .member_wrap .step_tit {border-left:2px solid #df4e4e; padding:0px 5px; font-size:18px; font-weight: bold; color:#424242;}
#container .member_wrap .m_process_wrap {overflow:hidden;}
#container .member_wrap .m_process_wrap .process_step {overflow:hidden; margin-bottom:30px;}
#container .member_wrap .m_process_wrap li {float:left; margin-right:15px; position:relative; width:32.2%;}
#container .member_wrap .m_process_wrap li div{background:#f1f1f1; width:100%; height:75px; border-radius:4px; text-align:center;display: flex; flex-direction: column; justify-content: center;}
#container .member_wrap .m_process_wrap li strong {display:block;font-weight:400; font-size:20px; color:#676767; padding-top:3px; line-height: 18px; font-size: 16px;}
#container .member_wrap .m_process_wrap li span {display:block; font-weight:600; font-size:12px; color:#9d9d9d; font-family:Verdana;}
#container .member_wrap .m_process_wrap li.last {margin-right:0;}
#container .member_wrap .m_process_wrap li.on div{background:#999;}
#container .member_wrap .m_process_wrap li.on strong {color:#fff;}
#container .member_wrap .m_process_wrap li.on span{color:#fff;}


/* login */
	
#container .member_wrap .con_box .btn_login {text-align: center; color:#fff; -webkit-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#container .member_wrap .con_box .btn_login a{background: #df4e4e; color:#FFFFFF; height:50px; line-height:50px; display:block; font-size:16px; }
#container .member_wrap .con_box h4 {position:absolute; top:-30px; left:0px; }

#container .member_wrap .member_service{margin: auto; overflow:hidden; border:1px solid #e7e7e7; border-top:0;}
#container .member_wrap .member_service li {float: left; width: 50%;}
#container .member_wrap .member_service li a {display:block; height:50px; line-height:50px; text-align:center; font-weight:normal; font-size:14px; background:#f7f7f7; }
#container .member_wrap .member_service li:nth-child(2) a{background:#fafafa}
#container .member_wrap .member_service li a i{color:#df4e4e}

#container .member_wrap .login_box{ border:1px solid #e5e5e5; background-color:#fcfcfc; padding:40px 10px 50px 90px; margin:0 auto; width:696px; position:relative}
#container .member_wrap .login_box h3{ padding-bottom:5px; font-size:14px; font-weight:600; color:#333333 ; border:none;}
#container .member_wrap .login_box .login_input{}
#container .member_wrap .login_box .login_input input{ border:1px solid #dddddd; width:300px; height:23px; margin-bottom:6px; padding:5px 0 0 5px; vertical-align:middle}
#container .member_wrap .input_lo{overflow: hidden; margin: 15px 0px;}

/*sns login*/

#container .member_wrap .con_box {position:relative;}
#container .member_wrap .con_box .sns_login{border-top:1px solid #eee; padding-top:30px; margin-top:30px; text-align:center;}
#container .member_wrap .con_box .sns_login .btn_login{width:auto; position:relative; display:inline-block; float: left; margin: 0px 15px 6px 0px;}
#container .member_wrap .con_box .sns_login .btn_login.kakao{margin-right:0}
#container .member_wrap .con_box .sns_login .btn_login:last-child{margin-right:0}
#container .member_wrap .con_box .sns_login .btn_login a{padding:0; display:inline-block;  width: 318px; height: 41px; line-height: 41px; font-size: 13px;
														font-weight:500; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#container .member_wrap .con_box .btn_login.facebook a{ border:1px solid #4064ad; background-color: #4064ad; color:#fff;}
#container .member_wrap .con_box .btn_login.facebook a i{border-right:1px solid #365dac;}
#container .member_wrap .con_box .btn_login.google a{ border:1px solid #ee3021; background-color: #f13f31; color:#fff;}
#container .member_wrap .con_box .btn_login.google a i{border-right:1px solid #ee3021;}
#container .member_wrap .con_box .btn_login.kakao a{border:1px solid #eae106; background-color: #f5ec09; color:#381a1c;}
#container .member_wrap .con_box .btn_login.kakao a i{border-right:1px solid #eae106; font-size: 2.2em;}
#container .member_wrap .con_box .btn_login.naver a{border:1px solid #1eaa10; background-color: #1EC800; color:#fff;}
#container .member_wrap .con_box .btn_login.naver a i{border-right:1px solid #1eaa10;}
#container .member_wrap .con_box .btn_login a i{height: 38px; line-height: 38px; width: 42px; position:absolute; left:0px; }
#container .member_wrap .con_box .btn_login a span{display:block; margin-left:44px}
#container .member_wrap .con_box .btn_login a span em{display:none}
#container .member_wrap .sns_login_wrap {}



/* join */

#container .member_wrap .member_input {padding:40px; overflow:hidden;}
#container .member_wrap .pt60{ padding-top:60px}
#container .member_wrap .table_l td {color:#999;}
#container .member_wrap #findform1 {margin-bottom: 50px;}


/* rule */

#container .member_wrap .con_box2 { clear:both; overflow:hidden; margin-top:20px}
#container .member_wrap .con_box2.all_chk_area {margin-top: 15px;}
#container .member_wrap .con_box2 .iframe { margin: 0px auto; padding: 15px 15px 15px 15px; border: 1px solid #e1e1e1; height: 150px; background:#fff;}
#container .member_wrap .con_box2 .iframe .agree_box { height: 150px; -ms-overflow-y: scroll; overflow-y:scroll;  border-style:none; padding-right:10px;}
#container .member_wrap .con_box2 .check { margin: 10px 0px 0px; width: 300px; text-align: right; float: right; padding-bottom:0px;}
#container .member_wrap .con_box2 .check label {color:#999999;}
#container .member_wrap .con_box2 .iframe h3 {	padding: 0px 0px 10px 0; font-size: 18px; font-weight: 600; color:#333333; position:static;}
#container .member_wrap .con_box2 h4 {font-size: 18px; margin-bottom: 10px; font-weight:400}

/* 약관 */
#container .rule_wrap{ line-height:22px; font-size: 14px; color:#5d5d5d}
#container .rule_wrap .agree_rule_tit{}
#container .rule_wrap .agree_rule{ color: #9e9d9d; padding-left: 10px; display: block;}
#container .rule_wrap .agree_rule_tit .agree_rule{ color: #747474; font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 6px; padding-left: 10px;}
#container .rule_wrap p {margin-bottom:30px;}
#container .rule_wrap .agree_rule_tit {border-bottom:0;padding: 0;margin: 0;}
#container .rule_wrap p.rule_last{ border-bottom: 0; padding: 0; margin: 0;}

#container .rule_wrap .detail{}
#container .rule_wrap .detail h3{ margin-bottom: 5px; border: 0; font-size:15px}
#container .rule_wrap .detail h3.pt0{ padding-top: 0px;}
#container .rule_wrap dl{ border-bottom: 1px solid #aaa; padding-bottom:30px; margin-bottom:30px;}
#container .rule_wrap dl > dt{font-weight: bold; background: url(../image/common/bullet06.gif) no-repeat 0px 7px; padding-left: 10px; line-height: 22px; font-size:16px}
#container .rule_wrap dl > dd{padding-left: 10px; display: block; padding: 15px 0px; border-bottom:1px solid #e7e7e7}
#container .rule_wrap dl > dd:last-child{border-bottom:0; padding-bottom:0}
#container .rule_wrap dl > dd .tit{display:block; margin-bottom:5px}
#container .rule_wrap dl > dd .txt{ display: block;}
#container .rule_wrap dl > dd .txt ul{ padding-left: 10px;}
#container .rule_wrap dl > dd .txt li{}
#container .rule_wrap .all_view{display:inline-block; margin-left:5px; height:20px; line-height:20px; padding:0px 8px; font-size:10px; background:#555555; color:#fff;}

.rule_wrap .rule_table{border-collapse: collapse; border-spacing: 0; width:100%; font-size:13px}
.rule_wrap .rule_table th{border:1px solid #e7e7e7; background:#f6f6f6; padding:8px; font-weight:normal; text-align:left}
.rule_wrap .rule_table td{border:1px solid #e7e7e7; background:#fff; padding:8px 15px;}

/* join_ok */

#container .member_wrap .join{}
#container .member_wrap .join .ok_type{ text-align:center; }
#container .member_wrap .join .ok_type .title{ font-size:20px;}
#container .member_wrap .join .ok_type .title  strong {color:#df4e4e;}
#container .member_wrap .join .ok_type .txt{ font-size:14px; line-height:22px; color:#7d7d7d}
#container .member_wrap .join .ok_type .txt2{ font-size:16px; margin-top:30px; color:#424242; font-weight:600;}
#container .member_wrap .join .ok_type .txt2 strong {font-size:18px; font-weight:bold; color:#333;}
#container .member_wrap .join .ok_type .txt2 .color {color:#d53738; font-weight:bold; }




/* 우편번호 디자인 */
.add_sch {
    width: 100%;
    border-bottom: 1px solid rgb(70, 70, 70);
}

.add_sch_area {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
}

.add_sch_area input.input_1 {
    height: 30px;
    width: 75%;
}

.add_sch_area input.input_1:focus {
    border: 1px solid #949494;
    background-color: #fafafa;
}

.add_sch_area .zipBtn {
    padding: 21px 20px;
    background-color: #8a8a8a;
    width: 20%;
    line-height: 0px;
    color: #fff;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}

.add_sch_area .zipBtn:hover {
    background-color: #df4e4e;
    color: #fff;
}

.p_overbox1 {}

.p_overbox1 .t_white {
    padding: 15px 0;
}

/* .ui-widget-content {background-color: #f1f1f1!important;} */


@media all and (max-width: 768px) {


    .add_sch_area {
        display: flex;
        justify-content: space-between;
        padding: 15px 10px;
    }

    .p_overbox1 .t_white {
        padding: 15px 10px;
    }

}