@charset "utf-8";


html, body{height:100%; position:relative;}
.pop_wrap{margin:20px;}
.txt_color{color:#279bf4;}
/*
.bg{width:300px; height:300px; background:url("../../resource/images/bg.png") no-repeat; background-size:cover; position:absolute; top:300px; right:30%;}
*/


/* loginForm */

.loginForm{overflow:hidden; width:400px; height:460px; padding:40px 55px; background-color:#fff; border:2px solid #279bf4; border-radius:14px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; box-shadow:5px 5px 5px #ccc;}

.login_title{font-size:30px; color:#222; text-transform:uppercase; font-weight:bold; text-align:center; margin-bottom:15px; line-height:55px;}

.login_inpt{margin-top:20px; margin-bottom:20px;}
.keep_login{margin: 15px 0;}
.loginForm label{width:100%; display:inline-block;}
.loginForm input[type="text"], .loginForm input[type="password"]{width:88% ! important; height:46px; padding:0 20px;}
.user_icon{width:20px; height:20px; margin-right:10px;}

.loginForm label + label{margin-top:10px;}

.login_btn{width:100%; background-color:#279bf4; color:#fff; font-size:15px; font-weight:bold; border-radius:30px; padding:10px;}

.main-login-etc::before{content:""; display:block; width:100%; height:2px; background-color:#ccc; margin:15px 0;}
.main-login-etc{margin-top:15px; text-align:center;}
.main-login-etc li{display:inline-block;}
.main-login-etc li a{color:#333; font-size:14px; font-weight:bold;}

.main-login-etc li a:hover{color:#279bf4;}

.main-login-etc li:nth-child(2):before{content:""; display:inline-block; width:1px; height:13px; background-color:#939393; margin:0 10px; vertical-align:middle;}
.paru_logo{opacity:.5; position:absolute; bottom:-35px; left:-25px; width:100px; height:100px;}


/* idSearch_wrap */
.idSearch_form{width:450px; margin:0 auto; overflow:hidden;}

.title_txt{font-size:24px; color:#333; text-align:center; margin-bottom:20px;}
.title_txt span{font-size:18px; color:#555;}

.tbl-style01{width:100%; table-layout:fixed; border:1px solid #d9d9d9; border-top:3px solid #279bf4;}
.tbl-style01 tbody{}
.tbl-style01 tbody tr{}
.tbl-style01 tbody tr th{background-color:#f9f9f9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; padding:11px 20px ! important;}
.tbl-style01 tbody tr td{border-bottom:1px solid #d9d9d9; padding:11px 0 11px 18px ! important;}

.btn{display:inline-block; padding:10px 20px; background:#279bf4; color:#fff; text-align:center; margin:20px 0; border-radius:8px;}
span.msg_box{font-size:12px; display:block; color:red;}

/* pop */
.pop_cont{position:relative;}
.button_wrap{}
.week_btn{font-size:18px; color:#279bf4; font-weight:bold;}
.week_btn.prev{position:absolute; top:20px; left:0;}
.week_btn.next{position:absolute; top:20px; right:0;}

.tab_wrap{width:100%; margin:0 auto; display:inline-block;}
.tab_wrap li{float:left; width:12.5%; border:1px solid #ddd; padding:15px 15px; font-size:13px; text-align:center; box-sizing:border-box;}
.tab_wrap li.on{position:relative; border-top:3px solid #279bf4; border-bottom:none; border-right:1px solid #279bf4; border-left:1px solid #279bf4;}
.tab_wrap li.on a{color:#279bf4;}

.tab_cont{margin-top:20px; width:100%;}



/*hgeun add*/
.btn_center{margin-top:30px; text-align:center;margin:0 auto;}