/*Ãß°¡ css*/

#header-wrap { padding-top: 0}

a.no-link {
  cursor: default;
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}


.section-block .container .justify-content-center img{image-rendering:pixelated;}
.section-block .container img{image-rendering:pixelated;}


.bg_b {background-color:#00196f !important;}
.section-block_new {padding:58px 0px; background-color:#fff;}
.section-block_con {background-color:#e8edf4;}
.section-block2 {margin-top:-40px;}



:root {
  --dyami-content-padding: 0;
}

 .section-block {padding: 6rem 0}
  @media (max-width: 991px) { .section-block { padding: 4rem 1rem} }

/* ----------------------------------------------------------------
 * Ä÷¯
 -----------------------------------------------------------------*/
:root {
 --dyami-link-color: var(--bs-body-color);
 --dyami-link-hover-color: var(--dyami-themecolor);
 --dyami-themecolor: #00196f; 
 --dyami-themecolor-rgb: 0, 25, 111; 
 --dyami-subcolor: #0647aa; 
 --dyami-subcolor-rgb: 6, 71, 170; 
 --dyami-pointcolor: #2f8ef0; 
 --dyami-pointcolor2: #0647aa; 
 --dyami-form-search-border: 1px solid var(--bs-border-color);
}
.table input, .table select, table textarea {
  --dyami-form-bg: var(--bs-light);
  --dyami-form-border-color: var(--bs-light);
  --dyami-form-color: var(--bs-dark);
  --dyami-form-focus-bg: var(--bs-body-bg);
  --dyami-form-focus-border-color: var(--dyami-themecolor);
}
.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-active-bg: var(--dyami-subcolor);
}



/* ----------------------------------------------------------------
 * ÆùÆ®
 * À¥ÆùÆ®  ¼Ò½º´Â [¸ðµâ > TOP > ½ºÅ¸ÀϽÃÆ®] ¿¡¼­ È®ÀÎ °¡´ÉÇÕ´Ï´Ù.
 -----------------------------------------------------------------*/


:root {
  --dyami-body-font:  'Montserrat', 'Noto Sans KR' , -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important; 
  --dyami-primary-font: var(--dyami-body-font);
  --bs-body-font-size: 18px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --dyami-font-size-h1: 3rem;
  --dyami-font-size-h2: 2.75rem;
  --dyami-font-size-h3: 35px;
  --dyami-font-size-h4: 2rem;
  --dyami-font-size-h5: 1.5rem;
  --dyami-font-size-h6: 1.25rem;
  --dyami-font-size-small: calc(var(--dyami-font-size-body) * 0.875);
  --dyami-headings-font-weight: 400;
}

@media (max-width: 1199px) {
  :root { 
    --dyami-font-size-h1: 52px; 
    --dyami-font-size-h2: 44px; 
    --dyami-font-size-h3: 32px;
     --dyami-font-size-h6: 1rem; }
}
@media (max-width: 991px) {
  :root { 
    --bs-body-font-size: 16px; 
    --dyami-font-size-h1: 40px; 
    --dyami-font-size-h2: 34px; 
    --dyami-font-size-h3: 30px; 
    --dyami-font-size-h4: 24px; }
}
@media (max-width: 575px) {
  :root { 
    --dyami-font-size-h1: 32px; 
    --dyami-font-size-h2: 28px; 
    --dyami-font-size-h3: 25px; 
    --dyami-font-size-h4: 22px; 
    --dyami-font-size-h5: 18px; }
}

.display-1 { font-size: calc(1.575rem + 5vw); }
.display-2 { font-size: calc(1.575rem + 3.9vw); }
.display-3 { font-size: calc(1.475rem + 3.3vw); }
.display-4 { font-size: calc(1.475rem + 1.8vw); }
.display-5 { font-size: calc(1.375rem + 1.8vw); }

@media (min-width: 1200px) {
  .display-1 { font-size: 4.5vw; }
  .display-2 { font-size: 4rem; }
  .display-3 { font-size: 3.75rem; }
  .display-4 { font-size: 3.5rem; }
  .display-5 { font-size: 3.25rem; }





}


@media (max-width: 991px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.2rem }
}


/* ----------------------------------------------------------------
 * ¸Þ´º¹Ù
 -----------------------------------------------------------------*/
#header {
  --dyami-header-height: 60px;
  --dyami-header-bg: #fff;
  --dyami-header-border-color: #fff;
  --dyami-primary-menu-hover-bg: var(--bs-light);
  --dyami-primary-menu-active-color: var(--dyami-themecolor);
  --dyami-primary-menu-color: var(--bs-black);
  --dyami-primary-menu-hover-color: var(--dyami-themecolor);
  --dyami-primary-menu-hover-bg: transparent;
   --dyami-primary-menu-font: var(--dyami-body-font);
  --dyami-primary-menu-font-weight: 500;
  --dyami-primary-menu-font-size: 18px;
  --dyami-primary-menu-submenu-bg: var(--dyami-themecolor);
  --dyami-primary-menu-submenu-font-size: 16px;
  --dyami-primary-menu-submenu-font-weight: 400;
  --dyami-primary-menu-submenu-color: var(--bs-dark);
  --dyami-primary-menu-submenu-hover-color: var(--dyami-themecolor);
}

 @media (min-width: 1200px){
   #header { 
   --dyami-header-height: 80px; 
   --dyami-header-height-shrink: 80px; } 
  }

/* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö ŸÀÌƲ 
 -----------------------------------------------------------------*/
.page-title { 
  --dyami-page-title-padding: 6rem; 
  --dyami-page-title-font-size: calc(1.4rem + 1.3vw); 
  --dyami-page-title-font-weight: 500; 
  --dyami-page-title-color: var(--bs-light); 
} 
 .page-title .bg-overlay-bg { background-color: rgba(var(--bs-dark-rgb), 0.2); } 
 .page-title-content h1,
 .page-title-content .h1 { font-family: var(--dyami-body-font); } 
 @media (min-width: 1200px){
  .page-title { --dyami-page-title-padding: 7rem; } 
 }



/* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö ¼öÁ¤
 -----------------------------------------------------------------*/
.sub0101 .content-wrap .section-block .container div.col-lg-10{margin:0 auto;}
.sub0101 .content-wrap .section-block .container .fbox-content{color:#fff;}
.sub0101 .content-wrap .section-block {background: url('/bizdemo164879/img/_yami/images/sub/sub0101_bg.png') no-repeat center top; }
.sub0101 .content-wrap .section-block .full_txt h1{font-size:100px; color:#cde3fd; opacity:0.3; text-align:center; text-transform: uppercase; line-height:0.8}


.sub0201 .content-wrap .section-block {background: url('/bizdemo164879/img/_yami/images/sub/sub0201_bg.png') no-repeat right top; }


.portfolio-meta,
.portfolio-share {
  list-style: none;
  /* font-size: 0.875rem; */
}


.portfolio-meta li {
  margin: 5px 0;
  color: #666666;
}


.portfolio-meta li:first-child {
  margin-top: 0;
}


.portfolio-meta li span {
  display: inline-block;
  font-weight: 400;
  color: #111;
}


.portfolio-meta li span i {
  position: relative;
  top: -4px;
  width: 5px;
  height:5px;
  border-radius:30px;
  display:inline-block;
  text-align: center;
  margin-right: 7px;
  background-color:#0647aa;
}


.timeicon {
    text-align: right;
    margin: 10px 0;
    font-size: 15px;
}


.timeicon span:first-child {
    color: var(--dyami-pointcolor);
}


.timeicon span:nth-child(2) {
    color: #a7a7a7; margin-left:10px
}
/*.timeicon span:last-child{
    color: var(--themecolor4);
}*/




.medi_table {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}


.doc_time {
    display: none;
    /*display: table;*/
    position: relative;
    width: 700px;
    height: 206px;
    background: #fff;
    border-top: 3px solid #000;
}


.doc_time {
    display: table;
    position: relative;
    width: 100%;
    height: 186px;
    background: #fff;
    border-top: 3px solid #000;
}


.doc_time ul {
    display: table-row;
}


.doc_time ul li {
    display: table-cell;
    text-align: center;
}


.doc_time ul.tableline1 {
    width: 100%;
    /*height: 40px;*/
}


.doc_time ul.tableline2 {
    width: 100%;
    height: 40px;
}


.doc_time ul.tableline1 li {
    width: 11%;
    /* height:56px; */
    vertical-align: middle;
    margin: 0;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #f6f6f6;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
}


.doc_time ul.tableline2 li {
    width: 11%;
    box-sizing: border-box;
}


.doc_time ul.tableline2 li div {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    /* padding-top:20px; */
    box-sizing: border-box;
    display: table;
}


.doc_time ul.tableline2 li div.table_txt {
    width: unset;
    height: unset;
    border: none;
    padding-top: 0;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}


.doc_time ul.tableline2 li span {
    display: block;
    width: 100%;
    /* min-height: 30px; */
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0);
    line-height: 28px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.3;
}


.doc_time ul.tableline2 li div.table_txt span.time_ {
}


.doc_time ul.tableline2 li span.time_1 {
    /* width:65px; height:30px;background:#fff; border:1px solid #b5b5b5; text-align:center; line-height:28px; font-size:16px; font-weight:500; color:#2b2b2b; border-radius:50px;  */    
    width: 20px;
    height: 20px;
    background: var(--dyami-pointcolor);
    text-align: center;
    line-height: 28px;
    font-size: 1px;
    font-weight: 500;
    color: var(--dyami-pointcolor);
    border-radius: 50px;
}




.doc_time ul.tableline2 li span.time_2 {
    width: 20px;
    height: 20px;
    background: #a7a7a7;
    text-align: center;
    line-height: 28px;
    font-size: 1px;
    font-weight: 500;
    color: #a7a7a7;
    border-radius: 50px;
}


.doc_time ul.tableline2 li span.time_3 {
    width: 23px;
    height: 23px;
    background: var(--themecolor4);
    border: 1px solid var(--themecolor4);
    text-align: center;
    line-height: 28px;
    font-size: 1px;
    font-weight: 500;
    color: var(--themecolor4);
    border-radius: 50px;
}


.doc_time ul.tableline2 li.day_time {
    background: #f6f6f6;
}


.doc_time ul.tableline2 li.day_time div span.dt_time {
    display: table-cell;
    vertical-align: middle;
}


/*.doc_time ul.tableline1 li:last-child, .doc_time ul.tableline2 li:last-child {
    width: 23%;
    padding: 0 3%;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}*/


.doc_time ul.tableline2 li:last-child {
    vertical-align: middle;
}




.doc_container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #09227d; /* ´ÙÅ© ºí·ç »ö */
  width: 70%;
  position: absolute; 
  top:10%;
  left:80%;
  
}


.doc_name {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  color: white;
  border-radius: 5px;
}


.doc_m{
  font-size: 32px;
  font-weight: bold;
  margin:10px;
}


.doc_s {
  font-size: 18px;
  font-weight: light;
  opacity:0.7
}


/* ´Ù°¢Çü ¹è°æ ¸¸µé±â */
.doc_container:before {

  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09227d;
  transform: skew(-20deg); /* ¹è°æµµ ±â¿ï¿©ÁÜ */
  z-index: -1;
}


.bg-split{width:fit-content; padding:3px 25px 3px 0; border:1px solid #0b287a; }
.bg-split span{background-color:#0b287a; padding:10px 20px; color:#fff !important;}




 .g_banner {
      background: #0b287a;
      top:18%; right:30%;

      color: #fff;
      text-align: center;
      padding: 40px 30px 14px 30px;
      min-height: 192px;
      box-sizing: border-box;
    }
    .g_banner .main-text {
      line-height: 1.3;
      margin-bottom: 22px;
      letter-spacing: -1px;
    }
    .g_banner .sub-text {
      line-height: 1.6;
      margin-bottom: 0;
    }


    .g_banner .icon{background: url('/bizdemo164879/img/_yami/images/sub/sub0601_img02.png') no-repeat center center; width:70px; height:70px; position:absolute; top:36%}




.tab-content .alert-box {
  background: #16b5f4;
  color: #fff;
  border-radius: 10px;
  padding: 18px 35px 18px 35px;
  font-size: 1.08rem;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 18px 0;
  line-height: 1.6;
}


.tab-content .alert-icon {
  font-size: 1.35em;
  margin-top: 2px;
  flex-shrink: 0;
  color: #fff;
  /* background: rgba(255,255,255,0.18);
     border-radius: 50%;
     padding: 3px; */
}


.root_daum_roughmap .cont,.root_daum_roughmap .wrap_controllers{display:none;}

.sub0103 .slide img{image-rendering:auto !important;}

.sub0501 .fbox-plain .fbox-icon {position:absolute; right:5%; top:15%;}
.sub0501 .fbox-plain .fbox-icon img{image-rendering:auto;}
.sub0501 .feature-box{position:relative;}


.sub0501 .iconlist li > *{flex:none;}


.sub0502 {
    position: relative;
    z-index: 1;
}
.sub0502::after {
    content: "";
    position: absolute;
     left: 0; right: 0; bottom: 0;
    background: #f3f4f8;  
    z-index: -1;  
    height:70%;
    pointer-events: none; 
}
.bg-50{position: relative;
  z-index: 1;}


.bg-50:before{
    content: "";
    position: absolute;
     left: 0; right: 0; bottom: 0;
    background: #f3f4f8;  
    z-index: 0;  
    height:50%;
    pointer-events: none; 
}


.bg-70{position: relative;
  z-index: 1;}


.bg-70:before{
    content: "";
    position: absolute;
     left: 0; right: 0; bottom: 0;
    background: #f3f4f8;  
    z-index: 0;  
    height:50%;
    pointer-events: none; 
}
.min-vh-22 {
  min-height: 22vh !important;
}


.flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
}
.flex-control-thumbs li {
  width: 10% !important;
  margin-bottom: 8px;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
}






.recruit{
    background:#eef4fb; border-radius:14px; padding:26px 24px; position:relative;
  }
.recruit:before{    content: "";    position: absolute; background:url('/bizdemo164879/img/_yami/images/sub/sub0705_img01.png') no-repeat right bottom;  top: 0; right: 0;
  width: 100%; height: 100%; z-index:0}
.recruit_con{z-index:1; position:relative}
  .steps{display:flex; flex-direction:column; gap:14px; margin:0; padding:0; list-style:none;}
  .step{
    display:grid; grid-template-columns: 60px 1fr; gap:10px;
    align-items:anchor-center; border-radius:12px; padding:10px 10px;
  }
  .num{
    width:50px; height:50px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:#2a69b3; color:#fff; font-weight:700; font-size:1.5rem;
  }
  .txt{font-size:1.15rem; line-height:1.4; color:#221815}
  .txt .email{
    display:block; margin-top:8px; font-weight:700; color:#0b1a2b;
  }





@media (max-width: 768px) {


h1, .h1{font-size:1.75rem;}
.section-block{padding:2rem 0rem;}
.section-block .container{padding:0 1rem;}
.section-block .container .justify-content-center img{image-rendering:auto;}
.section-block .container img{image-rendering:auto;}


.p-5{padding:1.5rem !important;}
.pt-5{padding-top:1rem !important;}
.pb-3{padding-bottom:0.5rem !important;}
  .flex-control-thumbs li,  {
    width: 19% !important;  /* 5°³¾¿ ÇÑ ÁÙ */
  }
.doc_container{bottom:10%; left:0; top:auto;}
.doc_m{font-size:20px}
.doc_s{font-size:14px; padding:}


.sub0101 .content-wrap .section-block .full_txt h1{font-size:40px;}


.sub0201 .section-block .row div.col{padding:0!important}
.sub0201 .section-block .row div.col .fbox-content{padding-top:1.25rem !important; margin-top:0 !important;}


.doc_time{height:150px;}
.doc_time ul.tableline1 li{font-size:13px!important;}
.doc_time ul.tableline2 li span{font-size:13px!important;}
.doc_time ul.tableline2 li div{height:50px!important;}
.doc_time ul.tableline2 li span.time_1,.doc_time ul.tableline2 li span.time_2,.doc_time ul.tableline2 li span.time_3{font-size:1px!important;}
.modal-body h6.py-md-3{font-size:13px; margin-top:15px;}
.bg-split{font-size:1.5rem; padding:6px 15px 6px 0}
.fs-5{font-size:1rem !important;}
.fs-3{font-size:calc(1.1rem + 0.6vw) !important}
/*.fbox-content span{font-size:calc(0.8rem + 0.6vw) !important}*/
.iconlist > li i{top:2px !importnat; margin-right:5px !important;}
.p80 .container .p58 .col .bg_b {min-height:185px;}

.sub0501 .tabs{flex-direction:row}
section.d-lg-none div.row{margin-right:auto; margin-left:auto;}
.display-4{font-size:calc(1rem + 1.5vw)}
.recruit{padding-bottom:300px;}
.step{display:inline}
  .num{
    width:40px; height:40px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:#2a69b3; color:#fff; font-weight:700; font-size:1.25rem;
  }
  .txt{font-size:1rem; line-height:1.4; color:#221815; margin-top:12px}




.header-misc .button{padding:5px !important;}


.header-misc .button i{margin:3px !important; font-size:1.25rem!important;}

.iconlist li span{font-size:calc(0.8rem + 0.6vw) !important}}

#header-wrap { padding:10px 0}

.sub0501 .iconlist li > *{flex:auto;}
.iconlist li{flex:auto; display:block;}

.header-row{justify-content:space-between}


.mb_mt0{margin-top:0;}


.content-wrap p.mt-4{padding:0 1rem;}
.section-block div.row .center p.fw-medium{padding:0 2rem;}
}


@media (max-width: 385px) {
.bg-split{font-size:1.3rem; padding:7px 10px 7px 0}
#header-wrap { padding-top:5px}
}