/********** Template CSS **********/

/* Fonts */
:root {
    --font-default:"³ª´®°íµñ bold","³ª´®°íµñ Light";
    --font-primary: "Roboto", sans-serif;
    --font-secondary: "Work Sans", sans-serif;
  }
  
  :root {
      --primary: #00baff;
      --secondary: #f82282;
      --tertiary: #393939;
      --light:#dfe4fd;
      --dark: #011A41;
  }
  
  * {font-family:'³ª´®°íµñ', '³ª´®°íµñ Light';s
     margin:0;
    padding:0;
    box-sizing: border-box;}
  
  
  
  .mb1_top{margin-top: 1rem;}
  .margin-bottom-5, 
  .margin-bottom-10, 
  .margin-bottom-15, 
  .margin-bottom-20,
  .margin-bottom-25, 
  .margin-bottom-30, 
  .margin-bottom-35, 
  .margin-bottom-40, 
  .margin-bottom-45, 
  .margin-bottom-50, 
  .margin-bottom-55, 
  .margin-bottom-60
  .margin-bottom-80
  .margin-bottom-150
  .margin-bottom-200 { 
     clear:both;
  }
  .margin-bottom-5  { margin-bottom:5px;}
  .margin-bottom-10 { margin-bottom:10px;} 
  .margin-bottom-15 { margin-bottom:15px;}
  .margin-bottom-20 { margin-bottom:20px;}
  .margin-bottom-25 { margin-bottom:25px;}
  .margin-bottom-30 { margin-bottom:30px;}
  .margin-bottom-35 { margin-bottom:35px;}
  .margin-bottom-40 { margin-bottom:40px;}
  .margin-bottom-45 { margin-bottom:45px;}
  .margin-bottom-50 { margin-bottom:50px;}
  .margin-bottom-55 { margin-bottom:55px;}
  .margin-bottom-60 { margin-bottom:60px;}
  .margin-bottom-80 { margin-bottom:80px;}
  .margin-bottom-150 { margin-bottom:150px;}
  .margin-bottom-200 { margin-bottom:200px;}
  
  
  
  .margin-top-5, 
  .margin-top-10, 
  .margin-top-15, 
  .margin-top-20,
  .margin-top-25, 
  .margin-top-30, 
  .margin-top-35, 
  .margin-top-40, 
  .margin-top-45, 
  .margin-top-50, 
  .margin-top-55, 
  .margin-top-60
  .margin-top-80
  .margin-top-150
  .margin-top-200 { 
     clear:both;
  }
  .margin-top-5  { margin-top:5px;}
  .margin-top-10 { margin-top:10px;} 
  .margin-top-15 { margin-top:15px;}
  .margin-top-20 { margin-top:20px;}
  .margin-top-25 { margin-top:25px;}
  .margin-top-30 { margin-top:30px;}
  .margin-top-35 { margin-top:35px;}
  .margin-top-40 { margin-top:40px;}
  .margin-top-45 { margin-top:45px;}
  .margin-top-50 { margin-top:50px;}
  .margin-top-55 { margin-top:55px;}
  .margin-top-60 { margin-top:60px;}
  .margin-top-80 { margin-top:80px;}
  .margin-top-150 { margin-top:150px;}
  .margin-top-200 { margin-top:200px;}
  
  
  .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
      display: block;
      max-width: 100%;
      height: auto;
  }
  
  
  .back-to-top {
      position: fixed;
      display: none;
      right: 30px;
      bottom: 30px;
      z-index: 99;
  }
  
  h1,
  .h1,
  h2,
  .h2,
  .fw-bold {
      font-family: '³ª´®°íµñ';
      font-weight: 700 !important;
  }
  
  h3,
  .h3,
  h4,
  .h4,
  .fw-medium {
      font-family: '³ª´®°íµñ';
      font-weight: 600 !important;
  }
  
  h5,
  .h5,
  h6,
  .h6,
  .fw-semi-bold {
      font-family: '³ª´®°íµñ';
      font-weight: 500 !important;
  }
  
  
  /*** Spinner ***/
  #spinner {
      opacity: 0;
      visibility: hidden;
      transition: opacity .5s ease-out, visibility 0s linear .5s;
      z-index: 99999;
  }
  
  #spinner.show {
      transition: opacity .5s ease-out, visibility 0s linear 0s;
      visibility: visible;
      opacity: 1;
  }
  
  
  /*** Button ***/
  .btn {
      transition: .5s;
      font-weight: 500;
  }
  
  .btn-primary,
  .btn-outline-primary:hover {
      color: var(--light);
  }
  
  .btn-square {
      width: 38px;
      height: 38px;
  }
  
  .btn-sm-square {
      width: 32px;
      height: 32px;
  }
  
  .btn-lg-square {
      width: 48px;
      height: 48px;
  }
  
  .btn-square,
  .btn-sm-square,
  .btn-lg-square {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: normal;
  }
  
  
  /*** Navbar ***/
  .fixed-top {
      transition: .5s;
  }
  
  .top-bar {
      height: 45px;
      border-bottom: 1px solid rgba(53, 94, 252, .07);
  }
  
  .navbar .dropdown-toggle::after {
      border: none;
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      vertical-align: middle;
      margin-left: 8px;
  }
  
  .navbar .navbar-nav .nav-link {
      padding: 25px 15px;
      color: var(--tertiary);
      font-weight: 400;
      font-family: "³ª´®°íµñ";
      font-size: 17px;
      outline: none;
  }
  
  .navbar .navbar-nav .nav-link:hover,
  .navbar .navbar-nav .nav-link.active {
      color: var(--primary);
  }
  
  @media (max-width: 991.98px) {
      .navbar .navbar-nav {
          margin-top: 10px;
          border-top: 1px solid rgba(0, 0, 0, .07);
          background: #FFFFFF;
      }
  
      .navbar .navbar-nav .nav-link {
          padding: 10px 0;
      }
  }
  
  @media (min-width: 992px) {
      .navbar .nav-item .dropdown-menu {
          display: block;
          visibility: hidden;
          top: 100%;
          transform: rotateX(-75deg);
          transform-origin: 0% 0%;
          transition: .5s;
          opacity: 0;
      }
  
      .navbar .nav-item:hover .dropdown-menu {
          transform: rotateX(0deg);
          visibility: visible;
          transition: .5s;
          opacity: 1;
      }
      
          
  }
  
  
  
  /*** Header ***/
  .carousel-caption {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: start;
      z-index: 1;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
      width: 3rem;
  }
  
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
      width: 3rem;
      height: 3rem;
      background-color: var(--primary);
      border: 10px solid var(--primary);
  }
  
  .carousel-control-prev-icon {
      border-radius: 0 3rem 3rem 0;
  }
  
  .carousel-control-next-icon {
      border-radius: 3rem 0 0 3rem;
  }
  
  @media (max-width: 768px) {
      #header-carousel .carousel-item {
          position: relative;
          min-height: 450px;
      }
      
      #header-carousel .carousel-item img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
      }
  }
  
  
  
  .page-header {
      padding-top: 12rem;
      padding-bottom: 6rem;
      background: url(../img/header.jpg) top left no-repeat;
      background-size: cover;
  }
  
  .page-header .breadcrumb-item,
  .page-header .breadcrumb-item a {
      font-weight: 500;
  }
  
  .page-header .breadcrumb-item+.breadcrumb-item::before {
      color: var(--tertiary);
  }
  
  
  
  
  /*** Facts ***/
  .facts {
      background: linear-gradient(rgba(0, 204, 255, .95), rgba(0, 204, 255, .95)), url(../img/bg.png);
  }
  
  
  /*** Callback ***/
  .callback {
      position: relative;
  }
  
  .callback::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 50%;
      top: 0;
      left: 0;
      background: linear-gradient(rgba(53, 94, 252, .95), rgba(53, 94, 252, .95)), url(../img/bg.png);
      z-index: -1;
  }
  
  
  /*** Feature ***/
  .feature .feature-box,
  .feature .feature-box * {
      transition: .5s;
  }
  
  .feature .feature-box:hover {
      background: var(--primary);
      border-color: var(--primary) !important;
  }
  
  .feature .feature-box:hover * {
      color: #FFFFFF !important;
  }
  
  
  /*** Service ***/
  .service .nav .nav-link {
      transition: .5s;
  }
  
  .service .nav .nav-link.active {
      border-color: var(--primary) !important;
      background: var(--primary);
  }
  
  .service .nav .nav-link.active h5 {
      color: #FFFFFF !important;
  }
  
  .service .nav .nav-link.active h5 i {
      color: #FFFFFF !important;
  }
  
  
  /*** Project ***/
  .project-item,
  .project-item .project-img {
      position: relative;
  }
  
  .project-item .project-img a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, .5);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      opacity: 0;
      transition: .5s;
  }
  
  .project-item:hover .project-img a {
      opacity: 1;
  }
  
  .project-item .project-title {
      position: absolute;
      top: 3rem;
      right: 0;
      bottom: 0;
      left: 3rem;
      border: 1px solid var(--light);
      border-radius: 8px;
      display: flex;
      align-items: flex-end;
      padding: 18px;
      z-index: -1;
      transition: .5s;
  }
  
  .project-item:hover .project-title {
      background: var(--primary);
      border-color: var(--primary);
  }
  
  .project-item .project-title h4 {
      transition: .5s;
  }
  
  .project-item:hover .project-title h4 {
      color: #FFFFFF;
  }
  
  .project-carousel .owl-nav {
      margin-top: 25px;
      display: flex;
      justify-content: center;
  }
  
  .project-carousel .owl-nav .owl-prev,
  .project-carousel .owl-nav .owl-next {
      margin: 0 12px;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      background: var(--light);
      border-radius: 45px;
      font-size: 22px;
      transition: .5s;
  }
  
  .project-carousel .owl-nav .owl-prev:hover,
  .project-carousel .owl-nav .owl-next:hover {
      background: var(--primary);
      color: var(--light);
  }
  
  
  /*** Team ***/
  .team-item {
      position: relative;
      padding: 4rem 0;
  }
  
  .team-item img {
      position: relative;
      z-index: 2;
  }
  
  .team-item .team-text {
      position: absolute;
      top: 0;
      right: 3rem;
      bottom: 0;
      left: 3rem;
      padding: 15px;
      border: 1px solid var(--light);
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      transition: .5s;
      z-index: 1;
  }
  
  .team-item:hover .team-text {
      background: var(--primary);
      border-color: var(--primary);
  }
  
  .team-item .team-text h4 {
      transition: .5s;
  }
  
  .team-item:hover .team-text h4 {
      color: #FFFFFF;
  }
  
  .team-item .team-social .btn {
      background: var(--light);
      color: var(--primary);
  }
  
  .team-item:hover .team-social .btn {
      background: #FFFFFF;
  }
  
  .team-item .team-social .btn:hover {
      background: var(--primary);
      color: var(--light);
  }
  
  
  /*** Testimonial ***/
  .testimonial-item {
      position: relative;
      text-align: center;
      padding-top: 30px;
  }
  
  .testimonial-item .testimonial-text {
      position: relative;
      text-align: center;
  }
  
  .testimonial-item .testimonial-text .btn-square {
      position: absolute;
      width: 60px;
      height: 60px;
      top: -30px;
      left: 50%;
      transform: translateX(-50%);
  }
  
  .testimonial-item .testimonial-text::before {
      position: absolute;
      content: "";
      bottom: -60px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: var(--light) transparent transparent transparent;
  }
  
  .testimonial-item .testimonial-text::after {
      position: absolute;
      content: "";
      bottom: -59px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: #FFFFFF transparent transparent transparent;
  }
  
  .testimonial-carousel .owl-item img {
      margin: 0 auto;
      width: 100px;
      height: 100px;
  }
  
  .testimonial-carousel .owl-dots {
      margin-top: 25px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
  }
  
  .testimonial-carousel .owl-dot {
      position: relative;
      display: inline-block;
      margin: 0 5px;
      width: 30px;
      height: 30px;
      border: 1px solid var(--light);
      border-radius: 30px;
      transition: .5s;
  }
  
  .testimonial-carousel .owl-dot::after {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      top: 6px;
      left: 6px;
      border-radius: 16px;
      background: var(--light);
      transition: .5s;
  }
  
  .testimonial-carousel .owl-dot.active {
      border-color: var(--primary);
  }
  
  .testimonial-carousel .owl-dot.active::after {
      background: var(--primary);
  }
  
  /*index */
  
  .border1 {border-color:#011A41}
  .sub_title {
       font-size : 16px;
       font-family: ³ª´®°íµñ;
       color:#000000;
      line-height: 1.5em;
  }
  
  @media all and (min-width: 1200px) {
      .text_all{
      color:#011A41;
      font-size: 25px;
      font-family:³ª´®°íµñ;
      line-height: 0px;
  }
      .title {
      color:#011A41;
      font-size: 45px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
      .korea_title {
      color:#011A41;
      font-size: 32px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
      .korea_title1 {
      color:#ffffff;
      font-size: 32px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
      
  }
  
  
  @media all and (max-width: 420px) {
      .text_all{
      color:#011A41;
      font-size: 18px;
      font-family: ³ª´®°íµñ;
      line-height: 0px;
      }
          
      .title {
      color:#011A41;
      font-size: 24px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
      .korea_title {
      color:#011A41;
      font-size: 24px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
      .korea_title1 {
      color:#ffffff;
      font-size: 24px;
      font-family:³ª´®°íµñ;
      line-height: 1.3em;
      font-weight: 500;
      }
      
  
      
  }
  /*power_korea */
  .page-header-korea {
      padding-top: 18rem;
      padding-bottom: 6rem;
      background: url(../img/korea_top.jpg?v=20230619) top left no-repeat;
      background-size: cover;
  }
  
  .page-header-korea .breadcrumb-item,
  .page-header-korea .breadcrumb-item a {
      font-weight: 500;
  }
  
  .page-header-korea .breadcrumb-item+.breadcrumb-item::before {
      color: var(--tertiary);
  }
  
  .text_right {text-align: right;}
  .text_center{text-align: center;}
  .point {
          text-align: center;
          color: #ffa01e;
          font-style: italic;
          }
  
  .point1 {
          text-align: center;
          color: #f82282;
          font-style: italic;
          }
  
  .korea_facts {
      background: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), url(../img/korea_facts_bg.png);
  }
  
  
  .korea_bg1 {background-color: #fffbf6;
  }
  
  .korea_bg2 {
      background: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), url(../img/korea_facts_bg02.png);
  }
  
  
  .pd_5rem {padding-top: 5rem;
          padding-bottom: 5rem;
  }
  
  .korea_text01 { 
      text-align: center; 
      color:#E5E5E5; 
      font-size: 13px;
      font-family: "³ª´®°íµñ";
      line-height: 1.3em;
      margin-top: 10px;
  }
  
  .korea_text02 {
          text-align: center;
          color: #ffa01e;
          font-size: 18px;
          }
  
  .korea-item {
      position: relative;
      padding-top: 30px;
  }
  
  .korea-item .testimonial-text {
      position: relative;
      text-align: center;
  }
  
  .korea-item .testimonial-text .btn-square {
      position: absolute;
      width: 60px;
      height: 60px;
      top: -30px;
      left: 50%;
      transform: translateX(-50%);
  }
  
  .korea-item .testimonial-text::before {
      position: absolute;
      content: "";
      bottom: -60px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: var(--light) transparent transparent transparent;
  }
  
  .korea-item .testimonial-text::after {
      position: absolute;
      content: "";
      bottom: -59px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: #FFFFFF transparent transparent transparent;
  }
  
  .text-white{color: #ffffff;}
  .mb_30{margin-bottom: 30px;}
  .pd_20{padding: 20px}
  .contact_top{
      padding:40px;
      background-color: #ffffff;
      border-bottom: solid 1px #A3A3A3;
  }
  
  .py-5-1 {
      padding-top: 3rem !important;
      padding-bottom: 1rem !important;
  }
  
  .mb-22 {margin-bottom: 0.5rem;}
  .pd100{padding: 10px 0 110px;}
  
  
  
  
  /*** Testimonial ***/
  .testimonial-item1 {
      position: relative;
      text-align: center;
      padding-top: 30px;
  }
  
  .testimonial-item1 .testimonial-text {
      position: relative;
      text-align: center;
  }
  
  .testimonial-item1 .testimonial-text .btn-square {
      position: absolute;
      width: 60px;
      height: 60px;
      top: -30px;
      left: 50%;
      transform: translateX(-50%);
  }
  
  .testimonial-item1 .testimonial-text::before {
      position: absolute;
      content: "";
      bottom: -60px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: var(--light) transparent transparent transparent;
  }
  
  .testimonial-item1 .testimonial-text::after {
      position: absolute;
      content: "";
      bottom: -59px;
      left: 50%;
      transform: translateX(-50%);
      border: 30px solid;
      border-color: #FFFFFF transparent transparent transparent;
  }
  
  .testimonial-carousel .owl-item img {
      margin: 0 auto;
      width: 100px;
      height: 100px;
  }
  
  .testimonial-carousel .owl-dots {
      margin-top: 25px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
  }
  
  .testimonial-carousel .owl-dot {
      position: relative;
      display: inline-block;
      margin: 0 5px;
      width: 30px;
      height: 30px;
      border: 1px solid var(--light);
      border-radius: 30px;
      transition: .5s;
  }
  
  .testimonial-carousel .owl-dot::after {
      position: absolute;
      content: "";
      width: 16px;
      height: 16px;
      top: 6px;
      left: 6px;
      border-radius: 16px;
      background: var(--light);
      transition: .5s;
  }
  
  .testimonial-carousel .owl-dot.active {
      border-color: var(--primary);
  }
  
  .testimonial-carousel .owl-dot.active::after {
      background: var(--primary);
  }
  .rounded_1 {border-radius:8px;
              background-color: #ffffff;}
  .font_17{font-size: 17px}
  .icon_01{text-align: left; width: 20%; height: 20%}
  
  .usa_box01 {
          text-align: center;
          font-size: 25px;
          margin-bottom: 20px;
          margin-top: 20px;
          }
  
  .usa_box02 {
          text-align: center;
          font-size: 25px;
          margin-bottom: 20px;
          margin-top: 20px;
          }
  
  .usa_box_back01{background-color:#FFFCED;}
  .usa_box_back02{background-color:#FFF0F2;}
  
  .usa_back {
      background: url("../img/usa_back.png");
  }
  
  .usa_eng {background-color:#F3F3F3;
      
  }
  
  .py-3_1 {
      padding-top: 3rem;
      padding-bottom: 1rem;
  }
  
  .pbm-3 {
      padding-bottom: 3rem;
  } 
  .text-orange {color: #ffa01e;}
  .color_china{color:#ff4829; }
  
  /**¸ð¹ÙÀÏ/PCÀ̹ÌÁöÀüȯ**/
  @media only screen and (min-width: 1200px) and (max-width: 767px){
      .pc_none {display:none;}
  
      }
  /*767pxÀÌ»ó*/
  @media  all and (min-width: 767px) {
  
      .pc_none {display:none;}
  }
  
      
  /**Å×ºí¸´**/
  @media only screen and (min-width: 481px) and (max-width: 767px){
      .m_none {display:none;}
      
  }
  
      /**¸ð¹ÙÀÏ**/
  @media only screen and (max-width: 480px){
  
      .m_none {display:none;}
      
      }