/* BASIC css start */
div.login-page { 
    width: 800px; 
    margin: 0 auto; 
    padding: 70px 0 70px; 
    border: none; 
    box-sizing: border-box; 
    margin-top: 30px;
}

#loginWrap .loc-navi { margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }

#loginWrap .page-body .contents p {font-family: 'Jost','Noto Sans KR', sans-serif;}

#loginWrap .page-body {
    width:100%; 
    padding:0; 
    text-align:center;
}
#loginWrap .page-body:before,
#loginWrap .page-body:after{content:""; width:auto; /* width:100% */ ; display:table; }
#loginWrap .page-body .banner_wrap{display:inline-block; vertical-align:top; width:861px; }
#loginWrap .page-body .login_wrap {display:inline-block; vertical-align:top; width:100%; font-size:12px; box-sizing:border-box; }
#loginWrap .page-body .login_wrap *{ font-family:'Noto Sans KR', sans-serif; }


#loginWrap .page-body h2{height:44px; line-height:100%; font-size:30px; font-weight:1000; letter-spacing:-1px;   font-family: 'Jost','Noto Sans KR', sans-serif; display:none;}
#loginWrap .page-body p.kakao_desc{font-size:16px; color:#000; line-height:24px; margin-bottom:33px; }
#loginWrap .page-body a.btn_kakao_login{display:block; }
#loginWrap .page-body div.line{display:block; margin-top:36px; margin-bottom:44px; border-top:1px solid #e6e6e6; height:0; position:relative; }
#loginWrap .page-body div.line span{position:absolute; top:-15px; left:50%; margin-left:-30px; display:block; width:60px; height:30px; line-height:30px; background:#FFF; color:#aaaaaa; font-size:14px; text-align:center; }
#loginWrap .page-body h3 {margin-top:44px; margin-bottom:22px; height:56px; line-height:56px; font-size:15px; color:#000;  }
#loginWrap .page-body .login_wrap .tabs{margin-top:44px; margin-bottom:22px; height:56px; border-bottom:1px solid #000; box-sizing:border-box; }
#loginWrap .page-body .login_wrap .tabs span{float:left; display:block; width:50%; box-sizing:border-box; height:56px; line-height:54px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#aaaaaa; font-size:15px; text-align:center; }
#loginWrap .page-body .login_wrap .tabs span:nth-last-of-type(1){border-right:1px solid #e6e6e6;}
#loginWrap .page-body .login_wrap .tabs span.on{border-color:#000; border-bottom:1px solid #FFF;  }
#loginWrap .page-body .login_wrap .tabs span.on + span{border-left-color:#000;}

#loginWrap .page-body  .mlog{ /* display:none; */ }
#loginWrap .page-body  .mlog.on{display:block; padding: 40px 0;}
#loginWrap .page-body  .mlog .frm-list{}
#loginWrap .page-body  .mlog .frm-list li{margin-bottom:-1px; }
#loginWrap .page-body  .mlog .frm-list li input{ display:inline-block; width: 80%; float:left; height:42.5px; box-sizing:border-box; border:1px solid #dddddd; line-height:52px; padding:0; margin-bottom:5px; color:#000; font-size:14px; text-indent:20px;  }
#loginWrap .page-body  .mlog .btnlogin{ display:inline-block; width:125px; height:90px; line-height:90px; border:0; background:#000; color:#FFF; font-size:18px; text-align:center;  }
#loginWrap .page-body  .ck_box_wrap { width:675px; overflow:hidden; text-align:left; margin-bottom:30px; }
#loginWrap .page-body  .ck_box_wrap p { font-size:14px; height:30px; line-height: 30px; }
#loginWrap .page-body  .ck_box_wrap .link{ display:inline-block; float:right; color:#000; font-size:14px; }
#loginWrap .page-body  .ck_box_wrap .link.btn_find{ /* float:right; */ }
#loginWrap .page-body  .ck_box_wrap .ck_box{ position:relative; display:inline-block; height:36px; box-sizing:border-box; padding:6px 0; margin-right:15px;  }
#loginWrap .page-body  .ck_box_wrap .ck_box input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
#loginWrap .page-body  .ck_box_wrap .ck_box label{display:inline-block; padding-left:30px; font-size:15px; color:#000; line-height:24px; background:url(/design/nak3618/ms_202010/img/checkbox_off.png) 0 center no-repeat; }
#loginWrap .page-body  .ck_box_wrap .ck_box input:checked + label{background-image:url(/design/nak3618/ms_202010/img/checkbox_on.png);}
#loginWrap .page-body  .guest_desc{padding:20px 0; line-height:24px; font-size:15px; color:#000;}
#loginWrap .page-body  .login_sns_btns {
    padding: 30px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-top:5px;
}
#loginWrap .page-body  .login_sns_btns p { 
    font-family: 'Jost','Noto Sans KR', sans-serif;
}
#loginWrap .page-body  .join_type_tit{ 
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.7px;
    padding: 0;
    margin: 0 0 8px;
    line-height: 1;
}
#loginWrap .page-body  .join_type_desc{ 
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 14px;
    color: #999;
    text-align: center;
}
#loginWrap .page-body  .login_sns_btns ul{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 30px 0;
}
#loginWrap .page-body  .login_sns_btns li {
    box-sizing:border-box;
}
#loginWrap .page-body  .login_sns_btns li a {
    display:inline-block;
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    line-height: 1;
}
#loginWrap .page-body  .login_sns_btns li a img {width: 100%;}
#loginWrap .page-body  .login_wrap dl.desc{margin-top:22px; margin-bottom:50px; padding:35px 0 0 ; border-top:2px solid #000;}
#loginWrap .page-body  .login_wrap dl.desc dt,
#loginWrap .page-body  .login_wrap dl.desc dd{font-size:16px; color:#000; line-height:24px;  }


#loginWrap .page-body  .guest-login li input {
    display: inline-block;
    width: 80%;
    float: left;
    height: 42.5px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    line-height: 52px;
    padding: 0;
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
    text-indent: 20px;
}


#loginWrap .page-body  .guest-login .btnlogin {
    display: inline-block;
    width: 125px;
    height: 90px;
    line-height: 90px;
    border: 0;
    background : #eeeeee;
    color : #2f2f2f;
    font-size: 18px;
    text-align: center;
}
#loginWrap .page-body  .guest-login p {
    font-size: 15px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 32px;
}
#loginWrap .page-body .guest-login fieldset {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
    margin-top: 45px;
}


#loginWrap .page-body .membership { margin-top: 150px; }
#loginWrap .page-body .membership h2 { font-weight: 600; margin-bottom: 30px; }


.join-box .title { padding-top: 40px; border-top:1px solid #e5e5e5; margin:10px auto; font-size:19px; }
.join-box .title span{ font-size:12px; color:#888; }
.join-box .join-link{
    width: 50%;
    margin: 30px auto 0;
}
.join-box a.link { background: #000; padding: 15px; display: block; font-size: 15px; color: #fff; text-align:center; margin-bottom: 10px; }
.join-box p.desc { color:#888888; line-height:20px; }


/* ¸â¹ö½Ê ÇýÅà */
.basket_benefit_inner{
    background: #F6F4EE;
    max-width: 800px;
    box-sizing: border-box;
    margin: 0 auto 100px;
    padding: 50px 10px 30px;
    line-height: 1;
}
.basket_benefit_tit{
    font-size: 42px;
    padding: 30px 0 50px;
    text-align: center;
    font-weight: 500;
}
.benefit_tit_sub{
    font-size: 16px;
    margin: 10px 0 0;
    font-weight: 400;
}
.basket_benefit_bn_box{
    margin: 10px 0 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 20px;
}
.basket_benefit_bn_box img{
    width: 100%;
    background: #ECE8DF;
}
.benefit_more_btn{
    margin: 50px auto;
    width: 300px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #837165;
    font-weight: 500;
    border: 1px solid #837165;
    border-radius: 50px;
    background: #fff;
    text-align: center;
}
.basket_benefit_list_box{
    display: none;
    margin: 50px 0 0;
}
.basket_benefit_list{
    background: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    padding: 70px 50px;
    gap: 50px 30px;
}
.basket_benefit_list li{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.basket_benefit_list li img{
    width: 70px;
    height: 70px;
}
.basket_benefit_info_box{
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.4em;
    text-align: center;
}
.benefit_info_num{
    font-size: 18px;
    text-align: center;
    margin: 0 0 20px;
    font-weight: 600;
    color: #CEBAA4;
}
.basket_benefit_info_box p span{
    color: #c17d68;
}


/* BASIC css end */