/*
 * FileName : mblCpiLogin.css
 * Desc : 모바일 로그인용 CSS
 */
@charset "utf-8";

body { background:url(/images/sps/cps/mbl/login_bg.png),linear-gradient(to bottom, rgba(0, 74, 144, 1),  rgba(194, 212, 222, 1)); background-size:100%; text-align:center;}
h1 { margin-bottom:80px;}
h2 { font-size:90px; color:#00ffff;font-family:"나눔고딕B"; font-weight:normal; text-shadow:#000033 3px 3px 5px; margin-bottom:50px;}
article { width:84%; padding:7% 8% 100px 8%;}

.stitle { font-size:50px; color:#00ffff;font-family:"나눔고딕B"; font-weight:normal; text-shadow:#000033 3px 3px 5px; margin-bottom:50px;}

#.LoginForm { background:#fff;border-top-left-radius:30px; border-bottom-right-radius:30px; padding:25px 30% 5px 5%; position:relative; text-align:left; height:125px}
.LoginForm { background:#fff;border-top-left-radius:30px; border-bottom-right-radius:30px; padding:25px 30% 5px 5%; position:relative; text-align:left; min-height:125px}
#.LoginForm label { display:block; float:left; font-size:20px; width:25%; line-height:1.8; text-align:left;}
.LoginForm label { display:block; float:left; font-size:20px; min-width:78px; width:25%; margin-right:0.5em; line-height:1.8; text-align:left;}
#.LoginForm input[type=text] { width:68%;margin-bottom:20px; height:20px;}
.LoginForm input[type=text] { width:58%;margin-bottom:20px; height:20px;}
.LoginForm input[type=text]:last-child { margin-bottom:0;}
#.LoginForm input[type=password] { width:68%;margin-bottom:20px; height:20px;}
.LoginForm input[type=password] { width:58%;margin-bottom:20px; height:20px;}
.LoginForm input[type=password]:last-child { margin-bottom:0;}
#.LoginForm button { position:absolute; right:3%; top:25px; color:#fff; background:#3366cc; font-size:30px; border:none; border-top-left-radius:20px; border-bottom-right-radius:20px; width:25%; line-height:3.3;}
.LoginForm button { position:absolute; right:3%; top:25px; color:#fff; background:#3366cc; font-size:30px; border:none; border-top-left-radius:20px; border-bottom-right-radius:20px; width:25%; height:68%; line-height:3.3%;}
#.LoginForm div { position:absolute; left:21%; top:180px; text-align:left;}
.LoginForm div { position:relative; left:26%; top:20px; text-align:left;}
.LoginForm div input[type=checkbox] { width:30px; height:30px; float:left; margin-right:4px;}
.LoginForm div label { white-space:nowrap; line-height:1; font-size:21px;}


@media (min-width:1000px) {
h1 { margin-bottom:30px;}
h2 { margin-bottom:40px; }
article {padding-top:40px;}
}