/* @font-face {
    font-family: 'scdream';
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'scdream';
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
    font-display: swap;
} */

@font-face {
  font-family: 'scdream';
  font-weight: 100;
  font-style: normal;
  src: url(/vendor/font/SCDream1.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 200;
  font-style: normal;
  src: url(/vendor/font/SCDream2.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 300;
  font-style: normal;
  src: url(/vendor/font/SCDream3.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 400;
  font-style: normal;
  src: url(/vendor/font/SCDream4.woff) format('woff');
}

@font-face {
  font-family: 'scdream';
  font-weight: 500;
  font-style: normal;
  src: url(/vendor/font/SCDream5.woff) format('woff');
}@font-face {
  font-family: 'scdream';
  font-weight: 600;
  font-style: normal;
  src: url(/vendor/font/SCDream5.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 700;
  font-style: normal;
  src: url(/vendor/font/SCDream7.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 800;
  font-style: normal;
  src: url(/vendor/font/SCDream8.woff) format('woff');
}
@font-face {
  font-family: 'scdream';
  font-weight: 900;
  font-style: normal;
  src: url(/vendor/font/SCDream9.woff) format('woff');
}

:root {
    --fsize-small:0.7rem;
    --fsize-bsmall:0.8rem;
    --fsize-sbasic:0.9rem;
    --fsize-basic:1rem;
    --fsize-mid:1.3rem;
    --font-menu:1.2rem;
    --font-title:3.6rem;
    --font-stitle:2.2rem;
    --font-body:1.15rem;
    --point-color:#D8643D;
}

html {
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'scdream';
    font-weight:400;
    font: 14px;
}


.btns {
    display: inline-block;
    padding: 12px 34px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    font-weight: 500;
}

.btns-primary {
    color: #fff;
    background-color: #D8643D;   
}


/* Page On Scroll */
@media (min-width: 992px) {
    .page-on-scroll .header .navbar {
      background: #fff;
      border-bottom-color: #f0f0f0;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
    .page-on-scroll .header .logo-img-main {
      display: none;
      transition-duration: 400ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
    .page-on-scroll .header .logo-img-active {
      display: inline-block;
      transition-duration: 400ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
    .page-on-scroll .header .nav-item-child {
      color: #515769;
      transition-duration: 300ms;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }
  }
  

/*------------------------------------------------------------------
  	[Header]
------------------------------------------------------------------*/
.header .navbar-nav-right {
    float: right;
    width: 60%;
    display: flex;
    justify-content: space-around;
}

/* Navbar */
.header .navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }
  

.header .navbar-nav-right a:hover{color:#D7633C;}
.page-on-scroll .header .navbar-nav-right a.btn-nav{color:#fff; }
.page-on-scroll .header .navbar-nav-right a.btn-nav:hover{color:#D7633C; }

.header .nav-item-child {
    position: relative;
    font-family: 'scdream';
    display: block;
    font-size: var(--font-menu);
    font-weight: 500; 
    color: #fff;
    /* text-transform: uppercase; */
    line-height: 55px;
    padding: 20px;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  }

  .btn-nav{    
    background-color: #000;
    padding: 5px 20px !important;
    line-height: 35px !important;
    margin-top: 25px;
    border-radius: 6px;
}

.carousel-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: flex; 
    flex-direction: column;
}
  

.carousel-title {
    font-size: 90px;
    font-weight: 900;
    color: #fff;
    line-height: 0.8;
    text-transform: uppercase;
    text-align: center;
  }

.carousel-stitle{
    font-size: 70px;
    font-weight: 200;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    text-align: center; 
}

.carousel-basic{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    margin-top: 60px;
}

.carousel-bg{
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100vh;}

.main-bg-imgs{
    height: 100vh;
    background: url("../imgs/main_pattern1.png");
    background-repeat: no-repeat;
    background-size: cover;
}


/*------------------------------------------------------------------
  	[Footer]
------------------------------------------------------------------*/
 .footer {
    background-color: #000F37;
 }
  
.footer .footer-seperator {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  .footer .footer-list {
    margin-bottom: 0;
  }
  
  .footer .footer-list-item {
    color: #cbd3e1;
    margin-bottom: 10px;
  }
  
  .footer .footer-list-link {
    color: #cbd3e1;
  }
  
  .footer .footer-list-link:hover {
    color: #fff; font-weight: 800;
  }
  
  .footer .footer-input {
    background: rgba(0, 0, 0, 0.15);
  }
  

  
  .copyright{font-size: 0.9rem; font-weight:400; padding:0; color:rgba(255, 255, 255, 0.7);text-transform: uppercase; letter-spacing: 1px;}

  .footer-left{display: flex; flex-direction: row; justify-content: flex-start;}
  .footer-left img{margin:0 30px 0 40px;}
  .footer-left ul.footer-text{font-size: 1rem; color: rgba(255, 255, 255, 0.7); font-weight: 500;}
  .footer-left ul.footer-text li{list-style: none; padding:5px 0;}
  .footer-left ul.footer-text li.comp{font-weight: 800 !important;font-size: 1.1rem !important; color: rgba(255, 255, 255, 0.9) !important;}

  .footer-right h4{font-weight: 800;font-size: 1.2rem;color: rgba(255, 255, 255, 0.9);}




/*------------------------------------------------------------------
  	[main]
------------------------------------------------------------------*/
.section{display: flex; flex-direction: column; }

.section h2{display: block; width:100%; text-align: center; font-size:var(--font-title); font-weight: 800; color:#000; letter-spacing: -1px; margin-bottom: 80px;}
.about{margin-top: 150px;}
.about .container{display: flex; flex-direction: row; justify-content: space-between;}
.about .container{margin-bottom: 120px;}

.section .container .about-section-img-left{width:50%; text-align: right; padding-right:5%;}
.section .container .about-section-img-left img{width:100%; height:auto;}
.section .container .about-section-text-right{width:50%;text-align: left; padding:20px 5% 0 5%;}
.section .container .section-memo h3{font-size:var(--font-stitle); font-weight: 700; color:#000; letter-spacing: -1px; margin-bottom:30px;}
.section .container .section-memo p{font-size:var(--font-body); font-weight: 500; color:#616161; letter-spacing: 0px; line-height: 2.2rem; text-align: justify;}
.section .container .section-memo .sec-btn{margin:60px 0 0 0;}

.section .container .about-section-text-left{width:50%;text-align: left; padding:20px 5% 0 5%;}
.section .container .about-section-img-right{width:50%; text-align: right; padding:10px 5% 0 2%;}
.section .container .about-section-img-right img{width:100%; height:auto;}

.about{position: relative; z-index: 50; top:0}
.about-bg-left{position: absolute; z-index: 1; top:1100px; left:0; display: inline;}
.about-bg-center{position: absolute; z-index: 1; top:1030px; left:55%; display: inline;}
.about-bg-right{position: absolute; z-index: 1; top:1000px; right:0; display: inline;}


.partner p{margin: 0 16%; text-align: center;color:#616161; font-size:var(--font-body);line-height: 2.2rem;}
.partner .partner-section-banner{display: flex; justify-content: space-around; flex-wrap: wrap; margin-top:80px;}
.partner .partner-section-banner .banner-box{border:1px solid #ddd; box-shadow: 0 0 10px 5px rgba(150, 150, 150, 0.1); border-radius: 5px; display: flex; justify-content: center; align-items: center;
 width:250px; height:75px; padding:10px 20px; margin:10px 0;}
.partner .partner-section-banner .banner-box img{max-width:110px; height:auto;}
.partner{background-image: url(../imgs/bg_right_circle.png); background-position: right center; background-repeat: no-repeat; background-size:auto;}

.hotbanner{margin:150px 0; }
.hotbanner .container{background-color: #FC8156; border-radius: 10px; display: flex; flex-direction: row; justify-content: space-between; 
    background-image: url(../imgs/bg_bot_circle.png); background-position: right center; background-repeat: no-repeat; background-size:auto;
    background-position-y: 130px;
}
.hotbanner .container .hotnanner-left{display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 50px 100px 50px 50px;
    width: 60%;
}
.hotbanner .container .hotnanner-left h3{font-size:36px; color:#fff; text-align: left; font-weight: 500;}
.hotbanner .container .hotnanner-left p{color:#fff; line-height: 28px;}

.hotbanner .container .hotnanner-right{width: 40%; display: flex;  justify-content: center;  align-items: center;}

.btns-outline{border:1px solid #fff; color:#fff; font-weight: 600; border-radius: 4px;padding:14px 46px;}

.service{margin-bottom:150px;}
.service p{margin: 0 16%; text-align: center;color:#616161; font-size:var(--font-body);line-height: 2.2rem;}


.service{position: relative; z-index: 100; background-color: transparent;}
.service-bg-left{position: absolute; z-index: 1; top:3500px; left:0; display: inline;}
.service-bg-left img{width:70%;}
.service-bg-right{position: absolute; z-index: 1; top: 3400px; right: -100px; display: inline;}
.service-bg-right img{width:70%;}

.back-to-top img{height:60%;}

/*PC*/
@media screen and (min-width: 768px){
.service .service-section{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top:50px;}
.service .service-section .card{width:48%; background-color: #FAFAFA; border:1px solid #E7EBEE; border-radius: 10px; display: flex; flex-direction: row; padding:30px 20px; margin:10px 0;}
.service .service-section .card img{width:48px; height: auto;}
.service .service-section .card .card-left{padding:0 20px;}
.service .service-section .card .card-right {padding:0 20px;}
.service .service-section .card .card-right h4{font-size:1.3rem; font-weight: 700;}
.service .service-section .card .card-right h6{font-size:1rem; font-weight: 400; text-align: justify;}
}
















/*모바일*/

@media screen and (max-width: 767px){


body{width:100%;  font-size: var(--font-body); font-weight: 500; color: #616161; line-height: 2.2rem; text-align: justify;}
.header{position: absolute;}
.header .logo {
  width: 90px;
  height: auto; 
  max-height: 95px;
}

.header .navbar-nav-right {
  /* float: right; */
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  background-color: #fff;
}

.header .navbar-toggle {
  width: 80px;
  height: 80px;
  border: none;
  padding: 0;
  margin: 5px 0;
}


.header .navbar-toggle .toggle-icon:before {
  width: 30px;
  height: 2px;
  bottom: 12px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon:after {
  width: 30px;
  height: 2px;
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  transform: rotate(0);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle .toggle-icon {
  position: relative;
  width: 30px;
  height: 2px;
  display: inline-block;
  background: #515769;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:before {
  width: 30px;
  height: 2px;
  background: var(--point-color);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon {
  background:  var(--point-color);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.header .navbar-toggle:hover .toggle-icon:after {
  width: 30px;
  height: 2px;
  background:  var(--point-color);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}





.header .logo-wrap {
  display: inline-block;
  padding: 12px 0 0 0;
}

.header .navbar-nav-right {
  float: right;
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.header .nav-item-child{color:#000;line-height: 25px;  padding: 10px 20px;}
.header .navbar > .container > .nav-collapse{height:220px;}
.header .navbar-nav .nav-item.m-act a{background-color: var(--point-color); color:#fff; padding:10px 10px; border-radius: 5px;}

.btn-nav {
  background-color: #fff;
  padding: 5px 20px !important;
  line-height: 25px !important;
  margin-top: 0px;
  border-radius: 6px;
}
.header .navbar .menu-container{padding-bottom: 0px; margin-bottom: 0px;}
.topnav{border:1px solid #ddd;}

.section .container .section-memo h3 {
  text-align: left;
}
.partner p{font-size: var(--font-body); font-weight: 500; color: #616161; line-height: 2.2rem; text-align: justify; text-align: left;}
.carousel .carousel-inner .item{height:60vh; width:100%;}
.carousel-centered {
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  flex-direction: column;
}
.carousel-centered h1{font-size: 50px;padding: 0 4%; line-height: 50px;}
.carousel-centered h2{font-size: 30px;}
.carousel-centered p{font-size: 14px; padding: 0 10%;}
.about .container {
  flex-direction: column !important;
}
.section .container .about-section-img-left {
  width: 100%;
  text-align: center;
  padding-right: 0;
}
.section .container .about-section-text-right {
  width: 100%;
  text-align: left;
  padding: 60px 0% 0 0%;
}

.section .container .section-memo .sec-btn {
  margin: 60px 0 0 0;
  text-align: center;
}

.section .container .about-section-text-left {
  width: 100%;
  text-align: center;
  padding: 20px 0% 0 0%;
}
.section .container .about-section-img-right {
  width: 100%;
  text-align: center;
  padding: 60px 0% 0 0%;
}
.about-bg-left {
  position: absolute;
  z-index: 1;
  top: 1100px;
  left: 0;
  display: inline;
}
.about-bg-center {
  position: absolute;
  z-index: 1;
  top: 1030px;
  right: 0;
  display: inline;
}

.partner p {
  margin: 0;
}

.hotbanner .container {
  flex-direction: column; 
}
.hotbanner {
  padding: 0 10px;
  margin: 100px 0 50px 0;
}

.hotbanner .container .hotnanner-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px 0px 20px 0px;
  width: 100%;
}

.hotbanner .container .hotnanner-right {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}


.hotbanner .container .hotnanner-left h3 {
  font-size: 28;
}

.service {
  background: #fff;
  padding: 50px 0px;
}
.section h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: var(--font-title);
  font-weight: 800;
  color: #000;
  letter-spacing: -1px;
  margin-bottom: 50px;
}

.service p {
  margin: 0;
  text-align: center;
  color: #616161;
  font-size: var(--font-body);
  line-height: 2.2rem;
}



.service .service-section {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  justify-content: space-between;  
  align-items: center;
  margin-top: 50px;
}

.service .service-section .card {
  width: 100%;
  background-color: #FAFAFA; 
  border: 1px solid #E7EBEE;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  padding: 20px 10px 20px 0;
  margin: 10px 0;
}

.service .service-section .card img {
  width: 30px;
  height: auto;
}

.service .service-section .card .card-right {
  padding: 0 10px 0 0;
}
.service .service-section .card .card-right h4{padding-left:40px;}
.service .service-section .card .card-right h6{font-size: var(--font-body); font-weight: 500;line-height: 2.2rem;}
.service .service-section .card .card-left{position: relative; z-index: 100; left: 30px;}


.about-bg-center img{display: none;}
.back-to-top.back-to-top-is-visible{ display: none;}
.service-bg-right{display: none;}
.footer .logo-img-footer img{display: none;}


.service {
  margin-bottom: 80px;
}
.service p{font-size: var(--font-body); font-weight: 500; color: #616161; line-height: 2.2rem; text-align: justify; text-align: left;}


.row {
  margin-right: 0px; 
  margin-left: 0px;
}



.footer{width:100%;}

.footer .content-lg {padding:0 !important;}
.footer .footer-left{
  width:100%; padding:20px 10px; margin-bottom:0px !important;
}
.footer .footer-left img {  
  width: 80px;
  margin: 10px !important;
}
.footer .footer-left ul.footer-text {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  padding-left:5%;
}
.footer-left ul.footer-text li {
  padding: 0px 0;
}

.footer .footer-right{padding: 0 0 0 5%;}

.footer .footer-list {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.footer .footer-list li{margin-right:30px;}
.footer .footer-list li a{font-size:0.9rem;}
.footer .copyright {
  font-size: 0.85rem;
  letter-spacing: 0px;
}



}