@charset "utf-8";

/***** common *****/
body{background-color:#f5f5f5;}

/* form */
.inpt_txt{height:51px;padding:0 14px;border:1px solid #dadada;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#999;font-size:14px;line-height:18px;-webkit-appearance:none;appearance:none}

.inpt_chk{width:23px;height:23px;background:url(/img/m/common/bg_chk.png) no-repeat left top;background-size:23px 48px;-webkit-appearance:none;appearance:none}
.inpt_chk:checked{background-position:0 -25px}

/* button */
.btn_gt_01{display:inline-block;width:100%;height:50px;background-color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:17px;line-height:50px;font-weight:bold;text-align:center;}
.btn_lt_01{display:inline-block;width:100%;height:50px;background-color:#dadada;-webkit-box-sizing:border-box;box-sizing:border-box;color:#989898;font-size:17px;line-height:50px;font-weight:bold;text-align:center;}
.btn_l_close{width:16px;height:16px;background:url(/img/m/common/btn_l_close.png) no-repeat left top;background-size:16px;overflow:hidden;text-indent:-999px;}

/* layer */
.layer_info{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:16;padding:7px;background-color:rgba(0,0,0,0.5);overflow-x:hidden;overflow-y:auto;}
.layer_info.on{display:block;}
.layer_info>div{position:relative;padding:23px 15px 37px;background-color:#f5f5f5;}
.layer_info .l_header{margin-bottom:20px;text-align:center;}
.layer_info .l_header .tit{color:#000;font-size:19px;line-height:24px;}
.layer_info .l_header .info{margin-top:8px;color:#7a7a7a;font-size:12px;line-height:17px;}

.layer_info .btn_l_close{position:absolute;left:6px;top:6px;}

/* popup */
.pop_info{padding:7px;}
.pop_info>div{position:relative;padding:23px 15px 37px;background-color:#f5f5f5;}
.pop_info .l_header{margin-bottom:20px;text-align:center;}
.pop_info .l_header .tit{color:#000;font-size:19px;line-height:24px;}
.pop_info .l_header .info{margin-top:8px;color:#7a7a7a;font-size:12px;line-height:17px;}

.pop_info .btn_l_close{position:absolute;left:6px;top:6px;}

/***** login *****/
.tit_h1{margin-bottom:25px;text-align:center;}

.wrap_login_form{padding:0 10px;}
.wrap_login_form .inpt_txt{width:100%;margin-top:10px;}
.wrap_login_form .inpt_txt:first-of-type{margin-top:0;}
.wrap_login_form .msg{margin-top:10px;color:#ff1616;font-size:12px;line-height:16px;}
.wrap_login_form .btn_gt_01{margin-top:10px;}

.state_login{margin-top:10px;padding:0 10px 0 41px;}
.state_login .inpt_chk{margin:0 4px 0 -31px;}
.state_login .label{color:#000;font-size:12px;line-height:16px;}
.state_login .info{color:#979797;font-size:10px;line-height:17px;}

.wrap_l_login_form{}
.wrap_l_login_form .inpt_txt{width:100%;margin-top:10px;}
.wrap_l_login_form .inpt_txt:first-of-type{margin-top:0;}
.wrap_l_login_form .msg{margin-top:10px;color:#ff1616;font-size:12px;line-height:16px;}
.wrap_l_login_form .txt_confirm{padding:29px 0;border:1px solid #e4e4e4;border-right:0;border-left:0;color:#000;font-size:19px;line-height:25px;text-align:center;}
.wrap_l_login_form .txt_info{margin-top:8px;color:#7a7a7a;font-size:12px;line-height:17px;text-align:center;}
.wrap_l_login_form .wrap_btn{margin-top:26px;}
.wrap_l_login_form .wrap_btn .txt_info{margin:-18px 0 26px;}
.wrap_l_login_form .wrap_btn.line{margin-top:26px;padding-top:26px;border-top:1px solid #e4e4e4;}
.wrap_l_login_form .btn_gt_01,
.wrap_l_login_form .btn_lt_01{margin-top:10px;}
.wrap_l_login_form .btn_gt_01:first-child,
.wrap_l_login_form .btn_lt_01:first-child{margin-top:0;}

.txt_authenticode{padding:27px 0;border-top:1px solid #e4e4e4;color:#7a7a7a;font-size:12px;line-height:28px;text-align:center;}
.txt_authenticode .email{display:block;color:#000;font-size:20px;word-break:break-all;}

.form_authenticode .info{margin-bottom:6px;color:#7a7a7a;font-size:12px;line-height:16px;}
.form_authenticode .inpt_txt{}

.cofirm_id{padding:3px 0;border:1px double #e4e4e4;border-right:0; border-left:0;}
.cofirm_id>div{padding:21px 0;border:1px double #e4e4e4;border-right:0; border-left:0;color:#7a7a7a;font-size:12px;line-height:20px;text-align:center;}
.cofirm_id .id{color:#000;font-size:20px;word-break:break-all;}

/* 비밀번호/아이디 찾기 */
.link_find_info{position:relative;margin:40px 10px 20px;border:1px solid #dadada;border-right:0;border-left:0;}
.link_find_info:before{content:'';display:block;position:absolute;left:50%;top:50%;width:1px;height:10px;margin-top:-6px;background-color:#c4c4c4;}
.link_find_info:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.link_find_info a{display:block;width:50%;height:50px;color:#999;line-height:50px;text-align:center;}
.link_find_info a:first-of-type{float:left;}
.link_find_info a:last-of-type{float:right;}

.wrap_join_btn{padding:0 10px;text-align:center;}
.wrap_join_btn .txt{margin-bottom:10px;color:#999;font-size:12px;line-height:20px;}