@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:'Calibri','NanumGothic', '나눔고딕','NanumGothicWeb','Verdana', 'Geneva', 'Arial' }

html{ overflow-y:hidden; overflow-x:hidden; }
body{ background-image:url('/websrc/img/main/bg_main_01.jpg'); background-repeat:no-repeat;background-size:100% 100%; background-color:#ffffff; width:1920px; height:1080px; margin:0 auto; }
a{ margin:0px; text-decoration:none; color:#fff;}

#intro { position:absolute; display:block; width:1920px; height:1080px; }
#intro .logo { position: absolute; display: block; top: 59px; left: 72px; width: 498px; height: 115px; background: url('/websrc/img/main/smartsign_cloud_logo.png') no-repeat; }

#intro .scene_enter_id{position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#intro .scene_enter_id .explain{position:absolute; display:block; top:513px; left:78px; width:650px; height:60px; color:#fff; font-size:47px; font-weight: 300;}
#intro .scene_enter_id .explain_fail{position:absolute; display:none; top:600px; left:78px; width:600px; height:60px; color:#ff0; font-size:37px; font-weight: 300;}
#intro .scene_enter_id .input_accessKey{position:absolute; display:block; top:505px; left:885px; width:650px; height:2px;}
#intro .scene_enter_id .input_accessKey input{position:relative; width:650px; height:70px; color:#ff0; background:rgba(0,0,0,0.0); padding:0 0 2px 20px; float:left; font-size:30px; border: none; border-bottom: solid 1px #fff; font-weight: 300; outline-color: rgba(0,0,0,0.0); outline:none;}
#intro .scene_enter_id .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('/websrc/img/main/popon_ply_intro_btn_next_off.png') no-repeat;cursor:pointer;}
#intro .scene_enter_id .btn_next:hover{background:url('/websrc/img/main/popon_ply_intro_btn_next_hover.png') no-repeat;}

#intro .scene_enter_pw {position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#intro .scene_enter_pw .accessKey{position:absolute; display:block; top:415px; left:905px; width:480px; height:60px; color:#ff0; font-size:35px; font-weight: 200;}
#intro .scene_enter_pw .explain{position:absolute; display:block; top:513px; left:78px; width:600px; height:60px; color:#fff; font-size:47px; font-weight: 300;}
#intro .scene_enter_pw .input_accessKey{position:absolute; display:block; top:505px; left:885px; width:650px; height:2px;}
#intro .scene_enter_pw .input_accessKey input{position:relative; width:650px; height:70px; color:#ff0; background:rgba(0,0,0,0.0); padding:0 0 2px 20px; float:left; font-size:30px; border: none; border-bottom: solid 1px #fff; font-weight: 300; outline-color: rgba(0,0,0,0.0); outline:none;}
#intro .scene_enter_pw .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('/websrc/img/main/popon_ply_intro_btn_login_off.png') no-repeat;cursor:pointer;}
#intro .scene_enter_pw .btn_next:hover{background:url('/websrc/img/main/popon_ply_intro_btn_login_hover.png') no-repeat;}
#intro .scene_enter_pw .prev{position:absolute; display:block; top:520px; left:790px; width:50px; height:50px; background:url('/websrc/img/main/btn_prev2.png') no-repeat;cursor:pointer;}
#intro .scene_enter_pw .prev:hover{background:url('/websrc/img/main/btn_prev2_hover.png') no-repeat;}

#intro .scene_login_fail{position:absolute; display:none; top:0; left:0; width:100%; height:100%}
#intro .scene_login_fail .explain{position:absolute; display:block; top:470px; left:78px; width:600px; height:60px; color:#fff; font-size:47px; font-weight: 500; letter-spacing:2px;}
#intro .scene_login_fail .guide{position:absolute; display:block; top:558px; left:78px; width:1500px; height:60px; color:#fff; font-size:30px; font-weight: 200; letter-spacing:2px;}
#intro .scene_login_fail .btn_next{position:absolute; display:block; top:502px; left:1595px; width:258px; height:70px; background:url('../img/main/popon_ply_intro_btn_retry_off.png') no-repeat;cursor:pointer;}
#intro .scene_login_fail .btn_next:hover{background:url('../img/main/popon_ply_intro_btn_retry_hover.png') no-repeat;}

#loading {position:absolute; display:none; top:0px; left:0px; width:100%; height:100%; z-index:100; text-align:center; background-color:rgba(0,0,0,0.5);}
#loading img {margin-top:495px;width:120px;height:120px;}