@charset "utf-8";

body{background-color:#f4f4f4;}

/* common */
.login_wrap .header,
.user_wrap .header{background-color:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}


/* login */
.login_wrap{width:100%; transform:translateY(48%);}
.login_wrap .header{position:static; width:896px; min-width:inherit; height:40px; margin:0 auto; padding:0 0 10px 0;}
.login_wrap .header .logo{float:none; height:auto; margin:0; line-height:1;}
.login_wrap .container{position:relative; width:100%; height:436px; background-color:#00093b;}
.login_wrap .container:after{position:absolute; content:""; left:0; right:0; bottom:0; height:60px; background-color:#b1babf;}
.login_wrap .content{z-index:999; overflow-y:visible; width:980px; margin:0 auto; padding:0;}
.login_wrap .login_cont{z-index:999; position:absolute; right:0; top:-40px; width:350px; height:510px;  background-color:#fff; border-radius:2px; -webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.25); -moz-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.25); box-shadow:0px 2px 8px 0px rgba(0,0,0,0.25); }
.login_wrap .login_cont .tit_login{padding:30px 0; border-bottom:1px solid #d4d9dc; color:#000; font-size:18px; text-align:center;}
.login_wrap .login_form{padding:24px 40px 0;}
.login_wrap .login_list .tit_lb_b{padding:14px 0 6px; color:#333;}
.login_wrap .login_form .btns{padding:20px 0; border-bottom:1px solid #d4d9dc;}
.login_wrap .login_form .save_id{margin-top:10px;}
.login_wrap .user_list{padding:12px 40px;}
.login_wrap .user_list li{padding:8px 0;}
.login_wrap .user_list a{display:inline-block; color:#00093b; font-weight:bold;}
.login_wrap .user_list a [class*='ico']{margin-right:8px;}
.login_wrap .user_list .btn_find_pw{opacity:.5;}
.login_wrap .txt_warning{padding:14px 40px; color:#666c71; font-size:11px; line-height:1.5;}
.login_wrap .footer{width:896px; height:54px; margin:0 auto; line-height:54px; text-align:left;}

/* account, etc */
.user_wrap{position:relative; width:100%; height:100%; padding:0; box-sizing:border-box;}
.user_wrap .header{position:static; min-width:820px; border-bottom:1px solid #d4d9dc;}
.user_wrap .container{display:table; height:calc(100% - 95px);}
.user_wrap .container > .inner{display:table-cell; height:100%; padding:20px 0; box-sizing:border-box; vertical-align:middle;}
.user_wrap .content{width:700px; height:auto; min-height:300px; margin:0 auto; padding:20px 30px; border:1px solid #dae0e3; background-color:#fff; vertical-align:middle; box-sizing:border-box;}
.user_wrap .content.acc_cont{width:800px;}
.user_wrap .content .cont_top{height:auto; padding:30px 0 15px; line-height:1.2; box-sizing:border-box;}
.user_wrap .content.acc_cont .cont_top{padding-top:15px;}
.user_wrap .content .cont_top .tit_ct{color:#333; font-size:26px;}
.user_wrap .content .cont_top .txt_ct{height:30px; line-height:40px; box-sizing:border-box;}
.user_wrap .content .cont_top .txt_warning{display:block; padding-top:18px;}
.user_wrap .footer{position:static;}