@charset "UTF-8";

/*width*/
.width-100{width: 100%;}

/*height*/
.height-100{height: 100vh;}

/*margin*/
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.m-auto{margin: auto;}
.r-40{right: 40px !important;}

/*padding*/
.pd_top-120{padding-top: 120px;}
.pd_bottom-120{padding-bottom: 120px !important;}

/*display*/
.dp-none{display: none;}
.dp-block{display: block !important;}

/*visibility*/
.vb-hidden{visibility: hidden;}
.vb-visible{visibility: visible;}

/*table*/
.tableLine_st-01{border-left: 0px !important;}

/*side_bar*/
.side_bar{display: none;}

/*btn*/
.btn_st-6{background-color: #666 !important; border: 1px solid #666 !important;}
.btn_st-6:hover{background-color: #738390 !important; border: 1px solid #738390 !important;}

/*login*/
.container{padding: 0;}
.box_visual_top.txt_ver{padding: 125px 0 70px;}
.box_visual_top.txt_ver .title_wrap .title01 {font-family: 'trajan', 'nanum';}
.inner_full{width: 100%; margin: 0; padding: 0; background-color:#fafafa; -webkit-box-sizing: border-box; box-sizing: border-box;}
.inner_full > .login_area {max-width: 1620px !important; margin: auto; text-align: center; padding: 0 0 120px 0;}
.inner_full > .login_area > .text01{padding: 70px 0 0;}
.inner_full > .login_area > .text01 > em{color: #738390;}
.inner_full > .login_area > .box_input {width: 420px;height: 60px; display: block;}
.id-st {margin: 50px auto 0;}
.pw-st, .hp-st {margin: 9px auto 0;}
.inner_full > .login_area > .btn_area > .btn_square.black{width: 420px; margin: 24px auto 0;}
.inner_full > .login_area > .btn_text{padding: 20px 0 0 0; line-height: 2em;}
.inner_full > .login_area > .btn_text.mr30{margin-right: 30px;}
.inner_full > .login_area hr {box-sizing: content-box; height: 0; overflow: visible; margin:70px 0; border: 0; border-top: solid 1px  #eee;}
.inner_full > .login_area > .sns_txt-01 {font-size: 22px; color: #738390; font-family: 'spoqaL', sans-serif;}
.inner_full > .login_area > .sns_txt-01 > em {display: block; margin: 15px 0 0; font-size: 14px;color: #000; font-family: 'spoqa', sans-serif;}
.btn_sns {width: 312px;height: 80px;border: solid 1px #eeeeee;background-color: #ffffff;font-size: 16px;line-height: 4.8;text-align: center;}
.btn_sns > span{padding: 0 0 0 60px;}
.btn_sns > span > em{font-weight: bold;}
.btn_sns::before{content: '';position: absolute;display: block;margin: 9px;width: 60px;height: 60px; background-size: contain;}
.btn_sns:nth-child(1)::before{background:url("../images/member/icon-naver.png") no-repeat;}
.btn_sns:nth-child(2)::before{background:url("../images/member/icon-kakao.png") no-repeat;}
.btn_sns:nth-child(3)::before{background:url("../images/member/icon-google.png") no-repeat;}
.btn_sns:nth-child(4)::before{background:url("../images/member/icon-facebook.png") no-repeat;}

/*login-sns*/
.login-sns-01{margin: 70px auto 120px;}

/*forgot-id-pw*/
.inner_full > .forgot_area {max-width: 1620px !important;display: flex;margin: auto;text-align: center;padding: 70px 0 120px 0;}
.forgot_id{border-right:solid 1px #eee;}
.forgot_inner{width: 49.8%;}
.member_form > .text01 > em{display: block; margin: 0 auto 15px; font-size: 22px; color: #738390; font-family: 'spoqaL', sans-serif;}
.member_form > .text01{display: block; margin: 0 0 30px; font-size: 14px; letter-spacing: -0.5px; color: #000; font-family: 'spoqa', sans-serif;}
.member_form > .box_input{width: 420px;display: block;margin: 15px auto 0;}
.member_form > .btn_area >.btn_square{width: 420px;}
.member_form > .form_cont{width: 420px; margin: 30px auto 0;}
.member_form > .error input::placeholder {color: #e94e4e;}
.box_input > .time_limit{position: absolute;top:0px;right: 45px;line-height: 3.8;font-size: 14px;}
.confirm_num > .box_input_wrap > .box_input > input{font-size: 14px;}
.confirm_num > .box_input_wrap > .box_input{width: 280px;}
.member_form > .box_list_type{width: 420px;margin: 20px auto;text-align: left;font-size: 14px;color: #666 !important;font-family: 'spoqaL';}
.txt_input.error {width: 420px;margin: 10px auto;text-align: left;}

/*join*/
.inner_tit-01{max-width: 1620px;min-width: 1280px;margin: 0 auto 20px;padding: 0 80px;font-size: 24px;font-family: 'nanum';height: 36px;}
.inner_tit-01 > span{position: relative;display: block;float: right;font-size: 14px;bottom: -15px;font-family: 'spoqa';color: #738390;}
.inner_tit-01 > span::after {content: '*';display: inline-block;margin-top: -11px;color: #738390;vertical-align: top;font-size: 25px;font-family: 'spoqaL';}
.join_area > .title_wrap{padding: 0px;}
.join_step-area{display: inline-block; text-align: center;}
.join_step-area span{font-size: 16px;font-family: 'nanum';font-weight: 600;line-height: 2.13;color: #bbb;margin: 70px 0px 70px;display: inline-block;height: auto;}
.join_step-area span > i{font-size: 25px;font-style: normal;}
.join_step-area span.line{display: inline-block;width: 150px;height: 1px;background-color: #dedede;margin: 0px 30px 8px;}
.join_step-area span.on{color: #738390;}
.box_join {padding: 40px 0px; background: #f4f7fa;  text-align: center;}
.box_join > label > i{font-size: 18px; font-family: 'spoqa';}
.box_join_form{padding: 70px 0px 120px;}
.box_join_form > .box_form_item > .terms_box_label {font-size: 18px; font-family: 'spoqa';}
.box_join_form > .box_form_item > .terms_box_label > span{position: relative; display: block; float: right;}
.box_join_form > .box_form_item > .terms_box {height: 200px; font-size: 14px !important; font-family: 'spoqaL' !important; border: solid 1px #eee; background-color: #fafafa; overflow: auto; box-sizing: border-box; margin: 8px 0 0 0; padding: 30px; word-break: break-all; word-wrap: break-word; white-space: normal;}
.box_input.date_type{width: auto;height: auto;margin: 15px 0 0 9px;}
.box_input .input_rdo{margin-right: 30px;}
.box_padding {padding: 70px 0px;}
.box_padding-02{padding: 70px 40px 50px;}
.box_joinStep3-01{position: relative; width: 800px; height: 400px; margin: 50px auto 0; padding: 0; background: #738390;text-align: center; -webkit-box-sizing: border-box;  box-sizing: border-box;}
.box_joinStep3-01:before {content: '';display: block;position: absolute;left: 10px;top: 10px;width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid #fff;opacity: 0.2;}
.box_joinStep3-01 .logo {font-size: 0px;width: 42%;height: 378px;padding: 0;display: block;float: left;border-right: 1px solid #8f9ca6;margin: 11px 0 0;}
.box_joinStep3-01 .logo:before {content: '';display: inline-block;width: 181px;height: 59px;margin: 165px auto 0;background: url("../images/member/group-8.png") no-repeat;}
.box_joinStep3-01 span {width: 58%;float: left;margin: 114px 0 0 0;padding: 0 0 0 50px;font-size: 27px;font-family: 'nanum';line-height: 1.59;color: #fff;text-align: left;}
.box_joinStep3-01.Y span{margin: 110px 0 0 0;}
.box_joinStep3-01 span > p {line-height: 1.89;margin: 0 0 50px 0;}
.box_joinStep3-01.Y span > p {line-height: 1.3;margin: 0 0 20px 0;}
.box_joinStep3-01 span > p > i {display: block;opacity: 0.5;font-family: 'spoqa';font-size: 16px;font-weight: normal;font-style: normal;color: #fff;}
.box_joinStep3-01.Y span > p > i {width: 100px;float: left;}
.box_joinStep3-01 span > p > em {display: block;font-family: 'spoqa';font-size: 16px;font-weight: normal;font-style: normal;color: #fff;}
.box_joinStep3-02{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 60px 40px;font-size: 20px;font-family: 'nanum';}
.joinType td {padding: 50px 0px !important;}
.joinType td strong{font-family: 'spoqaL'; font-size: 22px; color: #738390;}
.joinType td:first-child{text-align: left;}
.joinType-01{width: 50%; display: block; float: left;}
.joinType-01 > label{display: block;}
.joinType-01 > label > i{margin: 20px auto 0px;}
.joinType-02 {text-align: left !important;padding: 0 0 0 135px !important;}
.box_input.email_st-01::before{position: absolute;right: 15px;line-height: 3;content: '@';font-size: 18px;color: #666;}

/*layer_pop*/
.layer_pop_contents > .conts > .text02{line-height: 3;}
.layer_pop_contents pre {font-size: 14px; font-family: 'spoqaL';}
#info_barcode{
    margin: 20px 0px 0px;
    float: right;
}
#memberShipDetail .box_layer_inner{width: 850px;}
#memberShipDetail .box_list_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#memberShipDetail .box_list_item .list_cont_l {
    float: left;
    width: 50%;
    padding: 15px 0 0;
}
#memberShipDetail .box_list_item .list_cont_r {
    float: left;
    width: 50%;
}
#memberShipImage{width: 100%;}

.barcode-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.barcode-container{
    width: 175px;
    height: auto;
    overflow: hidden;
    margin: auto 0px;
}
.barcode-container .barcode-wrapper{
    width: 175px;
    height: auto;
}
.barcode-slide > div{
    margin: auto 0px !important;
}
#memberShipDetail .btn_prev{
    display: inline-block;
    width: 37px;
    height: 37px;
    vertical-align: top;
    background: url(../images/common/btn_pagination.png) no-repeat;
    background-position: -37px 0;
    visibility: hidden;
    color: transparent;
    font-size: 0%;
}
#memberShipDetail .btn_next{
    display: inline-block;
    width: 37px;
    height: 37px;
    vertical-align: top;
    background: url(../images/common/btn_pagination.png) no-repeat;
    background-position: -74px 0;
    visibility: hidden;
    color: transparent;
    font-size: 0%;
}