@media(max-width:1440px){

}
@media(max-width:1024px){
.header-top{padding: 10px;border-bottom: 1px solid #ddd;}
.header-top .logo-wrapper{margin: 0;}
.header-top .logo-wrapper .logo{padding: 10px;margin: 0;}
.header-top .logo-wrapper .logo .logo-images{display: flex;/* width: 120px; */}
.header-top .logo-wrapper .logo .logo-images img{margin: 0;width: 100%;height: auto;}
.header-top .menu-icon{display: flex;width: 30px;height: 30px;padding: 0;margin: 10px;top: 25px;right: 10px;}
.header-top .menu-icon:before{}
.header-top .menu-icon .bars{}
.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3{margin-bottom: 7px;}
.page{padding:10px}
.page-menu{display: none;opacity: 0;left: 0;}
.page-menu.menu-visible{display: block;top: 0;width: 100%;height: 100%;margin-top: 80px;padding-top: 30px;background: #000;z-index: 9999;}
nav.header-navigation ul{flex-direction: column;justify-content: flex-start;}
.gnb{display: flex;top: 71px;left: 0;width: 100%;padding: 30px 10px;justify-content: center;align-items: center;background: #000000;}
.gnb .gnb__list{display:flex;width: 100%;align-items: center;justify-content: space-evenly;padding-left: 0;margin: 0;}
.gnb .gnb__list .gnb__item{width:auto;height: auto;}
  .gnb .gnb__list .gnb__item a{font-size: 3vw;}
.gnb .gnb__list .gnb__item a span{display: none;}

/* company */
#section1{height: 100%;padding-top: 130px;}
#section2{margin: 0;padding-top: 180px;height: 100%;}
#section3{padding-top: 130px;}

.page .full section.seczone{width: 100%;margin:0 auto;}
.greeting{}
.greeting .txt-box{padding-right: 0;}
.greeting .txt-box h1{font-size: 7vw;margin-bottom: 6vw;}
.greeting .txt-box .txt p{font-size: 4vw;line-height: 1.5;}
.greeting .txt-box .txt{width:100%;}
.organi{}
.organi .img{display:block;width: 50%;min-width: 300px;margin:0 auto}
.organi-mid{padding: 10px;}
.organi-mid .organi-con{padding:0;flex-direction: column;}
.organi-mid .organi-con li{width: 100%;margin-bottom: 20px;}
.organi-mid .organi-con li .head{font-size: 18px;background: #2f2f2f;padding: 10px;}
.organi-mid .organi-con li ul.list{display: flex;width: 100%;flex-wrap: wrap;padding: 10px;}
.organi-mid .organi-con li ul.list li.item{display: flex;width: 50%;margin-bottom: 5px;}
.organi-mid .organi-con li ul.list li.item:before{}
.history-pc{display:none}
.is-mobile{display:flex}
.history-fr{display:none}
.history {/* position: relative; *//* width: 100%; *//* height: 100vh; *//* display: flex; *//* padding: 50px; *//* flex-flow: column wrap; *//* place-content: center flex-start; */}
.history .his-timeline {/* position: relative; */display: flex;width: 100%;height: 70px;margin: 0 auto;justify-content: center;}
.history .his-timeline .left {display: flex;width: 30%;align-items: flex-start;justify-content: flex-end;}
.history .his-timeline .left .year {display: flex;font-size: 6.5vw;color: rgb(255, 255, 255);text-align: right;padding-right: 15px;margin: 0;padding-top: 0;line-height: 1.5;}
.history .his-timeline.current .left .year{font-size: 7vw;color: rgb(255, 138, 0);padding-top: 0;}
.history .his-timeline .point {position: relative;display: flex;width: 1px;height: 100vh;background: rgb(255, 255, 255);margin: 0px 10px;}
.history .his-timeline .point::after {content: "";position: absolute;display: flex;top: 14px;right: -4px;width: 10px;height: 10px;background: rgb(255, 255, 255);border-radius: 100%;justify-content: center;}
.history .his-timeline .right {width: 70%;}
.history .his-timeline .right ul {display: flex;width: 100%;list-style: none;flex-wrap: wrap;padding-top: 8px;padding-left: 10px;align-items: flex-start;margin: 0;padding-bottom: 15px;}
.history .his-timeline .right ul li {font-size: 4vw;color: rgb(255, 255, 255);line-height: 1.3;}

/* vision */
#vision1{
    padding-top: 150px;
    min-height: 850px;
}
#vision2{
    padding-top: 170px;
    min-height: 500px;
}
#vision3{
    padding-top: 170px;
}
#vision4{
    padding-top: 160px;
}
.vi-bg{position: relative;width: 100%;background: url(/theme/new_chocolate/assets/images/big-arrow.png) no-repeat;background-size: 100%;background-position: 0 180px;overflow: hidden;transition-timing-function: cubic-bezier(0.52, 0.42, 0, 1.01);transition: 0.3s;transition-delay: 1s;}
.c-text{
  display: flex;
  width: 100%;
  padding-left: 0;
  flex-direction: column;
}
.c-text .home-wrapper{
  position: static;
  top: 20px;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  height: 80vh;
  /* margin: 30px auto 60px; */
}
.c-text .home-wrapper .title-desc{
  display: flex;
  flex-direction: column;
}
.c-text .home-wrapper .title-desc .header{
  display: flex;
  height: auto;
  margin-bottom: 10px;
  background: transparent;
}
.c-text .home-wrapper .title-desc .header1{
  display: flex;
  height: auto;
  margin-bottom: 0;
  background: transparent;
}
.c-text .home-wrapper .title-desc .header h2{font-size: 7vw;color:#ff9c00;line-height: 1.2;font-weight: bold;}
.c-text .home-wrapper .title-desc .header.f-white h2{
  font-size: 6vw;
  color: #fff;
}
.c-text .home-wrapper .title-desc .header1.f-white h2{
  font-size: 5vw;
  color: #fff;
  padding-top: 15%;
  padding-bottom: 20px;
}
.c-text .home-wrapper .title-desc .desc{
  opacity: 1;
}
.c-text .home-wrapper .title-desc .desc1{
  padding-top: 15px;
  color: #fff;
}
.c-text .home-wrapper .title-desc .desc1 p{
  position: relative;
  color: #b5b5b5;
  padding-left: 10px;
  font-size: 3vw;
  margin-bottom: 10px;
}
.c-text .home-wrapper .title-desc .desc1 p:before{
  content:'';
  position:Absolute;
  top: 7px;
  left:0;
  display:flex;
  width: 3px;
  height: 3px;
  background:#b5b5b5;
  border-radius:5px;
}
.c-text .home-wrapper .title-desc .desc{
  /* opacity: 0; */
}
.c-text .home-wrapper .title-desc .desc ul{
  padding-top: 20px;
  padding-left: 0;
}
.c-text .home-wrapper .title-desc .desc ul li:before{content:'';position:Absolute;top: 7px;left:0;display:flex;width: 3px;height: 3px;background:#b5b5b5;border-radius:5px;}
.c-text .home-wrapper .title-desc .desc ul li{position: relative;font-size: 3.5vw;color: #fff;-webkit-transition: 0s;transition: 0s;-webkit-transition-delay: 0.0s;transition-delay: 0.0s;-webkit-transition-timing-function: cubic-bezier(0.52, 0.42, 0, 1.01);transition-timing-function: cubic-bezier(0.52, 0.42, 0, 1.01);padding-left: 10px;}

.c-text .home-wrapper .title-desc .desc p.slogun-txt{font-size: 4vw;font-weight:700;}
.c-text .home-wrapper .title-desc .desc p{font-size: 28px;color: #b5b5b5;}
.c-text .home-wrapper .title-desc .desc2{
  padding: 30px 15px;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4{
  display: flex;
  padding-left: 0;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4 li{
  display: flex;
  width: 50%;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4 li .group{
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  flex-direction: column;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4 li .group img{
  display: flex;
  margin: 20px auto;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4 li .group p{
  display: flex;
  width: 100%;
  font-size: 3.5vw;
  color: #fff;
  height: 52px;
  padding-right: 0;
  align-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.c-text .home-wrapper .title-desc .desc2 ul.cols4 li .group p span{display: flex;flex-wrap: wrap;flex-direction: column;}
  /* business */
#business2{/* height:700px; */}
.biz{
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  padding-top: 20px;
}
.biz .top{}
.biz .top .title{
  border-bottom: 1px solid #eaeaea;
}
.biz .top .title h2{
  font-size: 25px;
  color: #fff;
  padding-left: 0;
  margin-bottom: 10px;
}
.biz .top .summary{
  padding-left: 0;
  padding-top: 10px;
}
.biz .top .summary p{
  color: #fff;
  font-size: 11px;
}
.biz .mid-con{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0;
}

.biz .mid-con .bg-line{position: absolute;display:flex;width:100%;height:1px;background:#fff;z-index: 1;}
.slogun{
  display: flex;
  width: 100%;
  padding: 20px;
  flex-wrap: wrap;
  z-index: 2;
}

.slogun ul{
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  flex-wrap: wrap;
  /* flex-direction: column; */
}
.slogun ul li{
  color: #fff;
}
.vi-slogun{
    display: flex;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    padding-top: 20px;
}

.vi-slogun ul{
    display: flex;
    width: 50%;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    flex-direction: column;
}
.vi-slogun ul li{
    color: #fff;
    background: transparent;
}
.rou-vi-3{width: 50%;}
.rou-vi-3 li{
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #000;
  text-align: center;
  padding: 10px;
}
.rou-vi-3 li .round{position:relative;width: 100%;}
.rou-vi-3 li .round:after{content:'';display:block;padding-bottom:100%;border: 1px solid #fff;border-radius: 100%;}
.rou-vi-3 li .round .inner{position:absolute;display: flex;width:100%;height:100%;flex-wrap: wrap;align-content: center;justify-content: center;flex-direction: column;}
.rou-vi-3 li .round .inner h3{font-size: 5vw;color:#fff;margin-bottom: 10px;}
.rou-vi-3 li .round .inner p{color:#b5b5b5;font-size: 3vw;margin: 0;}
.rou-vi-3 li:nth-child(1){margin-left:0}
.rou-vi-3 li:nth-child(2){margin-left:0;}
.rou-vi-3 li:nth-child(3){margin-left:0;} 
.rou-sj{
  width: 100%;
}
.rou-sj li{
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  flex-direction: column;
}
.rou-sj li .round .inner{font-size: 5vw;}
.rou-sj-2 li .round .inner{font-size: 5vw;}
.rou-sj-3 li .round .inner{font-size: 5vw;padding: 20px;}
.rou-sj-5 li .round .inner{font-size: 5vw;}
.rou-sj-2{width: 100%;background: transparent;flex-direction: column;}
.rou-sj-2 li{display: flex;width: 52%;}

.rou-sj-2 li:nth-child(1){margin-left:0}
.rou-sj-2 li:nth-child(2){margin-left: 0;}
.rou-sj-3{width: 100%;flex-direction: column;}
.rou-sj-3 li{}
.rou-sj-3 li:nth-child(1){margin-left:0}
.rou-sj-3 li:nth-child(2){margin-left: 0;}
.rou-sj-3 li:nth-child(3){margin-left: 0;}
.rou-sj-5{width: 100%;}
.rou-sj-5 li{display: flex;width: 42%;min-width: 100px;margin: 20px;}
.rou-sj-5 li:nth-child(1){margin-left:0}
.rou-sj-5 li:nth-child(2){margin-left: 0;}
.rou-sj-5 li:nth-child(3){margin-left: 0;}
.rou-sj-5 li:nth-child(4){margin-left: 0;}
.rou-sj-5 li:nth-child(5){margin-left: 0;}

.ourworks1,.ourworks2,.ourworks3,.ourworks4 {position: relative;width: 100%;max-width: 100%;height: auto;color: #fff;margin: 0;overflow: hidden;}
.ourworks1 .swiper-pagination{bottom: -18px;}  
.gallery{
    display: flex;
    width: 80%;
    height: 80%;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: center;
}
.gallery .left,.gallery .right{display:flex;width: 100%;height: 100%;max-height: 100%;justify-content: center;flex-direction: column;}
.gallery .right .ga-2{display:flex;flex-direction: row;margin-top: 10px;flex-wrap: wrap;}
.gallery-overlay {background-color: rgb(244 132 0 / 79%);height: 100%;width: 100%;position: relative;display: flex;justify-content: center;align-items: center;opacity: 0;transition: .5s ease;flex-direction: column;flex-wrap: wrap;}

.gallery-image-wrap-inner:hover .gallery-overlay {
opacity: 1
}

.gallery-overlay .caption {
z-index: 99;
position: absolute;
top: 100px;
text-align: center;
padding: 24px;
color: #fff;
font-size: 24px;
}

.gallery-image-wrap {
width: 33.33%;
width: calc(100%/3)
}

.gallery-image-wrap.half-width {width: 50%;width: calc(100%/1);}

.gallery-image-wrap,.gallery-image-wrap.quarter-width {width: 25%;width: calc(100%/2);height: 100%;position: static !important;}

.gallery-image-wrap {overflow: visible;}

.gallery-image-wrap:before {
content: "";
display: block
}

.gallery-image-wrap:before,.gallery-image-wrap.square:before {
padding-top: 100%
}

.gallery-image-wrap.half-height:before {
padding-top: 50%
}

.gallery-image-wrap.one-and-a-half-height:before {
padding-top: 150%
}

.gallery-image-wrap.double-height:before {
padding-top: 200%
}

.editor-styles-wrapper .gallery-image-wrap a {
pointer-events: none
}

.gallery-image-wrap-inner,.gallery-image {width: 100.1%;height: 100%;max-height: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute !important;top: 0;background-position: center center;overflow: hidden;transition: all .6s ease}
.swiper-wrapper{}
.swiper-slide-active{opacity: 1;}
.swiper-slide-prev,.swiper-slide-next{opacity: 0.3;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;color: #fff;z-index: 9999;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;color: #fff;}
.swiper-pagination-bullet{background:#fff}
.mejs-layer {
z-index: 1
}

.mejs-overlay-play {
cursor: pointer
}

.mejs-overlay-button {width: 40px;position: absolute;top: 33%;left: 50%;transform: translate(-50%);background: url(
../images/mejs-controls.svg) no-repeat;background-position: 0px -21px;background-size: cover;height: 65px;width: 45px;z-index: 99;}
.title-box{position: relative;width: 100%;padding-top: 125px;max-height: 100px;padding-left: 0;z-index: 10;background: #000;}
.title-box .title{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}
.title-box .title h1{font-size: 6vw;color:#fff}
.title-box .title p{font-size: 3.5vw;color:#b5b5b5;}
#client1{
    height: 100vh;
    min-height: 1530px;
}
#client2{
    padding-top: 160px;
}
.client{position:relative;width:100%;max-width: 100%;/* margin:auto; *//* padding-top: 170px; */}
.client .s-tit{margin:10px 0;}
.client .s-tit h3{font-size: 3vw;color:#fff;}
.client .client-block{
  margin-top: 10px;
}
.client .client-block .cli-list{
  display: flex;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  gap: 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.client .client-block .cli-list li{
  display: flex;
  width: 49%;
  min-width: 150px;
  margin-bottom: 10px;
  align-items: center;
  /* margin-bottom: 20px; */
  gap: 0;
  justify-content: center;
}
.client .client-block .cli-list li .logo{
  border: 1px solid rgba(255,255,255,0.1);
}
.client .client-block .cli-list li .logo figure{}
.client .client-block .cli-list li .logo figure img{display:flex;width:100%}

/*location*/
.page .contact{max-width:100%;margin: 50px auto;padding-top: 50px;}  
.location {position: relative;width: 100%;max-width: 100%;margin-top: 70px;margin: 20px auto;}
.location .root_daum_roughmap {margin-top: 35px;width:100%!important;}
.sub_txt{color:#fff}
.sub51_a_add {font-size: 20px; margin: 25px 0 15px;}
.sub51_a_add p{color:#fff}
.sub51_a_top {font-size: 18px;color: #fff;}
.sub51_a_top span {border: 3px solid #cd7d30; border-radius:30px; padding: 2px 8px;}
.sub51_a_top::before {content: ""; display: inline-block; width: 8px; height: 8px; background: #cd7d30; border-radius: 50%; margin: 0 2px 3px 0;}

.sub51_a_num {display: flex;flex-flow: row wrap;width: 100%;padding: 30px 0 0;margin-bottom: 50px;flex-wrap: wrap;flex-direction: column;}
.sub51_a_num li {font-size: 18px;display: flex;font-weight: 600;width: 100%;flex: 1;color: #fff;margin-bottom: 10px;align-items: center;}
.sub51_a_num i {font-size: 16px;color: #fff;border: 1px solid #754c24;border-radius: 50%;padding: 5px;margin-right: 10px;background: #754c24;}
.sub51_a_num span {font-size: 14px;font-weight: 400;margin-left: 10px;}
.frm_add2, .frm_add3{
    width: 100%;
}
table.guest_table2{width:100%;table-layout:fixed;margin:0;padding:0;border-collapse:collapse;border-top: 3px solid #ff9c00;}
table.guest_table2 tbody, table.guest_table2 tfoot, table.guest_table2 thead{background:transparent}
table.guest_table2 caption{text-align:left; font-size:20px; font-weight:600; color:#000; line-height:200%} 
table.guest_table2 tr th{background:transparent; text-align:left; }
table.guest_table2 tr td{background:transparent;}
table.guest_table2 tr th, table.guest_table2 tr td{padding: 5px 10px;border-bottom:1px solid #ddd;color: #fff;}
table.guest_table2 tr th, table.guest_table2 tr td input[type=text], 
table.guest_table2 tr th, table.guest_table2 tr td input[type=password], 
table.guest_table2 tr th, table.guest_table2 tr td textarea,
table.guest_table2 tr th, table.guest_table2 tr td select
{background:transparent}
table.guest_table2 tbody tr:nth-child(2n){background:transparent;}
table.guest_table2 tr td textarea{width:90%;color:#fff;background: transparent;}
table.guest_table2 tr td.border-left	{border-left:1px solid #ddd; vertical-align:top; background:#fafafa;}

.popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 9999;}
.popup .popup-content {position: absolute;top: 22%;left: 50%;transform: translate(-50%, -50%);background-color: #000000;padding: 0;border-radius: 8px;text-align: center;}  
.popup .popup-content h3{margin-bottom:24px;}
.popup .popup-content p{margin-bottom:40px;}
.popup .popup-content .btn-confirm{min-width:194px;border:0;border-radius:8px;margin:0 6px;}
  .close{
    top: -16px;
    right: 0;
}
}
@media(max-width:768px){
  
}
@media(max-width:425px){
  
}
@media(max-width:375px){
  
}
@media(max-width:320px){
  
}