/* BASIC css start */
#container {
  width: 100%;
  position: relative;
  background-color: var(--bg__colorG0G6);
  padding-bottom: 60px;
}
#inner__content{
    padding: 40px 20px;
}
.inner__tit {
  font-size: 2em;
  font-weight: bold;
}
.inner__titbtn{
    flex-wrap: wrap;
    gap:6px;
    margin-top:10px;
}
.inner__titbtn a{
    width: auto !important;
    padding: 0px 8px;
    line-height: 28px;
    text-align: center;
    color: var(--txt__colorG4G3);
    border: 1px solid var(--bd__colorG2G5);
    border-radius: 500px;
}
#inner__content .subClist__pointer{
    font-weight: bold;
    border-width: 2px;
}

.crazy11joinAD__txt::first-line,
.crazy11Support__txt::first-line {
  color: #3c1e1e;
  font-weight: bold;
  font-size: 1.2em;
}
.crazy11joinAD__btn{
    margin: 0px 20px;
    padding: 20px 0px;
    border-radius: 500px;
    background: #ffdc00;
    line-height: 20px;
    margin-top:40px;
    gap: 10px;
}
.crazy11joinAD__logo{
    width: 40px;
    height: 40px;
    padding: 4px;
    margin: 0px 5px 0px 10%;
}
.chatballoon__icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 15px;
    margin-right: 6px;
    border: 1px solid #3c1e1e;
    border-radius: 50%;
    position: relative;
    background-color: #3c1e1e;
}
.chatballoon__icon:before, .chatballoon__icon:after {
    content: "";
    position: absolute;
}
.chatballoon__icon.crazy11joinAD__icon::before{
    border-style: solid;
    border-color: #3c1e1e transparent transparent transparent;
    bottom: -4px;
    left: 3px;
    border-width: 11px 15px 0px 0px;
}
.chatballoon__icon.crazy11joinAD__icon::after{
    bottom: -0.5px;
    left: 4px;
    border-width: 2px 6px 0px 0px;
    border-style: solid;
    border-color: #3c1e1e transparent transparent transparent;
}
.crazy11joinAD__txt {
    color: #464646;
}


.search-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-bottom:12px;
}
.search-wrap .faqInput{
    position:relative;
    flex: 1;
}
.search-wrap .faqInput input{
    width:100%;
    min-width: 0;
    background-color: var(--bg__colorG2G5);
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}
.search-wrap .faqInput input:focus{
    outline: none;
}
.search-wrap a{
    width: 80px;
    flex-shrink: 0;
    text-align: center;
    border: 1px solid var(--bg__colorG2G5);
    height: 40px;
    line-height: 40px;
}

#faqWrap .paging{
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px 0;
}
#faqWrap .paging a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 4px;
    text-decoration: none;
}
#faqWrap .paging a.now{
    font-weight: bold;
    border: 1px solid Var(--bd__colorG5G2);
    border-radius: 500px;
}

#faqWrap #faqTable tbody tr td{
    border-bottom: 1px solid var(--bd__colorG2G5);
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
#faqWrap #faqTable tbody tr td .faqiconQ1, #faqWrap #faqTable tbody tr td .faqiconA1{
    width: 18px;
    flex-shrink: 0;
}
#faqWrap #faqTable tbody tr td .faqiconQ2, #faqWrap #faqTable tbody tr td .faqiconA2{
    flex-shrink: 0;
    width: 100px;
}
#faqWrap #faqTable tbody tr td .faqiconQ3, #faqWrap #faqTable tbody tr td .faqiconA3{
    flex: 1;
}
#faqWrap #faqTable tbody tr td .faqiconQ1 p{
    width: 18px;
    height: 18px;
    text-align: center;
    color: var(--txt__colorW);
    background: var(--bg__colorB);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
}
#faqWrap #faqTable tbody tr td .faqiconA1 p{
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    background: #e41717;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
}
#faqWrap #faqTable tbody tr td .faqicon{
    padding:10px 0px;
}
/******************************************************************
category
******************************************************************/

@media (min-width: 768px) {
  #inner__content {
    max-width: 768px;
    margin: 0px auto;
  }
  .inner__tit, .inner__titsub{
    text-align: right;
  }
  .inner__titbtn{
      justify-content: flex-end;
  }
  /******************************************************************
    category
    ******************************************************************/
}

@media (min-width: 1024px) {
  /******************************************************************
    category
    ******************************************************************/
}

@media (min-width: 1280px) {
  .inner__tit, .inner__titsub{
    text-align: center;
  }
  .inner__titbtn{
      justify-content: center;
  }
  /******************************************************************
    category
    ******************************************************************/
}











.boardBtnBg{padding:0px 13px; margin-top:12px;}
.cusKakao{display:flex; justify-content:space-evenly; align-items:center; padding:20px 0px; width:100%; border:3px solid #f1d707; background:#fedc00; color:#3c1e1e; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-bottom:10px;}
.cusKakao span{display:block; float:left;}
.cusKakao .cusKicon{width:37px; height:37px; background:url(//winv007.img18.kr/newMobile/img/customerCenter.png) no-repeat; background-size:289px; background-position:0px 0px;}
.cusKakao span p{line-height:15px; font-size:11px;}
.cusKakao span p.tit{font-size:18px; line-height:20px; font-weight:bold; margin-bottom:2px;}
/* Ä«Ä«¿À »ó´ãÅå */

.boardBtn{border-bottom:1px solid #ececec;}
.boardBtn li{float:left; width:33.333%; border-right:1px solid #ececec; box-sizing:border-box;}
.boardBtn li:last-child{border-right:none;}
.boardBtn li a{display:block; width:100%; padding-top:20px;}
.boardBtn li a span{display:block; width:37px; height:37px; margin:0px auto 6px auto; background:url(//winv007.img18.kr/newMobile/img/customerCenter.png) no-repeat; background-size:289px;}
.boardBtn li a span.bBtnicon1{background-position:-42px 0px;}
.boardBtn li a span.bBtnicon2{background-position:-84px 0px;}
.boardBtn li a span.bBtnicon3{background-position:-210px 0px;}
.boardBtn li a p{text-align:center; padding-bottom:19px; font-weight:bold; line-height:14px;}
/* ¹®ÀÇ°Ô½ÃÆÇ ¹öÆ°¸ðÀ½ */

.boardBtn2{margin-bottom:12px;}
.boardBtn2 li{float:left; width:50%; border-right:1px solid #ececec; box-sizing:border-box;}
.boardBtn2 li:last-child{border-right:none;}
.boardBtn2 li a{display:block; padding:18px 0px;}
.boardBtn2 li a p{text-align:center; font-weight:bold; line-height:14px;}
/* ¹öÆ°¸ðÀ½ */

#faqWrap{padding:0px 13px;}
#faqWrap .faq-menu{border-top:1px solid var(--bd__colorG2G5); border-left:1px solid var(--bd__colorG2G5); margin-bottom:10px; color: var(--txt__colorG4G3);}
#faqWrap .faq-menu a{display:block; float:left; width:50%; line-height:13px; padding:11px 0px 10px 0px; text-align:center; border-right:1px solid var(--bd__colorG2G5); border-bottom:1px solid var(--bd__colorG2G5);}
#faqWrap .faq-menu a.red{}
#faqWrap #faqTable{width:100%;}
#faqWrap #faqTable tbody tr td.answer{background:#fafafa;}
/* FAQ */

.otherBoardBtn{width:100%;}
.otherBoardBtn li{float:left; width:33.333%;}
.otherBoardBtn li a{display:block; width:100%; border-bottom:1px solid var(--bd__colorG2G5);; padding-top:18px;}
.otherBoardBtn li a span{display:block; width:37px; height:37px; margin:0px auto 7px auto; background:url(//winv007.img18.kr/newMobile/img/customerCenter.png) no-repeat; background-size:289px;}
.otherBoardBtn li a .boardicon1{background-position:0px -42px;}
.otherBoardBtn li a .boardicon2{background-position:-42px -42px;}
.otherBoardBtn li a .boardicon3{background-position:-84px -42px;}
.otherBoardBtn li a .boardicon4{background-position:-126px -42px;}
.otherBoardBtn li a .boardicon5{background-position:-168px -42px;}
.otherBoardBtn li a .boardicon6{background-position:-210px -42px;}
.otherBoardBtn li a p{font-weight:bold; line-height:15px; text-align:center; margin-bottom:17px;}
/* ±âŸ °Ô½ÃÆÇ ¹öÆ° */

.csCenter{width:100%; padding:40px 0 58px 0;}
.csCenter1{border-bottom: 1px solid var(--bd__colorG2G5);}
.csCenter p{font-weight:bold; font-size:16px; color:#202020; margin-left:13px; margin-bottom:9px;}
.csCenter a{display:block; width:100%; line-height:15px; font-size:13px; padding:10px 0 12px 0; text-align:center; margin-bottom:10px; background:var(--bg__colorBB2);; color:var(--txt__colorW); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.csCenter a span{display:inline-block; width:14px; height:14px; vertical-align:middle; background:url(//winv007.img18.kr/newMobile/img/customerCenter.png) no-repeat; background-size:289px; background-position:0px -82px;}
.csCenter .csCenterInfo{display:inline-block; line-height:15px; color:#aaa; width:100%; border-left:13px solid #fff; border-right:13px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.csCenter .csCenterInfo span{display:block; margin:5px 0px; border:1px solid var(--bd__colorG2G5); color:#464646; padding:10px; font-weight:bold;}
/* °í°´¼¾ÅÍ ÀüÈ­ */

.bannerLink{width:100%; padding-bottom:20px; border-bottom:1px solid #ececec;}
.bannerLink a{display:block; width:100%;}
.bannerLink img{width:100%;}
/* BASIC css end */