@charset "utf-8";


/* outlogin.skin.1.php */ 

.top_pcs_loginOut_1 { 
	padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:25px;  
	border-top:5px solid #005793; border-radius:10px; 
}

.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:SpoqaHanSansNeo_Bold; letter-spacing: 0.07em; 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:SpoqaHanSansNeo_Bold; letter-spacing: 0.07em; line-height:1em; 
	border-radius:20px; 
} .top_pcs_login_pw:hover { border:1px solid #222; }
.top_pcs_login_id::placeholder, .top_pcs_login_pw::placeholder { color:#b6b6b6; }
.top_pcs_login_login {
	border:0px; width:100%; height:43px; background:#005793;  border-radius:30px; 
	text-align:center; color:#fff; font-family:NanumSquareNeo400; 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:NanumSquareNeo400; 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:NanumSquareNeo400; 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:NanumSquareNeo400; 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:NanumSquareNeo400; font-size:12px; letter-spacing: 0.01em; cursor:pointer; }
.autoLogin_li_3 span:hover { color:#005793; }
.Mlang_layout_top_pcs_login_li_1_1_r_input {  display:none; }
.autoLoginBoxs_off { 
	width:46px; height:24px;
	background:#005793; border:2px solid #368cc8; 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:#005793; color:#fff; font-size:12px; font-family:NanumSquareNeo400; 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; border-top:5px solid #005793; border-radius:10px; }

.loginokBox_t {  text-align:center; padding-top:20px; }
.loginokBox_ts { width:100%; display:inline-block; }
.loginokBox_t li { float:left; font-size:12px; letter-spacing: 0.01em; line-height:1em; }
.loginokBox_ts_l { width:100%; text-align:left; }
.loginokBox_ts_l div { padding-left:12px; padding-right:12px; }
.loginokBox_ts_l_img_1 { height:18px; margin-right:5px; }
.loginokBox_ts_l_img_2 { height:18px; margin-right:5px; }
.loginokBox_ts_txt_3 { 	color:#000; font-family:NanumSquareNeo700; font-size:18px; letter-spacing: 0.01em; line-height:1em;  }
.loginokBox_ts_txt_33 { color:#000; font-family:NanumSquareNeo400; font-size:15px; letter-spacing: 0.01em; line-height:1em;  }
.loginokBox_ts_l_span { color:#005793; font-family:NanumSquareNeo400; font-size:15px; letter-spacing: 0.01em; line-height:1em; }

.loginokBox_btn {
	background:#777; color:#fff; font-size:12px; font-family:NanumSquareNeo400; letter-spacing: 0.01em; line-height:1em; cursor:pointer;
	border-radius:20px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px;
}
.loginokBox_btn:hover { background:#005793; color:#fff; }
.loginokBox_logout {
	background:#eee; color:#777; font-size:12px; font-family:NanumSquareNeo400; letter-spacing: 0.01em; line-height:1em; cursor:pointer;
	border-radius:20px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px;
}
.loginokBox_logout:hover { background:#005793; color:#fff; }

.loginokBox_exp { background:#fff; padding-left:12px; padding-right:12px; padding-bottom:10px; }
.loginokBox_expt { width:100%; display:inline-block; margin-bottom:5px; }
.loginokBox_expt li { float:left; color:#000; font-family:NanumSquareNeo400; font-size:15px; letter-spacing: 0.01em; line-height:1em;  }
.loginokBox_expt li b { font-family:NanumSquareNeo400; }
.loginokBox_ts_l_span_red { color:#ff0000; }
.loginokBox_expt_l { width:50%; text-align:left; }
.loginokBox_expt_r { width:50%; text-align:right; }
.loginokBox_exps { width:100%; display:inline-block; }
.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:#feca3d; border-radius:20px; height:14px; }

.loginokBox_exp3 { background:#005793; border-radius:0px 0px 8px 8px; line-height:1em;  }
.loginokBox_exp3s { width:100%; display:inline-block; padding-top:10px; padding-bottom:5px; }
.loginokBox_exp3s ul { text-align:center; }
.loginokBox_exp3s li {
	float:left; width:33.3%; 
	text-align:center; 
}
.loginokBox_exp3s li a { color:#fff; color:#fff; font-size:14px; letter-spacing: 0.01em; line-height:1em; }
.loginokBox_exp3s li img { height:15px; cursor:pointer; }

.pushmsg_viewss { text-align:center; } 
.pushmsg_viewss dl { text-align:center; }
.pushmsg_viewss dl dd { display:inline-block; }
.mmppk { }
.mmppks { 
	background:#ff0000; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; border-radius:8px;
	color:#fff; font-size:11px; font-family:NanumSquareNeo400; letter-spacing: 0.01em; line-height:1em; 
	box-shadow: 2px 2px 4px #ccc; 
}