html {height:100%; overflow:hidden;}
body {overflow:hidden; height:100%; background:#fff;}
li {list-style:none;}
.picto_box img{width: 80%;}
.t_login {display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; width:100%; height:100%;}
.t_login .grid_layout {flex:1; display:flex; justify-content: stretch; align-items: stretch; flex-direction:row;}
.t_login .grid_layout .area_box {padding:30px; display:flex; justify-content: center; align-items: center; flex-direction:column; box-sizing:border-box; position:relative;}
.t_login .grid_layout .area_left {background: linear-gradient(to right, #C30024, #D70A30, #FF385D); width:60%;border-radius:0 80px 80px 0px;}

/* .t_login .grid_layout .area_left:before {content:""; position:absolute; right:0; top:0; width:100px; height:100px; background:#fff; z-index:1;} */
/* .t_login .grid_layout .area_left:after {content:""; position:absolute; right:0; top:0; width:100px; height:100px; background:#21212D; z-index:2; border-radius:0 100px 0 0;} */

.t_login .grid_layout .area_right {background:#f8f8f8; flex:1;}
/* .t_login .grid_layout .area_right:before {content:""; position:absolute; left:0; bottom:0; width:100px; height:100px; background:#21212D; z-index:1;} */
/* .t_login .grid_layout .area_right:after {content:""; position:absolute; left:0; bottom:0; width:100px; height:100px; background:#fff; z-index:2; border-radius:0 0 0 100px ;} */

.t_login .login_form {box-sizing:border-box; width:100%; max-width:350px; margin:0 auto; display:flex; align-items: stretch; flex-direction:column; text-align:center; background:#fff;
	border-radius:5px;padding: 30px;box-shadow:5px 5px 20px rgba(0,0,0,0.08);max-width: 400px;height: 400px;justify-content: center;}
.t_login .login_form .tit {color:#21212D; font-size:35px; font-weight:800; line-height:1; text-align:center;}
.t_login .login_form .stit {line-height:1; color:#AEAEB9; font-size:14px;}
.t_login .login_form .type {display:flex; justify-content: center; align-items: center; flex-direction:row; margin-top:30px; border-radius:15px 15px 0 0; background:#EBEBF2; padding:5px; padding-bottom:0px;}
.t_login .login_form .type label {flex: 1; cursor: pointer; height: auto;}
.t_login .login_form .type label input {display: none;}
.t_login .login_form .type label .tx {height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; font-weight:600; color:#21212D;}
.t_login .login_form .type label .tx {transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;}
.t_login .login_form .type label .tx:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; border-radius:10px 10px 0 0; z-index: 1;}
.t_login .login_form .type label .tx:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.t_login .login_form .type label strong {position: relative; z-index: 2;}
.t_login .login_form .type label:first-of-type .tx:before {transform: translateX(100%);}
.t_login .login_form .type label:last-of-type .tx:before {transform: translateX(-100%);}
.t_login .login_form .type label:first-of-type input:checked+ .tx:before {transform: translateX(0);}
.t_login .login_form .type label:last-of-type input:checked+ .tx:before {transform: translateX(0);}
.t_login .login_form .form {margin-top:20px; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; gap:15px}
.t_login .login_form .form li {position:relative;text-align: left;}
.t_login .login_form .form .upper_tx {position:absolute; left:15px; top:0; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column; color:#90909F; pointer-events:none}
.t_login .login_form .form input.design {height:45px; width:100%; font-size:14px; font-weight:500; background:#F8F8F8;border-radius:5px;text-indent: 10px;border: 1px solid #ededed;}
.t_login .login_form .btn_login {background:#ff5f00; border-radius:5px; display:flex; justify-content: center; align-items: center; flex-direction:column; height:45px; width:100%; color:#fff; font-size:18px; margin-top:20px;}
.t_login .login_form .btn_login {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; font-weight:600;}
.t_login .login_form .btn_login:hover {background:#272727 !important;}
.t_login .login_form .copyright {color:#AEAEB9; margin-top:15px; font-size:11px;}

.t_login .login_guide {text-align:center; display:flex; justify-content: center; align-items: center; flex-direction:column;}
.t_login .login_guide .guide_box {margin-top:10px; line-height:1.5; display:flex; justify-content: center; align-items: center; flex-direction:column; color:rgba(255,255,255,0.3);}
.t_login .login_guide .site_name {font-weight:600; color:#fff; font-size:18px; line-height:1;}
.t_login .login_guide .conts {margin-top:10px; line-height:1.5;}
.t_login .login_guide .conts .only_pc {margin-top:5px;}
.t_login .login_guide .tel {color:inherit; margin-top:25px; line-height:1;}
.t_login .login_guide .email {color:inherit; margin-top:25px; line-height:1;}
.t_login .login_guide .tel+ .email {margin-top:5px !important;}

.t_login .login_guide .picto_box {width:100%; height:100%; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; position:relative; border-radius:10px;}
.t_login .login_guide .picto_box .picto {flex:1; }
.t_login .login_guide .picto_box .picto2 {background:transparent url('../images/login_picto2.svg') center center no-repeat; opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30); background-size:65%;}
.t_login .login_guide .picto_box .picto1 {background:transparent url('../images/login_picto1.svg') center center no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; background-size:70%;}

/*rx*/
.logo_img_rx img{width: 25%;}
label{font-size: 13px;}

@-webkit-keyframes mv_spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}
@keyframes mv_spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}


/* 서브어드민 */
.t_login.if_sub .login_form .btn_login {background:#21212D;}
.t_login.if_sub .grid_layout .area_left {background:#606070;}
.t_login.if_sub .login_guide .conts {color:rgba(255,255,255,0.5);;}
.t_login.if_sub .grid_layout .area_left:after {background:#606070;}
.t_login.if_sub .grid_layout .area_right:before {background:#606070;}

@media screen and (max-width:1000px) {
	.picto_box img{width: 100%;}
	.t_login .grid_layout .area_right img{max-width: 90%;}
	/* .t_login .grid_layout {background: linear-gradient(to bottom, #C30024 0%, #D70A30 5%, #FF385D 30%);} */
	.t_login .grid_layout {flex-direction:column; justify-content:center;}
	.t_login .grid_layout .area_left {width:100%;border-radius:0; background: none; height: 30%;}
	/* .t_login .grid_layout .area_right {border-radius:80px 80px 0 0;} */
	.t_login .grid_layout .area_right:before {display:none;}
	.t_login .grid_layout .area_right:after {display:none;}
	.t_login .login_guide .conts .only_pc {display:none;}
	.t_login .login_form .tit {font-size:30px;}
	.t_login .login_guide .tel {margin-top:10px;}
	.t_login .login_guide .email {margin-top:10px;}
	.t_login .login_guide .picto_box {width:70px; height:70px;}
	.t_login.if_sub .grid_layout {background:#606070;}
}


.t_login .auto_check {display:flex; justify-content:flex-start; align-items:center; flex-direction:row;}