@charset "UTF-8";
/*--------------------------------------------------------------------- common --------------------------*/
.visual-title{display: flex;align-items: center;padding-bottom: 20px;}
.visual-title h3{font-size: 34px; color: #0069B4; margin-right: 25px;}
.visual-loca span{font-size: 14px; color: #757575; position: relative;}
.visual-loca span:last-child{font-weight: 700;}
.visual-loca span:not(:last-child):after{content: '>'; margin: 0 5px;}
.tab-menu{ border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.tab-menu > ul{display: flex;}
.tab-menu > ul > li{width: 200px; text-align: center;}
.tab-menu > ul > li > a{padding: 0 10px; height: 50px;display: inline-flex;align-items: center;justify-content: center;position: relative;font-weight: 500;color: #757575;}
.tab-menu > ul > li.active > a{color: #000; position: relative;}
.tab-menu > ul > li.active > a:after{content: '';position: absolute;bottom: -2px;width: 100%;height: 2px;background-color: #292929;}


/*--------------------------------------------------------------------- login --------------------------*/
.login-container{width: 100%;height: calc(100vh - 80px);background-color: #F7F7F7;display: flex;align-items: center;justify-content: center; position: relative;}
.login-form{max-width: 330px;width: 100%;margin: 0 auto; margin-bottom: 50px;}
.login-form .login-tit{text-align: center; margin-bottom: 30px;}
.login-form .login-tit h3{font-size: 28px; color: #0069B4; margin-bottom: 10px;}
.login-form .login-tit p{font-size: 14px; color: #757575;}
.login-form .login-tit p > span{font-size: 12px; color: #bababa;}
.login-form .input-row {margin-bottom: 10px;}
.login-form .input-row input{font-size: 16px; height: 60px; padding: 0 20px;}
.login-form .input-row input::placeholder{color: #888; font-weight: 500; font-size: 16px;}
.login-form .login-check{margin-top: 15px;}
.login-form .login-check input[type="checkbox"]+label{padding: 0;}
.login-form .login-find{display: flex;}
.login-form .login-find > li:not(:last-child){margin-right: 10px;}
.login-form .login-find > li > a{font-size: 16px; color: #757575; text-decoration: underline; font-weight: 500;}
.login-form input[type="checkbox"] + label::before{border-radius: 3px;border-color: #232323;width: 25px;height: 25px;background-color: #fff;}
.login-form input[type="checkbox"]:checked + label::before,
.login-form input[type="radio"]:checked + label::before{background: url(../../images/cmn/ico_check.svg) no-repeat 50%; border: 0;}
.login-form .login-check input[type="checkbox"]+label{font-size: 16px;color: #757575;font-weight: 500;}
.login-form .login-btn{margin-top: 40px;}
.login-form .login-btn .btn{width: 100%; height: 50px; border-radius: 5px; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center;}
.login-form .login-btn .btn-blue{background-color: #0069B4; color: #fff;}
.login-form .login-btn .btn-black{background-color: #292929; color: #fff;}
.login-form .login-btn .btn-join{margin-top: 10px;}
.login-container .copyright{font-size: 14px;color: #BABABA;position: absolute;bottom: 35px;left: 50%;transform: translateX(-50%);}
#findPW .login-form .login-tit p{color: #292929;}
#findPW .login-form .login-tit{margin-bottom: 20px;}
#findPW .login-form .login-btn{margin-top: 20px;}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before{background: url(../../images/cmn/ico-check__gray.svg) no-repeat 50%;width: 25px;height: 25px;border-radius: 3px;border: 1px solid #E4E4E4;background-color: #fff;}

/*--------------------------------------------------------------------- product --------------------------*/
.product-container{margin-top: 50px;}
.main-product.order{display: flex;position: relative;}
.order .l{position: sticky;top: 130px;left: 0;height: 100%;width: 480px;}
.order .r{width: calc(100% - 480px);padding-left: 50px;padding-top: 40px;padding-right: 30px;}
.order-category{font-size: 18px; color: #757575;}
.order-title{font-size: 28px;}
.order-use{margin-top: 15px;}
.order-use span{min-width: 80px;height: 25px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #0F69B4;color: #0F69B4;font-size: 14px;margin-right: 15px;margin-bottom: 10px;border-radius: 3px;}
.order-cont{margin-top: 35px;}
.order-cont textarea{border: 1px solid #e4e4e4;border-radius: 5px;}
.cont-list > li{margin-bottom: 28px;}
.cont-tit{margin-bottom: 10px;color: #292929;}
.cont-list .input-row input,
.cont-list .input-row select{padding: 0 20px; border-radius: 5px; color: #292929; font-size: 16px; font-weight: 500;}
.cont-list .input-row input::placeholder{font-weight: 500; color: #888;}
.table-input__list .input-row input{text-align: center;}
.cont-list li.flex > div{width: 100%;}
.cont-list li.flex > div:first-child{margin-right: 15px;}
.cont-notice{font-size: 12px; color: #888;}
.table-tit{display: flex;}
.table-tit .table-tit__list{background-color: #E5F0F7;width: 100%;margin-right: 10px;display: table;}
.table-tit__list > li{font-size: 14px;color: #0069B4;width: 20%;text-align: center;padding: 3px 0;display: table-cell;}
.add-btn{width: 35px; height: 25px; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; background-color: #0069B4; border-radius: 5px;}
.add-btn i{background-image: url(../../images/cmn/ico-add.svg); width: 13px; height: 13px;}
.table-cont{margin-top: 13px;position: relative;}
.table-cont__list > li{display: flex;}
.table-cont__list > li:not(:last-child){margin-bottom: 10px;}
.table-input__list {display: flex; width: 100%;}
.table-input__list > div{
    width: 100%;
    flex: 1;
}
.table-input__list > div:not(:last-child){margin-right: 5px;}
.del-btn{width: 35px; height: 50px; margin-left: 10px; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; background-color: #E5F0F7; border-radius: 5px;}
.del-btn i{width: 15px; height: 15px; background-image: url(../../images/cmn/ico-del.svg);}
.pic-btn{width: 35px; height: 50px; margin-left: 5px; align-items: center; justify-content: center; background-color: #E5F0F7; border-radius: 5px; margin-bottom: 5px;}
.pic-btn i{width: 15px; height: 15px; background-image: url(../../images/cmn/ico-pic.svg);}
.input-row .input-wrap .btn-inner{font-size: 16px;font-weight: 500;top: 0;right: 0;border-radius: 0 5px 5px 0;height: 100%;}
.input-row .input-wrap .btn-inner.left{top: 0;right: 55px;}
.input-row .input-wrap .btn-inner.right{top: 0;right: 0; width:60px}
.table-position:last-child{margin-top: 20px;}
.table-position .table-tit__list > li{width: auto;}
.table-position .table-tit__list > li{position: relative;}
.table-position .table-left{position: absolute;left: 0;width: 75px;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #F7F7F7;border: 1px solid #E4E4E4;border-radius: 5px;font-size: 16px;font-weight: 500;color: #888;}
.table-position .table-tit__list > li.title-cont{width: auto;}
.table-position .table-tit__list > li.title-color{width: 30%;}
.table-position .table-tit__list > li.title-num{width: 75px;padding: 0 5px;}
.table-position .table-tit__list > li.title-loca{width: 80px;}
.table-position .table-content{
    width: 100%;
}
.table-position .table-color{width: 30%;flex: 0 0 auto;}
.table-position .table-cont__list > li{/* padding-left: 80px; */position: relative;}
.table-position .table-num{width: 80px;background: #F7F7F7;border: 1px solid #e4e4e4;border-radius: 5px;font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: center;color: #888;flex: 0 0 auto;}
.order-side__tit{height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #0069B4; background-color: #E5F0F7;}
.order-side__tit span{position: relative;display: flex;align-items: center;justify-content: center;}
.order-side__tit span::before,
.order-side__tit span::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 44%;height: 1px;border-bottom: 1px dashed #0069B4;}
.order-side__tit span::before {left: 10px;}
.order-side__tit span::after {right: 10px;}
.order-btn{display: flex;margin-top: 20px;}
.order-btn .btn{width: 100%; height: 70px; border-radius: 5px; font-size: 18px; color: #F7F7F7; font-size: 18px; font-weight: 700;}
.order-btn .btn:not(:last-child){margin-right: 20px;}
.btn.color-blue{background-color: #0069B4; color: #fff;}
.btn.color-black{background-color: #292929; color: #fff;}
.btn.color-red{background-color: #ff0000; color: #fff;}
.order-btn .ico-add{width: 30px; height: 30px; background-image: url(../../images/cmn/ico-add2.svg);}
.order-btn .ico-cart{width: 30px; height: 30px; background-image: url(../../images/cmn/ico-cart2.svg);}
.order-detail{margin-top: 80px; padding-bottom: 50px;}
.detail-tit{padding: 15px 0; text-align: center; background-color: #F7F7F7; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; font-weight: 500;}
.detail-cont{max-width: 980px; width: 100%; margin: 0 auto; }
.detail-img img{width: 100%; height: auto;}
.detail-table{margin-top: 40px;margin-bottom: 55px;display: flex; border-top: 1px solid #757575; border-bottom: 1px solid #757575;}
.table-row {display: flex;align-items: center;}
.table-body {width: 50%;}
.table-row{border-bottom: 1px solid #BABABA; font-size: 18px; color: #292929; text-align: center;}
.table-row:last-child{border-bottom: 0;}
.table-row .td-subject {width: 200px;height: 60px;font-weight: 700;background-color: #F7F7F7;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #292929;}
.table-row .td-content{width: 290px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #292929;}
.pad-ver.order-top{display: none;}
.table-cont__wrap {position: relative; padding-left: 80px;}


.cartDetail{padding-bottom: 50px;}
.cartDetail-top{display: flex;align-items: center;justify-content: space-between;padding: 7px 14px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;}
.cartSelect{display: flex;}
.cartDetail-top .cartBtn{width: 150px;height: 35px;border-radius: 5px;font-size: 16px;font-weight: 700;}
.cartSelect .checkbox label{font-size: 16px;font-weight: 500;color: #000;padding: 0;}
.cartSelect .cart-delBtn{font-size: 16px;font-weight: 500; padding-left: 15px; position: relative; margin-left: 15px; color: #757575;}
.cartSelect .cart-delBtn::before{content: ''; width: 1px; height: 11px; background: #D0D0D0; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.cartDetail .order .l{position: relative;top:auto;height: auto;width: 380px;flex: 0 0 auto;}
.cartDetail .order .r{padding-top: 0;width: 100%;padding-right: 0;}
.cartDetail .main-product{margin-top: 30px; padding: 0 60px;}
.cartDetail .order-cont{margin-top: 0;}
.cartDetail-list{margin-top: 50px; border-top: 1px solid #0F69B4; border-bottom: 1px solid #0F69B4;}
.cart-list__tit{padding: 0 15px;background-color: #F2F7FB;display: flex;justify-content: space-between;align-items: center;height: 60px;}
.cart-list__tit .checkbox label{font-size: 20px;font-weight: 500;padding: 0;}
.toggle-btn{width: 29px; height: 29px; background-image: url(../../images/cmn/toggle-btn.svg);}
.toggle-cont{display: none;}
.list-toggle.on .toggle-btn{transform: rotate(180deg);}

.cont-list select:disabled{background-color: #F7F7F7;color: #292929;opacity: 1;}
.cont-list select:disabled::placeholder{color: #292929;}
.cont-list input[readonly], .cont-list input[disabled],
.cont-list input[type="checkbox"]:disabled + label::before,
.cont-list input[type="radio"]:disabled + label::before,
.cont-list input[readonly]::placeholder, .cont-list input[disabled]::placeholder{color: #292929 !important;}

.btn:disabled{background-color: #F7F7F7; border: 1px solid #E4E4E4;}
.add-btn:disabled i{background-image: url(../../images/cmn/ico-add__disable.svg);}
.del-btn:disabled i{background-image: url(../../images/cmn/ico-del__disable.svg);}

.modal.modal-common.modalConfirm {max-width: 688px;}
.modalConfirm .img{width: 100%;height: 200px;position: relative;overflow: hidden;background-color: #fff;border: 1px solid #E4E4E4;}
.modalConfirm .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.modalConfirm .modal-input > li{padding-bottom: 20px;padding-top: 20px;}
.modal-top__title{padding-bottom: 20px;font-size: 20px;border-bottom: 1px solid #292929;}
.modal-input .modal-input__tit{color: #0069B4; font-weight: 700; margin-bottom: 10px;}
.modal-input__cont .l,
.modal-input__cont .r{width: 100%;}
.modal-input__cont .r{margin-left: 30px;}
.modal-input__cont .r > *{border: 1px solid #E4E4E4;border-radius: 5px;}
.modal-input__cont .r .text{margin-bottom: 10px;height: calc(50% - 10px);padding: 20px;background-color: #F7F7F7;word-break: keep-all; line-height: 30px;}
.modal-input__cont .r textarea{width: 100%;height: 100%;min-height: auto;padding: 20px;border-radius: 5px;}
.modal-btn{display: flex; margin-top: 20px;}
.modal-btn .btn{width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 16px; font-weight: 500;}
.modal-btn .modal-top__close{color: #0F69B4; background-color: #F7F7F7; border: 1px solid #0F69B4;}
.modal-btn .btn:not(:first-child){margin-left: 30px;}
.modalConfirm  .modal-input > li{border-bottom: 1px solid #292929;}
.modalConfirm  .modal-input > li:last-child{border-bottom: 0; padding-bottom: 0;}
.modalImg.modal.modal-common{max-width: 688px;padding: 30px;}
.modal-img .img{/* width: 100%; *//* border-radius: 10px; *//* overflow: hidden; *//* position: relative; */}
.modal-img .img img{width: 100%;height: 100%;border-radius: 10px;}
.modalAddDelivery.modal.modal-common{max-width: 688px; padding: 30px;}
.modalAddDelivery .modal-cont{margin-top: 20px;}
.modalAddDelivery .modal-input .input-tit{font-size: 16px;margin-bottom: 10px;color: #292929;}
.input-row.includeBtn {position: relative;border-radius: 5px;overflow: hidden;}
.input-row.includeBtn .btn {position: absolute;right: 0;top: 0;width: 90px;height: 100%;font-size: 16px;}
.modalAddDelivery input{border-radius: 5px;}
.modalAddDelivery .modal-input > li{padding-bottom: 30px;}
.modalAddDelivery .modal-input > li.flex > div{width: 100%;}
.modalAddDelivery .modal-input > li.flex > div:not(:first-child){margin-left: 30px;}
.modalAddDelivery .modal-input input{font-weight: 500;color: #292929;padding: 0 20px;font-size: 16px;margin-bottom: 0;}
.modalAddDelivery input::placeholder{color: #888; font-weight: 500;}

/*--------------------------------------------------------------------- mypage --------------------------*/
.mypage{display: flex; padding-top: 20px; padding-bottom: 50px; border-top: 1px solid #E4E4E4;}
.mypage > .l{width: 280px;height: 710px;flex: 0 0 auto;background-color: #E5F0F7;padding: 30px 20px;padding-bottom: 30px;text-align: center;border-radius: 5px;position: relative;}
.mypage > .r{width: 100%; padding-left: 20px;}
.mypage-name{font-size: 24px; color: #292929;}
.mypage-name span{font-weight: 300;}
.mypage-menu{margin-top: 30px;}
.mypage-menu__hd{display: none;}
.mypage-menu > li > a{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; color: #292929;}
.mypage-menu > li.active > a{background-color: #fff; border-radius: 5px;}
.mypage > .l .btn-withdrawal{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: center;font-size: 16px;color: #757575;text-decoration: underline;}
.mypage-cont__tpo{padding: 15px 0;width: 100%;text-align: center;font-size: 14px;color: #757575;background-color: #F7F7F7;border-radius: 5px;height: 50px;}
.mypage-form {margin-top: 30px;}
.mypage-form > ul > li{padding-left: 40px; margin-bottom: 30px; display: flex; }
.mypage-form > ul > li:last-child{margin-bottom: 0;}
.mypage-form .form-tit{width: 190px;flex: 0 0 auto; margin-top: 20px; }
.mypage-form .form-tit .required{color: #01A5E2; margin-right: 5px;}
.mypage-form .form-cont{width: 100%;padding-right: 40px;position: relative;}
.form-cont input,
.form-cont select{width: 300px;height: 60px;font-size: 16px;font-weight: 500;border-radius: 5px;}
.input-row input:not(:last-child){margin-right: 10px;}
.input-row.flex{align-items: center;}
.input-row.flex span{margin: 0 12px;font-size: 16px;font-weight: 700;}
.form-email{margin-bottom: 35px;}
.form-email .form-cont input,
.form-email .form-cont select {width: 285px;}
.form-email .input-row input:not(:last-child){margin-right: 0;}
.form-cont input::placeholder,
.form-cont select::placeholder{color: #888; font-weight: 500;}
.form-cont .form-cont__bottom{font-size: 14px; color: #01A5E2;}
.form-cont .checkbox label{font-size: 14px; color: #01A5E2; font-weight: 400; padding: 0;}
.form-cont input[type="checkbox"]{height: auto;}
.form-cont input[type="checkbox"] + label::before,
.form-cont input[type="radio"]  + label::before{width: 19px;height: 19px;background-size: 13px;}
.form-cont input[type="checkbox"]:checked + label::before,
.form-cont input[type="radio"]:checked  + label::before{background-image: url(../../images/cmn/ico-check02.svg);background-size: 19px;}
.form-cont input[type="checkbox"]:checked + label::before,
.form-cont input[type="radio"]:checked + label::before{background-color: #01A5E2;}
.adr-btn{width: 100px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #292929; border-radius: 5px; background-color: #fff; border: 1px solid #424242; margin-top: 10px;}
.adr-list > li{position: relative; padding-right: 40px;}
.adr-list > li:not(:last-child){margin-bottom: 15px;}
.adr-list .adr-box{padding: 20px; background-color: #F7F7F7; border: 1px solid #E4E4E4; border-radius: 5px;}
.mypage-form .form-adr .form-cont{padding-right: 0;}
.form-cont .adrInput-btn{position: absolute;top: 0;right: 0;margin-left: 5px;height: 100%;width: 35px;}
.form-cont .adrInput-btn .btn{display: flex;align-items: center;justify-content: center;border-radius: 5px;background-color: #fff;font-size: 14px;font-weight: 500;color: #292929;height: calc(50% - 2.5px);width: 100%;}
.form-cont .adrInput-btn .btn:not(:last-child){margin-bottom: 5px;}
.form-cont .adrInput-btn .btn-modify{border: 1px solid #424242;}
.form-cont .adrInput-btn .btn-del{border: 1px solid #E4E4E4;}
.adr-name{font-size: 16px; font-weight: 500; color: #292929; margin-bottom: 10px;}
.adr-info,
.adr-number{font-size: 14px; color: #292929; line-height: 20px;}
.mypage-btn{display: flex; justify-content: right;}
.mypage-btn .btn{width: 300px; height: 70px; background-color: #0069B4; border-radius: 5px; color: #F7F7F7; font-size: 18px; font-weight: 700; margin-top: 50px;}
.mypage .cartDetail-list{margin-top: 0;}
.mypage .toggle-tit{font-size: 20px; font-weight: 700;}
.mypage .order-num{font-size: 20px; font-weight: 700; color: #0069B4;}
.mypage .cartDetail .main-product{padding: 0;}
.mypage .toggle-cont{padding: 20px 15px; padding-bottom: 40px;}
.mypage .cartDetail .main-product{margin-top: 20px;margin-left: 0;}
.mypage .cartDetail .order .l{width: 200px;}
.mypage .cartDetail .btn-temlate{width: 100%; height: 50px; font-size: 16px; font-weight: 500; margin-top: 15px; border-radius: 5px;}
.mypage .order .r{padding-left: 30px;}
.mypage .cartDetail .cont-tit{flex: 0 0 auto; margin-right: 5px;}
.mypage .cartDetail .cont-tit:before{content: '- ';}
.mypage .cartDetail .cont-info > p:before{content: ':'; margin-right: 5px; font-size: 16px; color: #292929; font-weight: 700;}
.mypage .cartDetail .cont-info > p:not(:last-child){margin-bottom: 10px;}
.mypage .cartDetail .detail-adr{display: block; margin-top: 5px; margin-left: 10px;}
.mypage .cont-list > li{margin-bottom: 15px;}
.mypage .cont-list > li.flex .cont-tit{margin-bottom: 0;}
.btn-viewImg{width: 100px; height: 30px; border: 1px solid #292929; background-color: #fff; border-radius: 5px; font-size: 14px; font-weight: 500; color: #292929; margin-left: 5px;}
.btn-viewImg.del{background-color: #ff3c3c;color:#ffffff;border: 1px solid #ff0000;}
.mypage .cont-list > li.cont-img{align-items: center;}
.mypage .order-side__tit{margin-top: 20px;}
.mypage .orderDetail-list:not(:last-child){padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #0F69B4;}
.cartDetail-top .cartBtn:disabled{background-color: #E4E4E4; color: #bababa; cursor: default}
.mypage .cartDetail-list.no-list{padding: 190px 0;border-top: 0;border-bottom: 0;}
.mypage .cartDetail-list.no-list p {color: #424242; font-size: 20px; margin-top: 12px;}



/*--------------------------------------------------------------------- TABLE ------------------------*/
.bbs-table{margin-bottom: 30px;}
.bbs-table table{display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #424242;}
.bbs-table .bbstb-thead{background-color: #F7F7F7;}
.bbs-table .bbstb-thead .bbstb-th{height: 50px;display: table-cell;vertical-align: middle;font-size: 16px;font-weight: 700;text-align: center;border-bottom: 1px solid #E4E4E4;color: #292929;padding: 10px;}
.bbs-table .bbstb-thead .bbstb-th.th-date{width: 150px;}
/* .bbs-table .bbstb-thead .bbstb-th.th-view{width: 150px;} */
.bbs-table .bbstb-thead .bbstb-th.th-name{width: 230px;}
.bbs-table .bbstb-thead .bbstb-th.th-state{width: 150px;}
.bbs-table .bbstb-tbody{display: table-row-group;}
.bbs-table .bbstb-tbody .bbstb-td{border-bottom: 1px solid #E4E4E4;height: 50px;display: table-cell;vertical-align: middle;font-size: 16px;text-align: center;padding: 10px;font-weight: 400;color: #292929;}
.bbs-table .bbstb_tr:last-child .bbstb-td {border-bottom: 0;}
.no-list { text-align: center; color: #292929; font-size: 16px;}
.td-state span{width: 100%;height: 100%;background-color: #F7F7F7;border-radius: 5px;font-size: 16px;font-weight: 500;color: #292929;display: flex;align-items: center;justify-content: center;}
.bbs-table .btn-temlate{width: 100px; height: 30px; font-size: 16px; font-weight: 500; border-radius: 5px;}
.bbs-table .bbstb-tbody .bbstb-td.td-state {padding: 10px 15px;}
.td-state.state-comp span{background-color: #F2F7FB;color: #0069B4;height: 30px;}
.bbs-table .bbstb-tbody .bbstb-td.td-name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*--------------------------------------------------------------------- BBS ------------------------*/
.bbs-container { margin-top: 70px; padding-bottom: 100px; }
.bbs-table .title-bar { padding-bottom: 18px; border-bottom: 1px solid #292929; }
.bbs-table .title-bar .title-txt { font-size: 30px; }
.bbs-detail .detail-content__img { width: 100%; max-width: unset; }
.bbs-detail .detail-content img { width: auto; }
.detail-hd__info { display: flex; align-items: center; }
.detail-hd__info > li { font-size: 14px; color: #BABABA; margin-right: 10px; }
.detail-hd__info > li:not(:last-child):after { content: ''; width: 1px; height: 10px; background: #D0D0D0; display: inline-flex; margin-left: 10px; }
.detail-hd__tit { padding-bottom: 20px; border-bottom: 1px solid #000; display: flex; align-items: flex-end; justify-content: space-between; margin-top: 5px; flex-wrap: wrap; }
.detail-hd__subj { font-size: 26px; font-weight: 500; }
.detail-hd__view { font-size: 14px; color: #424242; }
.detail-hd__view .ico-view { width: 25px; height: 25px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico-view.svg); margin-right: 7px; }
.detail-hd__view b { margin-left: 7px; }
.detail-content__txt {min-height: 200px; padding: 20px 0;}
.detail-content__txt span { word-wrap: break-word; }
.bbs-file { border-top: 1px solid #000; }
.bbs-file > ul > li { background-color: #FFF7F0; border-bottom: 1px solid #E4E4E4; }
.bbs-file > ul > li > a { font-size: 18px; height: 70px; display: flex; align-items: center; justify-content: left; padding: 0 35px; }
.bbs-file > ul > li > a:hover { text-decoration: underline; }
.bbs-file .bbs-file__subj {display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right: 110px;position: relative;}
.bbs-file .ico-down { width: 25px; height: 25px; background-image: url(../../images/cmn/ico-down.svg); margin-right: 35px; flex: 0 0 auto; }
.bbs-file .file-size { margin-left: 5px; position: absolute; right: 0; }
.detailList-btn { display: flex; align-items: center; justify-content: center; margin-top: 30px; }
.detailList-btn .btn { width: 260px; height: 60px; border: 1px solid #E4E4E4; border-radius: 5px; color: #BABABA; font-size: 20px; font-weight: 500; display: flex; align-items: center; justify-content: center; }



.withdrawal_btn .sfbtn {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
}
.withdrawal_btn .sfbtn .sfbtn_wr {
  /* color: #BABABA; */
  color:#888;
  font-size: 18px;
  font-weight: 400;
}

.withdrawal_wrap {
  text-align: center;
  padding: 60px 0;
}
.withdrawal_top {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin-top: 25px;
}
.withdrawal_bot {
  color: #888888;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
}
.withdrawal_info_title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #0069B4;
  padding: 20px 0;
  border-radius: 5px 5px 0 0;
}
.withdrawal_info_wrap {
  border: 1px solid #E5E5E5;
  border-radius: 0 0 5px 5px;
  padding: 30px 30px 10px 30px;
  background-color: #fff;
}
.withdrawal_info_wrap>ul {
  font-size: 0;
}
.withdrawal_info_wrap>ul>li {
  color: #232323;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  position: relative;
  padding-left: 25px;
}
.withdrawal_info_wrap>ul>li::before {
  content: '';
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 0px;
}
.withdrawal_info {
  margin-top: 35px;
}

.join_box_cnt{
  font-size: 12px;
  font-weight: 400;
  background: transparent;
  color: #535353;
}
.joinagree .join_li_title.active::before{
  transform: rotate(-45deg);
}
.joinagree .join_li_title.active::after{
  transform: rotate(45deg);
}
.joinagree .join_li_title::before,.joinagree .join_li_title::after{
  content:"";
  position: absolute;
  height: 2px;
  width: 13px;
  background: #000;
  right: 30px;
  top: 50%;
  display: block;
  transition: all .3s;
  cursor: pointer;
}
.joinagree .join_li_title::before{
  transform: rotate(45deg);
  margin-right: -5px;
}
.joinagree .join_li_title::after{
  margin-right: 3px;
  transform: rotate(-45deg);
}
.join_li.joinagree{
  cursor: pointer;
}
.join_li.joinagree:last-child{
  padding: 35px 0 25px 0;
}
.join_li_title.active{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.join_li_title{
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: left;
  padding: 0 30px;
  color: #333333;
  position: relative;
  background-color: #F7F7F7;
  border: 1px solid #E4E4E4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
}
.joinagree .join_li_title{
  cursor: pointer;
  border-radius: 5px;
  text-align: left;
}
.joinagree .join_li_title.active{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.join_li_title span{
  font-size: 22px;
  font-weight: bold;
}
.join_li_title span.title_cnt{
  font-weight: 400;
}

.join_set .sfchkra span{
  font-size: 18px;
  font-weight: 400;
}
.join_box_cnt{
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-top-width: 0;
  box-sizing: border-box;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.join_box_cnt.joinagree{
  border-radius: 0;
}
.join_set{
  padding-top: 15px;
}
.join_box_wr span{font-size: 12px;color: #333333;font-weight: 400;line-height: 1.7;display: block;}
.join_li.joinagree .join_cnt_wr{display: none;}
.join_li.joinagree:first-child .join_cnt_wr{
  display: block;
}
.joinagree .join_box_wr{
  overflow-y: scroll;
  padding: 20px;
  max-height: 420px;
  overflow: auto;
}
.join_btn{
  font-size: 0;
  margin: 0 -20px;
  padding: 20px 75px;
}
.join_btn .sfbtn.border-color-2 .sfbtn_wr{
  border-color: #232323;
  color: #232323;
  background-color: #fff;
  border-width: 1px;
}
.join_btn .sfbtn{
  padding: 0 20px;
}
.join_btn .sfbtn .sfbtn_wr{
  font-size: 18px;
  font-weight: 500;
  color: #232323;
}
.join_btn .sfbtn .sfbtn_wr{
  color: #fff;
  background-color: #232323;
}
.sfchkra{margin: 0;}
.rentConsent_check .sfchkra span {
  color: #232323;
}
.sfchkra span{
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-left: 10px;
}
.sfchkra.color-2>input:checked+label i:after{background-color: #CE983C;border-width: 3px;border-radius: 2px;}
.sfchkra.color-2>input+label i{border-color: transparent;}
.sfchkra.size-3 input + label i{
  width:  24px;
  height: 24px;
}
.sfbtn {
  display: inline-block;
  vertical-align: top;
}
.radius-5 {
  border-radius: 5px;
}
.height-60 {
  height: 60px;
}
.width-half {
  width: 50%;
}
.sfbtn>button, .sfbtn>a {
  border: 0;
  outline: none;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: none;
  display: block;
}
.sfbtn .sfbtn_wr {
  text-align: center;
  outline: 0;
  display: flex;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: inherit;
  padding: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  color: #ffffff;
}


@media screen and (min-width: 768px) {
  .mypage-menu{display: block !important;}
}
@media screen and (max-width: 1200px) {
  /*--------------------------------------------------------------------- common --------------------------*/
  .visual-title{}
  .tab-menu > ul{justify-content: space-between; padding: 0 30px;}
  .tab-menu > ul > li{width: 25%;}
  .paging{margin-bottom: 50px;}


  /*--------------------------- product ------------------------*/
  .product-container{margin-top: 40px;position: relative;}
  .main-product.order{flex-direction: column;}
  .order .l{position: relative;top: auto;height: auto;width: 100%;}
  .order .r .order-top{display: none;}
  .order-visual{display: flex;align-items: center;}
  .order-visual .thumb-img{flex: 1;width: 50%;}
  .order-visual .order-top{width: 50%; flex: 1; margin-left: 20px;}
  .order .r{padding-left: 0; padding-right: 0; padding-top: 0; width: 100%;}
  .mobile-ver{display: none;}
  .table-position .table-cont__list > li{}
  .table-position .table-left{width: 75px;}
  .table-row .td-subject {width: 110px;}
  .table-row .td-content{width: calc(100% - 110px);}
  .order-detail{padding-bottom: 160px;}
  .cartDetail .order .r{margin-top: 14px;}
  .cartDetail .main-product{padding: 0; margin-top: 15px;}
  .cartDetail-top{padding: 7px 0;}
  .cartDetail-list{margin-top: 30px;}
  .cartDetail .order .l{width: 365px;}
  .pad-ver.order-top{display: block;}
  .table-cont__wrap {padding-left: 80px;}

  /*--------------------------- mypage ------------------------*/
  .mypage{padding-top: 25px; padding-bottom: 90px;}
  .mypage > .l{width: 230px; padding: 50px 15px;}
  .mypage-name{font-size: 22px;}
  .mypage-form > ul > li{display: block;}
  .mypage-menu > li > a{font-size: 16px;}
  .form-cont input, .form-cont select{width: 100%;}
  .mypage > .l .btn-withdrawal{bottom: 50px; font-size: 14px;}
  .mypage > .r{width: 100%;padding-left: 15px;}
  .mypage-cont__tpo{font-size: 13px;}
  .mypage-form{margin-top: 20px;}
  .mypage-form > ul > li{padding-left: 0; margin-bottom: 20px;}
  .mypage-form .form-cont{padding-right: 0;}
  .mypage-form .form-tit{width: 100%;margin-bottom: 10px;font-size: 14px;margin-top: 0;flex: 1 1 auto;}
  .input-row.flex{display: block;}
  .input-row.flex > *:not(:last-child){margin-bottom: 10px;}
  .form-cont .form-cont__bottom{font-size: 12px;}
  .form-email .form-cont input,
  .form-email .form-cont select{width: 100%;}
  .form-email .form-cont .input-row span{display: none;}
  .form-cont .checkbox label{font-size: 12px;}
  .form-adr .form-tit{margin-bottom: 0;}
  .form-adr__tit{margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
  .form-adr__tit .adr-btn{flex: 0 0 auto;}
  .adr-list .adr-box{padding: 15px 20px;}
  .adr-name{font-size: 14px;}
  .adr-info .detail-adr{display: block; margin-top: 5px;}
  .adr-info,
  .adr-number{font-size: 12px;}
  .adr-number{margin-top: 5px;}
  .form-cont .adrInput-btn .btn{font-size: 12px;}
  .mypage-btn .btn{margin-top: 35px; width: 100%;}
  .mypage .order .r{padding-left: 0; margin-top: 25px;}
  .mypage .order-visual{display: block;}
  .mypage .cartDetail .order .l{width: 100%;}
  .mypage .order-visual .thumb-img{width: 200px; flex: 0 0 auto;}
  .mypage .toggle-tit{font-size: 18px;}
  .mypage .order-num{font-size: 16px;}
  .mypage .cartDetail .main-product{margin-top: 15px;}
  .mypage .cartDetail .btn-temlate{margin-top: 15px;}
  
  .bbs-table .bbstb-thead .bbstb-th.th-note{display: none;}
  .bbs-table .bbstb-tbody .bbstb-td.td-note{display: none;}
  .bbs-table .bbstb-thead .bbstb-th.th-date{width: 20%;}
  .bbs-table .bbstb-thead .bbstb-th.th-view{width: 20%;}
  .bbs-table .bbstb-thead .bbstb-th.th-state{width: 25%;}
  .bbs-table .bbstb-thead .bbstb-th.th-name{width: 35%;}
  .bbs-table .bbstb-thead .bbstb-th,
  .bbs-table .bbstb-tbody .bbstb-td{font-size: 14px;}
  .bbs-table .bbstb-tbody .bbstb-td.td-state{padding: 10px 20px}
  .bbs-table .bbstb-tbody .bbstb-td.td-state span{font-size: 14px;}
  .bbs-table .btn-temlate{font-size: 14px; width: 80px;}
}

@media screen and (max-width:768px) {
   .visual-title{flex-wrap: wrap;}
  .visual-title h3{font-size: 22px; margin-right: 20px;}
  .visual-loca span{font-size: 12px;}
  .tab-menu > ul{padding: 0 10px;}


  /*------------------------------------- login --------------------------*/
  .login-container{height: calc(var(--vh, 1vh) * 100 - 60px);}
  .login-form{max-width: 100%;}
  .login-form .login-tit h3{font-size: 24px;}
  .login-form .login-check{margin-top: 20px;}
  .login-form input[type="checkbox"] + label::before{width: 20px; height: 20px;}
  .login-form .login-check input[type="checkbox"]+label{font-size: 14px;}
  .login-form .login-find > li > a{font-size: 14px;}
  .login-form .login-btn{margin-top: 35px;}
  .login-container .copyright{font-size: 12px; bottom: 40px;}


  /*--------------------------- product ------------------------*/
  .product-container{margin-top: 30px;}
  .main-product{margin-top: 20px;}
  .order .r .order-top{display: block; margin-top: 30px;}
  .order-category{font-size: 14px;}
  .order-title{font-size: 22px;}
  .order-cont{margin-top: 30px;}
  .cont-tit{font-size: 14px;}
  .cont-list .input-row input,
  .cont-list .input-row select{font-size: 14px; padding: 0 15px;}
  .cont-list > li{margin-bottom: 25px;}
  .cont-list > li.flex{display: block;}
  .cont-list > li.flex > div:not(:last-child){margin-bottom: 25px;}
  .mobile-ver .table-cont{position: relative;padding-right: 0;margin-right: 10px;margin-top: 10px;}
  .mobile-ver .table-input__list > div{width: 50%;}
  .mobile-ver .table{position: relative;}
  .mobile-ver .add-btn { position: absolute; top: 0; right: 0; width: 30px; }
  .mobile-ver .table-list > li {position: relative;padding-right: 30px;}
  .mobile-ver .table-list > li:not(:last-child){margin-bottom: 25px;}
  .mobile-ver .table-list > li > div:first-child { margin-bottom: 10px; }
  .mobile-ver .table-list > li:first-child .del-btn {top: 35px; height: calc(100% - 35px);}
  .mobile-ver .del-btn { position: absolute; right: 0; top: 0; height: 100%; width: 30px; }
  .input-row .input-wrap .btn-inner{font-size: 14px;}
  .table-position .table-num {
    height: 50px;
}
  .table-position .table-left {top: 0;}
  .mobile-ver .table-position .table-list01 .table-cont {padding-left: calc(50% - 10px);}
  .table-position .table-num > div { height: 55px; display: flex; align-items: center; justify-content: center; }
  .table-position .table-num > div:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
  .table-position .table-list01{padding-right: 30px;}
  .table-position .table-content{}
  .mobile-ver .table-position .table-list > li:not(:last-child){margin-bottom: 15px;}
  .table-position .table-color{}
  .mobile-ver .table-position  .del-btn{top: 35px; height: calc(100% - 35px);}
  .table-position:last-child{margin-top: 0;}
  .table-position:not(:last-child){margin-bottom: 25px;}
  .order-side__tit{font-size: 12px;}
  .order-side__tit span::before,
  .order-side__tit span::after{width: calc(50% - 50px);}
  .order-side__tit span::before{left: 25px;}
  .order-side__tit span::after{right: 25px;}
  .order-btn{display: block;}
  .order-btn .btn:not(:last-child){margin-right: 0; margin-bottom: 15px;}
  .order-btn .btn{height: 60px; font-size: 16px;}
  .order-btn .ico-left i{margin-right: 10px;}
  .order-btn .ico-add{width: 25px; height: 25px;}
  .order-btn .ico-cart{width: 25px; height: 25px;}
  .order-detail{margin-top: 40px;}
  .detail-table{display: block; border: 0; margin: 30px 0;}
  .table-body{width: 100%; border-top: 1px solid #757575; border-bottom: 1px solid #757575;}
  .table-body:not(:last-child){margin-bottom: 20px;}
  .table-row .td-subject{font-size: 14px; height: 49px; width: 80px;}
  .table-row .td-content{font-size: 14px; width: calc(100% - 80px);}
  .order-detail{padding-bottom: 30px;}
  .cartDetail .order .l{width: 100%;}
  .cartSelect .checkbox label{font-size: 14px;}
  input[type="checkbox"] + label::before,
  input[type="radio"] + label::before{width: 20px; height: 20px; background-size: 12px;}
  .cartSelect .cart-delBtn{margin-left: 10px; padding-left: 10px; font-size: 14px;}
  .cartDetail-top{padding: 10px 0;}
  .cartDetail-top .cartBtn{width: 80px; height: 30px; font-size: 14px;}
  .cart-list__tit{height: 50px; padding: 0 10px;}
  .cart-list__tit .checkbox label{font-size: 14px;}
  .toggle-btn{width: 20px; height: 20px; background-size: cover;}
  .modal-top__title{font-size: 16px;padding-bottom: 10px;}

  .modal-input .modal-input__tit{font-size: 14px;}
  .modal-input__cont{display: block;}
  .modal-input__cont .r{margin-left: 0; margin-top: 10px;}
  .modalConfirm .img{height: 100px;}
  .modalConfirm .img img{width: auto;}
  .modal-input__cont .r .text{height: 80px; font-size: 14px; padding: 15px; line-height: 22px;}
  .modal-input__cont .r .input-row{height: 80px;}
  .modal-input__cont .r textarea{font-size: 14px; padding: 15px;}
  .modalConfirm .modal-cont{height: 500px; overflow-y: auto;}
  .modal-btn .btn{font-size: 14px;}
  .modal-btn .modal-top__close{background-color: #fff;}
  .modal-btn .btn:not(:first-child){margin-left: 10px;}
  .pad-ver.order-top{display: none;}

  /*--------------------------- mypage ------------------------*/
  .mypage{display: block; padding-top: 20px; padding-bottom: 40px;}
  .mypage > .l{width: 100%;}
  .mypage-name{display: none;}
  .mypage-menu{margin-top: 0;position: absolute;top: 100%;left: 0;width: 100%;z-index: 11;background: #fff;}
  .mypage-menu__hd{display: block;}
  .mypage > .l .btn-withdrawal{display: none;}
  .mypage > .l{height: auto; padding: 0;}
  .mypage-menu__wrap{height: 50px; position: relative;}
  .mypage-menu__hd > li > a{height: 50px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 700;}
  .mypage-menu__hd > li > a:after{content: ''; width: 25px; height: 25px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/toggle-btn.svg);}
  .mypage-menu > li > a{justify-content: left;padding: 0 15px;height: 50px;border: 1px solid #e4e4e4;border-radius: 0;background-color: #fff; font-size: 14px;}
  .mypage-menu > li:not(:last-child) > a{border-bottom: 0;}
  .mypage-menu > li.active > a{border-radius: 0;}
  .mypage-menu__hd > li.open > a{border-radius: 5px 5px 0 0;}
  .mypage-menu__hd > li.open > a:after{transform: rotate(180deg);}
  .mypage > .r{width: 100%; margin-top: 20px; padding-left: 0;}
  .mypage-cont__tpo{height: auto; font-size: 12px; line-height: 20px;}
  .form-cont input,
  .form-cont select {height: 50px; font-size: 14px;}
  .mypage-form > ul > li{margin-bottom: 25px;}
  .form-adr__tit .adr-btn{width: 80px; font-size: 12px;}
  .adr-list > li{padding-right: 0;}
  .adr-list > li:not(:last-child){margin-bottom: 25px;}
  .form-cont .adrInput-btn{position: relative; top: auto; right: auto; display: flex; width: 100%; margin-top: 10px; margin-left: 0; height: auto;}
  .form-cont .adrInput-btn .btn{width: 100%; height: 40px; font-size: 14px;}
  .form-cont .adrInput-btn .btn:not(:last-child){margin-bottom: 0; margin-right: 10px;}
  .mypage-btn .btn{margin-top: 30px; height: 50px; font-size: 16px;}
  .mypage .order-visual .thumb-img{width: 100%;}
  .mypage .toggle-cont{padding: 20px 0;}
  .mypage .toggle-tit{font-size: 14px; font-weight: 500;}
  .mypage .order-num{font-size: 14px;}
  .mypage .cartDetail .main-product{margin-top: 10px;}
  .mypage .cartDetail .btn-temlate{font-size: 14px;}
  .mypage .cont-list > li.flex{display: flex;}
  .mypage .cont-tit{font-size: 16px;}
  .mypage .orderDetail-list:not(:last-child){margin-bottom: 30px; padding-bottom: 15px;}
  .modalImg.modal.modal-common{max-width: 100%; padding: 15px;}
  .modalAddDelivery.modal.modal-common{max-width: 100%;padding: 15px;padding-top: 25px;}
  .modalAddDelivery .modal-input .address__detail input{height: auto; min-height: 50px;}
  .modalAddDelivery .modal-input input{padding: 0 13px;font-size: 14px;}
  .modalAddDelivery .input-row.inclueBtn .btn{font-size: 14px;}
  .modalAddDelivery .modal-input > li.flex {display: block;}
  .modalAddDelivery .modal-input > li.flex > div:not(:first-child) {margin-left: 0; margin-top: 25px;}
  .modalAddDelivery .modal-input > li {padding-bottom: 25px;}
  .modalAddDelivery .modal-input > li:last-child {padding-bottom: 10px;}
  .modalAddDelivery .modal-input .input-tit {font-size: 14px;}
  .input-row.includeBtn .btn{font-size: 14px;}

  
  .bbs-table{margin-bottom: 40px;}
  .bbs-table .bbstb-thead .bbstb-th.th-date,
  .bbs-table .bbstb-tbody .bbstb-td.td-date{}
  .bbs-table .bbstb-thead .bbstb-th.th-state,
  .bbs-table .bbstb-thead .bbstb-th.th-name,
  .bbs-table .bbstb-thead .bbstb-th.th-view{width: 33.3333%;}
  .bbs-table .bbstb-tbody .bbstb-td.td-state span{width: 90px; margin: 0 auto;}
  .bbs-table .bbstb-tbody .bbstb-td.td-state span{font-size: 12px;}
  .bbs-table .bbstb-tbody .bbstb-td{font-size: 12px;}
  .bbs-table .btn-temlate{width: 70px; font-size: 12px;}
  .mypage .paging{margin-bottom: 0;}

}





.popup-container {
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    /*display: none;*/
}
.popup-container .popup {
	z-index: 100;
	position: relative;
	width: auto;
	border-radius: 5px;
	overflow: hidden;
	left: 0;
	display: inline-block;
}
.popup-container .popup {
    padding: 5px;
    background-color: #000;
}
.popup-slide {
    width: 450px;
}
.swiper-button-next.popup-next-btn:after, .swiper-button-prev.popup-prev-btn:after {
    font-size: 30px;
    color: #000;
    font-weight: 700;
}

.popup-container .popup img{
    max-width: 100%;
    max-height: 100%;
    border: 0 none;
    vertical-align: top;
}

.popup .new_btn {
	width: 100%;
    height: 40px;
    background-color: #333333;
    text-align: right;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans KR', sans-serif;
}
.popup .new_btn #chk_today {
	/*width: 15px;*/
    /*height: 15px;*/
}
.popup .new_btn label {
	cursor: pointer;
}
.popup .new_btn input {
	width: 15px;
    height: 15px;
    background-color: #fff;
    color: #fff;
    margin: 0px;
    margin-left: 3px;
    cursor: pointer;
}

.popup .new_btn a{
	color: #fff;
    margin-left: 20px;
    font-weight: 400;
     display: flex;
    align-items: center;
}

.popup .new_btn a::after {
	content: "";
	display: inline-block;
	width: 15px;
    height: 15px;
    background-color: #fff;
    color: #fff;
    margin: 0px;
    margin-left: 3px;
}


@media screen and (max-width:991px){
	/*.popup-container {display: none;}*/
    .popup-container{max-width: 450px; width: 100%;}
    .popup-container .popup{width: 100%;}
    .popup-container .popup-slide{width: 100% !important;}
}

@media screen and (max-width:450px){
    .popup-container{max-width: 100%; width: 100%;}
}