@charset "UTF-8";
@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFLight.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFRegular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFBold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'NanumHuman';
    src: url('../../css/font/NanumHumanTTFHeavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../../css/font/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../../css/font/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../../css/font/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

:root{
    /* color */
    --g-black: #000;
    --g-black9: #292929;
    --g-black8: #424242;
    --g-black7: #5B5B5B;
    --g-black6: #757575;
    --g-black5: #888;
    --g-black4: #BABABA;
    --g-black3: #D0D0D0;
    --g-black2: #E4E4E4;
    --g-black1: #F7F7F7;
    --g-black-10: rgba(136, 136, 136, 0.1);
    --g-white: #fff;
    --g-primary-bg01: #E9EDF3;
    --g-main: #6A5ACD; 
    --g-primary-100: #5381B7;
    --g-primary-200: #314C6A;
    --g-primary-10: #F0F6FB;
    --m-primary-100: #00A59F;
    --g-yellow: #FFD343;
    --g-green: #A0BE5A;
    --g-pink: #FF5260;
    --color-primary: #6A5ACD;
    --color-secondary: #F1F5F9;
    --g-point: #EA4D63;

    --filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(147deg) brightness(105%) contrast(102%);

    /* font */
    --f-nanum: "NanumBarunGothic", sans-serif;
    --f-gmarket: "GmarketSans", sans-serif;

}


.nanum{font-family: "NanumHuman", sans-serif;}
.gmarket{font-family: "GmarketSans", sans-serif;}

/*--------------------------------------------------------------------- LAYOUT --------------------------*/
.inner {max-width: calc(1400px + 80px); width: 100%; padding: 0 40px; margin: 0 auto; } 
#skip {position: absolute; z-index: 999999; width: 100%; left: 0; top: 0; text-align: center; } 
#skip a {display:block; position:absolute; left:0; top:-9999px; z-index:1; width:100%; height:40px; line-height:40px; background-color:#333; color:#fff; font-size:20px; font-weight:700;}
#skip a:hover, #skip a:focus {top:0;}

body{overflow-y: auto;}
body.overflow{overflow: hidden;}


/*--------------------------------------------------------------------- TITLE ------------------------*/
.sub-menu__tit h2{font-size: 20px;}

/*--------------------------------------------------------------------- TABLE ------------------------*/


/*--------------------------------------------------------------------- COMPONENT ------------------------*/




/*--------------------------------------------------------------------- HEADER --------------------------*/
.hd-logo a { position: relative; z-index: 9; } 
/* .gnb-btn{width: 40px;height: 40px;background: linear-gradient(120deg, #B60081 25%, #36318F, #36318F);position: relative;border-radius: 10px;z-index: 9;}
.gnb-btn span{display: block;height: 2px;width: 18px;background: #fff;position: absolute;top: 50%;left: 50%;margin-left: -9px; transition: all 0.5s;}
.gnb-btn span:before,
.gnb-btn span:after{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: -7px;transform: rotate(0deg); transition: all 0.5s;}
.gnb-btn span:after{top: 7px;}
.gnb-btn.on span { background: transparent; } 
.gnb-btn.on span:before { transform: rotate(135deg); top: 0; } 
.gnb-btn.on span:after { transform: rotate(-135deg); top: 0; }  */
.hd-cont_wrap{gap: 80px;}
.hd-right .gnb-cont > li{position: relative;}
.hd-right .depth2 {position: absolute;display: none;top: calc(100% + 35px);left: 50%;transform: translateX(-50%);text-align: center;padding: 20px 25px;background: #fff;border: 1px solid #F7F7F7;box-shadow: 0 6px 12px rgba(0,0,0,0.16);border-radius: 20px;white-space: nowrap;width: 200px;} 
.hd-right .depth2:after { content: ''; position: absolute; width: 30px; height: 26px; top: -25px; left: 50%; transform: translateX(-50%); background: no-repeat 50% / cover; background-image: url("../../images/cmn/ico-triangle.svg"); } 
.hd-right .depth2 > li {padding: 12px 0;} 
.hd-right .depth1 > li.on > a { text-decoration: underline; font-weight: 700; } 
.hd-right .depth2 > li > a { font-size: 18px; font-weight: 400; color: #000; } 
.hd-logo a{width: 218px;height: 46px;}
.hd-logo a img{width: 100%;}

header{border-bottom: 1px solid #E2E8F0;background: #fff;backdrop-filter: blur(50px);position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100px;}
.gnb-cont > li > a { color: #334155; text-align: center; font-size: 18px; font-weight: 500; position: relative; height: 100px; display: flex; align-items: center; justify-content: center; } 
.gnb-cont > li.active > a {font-weight: 700;}
.gnb-control { gap: 12px; } 
.gnb-control .l i { filter: brightness(0) saturate(100%) invert(15%) sepia(21%) saturate(6171%) hue-rotate(195deg) brightness(94%) contrast(103%);} 


.gnb-cont > li:not(:last-child){margin-right: 40px;}
.siteMap{display: none;width: 100%;position: fixed;top: 0;left: 0;}
.siteMap-wrap {width: 100%;background: #fff;position: absolute;top: 0;left: 0;padding-top: 80px;} 
.siteMap-top { border-bottom: 1px solid #e4e4e4; } 
.siteMap-top .inner { height: 80px; } 
.siteMap-cont{padding: 30px 0;border-top: 1px solid #e4e4e4;}
.siteMap .gnb-cont > li{width: 25%; text-align: center; padding: 0 20px; margin-right: 0;}
.siteMap .gnb-cont > li:not(:last-child){border-right: 1px solid #F6F7F7;}
.siteMap .gnb-cont .tit{background-color: rgba(182, 0, 129, 0.1); width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 18px; font-weight: 700; color: #292929;}
.siteMap .gnb-cont > li:nth-child(2n) .tit{background-color: rgba(97, 33, 138, 0.1);}
.siteMap .depth2{display: block; padding: 19px 0;}
.siteMap .depth2 > li:not(:last-child){margin-bottom: 16px;}
.siteMap .depth2 > li > a{color: #292929; transition: .2s;}
.siteMap::before {display: block;content: "";width: 100%;height: 100vh;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: -1;} 

.gnb-control{display: flex; align-items: center; gap: 10px;}
.gnb-control .l .btn{width: 34px; height: 34px;}
.gnb-control .l i{width: 100%; height: 100%;}
.gnb-control .l{display: flex; align-items: center; gap: 10px;}
.gnb-control .btn.lang-btn{padding-right: 24px; background-image: url("../../images/ico/ico-dropDown.svg"); background-position: center right 8px; background-repeat: no-repeat; background-size: 16px 16px;}
.gnb-control .btn.lab-btn{padding-right: 24px; background-image: url("../../images/ico/ico-dropDown.svg"); background-position: center right 8px; background-repeat: no-repeat; background-size: 16px 16px;}
.lang-btn i{width: 16px; height: 16px;}
.lang-list{display: none; position: absolute; top: 100%;}
.gnb-control .btn{min-width: 67px; padding: 8px 16px; border-radius: 999px; height: 33px; font-size: 14px; font-weight: 500;}
.gnb-control .btn.type-navy{background-color: #E2E8F0; color: #475569;}
.gnb-control .btn.type-line-navy{border: 1px solid #475569; color: #475569;}

.depth-box{visibility: hidden;opacity: 0;min-height: 270px;transition: .4s;position: absolute;top: calc(100% + 16px);background: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.25);overflow: hidden;margin-left: -40px;width: 207px;z-index: 22;border-radius: 10px;border-radius: 20px;border-bottom: 1px solid #E2E8F0;background: #FFF;padding: 20px;}
.gnb-cont > li.on > a, header.main.on .gnb-cont > li.on > a{color: var(--g-main);}
.gnb-li.on .depth-box{visibility: visible; opacity: 1;}
.gnb-cont > li > a::before { content: ''; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: var(--g-main); opacity: 0; } 
.gnb-cont > li > a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--g-main); opacity: 0; } 
.gnb-cont > li.on > a::before, header.main.on .gnb-cont > li.on > a::before {opacity: 1;}
.gnb-cont > li.on > a::after, header.main.on .gnb-cont > li.on > a::after {opacity: 1;}
.depth2 {position: relative;z-index: 1;}
.depth2 > li.depth2-topMenu { border-radius: 12px; background: rgba(106, 90, 205, 0.10); } 
.depth2 > li.depth2-topMenu > a { color: var(--g-main); } 
.depth2 > li > a {justify-content: space-between; padding: 16px;font-size: 18px;font-weight: 500;color: #000;color: #334155;text-align: center;font-size: 16px;font-weight: 500;}


/*--------------------------------------------------------------------- CONTAINER --------------------------*/
.container{padding-top: 100px;padding-bottom: 60px;min-height: 80vh;overflow-y: hidden;overflow-x: hidden;}
body:not(.main) .container{padding-bottom: 120px;}


/*--------------------------------------------------------------------- FOOTER --------------------------*/
.manage-area{margin-top: 150px;}
.manage-area .inner{max-width: calc(1180px + 80px)}
.manage-box{border: 1px solid var(--g-black2);border-radius: 10px;height: 76px;overflow: hidden;display: flex;align-items: center;background: #fff;}
.manage-hd{width: 166px;height: 100%;background: #E0E7F4;display: flex;align-items: center;justify-content: center;flex: none;}
.manage-hd strong{font-size: 16px; color: var(--g-black8); }
.manage-bd{padding: 0 30px;flex: 1;}
.manage-bd > span{font-size: 16px; font-weight: 500; color: #000;}
.manage-tit{padding-right: 20px; margin-right: 20px; position: relative;}
.manage-tit::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: var(--g-black2); width: 1px; height: 15px;}


footer {position: relative;  text-align: center;}
.ft-info address { color: #64748B;text-align: center;font-size: 14px;font-weight: 400;line-height: 145%; } 
.ft-info .copyright { color: #64748B;text-align: center;font-size: 14px;font-weight: 400;line-height: 145%;margin-top: 8px; } 
body:not(.main) footer{padding: 120px 0; background: var(--color-secondary);}



/*--------------------------------------------------------------------- modal --------------------------*/
.modal.modal-common,
.modal.modal-common .alert__cont { width:100%; max-width:676px; background:#fff; padding: 40px 30px; border-radius:3px; box-shadow:0 0 3px #000; position: relative;  } 
.modal.modal-common.modal-lg{max-width: 1440px;}
.modal.modal-common .modal-txt { margin-bottom:24px; } 
.modal.modal-common .modal-txt__tit,
.modal.modal-common .alert-txt__tit {color:#000; font-size: 26px; font-weight: 700; line-height: 1.23} 
.modal.modal-common .modal-txt__cont,
.modal.modal-common .alert-txt__cont { color:#535353; word-break:keep-all; line-height: 24px; } 
.modal.modal-common .modal__btn .btn { width:100%; height:55px; line-height:55px; color: #fff; font-size: 18px; font-weight: 500; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; } 
.modal.modal-common .modal-cont{height: min(766px, 70vh); overflow-y: auto;}


/*-- modal-alert --*/
.modal.modal-alert { max-width: 400px; padding: 0; box-shadow: none; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; } 
.modal-alert .modal-txt { margin-bottom: 0; padding: 83px 0; text-align: center; } 
.modal-alert .modal-txt__tit { border-bottom: 0; padding: 0; margin-bottom: 0; } 
.modal.modal-alert .modal-txt__cont { font-size: 16px; font-weight: 500; color: #333; } 
.modal.modal-alert .modal__btn .btn { background: #FF9D00; width:100%; height:60px; line-height:60px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 0 0 14px 14px; -webkit-border-radius: 0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; -ms-border-radius: 0 0 14px 14px; -o-border-radius: 0 0 14px 14px; } 



/*--------------------------------------------------------------------- checkbox --------------------------*/
.checkbox {font-size: 0;}
.checkbox input[type="checkbox"] + label{display: inline-flex;}
.checkbox input[type="checkbox"] + label span{font-size: 16px; font-weight: 500;}
.checkbox input[type="checkbox"] + label:before { width: 25px; height: 25px; border-radius: 5px; margin-right: 9px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico_checkbox_w.svg); border: 0; flex: none;} 
.checkbox input[type="checkbox"]:checked + label:before{background-image: url(../../images/cmn/ico_check.svg);}
.checkbox input:focus:not([type=text])+label { outline: none; box-shadow: 0 0 0 2px #000; } 


/*--------------------------------------------------------------------- radio --------------------------*/


/*--------------------------------------------------------------------- input 안에 button --------------------------*/
.input-wrap { position: relative; } 
.input-wrap .btn-inner { color: #fff; width: 90px; height: 40px; font-size: 12px; border-radius: 3px; position: absolute; right: 5px; top: 5px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0; } 



/* chatbot */
.makechat_wg_btn_show{
    width: 6rem;
    height: 6rem;
    z-index:1000;
    border: none;
    background: transparent;
    margin-left: -1rem;
}

.makechat_wg_btn_show img{
    width: 6rem;
    height: 6rem;
    cursor:pointer;
    border-radius:50%;
    z-index:1000;
}

.makechat_wg_btn_newintent{
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:20px;
    background:#CCC;
    font-size: 12px;
    text-align:center;
    font-weight:bold;
    color:#FFF;
    position:absolute;
    right:-10px;
    top:-10px;
}

.makechat_wg_btn_ani{
    -webkit-animation: makechat_btn_jump 2s ease 0s 2 normal ;
    animation: makechat_btn_jump 2s ease 0s 2 normal ;
}

@-webkit-keyframes makechat_btn_jump {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40%{
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  60%{
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  80%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes makechat_btn_jump {
  0%{
    transform: translateY(0);
  }
  20%{
    transform: translateY(0);
  }
  40%{
    transform: translateY(-30px);
  }
  50%{
    transform: translateY(0);
  }
  60%{
    transform: translateY(-15px);
  }
  80%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(0);
  }
}

.makechat_wg_area_chat{
    position: fixed;
    bottom:30px;
    right:30px;

    width:320px;
    height:750px;
    min-width: 340px !important;
    max-height: 750px !important;
    border-radius:10px;
    box-shadow: 0 6px 60px 0 rgba(81,99,120,0.3) !important;
    display:none;
    z-index:10000;
}

.makechat_wg_area_chat iframe{
    width:100%;
    height:750px;
    min-width: 340px !important;
    max-height: 750px !important;
    border:none !important;
    border-radius:10px;
    overflow:hidden !important;
}

.makechat_wg_msg{
    font-size: 0.8rem;
    color:#FFF;
    background: #0e3674;
    border-radius: 15px;
    box-sizing: border-box;
    padding:10px;
    
    position: fixed;
    bottom:110px;
    right:30px;
    display:none;
    z-index:1000;
}


/* top-btn */
.aside{position: fixed;bottom: 30px;right: 30px;z-index: 99;display: none;}
.aside .ico-center i{margin-bottom: 0;}
.top-btn{width: 50px;height: 50px;border-radius: 5px;background: rgba(0, 0, 0, 0.40);}
.top-btn .btn {width: 100%; height: 100%; font-size: 18px; font-weight: 700; color: #757575;}
.ico-top{width: 16px;height: 20px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/ico-top.svg);}
.aside.on {bottom: calc(100% + 50px);}
.aside.show{display: block}
.type03 .top-btn { border-radius: 5px; border: 1px solid var(--400, #BABABA); background: rgba(255, 255, 255, 0.20); } 
.type03 .top-btn i { filter: brightness(0) saturate(100%) invert(49%) sepia(0%) saturate(0%) hue-rotate(231deg) brightness(92%) contrast(89%); } 
.type04 .top-btn{background: #2F477C}


.gnb-btn{display: none;}
@media screen and (min-width: 1201px) {
    .siteMap .depth2 {
        display: block !important;
    }
}

/* 추가작업 */
.container .container{padding-top: 0}
.lab-wrap {position: relative;}
.lab-list{display: none;position: absolute;top: calc(100% + 10px);left: 50%;transform: translateX(-50%);z-index: 10;padding: 20px;flex-direction: column;gap: 4px;border-radius: 20px;border: 1px solid #E2E8F0;background: #FFF;width: calc(100% + 60px);}
.lab-list.on{display: flex;}
.lab-list > li > a { display: flex; padding: 12px 24px; justify-content: center; align-items: center; gap: 4px; color: #334155; text-align: center; font-size: 16px; font-weight: 500; } 
.lab-list > li > a:hover,
.lab-list > li > a:active,
.lab-list > li > a.active { border-radius: 12px; background: rgba(106, 90, 205, 0.10); color: var(--g-main); }
.hd-cont{height: 100px;}


/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1200px){
    /*--------------------------------------------------------------------- LAYOUT --------------------------*/
    .inner{max-width: 100%;}



    /*--------------------------------------------------------------------- HEADER --------------------------*/
    h1.hd-logo{position: relative; z-index: 22;}
    .hd-right .gnb{display: none;}
    .siteMap-wrap{height: 100vh;}
    .siteMap .gnb-cont { display: block; } 
    .siteMap .gnb-cont > li {width: 100%;padding: 15px 0;} 
    .siteMap .gnb-cont > li:not(:last-child){border-right: 0;}
    .siteMap-cont {padding: 5px 0;} 
    .siteMap .depth2 {display: none;padding: 0 40px;margin-top: 20px;}
    .siteMap::before {display: none;}
    .siteMap .gnb-cont .tit { justify-content: left; padding: 0 40px; position: relative; font-size: 20px;} 
    .siteMap .gnb-cont .tit:before,
    .siteMap .gnb-cont .tit:after { content: ''; position: absolute; right: 40px; width: 19px; height: 3px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/gnb-line.svg); border-radius: 30px; transition: .4s;}
    .siteMap .gnb-cont .tit:after{transform: rotate(0deg);}
    .siteMap .gnb-cont .tit.active:after{transform: rotate(90deg);}
    .siteMap .depth2 > li:not(:last-child) { margin-bottom: 20px; } 
    .siteMap .depth2 > li > a { text-align: left; font-size: 20px; } 
    .gnb-btn{display: block;position: relative;z-index: 22;}
    .ico-gnb {width: 32px;height: 32px;background: url(../../images/ico/ico-gnb.svg) no-repeat 50% / cover;} 
    .gnb {flex-direction: column;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 12;padding-top: 70px;display: none;height: 100vh;} 
    .gnb-control .kbri-link, .gnb-control .lab-wrap { display: none; } 
    .gnb-control .btn.lang-btn { padding: 0; border: 0; font-size: 0; background: none; min-width: auto; } 

    .lang-btn i { width: 32px; height: 32px; background-repeat: no-repeat; background-size: cover; background-position: 50%; } 
    ul.gnb-cont.flex {flex-direction: column;padding: 0 20px;} 
    h1.hd-logo { } 

    .hd-wrap.inner.active .ico-gnb { background-image: url("../../images/ico/ico-close.svg"); } 
    .gnb-wrap{height: 100%;overflow-y: auto;}

    /*--------------------------------------------------------------------- FOOTER --------------------------*/
    .ft-slide > ul > li{width: 33.333%;}
    .ft-info .inner{display: block;}
    .ft-info *{text-align: center;}
    .ft-info__right{margin-top: 30px;}
    .aside{bottom: 20px; right: 20px;}
    .aside.on{bottom: calc(100% + 20px);}
    .depth-box {
      display: none;
      opacity: 1;
      visibility: visible;
      width: 100%;
      margin: 0;
      height: auto;
      overflow: auto;
  }
  .gnb-cont > li:not(:last-child){margin-right: 0;}
}

@media screen and (max-width: 1200px) and (min-width: 769px){
    /*--------------------------------------------------------------------- HEADER --------------------------*/
    .gnb-btn{width: 50px; height: 50px;}
    .gnb-btn span{width: 23px; margin-left: -11px;}
    .gnb-btn span:before{top: -10px;}
    .gnb-btn span:after{top: 10px;}
}


@media screen and (max-width: 768px){
    /*--------------------------------------------------------------------- LAYOUT --------------------------*/
    .container{padding-top: 80px;}
    .inner{padding: 0 20px;}


    /*--------------------------------------------------------------------- HEADER --------------------------*/
    header {height: 80px;}
    .hd-cont{height: 70px;}
    .hd-logo a{width: 148px;height: 30px;}
    .hd-logo a img{width: 100%;}
    .siteMap-wrap{padding-top: 70px;}
    .siteMap .gnb-cont .tit{font-size: 18px;}
    .siteMap .depth2{padding: 0 20px;}
    .siteMap .depth2 > li > a{font-size: 18px;}


    /*--------------------------------------------------------------------- FOOTER --------------------------*/
    .ft-slide > ul > li{width: 100%;}
    .ft-site .inner {display: block; padding: 0; } 
    .ft-site__nav {height: 50px; padding: 0 20px; background: #F7F7F7; align-items: center; } 
    .family-btn {width: 100%; } 
    .copyright {margin-top: 30px; } 
    .aside {bottom: 10px;right: 0;} 
    .aside.on { bottom: calc(100% + 10px); } 
    .top-btn {width: 60px;height: 60px;border-radius: 15px;} 
    .top-btn .btn { font-size: 16px; } 
    .ico-top { width: 19px; height: 19px; } 
    .makechat_wg_btn_show {width: 5.5rem;height: 5.5rem;margin-left: -1rem;} 
    .makechat_wg_btn_show img {width: 100%; height: 100%;}
    
}