body {font-family: "Noto Sans KR", dotum, sans-serif !important;font-size: 14px;}
table {table-layout: auto;width: 100%;}
.brand {top: 25px;position: absolute;}
footer .brand {top: 5px;right: 0;}
.nav-top {display: block;text-align: right;margin-top: 9px; font-weight: 200;}
.nav-sub { /*padding: 20px 0;*/text-align: center;line-height: 54px;}
.nav-sub-wrap {height: 56px;border-bottom: 1px solid #ccc;position: relative;}
.nav-sub .nav-item {display: inline-block;padding: 0 40px;color: #ccc;}
.nav-sub .nav-item a {color: #777;font-size: 17px;font-weight: 400; /*doesnt seem right so i put it to 400, but default is 100*/}
.nav-sub .nav-item.on a {color: #0367c8;font-weight: bold; /*border-bottom:1px solid #0367c8;*/}


.nav-bottom {
	display: flex;margin-top: 70px;text-align: center;line-height: 55px;
	/* border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5; */
}
.nav-item {cursor: pointer; flex: 1}
.nav-bottom .nav-item {display: inline-block; text-align: center;}
.nav-bottom .nav-item:first-child a {border-left: none;}
.nav-bottom a {border-left: 1px solid #d5d5d5;font-size: 16px;font-weight: normal; display: inline-block; width: 100%;}




footer {margin-bottom: 40px;}
footer p {font-weight: 100;margin-bottom: 10px;}
footer p span {margin-right: 20px;font-size: 14px;}
@media (max-width: 768px) {
    /*footer p span {text-align: center;display: block;margin-bottom: 20px;}*/
    footer p {
        text-align: center;
        font-size: 12px !important;
        font-weight: 300;

    }
    .pop_top_ex li {
        background-position: -5px -304px;
    }
}
.nav {line-height: 55px;text-align: right;padding-bottom: 10px;}
.nav .nav-item {display: inline-block;font-weight: bold;}
.nav .nav-item a {padding: 0 30px;font-size: 18px;font-weight: normal;}
.nav .nav-item a:last-child {padding-right: 0;}
.container {max-width: 1140px;width: 100%;margin: 0 auto;padding: 0 20px;font-size: 0;}
.container * {font-size: 14px;}
.page-title {
    background-image: url("/images/user/pt-bg.gif");
    background-position: center center;
    background-size: cover;
    line-height: 150px;
    text-align: center;color: white;font-weight: 500;font-size: 38px;
    height: 150px;
    border: none;
    width: 100%;
}
.sub-title {font-size: 38px;font-weight: 500;margin-top: 50px;margin-bottom: 50px;text-align: center; display: block; float:initial;}
.section-title {font-size: 22px;line-height: 55px;text-align: left;font-weight: 500;}
.list_lay.type2 img {margin: 0 10px;}
/*color individual*/  .text-primary {color: #0367c8;}
.text-red {color: #c81f1f;}
.text-white {color: #fff !important;}
.text-left {text-align: left;}
.text-right {text-align: right !important;}
/*utility*/  .w-0 {width: auto !important;}
.p-0 {padding: 0;}
.b-0 {border: none;}
.border-0 {border: none;}
.fs-0 {font-size: 0 !important;}
.mb-5 {margin-bottom: 5px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-17 {margin-top: 17px;}
.mb-7 {margin-bottom: 7px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mx-5 {margin-left: 5px;margin-right: 5px;}
.px-5 {padding-left: 5px;padding-right: 5px;}
.px-10 {padding-left: 10px;padding-right: 10px;}
.px-15 {padding-left: 15px;padding-right: 15px;}
.py-15 {padding-top: 15px;padding-bottom: 15px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.bw-2 {border-width: 2px;}
.bw-3 {border-width: 3px;}
.d-inline-block {display: inline-block;}
.d-inline {display: inline;}
.text-center {text-align: center !important;}
.lh_0 {line-height: 0 !important;}
.lh_30 {line-height: 30px;}
.lh_40 {line-height: 40px;}
.lh_50 {line-height: 50px;}
.lh_200 {line-height: 200px;}
.pull-right {float: right;}
/*button*/
.btn-sm {line-height: 30px !important;height: 30px !important;font-size: 12px !important;}
.btn-md {line-height: 42px !important;height: 42px !important;font-size: 14px !important;}
.btn-search {color: white;background: #868687;position: relative;}
.btn-search:before {content: "";display: inline-block;position: relative;top: 3px;margin-right: 3px;width: 17px;height: 17px;background-image: url("../../../images/new/magnifier.gif");background-position: center center;background-repeat: no-repeat;}
/*nav-sub hover*/
.nav-sub-wrap .container {position: relative;}
.hvr {position: absolute;bottom: -1.3px;height: 3px;width: 100px;background: #0367c8;transition: 0.3s;}
.row {width: 100% !important; font-size: 0;margin:0;}
.row * {font-size: 14px;}
*[class^="col"], *[class*=" col"] {display: inline-block;box-sizing: border-box;margin-right: 20px;vertical-align: top;}
*[class^="col"]:last-child, *[class*=" col"]:last-child {margin-right: 0;}
.col-1-1 {width: 100%;}
.col-1-2 {width: calc((100% - 20px) / 2);}
.col-1-3 {width: calc((100% - 40px) / 3);}
.col-2-3 {width: calc(((100% - 40px) / 3) * 2);}
/*****/
.col-1-4 {width: calc((100% - 60px) / 4);}
.col-1-4.span-2 {width: calc((100% - 40px) / 4);}
.col-1-4.span-3 {width: calc((100% - 80px) / 4);}
.col-2-4 {width: calc(((100% - 60px) / 4) * 2 + 20px);}
.col-3-4 {width: calc(((100%) / 4) * 3);}
/*****/
.col-1-5 {width: calc((100% - 80px) / 5);}
/* uul ni 'span'-tai code bichih ystoi bsan. dahij col-toi code deer asuudal uuswel 'span'-tai hesgiin code-g tomoor yanzlah heregtei*/  .col-2-5 {width: calc(((100% - 30px) / 5) * 2);}
.col-3-5 {width: calc(((100% - 80px) / 5) * 3);}
.col-4-5 {width: calc(((100% - 80px) / 5) * 4);}
.msg-manager .col-1-4:last-child {padding-right: 0;}
.gdi .popup_wrap .popup_layer .popup_window .pp_content .col-1-4 {margin-bottom: 20px;}
.gdi .popup_wrap .popup_layer .popup_window .pp_content .col-1-4:nth-child(4){margin-right: 0;}
.gdi .popup_wrap .popup_layer .popup_window .pp_content .col-1-4:nth-child(8){margin-right: 0;}
.gdi .popup_wrap .popup_layer .popup_window .pp_content .col-1-4:nth-child(12){margin-right: 0;}

.card {padding: 15px;/*background: #f1f1f1;*/font-size: 0;overflow: hidden;position: relative;}
.card input, .card button, .card select {line-height: 35px;height: 35px;font-size: 14px;}
.card-top {text-align: center;}
.card-top .card-img {max-height: 200px;text-align: center;}
.card-img {position: relative;overflow: hidden;/*background: url("../../../images/new/noimg2.png") center center no-repeat;*/ }
.manage .card-img {background: url("../../../images/new/noimg2.png") center calc(50% - 35px) no-repeat;margin-bottom: 5px;}
.card-img img {position: absolute;height: 95%; width: 100%; object-fit: contain;}
.manage .card-img img {position: absolute; width: 100%; object-fit: contain; height: 95%;}
.card-img p {position: absolute;width: 100%;bottom: 45px;text-align: center;}
.card-img:after {content: "";display: block;padding-bottom: 100%;}
.manage .card-img:after {content: "";display: block;padding-bottom: 100%;margin-bottom: 35px;}
.card-horizontal .card-img, .card-horizontal .card-detail {display: inline-block;width: 50%;}
.card-horizontal .card-img {padding-right: 8px;}
.manage .card-img button {position: absolute;bottom: 0;width: calc(100% - 8px);margin-bottom: 0 !important;}
.manage.card-vertical .card-img button {width: 100%;}
.card-horizontal .card-detail {padding-left: 7px;}
.card-vertical .card-detail {padding-top: 15px;}
.card-vertical .card-detail p {line-height: 25px;text-align: center;}
.card-vertical.manage .card-detail {padding-top: 0;}
.card.manage button {margin-bottom: 5px;cursor: pointer;}
.card.manage .type_m:nth-child(1) {width: calc(50% - 3px);margin-right: 5px;}
.card.manage .type_m:nth-child(2) {width: calc(50% - 2px);}
.card-detail {vertical-align: top;}
.card-detail input, .card-detail button {margin-bottom: 3px;}
.card-detail button.btn_silver {border: 1px solid #707070;background-color: #707070;color: #ffffff;}
.card.kakao {padding: 0;background: #fff;color: #000;border: 1px solid #ccc;border-radius: 5px;}
.card.kakao .card-title {text-align: center;background: #fae100;line-height: 40px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.card.kakao .card-title h1 {display: inline-block;padding-left: 25px;background: url(../../../images/new/kakao-msg.png) no-repeat left center;font-weight: bold;}
.card.kakao .card-detail {height: 200px;padding: 15px;font-size: 15px;font-weight: 100;}
.card.kakao .manage {padding: 13px;}
.card.kakao .manage button {border: none;color: #000;margin-top: 2px;font-size: 13px;background: #e6e6e6;}
.box {padding: 15px;}
.box.type1 {background: #f5f5f5;border: 1px solid #dbdbdb;padding: 30px;}
.box.type1 ul li {font-size: 15px;font-weight: 100;padding-left: 15px;margin-bottom: 8px;}
.box.type1 ul li:last-child {margin-bottom: 0;}
.box.type2 {background: #fa9319;border: 1px solid #fa9319;color: #fff;}
ul.dotted li::before {content: " ";color: black;background: #ed7f13;font-weight: bold;display: inline-block;width: 3px;height: 3px;position: relative;font-size: 5px;top: -4px;margin-left: -1rem;margin-right: 8px;}
ul.dotted-yellow li::before {color: #ed7f13;}
.phone {display: inline-block;background: url("../../../images/new/phone.gif") no-repeat;background-size: 100% 100%;border-radius: 40px;height: 675px;width: 365px;padding: 5px;position: relative;overflow: visible;}
.phone.kakao {background: white;border-radius: 0;height: auto;padding: 0;}
.phone.kakao.type_2 .text-con .phone-btn-con {width: calc(100% - 100px);margin-left: 50px;}
.phone.kakao.type_2 .text-con .phone-btn-con button {display: inline-block;width: calc(50% - 1px);margin-top: 2px;border: 1px solid #aeaeae;background: #f5f5f5;color: black;font-size: 12px;height: 33px;line-height: 33px;}
.phone.kakao.type_2 .text-con .phone-btn-con button span {font-size: 12px;position: relative;padding-left: 20px;}
.phone.kakao.type_2 .text-con .phone-btn-con button span:before {content: " ";display: block;position: absolute;left: 0;top: 0;width: 16px;height: 20px;}
.phone.kakao.type_2 .text-con .phone-btn-con button.img span:before {background: url("../../../images/new/icon/img.png") no-repeat;}
.phone.kakao.type_2 .text-con .phone-btn-con button.link span:before {background: url("../../../images/new/icon/attach.PNG") no-repeat;}
.phone.kakao.type_2 .text-con .phone-btn-con button:first-child {margin-right: 2px;}
.msg-manager {vertical-align: top;display: inline-block;width: calc(100% - 365px);padding-left: 80px;}
.input-append {line-height: 35px;padding-left: 35px;display: inline-block;width: 130px;}
.input-append.receiver {font-weight: bold;font-size: 16px;background: url("../../../images/new/receiver.gif") no-repeat left center;}
.input-append.sender {font-weight: bold;font-size: 16px;background: url("../../../images/new/sender.gif") no-repeat left center;}
.input-append + input, .input-append + select {width: calc(100% - 130px) !important;}
.phone .text-con {margin-top: 45px;border-top: #cccccc;border-bottom: #cccccc;height: 470px;}
.phone.kakao .text-con {margin-top: 0;background: #b2c7d9;padding: 35px 0;text-align: left;border-radius: 5px;position: relative;height: 505px;}
.phone.kakao.type_2 .text-con {height: 510px;}
.phone.kakao .text-con:before {content: "";position: absolute;top: 0;left: 0;background: url("../../../images/new/kakao-network.png") no-repeat center center;width: 70px;height: 35px;}
.phone.kakao .text-con:after {content: "";position: absolute;top: 0;right: 0;background: url("../../../images/new/kakao-battery.png") no-repeat center center;width: 60px;height: 35px;}
.phone.kakao .text-con .kakao-user {background: url("../../../images/new/user2.png") no-repeat 5px top;margin-bottom: -20px;padding: 0 0 30px 50px;margin-top: 20px;font-weight: 400;}
.phone.kakao .text-con .kakao-sent {background: #98b8d3;font-size: 14px;height: 40px;line-height: 40px;}
.phone .text-con textarea {width: 100%;height: 100%;border-left: none;border-right: none;border-bottom: none;resize: none;background: #f3f3f3;padding: 20px;line-height: 20px;font-size: 15px;letter-spacing: -1px; /*margin-top:50px;*/}
.phone.kakao .text-con .template-name {width: calc(100% - 100px);margin-left: 50px;text-align: center;background: url("../../../images/new/kakao-msg.png") no-repeat 90px center #fae100;border-top-left-radius: 5px;border-top-right-radius: 5px;font-weight: 400;line-height: 40px;}
.phone.kakao .text-con textarea {width: calc(100% - 100px);margin-left: 50px;height: 295px;border: none;resize: none;background: #fff;padding: 15px;margin-top: 0;line-height: 20px;color: #000;font-size: 14px;}
.phone.kakao.type_2 .text-con textarea {height: 265px;}
.phone-btn-con {font-size: 0;}
.phone-btn-con button {display: inline-block;height: 45px;line-height: 45px;padding: 0;text-align: center;color: #fff;font-size: 14px;letter-spacing: -1px;}
.phone.kakao .phone-btn-con .btn-1-3 {font-size: 13px;border-right: #ccc 1px solid;}
.phone.kakao .phone-btn-con .btn-1-3:last-child {border: none;}
.addImportExcel button {border-bottom: none;}
.addImportExcel button:last-child {border-bottom: 1px solid #b7b7b7;}
.btn-1-2 {width: calc(100% / 2);}
.btn-1-3 {width: calc(100% / 3);}
.phone-btn-con .btn-1-3 {border-right-color: rgba(255, 255, 255, 0.5);}
.phone-btn-con .btn-1-3:last-child {border-right-color: #0367c8;}
.kakao .phone-btn-con .btn-1-3:last-child {border: none;}
.phone-btn-con .btn-phone {background: transparent;height: 65px;line-height: 65px;font-size: 18px;color: #000;font-weight: normal;}
.phone-btn-con .btn-phone:last-child {position: relative;}
.phone-btn-con .btn-phone:last-child::before {content: "";display: block;border-left: 1px solid #ccc;height: 30px;width: 1px;position: absolute;left: -2px;top: 17px;}
.phone .size-con {text-align: right;position: relative;bottom: 35px;right: 20px;}
.phone.kakao .size-con {bottom: -5px;right: 50px;font-weight: 100;}
.phone.kakao.type_2 .size-con {bottom: -8px;}
.phone.kakao button {font-size: 14px;}
.list {font-size: 0;}
.list li {display: inline-block;}
.list.type1 {}
.list.type1 li {text-align: center;line-height: 22px;border-right: 1px solid rgba(255, 255, 255, 0.5);padding: 0 25px;width: 25%;font-size: 14px;}
.list.type1 li b {font-size: 16px;}
.list.type1 li:last-child {border-right: none;}
.msg-manager h1 {font-weight: bold;font-size: 14px;}
.msg-manager button, .msg-manager select, .msg-manager input {line-height: 35px;height: 35px;color: #000;font-size: 14px;}
.msg-manager select {width: 80px;}
textarea {height: 100%;}
td > p {line-height: 20px;font-weight: 100;}
td p.p_10 {display: none;margin-bottom: 5px;}
.border_solid { border: 1px solid #c8c8c8;}
.border_solid + label:before { border: none}
/*color picker radio*/
input[type="radio"].cp {width: 0px;height: 0px;}
input[type="radio"].cp + label {width: 20px;height: 20px;margin-right: 5px;border-radius: 14px;background: #000;padding: 0;line-height: 35px;vertical-align: middle;transition: 0.3s;}
input[type="radio"].cp:checked + label:before {content: "";display: block;width: 20px;height: 20px;background: url(../../../images/new/check3.gif) no-repeat 5px 5px;background-size: 10px 10px;position: relative;top: 0;border: none;}
input[type="radio"].cp.cp_x:checked + label:before {background: url(../../../images/new/check4.gif) no-repeat 5px 5px;background-size: 10px 10px;}
input[type="radio"].cp.cp_x.cp_o:checked + label:before {border: 3px solid #1d1b1b !important; background: #00000005 !important;}
input[type="radio"].cp.cp_x.cp_o:checked + label {border: none !important;}
input[type="radio"].cp.cp_1 + label {background: #ffffff;border: 1px solid #ccc;}
input[type="radio"].cp.cp_2 + label {background: #ffff00;}
input[type="radio"].cp.cp_3 + label {background: #0066cc;}
input[type="radio"].cp.cp_4 + label {background: #ff0000;}
input[type="radio"].cp.cp_5 + label {background: #ff9900;}
input[type="radio"].cp.cp_6 + label {background: #009933;}
input[type="radio"].cp.cp_7 + label {background: #6600cc;}
input[type="radio"].cp.cp_8 + label {background: #ff3399;}
input[type="radio"].cp.cp_9 + label {background: #000000;}
input[type="radio"].cp + label:before {display: none;}
.bg-white {background: #ffffff;color: white;}
.bg-yellow {background: #ffff00;color: white;}
.bg-yellow1 {background: #ffe9cc;}
.bg-blue {background: #0066cc;color: white;}
.bg-red {background: #ff0000;color: white!important;}
.bg-green {background: #009933;color: white!important;}
.bg-purple {background: #6600cc;color: white;}
.bg-pink {background: #ff3399;color: white;}
.bg-purple1 {background: #d4d5fb;}
.bg-black {background: #6600cc;color: white;}
.movable {padding-right: 75px;position: relative;margin-bottom: 30px;}
.movable > .ctrl {position: absolute;width: 70px;text-align: center;right: 0;top: 0;}
.ctrl .up, .ctrl .down {display: inline-block;border-radius: 30px;background: #ccc;height: 30px;width: 30px;vertical-align: middle;}
/*.ctrl .up {margin-right:1px; background:#aaa !important;}*/
.ctrl.type1 .up::before, .ctrl.type1 .down::before {content: "";width: 30px;height: 30px;cursor: pointer; display: block;background: url("../../../images/new/icon/arrow-up-1.png") no-repeat 9px 11px;}
.ctrl.type1 .down::before {background: url("../../../images/new/icon/arrow-down-1.png") no-repeat 9px 12px;}
.ctrl.type2 .up, .ctrl.type2 .down {width: 15px;height: 30px;line-height: 30px;background: url("../../../images/new/arrowUp2.gif") no-repeat center center; cursor: pointer;}
.ctrl.type2 .down {background: url("../../../images/new/arrowDown2.gif") no-repeat center center;}
.ctrl.type3 .up, .ctrl.type3 .down {color: white;height: 20px;width: 20px;border-radius: 3px;font-weight: bold;text-align: center; margin:0 1px; cursor: pointer; background: #999999;}
.ctrl.type3 .up {line-height: 18px;}
.ctrl.type3 .down {line-height: 16px;}
.gdi input[type="file"] {width: 0;height: 0;visibility: hidden;}
.file-input .file-name {background: #dadada;}
.file-input .file-browse {background-color: #868687;color: #ffffff;font-size: 15px;height: 35px;line-height: 35px;width: 67px;border: none;}
.file-input .file-browse:before {content: "";display: inline-block;position: relative;top: 3px;margin-right: 3px;width: 17px;height: 17px;background-image: url(../../../images/new/magnifier.gif);background-position: center center;background-repeat: no-repeat;}
.date-picker {background: #ffffff url(../../../images/new/calendar.gif) no-repeat center right 4px;padding-right: 40px;cursor: pointer;width: 130px;}
.flyer-img img {width: 100%;}
.banner-main {height: 485px;background: url("../../../images/new/banners/banner-main-2.gif") no-repeat center center;background-size: auto 100%;padding-top: calc(485px / 2 - 90px);}
.banner-main h1 {color: white;font-family: "Y SpotlightOTF", sans-serif;font-size: 46px;line-height: 60px;font-weight: 100;}
.banner-sub-con {font-size: 0;}
.banner-sub-con .banner-sub {display: inline-block;width: calc(50% - 15px);padding: 50px;}
.banner-sub-con .banner-sub h1 {font-size: 28px;font-weight: 500;margin-bottom: 15px;}
.banner-sub-con .banner-sub p {margin-bottom: 35px;color: #555;font-weight: 300;font-size: 16px;}
.banner-sub-con .banner-sub button {padding: 11px 13px;font-size: 13px;line-height: 13px !important;height: auto !important;border-radius: 4px;color: #000;background-color: #fff;border: none;letter-spacing: -1px;}
.banner-sub-con .banner-sub button span {margin-left: 7px;}
.banner-sub-con .banner-sub:first-child {margin-right: 30px;background: url("../../../images/new/banners/banner-sub-1.gif") no-repeat calc(100% - 30px) center #d4d5fb;}
.banner-sub-con .banner-sub:last-child {background: url("../../../images/new/banners/banner-sub-2.gif") no-repeat calc(100% - 30px) center #ffe9cc;}
.features {font-size: 0;}
.features .feature {display: inline-block;width: 20%;text-align: center;padding: 40px 0;border: 1px solid #ccc;border-right: none;}
.features .feature .feature-title {font-size: 18px;font-weight: normal;}
.feature .feature-img {margin: auto auto 20px;width: 70px;height: 70px;}
.feature .feature-img img {width: 100%;height: 100%;}
.features .feature:last-child {border: 1px solid #ccc;}
.comms h1 {font-size: 20px;margin-bottom: 40px;font-weight: bold;}
.comms.type2 h1 {margin-bottom: 17px;}
.comms h1.highlight {font-size: 30px;margin-bottom: 12px;font-weight: bold;color: #0367c8;}
.comms p {font-size: 15px;font-weight: 100;line-height: 24px;}
.comms td {font-size: 15px;font-weight: 100;line-height: 26px;white-space: nowrap;}
.comms td:last-child {color: #959595;}
.comms .card {padding: 34px;height: 100%;background: url("../../../images/new/1on1.gif") no-repeat calc(100% - 30px) center #f1f1f1;}
.comms .card p {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.comms .more {width: 25px;height: 25px;line-height: 25px;border-radius: 30px;padding: 0;background: #ccc;color: white;}
.flyer-slider {padding: 0 40px;}
.flyer-slider .flyer {text-align: center;padding: 0 10px;overflow: hidden;outline: none; /*height:285px;*/}
.flyer-slider .flyer img {max-height: 289px;width: 197px;margin: auto;}
.flyer-slider .slick-prev:before, .flyer-slider .slick-next:before {color: black !important;content: " ";height: 35px;width: 35px;position: relative;display: block; margin-left: 7px;}
.slick-next:before {background: url("../../../images/new/arrowRight.gif") no-repeat center center;right: 50px;}
.slick-prev:before {background: url("../../../images/new/arrowLeft.gif") no-repeat center center;left: 30px;}
.btn_menu {width: 35px;height: 28px;position: relative;display: none;vertical-align: middle;cursor: pointer;margin-top: 15px;transition: 0.5s;}
.btn_menu .btn_icon {width: 100%;height: 3px;background-color: #707070;position: absolute;top: 50%;left: 0;margin-top: -1.5px;transition: 0.2s;}
.btn_menu .btn_icon:before {top: 13px;}
.btn_menu .btn_icon:after {top: -13px;}
.btn_menu .btn_icon:before {content: "";position: absolute;width: 70%;height: 3px;background-color: #707070;transition: 0.5s;right: 30%;}
.btn_menu .btn_icon:after {content: "";position: absolute;width: 100%;height: 3px;background-color: #707070;transition: 0.5s;right: 0;}
.btn_menu.moves .btn_icon {background: rgba(0, 0, 0, 0);}
.btn_menu.moves .btn_icon:before {top: 0px !important;transform: rotate(45deg);width: 100% !important;right: 0;}
.btn_menu.moves .btn_icon:after {top: 0px;transform: rotate(135deg);}
.btn_menu_on {width: 100%;position: fixed;top: 0;z-index: 9999;transition: height 0.5s;display: none;overflow: auto;height: 100%;left: 0;background: rgba(0, 0, 0, 0.5);}
.btn_menu_on .menu_center {position: relative;}
.btn_menu_on .menu_center > div {padding: 6px 0 11px 25%;overflow: hidden;position: absolute;left: 0;opacity: 0;transition: opacity 0.65s;width: 100%;}
.btn_menu_on .menu_center ul {float: left;padding-left: 30px;padding-right: 30px;}
.btn_menu_on .menu_center ul:first-child {padding-left: 0;}
.btn_menu_on .menu_center ul:last-child {padding-right: 0;}
.btn_menu_on .menu_center ul li {font-size: 14px;line-height: 35px;}
.btn_menu_on .menu_center ul li:first-child {font-size: 15px;line-height: 40px;}
.btn_menu_on .menu_center ul:hover > li:first-child a {color: #b52228;}
.btn_menu_on .menu_center ul li a {color: #555555;}
.btn_menu_on .menu_center ul li a:hover {color: #b52228;}
.btn_menu_on .menu_center-m {background-color: #fff;display: block;transition: transform 0.5s, opacity 0.75s;opacity: 0;position: absolute;top: 0;left: 0;width: calc(100% - 60px);height: 100%;}
.btn_menu_on .menu_center-m.moves {opacity: 1;animation: down_slide 0.5s cubic-bezier(0.55, 1, 1, 1);}
    @keyframes down_slide { 0% {left: -100%;}
        100% {left: 0;}
    }
.btn_menu_on .menu_center-m .menu_1dp {background: #fff;color: #252525;font-size: 16px;line-height: 45px;overflow: hidden;}
.btn_menu_on .menu_center-m .menu_1dp .menu_name {padding: 0 20px;position: relative;font-weight: bold;color: #000;font-size: 16px;}
.btn_menu_on .menu_center-m .menu_1dp .menu_name a {color: #555555;font-size: 15px;font-weight: bold;}
.btn_menu_on .menu_center-m .menu_1dp li {border-bottom: 1px solid #ccc;position: relative;width: 100%;}
.btn_menu_on .menu_center-m .menu_1dp .select_icon {position: absolute;width: 17px;height: 8px;right: 20px;top: 50%;transform: translateY(-50%);}
.btn_menu_on .menu_center-m .menu_1dp .select_icon:before {content: "";width: 15px;height: 2px;background-color: #555;position: absolute;top: 50%;transform: rotate(0deg);transition: 0.3s;}
.btn_menu_on .menu_center-m .menu_1dp .select_icon:after {content: "";width: 15px;height: 2px;background-color: #555;position: absolute;top: 50%;right: 2px;transform: rotate(90deg);transition: 0.3s;}
.btn_menu_on .menu_center-m .menu_1dp li.on .select_icon:before {background-color: #555;}
.btn_menu_on .menu_center-m .menu_1dp li.on .select_icon:after {transform: rotate(0deg);background-color: #555;}
.btn_menu_on .menu_center-m .menu_2dp_boby {display: none;background: #f5f5f5;}
.btn_menu_on .menu_center-m .menu_2dp {}
.btn_menu_on .menu_center-m .menu_2dp li {border: 0;border-top: 1px solid #ccc;}
.btn_menu_on .menu_center-m .menu_2dp li a {font-size: 14px;color: #777;padding: 0 20px;line-height: 45px;border: 0;}
.btn_menu_on .menu_center-m .menu_2dp > li > a {display: block;width: 100%;}
.btn_menu_on .menu_center-m .s_member {width: 100%;}
.btn_menu_on .menu_center-m .s_member li {width: 50%;background-color: #f5f5f5;border: 1px solid #d5d5d5;border-top: 0;}
.btn_menu_on .menu_center-m .s_member li:first-child {border-right: 0;}
.btn_menu_on .menu_center-m .s_member li a {width: 100%;text-align: center;display: block;font-size: 16px;color: #252525;line-height: 50px;}
.p-relative {position: relative;}
.home .menu-quick {top: 30px;}
.menu-quick {position: absolute;top: 55px;left: calc(100% + 30px);width: 120px;text-align: center;}
.menu-quick .menu-quick-top {background: #0367c8;color: #fff;padding: 12px 0;border-top-left-radius: 4px;border-top-right-radius: 4px;font-size: 14px;}
.menu-quick .menu-quick-body {padding: 0 15px;background: #fff;border: 1px solid #0367c8;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.menu-quick .menu-quick-body li {padding: 12px 0;border-top: 1px solid #ccc;}
.menu-quick .menu-quick-body li a {font-size: 13px;font-weight: 300; /*uul ni 100 ghdee tasarch haragdaad bna*/}
.menu-quick .menu-quick-bottom {background: url("../../../images/new/contact.png") no-repeat center 12px #505050;margin-top: 10px;border-radius: 4px;color: white;padding: 60px 0 15px 0;}
.menu-quick .menu-quick-body li:first-child {border-top: none;}
.login-con {display: none;float: right;padding: 10px;height: 60px;width: 60px;}
.login-con img {height: 100%;width: 100%;}
.user-con {background: #0367c8;color: white;text-align: center;}
.user-body img {padding: 25px;}
.user-body {height: 180px;}
.user-body p {font-size: 24px;}
.user-bottom {padding: 25px 0;}
.user-bottom .btn-login, .user-bottom .btn-register {width: 200px;line-height: initial !important;height: initial !important;margin: 5px;border: none;color: #fff;font-weight: 400;font-size: 18px;padding: 15px 0;}
.user-bottom .btn-login {background: #f66f35;}
.user-bottom .btn-register {background: #333;}
.btn_menu_close {position: absolute;height: 50px;width: 50px;right: 0;top: 0;}
.btn_menu_close:after {content: "";width: 40px;height: 1px;background-color: #fff;position: absolute;top: 50%;right: 10px;transform: rotate(135deg);transition: 0.3s;}
.btn_menu_close:before {content: "";width: 40px;height: 1px;background-color: #fff;position: absolute;top: 50%;transform: rotate(45deg);transition: 0.3s;}
button {white-space: nowrap;}
.hvr-1 {position: relative;overflow: hidden;}
.hvr-1:hover:before {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;background: linear-gradient(to right, transparent 33%, rgba(0, 0, 0, 0.1) 66%, transparent 100%);animation: hovering2 2s 1;animation-fill-mode: forwards;transition: 0.3s;margin-bottom: 2px;}
.hvr-1:active:before {display: none;}
.hvr-1:after {content: ""; /*background:linear-gradient(to right, transparent 0%, rgba(0,0,0,.5) 50%, transparent 100%);*/background: rgba(0, 0, 0, 0.1);display: block;position: absolute;opacity: 0;border-radius: 20px;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.8s;}
.hvr-1:active:after {opacity: 1;width: 0;left: 50%;border-radius: 30px;transition: 0s;}
.input-group {width: 100%;}
.input-group input {display: inline-block;width: calc(100% - 15px) !important;}
.input-group .append {text-align: right;display: inline-block;width: 15px;line-height: 35px;}
/**/
@keyframes hovering2 {
    0% {left: -100%;}
    100% {left: 66%;}
}

.custom_a_tag {
    margin-left: 12px;
    padding: 10px;
    line-height: 50px;
    color: rgba(3, 103, 200, 0.64);
    cursor: pointer;
}
.custom_a_tag:hover {
    color: #0367c8;
}

.label_image {
    overflow: hidden;
    width: 35% !important;
    top: 5px;
    left: 5px;
    height: auto !important;
}

.b_code {
    overflow: hidden;
    width: 20% !important;
    top: 5px;
    left: 80%;
    height: auto !important;
    z-index: 9;
}

.amgBox.show{
    display: block;
}
.amgBox{
    display:none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.8);
}
.amgBox .amgBox-img-con{
    position: absolute;
    left: 50%;
    top: 50%;
    border : 1px solid white;
}
.amgBox .amgBox-img-con .amgBox-img{
    position: absolute;
    left:-150px;
    top:-30px;
    width: 300px;
    height: auto;
}

.btn_menu{width: 35px;height: 28px;position: relative;display: none;vertical-align: middle;cursor: pointer; margin-top: 15px; transition: .5s;}

.btn_menu .btn_icon{width: 100%;height: 3px;background-color: #707070;position: absolute;top: 50%;left: 0;margin-top: -1.5px;transition: .2s;}

.btn_menu .btn_icon:before{top: 13px;}

.btn_menu .btn_icon:after{top: -13px;}

.btn_menu .btn_icon:before{content: '';position: absolute;width: 70%;height: 3px;background-color: #707070;transition: .5s;right: 30%;}

.btn_menu .btn_icon:after{content: '';position: absolute;width: 100%;height: 3px;background-color: #707070;transition: .5s;right: 0;}

.btn_menu.moves .btn_icon{background: rgba(0, 0, 0, 0);}

/* .btn_menu.moves .btn_icon:before{top: 0px;transform: rotate(45deg); width: 100%!important; right: 0;top: 21px!important;} */

.btn_menu.moves .btn_icon:after{top: 0px;transform: rotate(135deg);}
/**/

.main_ntc {
	width: 100%;
}
.main_ntc .lst {
	display: flex;
}
.main_ntc .lst > div {
	flex: 1;
	font-size: 15px;
    font-weight: 100;
    line-height: 26px;
}

.main_ntc .lst .dt  {
	width: 35%;
	text-align: right;
}


.ellip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-body .cash_info {
	padding-top: 25px;
}

.user-body .cash_info {
	padding-top: 25px;
}

.user-body .price_info {
	list-style: disc;
    margin-bottom: 0;
    opacity: .6;
    line-height: 1.4;
    padding: 15px;
    width: 140px;
    margin: auto;
}

.modal_tabs {
	padding: 20px 20px 0 20px;	
}

.modal_tabs .btn_tab {
	background: #fff;
	color:#000;
	min-width: 120px;
}

.modal_tabs .btn_tab.active {
	background: #000;
	color : #fff;
}

.m-logo {
	display: none;
}

@media (max-width: 768px) {
	.custom_a_tag {
		line-height: 1.4em;
	}
}


/*smart view new UI design start*/

.amg .layer_box {
    max-width: 768px;
    padding: 15px;
}

.pt-0 {
    padding-top: 0 !important;
}
.amg .desc {
    width: 50%;
    padding: 10px;
    font-weight: 600;
}
.amg .desc_100 {
    width: 100%;
    padding: 5% 3% 5% 30%;
}
.amg .bg_gray_0 {
    background: #dddddd;
}
.amg .bg_gray_1 {
    background: #eeeeee;
}
.amg .a_row {
    width: 100% !important;
    display: flex;
}
.amg .pb-10 {
    padding-bottom: 10px;
}
.amg .pb-15 {
    padding-bottom: 15px;
}
.amg .mb-15 {
    margin-bottom: 15px;
}
.amg .mt-15 {
    margin-top: 15px;
}
.amg .fs-13 {
    font-size: 13px;
}
.amg .fs-10 {
    font-size: 10px;
}
.amg .fs-14 {
    font-size: 14px;
}
.amg .fs-16 {
    font-size: 16px;
}
.amg .fs-18 {
    font-size: 18px;
}
.amg .fs-20 {
    font-size: 20px;
}
.amg .fs-f-17 {
    font-size: 17px;
}
.amg .fs-f-18 {
    font-size: 18px;
}
.amg .fs-f-19 {
    font-size: 19px;
}
.amg .fs-f-20 {
    font-size: 20px;
}
.amg .fs-f-15 {
    font-size: 15px;
}
.amg .fs-f-13 {
    font-size: 13px;
}
.amg .text-gray {
    color: #999999;
}
.amg .cat_name {
    min-height: 50px;
    text-align: center;
    vertical-align: center;
    line-height: 50px;
    font-size: 20px;
}
.amg .info_tb {
    border: 1px solid #dddddd;
}
.amg .info_tb tr {
   line-height: 40px;
   border-bottom: 1px solid #dddddd;
}
.amg .info_tb td {
    padding: 10px 20px;
}
.amg .lh_20 {
    line-height: 20px !important;
}
.amg .mob_1_line {
    display: block;
}
.amg .l_bold {
    font-weight: bold;
}
.amg .l_lighter {
    font-weight: lighter;
}
.amg .s_red {
    color: red !important;
}
.amg .s_black {
    color: black !important;
}
.amg .smart_box {
    display: flex;
    border-radius: 8px;
    padding: 9px;
}
.amg .row {
    display: flex;
}
.amg .br_8 {
    border-radius: 8px;
}
.amg .row .card .card-img{
    background: #fff !important;
    padding: 8px;
}
.amg .row .card .card-detail{
    background: #fff !important;
    background-size: cover;
    line-height: 20px;
    padding: 10px 3px;
    min-height: 105px !important;
    flex-grow: 1;
    flex-shrink: 0;
    display: table-cell;
    width: 100%;

}
.w-95-p {
    width: 95% !important;
}
.w-92-p {
    width: 92% !important;
}
.amg .t_cell {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ov_wrap {
    overflow-wrap: anywhere;
}
.amg .row .card {
    margin-left: 3px;
    padding: 0 !important;
}
.amg .fx_row {
    display: flex;
    flex-direction: column;
}
.amg .row .card:first-of-type {
    margin-left: 0 !important;
}
.amg .row .card-detail {
    margin-top: 1px;
}
.amg .ml-10 {
    margin-left: 10px;
}
.amg .detail_red_box{
    width: 36%;
    float: right;
    display: block;
    position: absolute;
    top: 70px;
    right: 12px;
    line-height: 20px;
    padding: 16px 10px;
    background: rgba(229, 46, 53, 0.87);
}
.amg .bg_white {
    background: #fff !important;
}
.amg .s_middle {
    line-height: 35px;
    vertical-align: middle;
}
.amg .goods_name {
    background: #fff;
    width: 100%;
    padding: 12px 5px;
    min-width: 200px;
}
.amg .product_img {
    max-height: 320px !important;
    max-width: 340px !important;
}

.amg .mt0 {
    margin-top: 0;
}
.amg .t-50-p {
    top: 70px;
}
.amg .detail_red_box2 {
    line-height: 15px;
    padding: 8px 5px;
    background: red;
    margin: 12px;
}
.amg .red_box_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.amg .row .w3_2 .sale_price {
    color: #fff;
    font-size: 30px;
    margin-top: 5px;
    font-weight: 500;
}

.b_code_1W {
    overflow: hidden;
    width: 12% !important;
    top: 5px;
    left: 38%;
    position: absolute;
}

@media (max-width: 768px){
    .amg .detail_red_box2 {
        margin: 40px 12px;
    }
}
@media (max-width: 540px){
    .amg .detail_red_box2 {
        margin: 24px 12px;
    }
    .amg .info_tb td {
        padding: 10px 10px;
    }
    .w-95-p {
        width: 93% !important;
    }
    .w-92-p {
        width: 90% !important;
    }
    .amg .row .w3_2 .sale_price {
        font-size: 30px;
    }
}
@media (max-width: 475px){
    .amg .detail_red_box2 {
        margin: 24px 12px;
    }
    .amg .goods_name {
        padding: 8px 5px;
        min-width: 100%;
    }
    .amg .layer_box {
        padding: 5px;
    }
    .amg .row .w3_2 .sale_price {
        font-size: 29px;
    }
}

@media (max-width: 400px) {
    .amg .row .w3_2 .sale_price {
        font-size: 28px;
    }
    .amg .fs-13 {
        font-size: 10px;
    }
    .amg .fs-10 {
        font-size: 9px;
    }
    .amg .fs-14 {
        font-size: 11px;
    }
    .amg .fs-16 {
        font-size: 13px;
    }
    .amg .fs-18 {
        font-size: 16px;
    }
    .amg .fs-20 {
        font-size: 17px;
    }

    .amg .info_tb td {
        padding: 8px 5px;
    }

    .amg .t-50-p {
        top: 30px;
    }
    .gdi .mobile_container .order-basket_count {
        text-align: right;
        padding: 20px 0 8px 0px;
        line-height: 30px;
    }
}

@media (max-width: 376px) {
    .amg .row .card .card-img{
        padding: 5px;
    }
    .amg .row .w3_2 .sale_price {
        font-size: 22px;
    }
    .amg .desc {
        width: 50%;
        padding: 5px;
    }
    .amg .desc_100 {
        width: 100%;
        padding: 5% 1% 5% 25%;
    }
    .amg .fs-18 {
        font-size: 14px;
    }
    .amg .info_tb td {
        padding: 2px 2px;
        line-height: 1.3;
    }
    .amg .detail_red_box2 {
        line-height: 12px;
        padding: 8px 5px;
        margin: 0 12px 0px 12px;
    }
    .w-95-p {
        width: 94% !important;
    }
    .w-92-p {
        width: 90% !important;
    }
}






/*smart view new UI design end*/