input:focus {outline:none;}
  .faq_box {max-width:810px; margin:0 auto; margin-top:95px; border-radius:10px; box-shadow: 0px 3px 11px rgba(0,0,0,0.3); overflow: hidden;}
  .faq_box .faq_txt {height:650px; width:100%; padding:50px 60px 0 60px; background:#fff; overflow-y: scroll; -ms-overflow-style: none;  overscroll-behavior: contain}
  .faq_box .faq_txt{ position:relative;}
  .faq_box .faq_txt .close {position:absolute; right:25px; top:30px;}
  .faq_box .faq_txt::-webkit-scrollbar{ display:none; }
  .faq_box .faq_txt h2 {font-size:1.7em; font-family: 'GmarketSansMedium'; font-weight:400; margin-bottom:25px;}
  .faq_box .faq_txt h2 b {color:#5ac2d3;}
  .faq_box .faq_txt .line {width:45px; height:3px; background:#5ac2d3; position: relative; margin-bottom:30px;}
  .faq_box .faq_txt .line:after {content:''; width:45px; height:3px; background:#ccc; position: absolute; left:48px;}
  .faq_box .faq_txt p {font-size:1em; font-family: 'GmarketSansLight'; margin-top:2px;}

  .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

        }
        .close4 {
              color: #aaa;
              position:fixed;
              width:90%;
              margin-top:-2px;
              z-index:1000; 
              text-align:right;
              font-size: 20px;
              font-weight: bold;
          }
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 0 auto; /* 15% from the top and centered */
            top:50%;
            transform: translate(0%, -50%);
            padding: 20px;
            height:350px;
            position:relative;
            border: 1px solid #888;
            width: 350px; /* Could be more or less, depending on screen size */                          
        }
      .modal-content h1 {font-family: 'GmarketSansMedium'; font-size:1.3em; text-align:center; position:fixed; height:50px; z-index:100; width:100%; left:0; right:0; margin:0 auto;}
    
    .modal-content p {width:100%; height:270px; -ms-overflow-style: none;overflow-y:scroll; margin-top:60px; position: relative; top:20px; color:#555;}
   .modal-content p::-webkit-scrollbar{ display:none; }



.faq_list {margin-top:30px}
.faq_list ul {width:100%;display:flex;flex-wrap:wrap;}
.faq_list ul li {margin-right:5px;}
.faq_list ul li button {width:100%; padding:8px 20px;  border:none;  background:#f7f7f7;color:#999999;position:relative; border:solid 1px #f7f7f7;}
.faq_list ul li button.on {background:#ffffff;color:#5ac2d3; }
.faq_list ul li button.on:after {content:'';display:block;width:calc(100% + 2px);height:calc(100% + 2px);border:solid 1px #5ac2d3;position:absolute;top:-1px;left:-1px;z-index:5}

.faq {padding:30px 0; display:none;}
.faq ul {border-top:solid 1px #dddddd}
.faq ul li {width:100%;border-bottom:solid 1px #dddddd;line-height:1.8}
.faq ul li > div p {padding:0 60px}
.faq ul li > div:before {content:'A.'; display:block;font-size:20px;position:absolute;left:22px;top:15px}
.faq ul li .question {align-items:center;font-weight:600;font-size:15px;padding:20px 0;cursor:pointer;position:relative}
.faq ul li .question:before {content:'Q.'}
.faq ul li .question.on:before {color:#5ac2d3;}
.faq ul li .question.on {color:#5ac2d3;}
.faq ul li .question:after {content:'';display:block;position:absolute;right:20px;top:26px;width:24px;height:24px;background:url('arrow_btm.svg') no-repeat;background-size:cover}
.faq ul li .question.on:after {transform:rotate(180deg)}
.faq ul li .answer {display:none;font-size:14px;padding:24px 0;border-top:solid 1px #eeeeee;background:#f7f7f7;position:relative; color:#666; font-weight:600;}
.faq ul li .re_bt {display:inline-block;margin-left:60px; background:#5ac2d3; color:#fff; font-weight:400; padding:2px 10px ; margin-top:10px;}
.faq ul li .delect_bt {display:inline-block;margin-left:5px; background:#999; color:#fff; font-weight:400; padding:2px 10px ; margin-top:10px;}


/*faq_write*/
.faq_write select {height:40px; border:1px solid #ccc; border-radius:5px; padding:3px 7px 0 7px; font-size:1.1em; color:#666; font-family: 'GmarketSansMedium'; letter-spacing: 1px;}
.faq_write .title {width:100%; border:1px solid #ccc; border-radius:5px; height:40px; margin:15px 0 8px 0; padding:2px 10px 0 10px; font-size:1.1em; font-family: 'GmarketSansMedium';}
.faq_write .content {width:100%; height:300px; border-radius:5px; border:1px solid #ccc; font-size:1.1em; padding:10px 10px; font-family: 'GmarketSansMedium';}
.faq_write .submit_bt {margin-top:20px; height:50px; line-height:52px; width:105px; letter-spacing: 0.5px; border-radius:5px; color:#fff; background:#5ac2d3; text-align:center; border:none; font-size:1.15em;  font-family: 'GmarketSansMedium';}
.faq_write .cancel {margin-top:20px; height:50px; line-height:52px; width:105px; letter-spacing: 0.5px; border-radius:5px; color:#fff; background:#999; text-align:center; border:none; font-size:1.15em;  font-family: 'GmarketSansMedium';}

  @media screen and (max-height:900px){
    .faq_box {margin-top:70px;}
    .faq_box .faq_txt {height:550px; padding:45px 60px;}
    .faq_box .faq_txt .wid_log {margin-top:25px;}
  }
  @media screen and (max-height:800px){
    .faq_box .faq_txt {height:500px;}
  }

  @media screen and (max-width:992px) {
    .faq_box .logo_img_box {display:none;}
    .faq_box {width:90%; margin:0 5%; margin-top:135px; }
    .faq_box .faq_txt {width:100%;}
  }
  @media screen and (max-width:550px) {
    .faq_box {width:90%; margin:0 5%; margin-top:35px; }
    .faq_box .faq_txt {width:100%; padding:30px 25px; height:500px;}
    .faq_box .faq_txt h2 {font-size:1.5em;}
    .faq_box .faq_txt .line {margin-bottom:30px;}
    .faq_box .faq_txt .input_box {height:40px;}
    .faq_box .faq_txt .input_box i {font-size:1.1em; left:5px; top:1px;}
    .faq_box .faq_txt .input_box input {width:83%; height:29px; font-size:.9em;}

    .faq_box .faq_txt #ck1 {margin-top:9px;}
    .faq_box .faq_txt .ck_label {font-size:.8em; margin-top:10px;}
    .faq_box .faq_txt .mem_a {font-size:.8em; margin-top:10px;}
    .faq_box .faq_txt .bt_log, .faq_box .faq_txt .bt_join {height:35px; margin-top:20px; font-size:.9em;}
    .faq_box .faq_txt .wid_log {margin-top:30px;margin-right:20px; font-size:.8em;}
    .faq_box .faq_txt .wid_link {font-size:.8em;}

    .modal-content {width:90%;}

    .faq ul li > div:before {left:10px; top:7px; font-size:17px;}
    .faq ul li .question:after {right:10px; top:11px;}
    .faq ul li .question {font-size:12px; padding:10px 0;}
    .faq_box .faq_txt p {margin-top:5px;}
    .faq ul li .answer {font-size:11px;  padding:10px 0;}
    .faq ul li > div p {padding:0 40px}

    .faq ul li .re_bt {margin-left:40px; margin-top:10px;}

    .faq_write select {height:30px;}
    .faq_write .title {height:30px;}
    .faq_write .content {height:200px;}
    .faq_write .submit_bt,.faq_write .cancel {margin-top:15px; height:40px; line-height:42px;}
  }
  @media screen and (max-width:380px) {
    .faq_box .faq_txt {height:450px;}
    .faq_write .content {height:150px;}
  }
  @media screen and (max-width:330px) {
    .faq_box .faq_txt {height:400px;}
    .faq_box .faq_txt .bt_log {margin-right:2.5%;}
    .faq_write .content {height:120px;}
  }