@charset "utf-8";
body,html {height:100%;}
#wrap {height:100%;}
/* layout*/
#wrap {overflow:hidden; position:relative; max-width:560px; min-width:320px; margin:0 auto; background:url('/images/member/bg_default.jpg') no-repeat #6b6b6f right bottom; background-size:cover;}
.mem_body {padding-top:70px; padding-bottom:120px;}
.mem_footer {position:relative; height:90px; margin:-75px 25px 0; padding-bottom:40px;}

#wrap.start {background:url('/images/member/bg01.jpg') no-repeat #6b6b6f right bottom; background-size:cover;}
.start {text-align:center;}
.start .mem_body h2 {padding-top:110px; font-size:14px; color:#ffffff; line-height:20px; background:url('/images/member/mem_logo.png') no-repeat center top; background-size:86px auto;}
.start .mem_body .search_txt {position:relative; margin:57px 25px 0; border:1px solid #c7c7c8; font-size:15px; color:#000000; line-height:32px; background:#ffffff;}
.start .mem_body .search_txt span {overflow:hidden; position:absolute; top:7px; right:7px; width:21px; height:20px; text-indent:-999px; background:url('/images/member/ico_search.png') no-repeat; background-size:21px auto;}


.tab_menu {overflow:hidden; margin-top:15px;}
.tab_menu li {float:left; position:relative; width:50%; height:48px; border-bottom:1px solid #e8e8e9;}
.tab_menu li.on:after {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#f44b75; content:'';}
.tab_menu  a {display:block; font-size:16px; color:#d2d2d2; line-height:48px; text-align:center; font-weight:bold;}
.tab_menu li.on a {color:#f44b75;}



/* form */
.mem_form .row {position:relative; min-height:50px; padding:15px 15px 15px 55px; border-bottom:1px solid rgba(255,255,255,0.5);}
.mem_form .row label {position:absolute; top:0; left:7px; width:50px; height:50px; text-indent:-999px;}
.mem_form .row .line {display:block; height:15px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.5);}
.mem_form input {height:25px; border:0; font-size:14px; color:#ffffff; background:transparent;}


.mem_form input::-webkit-input-placeholder {color:#ffffff;}
.mem_form input:-moz-placeholder {color:#ffffff; opacity: 1;}
.mem_form input::-moz-placeholder {color:#ffffff; opacity: 1;}
.mem_form input::-ms-input-placeholder {color:#ffffff;}
.mem_form input::input-placeholder {color:#ffffff;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}

.chk{display:block; position:relative; min-height:20px; margin:5px 0px;}
.chk span {}
.chk input{position:absolute; top:1px; left:-111111px; width:0; height:0; cursor:pointer;}
.chk label{display:inline-block; font-size:14px; color:#ffffff; line-height:18px; position:relative; z-index:2; min-height:20px; padding-left:29px; vertical-align:middle; background:url('/images/member/ico_chk.png') no-repeat 0 0; background-size:15px 15px;}
.chk label a {text-decoration:underline;}
.chk input:checked + label{background-image:url('/images/member/ico_chk_on.png')}

.auto_complete {display:inline-block; position:relative;}
.auto_complete.on .auto_list {display:block;}
.auto_complete .auto_list {display:none; position:absolute; top:29px; left:0px; z-index:100; width:100%; padding-top:5px; border:1px solid #ecf0f2; background:#ffffff;}
.auto_complete .auto_list li {font-size:14px; color:#000000; line-height:30px; vertical-align:middle;}
.auto_complete .auto_list li+li {border-top:1px solid #ecf0f2;}
.auto_complete .auto_list li a {display:block; padding-left:10px;}
.auto_complete .auto_list li b {color:#f44b75;}

select, input {-webkit-appearance: none; -webkit-tap-highlight-color: transparent;}

.sel{font-size:14px; padding:5px 10px 5px 7px; padding:7px 8px 6px 7px\9; text-indent:.01px; text-overflow:''; border:none; border-radius:0; background:#fff url('/images/member/ico_select.png') 100% 50% no-repeat; -webkit-background-size:23px 7px; background-size:23px 7px; -webkit-appearance:none; -moz-appearance:none;}

.full {width:100% !important;}
.half {width:49.5%;}
.half+.half {margin-left:1%;}
	

/* etc */
.desc {padding:15px 20px 0px 55px; font-size:14px; color:#ffffff; line-height:1.3;}
.chk_g {margin:15px 25px 0;}
.pw_search {position:absolute; top:-40px; right:0px; font-size:14px; color:#b5b5b7; text-decoration:underline;}
.hp_hidden {visibility:hidden;}

/* pop */
#mem_pop {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; z-index:100; margin-top:-100px;}
#mem_pop:before {position:fixed; top:0; left:0; bottom:0; z-index:3; width:100%; background:rgba(255,255,255,0.4); content:'';}
#mem_pop .box {position:absolute; top:50%; left:50%; width:300px; padding:0 20px 20px 20px; margin-left:-150px; z-index:10; border:1px solid #e2e2e3; background:#ffffff;}
#mem_pop h2 {height:42px; margin:0 -20px 20px -20px; padding-left:20px; font-size:14px; color:#000000; line-height:42px; border-bottom:1px solid #e8e8e9;}
#mem_pop .btn_close {overflow:hidden; position:absolute; right:15px; top:15px; width:17px; height:17px; text-indent:-999px; background:url('/images/member/ico_close.png') no-repeat; background-size:17px auto;}
#mem_pop .row {font-size:14px; line-height:1.5;}
#mem_pop .row:after {display:block; clear:both; content:'';}
#mem_pop .row+.row {margin-top:4px;}
#mem_pop .row label {float:left; width:70px; padding-left:30px; font-size:14px; color:#000000; line-height:30px;}
#mem_pop .row input[type='text'], #mem_pop .row select {width:145px; height:30px; border:1px solid #e6e6e6; font-size:14px; color:#000000;}
#mem_pop .row input[type='text'] {padding:0 10px;}
#mem_pop .btn_wrap {margin-top:20px;}


/* button */
.btn_wrap {overflow:hidden;}
.btn_wrap.a_left a {float:left;}
.btn {display:inline-block; text-align:center;}
.btn.full {display:block;}
.btn.normal {height:50px; font-size:14px;font-weight:bold; line-height:50px;}
.btn.small {height:39px; font-size:14px; line-height:39px;}
.btn.c_point {color:#ffffff; background:#f44b75;}
.btn.c_gray {color:#ffffff; background:#aaaaaa;}

.btn_prev {position:absolute; top:15px; left:15px; width:19px; height:19px; text-indent:-999px; background:url('/images/member/ico_back.png'); background-size:19px auto;}
.btn_attach {display:block; overflow:hidden; width:86px; height:86px; margin:0 auto; border-radius:50%; text-indent:-999px; background:url('/images/member/ico_photo.png') no-repeat center; background-size:cover;}
.btn_attach img {display:block; min-height:86px; min-width:86px; margin:0 auto; border-radius:50%;}

/* icon */
.ico_name {background:url('/images/member/ico_name.png') no-repeat center; background-size:17px auto;}
.ico_bnum {background:url('/images/member/ico_bnum.png') no-repeat center; background-size:19px auto;}
.ico_hp {background:url('/images/member/ico_hp.png') no-repeat center; background-size:16px auto;}
.ico_email {background:url('/images/member/ico_email.png') no-repeat center; background-size:16px auto;}
.ico_pw {background:url('/images/member/ico_pw.png') no-repeat center; background-size:17px auto;}