@charset "utf-8";
@import url(/hc/theming_assets/01J280C6G0WNA38FRMQZKTXBM4);
@import url(/hc/theming_assets/01J280C2QQ1CDNW4CT86N1CVBB);
@import url(/hc/theming_assets/01J280C5A7FN3Y4P5G4ST8XYZX);


*:lang(en) {
    font-family: 'Avenir Next LT Pro', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans JP', 'Sans-serif', sans-serif !important;
}

*:lang(ko) {
    font-family: 'Avenir Next LT Pro', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans JP', 'Sans-serif', sans-serif !important;
}

*:lang(zh) {
    font-family: 'Avenir Next LT Pro', 'Noto Sans SC', 'Noto Sans KR', 'Noto Sans JP', 'Sans-serif', sans-serif !important;
}

*:lang(ja) {
     font-family:'Avenir Next LT Pro', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Sans-serif', sans-serif !important;
}


.helpcenter-enable > div:first-child {
  height:0;
  overflow:hidden;
}

#mdBigTitle {
  color:#fff;
}


.test_topic_list {
    display:none;
}
.bg_top_visual {
    height: 500px;
    background: url('https://s3.amazonaws.com/s3.md.web.upload/newmdweb/helpcenter/zendeskimage01.png') no-repeat center top;
    background-size: cover;
    position: relative;
    padding-top: 20px;
}

.copyright {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    opacity: .5;
    z-index: 2;
    text-align: center;
}

@media screen and (min-width:769px) {
    .copyright {
        text-align: right;

    }

    .copyright p {
        font-size: 14px;
        padding-right: 20px;
    }
}

.copyright p {
    font-size: 12px;
    color: #fff;
    line-height:1.2
    display: block;
}

.blackBgOP {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media screen and (min-width:769px) {
    .bg_top_visual {
        padding-top: 40px;
    }
}

.bg_top_visual .header {
    position: relative;
    z-index: 2;
}

.bg_top_visual .header .head {
    width: 95%;
    margin: 0 auto;
    height: 35px;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .bg_top_visual .header .head {
        height: 40px;
    }
}

@media screen and (min-width: 1168px) {
    .bg_top_visual {
        background: url('https://s3.amazonaws.com/s3.md.web.upload/newmdweb/helpcenter/zendeskimage01.png') no-repeat center top;
        background-size: cover;
    }

    .bg_top_visual .header .head {
        height: 50px;
    }
}

.bg_top_visual .header .head .logo {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bg_top_visual .header .head .logo span {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.bg_top_visual .header .head .logo span.box {
    width: 35px;
    height: 100%;
    border-radius: 5px;
    /*   background-color: #18181c; */
    overflow: hidden;
    margin-right: 5px;
  	background-image:url('https://s3.marvelousdesigner.com/newmdweb/newsymbol/Emblem_Shade(Primary)_230714.svg');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
}

@media screen and (min-width: 768px) {
    .bg_top_visual .header .head .logo span.box {
        width: 40px;
    }
}

@media screen and (min-width: 1168px) {
    .bg_top_visual .header .head .logo span.box {
        width: 50px;
    }
}

.bg_top_visual .header .head .logo span.box img {
    width: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
    .bg_top_visual .header .head .logo span.box img {
        width: 40px;
    }
}

@media screen and (min-width: 1168px) {
    .bg_top_visual .header .head .logo span.box img {
        width: 50px;
    }
}

.bg_top_visual .header .head .logo span.text {
    color: #fff;
    font-size: 1.2rem;
}

.bg_top_visual .header .head .navi {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

.bg_top_visual .header .head .navi .navbar-collapse {
    height: 100%;
    display: inline-block;
}

.bg_top_visual .header .head .navi .navbar-collapse #user {
    height: 100%;
}

.bg_top_visual .header .head .navi .navbar-collapse #user .with-image {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}

.bg_top_visual .header .head .navi .navbar-collapse #user #user-avatar {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
}

.bg_top_visual .header .head .navi .navbar-collapse #user #user-avatar.imgURL {
    height: 100%;
    border-radius: 100%;
    background: #fff;
}

.bg_top_visual .header .head .navi .navbar-collapse #user #user-avatar.imgURLSub {
    height: 100%;
    border-radius: 100%;
    background: #18181c;
}



.bg_top_visual .header .head .navi .navbar-collapse #user #user-name {
    display: none !important;
}


.with-image.dropdown-toggle::after {
    display: none;
}

#drophover a.login {
    line-height: 35px;
    font-size: 1rem;
//color: #fff !important;
}

@media screen and (min-width: 768px) {
    #drophover a.login {
        line-height: 40px;
    }
}

@media screen and (min-width: 1168px) {
    #drophover a.login {
        line-height: 60px;
    }
}

#drophover,
#drophover li,
.with-image.dropdown-toggle {
    height: 100%;
}

.hero-unit {
    margin: 0 auto;
}

.hero-unit>.container {
    padding: 104px 0 150px 0px;
}

.hero-unit>.container>a .page_title {
  	display: block;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    width: 100%;
}

.hero-unit>.container h1.help-center-name {
  	display: block;
    font-size: 38px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    width: 100%;
}

@media all and (min-width: 1024px) {
    .hero-unit>.container h1.help-center-name {
        font-size: 36px;
    }
}

@media all and (min-width: 768px) {
    .hero-unit>.container h1.help-center-name {
        font-size: 30px;
    }
}

.help-center-details {
    margin: 0 auto;
    max-width: 500px;
    color: #fff;
    font-size: 1.2em;
}

.hc_search {
    padding: 0 10px;
}


@media all and (min-width: 768px) {
    .hc_search {
        padding: 0;
    }

    .hero-unit>.container>a {
        font-size: 28px;
    }
}

.hero-unit form {
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.hc_search.mainheader{
    position:relative;
}

.hc_search.mainheader .search  {
    text-align:center;
    position:relative;
}

.hc_search.mainheader .search input[type="search"] {
    background-image:linear-gradient(to right, #f0b118 0%, #ef6a14 100%);
    background-repeat:no-repeat;
    background-position: center center;
    border: 0 none;
    border-radius: 45px;
    padding-left: 15px;
    width:120px;
    height:50px;
    line-height:50px;
    color: #18181c;
    margin: 0 auto;
    transition:all .2s ease-in;
    font-size:16px;
    position:relative;
}

.hc_search.mainheader .search:before {
    display:block;
    opacity:1;
    content: '';
    width:25px;
    height:25px;
    background-image: url(/hc/theming_assets/01JRYDG0XR5GCA4VM7280PT9Q8);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index:2;
    transition:all .2s ease-in;
}

.hc_search.mainheader .search.active:before {
    display:none;
    opacity:0;
    transition:all .2s ease-in;
}

.hc_search.mainheader .search input[type="search"].active {
    background:#fff;
    border-radius: 25px;
    height:50px;
    line-height:50px;
    width: 100%;
    transition:all .2s ease-in;
}

@media screen and (min-width: 1169px) {
    .hc_search.mainheader .search:before {
        width:30px;
        height:30px;
    }
}

@media screen and (min-width: 1680px) {
    .hc_search.mainheader .search input[type="search"],
    .hc_search.mainheader  .search input[type="search"].active {
        height:64px;
        line-height:64px;
    }
}

.hc_search.mainheader .search input[type="search"].active::placeholder {
    color: #898b8e !important;
    opacity:1;
    transition:all .2s ease-in;
}

.hc_search.mainheader .search input[type="search"]::placeholder {
    color: #898b8e !important;
    opacity:0;
    transition:all .2s ease-in;

}

/* .search input[type="search"] {
  background-color: #ffffff;
  border: 0 none;
  border-radius: 8px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  width: 100%;
  color: #18181c;
}

.search input[type="search"]::placeholder {
  color: #898b8e !important;
} */

#query {
    outline: 0
}

form.search input[type="submit"] {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 20px;
    top: 1px;
    padding: 0 15px;
    color: #fff;
    border: 0 none;
    height: 52px;
    background: transparent;
    background-size: 20px;
    border: 0;
    height: 0;
  	/*_the_image_height*/
    width: auto;
    vertical-align: middle;
}

/*header end*/

/*popural topics section*/
.popular-articles {
    max-width: 1620px;
    width: 100%;
    margin: 70px auto 60px auto;
    text-align:center;
}

.popular-articles h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom:25px;
}

.popular-articles .sectionAlign {
    align-items: center;
    justify-content: center;
    padding:0 0.5rem;
}

.popular-articles .promoted-articles-item {
    background-color: #f5f5f7;
    border-radius: 4px;
    font-size: 18px;
    margin-bottom:20px;
    font-weight:500;
    width:95%;
    text-align:left;
}

.popular-articles .promoted-articles-item.displayNone {
    display:none !important;
}

.popular-articles .promoted-articles-item.eq4 {
//margin-bottom:0;
//margin-right:0;
}

.popular-articles .promoted-articles-item a {
    display:flex;
    padding:0 20px;
    height:46px;
    width:100%;
    align-items: center;
    justify-content: start;
}

.popular-articles .promoted-articles-item.eq0 a p {
    display:inline-block;
    vertical-align:middle;
}

.popular-articles .promoted-articles-item .category-icon {
    margin-right: 8px;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    width:22px;
    height:22px;
}

.popular-articles .promoted-articles-item.eq1 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG1RTRTZCAXK3NA5JZZXD);
}
.popular-articles .promoted-articles-item.eq2 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG0CHH96T3H2B91BT9170);
}
.popular-articles .promoted-articles-item.eq3 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG0YGYVW47MK1ZFV4XAZN);
}
.popular-articles .promoted-articles-item.eq4 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDFYFN0S95HF22MF2C1VJH);
}
.popular-articles .promoted-articles-item.eq5 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG1EP4TTGQBH1FBWJHA9C);
}
.popular-articles .promoted-articles-item.eq6 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDFZEYB68QDMSYM37P1N47);
}

.popular-articles .promoted-articles-item.eq7 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG15GYBMR5AFDFAG11YWY);
}

.popular-articles .promoted-articles-item.eq9 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG1RD478Z211PVXTQHEQD);
}

.popular-articles .promoted-articles-item.eq1 {
  order:1;
}
.popular-articles .promoted-articles-item.eq2 {
  order:2;
}
.popular-articles .promoted-articles-item.eq3 {
  order:4;
}
.popular-articles .promoted-articles-item.eq4 {
  order:6;
}
.popular-articles .promoted-articles-item.eq5 {
  order:7;
}
.popular-articles .promoted-articles-item.eq6 {
  order:8;
}
.popular-articles .promoted-articles-item.eq7 {
  order:5;
}
.popular-articles .promoted-articles-item.eq8 {
  order:9;
}

.popular-articles .promoted-articles-item.eq9 {
  order:3;
}

.popular-articles .promoted-articles-item.eq8 a .category-icon {
    background-image: url(/hc/theming_assets/01JRYDG0HVJJPM4RYFD6P6PG81);
}

@media all and (min-width: 768px) {
    .popular-articles h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom:40px;
    }
    .popular-articles .sectionAlign {
        align-items: center;
        justify-content: start;
    }
    .popular-articles .promoted-articles-item {
        width:auto;
        margin-right:20px;
        text-align:left;
    }
}

@media all and (min-width: 933px){
    .popular-articles .promoted-articles-item {
    //margin-bottom:0;
    }
}

@media all and (min-width: 1168px){
    .popular-articles h3 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom:40px;
    }
    .popular-articles {;
        text-align:left;
    }
    .popular-articles .promoted-articles-item {
        margin-right:20px;
    //  margin-bottom:0;
    }
    .popular-articles .promoted-articles-item a {
        padding:0 20px;
        height:54px;
    }
}

/*main section start*/
.home-category-blocks {
    max-width: 1620px;
    width: 100%;
    margin: 70px auto 80px auto;
    text-align:center;
}

.home-category-blocks h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom:25px;
    padding: 0 10px;
}

.categoryWrapper {
    margin-bottom: 20px;
}

.categoryWrapper.displayNone {
    display:none;
}

.categoryWrapper .iq {
    padding: 25px;
    height: 171px;
    border-radius: 8px;
    background-image: linear-gradient(to right, #f0b118, #ef6a14, #ef6a14);
    position: relative;
    text-align:left;
}

.categoryWrapper .iq a {
    display: block;
    position: relative;
    width:100%;
    height:100%;
}

.categoryWrapper:hover .iq {
    /*   background: #fbc400; */
}

.categoryWrapper .iq .iu,
.categoryWrapper .iq .rb .iu,
.categoryWrapper .iq .rb .category-icon {
    display: inline-block;
    vertical-align: top;
    font-size:22px;
    color: #fff;
    text-transform: capitalize;
    font-weight:600;
    /*   letter-spacing: 4.38px; */
}

.categoryWrapper:hover .iq .iu {
    /*   color: #fff; */
}

.categoryWrapper .iq .rb .category-icon {
    width: 50px;
    height: 50px;
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    background-position:center;
    bottom:0;
    right:0;
}

.categoryWrapper .iq .rb .arrow-icon {
    width: 15px;
    height: 20px;
    background: url(/hc/theming_assets/01JRYDG0QWX0VNQ0T3GVV2P2M3) no-repeat;
    background-position: -82px 0px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translate(0, -50%)
}

.categoryWrapper:hover .iq .rb .arrow-icon {
    /*   background-position: -102px 0px; */
}

.categoryWrapper .iq .rb .category-icon.community {
    background-image: url(/hc/theming_assets/01JRYDFYW5Z2MSRNEJNE1BD5KW);
}

.categoryWrapper .iq .rb .category-icon.manual {
    background-image: url(/hc/theming_assets/01JRYDG1E27X919N2QTVR59S02);
}

.categoryWrapper .iq .rb .category-icon.tutorials {
    background-image: url(/hc/theming_assets/01JRYDG10783QR407122YV9BVY);
}

.categoryWrapper .iq .rb .category-icon.faq {
    background-image: url(/hc/theming_assets/01JRYDG0XGYE5TDG0XXCWFEGBN);
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
    .categoryWrapper .iq {
        height: 280px;
    }
}

@media all and (min-width: 769px){
    .home-category-blocks h3 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom:40px;
    }
}

@media all and (min-width: 1168px){
    .home-category-blocks h3 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom:40px;
    }
    .home-category-blocks {;
        text-align:left;
    }
    .categoryWrapper .iq  {
        height:230px;
        padding:40px;
    }
    .categoryWrapper .iq .iu,
    .categoryWrapper .iq .rb .iu,
    .categoryWrapper .iq .rb .category-icon {
        font-size:24px;
    }
}

/* video tutorials section */
.video-tutorials-section {
    max-width: 1620px;
    width: 100%;
    margin: 70px auto 80px auto;
    text-align:center;
}

/* @media (-webkit-min-device-pixel-ratio: 1.25) {
  .video-tutorials-section {
    max-width: 1300px;
  }
} */

.video-tutorials-section h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom:25px;
}

.video-tutorials-section .videobox {
    width:100%;
    height:100%;
}

.video-tutorials-section .videobox::before {
    content: none;
}

.video-tutorials-section .videobox.oneVideo > div {
    width:100%;
    height:100%;
}

.video-tutorials-section .video-list {
    width:100%;
}

.video-tutorials-section .video-list a {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    overflow: hidden;
    transition: all .2s ease-in;
    border-radius: 8px;
}

 .video-tutorials-section .video-list a:before {
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     opacity: 0;
     transition: all .2s ease-out;
 }

 .video-tutorials-section .video-list a > span {
     display: block;
     width: 70px;
     height: 70px;
     background-image: url(/hc/theming_assets/01JRYDFZ3DY2RX0HENSAQDXANA);
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
     opacity: 0;
     transition: all .2s ease-out;
 }

.video-tutorials-section .video-list a img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-out ;
}

.video-tutorials-section .video-list .videobox .videobox-image {
    width:100%;
    padding:0 0.5rem;
}

.video-tutorials-section .video-list .videobox {
    width:100%;
    display: block;
}

@media all and (min-width: 769px) {
    .video-tutorials-section h3 {
        font-size: 32px;
        margin-bottom:40px;
        padding: 0 10px;
    }
    .video-tutorials-section {
        text-align:left;
    }
    .video-tutorials-section .video-list {
        padding: 0 10px;
    }
    .video-tutorials-section .video-list .videobox .videobox-image {
        padding: 0;
    }
    .video-tutorials-section .video-list .videobox {
        display: grid;
        grid-template-columns: repeat(3, minmax(30%, auto));
        gap: 14px;
    }
    .video-tutorials-section .video-list a:hover:before {
        opacity: 1;
    }
    .video-tutorials-section .video-list a:hover > span {
        opacity: 1;
        width: 60px;
        height: 60px;
    }
    .video-tutorials-section .video-list a:hover > img {
        transform: scale(1.2);
    }
}

 @media all and (min-width: 1169px) {
     .video-tutorials-section .video-list .videobox {
         gap: 20px;
     }
 }

.video-tutorials-section .video-list .videobox-image img {
    width:100%;
    /*   height:100%; */
}

.video-tutorials-section .video-list .videoPart.small_video_list .videobox .videobox-image {
    font-size:0;
    margin-bottom:6px;
}



/* 튜토리얼섹션 */
.tutorial_section_list {
    width:100%;
    background:#4b4b4e;
}

.tutorial_section_list .tutorial_section_list_container {
    max-width:1620px;
    width:100%;
    margin:0 auto;
    padding:70px 0 85px 0;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section {
    width:100%;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li {
    text-align:center;
    margin-bottom:40px;
    transition:all .2s ease-in;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li:last-child {
    margin-bottom:0;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li a {
    /*   display:block; */
    width:100%:
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li a h4 {
    color:#fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:40px;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li a .imgBox {
    width:225px;
    height:180px;
    background:#383838;
    border-radius:50px;
    overflow:hidden;
    margin:0 auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size: 40%;
    transition:all .2s ease-in;
}

.tutorial_section_list .tutorial_section_list_container .tutorial_section li.item01 .imgBox {
    background-image:url(/hc/theming_assets/01J280C2TJJ507CAPYTQX5GRW3);
}
.tutorial_section_list .tutorial_section_list_container .tutorial_section li.item02 .imgBox {
    background-image:url(/hc/theming_assets/01J280C3792N0T8841MZAGT0D7);
}
.tutorial_section_list .tutorial_section_list_container .tutorial_section li.item03 .imgBox {
    background-image:url(/hc/theming_assets/01JRYDG1HNK6ZHV5KV4D1C9HDV);
}

@media all and (min-width: 768px) {
    .tutorial_section_list .tutorial_section_list_container .tutorial_section li {
        margin-bottom:0;
    }
}

@media all and (min-width: 991px) {

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li{
        margin-bottom:0;
    }

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li a h4 {
        font-size: 26px;
        margin-bottom:45px;
    }

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li a .imgBox {
        width:80%;
        height:320px;
        background-size: 40%;
    }
}

@media all and (min-width: 1200px) {

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li{
        margin-bottom:0;
    }

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li a h4 {
        font-size: 30px;
    }

    .tutorial_section_list .tutorial_section_list_container .tutorial_section li a .imgBox {
        width:400px;
        height:320px;
        background-size: 40%;
    }
}

/*recent activiy*/
.recentActivity {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto 60px auto;
    display: none;
}

.recent-activity-controls {
    display: none !important;
}

.recent-activity .recent-activity-header {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 50px;
    font-weight: 500;
}

.recent-activity-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 1 auto;
}

.recent-activity-list li {
    flex-basis: 100%;
    max-width: 100%;
    padding: 10px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .recent-activity-list li {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 1168px) {
    .recent-activity-list li {
        flex-basis: 25%;
        max-width: 25%;
    }
}

.recent-activity-list li .itemBox {
    padding: 20px 14px;
    border-radius: 3px;
    border: solid 1px #d3d3d3;
    position: relative;
}

.recent-activity-list li .recent-activity-item-parent,
.recent-activity-list li .recent-activity-item-link {
    display: block;
}

.recent-activity-list li .recent-activity-item-parent {
    color: #18181c;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 1.1rem;
    text-transform: capitalize;
}

.recent-activity-list li .recent-activity-item-parent:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 20px auto;
    background: url(/hc/theming_assets/01J280C3HE3WT3HWS0BERWSSRG) no-repeat center center;
    background-size: contain;
}

.recent-activity-list li .recent-activity-item-link {
    color: #898b8e;
    font-weight: 300;
    margin-bottom: 40px;
    font-size: 1rem;
}

.recent-activity-list li .recent-activity-item-comment,
.recent-activity-list li .recent-activity-item-time {
    font-size: .8rem;
}

.recent-activity-list li .recent-activity-item-comment {
    color: #898b8e;
    font-weight: 500;
    float: left;
}

.recent-activity-list li .recent-activity-item-time {
    color: #898b8e;
    font-weight: 300;
    float: right;
}


/*Bottom Banner*/
.lineBanner {
    background: #f5f5f7;
    text-align: center;
}

.lineBanner .text {
    padding: 60px 0;
}

.lineBanner .text p {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}
.lineBanner .text a {
    display:block;
    width:120px;
    height:40px;
    line-height:40px;
    border-radius: 3px;
    border: solid 1px #000;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2.5px;
    margin:32px auto;
    transition:all .2s ease-in;
}
.lineBanner .text a:hover {
    background:#000;
    color:#fff;
}

@media all and (min-width: 991px) {
    .lineBanner .text a {
        width:150px;
        height:50px;
        line-height:50px;
        font-size: 12px;
        letter-spacing: 3px;
    }
    .lineBanner .text p {
        font-size: 30px;
    }
}

@media all and (min-width: 1200px) {
    .lineBanner .text p {
        font-size: 42px;
    }
}

/*footer*/
.hc_footer {
    width: 100%;
    margin: 0 auto;
    padding: 27px 0;
    border-top: 1px solid #d3d3d3;
}

.hc_footer .footer_legal {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1620px;
}

.hc_footer .footer_legal .ft_side {
    font-size: 12px;
    text-align: center;
    margin: 20px 0;
}

.hc_footer .footer_legal .ft_side span a {
    font-size: 12px;
    letter-spacing: 1px;
}

.hc_footer .footer_legal .txt_copy {
//font-style: italic;
    font-size: 12px;
    text-align: center;
}

.hc_footer .footer_legal .txt_copy p {
    font-size: 12px;
}

.hc_footer .footer_legal .snsBox {
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .hc_footer .footer_legal .snsBox {
        text-align: right;
    }

    .hc_footer .footer_legal .ft_side {
        text-align: left;
        margin: 0;
    }
}

.hc_footer .footer_legal .social {
    display: inline-block;
}

.hc_footer .footer_legal .social li {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
}

.hc_footer .footer_legal .social li:first-child {
    margin: 0 auto 20px auto;
    display: block;
}

.hc_footer .footer_legal .social li {
    margin: 0 5px;
}

@media screen and (min-width: 1024px) {
    .hc_footer .footer_legal .social li:first-child {
        margin: 0 20px 0 0;
        display: inline-block;
    }

    .hc_footer .footer_legal .social li {
        margin: 0 0 0 10px;
    }
}

.hc_footer .footer_legal .social li .contactUs {
    height: 18px;
    line-height: 19px;
    color: #19191a;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}

.hc_footer .footer_legal .social li .icon-sns {
    display: block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center center;
}

.hc_footer .footer_legal .social li .icon-sns.facebook {
    background: url('https://s3.marvelousdesigner.com/newmdweb/helpcenter/Facebook.svg') no-repeat;
}

.hc_footer .footer_legal .social li .icon-sns.twitter {
    background: url('https://s3.marvelousdesigner.com/newmdweb/helpcenter/Twitter.svg') no-repeat;
}

.hc_footer .footer_legal .social li .icon-sns.instagram {
    background: url('https://s3.marvelousdesigner.com/newmdweb/helpcenter/Instagram.svg') no-repeat;
}

.hc_footer .footer_legal .social li .icon-sns.youtube {
    background: url('https://s3.marvelousdesigner.com/newmdweb/helpcenter/Youtubes.svg') no-repeat;
}

.hc_footer .footer_legal .social li .icon-sns.discoard {
    background: url('https://s3.marvelousdesigner.com/newmdweb/helpcenter/Discoard.svg') no-repeat;
}

/*footer end*/
.subPage {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px 40px 10px;
}

.subPage .hc_search {
    text-align: right;
    width: 100%;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .subPage .hc_search {
        margin-top: 20px;
    }
}

.subPage .hc_search form {
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.subPage .hc_search input[type="search"] {
    background-color: #ffffff;
    border: 0 none;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    color: #898b8e;
}

@media screen and (min-width: 1024px) {
    .subPage .hc_search input[type="search"] {
        width: 50%;
    }
}

.subPage .hc_search input[type="search"]::placeholder {
    color: #18181c !important;
}

.subPage.pageNav {
    padding: 0 10px 10px 10px;
}

.subPage.pageNav .navHeadFrom {
    margin: 30px auto 60px 0;
}

.subPage.pageNav .breadcrumbs li {
    display: inline-block;
    color: #8b8e89;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.subPage.pageNav .breadcrumbs li a {
    text-transform: uppercase;
    color: #8b8e89;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 1px;
}

.subPage.pageNav .breadcrumbs li:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
}

.subPage>h2 {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.85px;
    font-size: 2rem;
    margin-bottom: 30px;
    padding-right: .5rem;
    padding-left: .5rem;
}

.subPage>h2 span.titleText {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.85px;
    font-size: 2rem;
    text-transform: capitalize;
}

.subPage>h2 .section-subscribe {
    float: right;
}

.subPage>h2 .section-subscribe .dropdown-toggle {
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    text-align: center;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 12px;
    transition: all .2s ease-in;
}

.subPage>h2 .section-subscribe .dropdown-toggle:hover {
    color: #fff;
    background: #18181c;
}

.subPage>h2 .section-subscribe .dropdown-menu {
    left: unset;
    right: 0;
    top: 40px;
}

.subPage .categoryView {
    margin-bottom: 40px;
}

.subPage .categoryView .sectionList { 
     column-count: 2;
  	column-gap: 10px;
}

@media screen and (max-width: 768px) {
    .subPage .categoryView .sectionList {
        column-count: 1;
    }
}

.subPage .categoryView .sectionList:before {
  display:none;
}

/* .subPage .categoryView .sectionBox {
    margin-bottom: 20px;
} */

.subPage .categoryView .sectionBoxArticle {
/*       grid-row-end: span 10; */
  margin: 0;
/*   display: grid; */
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
}

.subPage .categoryView .sectionBoxArticle.open {
/*   height:auto; */
/*   	grid-row-end: span 35; */
}

.subPage .categoryView .section-with-article-block .valign-wrapper {
  	display:flex;
  	align-items:center;
  	height:70px;
  	border-radius: 5px;
    border: solid 1px #d3d3d3;
    padding: 0 15px;
  	width:100%;
  	flex-basis:100%;
  	max-width:100%;
}

.subPage .categoryView .section-with-article-block .valign-wrapper h3 {
  	display:flex;
  	align-items:center;
  	font-size: 16px;
    font-weight: 500;
  	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  	position:relative;
  	width:100%;
  	flex-basis:100%;
  	max-width:100%;
  	cursor:pointer;
}

.subPage .categoryView .section-with-article-block .valign-wrapper h3:before {
    content: '';
    display: block;
  	flex-basis:20px;
    width: 20px;
    height: 20px;
  	margin-right:15px;
    background: url(/hc/theming_assets/01J280C3HE3WT3HWS0BERWSSRG) no-repeat center center;
    background-size: contain;
}

.subPage .categoryView .section-with-article-block .valign-wrapper h3:after {
  	content: '';
    display: block;
  	flex-basis:16px;
    width: 16px;
    height: 16px;
    background: url(/hc/theming_assets/01JRYDG02ZS5XNRTMK9V11TH46) no-repeat center center;
    background-size: contain;
  	position:absolute;
  	right:0;
  	transform: rotate(0deg);
  	transition: 0.2s linear 0s;
}

.subPage .categoryView .sectionBoxArticle.open .section-with-article-block .valign-wrapper h3:after {
  transform: rotate(180deg);
}

.subPage .categoryView .section-with-article-block .valign-wrapper h3 a {
    font-size: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
/*     text-transform: capitalize; */
}

.subPage .categoryView .sectionBoxArticle.open .section-with-article-block  .article-list {
  display:block;
  max-height:300px;
  margin: 20px auto 40px auto;
}

.subPage .categoryView .article-list {
    width: 90%;
  	max-height:0;
    overflow: hidden;
/*   	transition: 0.2s linear 0s; */
}

.subPage .categoryView .article-list ul

.subPage .categoryView .article-list li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subPage .categoryView .article-list li {
  margin-bottom:16px;
}

.subPage .categoryView .sectionBoxArticle.open .section-with-article-block  .see-all-articles {
  color:#FF9900;
  font-size:16px;
  margin-top:10px;
  display:block;
}

.subPage .categoryView .article-list li a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #56565B;
    font-size: 16px;
}

.subPage .categoryView .article-list li:hover a {
    font-weight: 500;
}

/* .subPage .categoryView .article-list li:nth-child(n+4) {
    display: none;
} */

/* .subPage .categoryView .see-all-articles {
    display: block;
    margin: 20px auto 0 auto;
    width: 93px;
    height: 30px;
    border-radius: 2px;
    border: solid 1px #18181c;
    transition: all .2s ease-in;
}

.subPage .categoryView .see-all-articles:hover {
    color: #fff;
    background: #18181c;
}

.subPage .categoryView .see-all-articles span {
    line-height: 30px;
    letter-spacing: 1.5px;
    font-size: 11px;
}
 */
.subPage .sectionView {
    margin-bottom: 40px;
}

.subPage .sectionView .sectionTemplate .article-lists ul li {
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subPage .sectionView .sectionTemplate .article-lists ul li span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.subPage .sectionView .sectionTemplate .article-lists ul li span.star {
    background: url(/hc/theming_assets/01J280C4Y5M2590C9FDGR9M9SJ) no-repeat center center;
    background-size: cover;
}

.subPage .sectionView .sectionTemplate .article-lists ul li a {
    font-weight: 300;
    font-size: 1rem;
}

.subPage .sectionView .sectionTemplate .article-lists ul li:hover a {
    color: #fbc400;
}

.pagination {
    display: block;
    width: 100%;
    margin-bottom: 70px;
    margin-top: 40px;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 0 1 auto;
}

.pagination ul li {
    text-align: center;
    padding: 0 10px;
}

.pagination ul li.pagination-current span {
    background: #f5f5f5;
}

.pagination ul li span,
.pagination ul li a {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    background: #d3d3d3;
}

.pagination ul li.pagination-prev a,
.pagination ul li.pagination-next a,
.pagination ul li.pagination-last a {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d3d3d3;
}

.pagination ul li.pagination-prev a:hover,
.pagination ul li.pagination-next a:hover,
.pagination ul li.pagination-last a:hover {
    border-radius: 3px;
    background: #fff;
}

.search-results {
    position: relative;
}

.search-results-column .search-results-subheading {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.85px;
    font-size: 2rem;
    margin-bottom: 30px;
}

.search-results-column .search-results-list {
    width: 100%;
    margin-bottom: 60px;
}

.search-results-column .search-results-list>li {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    padding: 26px 0;
}

.search-results-column .search-results-list>li:last-child {
    border-bottom: 1px solid #d3d3d3;
}

.search-results-column .search-results-list>li .resultBox .search-result-title {
    font-weight: 500;
    margin-bottom: 10px;
}

.search-results-column .search-results-list>li .resultBox .textInfo .search-results-description {
    margin-top: 15px;
}

.search-results-column .search-results-list>li .resultBox .textInfo .meta-group li {
    display: inline-block !important;
    vertical-align: middle;
    text-transform: capitalize;
}

.search-results-column .search-results-list>li .resultBox .textInfo .meta-group li a {
    text-transform: capitalize;
    font-weight: 300;
    font-size: 1rem;
}

.search-results-column .search-results-list>li .resultBox .textInfo .meta-group li.navi:after {
    content: '>';
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.search-results-column .search-results-list>li .resultBox .textInfo .meta-group li.navi:last-child:after {
    display: none;
}

.search-results-column .search-results-list>li .search-result-meta-count,
.search-results-column .search-results-list>li .resultBox .search-result-votes {
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.search-results-column .search-results-list>li .search-result-meta-count {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .search-results-column .search-results-list>li .search-result-meta-count {
        text-align: center;
    }
}

.search-results-column .search-results-list>li .search-result-meta-count em,
.search-results-column .search-results-list>li .resultBox .search-result-votes em {
    text-align: center;
    font-weight: 500;
    color: #898b8e;
}

@media screen and (min-width: 1024px) {

    .search-results-column .search-results-list>li .search-result-meta-count,
    .search-results-column .search-results-list>li .resultBox .search-result-votes {
        text-align: center;
        display: inline-block;
        margin-top: 0;
    }

    .search-results-column .search-results-list>li .search-result-meta-count em,
    .search-results-column .search-results-list>li .resultBox .search-result-votes em {
        display: block;
        margin-top: 12px;
    }
}

.search-results-sidebar {
    display: none;
}

.search-results-sidebar .filters-in-section {
    margin-bottom: 30px;
}

.search-results-sidebar .filters-in-section button {
    display: none;
}

.search-results-sidebar .filters-in-section .collapsible-sidebar-title {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.85px;
    color: #8a8e88;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.search-results-sidebar .filters-in-section .multibrand-filter-list li {
    padding: 5px 0;
    margin-left: 21px;
    padding-left: 15px;
    border-left: 3px solid #d8d8d8;
}

.search-results-sidebar .filters-in-section .multibrand-filter-list li:hover,
.search-results-sidebar .filters-in-section .multibrand-filter-list li.current {
    border-color: #fbc400;
}

.search-results-sidebar .filters-in-section .multibrand-filter-list li a {
    color: #8b8e89;
    font-size: 1.1rem;
    padding: 5px 0;
}

.selectFilterBox {
    position: relative;
    margin-bottom: 20px;
}

.selectFilterBox .filterBoxTitle {
    width: 128px;
    border-bottom: solid 1px #18181c;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    height: 30px;
    line-height: 30px;
    float: right;
    margin-bottom: 20px;
    position: relative;
    margin-left: 30px;
}

.selectFilterBox .filterBoxTitle:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(/hc/theming_assets/01JRYDG0CB3W3DPMJBGNQJMP0G) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
}

.selectFilterBox .filterList {
    width: 128px;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    display: none;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    font-style: normal;
    font-weight: normal;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
}

.selectFilterBox .filterList li.current a {
    background: #f3f3f3;
    cursor: default;
}

.selectFilterBox .filterList li.current a::after {
    content: "\2713";
    margin-left: 10px;
    font-family: "entypo";
}

.selectFilterBox .filterList li a {
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    text-align: left;
}

@media screen and (min-width: 991px) {
    .search-results-sidebar {
        display: block;
    }

    .selectFilterBox {
        display: none;
    }
}


.gradationContainer {
    padding-top: 30px;
    padding-bottom: 80px;
    background: linear-gradient(#f5f5f7 100%, #fff 0);
}

@media screen and (min-width: 768px) {
    .gradationContainer {
        background: linear-gradient(#f5f5f7 41%, #fff 0);
    }
}


.gradationContainer .navHeadFrom {
    margin-top: 0 !important;
}

.gradationContainer .communityList {
    display: flex;
    flex-wrap: wrap;
}

.gradationContainer .communityList li {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    width:100%;
    padding-left:.5rem;
    padding-right:.5rem;
}

@media screen and (min-width:991px) {
    .gradationContainer .communityList li {
        width:50%;
    }
}

.gradationContainer .communityList li .contentBox {
    flex: 1;
    text-align: left;
    padding: 40px;
    box-shadow: 0 2px 7px 0 rgba(173, 173, 173, 0.5);
    background-color: #ffffff;
    flex-wrap: wrap;
    border-radius: 10px;
}

.gradationContainer .communityList li .linkBoxContainer {
    display: block;
    text-align: left;
    font-size: 0;
    transition: all .2s ease-in;
}

.gradationContainer .communityList li .contentBox .topicIconBox {
    width: 80px;
    height: 80px;
    margin: 0 auto 27px auto;
}

.gradationContainer .communityList li .contentBox .topicIconBox .topicIcon {
    width: 100%;
    height: 100%;
    border-radius: 17px;
    transition: all .2s ease-in;
}

.gradationContainer .communityList li .contentBox .topicIconBox .topicIcon.icon0 {
    background: url(/hc/theming_assets/01JRYDG20M6QHZF6MTYVKAJPBW) no-repeat center center #898b8e;
    background-size: 65px auto;
}

.gradationContainer .communityList li .contentBox .topicIconBox .topicIcon.icon1 {
    background: url(/hc/theming_assets/01JRYDG1VBT1FGDAFP4NPJQN9P) no-repeat center center #898b8e;
    background-size: 65px auto;
}

.gradationContainer .communityList li:hover .contentBox .topicIconBox .topicIcon {
    background-color: #fbc400;
}

@media screen and (min-width:768px) {
    .gradationContainer .communityList li .contentBox .topicIconBox {
        width: 120px;
        height: 120px;
        display: inline-block;
        margin: 0 30px 0 0;
        vertical-align: top;
    }

    .gradationContainer .communityList li .contentBox .topicIconBox .topicIcon.icon0 {
        background: url(/hc/theming_assets/01JRYDG20M6QHZF6MTYVKAJPBW) no-repeat center center #898b8e;
        background-size: 90px auto;
    }

    .gradationContainer .communityList li .contentBox .topicIconBox .topicIcon.icon1 {
        background: url(/hc/theming_assets/01JRYDG1VBT1FGDAFP4NPJQN9P) no-repeat center center #898b8e;
        background-size: 90px auto;
    }

    .gradationContainer .communityList li:hover .contentBox .topicIconBox .topicIcon {
        background-color: #fbc400;
    }
}

.gradationContainer .communityList li .contentBox .topickTextSection {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.gradationContainer .communityList li .contentBox .topicTitle {
    color: #898b8e;
    font-size: 22px;
    letter-spacing: 0.85px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.5;
}

.gradationContainer .communityList li .contentBox .description {
    color: #898b8e;
    font-size: 1.1rem;
    font-weight: 300;
}

.gradationContainer .communityList li .contentBox .topicMeta {
    display: block;
    margin-top: 15px;
}

.gradationContainer .communityList li .contentBox .topicMeta span {
    margin-right: 15px;
    font-size: 12px;
    color: #898b8e;
}

@media screen and (min-width:768px) {
    .gradationContainer .communityList li .contentBox .topickTextSection {
        width: calc(100% - 120px - 30px);
        height: 120px;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .gradationContainer .communityList li .contentBox .topicTitle{
        font-size: 24px;
        letter-spacing: 0.92px;
    }
}

@media screen and (min-width:1620px) {
    .gradationContainer .communityList li .contentBox .topicTitle{
        font-size: 28px;
        letter-spacing: 1px;
    }
}

.snsContinerView {
    width: 100%;
    margin-top: 5px;
    padding-left:.5rem;
    padding-right:.5rem;
}

.snsContinerView .contentBox {
    width: 100%;
    text-align: center;
    padding: 50px 10px;
    box-shadow: 0 2px 7px 0 rgba(173, 173, 173, 0.5);
    background-color: #fff;
    border-radius: 15px;
    margin-top: 5px;
}

.snsContinerView .contentBox h3 {
    color: #898b8e;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    Line-height: 1.5;
    text-align: center;
    letter-spacing: 0.85px;
}

.snsContinerView .contentBox .snsListBox {
    width: 100%;
}

.snsContinerView .contentBox .snsListBox ul {
    width: 100%;
}

.snsContinerView .contentBox .snsListBox li {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.snsContinerView .contentBox .snsListBox li:last-child {
    margin-right: 0;
}

.snsContinerView .contentBox .snsListBox li .icon-sns {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/hc/theming_assets/01JRYDG1M1C097RNKQEP1NM61B) no-repeat;
    background-size: 108px auto;
    opacity: .5;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns {
    opacity: 1;
}

.snsContinerView .contentBox .snsListBox li .icon-sns.youtube {
    background-position: -72px -108px;
}

.snsContinerView .contentBox .snsListBox li .icon-sns.discoard {
    background-position: -72px -144px;
}

.snsContinerView .contentBox .snsListBox li .icon-sns.facebook {
    background-position: -72px -2px;
}

.snsContinerView .contentBox .snsListBox li .icon-sns.instagram {
    background-position: -72px -72px;
}

.snsContinerView .contentBox .snsListBox li .icon-sns.twitter {
    background-position: -72px -36px;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns.youtube {
    background-position: -36px -108px;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns.discoard {
    background-position: -36px -144px;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns.facebook {
    background-position: -36px -2px;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns.instagram {
    background-position: -36px -72px;
}

.snsContinerView .contentBox .snsListBox li:hover .icon-sns.twitter {
    background-position: -36px -36px;
}

@media screen and (min-width:768px) {

    .snsContinerView .contentBox h3 {
        font-size: 26px;
        letter-spacing: 0.92px;
        Line-height: 1.5;
    }

    .snsContinerView .contentBox .snsListBox li {
        width: 42px;
        height: 42px;
        margin-right: 15px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns {
        background-size: 126px auto;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.youtube {
        background-position: -84px -126px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.discoard {
        background-position: -84px -168px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.facebook {
        background-position: -84px -2px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.instagram {
        background-position: -84px -84px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.twitter {
        background-position: -84px -42px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.youtube {
        background-position: -42px -126px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.discoard {
        background-position: -42px -168px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.facebook {
        background-position: -42px -2px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.instagram {
        background-position: -42px -84px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.twitter {
        background-position: -42px -42px;
    }
}

@media screen and (min-width:1168px) {

    .snsContinerView .contentBox h3 {
        font-size: 26px;
        letter-spacing: 1px;
    }

    .snsContinerView .contentBox .snsListBox li {
        width: 45px;
        height: 45px;
        margin-right: 20px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns {
        background-size: 135px auto;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.youtube {
        background-position: -90px -135px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.discoard {
        background-position: -90px -180px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.facebook {
        background-position: -90px -2px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.instagram {
        background-position: -90px -90px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.twitter {
        background-position: -90px -45px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.youtube {
        background-position: -45px -135px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.discoard {
        background-position: -45px -180px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.facebook {
        background-position: -45px -2px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.instagram {
        background-position: -45px -90px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.twitter {
        background-position: -45px -45px;
    }
}

@media screen and (min-width:1620px) {

    .snsContinerView .contentBox h3 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .snsContinerView .contentBox .snsListBox li {
        width: 55px;
        height: 55px;
        margin-right: 30px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns {
        background-size: 165px auto;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.youtube {
        background-position: -110px -165px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.discoard {
        background-position: -110px -220px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.facebook {
        background-position: -110px -2px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.instagram {
        background-position: -110px -110px;
    }

    .snsContinerView .contentBox .snsListBox li .icon-sns.twitter {
        background-position: -110px -55px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.youtube {
        background-position: -55px -165px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.discoard {
        background-position: -55px -220px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.facebook {
        background-position: -55px -2px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.instagram {
        background-position: -55px -110px;
    }

    .snsContinerView .contentBox .snsListBox li:hover .icon-sns.twitter {
        background-position: -55px -55px;
    }
}



.newcontainer {
    max-width: 1620px;
    margin: 0 auto;
}

.activitiesNav {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
}

.activitiesNav ul.navList {
  display:flex;
  flex-wrap:wrap;
}

.activitiesNav li {
    position: relative;
    text-transform: uppercase;
    color: #8b8e89;
    font-size: 12px;
    vertical-align: middle;
    padding: 20px 20px;
    letter-spacing: .5px;
}

.activitiesNav li a {
    text-transform: uppercase;
    color: #8b8e89;
    font-size: 12px;
    letter-spacing: .5px;
}

.activitiesNav li[aria-selected="true"]:after {
    content: '';
    width: 100%;
    height: 5px;
    background-color: #fbc400;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (min-width: 768px) {
    .activitiesNav ul.navList li {
        font-size:16px;
    }
  	.activitiesNav ul.navList li a{
        font-size:16px;
    }
}

.myActivitiesTable {
    margin-bottom: 110px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.myActivitiesSubNav ul li {
    margin-bottom: 10px;
}

.myActivitiesSubNav ul li .btnBox {
    width: 100%;
    background: #f5f5f7;
    font-weight: 300;
    font-size: .9rem;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    text-align: center;
}

.myActivitiesSubNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 300;
}

.myActivitiesSubNav ul li[aria-selected="true"] .btnBox {
    background: #fbc400;
}

@media (min-width: 991px) {
    .myActivitiesSubNav ul li .btnBox {
        height: 55px;
        line-height: 55px;
        font-size: 1rem;
    }
}

.myActivitiesFollowingHeader {
    float: right;
    padding-right: 10px;
}

.myActivitiesFollowingHeader button.dropdown-toggle {
    border: none;
    border-bottom: 1px solid #18181c;
    background: #fff;
    font-weight: 300;
    font-size: 12px;
    height: 30px;
    width: 140px;
    outline: none;
    padding-right: 20px;
    position: releative;
}

.myActivitiesFollowingHeader button.dropdown-toggle:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(/hc/theming_assets/01JRYDG0CB3W3DPMJBGNQJMP0G) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
}

.myActivitiesFollowingHeader .dropdown-menu {
    left: unset;
    right: 0;
}

.myActivitiesFollowingHeader .dropdown-menu a {
    font-weight: 300;
}

.rwdTable {
    margin-bottom: 1rem;
    margin-top: 40px;
    width: 100%;
    background: #fff;
    color: #18181c;
    overflow: hidden;
    text-align: center;
}

.rwdTable caption {
    caption-side: top;
    text-align: left;
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
}

.rwdTable th {
    display: none;
    color: #18181c;
    padding: 1.533rem 0;
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
  	text-transform:capitalize;
}

.rwdTable th.align-center{
  text-align:left;
}

.rwdTable th p {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.rwdTable th a span{
	font-size:10px;
  margin-left:8px;
}

.rwdTable tr:last-child td {
    margin-bottom: 0;
}

.rwdTable td {
    display: block;
    border-bottom: 1px solid #d3d3d3;
    text-transform: capitalize;
    position: relative;
    font-size: 0;
  	text-align:left;
}

.rwdTable td.align-center{
  text-align:left;
}

.rwdTable td:first-child {
    border-top: 2px solid #d3d3d3;
}

.rwdTable td:last-child {
    border-bottom: 2px solid #d3d3d3;
    margin-bottom: 1.5rem;
}

.rwdTable td::before {
    content: attr(data-th);
    font-weight: 600;
    width: 40%;
    display: inline-block;
    color: #18181c;
    white-space: pre;
    vertical-align: middle;
    font-size: 0.9rem;
    text-transform: capitalize;
  	text-align:center;
}

.rwdTable td.noneData {
  display:flex;
  align-items:center;
}

.rwdTable td.noneData .tableTh{
  max-width:40%;
  flex-basis:40%;
}

.rwdTable td.noneData .tableTd{
  max-width:60%;
  flex-basis:60%;
}

.rwdTable td.noneData::before {
  	display:none;
}

.rwdTable td .tableTh {
    font-weight: 600;
    width: 100%;
    display: inline-block;
    color: #18181c;
/*     white-space: pre; */
    vertical-align: middle;
    font-size: 0.9rem;
    text-transform: capitalize;
  	text-align:center;
  	justify-content:center;
  	display:flex;
}

.rwdTable td .tableTh a {
  display:flex;
  align-items:center;
}

.rwdTable td .tableTh a span {
  margin-left:8px;
  font-size:10px;
}

.rwdTable td .toolTipM {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: calc(50% - 1.4rem);
}

.rwdTable td .tableTd {
    display: inline-block;
    width: 60%;
    height: 100%;
    vertical-align: middle;
    padding: 1.533rem 0;
    font-size: 0.9rem;
}

.rwdTable td .tableTd a.striped-list-title {
  display:block;
  width: 60%;
	white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rwdTable td .tableTd .btn>a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: solid 1px #18181c;
    display: block;
    margin: 0 auto;
    font-size: 10px;
    letter-spacing: 1.5px;
    transition: all .2s ease-in;
  	display:flex;
  	align-items:center;
  	justify-content:center;
}

.rwdTable td .tableTd>a {
    font-size: 14px;
}

.rwdTable td .tableTd>a {
    font-size: 14px;
}

.rwdTable td .tableTd time {
    font-size: 14px;
}

.rwdTable td .tableTd .dropdown .dropdown-toggle {
    font-size: 14px;
}

.rwdTable td .tableTd .dropdown .dropdown-menu a {
    font-size: 14px;
    color: #18181c;
    font-weight: 300;
}

.rwdTable td .tableTd .btn>a:hover {
    background: #18181c;
    color: #fff !important;
}

.rwdTable td .tableTd .btn>a {
    font-size: 10px;
    letter-spacing: 1.5px;
}

@media (min-width: 768px) {
    .rwdTable {
        border-spacing: 0;
        border-top: 2px solid #d3d3d3;
        border-bottom: 2px solid #d3d3d3;
    }

    .rwdTable th {
        display: table-cell;
        padding: 1.533rem 0;
        font-size: 0.9rem;
        text-transform: capitalize;
        font-weight: 500;
      	text-align:left;
    }

    .rwdTable tr::before {
        display: none;
    }

    .rwdTable tr:last-child td {
        border: none;
        margin-bottom: 0;
    }

    .rwdTable td {
        display: table-cell;
        padding: 1.533rem 0;
        font-weight: 300;
    }
  
  
  .rwdTable th.align-center,
  .rwdTable td.align-center{
      text-align:center;
    }

    .rwdTable td:first-child {
        border-top: none;
    }

    .rwdTable td:last-child {
        border-bottom: 1px solid #d3d3d3;
    }

    .rwdTable td::before {
        display: none;
    }

    .rwdTable td .tableTd {
        width: 100%;
        padding: 0;
      	font-size: 14px;
    }
    .rwdTable td .tableTh {
      display:none;
    }
  
  .rwdTable td.noneData {
  	display:revert;
	}
}

.country-select {
    position: relative;
    padding-right: .5rem;
    padding-left: .5rem;
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
}

.country-select .country-select-box {
    float: right;
    position: relative;
}

.country-select .country-select-box .country-current {
    height: 20px;
    padding-right: 40px;
    cursor: pointer;
    position: relative;
}

.country-select .country-select-box .country-current:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background: url(/hc/theming_assets/01JRYDG256VEE8Y9WJSNMFMGX9) no-repeat center center;
    z-index: 3;
}

.country-select .country-select-box .country-current.rotate:after {
    transform: rotate(180deg);
}

.country-select .country-select-box .country-current .country-select-txt {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.country-select .country-select-box .country-current .icon-footer-flag {
    background: url(/hc/theming_assets/01JRYDG179J38VNSZGTQKWVCY9) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: 0px -1px;
    vertical-align: middle;
}

.country-select .country-select-box .country-current .icon-usa {
    background-position: -21px -1px;
}

.country-select .country-select-box .country-current .icon-korea {
    background-position: -61px -1px;
}

.country-select .country-select-box .country-current .icon-japan {
    background-position: -41px -1px;
}

.country-select .country-select-list {
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    text-align: right;
    width: 140px;
}

.country-select .country-select-list li {
    padding: 15px 15px;
    font-size: 12px;
    text-align: left;
}

.country-select .country-select-list li:hover {
    background: #fbc400;
}

.country-select .country-select-list li:hover a {
    color: #18181c !important;
}

.country-select .country-select-list li a {
    font-size: 12px;
    font-weight: 500;
}

.country-select .country-select-list li:last-child {
    margin-bottom: 0px;
}

.country-select .country-select-list li .icon-footer-flag {
    background: url(/hc/theming_assets/01JRYDG179J38VNSZGTQKWVCY9) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: 0px -1px;
    vertical-align: middle;
}

.country-select .country-select-list li .icon-usa {
    background-position: -21px -1px;
}

.country-select .country-select-list li .icon-korea {
    background-position: -61px -1px;
}

.country-select .country-select-list li .icon-japan {
    background-position: -41px -1px;
}

.articleForm .contentForm .article-header {
    margin-bottom: 20px;
    /*   border-bottom:1px solid #d3d3d3; */
}

.articleForm .contentForm .article-header h1 {
    color: #18181c;
    font-size: 2rem;
    margin-top: 30px;
    letter-spacing: 1px;
    font-weight: 500;
}

.articleForm .contentForm .article-header .article-author {
    height: 68px;
}

.articleForm .contentForm .article-header .article-author .article-avatar {
    margin-right: 10px;
}

.articleForm .contentForm .article-header .article-author {
    position: relative;
}

.articleForm .contentForm .article-header .article-author .article-avatar {
    position: relative;
    width: 68px;
}

.articleForm .contentForm .article-header .article-author .article-avatar,
.articleForm .contentForm .article-header .article-author .article-meta {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.articleForm .contentForm .article-header .article-author .article-meta>a {
    color: #fbc400;
    font-size: 1.1rem;
}

.articleForm .contentForm .article-header .article-author .article-meta a span {
    color: #fff;
    background: #fbc400;
    font-size: 12px;
    border-radius: 4px;
    vertical-align: middle;
    padding: 2px 8px;
    font-weight: 400;
    display: inline;
}

.articleForm .contentForm .article-header .article-author .article-meta .post-actions.actions {
    display: inline-block;
}

.articleForm .contentForm .article-header .article-author .article-meta .post-actions.actions .dropdown .dropdown-menu a {
    font-weight: 300;
}

.articleForm .contentForm .article-header .article-author .article-meta a.article-unsubscribe,
.articleForm .contentForm .article-header .article-author .article-meta a.article-subscribe,
.articleForm .contentForm .article-header .article-author .article-meta a.post-unsubscribe,
.articleForm .contentForm .article-header .article-author .article-meta a.post-subscribe {
    color: #18181c;
    display: block;
    width: 120px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    font-size: 12px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    transition: all .2s ease-in;
}

.articleForm .contentForm .article-header .article-author .article-meta a.article-unsubscribe:hover,
.articleForm .contentForm .article-header .article-author .article-meta a.article-subscribe:hover,
.articleForm .contentForm .article-header .article-author .article-meta a.post-unsubscribe:hover {
    background: #18181c;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .articleForm .contentForm .article-header .article-author .article-meta a span {
        font-size: 10px;
        font-weight: 300;
        padding: 2px 4px;
        margin-top: 2px;
        display: block;
    }

    .articleForm .contentForm .article-header .article-author .article-meta a.article-unsubscribe,
    .articleForm .contentForm .article-header .article-author .article-meta a.article-subscribe,
    .articleForm .contentForm .article-header .article-author .article-meta a.post-unsubscribe,
    .articleForm .contentForm .article-header .article-author .article-meta a.post-subscribe {
        font-size: 10px;
        height: 30px;
        line-height: 30px;
        transform: translate(0, -75%);
        letter-spacing: 1.5px;
        width: 90px;
    }
}

.articleForm .contentForm .article-header .article-author .article-meta .meta-group {
    margin-top: 5px;
}

.articleForm .contentForm .article-header .article-author .article-meta .meta-group li {
    color: #8b8e89;
    font-size: 1rem;
    display: inline-block;
}

@media screen and (max-width: 575px) {
    .articleForm .contentForm .article-header .article-author .article-meta .meta-group {
        margin-top: 2px;
    }
}

.articleForm .contentForm .article-header .article-author .article-avatar img {
    width: 40px;
    height: 40px;
    border: solid 1px #979797;
    border-radius: 100%
}

@media screen and (min-width: 768px) {
    .articleForm .contentForm .article-header .article-author .article-avatar img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (min-width: 991px) {
    .articleForm .contentForm .article-header .article-author .article-avatar img {
        width: 68px;
        height: 68px;
    }
}

.articleForm .contentForm .article-header .article-unsubscribe {
    float: right;
    display: block;
}

.articleForm .contentForm .article-header .article-title {
 		font-weight:700; 
}

.articleForm .contentForm .article-content {
    line-height: 1.6 !important;
    word-wrap: break-word;
}

.articleForm .contentForm .article-content .article-body * {
  line-height:1.5;
  letter-spacing:.2px;
  font-weight:300;
}

.articleForm .contentForm .article-content .article-body strong span {
  font-weight:500;
}

.articleForm .contentForm .article-content .article-body h1,
.articleForm .contentForm .article-content .article-body h1 *,
.articleForm .contentForm .article-content .article-body h1 strong,
.articleForm .contentForm .article-content .article-body h1 strong span,
.articleForm .contentForm .article-content .article-body h1 strong *{
  font-weight:700;
}

.articleForm .contentForm .article-content .article-body h2,
.articleForm .contentForm .article-content .article-body h2 *,
.articleForm .contentForm .article-content .article-body h2 strong,
.articleForm .contentForm .article-content .article-body h2 strong span,
.articleForm .contentForm .article-content .article-body h2 strong *,
.articleForm .contentForm .article-content .article-body p strong,
.articleForm .contentForm .article-content .article-body p strong span,
.articleForm .contentForm .article-content .article-body p strong * {
  font-weight:600;
}

.articleForm .contentForm .article-content .article-body h3,
.articleForm .contentForm .article-content .article-body h3 *,
.articleForm .contentForm .article-content .article-body h3 strong,
.articleForm .contentForm .article-content .article-body h3 strong span,
.articleForm .contentForm .article-content .article-body h3 strong *,
.articleForm .contentForm .article-content .article-body h4,
.articleForm .contentForm .article-content .article-body h4 *,
.articleForm .contentForm .article-content .article-body h4 strong,
.articleForm .contentForm .article-content .article-body h4 strong span,
.articleForm .contentForm .article-content .article-body h4 strong *,
.articleForm .contentForm .article-content .article-body h5,
.articleForm .contentForm .article-content .article-body h5 *,
.articleForm .contentForm .article-content .article-body h5 strong,
.articleForm .contentForm .article-content .article-body h5 strong span,
.articleForm .contentForm .article-content .article-body h5 strong *,
.articleForm .contentForm .article-content .article-body h6,
.articleForm .contentForm .article-content .article-body h6 *,
.articleForm .contentForm .article-content .article-body h6 strong,
.articleForm .contentForm .article-content .article-body h6 strong span,
.articleForm .contentForm .article-content .article-body h6 strong *{
  font-weight:500;
}


.articleForm .contentForm .article-content .article-body .table-responsive td{
  padding:0 10px;
}

.articleForm .contentForm .article-content .article-body img {
    height: auto;
    max-width: 100%;
}

.articleForm .contentForm .article-content .article-body iframe {
    max-width: 100%;
}

.articleForm .contentForm .article-content .article-body ul,
.articleForm .contentForm .article-content .article-body ol,
.articleForm .contentForm .article-content .article-body dl {
  list-style:revert;
  padding:revert;
  margin-top:5px;
}

.articleForm .contentForm .article-content .article-body li,
.articleForm .contentForm .article-content .article-body dd {
  margin-top:2px;
}

.article-footer {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.article-footer.right {
    text-align: left;
}

.article-footer.right div {
    text-align: left !important;
}

.article-footer .article-share {
    text-align: right;
    margin-top: 20px;
}

.article-footer .article-share .share {
    display: inline-block;
    text-align: right;
}

.article-footer .article-share .share li {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #f5f5f7;
    border-radius: 100%;
    line-height: 41px;
    position: relative;
    margin-left: 6px;
}

.article-footer .article-share .share li a {
    display: block;
    width: 18px;
    height: 18px;
    opacity: .7;
    background: url(/hc/theming_assets/01JRYDG1M1C097RNKQEP1NM61B) no-repeat;
    line-height: 41px;
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -9px;
    margin-top: -9px;
}

.article-footer .article-share .share li:nth-child(1) a {
    background-position: -54px -4px;
}

.article-footer .article-share .share li:nth-child(2) a {
    background-position: -54px -29px;
}

.article-footer .article-share .share li:nth-child(3) a {
    background-position: -53px -128px;
}

.avatar.comment-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.comments .comment-container {
    width: 100%;
}

.comments .comment-container textarea {
    width: 100%;
    height: 80px;
    resize: none;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

#article-comments .comment-form {
    margin-bottom: 65px;
}

#article-comments .comment-form .commentBox {
    display: flex;
}

#article-comments .comment-form .comment-avatar {
    width: 90px;
    height: 68px;
    padding-right: 22px;
    margin: 0 !important;
}

#article-comments .comment-form .comment-avatar img {
    width: 40px;
    height: 40px;
    border: solid 1px #979797;
    border-radius: 100%;
}

@media screen and (min-width: 768px) {
    #article-comments .comment-form .comment-avatar img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (min-width: 991px) {
    #article-comments .comment-form .comment-avatar img {
        width: 68px;
        height: 68px;
    }
}


#article-comments .comment-form .comment-container {
    /*   height: 167px; */
}

#article-comments .comment-form .comment-container textarea {
    height: 167px;
}

#article-comments .comment-form .comment-form-controls {
    text-align: right;
    margin-top: 20px;
}

#article-comments .comment-form .comment-form-controls input[type='submit'] {
    width: 150px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    transition: all .2s ease .3s;
    background: #fff;
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

#article-comments .comment-form .comment-form-controls input[type='submit']:hover {
    background: #18181c;
    color: #fff;
}

.comments #comments.comment-list.mainCommentTop {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #d3d3d3;
}

.comments #comments.comment-list .comment {
    margin-bottom: 50px;
    text-align: left;
}

.comments #comments.comment-list .comment:last-child {
    margin-bottom: 0;
}

.comments #comments.comment-list .comment .comment-author {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

.comments #comments.comment-list .comment .comment-author .comment-avatar {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    margin-right: 10px;
}

.comments #comments.comment-list .comment .comment-author .comment-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: solid 1px #979797;
}

@media screen and (min-width: 768px) {
    .comments #comments.comment-list .comment .comment-author {
        height: 50px;
    }

    .comments #comments.comment-list .comment .comment-author .comment-avatar {
        width: 50px;
    }

    .comments #comments.comment-list .comment .comment-author .comment-avatar img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (min-width: 991px) {
    .comments #comments.comment-list .comment .comment-author {
        height: 68px;
    }

    .comments #comments.comment-list .comment .comment-author .comment-avatar {
        width: 68px;
    }

    .comments #comments.comment-list .comment .comment-author .comment-avatar img {
        width: 68px;
        height: 68px;
    }
}

.comments #comments.comment-list .comment .comment-author .comment-meta {
    display: inline-block;
    vertical-align: middle;
}

.comments #comments.comment-list .comment .comment-author .comment-meta a {
    color: #fbc400;
    font-size: 1.1rem;
}

.comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent span.icon-agent {
    color: #fff;
    background: #fbc400;
    font-size: 12px;
    border-radius: 4px;
    vertical-align: middle;
    padding: 2px 8px;
    font-weight: 400;
}

.comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent .dropdown-menu {
    left: 0 !important;
    right: unset !important;
}

.comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent span:nth-child(3) {
    position: absolute;
    left: 0;
    top: 16px;
}

.comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent span:nth-child(3)>div {
    position: absolute;
    left: 0;

}

@media screen and (max-width: 575px) {
    .comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent.blockIcon {
        margin-top: 2px;
        display: block;
    }

    .comments #comments.comment-list .comment .comment-author .comment-meta span.userActionAgent span.icon-agent {
        font-size: 10px;
        font-weight: 300;
        padding: 2px 4px;
    }
}

.comments #comments.comment-list .comment .comment-author .comment-meta .meta-group {
    margin-top: 5px;
}

@media screen and (max-width: 575px) {
    .comments #comments.comment-list .comment .comment-author .comment-meta .meta-group {
        margin-top: 2px;
    }
}

.comments #comments.comment-list .comment .comment-author .comment-meta .meta-data {
    color: #8b8e89;
    font-size: 1rem;
    display: inline-block;
}

.comments #comments.comment-list .comment .comment-author .comment-meta .comment-actions.actions {}

.comments #comments.comment-list .comment .comment-author .comment-meta .comment-actions.actions .dropdown-menu a {
    color: #18181c;
    font-size: 12px;
    font-weight: 300;
}

.comments #comments.comment-list .comment .comment-author .comment-meta .comment-actions.actions .dropdown-menu {
    left: unset;
    right: 0;
}

.comments #comments.comment-list .comment .comment-body {
    font-size: 1rem;
    font-weight: 300;
}

.comments #comments.comment-list .comment .comment-body .article-content .article-body p {
    word-break: break-all;
    line-height: 1.4;
}

.comments #comments.comment-list .comment .comment-body img {
    max-width: 600px;
    width: 100%;
    height: auto;
}

#article-container .article.articleForm.row {
    position: relative;
}


.article-relatives {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
}

.article-relatives .recent-articles {
    margin-bottom: 30px;
}

@media screen and (min-width: 991px) {
    .article-relatives {
        position: absolute;
        right: 0;
        top: 0;
        border: none;
    }
}

.article-relatives .recent-articles h3,
.article-relatives .related-articles h3 {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.85px;
    color: #8a8e88;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.article-relatives .recent-articles ul li,
.article-relatives .related-articles ul li {
    padding: 5px 0;
    margin-left: 21px;
    padding-left: 15px;
    border-left: 3px solid #d8d8d8;
}

.article-relatives .recent-articles ul li a,
.article-relatives .related-articles ul li a {
    color: #8b8e89;
    font-size: 1.1rem;
    padding: 5px 0;
}

.article-relatives .recent-articles ul li:hover,
.article-relatives .related-articles ul li:hover {
    border-color: #fbc400;
}

.article-relatives .recent-articles ul li:hover a,
.article-relatives .related-articles ul li:hover a {
    color: #fbc400;
}

.profile-header {
    margin: 3rem auto 2rem auto;
    padding: 0 .5rem;
}

.profile-header .profile-avatar .user-avatar {
    border-radius: 100%;
    width: 102px;
    height: 102px;
    object-fit: contain;
    margin-bottom: 8px;
}

.profile-header .profile-avatar .basic-info h2 {
    font-size: 1.1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.67px;
}

.profile-header .profile-avatar .options {
    margin-top: 5px;
}

.profile-header .profile-avatar .options a {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
    color: #898b8e;
    text-align: center;
}

.profile-header .detailInfo ul li {
    text-align: center
}

.profile-header .detailInfo ul li .stat-value {
    font-weight: 600;
    font-size: 1.2rem;
}

.profile-header .detailInfo ul li .stat-label {
    font-weight: 300;
    margin-top: 15px;
    font-size: .7rem;
}

@media screen and (min-width: 512px) {
    .profile-header .detailInfo ul li .stat-label {
        font-size: 1rem;
    }
}

@media screen and (min-width: 991px) {
    .profile-header {
        margin: 85px auto 50px auto;
        padding: 0 .5rem;
    }
}

.profile-header .simpleCountInfo ul {
    padding: 30px;
    border-radius: 3px;
    background-color: #f5f5f7;
}

.profile-header .simpleCountInfo ul li:not(:last-child) {
    margin-bottom: 20px
}

.profile-header .simpleCountInfo ul li .stat-label {
    text-align: left;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    width: 49%;
}

.profile-header .simpleCountInfo ul li .stat-value {
    text-align: left;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    width: 49%;
}

@media screen and (min-width: 512px) {

    .profile-header .simpleCountInfo ul li .stat-value,
    .profile-header .simpleCountInfo ul li .stat-label {
        font-size: 1rem;
    }
}

.profile-header .profile-avatar,
.profile-header .simpleCountInfo,
.profile-header .detailInfo {
    margin-bottom: 30px;
}

@media screen and (min-width: 991px) {

    .profile-header .profile-avatar,
    .profile-header .simpleCountInfo,
    .profile-header .detailInfo {
        margin-bottom: 0;
    }
}

.profile-nav {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 40px;
    width: 100%;
    overflow-y: scroll;
}

.profile-nav .collapsible-nav-list {
    width: 200%;
    display: inline-block;
    font-size: 0;
}

.profile-nav .collapsible-nav-list

.profile-nav .collapsible-nav-list li {
    display: inline-block;
    width: 25%;
    font-size: 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.profile-nav .collapsible-nav-list li:hover:after,
.profile-nav .collapsible-nav-list li[aria-selected="true"]:after {
    content: '';
    width: 100%;
    height: 5px;
    background-color: #fbc400;
    position: absolute;
    bottom: 0;
    left: 0;
}

.profile-nav .collapsible-nav-list li,
.profile-nav .collapsible-nav-list li a {
    color: #8b8e89;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .5px;
}

@media screen and (min-width: 768px) {
    .profile-nav .collapsible-nav-list {
        width: 100%;
    }

    .profile-nav {
        overflow-y: hidden;
    }

    .profile-nav .collapsible-nav-list li {
        padding: 25px 20px;
        width: unset;
    }
}

@media screen and (min-width: 991px) {
    .profile-nav .collapsible-nav-list li {
        padding: 30px;
        width: unset;
    }
}

/* .profile-nav .collapsible-nav-list li */



.profile-section {
    padding: 0 0.5rem;
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
}

.profile-section .profile-section-header {
    margin-bottom: 45px;
}

.profile-section .profile-section-header .profile-section-title {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    font-size: 2rem;
    letter-spacing: 0.85px;
}

.profile-section .profile-activity-list {}

.profile-section .profile-activity-list>li {
    padding-bottom: 70px;
    position: relative;
}

.profile-section .profile-activity-list>li:not(:last-child):after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 83px;
    background: #d3d3d3;
    z-index: -1;
}

.profile-section .profile-activity-list>li:last-child .timeBox:after {
    content: '';
    width: 1px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 83px;
    background: #d3d3d3;
    z-index: -1;
}

.profile-section .profile-activity-list>li .timeBox {
    width: 167px;
    height: 36px;
    border-radius: 18px;
    background-color: #18181c;
    margin-bottom: 20px;
}

.profile-section .profile-activity-list>li .timeBox p {
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.profile-section .profile-activity-list>li ol.breadcrumbs {
    display: inline-block;
    margin-bottom: 15px;
}

.profile-section .profile-activity-list>li ol.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
}

.profile-section .profile-activity-list>li ol.breadcrumbs li a {
    font-size: 1rem;
    vertical-align: middle;
    font-weight: 300;
}

.profile-section .profile-activity-list>li ol.breadcrumbs li:not(:last-child):after {
    content: '>';
    font-size: 1rem;
    font-weight: 300;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.profile-section .profile-activity-list>li .infoBox {
    padding: 30px 20px;
    background: #fff;
    border-radius: 3px;
    border: solid 1px #d3d3d3;
}

.profile-section .profile-activity-list>li .infoBox .profile-contribution-header h3 {
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.profile-section .profile-activity-list>li .infoBox .typeIcon span {
    font-size: 0;
    width: 50px;
    height: 50px;
    display: block;
}

.profile-section .profile-activity-list>li .infoBox .typeIcon span.comment {
    background: url(/hc/theming_assets/01JRYDG1FKB3FF0F2YCE3S0K0K) no-repeat center center;
    background-size: 70%;
}

.profile-section .profile-activity-list>li .infoBox .typeIcon span.post {
    background: url(/hc/theming_assets/01JRYDG17DCEMBGBG165N9YVE2) no-repeat center center;
    background-size: 70%;
}

.profile-section .profile-activity-list>li .infoBox .typeIcon span.article {
    background: url(/hc/theming_assets/01JRYDG17DCEMBGBG165N9YVE2) no-repeat center center;
    background-size: 70%;
}

.profile-section .profile-activity-list>li .infoBox .priviewText .dataName {
    margin-top: 15px;
    font-size: 0;
}

.profile-section .profile-activity-list>li .infoBox .priviewText .dataName li {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
}

.profile-section .profile-activity-list>li .infoBox .priviewText .dataName li.type {
    text-transform: capitalize;
}

.profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group {
    margin-top: 45px;
}

.profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li p {
    font-size: .9rem;
    font-weight: 500;
    color: #898b8e;
    vertical-align: middle;
    text-transform: uppercase;
}

.profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li p span {
    display: inline-block;
    color: #18181c;
    margin-right: 2px;
    vertical-align: middle;
}

.profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li button.comment-link {
    width: 200px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    display: block;
    background: #fff;
    width: 100%;
    letter-spacing: 2.5px;
    font-size: 12px;
    transition: all .2s ease;
    text-transform: uppercase;
    text-align: center;
}

.profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li button.comment-link:hover {
    background: #18181c;
    color: #fff;
}

@media screen and (min-width: 991px) {
    .profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group {
        margin-top: 0;
    }

    .profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li p span {
        margin-right: 0;
        margin-bottom: 9px;
        display: block;
    }

    .profile-section .profile-activity-list>li .infoBox .simpleCounter .meta-group li p span.inline {
        margin-right: 2px;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle;
    }
}

.subPage .page-header h2 {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.85px;
    font-size: 2rem;
    margin-bottom: 30px;
    vertical-align: middle;
}

.subPage .page-header h2>.dropdown {
    vertical-align: middle;
}

.subPage .page-header h2>.dropdown>button {
    font-size: 2rem;
    background: none;
    border: none;
}

.subPage .page-header h2>.dropdown .dropdown-menu a {
    font-weight: 300;
}

.subPage .page-header h2 .post-to-community {
    float: right;
    margin-left: 20px;
}

.subPage .page-header h2 .community-follow {
    float: right;
}

.subPage .page-header h2 .community-follow a.dropdown-toggle {
    text-transform: uppercase;
    letter-spacing: 2.5px;
    transition: all .2s ease-in;
}

.subPage .page-header h2 .post-to-community a.button-large {
    display: block;
    text-align: center;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: solid 1px #18181c;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    transition: all .2s ease-in;
}

.subPage .page-header h2 .post-to-community a.button-large:hover,
.subPage .page-header h2 .community-follow a.dropdown-toggle:hover {
    background: #18181c;
    color: #fff;
}

.topic-header .topic-filters .dropdown {
    margin-left: 30px;
}

.topic-header .topic-filters .dropdown .dropdown-toggle {
    background: none;
    border: none;
    border-bottom: 1px solid #18181c;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding-right: 30px;
    position: relative;
}

.topic-header .topic-filters .dropdown .dropdown-menu {
    left: unset;
    right: 0;
}

.topic-header {
    text-align: right;
}

.topic-header .topic-filters .dropdown .dropdown-toggle:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/hc/theming_assets/01JRYDG0CB3W3DPMJBGNQJMP0G) no-repeat center center;
}

.topic-header .topic-filters .dropdown .dropdown-menu a {
    font-weight: 300;
}

.community-follow,
.post-to-community {
    display: inline-block;
    vertical-align: middle;
}

.community-follow .dropdown-toggle,
.post-to-community a.button.button-large {
    display: block;
    text-align: center;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: solid 1px #18181c;
    letter-spacing: 1.5px;
    text-transform: upprercase;
    font-weight: 300;
    transition: all .2s ease-in;
}

.community-follow .dropdown-toggle:hover,
.post-to-community a.button.button-large:hover {
    background: #18181c;
    color: #fff !important;
}

.community-follow .dropdown-toggle:after {
    content: '';
}

.posts-list.striped-list {
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
}

.posts-list.striped-list>li {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    padding: 26px 0;
}

.posts-list.striped-list>li .striped-list-title {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #18181c;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.posts-list.striped-list>li .meta-group li {
    display: inline-block;
}

.posts-list.striped-list>li .post-detail {
    margin-top: 10px;
}

.posts-list.striped-list>li .striped-list-count-item {
    text-align: center;
    color: #898b8e;
    font-weight: 500;
    text-transform: uppercase;
}

.posts-list.striped-list>li .striped-list-count-item span {
    color: #18181c;
}

.posts-list.striped-list>li .striped-list-count-item em {
    display: inline-block;
    padding: 0 1px;
}

@media screen and (min-width: 768px) {
    .posts-list.striped-list>li .striped-list-count-item em {
        display: block;
        margin-top: 10px;
    }
}

.subPage h2.form-header {
    font-size: 2rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: 0.85px;
    color: #18181c;
    padding: 0 0.5rem;
}

.subPage .writeForm .form-field input[type='text'] {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    border: solid 1px #c3c3cd;
}

.subPage .writeForm .form-field {
    margin-top: 30px
}

.subPage .writeForm .form-field label {
    cursor: text;
}

.subPage .writeForm .form-field #request_subject_label,
.subPage .writeForm .form-field #request_description_label,
.subPage .writeForm .form-field>label {
    display: block;
    height: 11px;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 500;
    cursor: text;
}

.subPage .writeForm .form-field #request_description {
    width: 100%;
    height: 100px;
    resize: none;
}

.subPage .writeForm .form-field .nesty-input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    border: solid 1px #c3c3cd;
}

.subPage .writeForm .form-field .nesty-input:after {
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (min-width: 768px) {
    .posts-list.striped-list>li .striped-list-count-item em {
        display: block;
        margin-top: 10px;
    }
}

.subPage .writeForm .form-field p {
    height: 11px;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 500;
}

.subPage .writeForm .form-field p span {
    font-size: 12px;
}

.subPage .writeForm footer {
    text-align: center;
    margin: 50px auto 120px auto;
}

@media screen and (min-width: 768px) {
    .subPage .writeForm footer {
        text-align: right;
        margin: 50px auto 120px auto;
    }
}


.subPage .writeForm footer input[type='submit'] {
    width: 150px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    font-size: 12px;
    letter-spacing: 2.5px;
    background: none;
    text-transform: uppercase;
    transition: all .2s ease;
}

.subPage .writeForm footer input[type='submit']:hover {
    background: #18181c;
    color: #fff;
}


/* zd-autocomplete-multibrand

zd-autocomplete-breadcrumbs-multibrand */

zd-autocomplete-title-multibrand:visited {
    color: #18181c !important;
    text-decoration: none !important;
    list-style: none !important;
}

zd-autocomplete-title-multibrand {
    color: #18181c !important;
    text-decoration: none !important;
    list-style: none !important;
}


.article-more-questions {
    text-align: center;
}

.article-more-questions a {
    color: #fbc400;
}

.request-container {}

.request-container .request-main h2.request-title {
    color: #18181c;
    font-size: 1.6rem;
    margin-bottom: 30px;
    letter-spacing: 1px;
  	font-weight:700;
  	text-transform:capitalize;
}

.request-container .request-main .comment-info {
    width: 100%;
}

.request-container .request-main .comment-info .comment-author {
    position: relative;
    height: 68px;
    margin-bottom: 30px;
}

.request-container .request-main .comment-info .comment-author .comment-avatar {
    height: 68px;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 10px;
}

.request-container .request-main .comment-info .comment-author .comment-avatar img {
    width: 68px;
    height: 68px;
    border: solid 1px #979797;
    border-radius: 100%;
}

.request-container .request-main .comment-info .comment-author .comment-meta {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.request-container .request-main .comment-info .comment-author .comment-meta>span>a {
    color: #fbc400;
    font-size: 1.1rem;
}

.request-container .request-main .comment-info .comment-body {
    margin-bottom: 30px;
}

.request-container .request-main .comment-info .attachments {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.request-container .request-main .comment-info .attachments .attachment-item>a {
    color: #fbc400;
    font-weight: 400;
}

.request-container .request-main .comment-info .attachments .attachment-item>a:before {
    content: "\1F4CE";
    font-family: "entypo";
    font-size: 15px;
    margin-right: 5px;
    color: #d3d3d3;
    position: relative;
    top: -2px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.request-container .request-main .commentBox {
    display: flex;
}

.request-container .request-main .commentBox .comment-avatar {
    width: 90px;
    height: 68px;
    padding-right: 22px;
    margin: 0 !important;
}

.request-container .request-main .commentBox .comment-avatar img {
    width: 68px;
    height: 68px;
    border: solid 1px #979797;
    border-radius: 100%;
}

.request-container .request-main .commentBox .comment-container {
    width: 100%;
}

.request-container .request-main .commentBox .comment-container textarea {
    width: 100%;
    height: 80px;
    resize: none;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.request-main .comment-fields,
.request-main .request-submit-comment {
    display: none;
}

.request-main .comment-form-controls {
    display: block;
}

.request-main .comment-ccs {
    display: block;
}

.request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    text-align: inherit;
    padding: 8px 25px;
    width: 100%;
}

.request-main input#mark_as_solved {
    display: none;
}

.request-title {
    width: 100%;
}

.comment-callout {
    padding-bottom: 60px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
}

.comment-callout a {
    font-weight: 600;
    color: #fbc400;
}

.post-body p img {
    width: auto;
    max-width: 100%;
}

/* table style */
div.table-responsive>table,
table.tblStyle,
table.confluenceTable {
    /*   width: auto !important; */
    max-width: 100% !important;
}

div.table-responsive>table th,
table.tblStyle th,
table.confluenceTable th {
    color: #313033;
}

div.table-responsive>table td,
table.tblStyle td,
table.confluenceTable td {
    color: #313033;
    border: 1px solid #313033;
}

.marginFull {
    margin-bottom: 200px;
}

zd-autocomplete {
    
	transition:all .2s ease-in-out;
}

/* 아티클 페이지 테스트 */
#article_faq {
  border-top:1px solid #d3d3d3;
}

#article_faq .que,
#article_faq .anw {
  width:100%;
  padding:10px;
  border-bottom:1px solid #d3d3d3;
}

#article_faq .anw a{
  color : #FF8A00;
  font-weight:500;
}

#article_faq .que {
  cursor: pointer;
}

#article_faq .anw {
  display:none;
  background-color:#f5f5f7;
}

header.my-activities-header {
  width:100%;
}

header.my-activities-header .header-title {
  width:100%;
  display:flex;
  flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-start;
  flex-direction:column;
}

header.my-activities-header .header-title h2 {
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  font-size: 2rem;
  margin-bottom: 30px;
  text-align:left;
  flex-basis:100%;
  max-width:100%;
}

header.my-activities-header .search_box {
  flex-basis:100%;
  max-width:100%;
  width:100%;
  text-align:right;
  margin-bottom:20px;
}

header.my-activities-header .search_box form .search {
  position:relative;
	height: 30px;
}

header.my-activities-header .search_box form input[type="search"] {
  width: 100%;
	height: 30px;
  border: 1px solid #C3C3CD;
	border-radius: 3px;
	box-sizing: border-box;
  padding: 14px 10px;
	gap: 10px;
  position:relative;
}

header.my-activities-header .search_box form .search:after {
  display:block;
  content:'';
  width:18px;
  height:18px;
  background-image: url(/hc/theming_assets/01JRYDG09MV1KE1NXP5PG1ZJGW);
  background-repeat:no-repeat;
  background-size:18px;
  position:absolute;
  top:50%;
  right:0;
  transform:translate(-50%, -50%);
  z-index;1;
}

@media screen and (min-width: 768px) {
    header.my-activities-header .header-title {
      	flex-direction:row;
    }
/*   	header.my-activities-header .header-title h1 {
       flex-basis:50%;
  		 max-width:50%;
	  } */
    header.my-activities-header .search_box {
      flex-basis:50%;
      max-width:50%;
      text-align:right;
      margin-bottom:0;
    }
    header.my-activities-header .search_box form input[type="search"] {
      width:200px;
    }
}


.my-activities-filter {
  width:100%;
  margin-bottom:20px;
}

.my-activities-filter .filter-box {
  display:flex;
  align-items:center;
  justify-content: flex-end;
  flex-direction:row;
  flex-wrap:wrap;
}


.my-activities-filter .filter-box .filter-box-button {
    flex-basis:100%;
    max-width:100%;
  	text-align:right;
  	margin-bottom:10px;
}

@media screen and (min-width: 768px) {
   .my-activities-filter .filter-box .filter-box-button {
      flex-basis:auto;
    	max-width:auto;
     	margin-right:8px;
     	margin-bottom:0;
    }
}

.request-table-filter #request-status-select-button {
    background: none;
    border: none;
    border-bottom: 1px solid #18181c;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    height: 30px;
  	border-radius:0;
    position: relative;
  	outline:none;
  	width:140px;
}

.subPage .requests {
  width:100%;
}

.subPage .requests .table {
  width:100%;
}


/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  display: inline-block;
  padding: 4px 10px;
  gap: 10px;
  height: 26px;
  background: #FFEAED;
  border-radius: 100px;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-transform:capitalize;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
}

.tableTd .status-label:hover, 
.tableTd .status-label:active,
.tableTd .status-label:focus {
  text-decoration: none;
}

.tableTd .status-label-pinned, 
.tableTd .status-label-featured, 
.tableTd .status-label-official {
  background-color: rgba(24, 24, 28, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

[dir="rtl"] .status-label-official {
  left: 30px;
  right: auto;
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #666;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #FFF1C9;
  color:#FF9900;
}

.status-label-solved {
  background-color: #ECFCEB;
  color:#3ACB4C;
}

.status-label-new {
  background-color: #FFEBAF;
  color: #E06E14;
}

.status-label-hold {
  background-color: #F5F5F7;
  color:#6A6A6F;
}

.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/* check & radio button */
  .control {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    color: $colorBl;
    font-size: 12px;
    line-height: 23px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
  }

  .control input[type='checkbox'],
  .control input[type='radio'] {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .controlRadio .controlRadioIndicator,
  .controlRadio .storecontrolRadioIndicator {
    border-radius: 20px;
  }

  .controlCheckbox .controlIndicator,
  .controlCheckbox .closetcontrolIndicator,
  .controlCheckbox .storecontrolIndicator {
    border-radius: 3px;
  }

  .controlIndicator,
  .closetcontrolIndicator,
  .storecontrolIndicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
    border: 1px solid #c3c3cd;
    &.trans {
      background: none;
    }
  }

  .controlIndicatorDisabled {
    position: absolute;
    border-radius: 3px;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
    border: 1px solid #c3c3cd;
  }

  .controlRadioIndicator,
  .storecontrolRadioIndicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
    border: 1px solid #c3c3cd;
    border-radius: 100%;
  }

  .controlRadioDisabled {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
    border: 1px solid #c3c3cd;
  }

  .control input:checked ~ .controlRadioIndicator {
    border: 1px solid #fbc400;
    border-radius: 100%;
    background: #fbc400 url('https://s3.marvelousdesigner.com/newmdweb/image/icon/ui/radio_on.svg')
      no-repeat -2px center;
  }

  .control input:checked ~ .controlIndicator {
    border: 1px solid #fbc400;
    background: #fbc400 url('https://s3.marvelousdesigner.com/newmdweb/image/icon/ui/check_on.svg')
      no-repeat -2px center;
  }


.requestListSection .request-container .comment-list .comment{
  border-bottom: 1px solid #C3C3CD;
  margin-bottom: 20px;
}

.requestListSection .request-container .comment-list .comment:nth-last-child(1) {
  margin-bottom:0;
}

.requestListSection .request-container .attachments{
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin-bottom:30px !important;
}

.requestListSection .request-container .attachment-item a{
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #18181C !important; 

}

.reqCommentFormSection {
  margin-top:40px;
}

.reqCommentFormSection #request-attachments-pool {
  display:block;
  width:100%;
}

.reqCommentFormSection .upload-item {
/*   display:flex;
  align-items:center;
  width:50%; */
}

.reqCommentFormSection .upload-item .upload-link {
  order:1;
}

.reqCommentFormSection .upload-item .upload-remove {
  order:3;
}

.reqCommentFormSection .upload-item .progressSection {
  width:80px;
  order:2;
}

.reqCommentFormSection .upload-item .upload-progress {
  background-color:#FBC400;
  order:2;
  position:relative;
  height:6px;
  border-radius: 5px;
}

.reqCommentFormSection .upload-item .upload-progress:before {
/*   background-color:#FBC400; */
  display:block;
  content:'';
  width:80px;
  background:#E5E6EB;
  height:6px;
  border-radius: 5px;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
}

.comment-container .comment-show-container  {
  height: 48px;
	border-radius: 3px;
  background:#fff;
}

.comment-container .comment-fields  {
	border-radius: 3px;
  background:#fff;
  position:relative;
}

.comment-fields.textareaBox {
  height: 48px;
  position:relative;
}

.comment-container .comment-fields #request_comment_body {
  height: 48px;
	border-radius: 3px;
  background:#fff;
  caret-color:#FBC400;
  padding:10px;
}

.comment-fields .attachmentsButton {
  cursor:pointer;
  width: 18px;
	height: 18px;
  background-image:url(/hc/theming_assets/01JRYDG140R6AZHW199SXW13PG);
  background-repeat:no-repeat;
	background-size:100%;
  position:absolute;
  top:50%;
  right:10px;
  transform:translate(0, -50%);
}

.comment-fields .upload-dropzone{
  display:none;
}

.reqCommentFormSection .comment-form-controls {
  	display: flex;
    justify-content: flex-end;
}

.reqCommentFormSection .comment-form-controls .request-submit-comment {
  display:block !important;
}

.reqCommentFormSection .comment-form-controls .request-submit-comment input[type="submit"] {
 		width: 150px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #18181c;
    transition: all .2s ease .3s;
    background: #fff;
    font-size: 12px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
  	margin-top:16px;
}

.request-follow-up {
  text-align:right;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.request-follow-up a {
  color:#FBC400;
  font-size: 14px;
}

.requestListSection .satisfaction-box {
  background:#fff;
  border:1px solid #C3C3CD;
  border-radius:2px;
  text-align:center;
  width:700px;
  padding:20px; 
}

.requestListSection .satisfaction-box h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom:20px;
}

.requestListSection .satisfaction-box h4.success {
  margin-bottom:0;
}

.requestListSection .satisfaction-box form {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}

.requestListSection .satisfaction-box form input[type=radio]~label{
	width: 139px !important;
	height: 30px !important;
  font-weight: 500 !important;
	font-size: 12px !important;
  color: #18181C;
  border:1px solid #18181c;
  border-radius: 3px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-right:10px !important;
  padding:0 !important;
  transition:all .2s ease-in;
}

.requestListSection .satisfaction-box form input[type=radio][value=bad]+label {
  margin-right:0 !important;
}

.requestListSection .satisfaction-box form input[type=radio][checked=checked][value=good]+label,
.requestListSection .satisfaction-box form input[type=radio][checked=checked][value=bad]+label {
  margin-right:0 !important;
}

.requestListSection .satisfaction-box form input[type=radio]~label:hover,
.requestListSection .satisfaction-box form input[type=radio][checked=checked][value=good]+label,
.requestListSection .satisfaction-box form input[type=radio][checked=checked][value=bad]+label{
  background-color:#18181c !important;
  color:#fff;
  border-color:#18181c !important;
}

.requestListSection .satisfaction-box form .satisfaction-comment {
  flex-basis:100%;
  max-width:100%;
}

.requestListSection .satisfaction-box form .satisfaction-comment:before {
  display:block;
  content:'';
  width:100%;
  height:1px;
  background-color:#D9D9D9;
  margin-bottom:20px;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction_rating_comment {
  width:100%;
  text-align:left;
  padding:20px 30px 0;
  background-color:#F5F5F7;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction_rating_comment label {
  order:1;
  font-weight: 500;
	font-size: 14px;
	line-height: 20px;
  color: #18181C;
  text-align:left;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction_rating_comment #satisfaction_rating_comment {
  width: 600px;
	height: 48px;
  border-radius: 3px;
  order:2;
  border-color:#C3C3CD;
  background:#F5F5F7;
  outline:none;
  margin-top:10px;
  margin-bottom:10px;
}

.requestListSection .satisfaction-box .satisfaction-link-box {
  display:flex;
  justify-content:flex-end;
}

.requestListSection .satisfaction-box h4:not(:first-child) {
  padding-top: 20px;
  border-top: 1px solid #d3d3d3;
}

.requestListSection .satisfaction-box .satisfaction-comment .satisfaction-link-box {
  background-color:#F5F5F7;
  padding:0 30px 20px;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction-link-box a {
  margin-left:0;
}

.requestListSection .satisfaction-box .satisfaction-comment .satisfaction-link-box a,
.requestListSection .satisfaction-box .satisfaction-link-box a.satisfaction-link-change,
.requestListSection .satisfaction-box .satisfaction-comment .satisfaction-link-box input[type="submit"]{
  height: 30px;
  border: 1px solid #18181C;
	border-radius: 3px;
  background-color:transparent;
  color:#18181c;
  padding: 0px 15px;
  transition:all .2s ease-in;
  display:flex;
  align-items:center;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction-link-box input[type="submit"] {
  margin-left:10px;
}

.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction-link-box a:hover,
.requestListSection .satisfaction-box form .satisfaction-comment .satisfaction-link-box input[type="submit"]:hover {
  background-color:#18181c !important;
  color:#fff;
  border-color:#18181c !important;
}

@media screen and (max-width:699px) {
  .requestListSection .satisfaction-box,
  .requestListSection .satisfaction-box form .satisfaction-comment .satisfaction_rating_comment #satisfaction_rating_comment {
 		width:100%;   
  }
  
  .requestListSection .satisfaction-box form .satisfaction-comment .satisfaction-link-box {
    justify-content:center;
  }
  
  .requestListSection .satisfaction-box form .satisfaction-comment .satisfaction_rating_comment {
    text-align:center;
    font-size: 14px;
  }
}

.wysiwyg-color-blue a {
  color: blue !important;
}

.wysiwyg-color-red a {
  color: red !important;
}

.article-footer-box {
  width:100%;
}

.article-footer-box .article-votes {
  width:100%;
  background-color:#F5F5F7;
  padding:45px;
  text-align:center;
  border-radius: 3px;
  margin-bottom:30px
}

.article-footer-box .article-votes h5 {
  font-weight: 700;
	font-size: 18px;
	line-height: 24px;
  color:#000;
  margin-bottom:24px;
}

.article-footer-box .article-votes .article-votes-controls {
  display:flex;
  align-items:center;
  justify-content: center;
  margin-bottom:24px;
}

.article-footer-box .article-votes .article-votes-controls a {
  display:flex;
  align-items:center;
  justify-content: center;
  padding: 0px 15px;
  width: 100px;
  height: 30px;
  border: 1px solid #18181C;
  border-radius: 3px;
  color:#18181c;
  transition:all .2s ease-in;
}

.article-footer-box .article-votes .article-votes-controls a:before {
  content:attr(title);
  font-weight: 700;
	font-size: 12px;
  display:block;
}

.article-footer-box .article-votes .article-votes-controls a:not(:last-child) {
  margin-right:12px;
}

.article-footer-box .article-votes .article-votes-controls a:hover {
  color:#fff;
  background-color:#18181c;
}

.article-footer-box .article-votes .article-vote-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

@media screen and (max-width:1168px) {
  .article-footer-box .article-votes h5 {
    font-size: 16px;
    line-height: 22px;
  }	
  
  .article-footer-box .article-votes .article-vote-label {
    font-size: 10px;
		line-height: 16px;
  }
}

@media screen and (max-width:768px) {
   .article-footer-box .article-votes h5 {
	    font-size: 14px;
			line-height: 20px;
  }	
  .article-footer-box .article-votes .article-vote-label {
    font-size: 10px;
		line-height: 16px;
  }
}

@keyframes openMenu {
    0% {
        opacity:0;
        max-height: 0;
        overflow:hidden;
    }

    100% {
        opacity:1;
        max-height: 500px;
        overflow:auto;
    }
}

#google_translate_element {
  max-width: 175px;
  margin: 0px 0 20px 0;
}

.goog-te-combo {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A")
  no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

.mWrapper {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 70;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 28, 0.3);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;    
}

.mWrapper .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    height: auto;
    max-width: 700px;
}

.mWrapper .container .content {
    position: relative;
    width: 100%;
    aspect-ratio: 1.6470588235;
    height: auto;
    min-height: 400px;
    border-radius: 10px;
}

@media screen and (max-width:699px) {
    .mWrapper .container .content {
        max-width: 90%;
        max-height: 507px;
        overflow: hidden;
    }	
}

@media screen and (max-width:375px) {
    .mWrapper .container .content {
        aspect-ratio: 0.89;
    }	
}

.mWrapper .container .content .closeIcon {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 4;
    top: 20px;
    right: 20px;
    cursor: pointer;
    path {
        fill: #fff;
    }
}

.mWrapper .container .content .backgroundSection {
    --default-background-color: linear-gradient(
        0deg,
        #131313 0%,
        #434343 100%
    );
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: absolute;
    background-image: url('https://s3.marvelousdesigner.com/newmdweb/mainpop/community_1920.webp'), var(--default-background-color);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    border-radius: 3px 3px 50px 3px;
    overflow: hidden;
}

@media screen and (max-width:699px) {
    .mWrapper .container .content .backgroundSection {
        background-image: url('https://s3.marvelousdesigner.com/newmdweb/mainpop/community_375.webp'), var(--default-background-color);
    }
}

.mWrapper .container .content .backgroundSection .maskingLayer {
    height: 100%;
    background: linear-gradient(
            322deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.3) 100%
        ),
        rgba(0, 0, 0, 0.2);
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection {
    padding: 56px 50px 0;
    color: var(--color-g-0);
}


@media screen and (max-width:699px) {
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection {
        padding: 56px 18px 0;
        margin-bottom: 10px;
    }
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .subTitle .connect {
    background-image: url(/hc/theming_assets/01JRYDG24Q589JNEC7ZMA3GX8D);
    width: 91px;
    height: 18px;
    background-size:contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .title {
    font-weight: 700;
    margin-bottom: 4px;
    word-break: break-word;
    text-align: left;
    color:#fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .desc {
    margin-bottom: 32px;
    color:#fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

@media screen and (max-width:1440px) {
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .title{}
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .desc{}
}

@media screen and (max-width:1024px) {
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .title{
        font-size: 25px;
        letter-spacing: 0;
    }
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .desc{
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width:768px) {
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .title{
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
    }
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .desc{
        font-size: 12px;
        line-height: 18px;
    }
}

@media screen and (max-width:375px) {
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .title{}
    .mWrapper .container .content .backgroundSection .maskingLayer .contentSection .desc{
        font-size: 11px;
        line-height: 16px;
    }
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .buttonSection {
    width: 100%;
    display: flex;
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .buttonSection a {
    display: flex;
    align-items: center;
    text-transform: capitalize;
    border-radius: 47px;
    border-width: 0px;
    height: auto !important;
    color: #fff;
    background: #ffb500;
    padding: 10px 28px;
}

.mWrapper .container .content .backgroundSection .maskingLayer .contentSection .buttonSection a:hover {
    background: linear-gradient(
        180deg,
        rgba(255, 181, 0, 1),
        rgba(255, 138, 0, 1)
    ) !important;
    box-shadow: 0px 20px 40px 0px rgba(239, 162, 24, 0.2) !important;
}

.mWrapper .container .dont_show {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 5px;
    width: 100%;
    position: relative;
}

.mWrapper .container .dont_show * {
    cursor: pointer;
}

.mWrapper .container .dont_show p {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}
.mWrapper .container .dont_show .closeIcon svg{
    width: 12px;
    height: 12px;
}

.mWrapper .container .dont_show .closeIcon svg path {
    fill: #fff;
}

@media screen and (max-width:1024px) {
    .mWrapper .container .dont_show p {
        font-size: 10px;
        line-height: 16px;
    }
}

@media screen and (max-width:768px) {
    .mWrapper .container .dont_show p {
        font-size: 10px;
        line-height: 14px;
    }
}

@media screen and (max-width:375px) {
    .mWrapper .container .dont_show p {}
}