/*** Login ***/
* {box-sizing:border-box;}
body.login {font-family: AppleSDGothicNeo; display: flex; flex-direction:column; justify-content: center; align-items: center; min-height: 100vh; background-color: #f9f9f9; margin: 0; position:relative; min-width: 1360px;}
.midbx {width:1200px; height:640px; display:flex; background:#fff; text-align:center;}
.midbx h3 {margin: 0; font-size: 32px; font-weight: 800; }
.midbx h3 small {color:#9ba4b0; display:block; margin-block:5px; font-size:16px; font-weight:500;}
.leftbx {width:704px; flex-shrink: 0; padding:93px 80px; background-image: linear-gradient(132deg, #cec3fa, #8d72f5);  position:relative; color: #ffffff;}
.rightbx {flex:1; padding:150px 76px;}
.rightbx h3 {color:#8d72f5;}

.slide_layout {position: relative; overflow:hidden; margin-top:45px;}
.slide_layout img {margin-top: 57px; height: 223px;}
.slide_layout .slide_box div {display: inline-block; width: 100%;}
.slide_layout .slide_box p {margin:0; font-size: 16px; font-weight: 500; letter-spacing:-0.7px;}
.slick-arrow {position: absolute; z-index:2; width: 100%; top:50%; transform:translateY(-50%); width: 40px; height: 40px; object-fit: contain; cursor : pointer; font-size:0; border:0; margin-top:-2px; background-repeat:no-repeat; background-position:center; background-color:transparent;}
.slick-prev {left:0; background-image:url(https://thestore.popinborder.com/dashboard/imgs/arrow_left.png);}
.slick-next {right:0; background-image:url(https://thestore.popinborder.com/dashboard/imgs/arrow_right.png);}
.slick-dots {margin-block:39px; padding:0; list-style:none;}
.slick-dots li {display: inline-block; vertical-align:middle; margin:4px; font-size:0;}
.slick-dots button {font-size:0; padding:0; width: 8px; height: 8px; background-color:#fff; border-radius: 100%; border: 2px solid #fff; display: inline-block; cursor:pointer;}
.slick-dots .slick-active button {background-color:transparent; box-sizing:content-box;}

.rightbx form {margin-top:45px; font-family: "Noto Sans KR", sans-serif;}
.input-group {display:flex; margin:8px 0; position:relative;}
.input-group i {position:absolute; left:18px; top:13px; font-size:22px; color:#313d5b;}
.input-group input {border-radius:4px; border:1px solid #e4e9f2; background-color: #f7f9fc; height:48px; width:100%; padding-left:58px; font-size:15px; color:#313d5b; font-family: "Noto Sans KR", sans-serif;}
.input-group input::placeholder {color:#8f9bb3;}
input {outline:none;}
.btn-login {width:100%; height:48px; font-size:16px; font-weight:bold; color:#fff; border-radius:4px; background:#8d72f5; border:0;;}

.remember {text-align:left; margin-block:23px; font-size:14px; color:#555; }
.remember label {cursor:pointer;}
input[type="checkbox"] {background-image: none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="checkbox"] {border-radius:3px; border:1px solid #e4e9f2; background-color: #fff; width:16px; height:16px; margin:3px 4px 4px 0; padding:0; display:inline-block; vertical-align: middle; position:relative; cursor:pointer;}
input[type="checkbox"]:before {width:6px; height:3px; background: transparent; border:2px solid #fff; position: absolute; top:3px; left:3px; border-top: none; border-right: none;  transform: rotate(-45deg); outline:none;  content: ''; }
input[type="checkbox"]:checked {background-color: #379dff; border-color: #379dff;} 

.m-show {display:none;}
/** media **/
@media (max-width: 767px) {
.m-hide {display:none;}
.m-show {display:block;}

body.login {min-width:100%; background:#fff; display:block;}
.midbx {width:100%; display:block;}
.leftbx {width:100%; padding:0 20px; color:#2e3a59; background:#fff;}
.leftbx h3 {margin:50px 0 0; color:#8d72f5;}
.slide_layout {margin-top:30px;}
.slide_layout .slide_box p {font-size:12px;}
.slick-arrow {filter: brightness(0%); background-size:20px;}
.slide_layout img {height:165px;}
.slick-dots {margin-block:15px;}
.slick-dots button {border-color:#8d72f5; background-color:#8d72f5;}
.slick-dots .slick-active button {width:6px; height:6px;}
.rightbx {padding:0 30px;}
.rightbx form {margin:0;}
.input-group {align-items: center; gap:15px;}
.input-group i {position:static; font-size:18px;}
.input-group input {padding-left:20px; font-size:14px;}
}