@charset "utf-8"; 

/*login*/
.login{display:flex; justify-content:flex-start; align-items:center; flex-direction:column; position:relative; width:100vw; height:100vh; background:url("../img/login/bg.png") no-repeat center; background-size:cover; color:#2a3042}
.login_header{width:100%; background:#fff; padding:2.8rem 3rem}
.login_header .solution_tit{margin-bottom:0; line-height:2.4rem; font-size:2.4rem; color:#1d6efa}
.login_header .solution_tit span{font-size:1.6rem; color:#81858f}
.login_section{position:relative; width:100%; height:100%; overflow:hidden}
.login_section .inner{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:94rem}
.login_section .inner > div.flex{flex-direction:column}
.login_section .manual_box{width:100%; max-width:40rem; background:rgba(255,255,255,0.5); border-top-left-radius:6px; border-bottom-left-radius:6px; text-align:center; padding:10rem 0; transition:all 0.15s}
.login_section .manual_box h2{margin-bottom:4rem; font-size:0}
.login_section .manual_box h3{font-size:2rem; line-height:2.9rem; margin-bottom:1.2rem}
.login_section .manual_box .guide_text{color:#7d8793; font-size:1.4rem; margin-bottom:3rem}
.login_section .manual_box .manual_btn a{display:block; background:#2a3042; color:#fff; font-size:1.4rem; padding:1.3rem 1.8rem; border-radius:6px}
.login_section .manual_box .manual_btn:hover a{background:linear-gradient(262deg, #1d6efa,#b959e3)}
.login_section .manual_box .link_box{margin-top:9.2rem}
.login_section .manual_box .link_box > div > a{display:block; padding:0.9rem; background:transparent; border:1px solid #7D8793; border-radius:50%; font-size:0}
.login_section .manual_box .link_box>div:first-child{margin-right:2rem}
.login_section .login_box{width:100%; max-width:54rem; background:#fff; border-top-right-radius:6px; border-bottom-right-radius:6px; text-align:center; padding:10rem 0 4rem; transition:all 0.15s}
.login_section .login_box .login_tit{margin-bottom:7.1rem}
.login_section .login_box .login_tit p:first-child{font-family: "NotoSansCJKkr-Bold",sans-serif !important;font-size:3rem; line-height:4.5rem; margin-bottom:0.4rem}
.login_section .login_box .login_tit p:last-child{font-size:1.4rem}
.login_section .login_box .login_value{width:100%; margin-bottom:3rem}
.login_section .login_box .login_value>p:first-child{margin-bottom:2rem}
.login_section .login_box .login_value input{display:block; width:100%; max-width:40rem; height:5.3rem; padding:1.7rem 0 1.7rem 4rem; border:1px solid #ededf2; border-radius:6px; margin:0 auto; font-size:1.3rem; line-height:1.9rem; font-family:"NotoSansCJKkr-Bold",sans-serif}
.login_section .login_box .login_value input[type="text"]{background:url("../img/login/ico_id.png") no-repeat 15px center; color:#b959e3}
.login_section .login_box .login_value input[type="text"]:focus{border:1px solid #b959e3}
.login_section .login_box .login_value input[type="password"]{background:url("../img/login/ico_pw.png") no-repeat 15px center; color:#1d6efa}
.login_section .login_box .login_value input[type="password"]:focus{border:1px solid #1d6efa}
.login_section .login_box .login_value input::placeholder{color:#aab4c0; font-family:"NotoSansCJKkr-Bold",sans-serif}
.login_section .login_box .login_btn{width:100%; margin-bottom:6rem}
.login_section .login_box .login_btn button{display:block; width:100%; max-width:40rem; margin:0 auto; background:linear-gradient(262deg, #1e6efa,#b959e3); color:#fff; font-size:1.4rem; padding:1.8rem 0; border-radius:6px}
.login_section .login_box .copy{font-size:1.4rem; color:#aab4c0; line-height:2rem}

@media all and (max-width:1000px) {
	.login_section .inner {max-width:54rem; flex-direction:column; padding:0 2rem}
	.login_section .manual_box{background:#fff; max-width:54rem; padding:2rem 0 0; border-bottom-left-radius:0; border-top-right-radius:6px}
	.login_section .manual_box h2{margin-bottom:1rem}
	.login_section .manual_box h2 img {width:3rem}
	.login_section .manual_box>div{display:none}
	.login_section .manual_box h3{display:none}
	.login_section .manual_box .link_box{margin:1rem}
	.login_section .login_box{padding:0 1.5rem 2rem; border-bottom-left-radius:6px; border-top-right-radius:0}
	.login_section .login_box .login_btn{margin-bottom:1rem}
	.login_section .login_box .login_tit{margin-top:1rem; margin-bottom:2rem}
	.login_section .login_box .copy {margin-top:1rem; font-size:1.3rem}
}