@charset "UTF-8";

    /* 메인에 적용된 애니메이션 */
    @keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes mianTxt {
      0% {
        transform: translate3d(0, 50%, 0);
        opacity: 0;
      }

      100% {
        transform: translate3d(0, 0, 0);
        animation-timing-function: ease-out;
        opacity: 1;
      }
    }

    @keyframes float {
      0% {
        transform: translate(-50%, 0);
      }

      50% {
        transform: translate(-50%, -15px);
      }

      100% {
        transform: translate(-50%, 0);
      }
    }

    /*메인이미지 관련*/

    /* @keyframes motion01 {
      0% {  opacity: 0; transform: scale(0); }
      100% { opacity: 1; transform: scale(1); }
    } */

    @keyframes float02 {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-20px);
      }
    }

    /*@keyframes moveCloud {
      0% { transform: scale(0); opacity: 0; }
      30% { transform: scale(0); opacity: 0; }
      80% { transform: scale(1);  opacity: 0.8; }
     100% {  transform: scale(1);  opacity: 1; }
    } */

    @keyframes motion {
      0% {
        margin-top: 0px;
        opacity: 1;
      }

      100% {
        margin-top: 11px;
        opacity: 1;
      }
    }

/** main **/
.main-section { background: #cfe4f5; position: relative; animation: fadeInUp 1s ease-in-out; }
.maintxt_area { padding-top: 150px; padding-bottom: 60px;}
.main-title { animation: mianTxt 1s ease-out; letter-spacing: -3px; display: flex;  justify-items: center; align-items: center; text-align: center; justify-content: center;}
.main-title h2, strong { font-size: 3rem; color: #004d88; font-weight: 600;}
.underline { display: inline-block; position: relative; }
.sub_txt { color: #132b54; font-size: 1.25rem; line-height: 26px; letter-spacing: -1px; margin-top: 30px; text-align:center;}
.d-none { display: none; }

.main_img_area { background: url(../images/common/bg_main.png); background-repeat: no-repeat; background-position: center; height: 399px; margin-top:55px;}
.main_img_area .section_img { width: 100%; height: 399px; position: relative; margin: 0 auto;}

/** inner_section **/
.inner_section { background: #0b6fc1; padding: 30px 0; text-align: center; color: #fff; font-size:1.125rem; }

.element { position: absolute;  z-index: 1;}
.balloon1 { top: 277px; left: 490px; width: 56px; animation: float02 2s ease-in-out infinite;}
.balloon2 { top: 17px; right:330px; width:60px; animation: float02 2s ease-in-out infinite; animation-delay: 2s;}
.cloud { top: 174px; right: 200px; /*animation: moveCloud 1s ease-in-out, motion 0.6s ease-in 0s infinite alternate;*/}

/* main search*/
.main-middle-search {width: 100%; border-radius: 10px;}
.main-middle-search .search{height: 60px; font-size: 14px; overflow: hidden; float: left; width:calc(100% - 60px);}
.main-middle-search .search select, .main-middle-search .search  div, .main-middle-search .search .search-btn{float: left;}
.main-middle-search .search  div::before{content : '|'; position :absolute; left: 6px; top:18px ; color:#bbb;}
.main-middle-search .search select, .main-middle-search .search input[type="text"] {outline: none;}
.main-middle-search .search select{min-width: 150px; height:50px; border:none; border-radius: 50px 0px 0px 50px; border-right:none; padding: 15px 20px; box-shadow: 6px 5px rgba(0, 0, 0, 0.12), 1px 2px rgba(0, 0, 0, 0.24);}
.main-middle-search .search input[type="text"]{width:100%; padding: 15px 20px; height: 50px; border:none; border-radius: 0px 50px 50px 0px; margin-right:10px; box-shadow: 6px 5px rgba(0, 0, 0, 0.12), 1px 2px rgba(0, 0, 0, 0.24);}
.main-middle-search .search-wrap{width:50%; max-width:1000px; margin:0 auto;}
.main-middle-search .search-wrap .search-btn{display: flex; height: 50px; width:50px; color: #fff; background:url(/images/icon/icon-big-search.png) no-repeat center #2271be; border-radius: 50px; margin-left: 0px; box-shadow: 3px 5px rgba(0, 0, 0, 0.12), 1px 2px rgba(0, 0, 0, 0.24); flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.main-middle-search .search-wrap .search-btn-text{display:inline-block; height:50px; color:#fff; background: #444444; padding:0 20px; line-height:36px; margin-left:5px;}
.main-middle-search .search-wrap .search div{width:calc(100% - 180px);position: relative;  display: inline-block;}