/* css 정의 */
@media (max-width: 1190px) {

    .wrap {
        width: 100% !important;
        height: auto;
        background-color: unset;
    }

    header {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: var(--bg-primary);
    }

    header > .wrap {
        margin: 0 auto;
    }

    header > .wrap .myinfo {
    }

    header > .wrap .myinfo ul {
        overflow: hidden;
    }

    header > .wrap .myinfo li:first-child {
        background: none;
    }

    header > .wrap .myinfo li {
        float: left;
        background: url("../../img/top_line.gif") left center no-repeat;
    }

    header > .wrap .myinfo li a {
        display: inline-block;
        height: 28px;
        padding: 0 9px;
        letter-spacing: -0.1em;
        color: #4c4c4c;
        font-size: 12px;
        line-height: 2.4em;
    }

    header .head_info {
        padding: 20px;
    }

    header .logo-position {
    }

    header .logo-position a {
        max-width: 150px;
    }
    header .logo-position a img {
        width: 100%;
    }

    header > .wrap .search-box {
        position: absolute;
        top: 40px;
        left: 0;
        overflow: hidden;
        width: 250px;
        height: 37px;
        border: 1px solid #dbdbdb;
        border-radius: 2px;
    }

    header > .wrap .search-box .search-inp {
        width: 210px;
        height: 37px;
        padding: 5px 12px;
        border: transparent;
    }

    header > .wrap .search-box .search-inp:focus {
        outline: 0;
    }

    header > .wrap .search-box .search-btn {
        float: right;
        width: 37px;
        height: 35px;
        background: transparent;
    }

    header > .wrap .search-box .search-btn > span {
        top: 0;
    }

    footer {
        position: relative;
        clear: both;
        overflow: hidden;
        width: 100%;
        background: var(--bg-footer);
        border-top: 1px solid var(--color-base-list)
    }

    footer .foot_in {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        padding: 20px;
        text-align: center;
        flex-direction: column;
    }

    footer .foot_in .size-px-20 {
        font-size: 13px !important;
    }

    footer .foot_bn {
        position: relative;
        overflow: hidden;
    }

    footer .foot_bn a:link, .foot_bn a:visited {
        padding: 0 14px;
        letter-spacing: -0.5px;
        font-size: 14px;
        background: url('../../img/foot_line.gif') center left no-repeat;
    }

    footer .foot_bn a:first-child {
        background: none;
    }

    footer .copy {
        margin-top: 30px;
        color: #666;
        font-size: 13px;
    }

    footer .copy li {
        line-height: 21px;
    }

    footer .copy a {
        text-decoration: underline;
        font-size: 12px;
    }

    footer .copy li.copyright {
        padding-top: 3px;
        color: #ababab;
        font-size: 12px;
    }

    footer .copy li.copyright a {
        text-decoration: none;
        color: #ababab;
    }

    footer .foot_lg {
        margin-top: 20px;
        padding: 20px 0 0 0;
        letter-spacing: -0.5px;
        color: #666;
        font-size: 12px;
        border-top: 1px dashed #d4d4d4;
    }

    footer .foot_lg img {
        margin-right: 15px
    }

    footer .foot_lg a {
        margin-left: 10px;
        text-decoration: underline;
    }

    .container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }


    .side {
        width: 100%; height: 100%;
        position: fixed; left: 0; top: 0; z-index: 98;
    }

    .side .menu a{
        font-size: 16px;
        color: var(--bg-white);
    }

    .bg-side {
        width: 100%; height: 100%;
        position: fixed; left: 0; top: 0; z-index: 98;
        background-color: gray;
        opacity: 0.5;
    }
    .side-container{
        width: 80%; height: 100%;
        max-width: 300px;
        position: relative;  z-index: 99;
        background-color: var(--bg-primary);
        overflow-y: auto;
    }

    .contents {
        overflow: hidden;
        min-height: 450px;
    }

    .contents .form_wrap {
        margin: 74px auto 54px;
    }

    .contents-tall {
        float: right;
        overflow: hidden;
        width: 1000px;
        min-height: 450px;
        margin: 10px auto 30px;
    }

    .quick {
        position: relative;
        margin: 0 auto;
    }

    .quick > .quick_right {
        position: absolute;
        z-index: 999;
        top: 0;
        right: -200px;
        margin-top: 40px;
        border: 1px solid #ccc;
        background: #fff;
    }

    .quick > .quick_right .title {
        margin: 0 auto 10px;
        padding: 10px 0;
        text-align: center;
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #333;
        background: #333;
    }

    .quick > .quick_right ul {
        overflow-y: scroll;
        width: 120px;
        min-height: 88px;
        max-height: 510px;
        margin: 0 5px 0 10px;
    }

    .quick > .quick_right li {
        position: relative;
        z-index: 999;
        display: table;
        width: 100%;
        height: 90px;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
        border: 1px solid #ddd;
        background: #fff;
    }

    .quick > .quick_right li span {
        display: table-cell;
        padding: 5px;
        vertical-align: middle;
    }

    .quick > .quick_right li img {
        max-width: 90px;
        max-height: 88px;
    }

    .quick > .quick_right li:last-child {
        margin: 0;
    }

    .quick > .quick_right li button {
        visibility: hidden;
    }

    .quick > .quick_right li:hover button {
        visibility: visible;
    }

    .quick > .quick_right li .info {
        position: absolute;
        z-index: 999;
        bottom: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 90px;
        padding: 5px;
        opacity: 0.9;
        color: white;
        font-size: 0.8em;
        line-height: 140%;
        background: #363940;
    }

    .quick > .quick_right li:hover .info {
        display: block;
    }

    .quick > .quick_right li .info a {
        color: white;
    }

    .quick > .quick_right li.none {
        padding: 35px 0;
        text-align: center;
        font-size: 0.8em;
    }

    /* 메인 css */
    .middlebanner {
        overflow: hidden;
    }

    .main-title {
        margin-bottom: 20px;
        text-align: center;
    }

    .main-product {
        overflow: hidden;
        margin: 10px 0;
        padding: 0;
    }

    .list-hot {
    }

    .list-hot li {
       padding: 20px;
    }

    .list-hot li:nth-child(4n) {
        margin-right: 0;
    }

    .list-hot li > .box {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .list-hot li > .box .thumb {
        border-bottom: 1px solid #ddd;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .list-hot li > .box .thumb a {
        display: table;
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }

    .list-hot li > .box .thumb a span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .list-hot li > .box .thumb a span img {
        max-width: 261px;
        max-height: 200px;
    }

    .list-hot li > .box .item {
        padding-top: 10px;
    }

    .list-hot li > .box .item .name {
        height: 40px;
        font-size: 1.2em;
        font-weight: bold;
    }

    .list-hot li > .box .item .summary {
        height: 40px;
        margin-top: 10px;
        font-size: 0.9em;
    }

    .list-hot li > .box .cost {
        font-size: 15px;
    }

    .list-hot .none {
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }

    .list-new {
    }

    .list-new li {
        float: left;
        overflow: hidden;
        box-sizing: border-box;
        width: 386px;
        margin-right: 20px;
        margin-bottom: 20px;
        line-height: 140%;
        border: 1px solid #ddd;
    }

    .list-new li:nth-child(3n) {
        margin-right: 0;
    }

    .list-new li > .box {
        padding: 10px;
    }

    .list-new li > .box .thumb {
        border-bottom: 1px solid #ddd;
    }

    .list-new li > .box .item {
        padding-top: 10px;
    }

    .list-new li > .box .item .name {
        height: 40px;
        font-size: 1.2em;
        font-weight: bold;
    }

    .list-new li > .box .item .summary {
        height: 55px;
        margin-top: 10px;
        font-size: 0.9em;
    }

    .list-new li > .box .cost {
        font-size: 15px;
    }

    .list-new .none {
        width: 100%;
        padding: 50px 0;
        text-align: center;
    }

    /* 회사소개 */
    #company_con {
        height: 250px;
        background: #f8f8f8 url("../../img/main_bg.jpg") top center no-repeat;
        background-size: cover;
    }

    .company_con_in {
        width: 1000px;
        margin: 0 auto;
        padding-top: 73px;
        text-align: center;
    }

    .company_con_in h3 {
        padding: 10px 0;
        letter-spacing: -1.5px;
        color: #b5324e;
        font-size: 36px;
        font-weight: 600;
    }

    .company_con_in p {
        letter-spacing: -0.5px;
        color: #000;
        font-size: 14px;
        line-height: 22px;
    }

    /* 하단 비주얼 */
    #foot_visual {
        height: 318px;
        background: url("../../img/f_visual_img01.jpg") top center no-repeat;
        background-size: cover;
    }

    /* 하단 메뉴 */
    #foot_menu {
        width: 1000px;
        margin: 0 auto;
        padding: 85px 0 64px 0;
        text-align: center;
    }

    #foot_menu:after {
        display: block;
        clear: both;
        content: "";
    }

    #foot_menu ul {
    }

    #foot_menu li {
        float: left;
        width: 200px;
        text-align: center;
    }

    #foot_menu li.one {
        background: url('../../img/f_men_icon01.gif') top center no-repeat;
    }

    #foot_menu li.two {
        background: url('../../img/f_men_icon02.gif') top center no-repeat;
    }

    #foot_menu li.three {
        background: url('../../img/f_men_icon03.gif') top center no-repeat;
    }

    #foot_menu li.four {
        background: url('../../img/f_men_icon04.gif') top center no-repeat;
    }

    #foot_menu li.five {
        background: url('../../img/f_men_icon05.gif') top center no-repeat;
    }

    #foot_menu li a {
        display: block;
        padding-top: 88px;
        letter-spacing: -0.3px;
        color: #333;
        font-size: 19px;
        font-weight: 600;
    }

    /* 콜 센터 */
    #cs_con {
        width: 100%;
        height: 240px;
        background: url('../../img/cs_bg.jpg') top center no-repeat;
        background-size: cover;
    }

    .cs_con_in {
        width: 1000px;
        margin: 0 auto;
        text-align: center;
    }

    .cs_con_in h3 {
        padding-top: 45px;
        color: #fff;
        font-size: 21px;
        font-weight: 100;
    }

    .cs_con_in p.tel {
        padding-bottom: 4px;
        letter-spacing: 2px;
        color: #fff;
        font-size: 55px;
        font-weight: 600;
        line-height: 80px;
    }

    .cs_con_in p.ment {
        letter-spacing: -0.5px;
        color: #888889;
        font-size: 15px;
    }

    /* 커뮤니티 */
    #community_con {
        width: 1000px;
        height: 325px;
        margin: 0 auto;
    }

    #community_con:after {
        display: block;
        clear: both;
        content: "";
    }

    #community_con h3 {
        float: left;
        width: 126px;
        margin: 94px 54px 0 57px;
        padding-top: 107px;
        text-align: center;
        color: #959595;
        font-size: 18px;
        font-weight: 600;
        background: url(../../img/community_bg.png) top center no-repeat;
        background-size: 86px;
    }

    .notice {
        position: relative;
        float: left;
        width: 324px;
        margin: 75px 0 0 55px;
    }

    .notice h4 {
        padding-bottom: 12px;
        color: #333;
        font-size: 18px;
        font-weight: 600;
        border-bottom: 1px solid #000;
    }

    .notice ul {
        padding-top: 28px;
    }

    .notice li {
        padding-left: 14px;
        background: url('../../img/bul.gif') center left 2px no-repeat;
    }

    .notice li.none {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
    }

    .notice li a {
        display: inline-block;
        width: 243px;
        letter-spacing: 0;
        color: #666;
        font-size: 13px;
        line-height: 25px;
    }

    .notice li span {
        position: absolute;
        right: 0;
        color: #9a9a9a;
        font-size: 12px;
    }

    .notice .add2 {
        position: absolute;
        top: 12px;
        right: 0;
        width: 10px;
        text-indent: -9999px;
        background: url('../../img/more_icon02.gif') no-repeat;
    }


    /* 메인 css */
    /* 상품 css */
    .sub-category:first-child li {
        font-size: 16px;
    }

    .sub-category {
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .sub-category > li {
        float: left;
        box-sizing: border-box;
        width: auto;
        padding: 10px;
    }

    .sub-category > li > a {
        display: block;
        transition: all .3s;
        font-weight: 400;
    }

    .sub-category > li > a > span {
        position: relative;
        top: -2px;
        color: #27cab9;
    }

    .sub-category > li:hover > a,
    .sub-category > li:active > a {
        transition: all .3s;
        font-weight: 700;
    }

    .product-list {
        overflow: hidden;
        padding: 20px 0 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .product-list li {
        padding: 20px;
    }

    .product-list li:nth-child(4n) {
        margin-right: 0;
    }

    .product-list li > .box {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .product-list li > .box .thumb {
        display: table;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .product-list li > .box .thumb > a {
        display: table-cell;
        width: 263px;
        height: 263px;
        text-align: center;
        vertical-align: middle;
    }

    .product-list li > .box .thumb > a > img {
        max-width: 263px;
        max-height: 263px;
    }

    .product-list li > .box .item {
        padding-top: 10px;
    }

    .product-list li > .box .item .name {
        height: 60px;
        font-size: 1.2em;
        font-weight: bold;
    }

    .product-list li > .box .item .summary {
        height: 60px;
        margin-top: 10px;
        font-size: 0.9em;
    }

    .product-list li > .box .cost {
        font-size: 15px;
    }

    .product-list li.none {
        width: 100%;
        padding: 150px 0;
        text-align: center;
    }


    .product-form {
        overflow: hidden;
    }

    .product-form .product-Img {
    }

    .product-form .product-Img .view_img {
        display: table;
        min-width: 320px;
        max-width: 480px;
        height: 278px;
        padding: 10px;
        border: 1px solid gray;
        background-position: center;
        background-repeat: no-repeat;
    }

    .product-form .product-Img .view_img span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .product-form .product-Img .view_img img {
        max-width: 326px;
        max-height: 288px;
    }

    .product-form .product-Img .sub_img {
        display: none;
        overflow-x: auto;
        width: 348px;
        margin-top: 10px;
    }

    .product-form .product-Img .sub_img ul {
        overflow: hidden;
    }

    .product-form .product-Img .sub_img li:first-child {
        margin-left: 0;
    }

    .product-form .product-Img .sub_img li {
        display: table;
        float: left;
        overflow: hidden;
        width: 100px;
        height: 100px;
        margin-left: 24px;
        padding: 0;
        text-align: center;
        border: 1px solid #ddd;
    }

    .product-form .product-Img .sub_img li button {
        display: table-cell;
        height: 98px;
        margin-top: 0;
        vertical-align: middle;
        background: #fff;
    }

    .product-form .product-Img .sub_img li img {
        max-width: 88px;
        max-height: 88px;
        margin: 5px;
    }

    .product-form .product-Img .sub_img li:last-child {
        margin-right: 0;
    }

    .product-form .product-info {
        overflow: hidden;
        color: #333;
        font-size: 13px;
        font-weight: bold;
        margin-top: 10px;
    }

    .product-form .product-info > div {
        overflow: hidden;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px solid gray;
    }

    .product-form .product-info > div:last-child {
        justify-content: flex-end;
        border: none;
    }

    .product-form .product-info > div .title {
        float: left;
        width: 120px;
    }

    .product-form .product-count .cnt .title {
        display: flex;
        align-items: center;
        height: 30px;
    }

    .product-form .product-info .cnt .count {
        float: right;
    }

    .product-form .product-info .cnt .count .opt_cnt_box {
        display: flex;
        height: 30px;
    }

    .product-form .product-info .cnt .count .opt_cnt_box .opt_cnt_p {
        width: 45px;
        height: 30px;
        margin-right: 8px;
        text-align: right;
    }

    .product-form .product-info .cnt .count .opt_cnt_box .btn {
        width: 30px;
    }

    .product-form .product-info .cnt .count .opt_cnt_box .btn + .btn {
        margin-left: 3px;
    }

    .product-form .product-info .product-name:first-child {
        letter-spacing: -1px;
        color: #333;
        font-size: 23px;
        font-weight: bold;
    }

    .product-form .product-info .product-name {
        color: #888;
        font-size: 12px;
        font-weight: normal;
    }

    .product-form .product-info .product-price span.product-name {
        color: red;
        font-size: 15px;
        font-weight: bold;
    }

    .product-form .product-info .product-price .price1 {
        text-decoration: line-through;
        font-weight: normal;
    }

    .product-form .product-info .product-price .price_per {
        color: red;
    }

    .pdt_title {
        margin: 10px 0;
        padding: 20px 0;
        font-size: 24px;
        border: 2px solid #ddd;
    }

    .pdt_img {
        float: left;
        width: 750px;
        height: 600px;
        border: 1px solid #ddd;
    }

    .pdt_img .img-view {
        width: 100%;
    }

    .pdt_info {
        float: right;
        width: 350px;
        margin: 0;
        border: 1px solid #ddd;
    }

    .pdt_info th {
        text-align: left !important;
    }


    .list-normal {
        position: relative;
        float: left;
        box-sizing: border-box;
        width: 370px;
        margin-top: 35px;
        margin-right: 35px;
        border: 3px solid #fff;
    }

    .list-normal:hover {
        box-sizing: border-box;
        border: 3px solid #285ace;
    }

    .list-normal:nth-child(3n) {
        margin-right: 0;
    }

    .list-normal > .thumb {
        width: 100%;
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px dashed #eee;
        border-left: 1px solid #ddd;
    }

    .list-normal > .thumb > a > img {
        width: 100%;
    }

    .list-normal > .item {
        padding: 15px 10px;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    .list-normal > .item > .shopname {
        color: #999;
        font-size: 15px;
    }

    .list-normal > .item > .name {
        height: 60px;
        color: #666;
        font-size: 18px;
    }

    .list-normal > .item > .price-t {
        display: inline-block;
        color: #000;
        font-size: 24px;
        font-weight: bold;
    }

    .list-normal > .item > .price-t > p.price-1 {
        display: inline-block;
        margin-right: 10px;
        text-decoration: line-through;
        color: #999;
        font-size: 18px;
    }

    .list-normal > .item > .price-t > p.price-2 {
        display: inline-block;
        color: #d70000;
        font-size: 24px;
        font-weight: 700;
    }

    .list-normal > .item > .iconbox > span {
        display: inline-block;
        margin-right: 3px;
        padding: 3px 5px;
        color: var(--color-gold);
        font-size: 10px;
        font-weight: normal;
        border: 1px solid #ddd;
    }

    .list-normal > .box {
        overflow: hidden;
        padding: 10px;
        color: #666;
        font-size: 12px;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .list-normal > .box > .mask {
        display: inline-block;
        float: left;
        width: 50%;
        padding-top: 2px;
        text-align: left;
    }

    .list-normal > .box > .mask > b {
        font-size: 14px;
        font-weight: bold;
    }

    .list-normal > .box > .wish-btn {
        display: inline-block;
        float: right;
        width: 50%;
        text-align: right;
    }

    .list-normal > .box > .wish-btn > button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #ddd;
        background-color: #FFF;
    }

    .productInfo-Box {
        position: relative;
        overflow: hidden;
        padding: 25px 10px;
        border: 1px solid #ddd;
    }

    .productInfo-Box .product-Img {
        float: left;
        width: 100%;
        border: 1px solid #eee;
    }

    .productInfo-Box .product-Img > img {
        width: 100%;
        height: 520px;
	
    }

    .productInfo-Box .product-info {
        float: right;
        box-sizing: border-box;
        width: 100%;
        padding: 20px 20px 20px;
        color: #666;
		
    }

    .productInfo-Box .product-info > .product-name {
        padding-bottom: 10px;
        font-size: 24px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
    }

    .productInfo-Box .product-info > .product-name > span.icon {
        display: inline-block;
        padding: 3px 5px;
        color: #d70000;
        font-size: 10px;
        font-weight: normal;
        border: 1px solid #d70000;
        background-color: #f5f5f5;
    }

    .productInfo-Box .product-info > .product-name > span.icon:first-child {
        margin-left: 10px;
    }

    .productInfo-Box .product-info > .product-price {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .productInfo-Box .product-info > .product-price > p {
        display: inline-block;
        margin-right: 10px;
    }

    .productInfo-Box .product-info > .product-price > p.next {
        color: #ccc;
    }

    .productInfo-Box .product-info > .product-price > p > span {
        display: inline-block;
        margin-left: 5px;
    }

    .productInfo-Box .product-info > .product-price > p > span.price1 {
        text-decoration: line-through;
        color: #999;
        font-size: 18px;
    }

    .productInfo-Box .product-info > .product-price > p > span.price2 {
        color: #d70000;
        font-size: 24px;
        font-weight: 700;
    }

    .productInfo-Box .product-info > .product-price > p.down-icon {
        margin-left: 10px;
        padding: 4px 10px 3px 2px;
        color: #FFF;
        font-size: 11px;
        border: 1px solid #c00505;
        background-color: #d70000;
        box-shadow: 1px 1px 2px #bbb;
    }

    .productInfo-Box .product-info > .product-meno {
        color: #888;
        font-size: 13px;
    }

    .productInfo-Box .product-info > .product-option {
        padding-bottom: 10px;
    }

    .productInfo-Box .product-info > .product-option > select {
        display: block;
        width: 100%;
        padding: 5px 0;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    .productInfo-Box .product-info > .product-option > select:not(first-child) {
        margin-top: 5px;
    }

    .productInfo-Box .product-info > .product-count {
        border-bottom: 1px dashed #ddd;
    }

    .productInfo-Box .product-info > .product-count .count {
        display: inline-block;
        margin-left: 10px;
    }

    .productInfo-Box .product-info > .product-count .count > .cnt {
        position: relative;
        display: inline-block;
    }

    .productInfo-Box .product-info > .product-count .count > .cnt > input.countBox {
        display: inline-block;
        width: 30px;
        height: 30px;
        padding: 3px;
        text-align: center;
        border: 1px solid #eee;
    }

    .productInfo-Box .product-info > .product-count .count > .cnt > .cntBox > a {
        width: 15px;
        height: 15px;
        cursor: pointer;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
    }

    .productInfo-Box .product-info > .product-count .count-total {
        display: inline-block;
        float: right;
        padding-top: 5px;
    }

    .productInfo-Box .product-info > .product-count .count-total > .btnDelete {
        margin-left: 10px;
        padding: 0 3px;
        color: #aaa;
        border: 1px dotted #eee;
    }

    .productInfo-Box .product-info > .product-total {
        overflow: hidden;
        width: 100%;
        padding: 10px 0 0;
    }

    .productInfo-Box .product-info > .product-total > .product-delivery {
        float: left;
        padding: 8px 0 15px;
    }

    .productInfo-Box .product-info > .product-total > .product-delivery > span {
        display: inline-block;
        margin-left: 15px;
        padding: 3px 5px;
        color: var(--color-gold);
        font-size: 14px;
        font-weight: 700;
        border: 1px solid #ddd;
    }

    .product-info > .total-price {
        justify-content: flex-end;
        padding: 10px 0;
        color: Red;
        font-size: 1.4em;
        font-weight: bold;
    }

    .product-info > .total-price span {
        margin-left: 5px;
    }

    .productInfo-Box .product-info > .total-price span {
        display: inline-block;
        margin-left: 10px;
        color: #d70000;
        font-size: 24px;
        font-weight: 700;
    }

    .productInfo-Box .product-info > .product-btnArea > button {
        display: inline-block;
        float: left;
        height: 60px;
        padding-top: 2px;
        text-align: center;
        font-size: 16px;
        box-shadow: 1px 1px 2px #bbb;
    }

    .productInfo-Box .product-info > .product-btnArea > button > span {
        font-size: 13px;
    }

    .btn-wish, .btn-wish:hover, .btn-wish:focus {
        color: #FFF;
        border: 1px solid #fff;
        background-color: #888;
    }

    .btn-buy, .btn-buy:hover, .btn-buy:focus {
        color: #FFF;
        border: 1px solid #fff;
        background-color: #d70000;
    }

    .btn-cart, .btn-cart:hover, .btn-cart:focus {
        color: #FFF;
        border: 1px solid #fff;
        background-color: #000;
    }

    .product-seller {
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
        padding: 15px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f8f7f7;
    }

    .product-seller > .seller-img {
        float: left;
        width: 90px;
        height: 90px;
        border: 1px solid #ddd;
        background-color: #FFF;
    }

    .product-seller > .seller-info {
        display: inline-block;
        margin-left: 20px;
        color: #666;
    }

    .product-seller > .seller-info > p {
        margin: 0;
        line-height: 1.8em;
    }

    .product-seller > .seller-info > .seller-name {
        font-size: 22px;
        font-weight: 700;
    }

    .product-seller > .seller-info > .seller-memo {
        font-size: 13px;
    }

    .product-seller > .seller-info > a {
        color: #000;
        font-size: 12px;
        font-weight: 700;
    }

    .product-seller > .seller-info > a > span {
        color: #d70000;
    }

    .productdetail-Box {
        overflow: hidden;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray;
        border-left: 1px solid gray;
    }

    .productdetail-Box > .product-tab {
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .productdetail-Box > .product-tab > li {

        flex: 1;
        padding: 10px 0;
        text-align: center;
        border-top: 1px solid gray;
        border-bottom: 1px solid gray;
    }

    .productdetail-Box > .product-tab > li:not(:first-child) {
        border-left: 1px solid #bbb;
    }

    .productdetail-Box > .product-tab.tab-border-0 > li {
        border-bottom: 0;
    }

    .productdetail-Box > .product-tab > li > a {
        display: block;
    }

    .productdetail-Box > .product-tab > li.active, .productdetail-Box > .product-tab > li.active > a, .productdetail-Box > .product-tab > li.active > a:hover {
        color: #FFF;
        background-color: var(--color-purple);
    }

    .productdetail-Box a {
        color: var(--color-black) !important;
    }

    .productdetail-Box .active a {
        color: var(--color-gold) !important;
    }

    .detailView, .productqna, .productreview, .productexchange {
        overflow: hidden;
        padding: 0 10px 10px;
        min-height: 250px
    }

    .productqna, .productreview {
        min-height: 200px;
        margin-bottom: 100px;
        border: 1px solid #3e3e3e;
    }

    .detailView > h4, .productqna > h4, .productreview > h4, .productexchange > h4 {
        margin: 0;
        font-size: 15px;
        font-weight: bold;
    }

    .detailView > h4 > span, .productqna > h4 > span, .productreview > h4 > span, .productexchange > h4 > span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #184181;
        border-radius: 10px;
    }

    .exchangeinfo {
        margin: 10px 0;
        font-size: 13px;
        line-height: 1.7em;
    }

    /* order.css */
    .top-stpe {
        padding: 0 0 10px 0;
        text-align: center;
        vertical-align: middle;
        color: #999;
        font-size: 25px;
        font-weight: normal;
    }

    .top-stpe > .on {
        color: #11bbaa;
    }

    .top-stpe .glyphicon {
        top: -2px;
    }

    .cartBox {
        overflow: hidden;
        width: 100%;
    }

    .cartForm {
        overflow: hidden;
        width: 100%;
    }

    .cartForm th {
        padding: 5px;
        text-align: center;
        font-weight: normal;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .cartForm td:not(:first-child) {
        border-left: 1px solid #ddd;
    }

    .cartForm td {
        padding: 10px 0 10px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .cartForm th.b-none {
        border-left: 0;
    }

    .cartForm td a {
        text-decoration: none;
    }

    .cartForm td.product-info {
        padding-left: 10px;
        text-align: left;
        border-left: 0;
    }

    .cartForm td.product-info > .imgBox {
        float: left;
        width: 20%;
    }

    .cartForm td.product-info > .imgBox > img {
        width: 92px;
        height: 92px;
        border: 1px solid #ddd;
    }

    .cartForm td.product-info > .infoBox {
        float: right;
        box-sizing: border-box;
        width: 80%;
        padding-right: 35px;
        font-size: 12px;
    }

    .cartForm td.product-info > .infoBox > p {
        margin: 0;
        line-height: 1.8em;
    }

    .cartForm td.product-info > .infoBox > p > a {
        text-decoration: none;
    }

    .cartForm td.product-info > .infoBox > .mininame > a {
        color: #888;
    }

    .cartForm td.product-info > .infoBox > .productname {
        padding-bottom: 10px;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
    }

    .cartForm td.product-info > .infoBox > .productoption {
        padding-top: 10px;
        color: var(--color-yellow);
    }

    .countbox {
        display: inline-block;
        width: 30px;
        margin-left: 10px;
        text-align: center;
        font-size: 12px;
        border: 1px solid #ddd;
    }

    .cntmodify {
        color: #FFF;
        font-size: 12px;
        border: 1px solid #aaa;
        background-color: #aaa;
    }

    .deleteX { /* float:right; */
        color: #fff;
        font-size: 13px;
        border: 0;
        background-color: #333;
    }

    .btn-delete {
        width: 20px;
        padding: 0 3px;
        color: #FFF;
        border-radius: 7px;
        background: #ff7373;
    }

    .total_price {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: center;
        box-sizing: border-box;
        padding: 15px;
        text-align: center;
        border-bottom: 3px solid var(--color-base-list);
        gap: 10px;
    }

    .total_price > span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .total_price .total-big.pink {
        color: red;
    }

    .operator-box {
        display: inline-block;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        border-radius: 50%;
        background: #555;
    }

    .total-big {
        font-size: 20px;
        font-weight: 700;
    }

    .cartForm td.text-l {
        padding-left: 10px;
        text-align: left;
        border-bottom: 2px solid #aaa;
        background-color: #eee;
    }

    .cartForm td.text-r {
        padding-right: 10px;
        text-align: right;
        border-bottom: 2px solid #aaa;
        border-left: 0;
        background-color: #eee;
    }

    .cartForm > caption {
        padding-left: 10px;
        color: #FFf;
        background-color: #58657e;
    }

    .price {
        margin: 0;
        text-decoration: line-through;
        color: var(--color-gold);
        font-size: 12px;
    }

    .saleprice {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
    }

    .btncoupon:hover,
    .btncoupon {
        display: inline-block;
        padding: 2px 4px;
        color: #FFF;
        font-size: 11px;
        border-bottom: 1px solid #b2211f;
        background-color: #d94239;
    }

    .cartForm td.noncart {
        color: #d70000;
    }

    .cartForm tfoot > tr > td.t-l {
        padding-left: 10px;
        text-align: left;
        color: #e81123;
        font-weight: 700;
    }

    .cartForm tfoot > tr > td {
        padding: 20px 0;
        text-align: right;
        color: #e81123;
        font-size: 18px;
        background-color: #fff;
    }

    .cartForm tfoot > tr > td > span {
        display: inline-block;
        margin: 0 10px;
        font-size: 20px;
        font-weight: bold;
    }

    .cartForm tfoot > tr > td > strong {
        display: inline-block;
        margin: 0 10px;
        font-size: 20px;
    }

    .btn-selectx {
        display: inline-block;
        padding: 2px 4px;
        text-align: center;
        color: #666;
        font-size: 13px;
        border: 1px solid #ddd;
    }

    .totalBox {
        padding: 20px 0;
        text-align: center;
        font-size: 16px;
        border: 3px solid #ddd;
    }

    .totalBox > strong,
    .totalBox > span {
        display: inline-block;
        margin: 0 5px;
    }

    .totalBox > span {
        padding: 0 4px 3px;
        font-weight: 700;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .totalBox > strong {
        font-size: 18px;
    }

    .cart-btn {
        text-align: center;
    }

    .orderFormbox {
        overflow: hidden;
        width: 100%;
        color: var(--color-gold);
    }

    .orderFormbox > h4 {
        padding: 5px 0;
        font-size: 16px;
        font-weight: 700;
        padding-left: 10px
    }

    .orderFormbox > div > .btn.btn-lg {
        padding: 10px 25px;
    }

    .orderFormtable {
        overflow: hidden;
        width: 100%;
        font-size: 13px;
        border: 1px solid var(--color-base-list);
    }

    .orderFormtable th {
        text-align: center;
        background-color: var(--color-base-list);
        color: var(--color-black);
        border-bottom: 1px solid #ddd;
    }

    .orderFormtable td {
        padding: 10px 15px;
        text-align: left;
        color: var(--color-gold);
        border-bottom: 1px solid #ddd;
    }

    .orderFormtable td > button, .orderFormtable td > input, .orderFormtable td > select, .orderFormtable td > textarea {
        box-sizing: border-box;
        padding: 6px 12px;
        border: 1px solid #ddd;
    }

    .orderFormtable td button {
        height: 34px;
    }

    .orderFormtable td > input.zip {
        width: 80px;
    }

    .orderFormtable td > input.input-block {
        width: 40%;
    }

    .orderFormtable td label {
        align-items: center;
        margin: 0;
    }

    .orderFormtable td input + label {
        margin-left: 10px;
    }

    .orderFormbox input[type=checkbox], .orderFormbox input[type=radio] {
        margin: 0 3px 2px 0;
    }

    .orderFormtable td > p {
        margin-top: 8px;
        font-size: 12px;
    }

    .orderFormtable td > textarea {
        width: 500px;
    }

    .text-line {
        color: #333;
        font-size: 13px;
    }

    .teamBox {
        overflow-y: scroll;
        width: 100%;
        height: 150px;
        color: #666;
        font-size: 12px;
        border: 1px solid #eee;
    }

    .order-result {
        padding: 15px 0;
        text-align: center;
        background-color: #f5f5f5;
    }

    .order-result > h3 > span {
        color: #b5324e;
        font-weight: 700;
        position: relative;
        top: -2px;
    }

    .order-result > ul > li {
        color: #999;
        font-size: 13px;
        line-height: 1.7em;
    }

    .order-result > ul > li > strong {
        display: inline-block;
        margin-left: 10px;
        color: #333;
        font-size: 15px;
    }


    /* mypage */
    .mypage-side {
        float: left;
        overflow: hidden;
        width: 190px;
        margin-right: 10px;
    }

    .mypage-side > .myside-menu {
        box-sizing: border-box;
        border: 1px solid #e2e5e7;
        background-color: #f9f9f9;
    }

    .mypage-side > .myside-menu > span {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #e2e5e7;
    }

    .mypage-side > .myside-menu > .sidemenuBox {
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

    .mypage-side > .myside-menu > .sidemenuBox > h4 {
        margin: 0;
        color: #333;
        font-size: 18px;
    }

    .mypage-side > .myside-menu > .sidemenuBox > ul {
        margin-top: 15px;
        color: #666;
        font-size: 14px;
        line-height: 1.6em;
    }

    .mypage-side > .myside-menu > .sidemenuBox > ul > li > a {
        padding-left: 5px;
        color: #666;
    }

    .mypage-side > .myside-exchang > a {
        display: block;
        color: #fff;
        font-size: 14px;
    }


    .mypage-contant {
        overflow: hidden;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .mypage-contant > .mypage-top {
        width: 100%;
        height: 120px;
        color: #FFF;
        background-color: #82bce2;
    }

    .mypage-contant > .mypage-top > ul {
        width: 100%;
        margin: 0;
    }

    .mypage-contant > .mypage-top > ul > li {
        float: left;
        box-sizing: border-box;
        height: 120px;
    }

    .mypage-contant > .mypage-top > ul > li > h4 {
        margin: 0;
        font-size: 18px;
    }

    .mypage-contant > .mypage-top > ul > li > h4 > span {
    }

    .mypage-contant > .mypage-top > ul > li.topMenu5 {
        width: 16%;
        padding: 20px 10px;
        border-right: 1px solid #9bc9e8;
        border-left: 1px solid #78add0;
    }

    .mypage-contant > .myContent {
        overflow: hidden;
        width: 950px;
        margin-left: 30px;
    }

    .mypage-contant > .myContent .row > h3 {
        display: inline-block;
        float: left;
        margin: 0;
        padding-top: 5px;
        color: #285ace;
        font-size: 18px;
        font-weight: 700;
    }

    .mypage-contant > .myContent .row > .searchBox {
        float: right;
        color: #999;
    }

    .mypage-contant .tbl_01 td .form-inline .btn {
        height: 34px;
    }

    .search-form-Box {
        display: inline-block;
        padding: 4px 5px;
        color: #999;
        font-size: 12px;
        border: 1px solid #e5e6e8;
    }

    .btn-searchDelete {
        padding: 4px 5px;
        color: #58657e;
        font-size: 12px;
        border: 1px solid #e5e6e8;
        background-color: #e5e6e8;
    }

    .btn-searchOK {
        padding: 4px 5px;
        color: #FFF;
        font-size: 12px;
        border: 1px solid #58657e;
        background-color: #58657e;
    }

    .order-list-top {
        margin-bottom: 10px;
        padding: 10px 0 10px 20px;
        color: #FFF;
        font-size: 14px;
        background-color: #58657e;
    }

    .tb-order-list {
        overflow: hidden;
        width: 100%;
        color: #666;
        font-size: 14px;
    }

    .tb-order-list thead > tr > th {
        padding: 0;
        border-top: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td {
        padding: 15px 0;
        text-align: center;
        border-bottom: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td:not(:first-child) {
        border-left: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td.not-board {
        border-left: 0;
    }

    .tb-order-list tbody > tr > td.data {
        color: #333;
        font-size: 20px;
        font-weight: 700;
        border-bottom: 3px solid #666;
        border-left: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td.productname {
        text-align: left;
        font-size: 14px;
        border-top: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td.productname > a {
        display: inline-block;
        margin-bottom: 5px;
        text-decoration: none;
        color: #666;
        font-weight: 700;
    }

    .tb-order-list tbody > tr > td.productname > span {
        display: inline-block;
        margin-right: 5px;
        color: #fb4239;
    }

    .tb-order-list tbody > tr > td.tdbtnArea {
        border-top: 1px solid #e7e7e7;
        border-right: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td.productImg {
        border-top: 1px solid #e7e7e7;
    }

    .tb-order-list tbody > tr > td.productImg > img {
        border: 1px solid #ddd;
    }

    .tb-order-list tbody > tr > td.priceInfo {
        padding-left: 10px;
        text-align: left;
        color: #58657e;
        border-right: 1px solid #e7e7e7;
        border-bottom: 3px solid #666;
        background-color: #fff;
    }

    .tb-order-list tbody > tr > td.priceInfo > strong {
        display: inline-block;
        margin-right: 10px;
    }

    .tb-order-list tbody > tr > td.priceInfo > strong > span {
        font-size: 12px;
    }

    .tb-order-list tbody > tr > td.orderInfo {
        box-sizing: border-box;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #e7e7e7;
        border-bottom: 0;
    }

    .tb-order-list tbody > tr > td.list-even {
        background: #e5e5e5;
    }

    .tb-order-list tbody > tr > td.list-odd {
        background: #f5f5f5;;
    }

    .tb-order-list tbody > tr > td.orderInfo > .orderInfo-l {
        float: left;
    }

    .tb-order-list tbody > tr > td.orderInfo > .orderInfo-l > span {
        display: inline-block;
        margin-right: 15px;
        color: #333;
        font-size: 18px;
        font-weight: 700;
    }

    .tb-order-list tbody > tr > td.orderInfo > .orderInfo-r {
        float: right;
    }

    .tb-order-list tbody > tr > td.orderInfo > .orderInfo-r a {
        text-decoration: none;
        color: #3d82f7;
        font-size: 18px;
        font-weight: 700;
    }


    /* 상품리스트 상세 폼 */
    .orderDetailForm {
        overflow: hidden;
        width: 100%;
    }

    .orderDetailForm th {
        padding: 5px;
        text-align: center;
        font-weight: normal;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .orderDetailForm td:not(:first-child) {
        border-left: 1px solid #ddd;
    }

    .orderDetailForm td {
        padding: 10px 0 10px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .orderDetailForm th.b-none {
        border-left: 0;
    }

    .orderDetailForm td a {
        text-decoration: none;
    }

    .orderDetailForm td.product-info {
        padding-left: 10px;
        text-align: left;
        border-left: 0;
    }

    .orderDetailForm td.product-info > .imgBox {
        float: left;
        width: 25%;
    }

    .orderDetailForm td.product-info > .imgBox > img {
        width: 92px;
        height: 92px;
        border: 1px solid #ddd;
    }

    .orderDetailForm td.product-info > .infoBox {
        float: right;
        box-sizing: border-box;
        width: 75%;
        padding-right: 35px;
        font-size: 12px;
    }

    .orderDetailForm td.product-info > .infoBox > p {
        margin: 0;
        line-height: 1.8em;
    }

    .orderDetailForm td.product-info > .infoBox > p > a {
        text-decoration: none;
    }

    .orderDetailForm td.product-info > .infoBox > .mininame > a {
        color: #888;
    }

    .orderDetailForm td.product-info > .infoBox > .productname {
        padding-bottom: 10px;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
    }

    .orderDetailForm td.product-info > .infoBox > .productoption {
        padding-top: 10px;
        color: var(--color-gold);
    }

    .orderDetailForm td.text-l {
        padding-left: 10px;
        text-align: left;
        border-bottom: 2px solid #aaa;
        background-color: #eee;
    }

    .orderDetailForm td.text-r {
        padding-right: 10px;
        text-align: right;
        border-bottom: 2px solid #aaa;
        border-left: 0;
        background-color: #eee;
    }

    .orderDetailForm > caption {
        padding-left: 10px;
        color: #FFf;
        background-color: #58657e;
    }

    /*찜리스트*/
    .tb-wishList {
        overflow: hidden;
        width: 100%;
    }

    .tb-wishList th {
        padding: 5px;
        text-align: center;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .tb-wishList td:not(:first-child) {
        border-left: 1px solid #ddd;
    }

    .tb-wishList td {
        padding: 10px 0 10px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .tb-wishList td input[type=checkbox], .tb-wishList input[type=radio] {
        margin-top: 0;
    }

    .tb-wishList td.b-none {
        border-left: 0;
    }

    .tb-wishList td a {
        display: inline-block;
        text-decoration: none;
    }

    .tb-wishList td a > span {
        display: inline-block;
        margin-right: 4px;
        font-size: 11px;
    }

    .tb-wishList td.product-info {
        text-align: left;
    }

    .tb-wishList td.product-info > .imgBox {
        float: left;
        width: 100px;
    }

    .tb-wishList td.product-info > .imgBox > img {
        width: 92px;
        height: 92px;
        border: 1px solid #ddd;
    }

    .tb-wishList td.product-info > .infoBox {
        float: left;
        box-sizing: border-box;
        padding-right: 35px;
        text-align: left;
        font-size: 12px;
    }

    .tb-wishList td.product-info > .infoBox > p {
        margin: 5px 0 0 0;
        line-height: 1.8em;
    }

    .tb-wishList td.product-info > .infoBox > p > a {
        text-decoration: none;
    }

    .tb-wishList td.product-info > .infoBox > .productname {
        padding-bottom: 10px;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
    }

    .tb-wishList td.product-info > .infoBox > .productoption {
        padding-top: 5px;
        color: var(--color-gold);
    }

    .tb-wishList td a.btnCart {
        padding: 3px 5px;
        color: #FFF;
        font-size: 12px;
        border-radius: 5px;
        background-color: #184181;
    }

    .tb-wishList td a.btnOrder {
        padding: 3px 5px;
        color: #FFF;
        font-size: 12px;
        border-radius: 5px;
        background-color: #f24d4b;
    }

    .tb-wishList td a.btnDelete {
        padding: 3px 5px;
        color: #FFF;
        font-size: 12px;
        border-radius: 5px;
        background-color: #61534e;
    }

    .tb-wishList td.btnBoxArea > p {
        margin: 5px 0 0 0;
    }

    .tb-wishList td.nonData {
        height: 80px;
        padding: 10px;
    }

    /*단골미니샵*/
    .getminiShop {
        overflow: hidden;
        box-sizing: border-box;
        width: 100%;
    }

    .getminiShop > .miniShop-img {
        float: left;
        width: 90px;
        height: 90px;
        border: 1px solid #ddd;
        background-color: #FFF;
    }

    .getminiShop > .miniShop-info {
        display: inline-block;
        float: left;
        margin-left: 20px;
        text-align: left;
        color: #666;
    }

    .getminiShop > .miniShop-info > p {
        margin: 0;
        line-height: 1.8em;
    }

    .getminiShop > .miniShop-info > .seller-name {
        font-size: 22px;
        font-weight: 700;
    }

    .getminiShop > .miniShop-info > .seller-memo {
        font-size: 13px;
    }

    .getminiShop > .miniShop-info > a {
        color: #000;
        font-size: 12px;
        font-weight: 700;
    }

    .getminiShop > .miniShop-info > a > span {
        color: #d70000;
    }

    /* 쿠폰리스트 */
    .tb-couponList {
        overflow: hidden;
        width: 100%;
    }

    .tb-couponList th {
        padding: 5px;
        text-align: center;
        font-weight: normal;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f5f5;
    }

    .tb-couponList th:not(:first-child),
    .tb-couponList td:not(:first-child) {
        border-left: 1px solid #ddd;
    }

    .tb-couponList td {
        padding: 10px 0 10px;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }

    .tb-couponList td.b-none {
        border-left: 0;
    }

    .tb-couponList td a {
        display: inline-block;
        text-decoration: none;
    }

    .tb-couponList td.period > span {
        display: inline-block;
        margin-top: 5px;
        padding: 3px 5px;
        font-size: 12px;
        border-radius: 3px;
    }

    .tb-couponList td.period > span.ing {
        color: #fff;
        border: 1px solid #ff5654;
        background-color: #ff5654;
    }

    .tb-couponList td.period > span.end {
        color: #fff;
        border: 1px solid #5e534e;
        background-color: #5e534e;
    }

    .tb-couponList td.period > span.use {
        color: #fff;
        border: 1px solid #184181;
        background-color: #184181;
    }

    .tb-couponList td.text-l {
        padding-left: 10px;
        text-align: left;
    }

    .tb-couponList td > button.btn-condition {
        padding: 3px 5px;
        color: #FFF;
        font-size: 12px;
        border: 1px solid #222;
        border-radius: 3px;
        background-color: #222;
    }

    .tb-couponList td.nonData {
        color: #d70000;
        font-weight: bold;
    }

    .login-form {
        width: 400px;
        margin: 0 auto;
    }

    /*파뵤시 기존소스*/
    /* TOP 메뉴 */
    .gnb {
        width: 100%;
        height: 94px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #f8f8f8;;
    }

    /* menu::base */
    #menu {
        position: relative;
        width: 1000px;
        height: 94px;
        margin: 0 auto;
        list-style: none;
    }

    #menu .menu {
        position: absolute;
        z-index: 999;
        margin-left: 100px
    }

    #menu a {
        display: block;
        white-space: nowrap;
        text-decoration: none
    }

    #menu li {
        float: left;
    }

    span.gnb_1depth a:link, span.gnb_1depth a:visited {
        display: block;
        height: 94px;
        padding: 28px 65px 0 65px;
        text-align: center;
        letter-spacing: -1pt;
        color: #3e3e3e;
        font-size: 20px;
        font-weight: 600;
        line-height: 100%;
    }

    span.gnb_1depth p.eng {
        padding-top: 3px;
        color: #818181;
        font-size: 12px;
        font-weight: 100;
    }

    span.gnb_1depth a:hover {
        color: #3e3e3e
    }

    .gnb_1depth_up {
        color: #fff !important;
    }

    #menu .menu_depth {
        position: absolute;
        top: 86px;
        visibility: hidden;
        width: 188px;
        margin-left: 5px;
        border-bottom: 1px solid #222222;
    }

    .menu_depth li {
        float: none;
        width: 188px;
        text-align: center;
        border-right: 1px solid #222222;
        border-left: 1px solid #222222;
    }

    .menu_depth li:first-child {
        margin: 0;
        padding: 0;
        line-height: 0;
        border: 0;
    }

    #menu div {
        position: absolute;
        visibility: hidden;
    }

    #menu div div {
        left: 100%;
    }

    #menu li:hover > div {
        visibility: visible;
    }

    /* menu::level >= 2 */
    #menu li li a {
        padding: 10px 0;
        text-align: center;
        color: #818181;
        line-height: 29px;
        background: #fff;
    }

    #menu li li:nth-child(2) a {
        padding-top: 20px;
    }

    #menu li li:last-child a {
        padding-bottom: 20px;
    }

    #menu li li a.last {
        border-bottom: 0
    }

    #menu li li a:hover {
        text-decoration: none;
        color: #000;
    }

    #menu li li {
        display: block;
        text-transform: none;
        font-size: 13px;
    }

    #menu dl {
        position: relative;
        float: right;
        overflow: hidden;
        width: 203px;
        height: 40px;
        margin: 0 0 0 63px;
        border: 1px solid #2e4f85
    }

    #menu dd {
        float: left;
        padding: 7px 0 0 8px
    }

    #menu dt {
        float: right;
    }


    #visual {
        position: relative;
        width: 100%;
        height: 220px;
        background: url('../../img/sub_top.jpg') center 0 no-repeat;
        background-size: cover;
        display: none;
    }

    #visual p.tit {
        position: relative;
        margin: 0 auto;
        text-align: center;
        letter-spacing: 1pt;
        color: #fff;
        font-size: 37px;
        line-height: 220px;
    }


    .sub_con {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
    }

    .lnb {
    }

    .lnb h2 {
        border-top: 2px solid #333;
        border-bottom: 1px solid #333;
    }

    .lnb h4 {
        padding: 15px 0 15px 18px;
        letter-spacing: -1.8px;
        color: #333;
        font-size: 15px;
        font-weight: 600;
        line-height: 27px;
        border-bottom: 1px solid #999;
    }

    .lnb ul {
        position: relative;
        overflow: hidden;
        background-color: #f8f8f8
    }

    .lnb li {
        position: relative;
    }

    .lnb li a:link, .lnb li a:visited {
        display: block;
        height: 47px;
        text-indent: 18px;
        letter-spacing: -0.5px;
        color: #666;
        font-size: 14px;
        line-height: 47px;
        border-bottom: 1px solid #ddd;
    }

    .lnb li a:hover {
        display: block;
        text-decoration: none;
        color: #04cab5;
        font-weight: 700;
        background: #fff url('../../img/left_up.png') 170px 18px no-repeat;
    }

    .lnb li a.on {
        display: block;
        text-decoration: none;
        color: #04cab5 !important;
        font-weight: 700 !important;
        background: #fff url('../../img/left_up.png') 170px 18px no-repeat !important;
    }

    /*depth_3*/
    .lnb ol.depth_3 {
        padding: 0 0 0 20px;
        border-bottom: 1px solid #ddd;
        background-color: #f9f9f9
    }

    .depth_3 dd:first-child {
        padding-top: 8px;
    }

    .depth_3 dd:last-child {
        padding-bottom: 8px;
    }

    .depth_3 dd a:link, .depth_3 dd a:visited {
        display: block;
        padding: 4px 0;
        font-size: 12px;
    }

    .depth_3 dd a:hover {
        display: block;
        text-decoration: none;
        color: #064e91;
    }

    .depth_linktop {
        color: #064e91 !important;
        font-weight: bold !important;
    }

    .depth_linktop:hover {
        text-decoration: none
    }

    .cs_center {
        position: relative;
        overflow: hidden;
        margin-top: 40px;
        padding: 20px 20px 25px 20px;
        border: 1px solid #ddd;
    }

    .cs_center dt {
        color: #333;
        font-size: 17px;
        font-weight: bold;
        line-height: 100%;
    }

    .cs_center dd.txt {
        padding: 12px 0 10px 0;
        letter-spacing: -0.7px;
        color: #999;
        font-size: 11px;
    }

    .cs_center dd.num {
        letter-spacing: -0.5px;
        color: #34d1c1;
        font-size: 18px;
        font-weight: 900;
        line-height: 100%;
    }

    .contentArea {
        overflow: hidden;
    }

    .contentArea_wide {
        overflow: hidden;
        width: 100%;
    }

    .sub_con .tit_area {
        overflow: hidden;
        width: 100%;
        padding: 40px 0 36px 0;
    }

    .sub_con p.location {
        display: flex;
        align-items: center;
        padding: 0 0 11px 0;
        color: var(--color-gold);
        font-size: 12px;
    }

    .sub_con p.location .arrow {
        margin: 0 7px
    }

    .sub_con p.location a:link, .tit_area p.location a:visited {
        color: var(--color-gold);
        font-size: 12px;
    }

    .sub_con p.location a:hover {
        color: #222;
    }

    .sub_con p.location img {
        margin-bottom: 2px;
        vertical-align: middle;
    }

    .sub_con h3.title {
        letter-spacing: -1.8px;
        color: #333;
        font-size: 33px;
        font-weight: 600;
        line-height: 33px;
    }

    .contents_in {
        position: relative;
        clear: both;
        *zoom: 1;
        margin: 0 0 100px 0;
    }

    .con_tit {
        padding: 0 0 15px 0;
        letter-spacing: -1.5pt;
        color: #444;
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
    }

    .con_tit span.thin {
        letter-spacing: -1.5pt;
        color: #444;
        font-weight: 100;
        line-height: 24px;
    }


    .table_style {
        width: 100%;
        border-spacing: 0;
        border-collapse: separate;
        border-top: 1px solid #333;
    }

    .table_style th {
        padding: 14px 0 14px 15px;
        text-align: left;
        letter-spacing: -0.5pt;
        color: #444;
        font-weight: 600;
        border-bottom: 1px solid #d4d4d4;
        background-color: #f9f9f9;
    }

    .table_style td {
        padding: 14px 0 14px 15px;
        text-align: left;
        border-bottom: 1px solid #e9e9e9;
    }


    .ready_con {
        padding: 50px 0 50px;
        text-align: center;
        font-size: 15px;
        line-height: 22px;
        border: 1px solid #ddd
    }

    .ready_con p {
        padding-bottom: 15px;
        color: #b5324e;
        font-size: 55px;
        font-weight: 600;
    }

    .ready_con p span {
        color: #959595;
    }


    h4.sub_title {
        letter-spacing: -1.5pt;
        color: #b5324e;
        font-size: 32px;
        font-weight: 600;
        line-height: 37px;
    }

    h4.sub_title img {
        margin: 0 0 0 8px;
        vertical-align: top;
    }

    span.title_s1 {
        letter-spacing: -1.5pt;
        font-weight: 100;
        line-height: 37px;
    }

    span.title_s2 {
        letter-spacing: -1.5pt;
        color: #666;
        font-weight: 100;
        line-height: 37px;
    }

    h5.sub_stitle {
        letter-spacing: -0.5pt;
        color: #888;
        font-size: 15px;
        font-weight: 100;
        line-height: 22px;
    }

    /*** 회사소개 ***/
    .about_con {
        position: relative;
        overflow: hidden
    }

    .about_con h4 {
        padding: 0 0 12px 0
    }

    .about_con h5 {
        padding: 0 0 25px 0
    }

    .greeting_con {
        position: relative;
        color: #666;
        font-size: 13px;
    }

    .greeting_con h4 {
        padding: 0 0 12px 0
    }

    .greeting_con h5 {
        padding: 0 0 25px 0
    }

    .greeting_con .txt {
        letter-spacing: -0.5pt;
        line-height: 23px;
    }

    .greeting_con .staff {
        padding-top: 40px;
        padding-right: 15px;
        text-align: left;
        letter-spacing: -0.5pt;
        font-size: 18px;
    }

    .greeting_con .staff span {
        letter-spacing: -0.5pt;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
    }

    .greeting_con .company-logo {
        display: inline-block;;
        width: 100px;
        height: 25px;
        background: url(../../img/copy_bg.png) top center no-repeat;
    }

    .location_con {
        position: relative;
        overflow: hidden
    }

    .location_con h4 {
        padding-bottom: 10px
    }

    .location_con h5 {
        padding-bottom: 28px
    }

    .loca_ready {
        height: 350px;
        margin-bottom: 25px;
        text-align: center;
        border: 1px solid #ddd;
        background-color: #f0f0f0;
    }

    .loca_ready p.tit {
        padding: 110px 0 0 0;
        letter-spacing: -0.7pt;
        color: #333;
        font-size: 26px;
    }

    .loca_ready p.txt {
        padding: 8px 0 0 0;
        letter-spacing: -0.5pt;
        font-size: 15px;
        line-height: 23px;
    }

    .loca_ready p.txt a {
        text-decoration: underline;
        font-size: 13px;
    }

    .map_txt {
        position: relative;
        overflow: hidden;
    }

    .map_table {
        width: 800px;
        border-spacing: 0;
        border-collapse: separate;
    }

    .map_table th {
        width: 70px;
        padding: 5px 0 5px 0;
        text-align: left;
        vertical-align: top;
        color: #333;
        font-weight: 600;
    }

    .map_table td {
        padding: 5px 0 5px 10px;
        color: #666;
        font-size: 13px;
    }

    .locationBtn {
        position: absolute;
        top: 0;
        right: 0
    }

    .locationBtn img {
        margin-left: 2px;
    }


    .select {
        padding: 4px;
        color: #666666;
        font-size: 13px;
        border: 1px solid #d4d4d4;
        background-color: #ffffff;
    }

    .input {
        padding: 4px;
        color: #545454;
        font-size: 13px;
        border: 1px solid #d4d4d4;
        background-color: #f7f7f7;
    }

    .input_idpw {
        padding: 3px;
        color: #545454;
        font-size: 10px;
        border: 1px solid #d4d4d4;
        background-color: #ffffff;
    }

    .search_input {
        color: #555;
        font-size: 13px;
        border: #d4d4d4 1px solid;
        background-color: #ffffff;
    }

    .textarea {
        color: #666666;
        font-size: 13px;
        line-height: 19px;
        border: 1px solid #d4d4d4;
        background-color: #f4f4f4;
    }


    .btn-dgray {
        color: #fff;
        background: #646464;
    }


    .fermen_con {
        background: url('../../img/fermen_img.jpg') right 30px no-repeat;
    }

    .fermen_con h4 {
        padding-bottom: 20px
    }

    .fermen_con .txt {
        letter-spacing: -0.4pt;
        font-size: 14px;
        line-height: 23px;
    }

    .car_con {
    }

    .car_con h4 {
        padding-bottom: 28px;
        text-align: center;
    }

    .car_con .txt {
        text-align: center;
        letter-spacing: -0.4pt;
        font-size: 14px;
        line-height: 23px;
    }

    .food_con {
        height: 650px;
        background: url('../../img/food_img.jpg') 0 0 no-repeat;
        background-size: 100%;
    }

    .food_con h4 {
        padding: 53px 0 410px 0;
        text-align: center;
        letter-spacing: -1.5pt;
        color: #b5324e;
        font-size: 33px;
        font-weight: 600;
        line-height: 37px;
    }

    .food_con h4 span {
        letter-spacing: -1.5pt;
        color: #b5324e;
        font-weight: 100;
    }

    .food_con .txt {
        text-align: center;
        letter-spacing: -0.4pt;
        font-size: 14px;
        line-height: 23px;
    }


    .sitemap_con {
        position: relative;
        overflow: hidden;
    }

    .sitemapIn1 {
        position: relative;
        overflow: hidden;
    }

    .sitemap_con dl {
        position: relative;
        float: left;
        overflow: hidden;
        width: 161px;
    }

    .sitemap_con dt {
        padding: 15px 0 15px 15px;
        letter-spacing: -1pt;
        color: #333;
        font-size: 16px;
        font-weight: 600;
        border-top: 1px solid #333;
        border-bottom: 1px solid #ddd;
        background-color: #f8f8f8;
    }

    .sitemap_con dd {
        border-bottom: 1px dashed #d4d4d4;
    }

    .sitemap_con dd a:link, .sitemap_con dd a:visited {
        display: block;
        padding: 9px 0 9px 15px;
        letter-spacing: -0.5pt;
    }

    .sitemap_con dd a:hover {
        text-decoration: none
    }

    .sitemap_con ul {
        position: relative;
        overflow: hidden;
        padding: 5px 0
    }

    .sitemap_con li {
        padding: 2px 0;
        line-height: 16px;
    }

    .sitemap_con li a:link, .sitemap_con li a:visited {
        letter-spacing: 0;
        color: var(--color-gold);
        font-size: 12px;
        font-weight: 100;
        line-height: 16px;
    }

    .rmar_36 {
        margin-right: 36px
    }

    .tmar_40 {
        margin-top: 40px;
    }


    .policy_con {
        position: relative;
        overflow: hidden;
    }

    .cont_title {
        padding-bottom: 18px;
        letter-spacing: -1.2pt;
        color: #333;
        font-size: 24px;
        font-weight: 600;
    }

    p.cont_tit {
        display: block;
        padding-bottom: 10px;
        color: #333 !important;
        font-size: 1.2em !important;
        font-weight: 600;
    }

    .cont_txt {
        padding: 0 0 35px 0;
    }

    .cont_txt2 {
        padding-bottom: 35px;
    }

    .cont_box {
        display: block;
        margin: 7px 0 10px 0;
        padding: 20px;
        border: 1px solid #a0a0a0;
        background: #f8f8f8;
    }

    .privacy_list {
        clear: both;
        overflow: hidden;
        *zoom: 1;
        width: 91%;
        margin-bottom: 30px;
        padding: 4% 4% 3% 4%;
        border: 1px dashed #ddd;
    }

    .privacy_list li {
        float: left;
        width: 49%;
        padding-bottom: 1%;
    }

    .privacy_list li a {
        font-weight: bold;
    }

    .carousel-indicators li.active {
        background-color: #feb836;
    }

    .carousel-indicators li {
        display: inline-block;
        cursor: pointer;
        text-indent: -999px;
        border: none;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0);
    }

    /* 회원관련 - 로그인 */
    .input_id {
        color: #555;
        font-size: 13px;
        border: #cfcfcf 1px solid;
        background-color: #ffffff;
    }

    .mem_tit {
        letter-spacing: -0.5pt;
        color: #333;
        font-weight: 600;
    }

    .mem_tit2 {
        letter-spacing: -0.5pt;
        color: #333;
        font-size: 15px;
        font-weight: 600;
    }

    .mem_tit3 {
        letter-spacing: -0.5pt;
        color: #333;
        font-size: 17px;
        font-weight: 600;
    }

    .mem_txt {
        padding-bottom: 5px;
        letter-spacing: -0.5pt;
        color: var(--color-gold);
        font-size: 12px;
    }

    .mem_txt2 {
        padding: 5px 0;
        letter-spacing: -0.5pt;
        font-size: 12px;
    }

    .mem_txt3 {
        letter-spacing: -0.5pt;
        font-size: 12px;
    }

    .form_sub {
        text-align: center;
        letter-spacing: -0.5pt;
        font-size: 12px;
    }

    .join_tit {
        padding: 9px 0 9px 12px;
        text-align: left;
        letter-spacing: -0.7pt;
        color: #333;
        font-weight: 600;
        border-right: 1px solid #ddd;
        background-color: #f9f9f9;
    }

    /* table */
    .tbl_01 {
        width: 100%;
        margin-bottom: 20px;
        border-top: 2px solid #333;
    }

    .tbl_01 tr {
        border-bottom: 1px solid #ddd;
    }

    .tbl_01 tr th {
        width: 150px;
        padding-left: 10px;
        color: #333;
        font-weight: bold;
        background: #f9f9f9;
    }

    .tbl_01 tr td {
        padding: 10px;
    }

    .form_wrap {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 302px;
        padding: 0;
        border: 1px solid #e1e1e1;
        background: #f9f9f9;
    }

    .form_wrap .panel-body {
        width: 350px;
        margin: 0 auto;
    }

    .login_form_area {
        display: table;
        overflow: hidden;
        margin: 0 auto;
    }

    .login_input {
        float: left;
        width: 250px;
        margin-right: 3px;
    }

    .login_input .form-control, .login-form-body .form-control {
        border-radius: 0;
        box-shadow: 0 0 0 0;
    }

    .login_input .form-control:hover, .login_input .form-control:active, .login_input .form-control:focus {
        border-color: #11bbaa;
    }

    .login_input .form-control + .form-control {
        margin-top: 5px;
    }

    .login_input label.form-inline {
        display: flex;
        align-items: center;
        margin: 5px 0 0 0;
        font-size: 12px;
        font-weight: normal;
    }

    .login_input label.form-inline input[type=checkbox] {
        margin: 0 5px 0 0;
    }

    .login_btn {
        float: left;
        width: 100px;
    }

    .login_btn .btn.btn-info {
        width: 100%;
        height: 73px;
    }

    .login_btn .btn.btn-info:focus {
        outline: 0;
    }

    .login_linkline {
        padding-top: 20px;
        color: #999;
        font-size: 12px;
        border-top: #e5e5e5;
    }

    .panel-body.login-form-body {
        padding: 0;
    }

    .find-id-form.form_wrap, .find-pw-form.form_wrap {
        display: flex;
        align-items: center;
        height: 302px;
        padding: 0;
    }

    .linkline a {
        font-size: 12px;
    }

    @media screen and (max-width: 1199px) {
        .quick {
            display: none;
        }
    }

    .filter-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .filter-wrap .c_red {
        margin-left: 5px;
    }

    .filter-wrap .form-control {
        padding: 4px 12px 6px;
        border-radius: 0 !important;
        box-shadow: 0 0 0 0 !important;
    }

    .filter-wrap .mypage-point {
        font-weight: 600;
    }

    .filter-wrap .input-group-btn {
        z-index: 2;
    }

    .filter-wrap .input-group-btn .btn {
        color: #fff;
        font-weight: lighter;
        border-color: #11bbaa;
        border-radius: 0;
        background: #11bbaa;
        text-shadow: 0 0 0;
    }

    .filter-wrap .input-group-btn .btn:hover, .filter-wrap .input-group-btn .btn:active, .filter-wrap .input-group-btn .btn:focus {
        outline: 0;
        box-shadow: 0 0 0;
    }

    .filter-wrap .form-control:focus {
        border-color: #11bbaa;
    }

    .filter-wrap .col-lg-2, .filter-wrap .col-lg-10, .mypage-contant .col-lg-12 {
        padding: 0;
    }

    #fm_hidden {
        display: none;
    }

    .date-input {
        cursor: pointer !important;
    }



    .tb_base_list .text-right-m {
        text-align: right;
    }

    .mobile-screen {
        width: 100%;
        /* height: auto !important; */
    }

    .pa-10-m {
        padding: 10px
    }

    .main1 {
        background-image: url('../../img/visual1.png');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 80%;
        text-align: center;
        justify-content: end;
    }

    .main1.contents{
        min-height: 350px !important;
    }

    .main1 .size-px-36{
        font-size: 20px !important;
    }
    .main1 .size-px-62{
        font-size: 28px !important;
    }


    .main2 {
        padding: 20px;
    }
    .main2 .img img{
        width: 100%;
    }
    .main2 .size-px-50 {
        font-size: 17px !important;
    }
    .main2 .size-px-36 {
        font-size: 14px !important;
    }
    .main2 .size-px-28 {
        font-size: 12px !important;
    }

    .main3{
        padding: 20px;
    }
    .main3 .size-px-28 {
        font-size: 16px !important;
    }
    .main3 .img img{
        width: 80%;
    }

    .main3.contents {
        min-height: unset;
    }

    .bg-ai {
        background-image: url('../../img/banner_ai_m.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 20px;
    }

    .foot-banner > div{
        flex-wrap: wrap;
    }

    .foot-banner > div > div {
        width: 40%;
    }

    .foot-banner > div > div img {
        width: 100%;
    }



    .tutor {
        padding: 10px 0
    }
    .tutor .visual1 img {
        width: 100%;
    }
    .tutor .size-px-36{
        font-size: 24px !important;
    }

    .tutor .prl-50{
        padding: 10px !important;
    }

    .pa-5-m { padding: 5px !important;}
    .pa-10-m { padding: 10px !important;}
    .pa-20-m { padding: 20px !important;}
    .pa-30-m { padding: 30px !important;}
    .pa-40-m { padding: 40px !important;}
    .pa-50-m { padding: 50px !important;}

    .pa-0-5-m { padding: 0px 5px !important;}
    .pa-3-10-m { padding: 3px 10px !important;}
    .pa-5-10-m { padding: 5px 10px !important;}
    .pa-10-5-m { padding: 10px 5px !important;}
    .pa-10-20-m { padding: 10px 20px !important;}
    .pa-13-10-m { padding: 13px 10px !important;}
    .pa-15-10-m { padding: 15px 10px !important;}
    .pa-20-10-m { padding: 20px 10px !important;}
    .pa-40-20-m { padding: 40px 20px !important;}
    .pa-50-20-m { padding: 50px 20px !important;}

    .pl-10-m { padding-left: 10px}
    .pl-20-m { padding-left: 20px}
    .pl-30-m { padding-left: 30px}



    .pt-10-m { padding-top: 10px !important;}
    .pt-20-m { padding-top: 20px}
    .pt-30-m { padding-top: 30px}
    .pt-40-m { padding-top: 40px}
    .pt-50-m { padding-top: 50px !important;}

    .pb-10-m { padding-bottom: 10px !important;}
    .pb-20-m { padding-bottom: 20px}
    .pb-30-m { padding-bottom: 30px}
    .pb-40-m { padding-bottom: 40px}
    .pb-50-m { padding-bottom: 50px !important;}

    .ptb-5-m { padding: 5px 0 !important;}
    .ptb-10-m { padding: 10px 0 !important;}
    .ptb-20-m { padding: 20px 0 !important;}
    .ptb-30-m { padding: 30px 0 !important;}
    .ptb-40-m { padding: 40px 0 !important;}
    .ptb-50-m { padding: 50px 0 !important;}

    .prl-5-m { padding-right: 5px !important; padding-left: 5px !important;}
    .prl-10-m { padding-right: 10px !important; padding-left: 10px !important;}
    .prl-20-m { padding: 0 20px !important;}
    .prl-30-m { padding: 0 30px !important;}
    .prl-40-m { padding: 0 40px !important;}
    .prl-50-m { padding: 0 50px !important;}

    .ma-auto-m { margin: 0 auto !important;}

    .mt-5-m { margin-top: 5px !important;}
    .mt-10-m { margin-top: 10px !important;}
    .mt-20-m { margin-top: 20px !important;}
    .mt-30-m { margin-top: 30px !important;}
    .mt-40-m { margin-top: 40px !important;}
    .mt-50-m { margin-top: 50px !important;}

    .mt-auto-m { margin-top: auto !important;}

    .mb-5-m { margin-bottom: 5px !important;}
    .mb-10-m { margin-bottom: 10px !important;}
    .mb-20-m { margin-bottom: 20px !important;}
    .mb-30-m { margin-bottom: 30px !important;}
    .mb-40-m { margin-bottom: 40px !important;}
    .mb-50-m { margin-bottom: 50px !important;}

    .mr-1-m {margin-right: 1px}
    .mr-5-m { margin-right: 5px}
    .mr-10-m { margin-right: 10px}
    .mr-15-m { margin-right: 15px}
    .mr-20-m { margin-right: 20px}
    .mr-30-m { margin-right: 20px}

    .ml-5-m { margin-left: 5px}
    .ml-10-m { margin-left: 10px}
    .ml-15-m { margin-left: 15px}
    .ml-20-m { margin-left: 20px}
    .ml-30-m { margin-left: 30px}
    .ml-40-m { margin-left: 40px}
    .ml-50-m { margin-left: 50px}


    .size-px-8-m { font-size: 8px !important;  line-height: 130%; font-weight: 400;}
    .size-px-9-m { font-size: 9px !important;  line-height: 130%; font-weight: 400;}
    .size-px-10-m { font-size: 10px !important; line-height: 130%; font-weight: 400;}
    .size-px-11-m { font-size: 11px !important; line-height: 130%; font-weight: 400;}
    .size-px-12-m { font-size: 12px !important; line-height: 130%; font-weight: 400;}
    .size-px-13-m { font-size: 13px !important; line-height: 130%; font-weight: 400;}
    .size-px-14-m { font-size: 14px !important; line-height: 130%; font-weight: 400;}
    .size-px-15-m { font-size: 15px !important; line-height: 130%; font-weight: 400;}
    .size-px-16-m { font-size: 16px !important; line-height: 130%; font-weight: 400;}
    .size-px-17-m { font-size: 17px !important; line-height: 130%; font-weight: 400;}
    .size-px-18-m { font-size: 18px !important; line-height: 130%; font-weight: 500;}
    .size-px-19-m { font-size: 19px !important; line-height: 130%; font-weight: 500;}
    .size-px-20-m { font-size: 20px !important; line-height: 140%; font-weight: 500;}
    .size-px-22-m { font-size: 22px !important; line-height: 140%; font-weight: 500;}
    .size-px-24-m { font-size: 24px !important; line-height: 140%; font-weight: 600;}
    .size-px-28-m { font-size: 28px !important; line-height: 140%; font-weight: 600;}
    .size-px-32-m { font-size: 32px !important; line-height: 140%; font-weight: 600;}
    .size-px-36-m { font-size: 36px !important; line-height: 140%; font-weight: 600;}
    .size-px-48-m { font-size: 48px !important; line-height: 140%; font-weight: 600;}
    .size-px-50-m { font-size: 50px !important; line-height: 140%; font-weight: 600;}
    .size-px-62-m { font-size: 62px !important; line-height: 140%; font-weight: 600;}


    .justify-center-m { display: flex; justify-content: center}
    .justify-space-around-m { display: flex; justify-content: space-around}
    .justify-space-between-m { display: flex !important; justify-content: space-between }
    .justify-start-m { display: flex; justify-content: flex-start}
    .justify-end-m { display: flex; justify-content: flex-end}

    .items-center-m { align-items: center}

    .flex-column-m { display: flex; flex-direction: column;}
    .flex-column-wrap-m { display: flex; flex-direction: column; flex-wrap: wrap;}

    .flex-row-m { display: flex; flex-direction: row}
    .flex-row-wrap-m { display: flex; flex-direction: row; flex-wrap: wrap}

    .text-center-m { text-align: center !important;}

    .width-50-m { width: 50px !important;}

    .height-unset { min-height: unset !important;}
}