@charset "utf-8";


/* outlogin.skin.1.php */ 

.top_pcs_loginOut_1 { padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:25px; }

.Mlang_layout_top_pcs_login_li { width:100%; display:inline-block; }
.Mlang_layout_top_pcs_login_li li { float:left; width:100%; }
.Mlang_layout_top_pcs_login_li_1 { margin-bottom:10px; }
.Mlang_layout_top_pcs_login_li_2 { margin-bottom:10px; }

.top_pcs_login_id {
	width:100%; border:1px solid #ced4da; padding-top:12px; padding-bottom:12px; padding-left:40px; padding-right:20px;
	background-image : url("/Mlang/img/icon-id@2x.png"); 
	background-size:14px 14px; background-position:center left 15px; background-repeat:no-repeat;
	font-size:14px; color:#333; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em; 
	border-radius:20px; 
} .top_pcs_login_id:hover { border:1px solid #222; }
.top_pcs_login_pw {
	width:100%; border:1px solid #ced4da; padding-top:12px; padding-bottom:12px; padding-left:40px; padding-right:20px;
	background-image : url("/Mlang/img/icon-pw@2x.png"); 
	background-size:14px 14px; background-position:center left 15px; background-repeat:no-repeat;
	font-size:14px; color:#333; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em; 
	border-radius:20px; 
} .top_pcs_login_pw:hover { border:1px solid #222; }
.top_pcs_login_login {
	border:0px; width:100%; height:43px; background:#db3232;  border-radius:30px; 
	text-align:center; color:#fff; font-family:NanumGothicBold; font-size:16px; letter-spacing: 0.01em; cursor:pointer; 	
}
.top_pcs_login_btn1 {
	display:inline-block; width:100%; margin-top:10px; background:#fff; border:1px solid #222; border-radius:30px; padding:18px; 
	text-align:center; color:#222; font-family:NanumGothicBold; font-size:16px; letter-spacing: 0.01em; cursor:pointer; 	
}
.top_pcs_login_btn2 {
	display:inline-block; width:100%; margin-top:20px; 
	color:#77777f; font-size:16px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.5em; cursor:pointer; 
} .top_pcs_login_btn2 img { Vertical-align:middle; margin-left:12px; width:6px; }


.autoLogin { width:100%; display:inline-block; }
.autoLogin li { float:left; }
.autoLogin_li_1 { width:20%; text-align:center; }
.autoLogin_li_2 { padding-top:5px; width:25%; text-align:left; color:#77777f; font-family:NanumGothic; font-size:12px; letter-spacing: 0.01em; }
.autoLogin_li_3 { padding-top:5px; width:55%; text-align:right; }
.autoLogin_li_3 span { text-align:right; color:#333; font-family:NanumGothicBold; font-size:12px; letter-spacing: 0.01em; cursor:pointer; }
.autoLogin_li_3 span:hover { color:#db3232; }
.Mlang_layout_top_pcs_login_li_1_1_r_input {  display:none; }
.autoLoginBoxs_off { 
	width:46px; height:24px;
	background:#ffcc00; border:2px solid #ffe990; border-radius:30px; cursor:pointer;
}
.autoLoginBoxzs_off {
	float:right; margin:2px; width:16px; height:16px; 
	background:#fff; border:0px; border-radius:50%;  
}

.autoLoginBoxs_on { 
	width:46px; height:24px;
	background:#db3232; border:2px solid #ff7575; border-radius:30px; cursor:pointer;
}
.autoLoginBoxzs_on {
	float:left; margin:2px; width:16px; height:16px; 
	background:#fff; border:0px; border-radius:50%; 
}

.autoLoginBoxs_off:hover, .autoLoginBoxs_on:hover { opacity: 0.7; }

.autoLogin_alert_title {
	background:#db3232; color:#fff; font-size:12px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em; 
	border-radius:20px; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px;
}


/* outlogin.skin.2.php */
.top_pcs_loginOut_2 { text-align:center; }

.loginokBox_t { width:100%; display:inline-block; }
.loginokBox_t li { float:left; }
.loginokBox_ts_l { width:20%; text-align:center; }
.loginokBox_ts_l div { padding:15px; }
.loginokBox_ts_l img { width:30px; }
.loginokBox_ts_r { width:80%; text-align:left; }
.loginokBox_ts_r_dd { margin-top:15px; margin-right:15px; }
.loginokBox_ts_r dd { float:left; }
.loginokBox_ts_r_dd_1 { 
	width:70%; text-align:left; padding-top:7px;
	color:#333; font-size:12px; font-family:NanumGothic; letter-spacing: 0.05em; line-height:1em; 
} 
.loginokBox_ts_r_dd_1 b { font-family:NanumGothicBold; font-size:14px; }
.loginokBox_ts_r_dd_1 img { height:24px; }
.loginokBox_ts_r_dd_2 { width:30%; text-align:right; padding-top:7px; }
.loginokBox_ts_r_dd_3 { width:100%; text-align:left; }
.loginokBox_ts_r_dd_3 div { 
	color:#77777f; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; 
	background:#fff; box-shadow: 0px 0px 4px #e0e0e0; border-radius:20px; margin-top:10px;
	padding-top:7px; padding-bottom:7px; padding-left:12px; padding-right:12px; 
	position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
}
.loginokBox_logout {
	background:#eee; color:#77777f; font-size:12px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1em; cursor:pointer;
	border-radius:20px; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px;
}
.loginokBox_logout:hover { background:#db3232; color:#fff; }

.loginokBox_exp { 
	background:#fff; padding:7px;
	border-top:1px solid #dedede; border-bottom:1px solid #dedede;
}
.loginokBox_exps { width:100%; display:inline-block; }
.loginokBox_exp_l {
	float:left; width:18%; text-align:center; 
	color:#77777f; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em;
}
.loginokBox_exp_r { float:left; width:82%; text-align:left; }
.loginokBox_expBar { 
	background:#f5f5f5; border-radius:20px; height:14px; box-shadow: inset 0 6px 5px -7px rgba(0, 0, 0, 0.4); max-width:100%; 
}
.loginokBox_expBars { background:#db3232; border-radius:20px; height:14px; }

.loginokBox_exp2 { padding-left:7px; padding-right:7px; padding-top:5px; padding-bottom:3px; }
.loginokBox_exp2s { width:100%; display:inline-block; }
.loginokBox_exp2 li  { float:left; color:#5d5a5a; font-size:13px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; }
.loginokBox_exp2 li b { font-family:NanumGothicBold; }
.loginokBox_exp2 li span { color:#db3232; }
.loginokBox_exp2 li img { height:16px; margin-right:3px; }
.loginokBox_exp2_l { width:40%; text-align:left; }
.loginokBox_exp2_r { width:60%; text-align:right; }

.loginokBox_exp3 { border-top:1px solid #dedede; background:#fff; border-radius:0px 0px 8px 8px; line-height:1em;  }
.loginokBox_exp3s { width:100%; display:inline-block; }
.loginokBox_exp3 li { float:left; width:19.7%; text-align:center; padding-top:15px; padding-bottom:15px; background:#fff; }
.loginokBox_exp3 li img { height:26px; cursor:pointer; }
.loginokBox_exp3_line { border-right:1px solid #dedede; }
.loginokBox_exp3_1 { border-radius:0px 0px 0px 8px; }
.loginokBox_exp3_5 { border-radius:0px 0px 8px 0px; }


.mmppk { position:relative; }
.mmppks { 
	position:absolute; z-index:1; left:2px; top:-13px;
	background:#ff0000; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; border-radius:8px;
	color:#fff; font-size:11px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1em; 
	box-shadow: 2px 2px 4px #ccc; 
}