@charset "utf-8";

/* Common */
html{height:100%;-webkit-text-size-adjust:none;}
body{background:#fff;color:#333;font-size:20px;letter-spacing:-1px;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,table,th,td,legend,button{margin:0;padding:0;font-family:'Roboto','Droid Sans','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;}
section,nav,header,footer{display:block;}
table{border-spacing:0;border-collapse:collapse;}
form,fieldset,img{border:0 none;}
ul,ol,li{list-style:none outside;}
em,address{font-style:normal}
a{color:#333;text-decoration:none;}
li,p,dt,dd,div,span{word-break:break-all;}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;-webkit-border-radius:0;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
legend, .skip, .hide{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0;text-indent:-100px;}
caption{overflow:hidden;height:0;font-size:0;line-height:0;text-indent:-100px;}
input[type="text"],input[type="number"],input[type="password"],input[type="tel"]{border:1px solid #aaa;color:#222;font-size:0.81rem;border-radius:0;-webkit-border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;-webkit-appearance:none;box-shadow:none;}

.wrap{position:relative;min-width:320px;padding-bottom:20px}
.wrap.bt_st1{min-height:550px;background:url("../img/bg_cont.jpg") no-repeat 50% 0; background-size:100% 550px;}
.wrap.bt_st2{min-height:650px;background:url("../img/bg_cont2.jpg") no-repeat 50% 0; background-size:100% 650px;}

.set_chk{position:relative;}
.set_chk input[type="checkbox"] {position:absolute;top:0;left:0;opacity:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-shadow:none;}
.set_chk label{display:inline-block;}
.set_chk input[type="checkbox"] + label:before {display:inline-block; content:''; width:13px; height:13px; margin-right:5px; background:url("../img/check_off.png") no-repeat;vertical-align:-1px;}
.set_chk input[type="checkbox"]:checked + label:before {content:''; background:url("../img/check_on.png") no-repeat;}
span.set_chk{display:inline-block;}

.skip_navi{position:absolute;top:-100px;left:0;padding:5px 10px;z-index:30;background:#fff;}

.header{padding:10px 0 0;}
.header h1{font-size:0;text-align:center;}

footer .copy{position:absolute;bottom:20px;left:0;width:100%;color:#707070;font-weight:bold;font-size:0.56em;letter-spacing:0;text-align:center;}

#container{}

.lg_input_box{position:relative;padding:123px 47px 0;}
.lg_input{position:relative;}
.lg_input li{position:relative;margin-top:8px;padding-left:35px;}
.lg_input li label{display:inline-block;position:absolute;top:3px;left:0;font-weight:bold;font-size:1em;}
.lg_input input{width:100%;padding-left:11px;height:35px;border:1px solid #9bdd49;background:#fff9a7;font-size:0.93em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing: border-box;}
.lg_input input:focus{font-weight:bold;box-shadow:inset 0 0 7px 3px rgba(155,221,73,0.5);-moz-box-shadow:inset 0 0 7px 3px rgba(155,221,73,0.5);-webkit-box-shadow:inset 0 0 7px 3px rgba(155,221,73,0.5);}
.btn_login{font-size:0;text-align:center;}

.lg_chk{margin:8px 0 13px;text-align:center;}
.lg_chk .set_chk{margin-right:12px;}
.lg_chk label{font-size:0.78em;color:#666;}

.view_time{position:relative;;height:35px;margin:10px 0 8px;border-top:1px solid rgba(0,100,190,0.35);border-bottom:1px solid rgba(0,100,190,0.35);background:rgba(188,211,255,0.35);line-height:1.55em;text-align:center;}
.view_time:after{content:'';display:block;position:absolute;top:-29px;right:2px;width:81px;height:56px;background:url('../img/cloud.png') no-repeat;}
.view_time *{vertical-align:middle}
.view_time .tx{display:inline-block;margin:0 5px 0 0;color:#000;font-weight:bold;font-size:1.2em}
.view_time .time{display:inline-block;color:#ed1c24;font-weight:bold;font-size:1.3em;letter-spacing:0;}
.input_id{padding:0 34px 13px;}
.input_id input{width:100%;height:80px;border:3px solid #8db4fc;background:#f0f9ff;color:#252525;font-weight:bold;font-size:3em;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.input_id input:focus{box-shadow:inset 0 0 7px 3px rgba(141,180,252,0.5);-moz-box-shadow:inset 0 0 7px 3px rgba(141,180,252,0.5);-webkit-box-shadow:inset 0 0 7px 3px rgba(141,180,252,0.5);}
.num_keypadw{max-width:480px;margin:0 auto;}
.num_keypad{padding:0 7px 5px 13px;}
.num_keypad:after{content:'';display:block;clear:both;height:0;font-size:0;}
.num_keypad li{float:left;width:33.33%;margin:0 0 3px;font-size:0;text-align:center;}
.num_keypad li button{display:block;width:px;height:px;background:url("../img/common/input.png") no-repeat -61px -55px; background-size:150px 150px;}

/*150526*/
.wrap.bt_st3{min-height:320px;background:url("../img/bg_cont3.jpg") no-repeat 50% 0; background-size:100% 100%}
.header2{padding:10px 0 0}
.header2 h1{font-size:0;text-align:center;}
.header2 h1 img{width:75px;}
.num_keypadw2{max-width:480px;min-width:348px;margin:0 auto;}
.num_keypad2{padding:0 7px 5px 13px;}
.num_keypad2:after{content:'';display:block;clear:both;height:0;font-size:0;}
.num_keypad2 li{float:left;width:16.66%;margin:0 0 3px;font-size:0;text-align:center;}
.num_keypad2 li img{width:56px;}
.btn_login2{font-size:0;text-align:center;}
.btn_login2 img{height:40px;}
footer .copy2{margin-top:15px;color:#707070;font-weight:bold;font-size:0.56em;letter-spacing:0;text-align:center;}