@charset "utf-8";

/*.sub_contents {font-family: 'Pretendard';}*/
.sub_contents {width:100%; line-height:1.5; overflow-y:hidden; position:relative; z-index:2;}

figure {margin:0;}
.color_w {color:#fff; }
.bor_line {border:1px solid #ddd; }


.table_info {font-size:1.8rem; text-align:left; margin-top:2.0rem; color:#666; line-height:1.5;}
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}


.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}
.table .ri_line { border-right: 1px solid #bebebe !important;}
.table tfoot {background:#626262; color:#fff; }
.table tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}



/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.wps_100 {width:100% !important;}

.mob_br {display:none;}

@media( max-width:768px ) {
	.mob_br {display:block;}
}

.point {color:#d4b56a !impotant; }
.point1 {color:#0f2747 !impotant; }


/*회사개요*/
.company_top {text-align:center; font-size:3.6rem; font-weight:700; line-height:1.5; }

.company_wrap {margin-top:7.0rem; }
.company_wrap .company_img {width:50%; }
.company_wrap .company_txt {width:50%; padding-left:5%; }
.company_wrap .company_txt_inner {border-top:2px solid #000; border-bottom:2px solid #000; display:flex; flex-direction: column; min-height:53.0rem;}
.company_wrap .company_txt_inner dl {font-size:2.0rem; display:flex; align-items: center; padding:2.5rem;  border-bottom:1px solid #ddd; flex:1;}
.company_wrap .company_txt_inner dl dt {font-weight:700; width:15.0rem;}
.company_wrap .company_txt_inner dl dd {width:calc(100% - 15.0rem);}

@media( max-width:1024px ) {
.company_top {font-size:2.8rem; }
.company_wrap {margin-top:5.0rem; }
.company_wrap .company_img {width:100%; height:50.0rem; }
.company_wrap .company_txt {width:100%; padding-left:0%; padding-top:5.0rem;}

}




/*인사말*/
.message_inner {color:#fff; width:50%; padding:11.0rem 0 10.5rem 9.5rem;  }
.message_inner .txt1 {font-size:4.0rem; font-weight:700; margin-bottom:4.5rem;  line-height:1.25;}
.message_inner p {font-size:2.0rem; margin-bottom:2.0rem; }
.message_inner .txt2 {font-size:2.4rem; font-weight:700;}
.message_img {display:none;}

@media( max-width:1600px ) {
.message_inner {width:80%; padding:11.0rem 0 25.5rem 6.5rem;}

}


@media( max-width:768px ) {
.message {background:none !important; padding:0 2.0rem;}
.message_img {display:block; }
.message_inner {width:100%; padding:0; color:#000; margin-top:5.0rem; }
.message_inner .txt1 {font-size:3.2rem; }
}

/*연혁*/
.bor_line {border:1px solid #ddd; }
.history_wrap {width:100%; position:relative; margin-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:4px;/*height: calc(100% + 50px);*/ height:100%; background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:10.0rem; }
.history_list .his_img img {max-width:100%;   }
.history_list .his_txt {position:relative; width:50%; padding-left:10.0rem;} 
.history_list .his_txt .his_period {font-size:4.0rem; font-weight:700; margin-bottom:2.4rem; display:block !important; color:#0985dc; }
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -12px;width:30px;height:30px;border:10px solid #fff;border-radius:50%;background:#0985dc;}

.history_list .his_txt dl.his_li {display:flex; margin-bottom:4.0rem; }
.history_list .his_txt dl.his_li dt {font-size:2.4rem; font-weight:700; width:12.0rem; }
.history_list .his_txt dl.his_li dd {width:calc(100% - 12.0rem);  font-size:2.0rem; }
.history_list .his_txt dl.his_li dd ul li {position:relative; padding-left:2.0rem; margin-bottom:0.8rem;  width:100%; }
.history_list .his_txt dl.his_li dd ul li:before {position:absolute; content:''; width:0.8rem; height:2px; background:#000; left:0; top:1.5rem;}

.history_list:nth-child(even) .his_txt dl.his_li dd ul li {padding-left:0rem; padding-right:2.0rem}
.history_list:nth-child(even) .his_txt dl.his_li dd ul li:before {position:absolute; content:''; width:0.8rem; height:2px; background:#000; right:0; left:auto; top:1.5rem;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:10.0rem;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0;padding-right:10.0rem; }

.history_list:nth-child(even) .his_txt:before {left: auto; right: -17px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


@media screen and (max-width: 1024px){

.his_top_txt  {font-size:2.4rem; margin:-3.0rem auto 0; padding:4.0rem 2.0rem 4.0rem 2.0rem;}
.history_wrap {margin-top:0; overflow:hidden;}
.history_wrap:before {content:"";position: absolute; top: 10px; left: 35px; width:3px; height:100%; background:#ddd;}
.history_list {margin-bottom:8.0rem; padding-left:20px;}
.history_list .his_img {width:100%; text-align:left; padding-left:40px; padding-right:0; margin-bottom:20px; order:1; margin-top:3.0rem;}
.history_list .his_img img {max-width:80%;   }
.history_list .his_txt {width:100%; order:2; padding-left:40px; margin-top:3.5rem}

.history_list:nth-child(even) .his_txt dl.his_li dd ul li {padding-left:2.0rem; padding-right:0rem}
.history_list:nth-child(even) .his_txt dl.his_li dd ul li:before {position:absolute; content:''; width:0.8rem; height:2px; background:#000; right:auto; left:0; top:1.5rem;}


.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0;padding-left:40px;  }
.history_list:nth-child(even) .his_txt {order:2; text-align: left; padding-left:40px;padding-right:0px; }

.history_list:nth-child(even) .his_txt:before {left:-13px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt:before {left:-13px;}

}

@media screen and (max-width: 768px){
.history_list {margin-bottom:3.0rem;}
.history_list .his_img img {max-width:95%;  }
.history_list:nth-child(even) .his_txt:before {left:-10px; right: auto;}
.history_list .his_txt:before {left:-10px;}
}


@media screen and (max-width: 500px){
.history_list .his_txt dl.his_li {flex-wrap:wrap;}
.history_list .his_txt dl.his_li dt {width:100%; }
.history_list .his_txt dl.his_li dd {width:100%; margin-top:1.0rem;}

}


/*조직도*/
.organization {text-align:center; }

.organization1{display:block;}
.organization2{display:none;}

@media( max-width:1024px ) {
	.organization1{display:none;}
	.organization2{display:block;}
}



/*경영방침*/
.philosophy_top {text-align:center; color:#fff; padding:20.0rem 5.0rem 20.0rem 5.0rem; }
.philosophy_top .txt1 {font-size:4.0rem; font-weight:700; line-height:1.45; margin-bottom:3.5rem; }
.philosophy_top  p {font-size:2.0rem; margin-bottom:2.0rem; }

.philosophy_bt {margin-top:10.0rem;  }
.philosophy_bt .sub_tit {font-size:4.0rem; font-weight:700; padding-bottom:2.0rem; border-bottom:1px solid #000; }

.philosophy_conts {padding-top:6.0rem; }
.philosophy_box {width:50%; display:flex;  margin-bottom:10.0rem;}
.philosophy_box .philosophy_ico {width:15.0rem;}
.philosophy_box .philosophy_li {width:calc(100% - 15.0rem); margin-left:4.5rem; padding-top:0.5rem; }
.philosophy_box .philosophy_li strong {font-size:3.0rem; font-weight:700; }
.philosophy_box .philosophy_li ul {margin-top:1.0rem; font-size:2.0rem; }
.philosophy_box .philosophy_li ul li {position:relative; margin-bottom:0.7rem; padding-left:3.5rem; }
.philosophy_box .philosophy_li ul li:before {content:''; position:absolute; left:0; top:0.4rem;  width:2.0rem; aspect-ratio: calc(20/20) / 1; background:url("../../pages/images/ico_bul01.png") no-repeat; background-size: contain;}

@media( max-width:1200px ) {
.philosophy_box {width:100%; }
}


@media( max-width:768px ) {
.philosophy_top .txt1 {font-size:3.0rem;}
.philosophy_box {margin-bottom:5.0rem;}
.philosophy_box .philosophy_ico {width:12.0rem;}
.philosophy_box .philosophy_li {width:calc(100% - 12.0rem); margin-left:3.0rem; }
.philosophy_box .philosophy_li strong {font-size:2.6rem; }
}



/*탭메뉴*/
.tab-menu {display:flex;  justify-content: center; gap:2.0rem; }
.tab-menu .tab {width:18.0rem; height:4.5rem; display:flex;  justify-content: center; align-items: center; font-size:2.0rem; font-weight:700; border:1px solid #000; border-radius:10rem; cursor: pointer;}
.tab-menu .tab.active {color:#0985dc; border:1px solid #0985dc; }

.content-item {
    display: none;
}
.content-item.active {
    display: block; 
}

.content-group {margin-top:8.0rem; }

@media( max-width:768px ) {
.content-group {margin-top:5.0rem; }
.tab-menu {gap:5px;}

}


/*인증 및 상장*/
.cert_wrap	{display:grid; gap:4.0rem; grid-template-columns: repeat(4, 1fr);}
.cert_wrap .cert_box {text-align:center; }
.cert_wrap .cert_box  figure {padding:8.0rem; background:#f4f4f4; }
.cert_wrap .cert_box  figure  img {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.cert_wrap .cert_box  p {font-size:2.0rem; margin-top:4.0rem;  }


@media( max-width:1200px ) {
.cert_wrap	{grid-template-columns: repeat(3, 1fr);}
}

@media( max-width:768px ) {
.cert_wrap	{grid-template-columns: repeat(2, 1fr); gap:3.0rem;}
.cert_wrap .cert_box  figure {padding:3.0rem; }
.cert_wrap .cert_box  p { margin-top:3.0rem;  }
}



/*글로벌 비지니스*/

.content-item_all .fin_wrap .fin_inner .fin_country .txt2 {display:none;}
.dl_hidden {display:none !important;}

.fin_wrap{position: relative; }
.fin_wrap button { border: none; background: transparent; font-family: 'Paperozi'}

.map_bg {width:100%; position:relative;}
.map_bg img {max-width:100%;}


.fin_wrap .fin_inner {display:flex; text-align:left;}
.fin_wrap .fin_inner01 {position:relative; padding-left:8.0rem; margin-top:-3.0rem;}
.fin_wrap .fin_inner01:before {content:''; position:absolute; z-index:0; left:1.0rem; top:1.0rem; background:url("../../pages/images/fin_line.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }

.fin_wrap .fin_inner02 {position:relative;  flex-direction: column; text-align:right !important; }
.fin_wrap .fin_inner02:before {content:''; position:absolute; z-index:0; left:-7.0rem; top:1.0rem; background:url("../../pages/images/fin_line2.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }
.fin_wrap .fin_inner02 .fin_inner_wrap {position:absolute; top:2.5rem; right:5.0rem; width:30.0rem; text-align:right !important;}

.fin_wrap .fin_inner03 {position:relative; max-width:45.0rem; padding-left:8.0rem; margin-top:-3.0rem;}
.fin_wrap .fin_inner03:before {content:''; position:absolute; z-index:0; left:1.0rem; top:1.0rem; background:url("../../pages/images/fin_line3.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }

.fin_wrap .fin_inner04 {position:relative;  flex-direction: column;   max-width:25.0rem; text-align:right !important;}
.fin_wrap .fin_inner04:before {content:''; position:absolute; z-index:0; left:-7.0rem; top:1.0rem; background:url("../../pages/images/fin_line4.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }
.fin_wrap .fin_inner04 .fin_inner_wrap {position:absolute; top:2.5rem; right:5.0rem; width:25.0rem; text-align:right !important;}

.fin_wrap .fin_inner05 {position:relative; max-width:45.0rem; padding-left:8.0rem; margin-top:-3.0rem;}
.fin_wrap .fin_inner05:before {content:''; position:absolute; z-index:0; left:1.0rem; top:1.0rem; background:url("../../pages/images/fin_line5.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }

.fin_wrap .fin_inner06 {position:relative;  flex-direction: column;   max-width:25.0rem; text-align:right !important;}
.fin_wrap .fin_inner06:before {content:''; position:absolute; z-index:0; left:-7.0rem; top:1.0rem; background:url("../../pages/images/fin_line6.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }
.fin_wrap .fin_inner06 .fin_inner_wrap {position:absolute; top:2.5rem; right:5.0rem; width:25.0rem; text-align:right !important;}


.fin_wrap .fin_inner07 {position:relative;  flex-direction: column;   max-width:20.0rem;  margin-top:-3.0rem;  }
.fin_wrap .fin_inner07:before {content:''; position:absolute; z-index:0; left:-7.0rem; top:1.0rem; background:url("../../pages/images/fin_line7.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }
.fin_wrap .fin_inner07 .fin_inner_wrap {position:absolute; top:0rem; right:5.0rem; width:20.0rem; text-align:right !important; }


.fin_wrap .fin_inner08 {position:relative;  flex-direction: column;   max-width:20.0rem; text-align:right !important;}
.fin_wrap .fin_inner08:before {content:''; position:absolute; z-index:0; left:-7.0rem; top:1.0rem; background:url("../../pages/images/fin_line6.png") no-repeat; background-size: contain; width:7.7rem; height:2.6rem; }
.fin_wrap .fin_inner08 .fin_inner_wrap {position:absolute; top:2.5rem; right:5.0rem; width:20.0rem; text-align:right !important;}


.fin_wrap .fin_inner .fin_flag {z-index:1; position:relative;  text-align:right;}
.fin_wrap .fin_inner .fin_flag img {border:1px solid #000; display:inline-block;width:3.6rem;}
.fin_wrap .fin_inner .fin_country {display:flex;  flex-direction: column; padding-left:13px; }
.fin_wrap .fin_inner .fin_country .txt1 {font-family: 'MODERNIZ'}
.fin_wrap .fin_inner .fin_country .txt2 {font-size:14px;}


/*.fin-marker1 {position: absolute;width: 2.6rem;height: 2.6rem;border-radius: 50%;background: rgba(255,255,255,.6);cursor: pointer;}
.fin-marker1::after { content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #2b469b; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fin-marker1::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1.5px solid #fff; animation: fin 1.5s infinite; }
*/
.fin-marker {position:relative; display:flex;  }


.fin-marker1 {position: absolute; width: 1.8rem; height:1.8rem; background:rgba(255,255,255,0.8); aspect-ratio: 1; border-radius: 100%;  display:block;}
.fin-marker1:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.7rem; aspect-ratio: 1; border-radius: 100%; background:#970e4f;  }
.fin-marker1:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #970e4f; 
					animation: map_btn1 1.5s infinite }

.fin-marker2 {position: absolute; width: 1.8rem; height:1.8rem; background:rgba(255,255,255,0.8); aspect-ratio: 1; border-radius: 100%;  display:block;}
.fin-marker2:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.7rem; aspect-ratio: 1; border-radius: 100%; background:#0365e5;  }
.fin-marker2:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #0365e5; 
					animation: map_btn1 1.5s infinite }
.fin-marker3 {position: absolute; width: 1.8rem; height:1.8rem; background:rgba(255,255,255,0.8); aspect-ratio: 1; border-radius: 100%;  display:block;}
.fin-marker3:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.7rem; aspect-ratio: 1; border-radius: 100%; background:#000;  }
.fin-marker3:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #000; 
					animation: map_btn1 1.5s infinite }
@keyframes map_btn {
  0% { opacity: 1; }
  100% { opacity: 0; width: 180%; height: 180%; }
}

@keyframes map_btn1 {
  0% { opacity: 1; }
  100% { opacity: 0; width: 300%; height: 300%; }
}

.finbox_wrap {position:absolute;}
.fin-marker1-01 {left: 18%; top:53.5%;}  /*멕시코*/
.fin-marker1-02 {left: 30.9%; top:70.2%;} /*브라질*/
.fin-marker1-03 {left: 48.5%; top:28.8%;}  /*폴란드*/
.fin-marker1-04 {left: 64%; top:51.5%; }  /*인도*/
.fin-marker1-05 {left: 68.5%; top:45%; } /*} /*중국*/
.fin-marker1-06 {left: 71.5%; top:53%;} /*베트남*/
.fin-marker1-07 {left: 74.5%; top:61.5%;} /*인도네시아*/
.fin-marker1-08 {left: 69.5%; top:48.0%;} /*태국*/
.fin-marker1-09 {left: 72.0%; top:55%;} /*베트남*/
.fin-marker1-10 {left: 57.5%; top:41%;} /*이란*/
.fin-marker1-11 {left: 66.5%; top:48.5%;} /*방글라데시*/
.fin-marker1-12 {left:78.5%; top:38%; } /*일본*/
.fin-marker1-13 {left:69.5%; top:20%; } /*러시아*/
.fin-marker1-14 {left:46%; top:52%} /*알제리*/

.global_etc_logo {gap:1.0rem;  justify-content: center; margin-bottom:3.0rem; margin-top:-5.0rem;}
.global_etc_logo img {width:150px; height:auto;}

@media screen and (max-width: 1600px){ 
.fin_wrap .fin_inner .fin_country .txt1 {font-size:1.6rem; font-family: 'Paperozi'; font-weight:600; }
.fin_wrap .fin_inner .fin_country .txt2 {display:none;}
}



@media screen and (max-width: 1200px){ 
.fin_wrap .fin_inner01:before {display:none;}
.fin_wrap .fin_inner02:before {display:none;}
.fin_wrap .fin_inner03:before {display:none;}
.fin_wrap .fin_inner04:before {display:none;}
.fin_wrap .fin_inner05:before {display:none;}
.fin_wrap .fin_inner06:before {display:none;}
.fin_wrap .fin_inner07:before {display:none;}
.fin_wrap .fin_inner08:before {display:none;}

.fin_wrap .fin_inner .fin_flag {display:none;}
.fin_wrap .fin_inner .fin_country .txt1  {font-size:1.4rem;}

.fin_wrap .fin_inner01 {padding-left:2.5rem; margin-top:0;}
.fin_wrap .fin_inner02 .fin_inner_wrap {top:0; right:0;}
.fin_wrap .fin_inner03 {padding-left:2.5rem; margin-top:0;}
.fin_wrap .fin_inner04 .fin_inner_wrap {top:0; right:0;}
.fin_wrap .fin_inner05 {padding-left:2.5rem; margin-top:0;}
.fin_wrap .fin_inner06 .fin_inner_wrap {top:0; right:0;}
.fin_wrap .fin_inner07 .fin_inner_wrap {top:0; right:12.0rem;}
}


@media screen and (max-width: 768px){ 
.global_etc_logo {margin-top:5.0rem; gap:0rem;}
.global_etc_logo img {width:100px;}
.fin_wrap .fin_inner01 {padding-left:1.0rem; margin-top:0;}
.fin_wrap .fin_inner03 {padding-left:1.0rem; margin-top:0;}
.fin_wrap .fin_inner05 {padding-left:1.0rem; margin-top:0;}
.fin_wrap .fin_inner07 .fin_inner_wrap {top:0; right:7.0rem;}
}



/*팝업레이어*/
.dimmed{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index:6;}
.pop-layer{display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 999;max-width: 160.0rem;width: 100%; max-height: 50vh; min-height:50.0rem;
		   padding: 4.5rem 3.5rem;background: rgba(51, 51, 51,.8); overflow:hidden; z-index:9 !important; }



.pop-layer .pop-cont{display: flex;flex-direction: column;/*overflow-y: auto;*/height: 100%;max-height: calc(75vh - 7rem);}
.pop-layer .pop-head{display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; }
.pop-layer .pop-head .pop-title{font-size: clamp(16px, 3vw, 28px); font-weight: 700; color: #000;}
.pop-layer .pop-head .pop-close{position: relative; display: block; width: 2rem; height: 2rem; font-size: 0; background: none; border: none;}
.pop-layer .pop-head .pop-close:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 
									display: block; width: 100%; height: 100%; background: url("../../pages/images/ico_close.png") no-repeat center / 100%;}



.pop-layer .pop-body {
  flex: 1 1 auto;              /* 공간을 먹고 줄어들 수 있게 */
  overflow-y: auto ;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  z-index:999;
  padding:0 6.5rem;
}

.swiper-container-block .swiper-button-prev {color:#fff; left:3rem;}
.swiper-container-block .swiper-button-next {color:#fff; right:3rem;}

.pop-layer01 {max-width:160.0rem !important;}

@media( max-width:1920px ) {

.pop-layer01 {max-width:140.0rem !important;}

}


.popinner_wrap {display:flex; }
.popinner_wrap .popinner_box {width:100%;}
.popinner_wrap .popinner_map {width:50%;padding-right:10.0rem; }
.popinner_wrap .popinner_map iframe {width:100%; height:30.0rem;}
.popinner_wrap .popinner_txt {width:50%;  color:#fff; }
.popinner_wrap .popinner_txt .lg_logo {padding-bottom:2.0rem; border-bottom:1px solid rgba(255,255,255,0.2);}
.popinner_wrap .popinner_txt  dl {display:flex; text-align:left; padding:2.2rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.popinner_wrap .popinner_txt  dl dt {width:15.0rem; padding-left:1.5rem; font-size:2.0rem; font-weight:700;}
.popinner_wrap .popinner_txt  dl dd {width:calc(100% - 15.0rem); line-height:1.55;}
.popinner_wrap .popinner_txt  dl dd .txt_nation {display:inline-block; margin-left:10px; }

.gloabl_japan {color:#fff; }
.gloabl_japan dl {display:flex; text-align:left; padding:2.2rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.gloabl_japan dl dt {width:25.0rem; padding-left:1.5rem; font-size:2.0rem; font-weight:700;}
.gloabl_japan dl dd {width:calc(100% - 25.0rem); line-height:1.55;}
.gloabl_japan dl dd .txt_nation {display:inline-block; margin-left:10px; }


@media( max-width:1200px ) {

.pop-layer {width:95%; max-height: 95vh; padding:2.5rem;}
.pop-layer .pop-body {padding:0 3.0rem;}
.popinner_wrap .popinner_map {width:100%; padding-right:0;}
.popinner_wrap .popinner_map iframe {width:100%; height:25.0rem;}
.popinner_wrap .popinner_txt {width:100%; margin-top:1.0rem;}

.swiper-container-block .swiper-button-prev {left:1rem; }
.swiper-container-block .swiper-button-next { right:1rem; }

.swiper-container-block .swiper-button-prev:after {font-size:3.0rem;}
.swiper-container-block .swiper-button-next:after {font-size:3.0rem;}

.popinner_wrap .popinner_txt .lg_logo {display:none;}
.popinner_wrap .popinner_txt  dl dt {width:10.0rem;}
.popinner_wrap .popinner_txt  dl dd {width:calc(100% - 10.0rem);}

}

@media( max-width:768px ) {
.gloabl_japan dl dt {width:15.0rem; }
.gloabl_japan dl dd {width:calc(100% - 15.0rem); }
}






/*주요거래처*/
.client_wrap { justify-content: center; gap:3.5rem; }
.client_wrap .client_box {width:17%; text-align:center; }
.client_wrap .client_box figure img{ border:1px solid #d7d7d7; padding:1.5rem 2.2rem; border-radius:50.0rem;}
.client_wrap .client_box figcaption {font-size:2.0rem; margin-top:2.0rem;}


@media( max-width:1200px ) {
	.client_wrap .client_box {width:30%;}
}

@media( max-width:768px ) {
	.client_wrap {gap:15px; }
	.client_wrap .client_box {width:46%;}
}



/*생산기계 리스트*/
.product_wrap {display:grid; gap:4.0rem; grid-template-columns: repeat(4, 1fr);}
.product_box {border-radius:2.5rem; overflow:hidden;}
.product_box .img_box {aspect-ratio: calc(370/250) / 1; }
.product_box .txt_box {text-align:center;  padding:5.0rem 2.0rem; background:#f4f4f4; transition: all 0.2s;} 
.product_box .txt_box p {font-size:2.4rem; font-weight:700; }
.product_box .txt_box span {margin-top:3.0rem; display:block;  }

.product_box a:hover .txt_box {background:#000; color:#fff; transition: all 0.4s;}
.product_box a:hover span img {filter: invert(100%);transition: all 0.4s;}


@media( max-width:1600px ) {
	.product_box .txt_box p {font-size:2.0rem;}
}

@media( max-width:1200px ) {
.product_wrap {gap:3.0rem; grid-template-columns: repeat(2, 1fr);}

}

@media( max-width:1024px ) {
	.product_box .txt_box {padding:3.5rem 1.5rem;}
	.product_box .txt_box span {margin-top:1.5rem;}
	.product_box .txt_box span img {width:5.0rem;}
}
@media( max-width:768px ) {
.product_wrap {gap:15px;}
}


/*생산기계 상세*/
.product_tit {display:block; text-align:center; font-size:2.6rem;  margin-top:-3.0rem}

.product_top_titie {font-size:4.6rem; font-weight:600; text-align:center;  margin-bottom:3.0rem; }
.product_3d_wrap {border:1px solid #ddd;  padding-bottom:4.0rem; padding-top:1.0rem;}

.product_video_wrap {margin-top:9.0rem;}

.product_machine_wrap {margin-top:9.0rem;}

.product_manufactures_wrap {margin-top:9.0rem;}

.product_title {font-size:4.0rem; font-weight:600;}
.product_conts {display:grid; gap:4.0rem; grid-template-columns: repeat(4, 1fr); margin-top:4.5rem;}


@media( max-width:1024px ) {
.product_title {font-size:2.8rem; }
.product_conts {gap:2.5rem; grid-template-columns: repeat(2, 1fr); margin-top:2.5rem;}

}
@media( max-width:768px ) {
.product_tit {width:90%; margin:auto;}
}


/*오신는길*/
.loc_wrap .map_box {position:relative; }
.loc_wrap .map_box .map_height {height:65.0rem; width:100%;  /*pointer-events: none; */position:relative; }
.loc_wrap .map_box .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}

.loc_wrap .map_box .btn_wrap {position:absolute; bottom:5.0rem; right:5.0rem;  display:flex; gap:2.0rem; width:45.0rem; }
.loc_wrap .map_box .btn_wrap > a {color:#fff; padding:2.0rem 5.0rem; border-radius: 5.0rem; display:flex; gap:1.0rem; align-items: center;}
.loc_wrap .map_box .btn_wrap > a.btn_kakao {background:#258fff; }
.loc_wrap .map_box .btn_wrap > a.btn_naver {background:#03c75a; }
.loc_wrap .map_box .btn_wrap > a i {display:inline-block; width:11px; aspect-ratio: calc(11/15) / 1; background:url("../../pages/images/loc_ico.png") no-repeat; background-size: contain;}

.loc_wrap .map_txt {margin-top:6.0rem; }
.loc_wrap .map_txt .left {font-size:4.0rem; font-weight:700; width:50.0rem; }
.loc_wrap .map_txt .right {width:calc(100% - 50.0rem);}
.loc_wrap .map_txt .right dl {display:flex; font-size:2.0rem;  }
.loc_wrap .map_txt .right dl dt {font-weight:700; width:10.0rem;}
.loc_wrap .map_txt .right dl dd {width:calc(100% - 10.0rem); margin-bottom:0.7rem;}

@media( max-width:1024px ) {
.loc_wrap .map_box .btn_wrap {left:50%;transform: translateX(-50%); right:auto;}
.loc_wrap .map_txt .left {display:none;}

.loc_wrap .map_txt .right {flex-wrap:wrap; width:100%;}


}

@media( max-width:768px ) {
	.loc_wrap .map_box .btn_wrap {width:100%;  justify-content: center;}
}