/*
.VIpgJd-ZVi9od-ORHb {
  bottom: 0 !important;
}
*/
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraBlack.woff') format('woff');
  font-weight: 900;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Black.woff') format('woff');
  font-weight: 800;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-SemiBold.woff') format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Medium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Thin.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Light.woff') format('woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraLight.woff') format('woff');
  font-weight: 100;
}

@font-face {
  font-family: 'GothamBlack';
  src: url('../fonts/Gotham/Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Bold.ttf') format('truetype');

}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Book.ttf') format('truetype');

}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Medium.ttf') format('truetype');

}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/helvetica-neue/HelveticaNeueMedium.ttf') format('opentype');

}

@font-face {
  font-family: 'PingFang';
  src: url('../fonts/PingFang/PingFang-Regular.ttf') format('truetype');

}

@font-face {
  font-family: 'Charter';
  src: url('../fonts/Charter/Charter-Regular.ttf') format('truetype');

}

@font-face {
  font-family: 'Copperplate';

}
@font-face {
  font-family: 'Copperplate-Light';
  src: url('../fonts/Copperplate/Copperplate-Light.otf') format('opentype');

}
@font-face {
  font-family: 'Malayalam-mn';
  src: url('../fonts/Malayalam-mn/malayalam-mn.ttf') format('truetype');

}
@font-face {
  font-family: 'Krungthep';
  src: url('../fonts/Krungthep/krungthep.ttf') format('truetype');

}

@font-face {
  font-family: 'Century-Gothic-Bold';
  src: url('../fonts/Century-Gothic-Bold/century-gothic-bold.ttf') format('truetype');

}

@font-face {
  font-family: 'ArialNarrow';
  src: url('../fonts/ArialNarrow/arialnarrow.ttf') format('truetype');

}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Regular.ttf') format('truetype');

}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/Avenir-Next/AvenirNextCondensed-Regular.otf') format('opentype');

}
@font-face {
  font-family: 'Nanum Gothic';
  src: url('../fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');

}
@font-face {
  font-family: 'Nanum Gothic Bold';
  src: url('../fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype');
  font-style: bold;
}
@font-face {
  font-family: 'Malgun';
  src: url('../fonts/Malgun/malgun.ttf') format('truetype');

}
@font-face {
  font-family: 'Malgun Bold';
  src: url('../fonts/Malgun/malgunbd.ttf') format('truetype');
  font-style: bold;
}

  #header{position:relative;width:100%;}
.logo{position:relative;z-index:123;padding:0px 10px 18px;font:18px verdana;color:#6DDB07;float:left;}
.logo img {max-width: 150px;}
.logo a{color:#6DDB07;}
nav{position:relative;width:980px;margin:0 auto;}
.button {
  display: none;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu {font-family:sans-serif;height: 80px;padding-top: 10px;max-width:1400px;display: grid;grid-template-columns: 1fr 3fr 1fr;align-items: center;justify-content: center;position: fixed;width: -webkit-fill-available;z-index: 999; background: transparent;}
#cssmenu > ul {    justify-self: center;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:13px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;text-transform: capitalize;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease;color:#fff;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{padding:11px 15px;width:max-content;font-size:12px;text-decoration:none;color:#000;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{ }
.company {margin:0 0 0 1.1rem; color:#fff;}
.company option {background: #000;}
.side_icon img {filter: invert(1);}
.side_icon img {padding-top: 0px; }
.navItem {
  padding: 5px;
  text-transform: capitalize;
}
 .navItem:hover {
  border-bottom: 1px solid #c8c8c8;
 }
.navCon{
    display: flex;
    width: -webkit-fill-available;
    justify-self: center;
    height: 80px;
    background: transparent;
    position: fixed;
    justify-content: center;
    z-index: 999;
}
.navRight {
  display: flex;
  justify-content: flex-end;
}
.navCateM {
  display: none !important;
}
@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:15px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%;display:block; height: 64px}
#cssmenu ul{width:100%;display:none;background:#fff;}
#cssmenu ul li{width:100%;color:#000;}
#cssmenu ul li:hover{}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{color:#000;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#000;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;height: 64px;}
.button{width:48px;height:46px;position:absolute;right:0;top:28px;cursor:pointer;z-index: 12399994; display: block;}
/*
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
*/
#header img {
      margin-top: 8px;
}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.company{margin-left: 15px;position: absolute;top: 25px;color: #fff; z-index: 999; font-size: 17px;}
.company option {background: #000;}
.side_icon img {display: none;}
.navRight {
  display: block;
}
.navCatePC {
  display: none !important;
}
.navCateM {
  display: block !important;
  color:#000 !important;
}
}

.list-item {
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  display: flex;
  margin: 0 auto;
  width: 100%;
  padding: 30px 0 40px 0;
  margin-top: 50px;
}

.list_next_link {
  width: 20px;
  height: 20px;
  color: #000;
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s;
}

.list_next_link:hover {
  color: #FF028D;
  font-weight: 800;
}

.list_next {
  text-align: center;
  padding: 5px 10px;
  font-family: 'Geist', sans-serif;
  font-size: 13px;
}

.list_page_num {
    justify-content: center;
    list-style-type: none;
    display: flex;
    padding-inline-start: 0px;
    align-items: center;
    align-content: center;
}

.list_num, .list_pre {
  text-align: center;
  padding: 5px 10px;
  font-family: 'Geist', sans-serif;
  font-size: 13px;
}
@media screen and (max-width:764px) {
  .list_pre, .list_next{
    padding: 4px 10px 5px;
  }
}
.list_pre_link {
  color: #000;
  font-family: 'Geist', sans-serif;
  font-weight: 100;
  text-decoration: none;
  transition: color .2s;
}

.list_pre_link:hover {
  color: #FF028D;
  font-weight: 400;
}

.list_num_link {
  color: #000;
  font-family: 'Geist', sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.list_num_link:hover {
  color: #FF028D;
  font-weight: 400;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraBlack.woff') format('woff');
  font-weight: 900;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Black.woff') format('woff');
  font-weight: 800;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-SemiBold.woff') format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Medium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Thin.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Light.woff') format('woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraLight.woff') format('woff');
  font-weight: 100;
}

@font-face {
  font-family: 'GothamBlack';
  src: url('../fonts/Gotham/Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Bold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/helvetica-neue/HelveticaNeueMedium.ttf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang';
  src: url('../fonts/PingFang/PingFang-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Charter';
  src: url('../fonts/Charter/Charter-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Copperplate';
  src: url('../fonts/Copperplate/Copperplate.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Copperplate-Light';
  src: url('../fonts/Copperplate/Copperplate-Light.otf') format('opentype');
  font-style: normal;
}
@font-face {
  font-family: 'Malayalam-mn';
  src: url('../fonts/Malayalam-mn/malayalam-mn.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Krungthep';
  src: url('../fonts/Krungthep/krungthep.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Century-Gothic-Bold';
  src: url('../fonts/Century-Gothic-Bold/century-gothic-bold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'ArialNarrow';
  src: url('../fonts/ArialNarrow/arialnarrow.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/Avenir-Next/AvenirNextCondensed-Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

.index_sub_text {
  font-weight: 200;
 }

.readmore_a {
    font-weight: 400;
    font-size: 13px;
    margin-top: 20px;
    color: #a1a1a1;
  }
  .main_top {
    background-size: cover;
    background-position: center;
    min-height: 30px;
  }

  .main_top_index {
    background-size: cover;
    background-position: center;
    height: 100dvh;
  }

  .divi_sec {
    background-size: cover;
    background-position: center;
    /*min-height: 300px;*/
  }
  .main_top_container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 75px 25px;
    display: grid;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    min-height: 300px;
    margin-top:30px;
    margin-bottom: 30px;
  }

  .main_top_container_index {
    max-width: 1400px;
    margin: 0 auto;
    padding: 120px 25px;
    display: grid;
    height: 100%;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    min-height: 500px;
}

.main_top_container_index p {
    font-size: 18px;
    margin-top: 50px;
    line-height: 155%;
    word-break: keep-all;
    width: 65%;
    font-weight: 200;
}

.main_top_container_index button {
    padding: 8px 10px;
    margin-top: 50px;
    font-size: 12px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    transition: 0.2s;
    width: 120px;
    font-weight: 200;
}
  .main_top_container_index button:hover {
    background: #fff;
    color:#000;
  }

  .divi_sec_container {
    max-width: 1400px;
    padding: 50px 25px;
    display: flex;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .main_top_container h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 41px;
    line-height: 120%;
    color: #fff;
    width: 100%;
    margin-top: 20px;
  }
  .main_top_container p{
    font-size: 15px;
    margin-top: 24px;
    line-height: 150%;
    word-break: keep-all;
    width: 65%;
  }

  .divi_sec_container h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    margin-top: 20px;
  }
  .divi_sec_container p{
    font-size: 18px;
    margin-top: 40px;
    line-height: 150%;
    word-break: keep-all;
    width: 100%;
  }
  .main_top_container button {
    padding: 8px 10px;
    margin-top: 24px;
    font-size: 12px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    transition: 0.2s;
    width: 120px;
    font-weight: 200;
  }
  .main_top_container button:hover {
    background: #fff;
    color:#000;
  }
  .main_top_container span{
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
  }

  .main_top_container2 span{
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
  }

  .main_top1 {
    min-height: 500px;
  /*  background: linear-gradient(180deg, #8aafff, white, white, white); */
  }
  .main_top_container1 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 90px 10px 40px;
    display: grid;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    min-height: 500px;
  }
  .main_top_container1 h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-size: 41px;
    line-height: 120%;
    font-weight: 600;
    color: #000;
  }
  .main_top_container1 p{
    font-size: 15px;
    margin-top: 24px;
    line-height: 150%;
    word-break: keep-all;
    color: #000;
    width: 65%;
  }
  .main_content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
    grid-gap: 50px 20px;
    text-align: center;
  }

  .main_content1 {
    width: -webkit-fill-available;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 30px;
    grid-gap: 50px 55px;
    text-align: center;
  }

  .main_content_item_ex1:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 30px 30px;
    align-items: center;
    border-top: 0px solid #c8c8c8;
    padding:40px 0;
  }
  .main_content_item_ex1:nth-child(5) .ex_text {
    margin-top: 20px;
  }

  .main_content_works {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
    grid-gap: 50px 40px;
    text-align: center;
  }

  .main_content_exh {
    width: 100%;
    overflow-wrap: break-word; 
  }
  .main_content_exh img {
    max-width: 100%;
  }
.more_btn {
  max-width: 1400px;
  padding-bottom: 40px;
  margin:0 auto;
}
  .main_content_works1 {
    width: 100%;
    margin-top: 30px;
    grid-gap: 10px 10px;
    text-align: center;
    padding: 0 !important;
  }

  .main_content_exh1 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 30px;
    grid-gap: 10px 10px;
    text-align: center;
  }

  .main_content_item img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    margin-bottom: 10px;
  }
  .main_content_item h3 {
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 23px;
    line-height: 120%;
    margin-top: 10px;
  }
  .main_content_ex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    width: -webkit-fill-available;
    margin: 30px 0;
  }

  .main_content_ex .main_content_item_ex:nth-child(1) {
    grid-row: 1 / 5;
  }
  .main_content_ex .main_content_item_ex:nth-child(1) img {
    height: 400px;
    object-fit: cover;
    margin-bottom: 17px;
    width: 100%;
  }
  .main_content_item_ex {
    text-align: left;
  }
  .main_content_item_ex img {
    width: 100%;
    object-fit: cover;
    height: 300px;
  }
  .main_content_item_ex_sm {
    text-align: left;
    display: grid;
    grid-template-columns: 0.6fr 1fr;
    grid-gap: 20px;
  }

  .main_content_item_ex_sm img {
    width: 100%;
    object-fit: cover;
    height: 150px;
  }

  .main_content_item_ex1 {
    text-align: left;
    width: -webkit-fill-available;
  }
  .main_content_item_ex1 img {
    width: -webkit-fill-available;
    object-fit: cover;
    height: 300px;
    margin: 23px 0;
  }

  .main_content_item_ex1 .ex_title {
    font-size: 19px;
    line-height: 100%;
    margin-top: 10px;
    word-break: keep-all;
    color: #000;
    font-weight: 400;
    position: relative;
  }

  .main_content_item_ex1 .ex_text {
    font-size: 14px;
    margin-top: 17px;
    line-height: 150%;
    word-break: keep-all;
    color: #565656;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    position: relative;
  }

  .main_content_item_ex .ex_category{
    font-size: 13px;

  }

  .ex_category1 {
    /*font-style: italic;*/
    font-size: 13px;
    font-family: 'Times New Roman', serif;
    color: #a1a1a1;
  }

  .main_content_item_ex .ex_title {
    font-size: 21px;
    line-height: 120%;
    margin-top: 10px;
    word-break: keep-all;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
  }

  .main_content_item_ex_sm .ex_title {
    font-size: 21px;
    line-height: 120%;
    margin-top: 7px;
    word-break: keep-all;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
    padding-bottom: 5px;
  }

  .main_content_item_ex .ex_date {
    font-size: 13px;
    margin-top: 10px;
    line-height: 150%;
    word-break: keep-all;
    color: #707070;
  }

  .main_content_item_ex .ex_text {
    font-size: 14px;
    margin-top: 10px;
    line-height: 150%;
    word-break: keep-all;
    color: #565656;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .main_content_item_ex_right .ex_text {
    font-size: 14px;
    margin-top: 10px;
    line-height: 150%;
    word-break: keep-all;
    color: #565656;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .ex_text1 {
    padding-top: 20px;
    color: #565656;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .main_content_item_ex_sm .ex_date {
    font-size: 13px;
    margin-top: 7px;
    line-height: 150%;
    word-break: keep-all;
    color: #707070;
  }

  .main_content_item_ex1 .ex_date {
    font-size: 13px;
    margin-top: 10px;
    line-height: 100%;
    word-break: keep-all;
    color: #a1a1a1;
  }

  .main_top2 {

  /*  background: linear-gradient(180deg, #fff,#fff, #fdf55d); */
  }
  .main_top_container2 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 90px 10px;
    display: flex;
    height: auto;
    width: -webkit-fill-available;
    align-items: flex-start;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .main_top_container2 h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 600;
    font-size: 41px;
    line-height: 120%;
    color: #000;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .main_top_container2 p{
    font-size: 15px;
    margin-top: 24px;
    line-height: 150%;
    word-break: keep-all;
    color: #000;
    width: 65%;
  }


  .main_top3 {
    min-height: 500px;
  /*  background: linear-gradient(180deg, #ffb1b1,#fff, #fff); */
  height: auto;
  }

  .main_top_container3 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 120px 10px 55px;
    display: flex;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
  }
  .main_top_container3 h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 600;
    font-size: 41px;
    line-height: 120%;
    color: #000;
    width: 100%;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .main_top_container3 p{
    font-size: 15px;
    margin-top: 20px;
    line-height: 150%;
    word-break: keep-all;
    color: #000;
  }

  .main_top_container_work {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 10px;
    /*display: flex; */
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
  }
.main_top_container_work p {
  font-size: 17px;
  margin-top: 20px;
  line-height: 150%;
  word-break: keep-all;
  color: #000;
}

.main_top_container_exh {
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 10px;
  display: flex;
  height: auto;
  width: -webkit-fill-available;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
.main_top_container_exh p {
font-size: 17px;
margin-bottom: 20px;
line-height: 150%;
word-break: keep-all;
color: #000;
}
  .main_top4 {
    background: linear-gradient(180deg,#fff, #fff, #fff);
  }
  .main_top_container4 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 10px;
    display: grid;
    height: auto;
    width: -webkit-fill-available;
    align-items: start;
    align-content: center;
    min-height: 500px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    min-width: 50%;
  }
  .main_top_container4 h2{
    font-family: "Inter", "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #000;
    font-weight: 100;
  }
  .main_top_container4 p{
    font-size: 15px;
    margin-top: 30px;
    line-height: 150%;
    word-break: keep-all;
    color: #000;
  }
  .main_content4 {
    width: 100%;
    margin-top: 30px;
  }
  .main_content4 ul{
    margin-top: 30px;
  }
  .main_content4 ul li{
    font-size: 15px;
    line-height: 150%;
  }
  .main_content4_con {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px 20px;
    margin-top: 30px;
  }
  .main_content4_con .main_content_item img {
    width: 100%;
    object-fit: cover;
    height: 190px;
  }
  .main_content4 iframe{
      top:0;
      left:0;
      width:100%;
      height:400px;
      margin-top: 30px;
      margin-bottom: 30px;
    }

    .sec_page_container1 {
        max-width: 1400px;
        margin: 0 auto;
        padding: 180px 10px 70px;
        height: auto;
        width: -webkit-fill-available;
        align-items: center;
        align-content: center;
        min-height: 300px;
    }

    .sec_page_container_work {
      max-width: 1400px;
      margin: 0 auto;
      padding: 180px 10px 0px;
      height: auto;
      width: -webkit-fill-available;
      align-items: center;
      align-content: center;
      min-height: 300px;
  }
  .sec_page_container_exh {
    max-width: 900px;
    margin: 0 auto;
    padding: 120px 15px 0px;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    align-content: center;
  }

  .sec_page_container_exh1 {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 15px 0px;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    align-content: center;
  }
  .sec_page_container_work1 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 10px 20px;
    height: auto;
    width: -webkit-fill-available;
    align-items: center;
    align-content: center;
    
}

.sec_page_container_work1  .page_header3 {
  border: 0;
  padding: 0;
}

    .sec_page1_1 {
      min-height: 400px;
      padding-top: 80px;
    }
    .sec_page_container1_1 {
      max-width: 1400px;
      margin: 0 auto;
      padding: 10px 10px 70px;
      height: auto;
      width: -webkit-fill-available;
      align-items: center;
      align-content: center;
  }

    .page_header1 {
        padding: 30px 0;
        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        text-align: center;
        color: #000;
    }
    .page_header1 h1 {
        font-family: "Inter", "Noto Sans KR", sans-serif;
        font-weight: 400;
    }
    .page_header2 {
      padding: 30px 0;
      text-align: center;
      color: #000;
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      height: auto;
    }
    .page_header2 h1 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 4rem;
      text-transform: unset;
    }

    .page_header2 p {
      font-size: 1.1rem;
      text-align: left;
      line-height: 150%;
      word-break: keep-all;

    }


    .page_header3 {
      padding: 30px 0;
      text-align: center;
      color: #000;
      align-items: center;
      height: auto;
      border-top: 1px solid #c8c8c8;
      max-width: 1400px;
      margin: 0 auto;
    }
    .page_header3 h1 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 4rem;
      text-transform: unset;
      margin-top: 20px;
    }
    .page_header3 h3 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 20px;
      line-height: 150%;
      text-transform: unset;
    }
    .page_header3 p {
      font-size: 1.1rem;
      text-align: left;
      line-height: 130%;
      word-break: keep-all;
      color: #a1a1a1;
    }


    .page_header_exh {
      padding: 30px 0;
      text-align: center;
      color: #000;
      align-items: center;
    }
    .page_header_exh h1 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 30px;
      text-transform: unset;
      margin-top: 8px;
      line-height: 120%;
    }
    .page_header_exh h3 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 2rem;
      text-transform: unset;
      margin-top: 20px;
      font-style: italic;
      margin-bottom: 30px;
    }
    .page_header_exh p {
      font-size: 14px;
      text-align: left;
      line-height: 130%;
      word-break: keep-all;
      margin-top: 8px;
      color: #999;
    }

  .postPre {
    display: flex;
    justify-content: space-between;
    width: -webkit-fill-available;
    font-size: 17px;
    margin-top: 100px;
  }

    .page_header_exh1 {
      padding: 30px 0 0;
      text-align: center;
      color: #000;
      align-items: center;
    }
    .page_header_exh1 h1 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 2.8rem;
      text-transform: unset;
      margin-top: 20px;
    }
    .page_header_exh1 h3 {
      font-family: "Inter", "Noto Sans KR", sans-serif;
      font-weight: 400;
      text-align: left;
      font-size: 2rem;
      text-transform: unset;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .page_header_exh1 p {
      font-size: 1.1rem;
      text-align: left;
      line-height: 130%;
      word-break: keep-all;
      margin-top: 20px;
    }

    .sec_page2 {

    }
    .sec_page3 {
      padding-top: 80px;
      border-top: 1px solid #c8c8c8;
    }
    .sec_page_container2 h3 {
        font-family: "Inter", "Noto Sans KR", sans-serif;
        font-weight: 400;
        color: #000;
        margin-top: 50px;
    }

    .sec_page_container3 {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0px 15px;
      height: auto;
      width: -webkit-fill-available;
    }
    .sec_page_container2 {
        max-width: 900px;
        margin: 0 auto;
        padding: 0px 25px;
        height: auto;
        width: -webkit-fill-available;
        min-height: 300px;
    }
    .sec_page_container2 p {
        font-size: 1.1rem;
        line-height: 150%;
        color: #000;
        word-break: keep-all;
        width: 973px;
        justify-self: center;
        width: -webkit-fill-available;
    }
    .div_m {
      display: none;
    }
    .div_pc {
      display: block;
    }
    .cuv_pc{
      display: block;
    }
    .cuv_m {
      display: none;
    }

    .square {
      width: 100%;
      position: relative;
    }
    
    .square:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }
    
    .inner {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  .view_1 {
      grid-template-columns: 1fr;
  }
  .view_2 {
      grid-template-columns: 1fr 1fr;
  }
  .view_3 {
      grid-template-columns: 1fr 1fr 1fr;
  }
  .view_4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .view_5 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .view_6 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_7 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_8 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_9 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_10 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_11 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .view_12 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .pc_view_stat {
    display: grid;
  }
  .mo_view_stat {
    display: none;
  }
  .articles_container {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    grid-gap: 30px;
    text-align: left;
  }
  .articles_img {
    height: 200px;
  }
  .articles_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .articles_text {
    font-size: 18px;
  }
  @media screen and (max-width:764px) {
    .articles_container {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 15px;
    }
    .sec_page_container_exh {
      padding: 60px 15px 0px;
    }
    .postPre {
      font-size: 15px;
    }
    .main_content_item_ex1 {

    }
    .main_content_item_ex1 .ex_text {
      width: -webkit-fill-available;
      padding: 0 10px;
    }
    .main_content_item_ex1 img {
      width: 100%;
      object-fit: cover;
    }
    .main_content_ex .main_content_item_ex:nth-child(1) img {
          object-fit: contain;
          height: auto;
    }
    .main_top_container_index {
      padding: 180px 25px 120px;
      height: 100dvh;
    }
    .main_top_container_index p {
      width: 100%;
    }
    .main_content_item {
      height: auto;
    }
    .main_content_item img {
      height: 100%;
    }
    .main_content_item_ex_sm {
          grid-template-columns: 1fr;
    }
    .divi_sec_container {
      height: auto;
    }
    .main_top_container_work {
      height: auto;
      padding: unset;
    }
    .main_top4 {
      height: auto;
    }
    .sec_page_container_work {
      padding: 100px 10px 0px;
      height: auto;
    }

    .sec_page_container_work1 {
      height: auto;
      padding: 25px 10px 10px;
    }
    .more_btn {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pc_view_stat {
    display: none;
  }
  .mo_view_stat {
    display: grid;
  }
  .view_mo1 {
      grid-template-columns: 1fr !important;
  }
  .view_mo2 {
      grid-template-columns: 1fr 1fr!important;
  }
  .view_mo3 {
      grid-template-columns: 1fr 1fr 1fr !important;
  }
    .main_content {
      grid-template-columns: 1fr;
    }
    .main_top_container  {
      padding: 100px 25px;
    }
    .main_top_container4 {
      grid-template-columns: 1fr;
    }
    .main_content4 iframe{
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
    .main_content4_con  {
      grid-template-columns: 1fr 1fr;
    }
    .sec_page1 {
      height: auto !important;
    }
    .sec_page1_1 img {
      height: 400px;
      object-fit: cover;
      width: 100%;
    }
    .main_content1 {
      grid-template-columns: 1fr;
    }
    .main_content_item_ex1:nth-child(5) {
      grid-column-start: unset;
      grid-column-end: unset;
      grid-row-start: unset;
      grid-row-end: unset;
      grid-template-columns: 1fr;
      display: grid;
      grid-gap: 0px 30px;
      align-items: center;
      border-top: 0px solid #c8c8c8;
      padding:0;
      width: 100%;
    }
    .sec_page_container1  {
      padding: 0px 10px 25px;
      border-top: 1px solid #c8c8c8;
      padding-top: 80px;
      height: auto;
    }
    .sec_page_container2 {
      height: auto;
      grid-template-columns: 1fr !important;
    }
    .sec_page_container2 p {
      width: -webkit-fill-available !important;
    }
    .page_header2 {
      grid-template-columns: 1fr;
    }
    .page_header2 p {
      margin-top: 30px;
    }
    .div_m {
      display: block;
      width: -webkit-fill-available;
    }
    .div_pc {
      display: none;
    }
    .cuv_pc{
      display: none;
    }
    .cuv_m {
      display: block;
      margin: 20px;
      width: -webkit-fill-available;
    }
    .main_content_works  {
      grid-template-columns: 1fr 1fr;
      grid-gap: 10px 10px;
    }
    .page_header3 h1 {
      font-size: 3rem;
    }
    .main_content_works1  {


    }
    .main_content_exh1 {
      grid-template-columns: 1fr 1fr;

    }
    .main_top_container p {
      width: 100%;
    }
    .main_top_container1 {
      padding: 80px 25px 40px;
      height:auto;
    }
    .main_top_container1 p {
      width: 100%;
    }
    .main_top_container2 {
      padding: 80px 25px;
      height:auto;
    }
    .main_top_container2 p {
      width: 100%;
    }
    .main_top_container3 {
      padding: 80px 25px;
      height:auto;
    }
    .main_top_container4 {
      height:auto;
    }
    .main_content_ex {
      grid-template-columns: 1fr;
      grid-gap: 35px;
    }
    .youtubeCon {
      width: 100%;;
    }
  }