@charset "utf-8";

.outlogin .xp_icon_box {position: relative;box-sizing: border-box;width:60px;min-height:60px;border-radius: 10px;background-color: #E4E4E4;text-align: center;padding-top: 15px;padding-bottom: 15px;}
.outlogin .xp_icon_box img { width: 30px !important; }

.outlogin .sv_member {font-size: 16px !important;font-weight: 600 !important;}
.outlogin .mem_btn {margin-top: 10px;}
.outlogin .mem_edit {float:left; width: 49%; background-color: #3498DB; color:#fff; border:0px; height:50px; border-radius: 10px;}
.outlogin .mem_out {float:right; width:49%; background-color: #f1f1f1; color:#000; border:0px; height:50px; border-radius: 10px;}
.outlogin .mem_gnb {margin-top: 10px;}
.outlogin .mem_gnb ul {box-sizing: border-box; border:2px solid #eee; width:30%; border-radius: 10px; background-color: #fff; text-align: center; padding-top: 10px; padding-bottom: 10px; cursor: pointer; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); float:left; margin-left: 5%;}
.outlogin .mem_gnb ul:first-child {margin-left: 0%;}
.outlogin .mem_gnb ul:hover {border:2px solid #3498DB;}
.outlogin .mem_gnb ul:hover {color:#3498DB;}
.outlogin .mem_gnb ul li {}
.outlogin .mem_gnb ul .mt_txts {margin-top: 0px; font-size: 12px;}
.outlogin .mem_icons {min-height:28px;}
.outlogin .po_rel {position: relative;}

.outlogin .login_wrap {width:100%; margin: 0 auto; padding: 0px;}
.outlogin .login_wrap input:focus {outline: none !important;}
.outlogin .login_wrap textarea:focus {outline: none !important;}
.outlogin .login_wrap button:focus {outline: none !important;}

.outlogin .login_inp {width: 100%; height:50px; font-size: 14px; color:#000; font-weight: 600 !important; padding-left:10px; border:0px; border-bottom: 2px solid #eee; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.outlogin .login_inp:focus {border-bottom: 2px solid #000;}

.outlogin .login_ci {margin-bottom: 30px; text-align: center;}
.outlogin .login_ci img {height: 60px;}
.outlogin .login_ul {margin-bottom: 10px; position: relative;}
.outlogin .login_r_ico {position: absolute; top:13px; right: 10px; color:#999;}
.outlogin .login_ul_chk {margin-top: 15px;}
.outlogin .login_submit_btn {background-color: #3498DB; color:#fff; font-size: 14px; text-align: center; height:50px; width: 100%; border:0px; border-radius: 4px;}
.outlogin .login_a_link a {padding-left: 15px; margin-left: 15px; border-left: 2px solid #eee;}
.outlogin .login_a_link a:first-child {border:0px; padding: 0px; margin: 0px;}
.outlogin .login_ul_chk .frm_label {display: none;}
.outlogin .login_ul_chk .sns-wrap {text-align: left;}
.outlogin .line_or {position: relative;display: block;width: 100%;padding: 30px 0;font-size: 0;line-height: 0;}
.outlogin .line_or:before, .line_or:after {display: inline-block;width: calc(50% - 20px);height: 1px;margin: 8px 0;background-color: rgba(0,0,0,0.06);vertical-align: top;content: '';}
.outlogin .line_or .txt_or {display: inline-block;width: 40px;font-size: 12px;line-height: 18px;text-align: center;color: rgba(0,0,0,0.3);}
.outlogin .login_ul .required {background-position: right center !important;}