.sec1_b{
  position: absolute;
  top: 17.8%;
  left: 13.8%;
  width: 6.1%;
}
.sec1_1{
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 55.8%;
}
.sec1_2{
  position: absolute;
  top: 14.5%;
  left: 50%;
  transform: translateX(-50%);
  width: 55.7%;
}
.sec1_tt{
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translateX(-50%);
  width: 44.2%;
}


.clink1{
  position: absolute;
  top: -15px;
  left: 58%;
  width: 7.9%;
}
.clink2{
  position: absolute;
  top: -15px;
  left: 91%;
  width: 7.9%;
}
.clink3{
  position: absolute;
  top: -15px;
  left: 24%;
  width: 7.9%;
}
.clink4{
  position: absolute;
  top: -15px;
  left: 91%;
  width: 7.9%;
}
.clink5{
  position: absolute;
  top: -15px;
  left: 24%;
  width: 7.9%;
}
.clink6{
  position: absolute;
  top: -15px;
  left: 58%;
  width: 7.9%;
}
@media all and (max-width: 600px){
  [class^="clink"]{
    top: -10px !important;
  }
}
@media all and (max-width: 450px){
  [class^="clink"]{
    top: -8px !important;
  }
}
@media all and (max-width: 400px){
  [class^="clink"]{
    top: -7px !important;
  }
}
@media all and (max-width: 350px){
  [class^="clink"]{
    top: -5px !important;
  }
}
.ckck7{
  position: absolute;
  bottom: 21%;
  left: 52%;
  width: 8%;
}





.tab-wrapper{ margin:auto;}
.tab-menu{padding-left:0; position: relative; z-index:1;}
#tab-content > div{display: none; position: relative;}
#tab-content > div:first-child{display:block;}
.nav{position: absolute; width: 100%;}
.tab-menu li{
  width: 100%;
}
.tab-menu li a{
  display: block;
  height: 100%;
  width: 100%;
}
.tab-menu{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5%;
  max-height: 100px;
  min-height: 75px;
}
@media all and (max-width: 768px){
  .tab-menu{
    max-height: 60px;
    min-height: 50px;
  }
}
@media all and (max-width: 480px){
  .tab-menu{
    max-height: 50px;
    min-height: 35px;
  }
}
.tab_1_p{
  position: absolute;
  top: 8.2%;
  left: 5%;
  width: 88.3%;
  z-index: 2;
}
.a_line_1{
  position: absolute;
  top: 9%;
  left: 33%;
  width: 50.6%;
}
.a_line_2{
  position: absolute;
  top: 10.7%;
  left: 5%;
  width: 85.1%;
}
.a_line_3{
  position: absolute;
  top: 13%;
  left: 44.5%;
  width: 39.9%;
}
.tab_1_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_1_tip.one{
  top: 41.1%;
}
.tab_1_tip.two{
  top: 52.7%;
}
.tab_1_tip.thr{
  top: 63.4%;
}
.tab_1_tip.for{
  top: 80.8%;
}
.move_1{
  position: absolute;
  bottom: 21%;
  right: 5%;
  width: 17.1%;
}
.tab_a_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_a_bot a{
  display: block;
  width: 100%;
  height: 100%;
}




.tab_2_p{
  position: absolute;
  top: 9%;
  left: 5%;
  width: 84.8%;
  z-index: 2;
}
.b_line_1{
  position: absolute;
  top: 11.9%;
  left: 5%;
  width: 63%;
}
.b_line_2{
  position: absolute;
  top: 15.5%;
  left: 5%;
  width: 54.6%;
}
.Object{
  position: absolute;
  left: 21%;
  top: 68.5%;
  width: 29.8%;
}
.move_2{
  position: absolute;
  left: 10%;
  top: 70%;
  z-index: 2;
}
.gift{
  position: absolute;
  top: 21%;
  right: 7%;
  width: 36.8%;
}
.tab_2_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_2_tip.one{
  top: 58.9%;
}
.tab_2_tip.two{
  top: 77%;
}
.href_link{
  display: block;
  position: absolute;
  cursor: pointer;
  bottom: 5%;
  width: 95%;
  left: 50%;
  transform: translateX(-50%);
  height: 14%;
}
.tab_b_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_b_bot a{
  display: block;
  width: 100%;
  height: 100%;
}


.tab_3_p{
  position: absolute;
  top: 6%;
  left: 5%;
  width: 85.5%;
  z-index: 2;
}
.c_line_1{
  position: absolute;
  top: 7.3%;
  left: 20%;
  width: 56.7%;
}
.c_line_2{
  position: absolute;
  top: 8.4%;
  left: 75%;
  width: 15.5%;
}
.c_line_3{
  position: absolute;
  top: 8.9%;
  left: 34.5%;
  width: 45.4%;
}

.tab_3_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_3_tip.one{
  top: 21.5%;
}
.tab_3_tip.two{
  top: 36.7%;
}
.tab_3_tip.thr{
  top: 55.7%;
}
#Video{
  position: absolute;
  top: 64.63%;
  left: 8.5%;
  width: 18.5%;
}








.score_section{
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding: 2.5% 0;
}
.score_section .title{
  text-align: center;
  font-size: clamp(16px, 4vw, 30px);
  padding-bottom: 5%;
  color: #e1173e;
  width: 90%;
  margin: 0 auto;
  word-break: keep-all;
}
.score_section .score_drop{
  width: 90%;
  height: clamp(18px, 4vw, 20px);
  margin: 0 auto;
  margin-bottom: clamp(35px, 4vw, 50px);
}
.score_section .scroe_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  width: 100%;

  position: absolute;
  top: 0;
}
.score_section .scroe_list li{
  position: relative;
  padding-top: clamp(35px, 4vw, 50px);
  font-size: clamp(10px, 4vw, 15px);
  cursor: pointer;
  transition: .3s;
}
.score_section .scroe_list li:hover{
  transform: scale(1.1);
}
.score_section .scroe_list li.active{
  transform: scale(1.1);
}
.score_section .scroe_list li.active::before{
  content: '';
  display: inline-block;
  width: clamp(30px, 4vw, 35px);
  height: clamp(30px, 4vw, 35px);
  border-radius: 50%;
  background: #da3c52;
  outline: 2px solid #fff;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.score_section .scroe_list li:hover:has(+ li.active)::before{
  transform: scale(1);
}
.score_section .areart{
  display: flex;
  justify-content: space-between;
  color: #999999;
  margin: 0 auto;
  padding: 2% 0;
}
.score_section .areart div{
  font-size: clamp(10px, 3vw, 15px);
}
.score_section .areart div:last-child{
  text-align: right;
}
.score_section .texDiv{
  padding: 3% 0; 
  margin: 0 auto;
}
.score_section textarea{
  display: block;
  width: 90%;
  margin: 0 auto;
  border: 2px solid #d3a4ad;
  outline: none;
  resize: none;
  padding: 3%;
  font-size: clamp(14px, 4vw, 20px);
  font-family: 'Gmarket Sans';
  box-sizing: border-box;
}
.sub_btn{
  width: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
.sub_btn img{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.tab_c_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_c_bot a{
  display: block;
  width: 100%;
  height: 100%;
}
.sec1_b{
  position: absolute;
  top: 18%;
  left: 13.8%;
  width: 6.1%;
}
.sec1_1{
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 55.8%;
}
.sec1_2{
  position: absolute;
  top: 14.5%;
  left: 50%;
  transform: translateX(-50%);
  width: 55.7%;
}
.sec1_tt{
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translateX(-50%);
  width: 44.2%;
}


.clink1{
  position: absolute;
  top: -15px;
  left: 58%;
  width: 7.9%;
}
.clink2{
  position: absolute;
  top: -15px;
  left: 91%;
  width: 7.9%;
}
.clink3{
  position: absolute;
  top: -15px;
  left: 24%;
  width: 7.9%;
}
.clink4{
  position: absolute;
  top: -15px;
  left: 91%;
  width: 7.9%;
}
.clink5{
  position: absolute;
  top: -15px;
  left: 24%;
  width: 7.9%;
}
.clink6{
  position: absolute;
  top: -15px;
  left: 58%;
  width: 7.9%;
}
@media all and (max-width: 600px){
  [class^="clink"]{
    top: -10px !important;
  }
}
@media all and (max-width: 450px){
  [class^="clink"]{
    top: -8px !important;
  }
}
@media all and (max-width: 400px){
  [class^="clink"]{
    top: -7px !important;
  }
}






.tab-wrapper{ margin:auto;}
.tab-menu{padding-left:0; position: relative; z-index:1;}
#tab-content > div{display: none; position: relative;}
#tab-content > div:first-child{display:block;}
.nav{position: absolute; width: 100%;}
.tab-menu li{
  width: 100%;
}
.tab-menu li a{
  display: block;
  height: 100%;
  width: 100%;
}
.tab-menu{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 5%;
  max-height: 100px;
  min-height: 75px;
}
@media all and (max-width: 768px){
  .tab-menu{
    max-height: 60px;
    min-height: 50px;
  }
}
@media all and (max-width: 480px){
  .tab-menu{
    max-height: 50px;
    min-height: 35px;
  }
}
.tab_1_p{
  position: absolute;
  top: 8.2%;
  left: 5%;
  width: 88.3%;
  z-index: 2;
}
.a_line_1{
  position: absolute;
  top: 9%;
  left: 33%;
  width: 50.6%;
}
.a_line_2{
  position: absolute;
  top: 10.7%;
  left: 5%;
  width: 85.1%;
}
.a_line_3{
  position: absolute;
  top: 13%;
  left: 44.5%;
  width: 39.9%;
}
.tab_1_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_1_tip.one{
  top: 41.1%;
}
.tab_1_tip.two{
  top: 52.7%;
}
.tab_1_tip.thr{
  top: 63.4%;
}
.tab_1_tip.for{
  top: 80.8%;
}
.move_1{
  position: absolute;
  bottom: 21%;
  right: 5%;
  width: 17.1%;
}
.tab_a_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_a_bot a{
  display: block;
  width: 100%;
  height: 100%;
}




.tab_2_p{
  position: absolute;
  top: 9%;
  left: 5%;
  width: 84.8%;
  z-index: 2;
}
.b_line_1{
  position: absolute;
  top: 11.9%;
  left: 5%;
  width: 63%;
}
.b_line_2{
  position: absolute;
  top: 15.5%;
  left: 5%;
  width: 54.6%;
}
.Object{
  position: absolute;
  left: 21%;
  top: 68.5%;
  width: 29.8%;
}
.move_2{
  position: absolute;
  left: 10%;
  top: 70%;
  z-index: 2;
  width: 12%;
}
.gift{
  position: absolute;
  top: 21%;
  right: 7%;
  width: 36.8%;
}
.tab_2_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_2_tip.one{
  top: 58.9%;
}
.tab_2_tip.two{
  top: 77%;
}
.href_link{
  display: block;
  position: absolute;
  cursor: pointer;
  bottom: 5%;
  width: 95%;
  left: 50%;
  transform: translateX(-50%);
  height: 14%;
}
.tab_b_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_b_bot a{
  display: block;
  width: 100%;
  height: 100%;
}


.tab_3_p{
  position: absolute;
  top: 6%;
  left: 5%;
  width: 85.5%;
  z-index: 2;
}
.c_line_1{
  position: absolute;
  top: 7.3%;
  left: 20%;
  width: 56.7%;
}
.c_line_2{
  position: absolute;
  top: 8.4%;
  left: 75%;
  width: 15.5%;
}
.c_line_3{
  position: absolute;
  top: 8.9%;
  left: 34.5%;
  width: 45.4%;
}

.tab_3_tip{
  position: absolute;
  left: 11%;
  z-index: 2;
  width: 9.9%;
}
.tab_3_tip.one{
  top: 21.5%;
}
.tab_3_tip.two{
  top: 36.7%;
}
.tab_3_tip.thr{
  top: 55.7%;
}
#Video{
  position: absolute;
  top: 64.63%;
  left: 8.5%;
  width: 18.5%;
}








.score_section{
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding: 2.5% 0;
}
.score_section .title{
  text-align: center;
  font-size: clamp(16px, 4vw, 30px);
  padding-bottom: 5%;
  color: #e1173e;
  width: 90%;
  margin: 0 auto;
  word-break: keep-all;
}
.score_section .score_drop{
  width: 90%;
  height: clamp(18px, 4vw, 20px);
  margin: 0 auto;
  margin-bottom: clamp(35px, 4vw, 50px);
}
.score_section .scroe_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  width: 100%;

  position: absolute;
  top: 0;
}
.score_section .scroe_list li{
  position: relative;
  padding-top: clamp(35px, 4vw, 50px);
  font-size: clamp(10px, 4vw, 15px);
  cursor: pointer;
  transition: .3s;
}
.score_section .scroe_list li:hover{
  transform: scale(1.1);
}
.score_section .scroe_list li.active{
  transform: scale(1.1);
}
.score_section .scroe_list li.active::before{
  content: '';
  display: inline-block;
  width: clamp(30px, 4vw, 35px);
  height: clamp(30px, 4vw, 35px);
  border-radius: 50%;
  background: #da3c52;
  outline: 2px solid #fff;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.score_section .scroe_list li:hover:has(+ li.active)::before{
  transform: scale(1);
}
.score_section .areart{
  display: flex;
  justify-content: space-between;
  color: #999999;
  margin: 0 auto;
  padding: 2% 0;
}
.score_section .areart div{
  font-size: clamp(10px, 3vw, 15px);
}
.score_section .areart div:last-child{
  text-align: right;
}
.score_section .texDiv{
  padding: 3% 0; 
  margin: 0 auto;
}
.score_section textarea{
  display: block;
  width: 90%;
  margin: 0 auto;
  border: 2px solid #d3a4ad;
  outline: none;
  resize: none;
  padding: 3%;
  font-size: clamp(14px, 4vw, 20px);
  font-family: 'Gmarket Sans';
  box-sizing: border-box;
}
.sub_btn{
  width: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
.sub_btn img{
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.tab_c_bot{
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_c_bot a{
  display: block;
  width: 100%;
  height: 100%;
}