/* BASIC css start */
#header {display:none !important}
#container {padding-top:0}

.login input[type="checkbox"] {opacity:0; display:none;}
.login label span {padding-left:22px; position:relative; display:inline-block; font-size:12px}
.login label span:after {content:'';background: #fff;position:absolute;top:50%;margin-top: -9px;left:0;width: 12px;height: 12px;border: 1px solid #9e9e9e;}
.login label input:checked ~ span:before {content:'';position:absolute;top: -3px;left: 2px;width: 15px;height: 12px;background: url(https://roompacker.cdn.smart-img.com/newRoompacker/images/common_new/icon_chk_on2.png) no-repeat center/100%;z-index: 1;}


.member { margin-top:0; padding:0}
.member .tab_box {text-align:center;display: flex;align-items: center;justify-content: space-between;}
.member .tab_box .tab {display:inline-block;vertical-align:top;width: calc(50% - 4px);padding: 9px 0;text-align: center;box-sizing: border-box;font-size: 15px;position: relative;color: #9e9e9e;border-bottom: 1px solid #9e9e9e;}
.member .tab_box .tab.active {border-color: #000;color: #000;}
.tab_con_box {padding-top:32px; }

.login_list li {border-bottom: 1px solid #000;margin-bottom:32px;position:relative;font-size: 0;}
.login_list li:last-child {margin-bottom:0}
.login_list li label {display:inline-block;font-size:14px;color:#000;text-align:left;width: 60px;letter-spacing: 0.2em;height: 35px;line-height: 35px;margin: 0;vertical-align: top;}
.login_list li input {display:inline-block;width: calc(100% - 60px);box-sizing:border-box;background:#fff;border:none;font-size:14px;vertical-align: top;}
.se-log {text-align:left; margin-top:16px; font-size:11px; }
.btn_box {margin-top: 41px;}
.btn_box .btn {display:inline-block;width:100%;height: 41px;line-height: 41px;font-size: 16px;color: #000;background: #C5AB85;letter-spacing: 0.2em;}

.find_box {margin: 27px 10px;text-align:center;display: flex;align-items: center;}
.find_box li { display:inline-block; position:relative; width:33.33%}
.find_box li:after {content:'';display: inline-block;width:1px;height:11px;background: #000;position:absolute;top:calc(50% - 5.5px);right:0;}
.find_box li:last-child:after {display:none; }
.find_box li a {display:inline-block;font-size: 11px;color: #000;}

.login_info {margin:42px 0 0; }
.login_info p {color:#9E9E9E; font-size:13px; margin-bottom:16px; }
.login_info li {margin-bottom: 12px;color:#9E9E9E;font-size: 12px;}
.login_info li:last-child {margin-bottom:0}
.login_info li span {display:inline-block;width: 17px;margin-right: 4px;}

#simpleJoinSns  {text-align:left; margin-top:42px}
#simpleJoinSns .sns-area p {display: inline-block; vertical-align: middle; font-weight:bold; font-size:18px; width:140px; height:50px; padding:15px 0; box-sizing:border-box; border-right:1px solid #ddd; margin-right:60px}
#simpleJoinSns .sns-area a {position:relative;display: inline-block;height: 41px;line-height: 41px;text-align: center;box-sizing: border-box;color: #000000;font-size: 13px;margin-bottom: 8px;width: 100%;border: 1px solid #9e9e9e;box-sizing:border-box; padding-left:24px; }
#simpleJoinSns .sns-area a .thumb {position:absolute;top: 10px;left: 33%;text-align:center;width: 20px;}
#simpleJoinSns .sns-area a:hover {color:#000; border-color:#000;}
#simpleJoinSns .sns-area a:last-child {margin-right:0}

.login_option {margin-top: 24px;}
.login_option .se-log {margin-top:0; display:inline-block; margin-right:8px; }
.login_option .se-log input {margin-top:-3px}



.member .login_new {display:flex;justify-content: flex-start;align-items: flex-start;}
.member .login_new ul {width:calc(100% - 110px); margin-right:10px; }
.member .login_new ul li {margin-bottom:10px;border:none; }
.member .login_new ul li label {display:none; }
.member .login_new ul li input {border:1px solid #e0e0e0; width:100%; height:40px; padding:0 10px;   }
.member .login_new .btn_box  {width:110px;margin-top: 0;}
.member .login_new .btn_box a {height:90px;display:flex;justify-content: center;align-items: center;}

.member .txt {font-size:14px;margin-top: 24px; text-align:center; }
.member .txt span {font-weight:500}
.member .find_box {background:#f7f7f7;padding:16px 0;margin: 24px 0;}
.member .find_box li:after {display:none }


.member .snsArea {margin-bottom:32px; }
.member .snsArea .txt {margin-bottom:16px; margin-top:0px }
.member .snsBox {}
.member .snsBox a {display:flex;justify-content: center;align-items: center;margin-bottom:5px;height:44px; font-size:14px;}
.member .snsBox a:last-child {margin-right:0}
.member .snsBox a.kakao {background:#f5e229;   }
.member .snsBox a img {margin-right:4px; }
.member .snsBox a.naver {background:#39c65e;color:#fff;}
.member .snsBox a.apple {border:2px solid;}

.member .snsBox a {position: relative;}
.member .snsBox a .icon {position: absolute;top: -11px;left: 10px;background: #000;color: #fff;padding: 5px 10px;font-size: 12px;font-style: normal;white-space: nowrap;}
.member .snsBox a .icon i {font-style: normal;}
.member .snsBox a .icon::after {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000;}

/* BASIC css end */