body{background-image:url("//cdnimg.melon.co.kr/djcenter/img/login-bg-01.png");background-position:center;background-repeat:no-repeat;background-size:cover}.login-wrapper{position:relative;height:100%;min-height:860px}.login{position:absolute;left:50%;width:517px;margin-left:-258.5px;padding:62px 0 41px;text-align:center}.login:before,.login:after{position:absolute;left:68.5px;width:380px;height:1px;background-color:#ffffff;content:"";opacity:0.25}.login:before{top:0}.login:after{bottom:0}.login-heading{width:507px;height:59px;margin:0 auto;overflow:hidden;background-image:url("//cdnimg.melon.co.kr/djcenter/img/20190917_img-title-login@2x.png");background-position:center;background-repeat:no-repeat;background-size:507px 36px;font-size:0 !important;line-height:0 !important;text-indent:100%;white-space:nowrap}.login .brand{width:175px;height:18px;margin:0 auto 17px;overflow:hidden;background-image:url("//cdnimg.melon.co.kr/djcenter/img/logo-login@2x.png");background-position:center;background-repeat:no-repeat;background-size:175px 18px;font-size:0 !important;line-height:0 !important;text-indent:100%;white-space:nowrap}.login .btn{display:block;width:380px;height:60px;margin:48px auto 20px;font-size:18px;font-weight:300}.login *[data-component="Tooltip"]:hover{width:16px;height:16px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:-26px -607px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login *[data-component="Tooltip"]:hover{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login .input-box{width:460px;height:60px;margin-bottom:12px;padding:0 20px;border:none;background-color:rgba(255,255,255,0.14)}.login .input-box:nth-of-type(2){margin-bottom:16px}.login .input-box.login-id{padding-left:18px}.login .input-box.state-selected,.login .input-box.state-no-zero{background-color:white}.login .input-box.state-selected .icon-id,.login .input-box.state-no-zero .icon-id{width:16px;height:16px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:-531px -549px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login .input-box.state-selected .icon-id,.login .input-box.state-no-zero .icon-id{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login .input-box.state-selected .icon-tooltip,.login .input-box.state-no-zero .icon-tooltip{width:16px;height:16px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:-26px -607px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login .input-box.state-selected .icon-tooltip,.login .input-box.state-no-zero .icon-tooltip{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login .input-box.state-selected .icon-pw,.login .input-box.state-no-zero .icon-pw{width:14px;height:16px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:-655px -50px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login .input-box.state-selected .icon-pw,.login .input-box.state-no-zero .icon-pw{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login .input-box span:first-child{margin-right:23px}.login .input-box input{background-color:transparent;color:#333333;font-family:"Roboto";font-size:16px}.login .input-box input::-webkit-input-placeholder{color:rgba(255,255,255,0.8);font-family:'Roboto'}.login .input-box input::-moz-placeholder{color:rgba(255,255,255,0.8);font-family:'Roboto'}.login .input-box input:-ms-input-placeholder{color:rgba(255,255,255,0.8);font-family:'Roboto'}.login .input-box input::-ms-input-placeholder{color:rgba(255,255,255,0.8);font-family:'Roboto'}.login .input-box input::placeholder{color:rgba(255,255,255,0.8);font-family:'Roboto'}.login .input-box input[type="password"]{font:small-caption;font-size:16px;font-weight:300}.login .input-box.remembered>*{opacity:0.3}.login .checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:2px;cursor:default}.login .checkbox p{height:18px;margin-left:12px;color:rgba(255,255,255,0.8);font-size:14px;font-weight:300;line-height:18px}.login .option-box .option{height:19px;color:rgba(255,255,255,0.7);font-size:13px;font-weight:300;line-height:19px}.login .option-box .option.join{position:relative;padding-right:31px}.login .option-box .option.join:after{display:block;position:absolute;top:50%;right:14px;width:3px;height:3px;margin-top:-1.5px;background-color:white;content:"";opacity:0.4}.login .option-box .option:hover{color:#ffffff;text-decoration:underline}.login .option-box .option.apply{color:rgba(255,255,255,0.9);font-weight:400}.login-footer{position:absolute;bottom:100px;width:100%}.login-footer-wrap{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center}.login-footer .menu{margin-bottom:20px}.login-footer .menu-item{height:18px;margin-right:24px;float:left;color:white;font-size:12px;line-height:18px}.login-footer .menu-item:last-child{margin-right:0px}.login-footer .menu-item:hover{text-decoration:underline}.login-footer .copyright{color:white;font-family:Roboto;font-size:12px;line-height:14px;opacity:0.8}.login-footer .copyright strong{font-weight:bold}.error-msg{width:380px;margin:30px auto -28px;padding:20px 24px;border-radius:4px;background-color:#333333;text-align:left}.error-msg.case2{padding:20px 22.1px}.error-msg h3{margin-bottom:6px;color:#1ee13c;font-size:14px;font-weight:400;line-height:20px}.error-msg p{color:#ffffff;font-size:13px;line-height:19px}.login__modal .modal__dialog{width:700px}.login__modal .modal__body{height:auto;padding-top:30px}.login__modal .modal__body h1{margin-bottom:4px;color:#333333;font-size:16px;font-weight:400;line-height:24px}.login__modal .modal__body p{margin-bottom:16px;color:#606060;font-size:14px;line-height:20px}.login__modal .modal__footer{border:none}.login__modal .flow-title{position:relative;width:112px;height:24px;margin-bottom:37px;color:#333333;font-size:16px;font-weight:400;line-height:24px}.login__modal .flow-title:after{display:block;position:absolute;bottom:-12px;width:100%;height:1px;background-color:#333333;content:""}.login__modal .flow{-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}.login__modal .flow.basic{margin-bottom:17.4px;padding-bottom:17.6px;border-bottom:1px solid #ebecf0}.login__modal .flow ul{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.login__modal .flow ul li{position:relative;margin-right:26px;float:left;color:#606060;font-size:14px;line-height:20px}.login__modal .flow ul li:last-child{margin-right:0px}.login__modal .flow ul li:last-child:after{display:none !important}.login__modal .flow ul li:after{display:block;position:absolute;top:50%;right:-17px;width:10px;height:10px;margin-top:-5px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:-655px -347px;content:""}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login__modal .flow ul li:after{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login__modal .flow button{width:120px;padding:0px}.login__modal .flow h3{width:113px;font-size:14px;font-weight:400;line-height:20px}.login__modal .img-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;align-items:center;justify-content:center;width:620px;height:180px;margin-bottom:36px;background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites-745af1b36e.png);background-position:0px 0px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.login__modal .img-box{background-image:url(//cdnimg.melon.co.kr/djcenter/img/sprites@2x-5004c76816.png);background-size:671px 623px}}.login__modal .img-box .icon{margin-right:67px;margin-left:75px}.login__modal .img-box span{display:inline-block;color:white;font-size:18px;font-weight:400;line-height:27px}.login__modal .img-box span:first-child{width:138px}.login__modal .img-box span:last-child{position:relative;width:126px;text-align:center}.login__modal .img-box span p{position:absolute;bottom:-37px;width:100%;color:white;font-size:14px;font-weight:normal}.tooltip .go-find-account{display:block;margin-top:12px;float:right;color:#1ee13c;font-size:14px;font-weight:400;line-height:20px}.fake-class{display:none;color:transparent}