@font-face{font-family:'BMHANNAPro';src:url(/fonts/BMHANNAProOTF.otf) format("opentype"),url(/fonts/BMHANNAProO.ttf) format("truetype")}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(/fonts/NotoSansKR-Light.otf) format("opentype")}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(/fonts/NotoSansKR-Regular.otf) format("opentype")}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(/fonts/NotoSansKR-Medium.otf) format("opentype")}@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(/fonts/NotoSansKR-Bold.otf) format("opentype")}@font-face{font-family:'Taom';font-style:normal;src:url(/fonts/BinggraeTaom.otf) format("opentype")}@font-face{font-family:'GC';font-weight:200;src:url(/fonts/GC110.ttf) format("woff"),url(/fonts/GC110.woff) format("truetype")}@font-face{font-family:'GC';font-weight:300;src:url(/fonts/GC120.ttf) format("woff"),url(/fonts/GC120.woff) format("truetype")}@font-face{font-family:'GC';font-weight:400;src:url(/fonts/GC130.ttf) format("woff"),url(/fonts/GC130.woff) format("truetype")}@font-face{font-family:'GC';font-weight:500;src:url(/fonts/GC140.ttf) format("woff"),url(/fonts/GC140.woff) format("truetype")}@font-face{font-family:'GC';font-weight:700;src:url(/fonts/GC150.ttf) format("woff"),url(/fonts/GC150.woff) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body,button,input,textarea,select{font-family:"Taom","Noto Sans KR","malgun gothic",sans-serif;font-size:14px}button{cursor:pointer}input::placeholder{color:#cecece !important}input:-ms-input-placeholder{color:#cecece !important}#root_login{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;background:url(/images/login_back.png) no-repeat 50%/cover;overflow:hidden}#root_login:before{content:'';position:absolute;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.16)}.login-box{position:relative;display:inline-block;text-align:center;align-items:center}.login-box .title-image{background:url(/images/login-title.png);width:380px;height:60px;margin-bottom:10px}.login-box .title{width:100%;height:100%;margin-bottom:10px;text-align:center;color:#1089A3;font-size:48px;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.login-box .sub-title{font-family:'BMHANNAPro', sans-serif;margin:12px 0 30px;text-align:center;font-size:24px;color:#fff}.login-box .logo{font-family:'BMHANNAPro', sans-serif;font-size:52px;color:#fff}.login-box .logo span{display:inline-block;color:gold;margin-right:8px;font-size:64px;transition:transform 1.5s}.login-box .logo span.active{transform:rotateY(1080deg)}.login-box input{width:296px;height:42px;text-align:center;border:1px solid #EDEDED;border-radius:3px;margin:0 0 12px 0;padding-bottom:2px;color:gray;font-size:14px;outline:none;transition:all 1s;opacity:0;transform:translateY(40px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.login-box input.active{opacity:1;transform:translateY(0px)}.login-box .btn-login{width:296px;height:42px;background:#FA4B26;border:0;border-radius:3px;color:#fff;padding-bottom:2px;font-size:15px;font-weight:bold;transition:all 1s;opacity:0;transform:translateY(40px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.login-box .btn-login.active{opacity:1;transform:translateY(0px)}