@charset "utf-8";
@media all and (max-width:1260px){  
  .inner{padding:0 var(--wrap-padding);}
  .contents{padding:var(--h-padding) var(--wrap-padding);}
  .mainVisual .tit{font-size:50px;}

  .mainVisual .tit-c{font-size:36px; }

.form_sty .col-t{width:80px;}
.form_sty .col-1{width:360px;}
.form_sty .col-2{width:180px;}
.form_sty .col-3{width:160px;}
.form_sty .selectWrap{width:360px;}



} 

@media all and (max-width:1024px){  
  :root {
    --h-padding:80px;
  }

  .mainVisual .stit{font-size:18px;}
  .mainVisual .tit{font-size:45px;}
  .mainVisual .point-txt{padding:8px 40px;font-size:22px;}  
  .mainTit-line{gap:20px;}
  .mainTit-line .txt{font-size:34px;}

  .mainVisual .tit-c{font-size:32px; }
  .mainVisual .txt-c{font-size:22px;}

  .coupon-wrap ul{gap:10px;}
  .coupon-wrap .tag{top:-30px;width:60px;height:60px;font-size:18px;}
  .coupon-wrap .tag.sm{font-size:14px;}
  .coupon-box{padding:40px;}  
  .coupon-desc{font-size:16px;padding:10px 50px 10px 50px;}

  .title{font-size:35px; }

  .form_sty{margin:40px auto;}
  .form_sty .choiceWrap{gap:8px;}
  .form_sty .selectWrap{gap:8px;}

  .chkBox{margin:40px auto 0;}

    .noticeWrap .tit{min-height:35px;font-size:24px;background-size:40px auto; padding-left:50px; }
    .bullet-txt{font-size:16px;padding-left:20px;}
    .bullet-txt::before{left:10px;top:10px; width:4px; height:4px;}


}


@media all and (max-width:960px){  
  .form_sty{margin:30px auto;}
  .form_sty{ /*border-top:1px solid rgba(255,255,255, .2); padding:30px 0 0px; */ }
  .form_sty > ul{flex-wrap: wrap;}
  .form_sty > ul > li{width:100%; gap:10px;}
  
  .form_sty .tit{text-align:left;font-size: 16px; width:80px !important;}
  .form_sty .tit-fc{font-size: 16px;  width:100px;}
  .form_sty .col-t{width:80px;}
  .form_sty .col-1{flex:1; width:auto !important;}
  .form_sty .col-2{width:250px;}
  .form_sty .col-3{flex:1; width:auto !important;}
  .form_sty .selectWrap{flex:1;}
  .form_sty .choiceWrap{flex:1;}
  .btn-type.btn-m {font-size:15px; min-width:100px;}

  .form_sty .w2{width:150px;}


  
  
  }


@media all and (max-width:768px){    

  .pc_only{display: none;}
  .mo_only{display:inline;}  

  input[type=checkbox] + label{font-size:14px;}
  input[type=radio] + label{font-size:14px;}

  .select_sty select{font-size:14px;}
  .input_sty input{font-size:14px;}

  .btn-type.btn {height:50px;font-size:20px;} 

  .col50{width:100%;}
  .txt--md{font-weight:400;font-size:13px;}

  input::placeholder {font-size:14px;}
  input:-ms-input-placeholder {font-size:14px;}
  input::-ms-input-placeholder { font-size:14px;}
  input::-webkit-input-placeholder {font-size:14px;}
  input::-moz-placeholder {font-size:14px;}

  textarea::placeholder {font-size:14px;}
  textarea:-ms-input-placeholder {font-size:14px;}
  textarea::-ms-input-placeholder {font-size:14px;}
  textarea::-webkit-input-placeholder {font-size:14px;}
  textarea::-moz-placeholder {font-size:14px;}

  #header{justify-content: center; text-align: center;}
  #header .logo img{height:auto; width:75%;}

  .footer{flex-wrap: wrap; gap:15px 0;}
  .footer .f_logo{flex:1;min-height:50px;background-size:auto 50px; order:1; }
  .footer .f_cont{flex:0 0 100%; order:3; }
  .footer .f_cont li{gap:5px; }
  .footer .f_cont li > p{font-size:13px;width:100%;}
  .footer .f_cont li > p.full{font-size:14px; margin-bottom:5px;}
  .footer .f_cs{gap:10px; margin-top:16px;background-size:auto 14px;min-height:14px;padding-left:20px;}
  .footer .f_txt{font-size:14px;}
  .footer .f_number{font-size:16px;}
  .footer .f_right{flex:0 0 50px; display: inline-flex; justify-content: flex-end; order:2; }
  .btn_up_layer {width:45px;  height:45px; position: absolute; right:5%; top:-30px; bottom:auto; background:url(../images/top-arrow.png) 50% 50% no-repeat var(--point-color); }

  .mainVisual .title-img{padding:0 10%; }
  .mainVisual .stit{font-size:17px;}
  .mainVisual .tit{font-size:35px;}
  .mainVisual .point-txt{padding:8px 40px;font-size:18px;}  
  .mainTit-line{gap:10px;}
  .mainTit-line .txt{font-size:26px;}

  .mainVisual .tit-c{font-size:28px; }
  .mainVisual .txt-c{font-size:20px; margin-bottom:40px;}

  .coupon-wrap ul{gap:5px;margin-bottom:40px;}
  .coupon-box{padding:25px;}  
  .coupon-desc{font-size:16px;line-height: 1.45; padding:25px 20px 10px 20px;}
  .coupon-desc::before{left:0px; top:0; width:100%; height:100%;border-radius:30px;  }
  .coupon-desc::after{left:50%;transform:translateX(-50%); top:-20px; width:40px; height:40px;background-size:40px auto; }

  .title{font-size:30px; }




}

@media all and (max-width:540px){  

  .footer .f_cs{gap:5px; margin-top:10px;background-size:auto 14px;min-height:14px;padding-left:20px;}
  .pop-title {font-size:15px;}
  .popup--inner{padding:20px;}
  .pop--top{ padding:15px; } 

  .txt--md{font-size:12px;}
  .cont_pop{font-weight:500;font-size:14px;}
  .tg td{font-size:13px;}
  .tg th{font-size:13px;}

  .mainVisual .stit{font-size:16px;}
  .mainVisual .tit{font-size:28px;}
  .mainVisual .point-txt{padding:8px 30px;font-size:16px;}  

  .mainVisual .tit-c{font-size:26px; }
  .mainVisual .txt-c{font-size:18px;}

  .mainTit-line{margin:60px auto 30px;}
  .mainTit-line .txt{font-size:24px;flex-direction: column;}

  /* .mainTit-line .line{display:none;}  .mainTit-line .txt{font-size:24px;display:block;}*/

  .main-character{margin-bottom:40px;}

  .coupon-box{padding:20px;}  
  .coupon-desc{font-size:14px;}

  .title{font-size:26px;}

  .form_sty .tit{font-size: 15px;}  
  .form_sty .tit-fc{font-size: 15px;}
  .form_sty .col-2{flex:1; width:auto;}
  .form_sty .selectWrap{flex:1;gap:5px;}
  .form_sty .choiceWrap{flex:1;gap:5px;}
  .form_sty .category-tit{width:90px;padding:8px 10px;font-size:16px;}

  .chkBox ul{flex-wrap: wrap; justify-content: flex-start; align-items: center;gap:20px; padding-left:10px;}
  .chkBox li{flex:0 0 100%;}

  .btn-group {gap:5px}
  .btn-group.mw > * {min-width:100%; }
  .btn-type.btn {font-size:17px;} 
  .i_right_arrow::after {width:10px; height: 10px; margin-top: -5px;}


  .bullet-txt{font-size:15px;}
  .bullet-txt::before{left:10px;top:9px; width:4px; height:4px;}

  .txt-circle{width:12px; height:40px;}
  .txt-circle .circle{width:8px; height:8px;}
  .form_sty .bar{font-size: 14px;}
  .form_sty .w2{width:120px;}



}

@media all and (max-width:430px){  
  .mainVisual .stit{font-size:16px;}
  .mainVisual .tit{font-size:32px;}
  .mainVisual .tit > span{font-size:36px;}
  .mainVisual .point-txt{padding:8px 30px;font-size:16px;}  
  .mainTit-line .txt{font-size:20px;}  
  .main-character{margin-bottom:40px;}

  .mainVisual .txt-c{font-size:16px;}
  .mainVisual .tit-c br{display:inline}

  .mainVisual .stit br, .mainVisual .tit br{display:inline}

  .coupon-wrap .tag{top:-25px;width:50px;height:50px;font-size:16px;}
  .coupon-wrap .tag.sm{font-size:12px;}

  .coupon-box{padding:15px;}  
  .coupon-desc{padding:25px 20px 10px;}
  .coupon-desc::before{border-radius:4px; }

  .title{font-size:24px;}

  .form_sty > ul > li{flex-wrap: wrap; gap:10px; min-height:auto; }  
  .form_sty .tit{text-align: left;font-size: 15px; width:100% !important;}
  .form_sty .tit-fc{text-align: left; font-size: 15px;  width:100%;}
  .btn-type.btn-m {font-size:14px;min-width:90px;}


}

@media all and (max-width:375px){  
    .mainVisual .tit{font-size:30px;}
    .mainVisual .tit > span{font-size:34px;}
    .mainVisual .point-txt{padding:8px 24px;font-size:15px;}  
    .mainTit-line{margin:40px auto;  }

    .mainVisual .tit-c{font-size:22px; }
    .mainVisual .txt-c{font-size:15px;}

    .coupon-desc{font-size:13px;}


}

@media all and (max-width:360px){  
    :root {
        --h-padding:60px;
      }

  .pop-title {font-size:14px;}
  .popup--inner{padding:15px;}

  .footer .f_cs{gap:5px; margin:10px 0;background-size:auto 14px;min-height:14px;padding-left:15px;}
  .footer .f_txt{font-size:12px;}
  .footer .f_number{font-size:14px;}
  .cont_pop{font-size:14px;}
  .tg td{font-size:13px;}
  .tg th{font-size:13px;}







}

@media all and (max-width:320px){  

    input::placeholder {font-size:13px;}
    input:-ms-input-placeholder {font-size:13px;}
    input::-ms-input-placeholder { font-size:13px;}
    input::-webkit-input-placeholder {font-size:13px;}
    input::-moz-placeholder {font-size:13px;}

    textarea::placeholder {font-size:13px;}
    textarea:-ms-input-placeholder {font-size:13px;}
    textarea::-ms-input-placeholder {font-size:13px;}
    textarea::-webkit-input-placeholder {font-size:13px;}
    textarea::-moz-placeholder {font-size:13px;}

    .input_sty input{padding:0 5px;}
    .btn-type.btn {height:45px;font-size:16px;} 

    .mainVisual .stit{font-size:15px;}
    .mainVisual .tit{font-size:28px;}
    .mainVisual .tit > span{font-size:32px;}
    .mainVisual .point-txt{padding:8px 20px;font-size:14px;}  
    .mainTit-line .txt > span{display: block;}
    .mainVisual .tit-c{font-size:20px; }
    .mainVisual .txt-c{font-size:14px;}

}


@media all and (max-width:280px){  

  .form_sty .w2{width:100px;}
  .form_sty .w3{width:20px;}
  .txt-circle{width:10px; }
  .txt-circle .circle{width:6px; height:6px;}



}