/* ·Î±×ÀÎ,ȸ¿ø°¡ÀÔ °ü·Ã CSS
*******************************************************************************/
/* 񃧯 CSS */
.mem_login_frm {padding:30px}
.mem_login_frm, .mem_login_frm h1, .mem_login_frm p, .mem_login_frm span, .mem_login_frm a , .mem_login_frm input, .mem_login_frm div , .mem_login_frm textarea , .mem_login_frm label {font-family:'Noto Sans KR', 'µ¸¿ò', Dotum, verdana, sans-serif; font-weight:400}
.mem_login_frm a {text-decoration:none}
.mem_login_frm img {vertical-align:top}
.mem_login_frm .container {min-width:448px; background:#fff}
.mem_login_frm .container.login {min-height:465px}
.mem_login_frm .container.login_option {min-height:530px}
.mem_login_frm .container .inner {width:448px; margin:0 auto}
.mem_login_frm h1.title {padding-top:37px; font-size:26px; font-weight:700; color:#333; text-align:center; line-height:1}
.mem_login_frm h1.title .logo {display:block}
.mem_login_frm p.txt {margin-top:20px; font-size:14px; color:#999; line-height:1; text-align:center}
.mem_login_frm .bg_line {width:366px; margin:20px auto 0; border-bottom:1px dotted #dbdbdb}

/* üũ¹Ú½º */
.mem_login_frm .img_checkbox {height:20px; line-height:20px}
.mem_login_frm .img_checkbox label {display:block; overflow:hidden; padding-right:5px; font-size:13px; color:#666; vertical-align:middle; cursor:pointer}
.mem_login_frm .img_checkbox label strong {font-weight:500}
.mem_login_frm .img_checkbox label .ico {display:block; float:left; width:20px; height:20px; margin-right:8px; background:url('/front/gabangpop/skin/images/login/img_checkbox.png') no-repeat}
.mem_login_frm .img_checkbox label .ico.on {background-position:-30px 0}
.mem_login_frm .img_checkbox input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:100%}

/* üũ¹Ú½ºÀüü */
.mem_login_frm .all_check {height:20px; line-height:20px}
.mem_login_frm .all_check label {display:block; overflow:hidden; padding-right:5px; font-size:13px; color:#666; vertical-align:middle; cursor:pointer}
.mem_login_frm .all_check label strong {font-weight:500}
.mem_login_frm .all_check label .ico {display:block; float:left; width:20px; height:20px; margin-right:8px; background:url('/front/gabangpop/skin/images/login/img_checkbox.png') no-repeat}
.mem_login_frm .all_check label .ico.on {background-position:-30px 0}
.mem_login_frm .all_check input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:100%}


/* ȸ¿ø°¡ÀÔ-¾à°üµ¿ÀÇ */
.mem_login_frm .tit_agree {padding-top:35px; font-size:15px; font-weight:500; color:#666; line-height:22px; text-align:center}
.mem_login_frm .tit_agree span {color:#00cd9b}
.mem_login_frm .agree_box {padding:20px 41px 38px}
.mem_login_frm .agree_box .agree_all label {font-size:13px; font-weight:500; color:#333}
.mem_login_frm .agree_box .agree_list {padding:20px; margin-top:15px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#00cd9b #e0e0e0 #e0e0e0 #e0e0e0; background:#f5f5f5}
.mem_login_frm .agree_box .agree_list ul li {overflow:hidden; margin-top:10px}
.mem_login_frm .agree_box .agree_list ul li:first-child {margin-top:0}
.mem_login_frm .agree_box .agree_list ul li .img_checkbox {float:left}
.mem_login_frm .agree_box .agree_list ul li .btn_view {display:block; float:right; border-bottom:1px solid #cacaca; font-size:12px; color:#999; line-height:18px}
.mem_login_frm .agree_box .btn_agree {display:block; width:100%; height:50px; margin:20px auto 0; background:#00cd9b; font-size:16px; color:#fff; text-align:center; line-height:50px}
.mem_login_frm .agree_box .btn_order {display:block; width:100%; height:50px; margin:20px auto 0; background:#00cd9b; font-size:16px; color:#fff; text-align:center; line-height:50px}

/* µõµå */
.dim_agree {display:none; position:relative; width:366px; height:344px; background:#f5f5f5}
.dim_agree .dim_wrap {overflow-y:scroll; height:344px}
.dim_agree p , .dim_agree h1, .dim_agree h2 , .dim_agree li {font-family:'Noto Sans KR', 'µ¸¿ò', Dotum, verdana, sans-serif; font-weight:400}
.dim_agree .btn_close {position:absolute; top:-31px; right:0; width:15px; height:15px; padding:8px 0}
.dim_agree .header {height:47px; margin:0 15px; border-bottom:1px solid #d9d9d9}
.dim_agree .header h1 {font-size:15px; font-weight:500; color:#00cd9b; line-height:47px}
.dim_agree .content {padding:0 15px 15px}
.dim_agree .content h2 {margin-top:18px; font-size:14px; font-weight:500; color:#3a3a3a}
.dim_agree .content p {margin-top:15px; font-size:12px; color:#808080; line-height:15px}
.dim_agree .content ol {margin-top:15px}
.dim_agree .content ol li {margin:5px 0 0 13px; font-size:12px; color:#808080; line-height:15px; text-indent:-13px}
.dim_agree .content ol li > ol {margin-top:0}
.dim_agree .content .btn_shoplist {display:inline-block; padding-left:23px; background:url('/front/gabangpop/skin/images/login/btn_shoplist.png') no-repeat; *display:inline; *zoom:1}
.dim_agree iframe {overflow-x:hidden; width:366px; height:344px}

/* ȸ¿ø°¡ÀÔ ¿Ï·á */
.mem_login_frm .join_succ {padding:22px 41px 38px; text-align:center}
.mem_login_frm .join_succ .tit_join {margin-top:17px; font-size:20px; font-weight:500; color:#333; line-height:1}
.mem_login_frm .join_succ .tit_join span {color:#00cd9b}
.mem_login_frm .join_succ .txt_join {margin-top:11px; font-size:14px; color:#999; line-height:18px}
.mem_login_frm .join_succ .login_blk {margin-top:17px; padding-top:16px; border-top:1px dotted #dbdbdb}
.mem_login_frm .join_succ .login_blk p {font-size:13px; color:#666; line-height:16px}
.mem_login_frm .join_succ .login_blk .btn_shopping {display:block; width:100%; height:50px; margin:19px auto 0; background:#00cd9b; font-size:16px; color:#fff; line-height:50px; text-align:center}

/* ÀÎDz */
.mem_login_frm .input_area {width:366px; margin:24px auto 0}
.mem_login_frm .input_area .txt_noti {margin-top:14px; font-size:13px; color:#858585; line-height:1}
.mem_login_frm .input_area .txt_find_noti {margin-top:20px; font-size:13px; color:#666; line-height:16px; text-align:center; letter-spacing:-1px}
.mem_login_frm .input_area .txt_find_noti strong {display:block; margin-bottom:3px; font-weight:500}
.mem_login_frm .input_area .txt_find_noti span {font-weight:500; color:#00cd9b}
.mem_login_frm .input_area .input_blk {position:relative; width:323px; height:20px; margin:8px auto 0; padding:11px 41px 11px 0; border:1px solid #dadada}
.mem_login_frm .input_area .input_blk:first-child {margin:0 auto}
.mem_login_frm .input_area .input_blk.focus {border:1px solid #00cd9b}
.mem_login_frm .input_area .input_blk input {width:283px; height:18px; padding:0 20px; border:0; background:#fff; font-size:14px; color:#333; vertical-align:top; outline:none; line-height:18px}
.mem_login_frm .input_area .input_blk input[type=text]::-ms-clear {display:none}
.mem_login_frm .input_area .input_blk .btn_del {display:none; position:absolute; top:0; right:0; width:9px; height:9px; padding:15px 16px 18px; background:url('/front/gabangpop/skin/images/login/btn_input_del.png') no-repeat 50% 50%; text-indent:-9999px}
.mem_login_frm .input_area .input_phone {overflow:hidden; margin-top:8px}
.mem_login_frm .input_area .input_phone select {float:left; width:102px; height:44px; padding:1px 0 1px 20px; border:1px solid #dadada; font-size:14px; outline:none}
.mem_login_frm .input_area .input_phone select:focus {border:1px solid #00cd9b}
.mem_login_frm .input_area .input_phone .input_blk {float:left; width:79px; margin:0 0 0 10px}
.mem_login_frm .input_area .input_phone .input_blk input {width:69px; padding:0 0 0 10px}
.mem_login_frm .input_area .chk_blk {margin-top:8px}
.mem_login_frm .input_area .chk_blk label {font-size:12px; color:#333}
.mem_login_frm .input_area .btn_login {display:block; width:100%; height:50px; margin:20px auto 0; background:#00cd9b; font-size:16px; color:#fff; text-align:center; line-height:50px}
.mem_login_frm .input_area .btn_delivery {display:block; width:100%; height:50px; margin:18px auto 0; background:#00cd9b; font-size:16px; color:#fff; text-align:center; line-height:50px}
.mem_login_frm .input_area .find_box {margin-top:24px; text-align:center}
.mem_login_frm .input_area .find_box a {display:inline-block; font-size:13px; font-weight:500; color:#666; vertical-align:top; *display:inline; zoom:1}
.mem_login_frm .input_area .find_box .bar {display:inline-block; width:1px; height:12px; margin:0 20px; background:#ddd; vertical-align:middle; *display:inline; zoom:1}
.mem_login_frm .input_area .btn_confirm {display:block; width:100%; height:50px; margin:19px auto 0; background:#00cd9b; font-size:16px; color:#fff; line-height:50px; text-align:center}
.mem_login_frm .input_area .btn_ipin {display:block; width:100%; height:50px; margin:19px auto 0; background:#539fe3; font-size:16px; color:#fff; line-height:50px; text-align:center}

/* ºñȸ¿ø ÁÖ¹® */
.mem_login_frm .guest_join {width:366px; padding-top:20px; margin:20px auto 0; border-top:1px dotted #dbdbdb; text-align:center}
.mem_login_frm .guest_join p {font-size:14px; color:#666; line-height:1}
.mem_login_frm .guest_join p strong {display:block; margin-bottom:7px; font-size:16px; font-weight:500; color:#333}
.mem_login_frm .guest_join p span {color:#fa2828}
.mem_login_frm .guest_join .btn_join {display:block; width:100%; height:50px; margin:20px auto 0; background:#515360; font-size:16px; color:#fff; text-align:center; line-height:50px}

/* ¾ÆÀ̵ð, ºñ¹Ð¹øÈ£ ã±â */
.mem_login_frm .tab_menu {overflow:hidden; width:364px; height:52px; margin:30px auto 0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.mem_login_frm .tab_menu li {position:relative; float:left; width:181px; height:50px; border-width:1px 0 1px 1px; border-style:solid; border-color:#d9d9d9}
.mem_login_frm .tab_menu li:first-child {width:182px; border-width:1px 0 1px 0}
.mem_login_frm .tab_menu li a {display:block; width:100%; height:100%; font-size:13px; font-weight:500; color:#434343; text-align:center; line-height:50px}
.mem_login_frm .tab_menu li.on a {color:#00cd9b}
.mem_login_frm .tab_menu li em {display:none; position:absolute; top:-1px; left:0; width:100%; height:2px; background:#00cd9b; z-index:10}
.mem_login_frm .tab_menu li.on em {display:block}

/* ¾ÆÀ̵ð, ºñ¹Ð¹øÈ£ ã±â °á°ú */
.mem_login_frm .empty_result {width:366px; padding-top:30px; margin:0 auto; text-align:center}
.mem_login_frm .empty_result p {margin-top:20px;  font-size:15px; color:#333; line-height:20px}
.mem_login_frm .empty_result a {display:block; width:100%; height:50px; margin:19px auto 0; background:#00cd9b; font-size:16px; color:#fff; line-height:50px; text-align:center}
.mem_login_frm .id_result {width:366px; padding-top:30px; margin:0 auto}
.mem_login_frm .id_result p {font-size:17px; color:#333; line-height:1; text-align:center}
.mem_login_frm .id_result p span {color:#00cd9b}
.mem_login_frm .id_result .id_list {width:324px; padding:20px; margin-top:15px; border-width:2px 1px 1px 1px; border-style:solid; border-color:#00cd9b #e0e0e0 #e0e0e0 #e0e0e0; background:#f5f5f5}
.mem_login_frm .id_result .id_list ul li {position:relative; padding-right:100px; margin-top:12px}
.mem_login_frm .id_result .id_list ul li:first-child {margin-top:0}
.mem_login_frm .id_result .id_list ul li p {font-size:13px; font-weight:500; color:#333; text-align:left; line-height:20px}
.mem_login_frm .id_result .id_list ul li span {position:absolute; top:0; right:0; font-size:13px; color:#666; line-height:20px}
.mem_login_frm .id_result a {display:block; width:100%; height:50px; margin:19px auto 0; background:#00cd9b; font-size:16px; color:#fff; line-height:50px; text-align:center}