/* ===========================================================================
    Main 01
 */


#owl-intro .img-symbol {
  max-width: 100% !important;
    width: auto !important;
}
.height-hero {
  height: 100vh;
}




#owl-intro h6{
margint-top: 20px;
}


/*760px ÇØ»óµµ ±îÁöÀÇ È­¸é*/
@media (max-width:760px) {
  .height-hero {
    height: 100vh;
  }
  #owl-intro .wrap-title {
   position:absolute; top:9%;
  } 
 
  #owl-intro .img-symbol {
   display: none;
      /*width: 120px !important;
   margin: 0 auto;*/
  }
  #owl-intro .img-title {
      width: 100% !important;
   margin-top: 124%;
  }


  #owl-intro h6 {
text-align: left;
position: absolute;
right: -5%;
top: 16%;


  }
}




/*760px~1920px ÇØ»óµµ ÀÌÈÄÀÇ È­¸é*/
@media screen and (min-width:760px) and (max-width:1920px) {
  .height-hero {
    height: 100vh;
  }
  #owl-intro .wrap-title {
   margin-top: 130px;
  }
  #owl-intro .img-symbol {
      width: 230px !important;
  }
  #owl-intro .img-title {   
      width: 776px !important;
   margin-top: 80px;
  }
  #owl-intro .text-sub {
   text-align: left;
  }
 
}


/* ===========================================================================
    Main 02 :: Banner
 */


@media (max-width:1023px) {
  .box-banner .card {
    margin-bottom: 30 px;
  }
}
@media (max-width:991px) {
  .client-box .col-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
    .client-box .col-6:nth-child(1),
    .client-box .col-6:nth-child(2) {
         border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    }
   .top-line {
    border-top: 1px solid rgba(120, 130, 140, 0.13);
  }
}






/* ===========================================================================
    about 02
*/
 
/*³Êºñ°¡ 768pxº¸´Ù ÃÊ°úÀÏ ¶§ Àû¿ëµÊ*/


@media all and (min-width:768px) {
  .pc-align-2 {
    max-width: 42%;
    flex: 2;
  }
  .row-1{
    margin-left: 10%;
  }
}








/* ===========================================================================
    service 10
*/


i.num{
  position: absolute;
  top: 0px;
  left: 0px;
}


/*³Êºñ°¡ 768pxº¸´Ù ÃÊ°úÀÏ ¶§ Àû¿ëµÊ*/


@media all and (min-width:768px) {
  .pc-align-4 {
    max-width: 25%;
    /*flex: 4;*/
  }
}


/*760px ÇØ»óµµ ±îÁöÀÇ È­¸é*/


@media (max-width:760px) {
  .partner-logo {
    width: 90%;
  }
}


@media (max-width:760px) {
  .partner-logo2 {
    width: 95%;
  }
}






/* ===========================================================================
    work 01
*/


/*991px ÇØ»óµµ ±îÁöÀÇ È­¸é*/
@media (max-width:991px) {
  .btn_blog img {
    width: 90%;
  }
}






/* ===========================================================================
    modal 001
*/


/*991px ÇØ»óµµ ±îÁöÀÇ È­¸é*/
@media (max-width:991px) {
  .height-lg,
  .height-md,
  .height-sm {
    height: 240px;
  }
  .img-fluid { max-width: 120%;}
  .img-type { margin-left: -10%;}
}






/* ===========================================================================
    Æû¸ÞÀÏ
*/
.table-formmail {font-family: "Noto Sans KR", "Noto Sans", "Roboto", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}






/*******************
This is the font import from the google api
*******************/


@font-face {
    font-family: 'GmarketSansLight';
    src: 
url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* nanum-gothic-regular - latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nanum-gothic-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v17-latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}








/*******************
Global Styles
*******************/


body {
  background: #ffffff;
  font-family: 'GmarketSansLight', 'GmarketSansMedium', 'GmarketSansBold', "Montserrat", sans-serif;
  margin: 0;
  overflow-x: hidden;
  color: #464747;
  font-weight: 300;
}




br{ font-family: nanumGothic;}


textarea br{visible:hidden;}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6
h7, .h7
h8, .h8 {
  color: #464747;
}




.text-accent {
  color: #7ac9a4;
}


.font-GLight {
  font-family:'GmarketSansLight'}


.font-GMedium {
  font-family:'GmarketSansMedium'}


.font-GBold {
  font-family:'GmarketSansBold'}






/*******************
color.css
*******************/
.bg-footer {
  background-color: #7bc9a4;
}
.bg-footer02 {
  background-color: #f9c0c5;
}
hr.separator-break.border-accent {
    border-color:  #f9c0c5;
}
.bg-accent {
  background-color: #fde3e6;
}
p, .p {
  color: #494949;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #3f4448
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
  color: #3f4448
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
  color: #3f4448
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #3f4448
}






/*******************
Headings
*******************/
h7,.h7 {
  font-size: 38px;
  line-height: 1.4
}






/*******************
style.css
*******************/
html body .bg-service {
  position: relative;background:url("/bizdemo110939/img/yami/img/service/bg_service01.png") repeat center top; height:896px; padding:100px 0;}


html body .bg-service-2 {
  position: relative;background:url("/bizdemo110939/img/yami/img/service/bg_service01.png") repeat center top; padding:100px 0;}


.mini-spacer10 {
  padding: 10px 0; }


.mini-spacer20 {
  padding: 20px 0; }


.mini-spacer30 {
  padding: 30px 0; }


.top-spacer50 {
  padding-top: 50px; }


.top-spacer60 {
  padding-top: 60px; }


@media (max-width:768px) {
    html, p, textarea {
      font-size: 14px
    }
    h1,.h1 {
      font-size: 30px
    }
    h2,.h2 {
      font-size: 28px
    }
    h3,.h3 {
      font-size: 24px
    }
    h4,.h4 {
      font-size: 20px
    }
    h5,.h5 {
      font-size: 18px
    }
    h6,.h6 {
      font-size: 16px
    }
    h7,.h7 {
      font-size: 26px
    }
    small,.small {
      font-size: 14px
    }
    .display-1 {
      font-size: 5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-2 {
      font-size: 4.5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-3 {
      font-size: 3.5rem;
      font-weight: 300;
      line-height: 1.2
    }
    .display-4 {
      font-size: 2.5rem;
      font-weight: 300;
      line-height: 1.2
    }
  }


.foot-sns01{margin-right:25px;}
.text-black {
  color: #000 !important; }
.text-grey {
  color: #494949 !important; }






/*******************
Spacer
*******************/


  @media (max-width: 574px) {
    .spacer2 {
      padding-bottom: 0; }
  }


.spacer3{
padding-bottom: 2px;
}


.spacer4{
	padding-bottom: 100px;
}


/*******************
board.css
*******************/


input[name="receiver_email"],
textarea[name="description"] {
  width: 100%;
}








/*******************
common.css
*******************/


/* background */
.box-icon.box-icon-bg .box-icon-title>i,
.box-icon.box-icon-bg>i {
  background-color: rgba(0, 0, 0, 0);
  color: inherit;
}


/* ---- size ----- */
@media (max-width:575px) {
  .box-icon.box-icon-lg .box-icon-title>i, .box-icon.box-icon-lg>i {
    width: auto;
    height: auto;
    line-height: 100px;
    font-size: 60px;
  }
.top-spacer60{
    padding-top:0;
  }
}




@media (min-width:575px) {
  .partner2 .partner-box div:nth-child(1n+5) {
    border-bottom: none;
  }
  .partner2 .partner-box div:nth-child(4n) {
    border-right: none;
  }
}
@media (max-width:574px) {
  .partner2 .partner-box div:nth-child(1n+7) {
    border-bottom: none;
  }
  .partner2 .partner-box div:nth-child(2n) {
    border-right: none;
  }
}