@font-face {
    font-family: 'notoserifkr-medium';
    src: url('fonts/notoserifkr-medium.otf') format('opentype');
}
@font-face {
    font-family: 'gimhaegayab';
    src: url('fonts/gimhaegayab.ttf') format('truetype');
}
@keyframes move {
  from {
    transform: translateX(100px) scale(1.2);
    animation-timing-function: cubic-bezier(.2,0,.8,1);
  }
  to { transform: translateX(0px) scale(1); }
}
@-webkit-keyframes updown {
    0% {
        bottom: 0;
    }

    100% {
        bottom: 30px;
    }
}
.gimhaegayab{font-family: 'gimhaegayab';}
.notoserifkr{font-family: 'notoserifkr-medium';}
.no-padding{padding-right:0; padding-left:0;}
.no-margin{margin-right:0; margin-left:0;}
/* common */
#main-slider{position:relative;}
.nav-tabs {border-bottom:none;}
.plus { position:absolute; top:0; right:0;}
.plus:hover { opacity:0.8; transition:0.3s all ease;}
.slider .move-btn{top:50%!important;}
.slider .slider-wrapper .slide p{width: 100%;}
.slider .slider-wrapper .slide img{width: 100%;}
.box{display:inline-block; position:relative; opacity:0; top:50px; }

#loginForm .form-heading{margin-top:225px!important;}
:root{--gap:30px;--width:30%;--width1:30%;}


.view-more {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 1;
    font-weight: 100;
}

.view-more:hover:before {
-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);
transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;
-ms-transform-origin: left top;transform-origin: left top;}

.view-more:before {
z-index: -1;content: "";display: block;width: 135%;height: 105%;position: absolute;left: 0;top: 0;
-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);
-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),  -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;backface-visibility: hidden;}

#main1{background-color:#A2C3D2;}
#main1 .main1M{padding: 150px 0;display: inline-flex;align-items: center;
justify-content: space-between;width: 100%;}
#main1 .main1M .main1L{height:540px;width: calc(100%/2);}
#main1 .main1M .main1L h1{margin: 0;line-height: 1.2;font-size: 62px;color: #4B8199;}
#main1 .main1M .main1L h2{margin: 40px 0 0;line-height: 2;font-size: 42px;color: #fff;}
#main1 .main1M .main1L h5{margin: 0;line-height: 2;font-size: 24px;color: #fff;}

#main1 .main1M .main1R{height:540px;width: 55%;}
#main1 .main1M .main1R .main1RBG{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

#main2{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main2 .main2T{text-align:center;padding:135px 0 95px;}
#main2 .main2T h1{margin: 0;color: #fff;font-weight: bold;letter-spacing: 1px;font-size: 34px;line-height: 1.5;}
#main2 .main2T h2{margin: 0;color: #fff;font-weight: bold;letter-spacing: 0;font-size: 32px;line-height: 1.5;}
#main2 .main2M{padding: 0 0 180px;display: inline-flex;width: 100%;justify-content: center;gap: 105px;}
#main2 .main2M .main2L,
#main2 .main2M .main2R{padding: 105px;position: relative;display: inline-block;border: 2px solid #fff;border-radius: 50%;}
#main2 .main2M .main2L h1,
#main2 .main2M .main2R h1{transform: translate(0,-50%);position:absolute;font-size:24px;font-weight:bold;color:#fff;
                          margin: 0;width: 100%;text-align: center;left: 0;line-height: 1.5;top: 35%;}
#main2 .main2M .main2L h5,
#main2 .main2M .main2R h5{position: absolute;font-size: 19px;color: #fff;
                          margin: 0;width: 100%;text-align: center;left: 0;line-height: 1.5;top: 60%;}
#main3{position:relative;}
#main3 .main3BG{position:absolute;top:0;height:345px;width:100%;background-color:#EEF1F2;z-index:-1;}
#main3 .main3M{display: inline-flex;justify-content: space-between;width: 100%;}
#main3 .main3M .main3R{padding:155px 0 195px;width:55%;}
#main3 .main3M .main3R h2{color:#194D74;margin: 0;font-size: 24px;letter-spacing: 2px;}
#main3 .main3M .main3R .main3T{padding: 30px 0 105px;display: inline-flex;justify-content: flex-start;gap: 30px;overflow: hidden;}
#main3 .main3M .main3R .main3T h1{margin: 0;display: inline-block;font-size: 52px;}
#main3 .main3M .main3R .main3T a{background-color: #132B4E;border-radius: 50px;padding: 15px 25px;
text-decoration: none;font-size: 20px;color: #fff;border:none;}
#main3 .main3M .main3R .main3T a:before{border:none;}
#main3 .main3M .main3R .main3T a:hover{color:#132B4E;background-color:transparent;}
#main3 .main3M .main3R .main3T a:before{background-color:#fff;}
#main3 .main3M .main3R h5{margin: 0;font-size: 24px;line-height: 2;}

#main3 .main3M .main3L{height: 580px;width: 40%;padding: 90px 0 100px;box-sizing: content-box;}
#main3 .main3M .main3L .main3LBG{height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main4 .main4M{display: inline-flex;width: 100%;justify-content: space-between;padding: 0 0 120px;}
#main4 .main4T{padding: 90px 0 60px;text-align: center;}
#main4 .main4T h1{margin: 0;font-weight: bold;font-size: 42px;letter-spacing: 0;}
#main4 .main4M .main4R{width: 55%;padding: 0 95px;}
#main4 .main4M .main4R h2{padding: 60px 0 65px;margin: 0;font-size: 22px;}
#main4 .main4M .main4R h1{margin: 0;font-weight: bold;font-size: 24px;line-height: 1.5;}
#main4 .main4M .main4R h5{margin: 0;font-size: 20px;line-height: 1.5;}

#main4 .main4M .main4L{width: 45%;height:415px;}
#main4 .main4M .main4L .main4LBG{background-repeat:no-repeat;background-position:center;background-size:contain;height:100%;}
.root_daum_roughmap_landing{width:100%!important;}
@media (min-width:1440px) {
    .container {width: 1440px;}
}
@media (max-width:1699px) {
}
@media (max-width:1499px) {
    #main1 .main1M .main1L h1{font-size:54px;}
    #main1 .main1M .main1L h2{font-size:36px;}
    #main1 .main1M .main1L h5{font-size:20px;}
    #main4 .main4M .main4R{padding: 0 70px;}
}

@media (max-width:1199px) {
    #main1 .main1M{padding:100px 0;}
    #main1 .main1M .main1L,
    #main1 .main1M .main1R{height:430px;}
    #main1 .main1M .main1L h1{font-size:46px;}
    #main1 .main1M .main1L h2{font-size:32px;}
    #main1 .main1M .main1L h5{font-size:17px;}
    #main3 .main3M .main3R h5{font-size:20px;}
    #main4 .main4M .main4R{padding: 0 30px;}
}

@media (max-width:992px) {
    #main1 .main1M{flex-wrap: wrap;padding: 50px 0;}
    #main1 .main1M .main1L{order:2;width:100%;}
    #main1 .main1M .main1L h1{font-size:54px; padding:20px 0 0;}
    #main1 .main1M .main1L h2{font-size:36px;}
    #main1 .main1M .main1L h5{font-size:24px;}
    #main1 .main1M .main1R{order:1;width:100%;}
    #main1 .main1M .main1L{height:inherit;}
    #main2 .main2T{padding:75px 0 55px;}
    #main2 .main2M{padding: 0 0 75px;}
    #main3 .main3M{flex-wrap: wrap;}
    #main3 .main3M .main3L{width:100%;padding:50px 0;}
    #main3 .main3M .main3L .main3LBG{width:75%; margin:0 auto;}
    #main3 .main3M .main3R{width:100%;padding: 55px 20px 95px;}
    #main3 .main3M .main3R .main3T{padding:20px 0 50px;}
    #main4 .main4M{flex-wrap: wrap;}
    #main4 .main4T{padding:70px 0 40px;}
    #main4 .main4M .main4L{width:100%;padding:0 20px;}
    #main4 .main4M .main4R{width:100%;}
    #main4 .main4M .main4R h2{padding:30px 0;}


}

@media (max-width:767px) {
    #dimodePage{padding-top:70px;}
    .row{margin:0!important;}
    #main1 .main1M {padding: 20px 0;}
    #main1 .main1M .main1R{height: 235px;}
    #main1 .main1M .main1L h1{font-size:24px;}
    #main1 .main1M .main1L h2{font-size:20px;margin:20px 0;}
    #main1 .main1M .main1L h5{font-size:15px;}
    #main2 .main2T{padding:20px 0;}
    #main2 .main2T h1{font-size:24px;}
    #main2 .main2T h2{font-size:20px;}
    #main2 .main2M{flex-wrap: wrap;gap: 25px;padding:0 0 30px;}
    #main2 .main2M .main2L, 
    #main2 .main2M .main2R{padding: 85px;}
    #main2 .main2M .main2L h1, 
    #main2 .main2M .main2R h1{font-size:20px;}
    #main2 .main2M .main2L h5, 
    #main2 .main2M .main2R h5{font-size:17px;}
    #main3 .main3M .main3L{height:345px;padding: 30px 0 20px;}
    #main3 .main3M .main3L .main3LBG{width:100%;}
    #main3 .main3M .main3R{padding: 20px 0 45px;}    
    #main3 .main3M .main3R h2{font-size:15px;}
    #main3 .main3M .main3R .main3T{padding: 10px 0 30px;flex-wrap: wrap;justify-content: center;width:100%;align-items: center;}
    #main3 .main3M .main3R .main3T h1{font-size:24px;}
    #main3 .main3M .main3R .main3T a{padding:10px;font-size:15px;}
    #main3 .main3M .main3R h5{font-size:15px;word-break:keep-all;}
    #main4 .main4T{padding: 30px 0 20px;}
    #main4 .main4T h1{font-size:24px;}
    #main4 .main4M .main4L,
    .root_daum_roughmap .wrap_map{height:300px!important;}
    #main4 .main4M{padding: 0 0 30px;}
    #main4 .main4M .main4R {padding: 0 10px;}
    #main4 .main4M .main4R h2{padding:20px 0; font-size:17px;word-break:keep-all;}
    #main4 .main4M .main4R h1{font-size:20px;}
    #main4 .main4M .main4R h5{font-size:17px;word-break:keep-all;}
}

@media (max-width:320px) {
}