@charset "utf-8";

.wrapper.login{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#daf0f1;}
.login-logo{position:fixed;top:20px;left:25px;width:120px;height:50px;text-indent:-9999px;background:url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 50%/contain no-repeat;}
.login-logo a{display:block;width:100%;height:50px;}
.login-area{width:800px;background:url(https://aptgin.com/cdn/res/img/main/main_visual_cha1.png) left bottom/52% no-repeat;}
.login-area article{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;float:right;width:50%;padding:50px 30px;border-radius:10px;box-shadow:5px 5px 0 rgba(35,179,198,.1);background-color:#fff;}
.login-area article>div{width:80%;}
.login-area h2{margin-bottom:30px;padding:0;padding-top:80px;font-size:30px;text-align:center;background:url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin.svg) center 0/auto 50px no-repeat;}
.login-area h3{padding:0;font-size:18px;text-align:center;background:none;}
.login-form{margin-bottom:15px;}
.login-form input{width:100%;height:60px;padding:0 20px;border:0;border-radius:0;border-bottom:solid 1px rgba(10,46,79,.3);font-family:GmarketSansM;font-size:16px;letter-spacing:0;transition:.3s;}
.login-form input:focus{border-color:#0a2e4f;background-color:#f6faff;}
.login-form input::-webkit-input-placeholder{color:#7e81a6;font-family:GmarketSansL;}
.login-form input::-moz-input-placeholder{color:#7e81a6;font-family:GmarketSansL;}
.login-form input::-ms-input-placeholder{color:#7e81a6;font-family:GmarketSansL;}
.login-option{margin-bottom:15px;padding-left:10px;}
.login-btn{margin-bottom:50px;}
.login-btn .btn{width:100%;height:50px;padding-top:3px;border-radius:5px;font-family:GmarketSansM;font-size:18px;}
.login-sns{margin-bottom:50px;text-align:center;}
.login-sns h3{margin-bottom:20px;}
.login-sns a{display:inline-block;width:50px;height:50px;border-radius:50%;color:transparent;font-size:0;line-height:0;transition:.3s ease;}
.login-sns a:hover,.login-sns a:active{transform:translateY(-3px);box-shadow:3px 3px 0 rgba(35,179,198,.3);}
.login-sns a+a{margin-left:15px;}
.login-sns a::before{content:"";display:block;}
.login-sns .icon-naver{background-color:#00c725;}
.login-sns .icon-naver::before{width:20px;height:20px;margin:15px auto;background-color:#fff;}
.login-sns .icon-kakao{background-color:#FEE500;}
.login-sns .icon-kakao::before{width:26px;height:26px;margin:12px auto;background-color:#6b5f5f;}
.login-account{text-align:center;}
.login-account a{display:inline-block;position:relative;padding:5px 10px;font-family:NotoSansR;transition:.3s;}
.login-account a:hover,.login-account a:active{color:#0b99ac;}
.login-account a+a::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:13px;background-color:#dfe6ef;}
.icon-symbol::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;vertical-align:-3px;background-color:#0a2e4f;
  mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet4.svg) 50%/contain no-repeat;-webkit-mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet3.svg) 50%/contain no-repeat;transition:.3s;}
.icon-symbol:hover::before{background-color:#0b99ac;}
.modal-container.fixed.login-size{max-width: 500px;}