@charset "utf-8";

@import url(../../font/NotoSansKr/font.css);
@import url(../../font/Cbnu/font.css);




:root {
    --bs-primary-rgb: 0, 89, 158;
    --bs-success-rgb: 255, 226, 34;
}


body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea {font-family:"Noto Sans KR","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}


body{ background-color: #f3faff; }
.wrap{ min-height: 100vh; max-width: 1300px; margin: 0 auto;}
.wrap>div{ width: 100%; padding: 0 20px;}

h2{ font-size: 2.8rem;}
.font-cbnu{font-family: "Cbnu", "Noto Sans KR";}

.btn-outline-primary {
    --bs-btn-color: #095cb9;
    --bs-btn-border-color: #095cb9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #095cb9;
    --bs-btn-hover-border-color: #095cb9;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #095cb9;
    --bs-btn-active-border-color: #095cb9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #095cb9;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #095cb9;
    --bs-gradient: none
}


.btn-outline-danger {
    --bs-btn-color: #b62b5c;
    --bs-btn-border-color: #b62b5c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b62b5c;
    --bs-btn-hover-border-color: #b62b5c;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b62b5c;
    --bs-btn-active-border-color: #b62b5c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #b62b5c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #b62b5c;
    --bs-gradient: none
}

.btn-success{--bs-btn-bg: #ffe222;--bs-btn-border-color:#ffe222; --bs-btn-hover-color:#000; color: #000; --bs-btn-hover-bg:#ebcb00; --bs-btn-hover-border-color:#ebcb00;
    --bs-btn-active-bg: #ebcb00;--bs-btn-active-border-color:#ebcb00; --bs-btn-active-color:#000;
}

.fs-5{ font-size: 1.2rem !important;}

.btn-outline-light:hover .text-success{ color:#095cb9 !important;}

.c-cow{ right: -30px; bottom: -70px;}
.c-wing{right: -152px; bottom: 174px;  animation: floatUpDown 2s ease-in-out infinite;}

.info-list{ padding-right: 0;}

.d-block{ display: inline !important;}

@keyframes floatUpDown {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-5px); } /* 위로 5px */
    100% { transform: translateY(0); }
  }



  @media (max-width: 1600px) {
    .c-wing{ display: none;}
    .c-cow{ right: 5px; width:calc(281px / 1.8) ;}
  }


  @media (max-width: 1200px) {
    .header-c{ display: none;}
  }
  


  @media (max-width: 860px) {
    body,h1,h2,h3,h4,h5,h6,th,td,input,select,textarea {font-family:'Pretendard', 'Roboto', 'Apple SD Gothic Neo', sans-serif;}
    .header-wrap{ flex-direction: column; }
    .header-wrap.align-items-end{ align-items: center !important;}
    h1 img{ width: calc(213px / 1.5);}

    .btn-group-lg>.btn, .btn-lg{--bs-btn-font-size:0.9rem;}

    h2{ font-size: 1.6rem;}

    .info-list.fs-5{ font-size: 1rem !important;}

    .btn-wrap.pt-4{ padding-top: 1rem !important;}
    .btn-wrap.pb-5{ padding-bottom: 1.4rem !important;}
    .p-5{ padding: 1.2rem !important;}
    .d-block{ display: block !important;}

    .fs-6{ font-size: 0.8rem !important;}

    .copy{ font-size: 0.9rem ; }
  }

  @media (max-width: 490px) {
    .btn-group-lg>.btn, .btn-lg{ font-size: 0.8rem;}
    .header-wrap svg{ display: none;}
    .info-list.fs-5{ font-size: 0.9rem !important;}
    .c-cow{ width:calc(281px / 2.8) ; right: -10px;}
  }