@charset "utf-8";

/* 공통 변수 관리 */
:root {
	
}

header.trans {box-shadow:0 5px 8px 0 rgba(0,0,0,0.09);}
header.trans a {color:#272727;}
header.white_txt a {color:#fff;}
header.logo_c h1 a {background-image:url(../images/common/ico_logo_d.png);}
header.util_g .util .lang button {color:var(--dark-color); background-image:url(../images/common/ico_lang_g.png);}
header.util_g .util .menu_btn {background-image:url(../images/common/ico_menu_b.png);}
header.white_bg {background:#fff;}
header.white_bg a {color:#272727;}


h3 em {display:block; margin-bottom:4px; line-height:1; font-size:18px; font-weight:600; color:#000000;}
h3 strong {display:block; line-height:1; color:var(--point-blue); font-size:50px; font-weight:600; font-family:'Play';}
.subtxt {color:#696969; font-size:18px; margin-top:20px;}

h4 {font-size:30px; font-family:'Play'; font-weight:600; line-height:1;} 

.section {overflow:hidden;}

.main_visual_wrap {position:relative; background:#000;}
.main_visual_wrap .swiper-slide {position:relative; height:100vh;}
.main_visual_wrap .swiper-slide [class^="visual"] {position:absolute; z-index:1; left:0; top:0; width:100vw; height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover; transition:transform 2s ease; transform:scale(1.0);}
.main_visual_wrap .swiper-slide .visual01 {background-image:url(../images/main/bg_visual01.jpg);}
.main_visual_wrap .swiper-slide .visual02 {background-image:url(../images/main/bg_visual02.jpg);}
.main_visual_wrap .swiper-slide .visual03 {background-image:url(../images/main/bg_visual03.jpg);}
.main_visual_wrap .swiper-slide .copy {position:absolute; z-index:2; left:50%; top:50%; margin-left:-730px; margin-top:100px; opacity:0; color:#fff; transform:translateY(-50%);}
.main_visual_wrap .swiper-slide .copy strong {display:block; font-size:60px; line-height:1.15; font-weight:500;}
.main_visual_wrap .swiper-slide .copy .sub {margin-top:40px; font-size:24px;}
.main_visual_wrap .visual_ctrl {display:flex; align-items:center; position:absolute; z-index:1; left:50%; margin-left:-730px; bottom:76px; color:#fff;}
.main_visual_wrap .visual_ctrl .swiper-pagination {position:static; display:flex; justify-content:space-between; width:180px;}
.main_visual_wrap .visual_ctrl .swiper-pagination span.all {color: rgba(255,255,255,0.6); }
.main_visual_wrap .visual_ctrl .process {position:absolute; z-index:1; left:30px; top:50%; width:120px; height:2px; background:rgba(255,255,255,0.4); overflow:hidden;}
.main_visual_wrap .visual_ctrl .process i {position:absolute; z-index:1; left:0; height:2px; width:0; background:#fff;}
.main_visual_wrap .visual_ctrl .process i.active {width:100%;}
.main_visual_wrap .visual_ctrl .ctrl {margin-left:30px; width:50px; height:50px; text-indent:-9999px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); background-repeat:no-repeat; background-position:center;}
.main_visual_wrap .visual_ctrl .ctrl.pause {background-image:url(../images/common/ico_visual_pause.png);}
.main_visual_wrap .visual_ctrl .ctrl.play {background-image:url(../images/common/ico_visual_play.png);}

.main_visual_wrap .swiper-slide.swiper-slide-active [class^="visual"] {transform:scale(1.1);}
.main_visual_wrap .swiper-slide.swiper-slide-active .copy {animation:copyAni 1s ease .3s forwards;}

#fp-nav {transform:translateY(20px);}
#fp-nav.fp-right{right:60px}
#fp-nav ul {text-align:center;}
#fp-nav ul li, .fp-slidesNav ul li {position:relative; width:20px; height:20px; margin:10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width:10px; height:10px; background:#fff; opacity:0.4; font-weight: 200; margin:5px; transform:translate(-50%,-50%);}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {width:10px; height:10px; margin:5px; opacity:1; background:#fff;}
#fp-nav ul li a.active span:after {content:''; position:absolute; z-index:1; left:-5px; top:-5px; width:20px; height:20px; border:1px solid #fff; border-radius:50%; box-sizing:border-box;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span {margin:5px; opacity:1;}
#fp-nav ul li:last-of-type {display:none;}

#fp-nav.gray ul li a span {background:#8a8a8a;}
#fp-nav.gray ul li a.active span:after {border-color:var(--point-blue);} 
#fp-nav.gray ul li a.active span, 
#fp-nav.gray ul li:hover a.active span, 
#fp-nav.gray ul li a.active span, 
#fp-nav.gray ul li:hover a.active span {background:var(--point-blue);}

.fp-viewing-5 #fp-nav {display:none;} 

@keyframes copyAni{
	0% {margin-top:80px; opacity:0;}
	100% {margin-top:0px;opacity:1;}
}

.product {position:relative; background:url(../images/main/bg_section02.jpg) no-repeat center; background-size:cover;}
.product_wrap .txt {position:absolute; top:50%; transform:translateY(-50%); padding-top:100px; width:450px;}
.product_wrap .txt .pd_more {display:flex; justify-content:flex-end; align-items:flex-end; position:absolute; z-index:1; left:420px; bottom:-123px; width:220px; height:220px; color:#fff; background:var(--point-blue);}
.product_wrap .txt .pd_more a {display:block; width:100%; text-align:right; padding:24px 60px 24px 30px; color:#fff; font-family:'Play'; background:url(../images/common/ico_more_arr.png) no-repeat right 30px center;}
.product_wrap .slide_tit {min-height:222px; margin-top:60px;}
.product_wrap .slide_tit li {position:relative; display:block; width:auto; height:auto; max-width:376px; background:transparent; opacity:1; font-family:'Play','notosans'; cursor:pointer; font-size:22px; color:#353535;}
.product_wrap .slide_tit li + li {margin-top:20px;}
.product_wrap .slide_tit li.active {color:var(--point-blue);}
.product_wrap .slide_tit li:after {content:''; position:absolute; z-index:1; right:0; top:50%; width:0; height:2px; background:var(--point-blue); transition:all .5s ease;}
.product_wrap .slide_tit li.active:after {width:100px;}
/* s : 240611 수정 */
.product_wrap .product_roll {display:none; position:absolute; left:50%; top:50%; margin-left:-280px; width:calc(50% + 280px); height:520px; margin-top:50px; overflow:hidden; transform:translateY(-50%);}
.product_wrap .product_roll .swiper-wrapper {align-items:flex-end;}
.product_wrap .product_roll .swiper-slide {width:400px; height:400px; transition:all .7s ease;}
.product_wrap .product_roll .swiper-slide div {position:relative; margin-bottom:20px; transition:all .7s ease; background:#fff;}
.product_wrap .product_roll .swiper-slide strong {position:absolute; z-index:1; right:50px; bottom:30px; font-size:18px; font-weight:400; color:#888888; font-family:'Play'; transition:all .5s ease;}
.product_wrap .product_roll .swiper-slide em {opacity:0; position:absolute; z-index:1; right:50px; bottom:30px; font-size:18px; font-weight:500; color:#20349b; font-family:'Play','notosans'; transition:all .5s ease;}
.product_wrap .product_roll .swiper-slide .more_btn {display:none;}
.product_wrap .product_roll .swiper-slide.swiper-slide-active {width:500px; height:500px;}
.product_wrap .product_roll .swiper-slide.swiper-slide-active div {box-shadow:10px 10px 18px 0 rgba(0,0,0,0.1);}
.product_wrap .product_roll .swiper-slide.swiper-slide-active strong {bottom:70px; color:#000; font-size:30px;}
.product_wrap .product_roll .swiper-slide.swiper-slide-active em {opacity:1; bottom:40px;}
/* e : 240611 수정 */

.taesung_status {display:flex; flex-direction:column; height:100vh;}
.taesung_status .taesung_count {display:flex; flex-direction:column; justify-content:center; flex-grow:1; align-items:center;}
.taesung_status .taesung_count .wrapper {display:flex; align-items:center; justify-content:space-between; padding-top:80px;}
.taesung_status .taesung_count .count_wrap {display:flex;}
.taesung_status .taesung_count .count_wrap > div {padding-top:104px; text-align:center; background-repeat:no-repeat; background-position:center top;}
.taesung_status .taesung_count .count_wrap > div.history {background-image:url(../images/common/ico_count01.png);}
.taesung_status .taesung_count .count_wrap > div.sales {background-image:url(../images/common/ico_count02.png);}
.taesung_status .taesung_count .count_wrap > div.member {background-image:url(../images/common/ico_count03.png);}
.taesung_status .taesung_count .count_wrap > div + div {margin-left:130px;}
.taesung_status .taesung_count .count_wrap > div .title {display:flex; width:132px; align-items:flex-end; justify-content:center; line-height:1; font-family:'Play','Noto Sans KR'; font-size:16px;}
.taesung_status .taesung_count .count_wrap > div .title em {color:#696969; padding:4px;}
.taesung_status .taesung_count .count_wrap > div .title span {color:var(--point-blue); font-size:38px; font-weight:700;}
.taesung_status .taesung_count .count_wrap > div p {margin-top:10px; color:#7f7f7f;}
.taesung_status .rnd_ban {flex-shrink:0; flex-grow:0; display:flex; justify-content:flex-end; height:450px; background:url(../images/main/bg_rnd.jpg) no-repeat center; background-size:cover;}
.taesung_status .rnd_ban .box {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:520px; height:100%; padding:90px; color:#fff; background:var(--point-blue) url(../images/common/ico_rnd.jpg) no-repeat right bottom;}
.taesung_status .rnd_ban .box p {margin:16px 0 40px;}

.arr_btn {display:inline-block; padding:12px 36px 14px; border-radius:100px; border:1px solid rgba(255,255,255,0.24); transition:all .3s ease;}
.arr_btn span {padding-right:30px; font-size:14px;  color:#fff; background:url(../images/common/ico_more_arr.png) no-repeat right center;}
.arr_btn:hover {border-color:#fff;}
.arr_btn.dark {border-color:rgba(96,96,96,0.24);}
.arr_btn.dark:hover {border-color:#000;}
.arr_btn.dark span {color:#3f3f3f; background-image:url(../images/common/ico_more_arr_d.png);}

.global {position:relative; background:url(../images/main/bg_global_nomap.jpg) no-repeat center; background-size:cover;}
.global .txt_wrap {position:relative; z-index:10; top:50%; transform:translateY(-50%); padding-top:50px;}
.global h3 em,
.global h3 strong,
.global .subtxt {color:#fff;}

.global .map_pin {position:absolute; z-index:1; left:0; bottom:0; width:100%;}
.global .map_pin .map {width:100%;}
.global .map_pin .map img {display:block; width:100%; mix-blend-mode: soft-light; opacity:1;}
.global .map_pin [class^="pin_"] {position:absolute; z-index:1; right:50%; top:50%; text-align:right; padding-right:32px; opacity:0;}
.global .map_pin [class^="pin_"] strong {font-family:'Play'; font-size:18px; color:#fff; font-weight:600;}
.global .map_pin [class^="pin_"] p {color:#d1d1d1; margin-top:8px; font-size:16px;}
.global .map_pin [class^="pin_"]:before {content:''; position:absolute; z-index:1; right:0; top:0; width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,0.32); animation: circle 1.5s ease-in-out infinite;}
.global .map_pin [class^="pin_"]:after {content:''; position:absolute; z-index:1; right:7px; top:7px; width:12px; height:12px; border-radius:50%; background:#fff;}

.global .map_pin .pin_korea {left:50%; right:initial; padding-left:32px; padding-right:0; text-align:left; margin-left:25%; margin-top:-8.5%;}
.global .map_pin .pin_korea:before {content:''; position:absolute; z-index:1; right:initial; left:0; top:0; width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,0.8); }
.global .map_pin .pin_korea:after {content:''; position:absolute; z-index:1; right:initial; left:7px; top:7px; width:12px; height:12px; border-radius:50%; background:var(--point-blue);}

.global .map_pin .pin_china {margin-right:-24%; margin-top:-7.5%;}
.global .map_pin .pin_vietnam {margin-right:-23%; margin-top:-4%;}
.global .map_pin .pin_mexico {margin-right:14%; margin-top:3%;}

.global .map_pin .pin_circle {right:initial; left:50%; margin-left:17.5%; margin-top:-16%; opacity:0; }
.global .map_pin .pin_circle span {position:absolute; z-index:1; left:0; top:0; width:400px; height:400px; opacity:0; background:rgba(255,255,255,0.05); border-radius:50%; transform-origin:center;}
.global .map_pin .pin_circle span:nth-of-type(1) {animation:circle 3s linear 1s infinite;}
.global .map_pin .pin_circle span:nth-of-type(2) {animation:circle 3s linear 1.5s infinite;}
.global .map_pin .pin_circle span:nth-of-type(3) {animation:circle 3s linear 2s infinite;}
.global .map_pin .pin_circle span:nth-of-type(4) {animation:circle 3s linear 2.5s infinite;}
.global .map_pin .pin_circle:before, 
.global .map_pin .pin_circle:after {display:none;}

.global .flow_txt {position:absolute; z-index:1; left:0; bottom:0; font-family:'Montserrat'; font-size:115px; font-weight:700; line-height:1; white-space:nowrap; -webkit-text-fill-color:transparent; -webkit-text-stroke: 1px var(--point-blue); }
.global .flow_txt .text {display:flex; animation:flowText 20s linear 1s infinite;}
.global .flow_txt .text p {margin:0 30px;}

.global.fp-completely .map_pin .pin_korea {animation:pinFade 1s ease .3s forwards;}
.global.fp-completely .map_pin .pin_china {animation:pinFade 1s ease .6s forwards;}
.global.fp-completely .map_pin .pin_vietnam {animation:pinFade 1s ease .9s forwards;}
.global.fp-completely .map_pin .pin_mexico {animation:pinFade 1s ease 1.2s forwards;}
.global.fp-completely .pin_circle {animation:fadeIn 3s ease 1s forwards;}

@keyframes pinFade{
	0% {transform:translateY(50px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

@keyframes circle{
	0% {transform:scale(0); opacity:0;}
	50% {transform:scale(1); opacity:1;}
	100% {transform:scale(1.7); opacity:0;}
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

 @keyframes flowText {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}

.news_section {display:flex; flex-direction:column; height:100vh; padding-top:80px; background:#e8eaf5;}
.news_section .news {display:flex; flex-direction:column; flex-grow:1; justify-content:center; padding-bottom:40px;}
.news_section .news .title {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.news_section .news .title .oneline {display:flex; align-items:flex-end;}
.news_section .news .title .oneline span {margin-left:12px; color:#696969;}
.news_section .news .news_roll_wrap {position:relative;}
.news_section .news .news_roll_wrap .news_roll {padding:0 0 20px; overflow:hidden;}
.news_section .news .news_roll_wrap .news_roll .swiper-wrapper {align-items:stretch;}
.news_section .news .news_roll_wrap .swiper-button-prev,
.news_section .news .news_roll_wrap .swiper-button-next {width:56px; height:56px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center; box-shadow:0 0 18px 0 rgba(0,0,0,0.09); transition:all .3s ease;}
.news_section .news .news_roll_wrap .swiper-button-prev {left:-65px; background-image:url(../images/common/ico_prev_arr.png);}
.news_section .news .news_roll_wrap .swiper-button-prev:hover {background-image:url(../images/common/ico_prev_arr_d.png);}
.news_section .news .news_roll_wrap .swiper-button-next {right:-65px; background-image:url(../images/common/ico_next_arr.png);}
.news_section .news .news_roll_wrap .swiper-button-next:hover {background-image:url(../images/common/ico_next_arr_d.png);}
.news_section .news .news_roll_wrap .swiper-button-prev:after, 
.news_section .news .news_roll_wrap .swiper-button-next:after {display:none;}
.news_section .news .news_roll_wrap .swiper-slide {height:auto; background:#fff;}
.news_section .news .news_roll_wrap .swiper-slide a:after {content:''; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:3px solid var(--point-blue); opacity:0; transition:all .3s ease; box-sizing:border-box;}
.news_section .news .news_roll_wrap .swiper-slide a:hover:after {opacity:1;}
.news_section .news .news_roll_wrap .swiper-slide a .img {height:240px; overflow:hidden;}
.news_section .news .news_roll_wrap .swiper-slide a .img img {position:relative; left:50%; transform:translateX(-50%) scale(1.0); max-width:initial; min-width:100%; min-height:100%; max-height:100%; transform-origin:center; transition:all .3s ease;}
.news_section .news .news_roll_wrap .swiper-slide:hover {box-shadow:10px 10px 10px 0 rgba(0,0,0,0.1);}
.news_section .news .news_roll_wrap .swiper-slide a:hover .img img {transform:translateX(-50%) scale(1.1);}
.news_section .news .news_roll_wrap .swiper-slide .con {padding:24px 20px 30px;}
.news_section .news .news_roll_wrap .swiper-slide .con .info {display:flex; font-family:'Play';}
.news_section .news .news_roll_wrap .swiper-slide .con .info strong {color:var(--point-blue);}
.news_section .news .news_roll_wrap .swiper-slide .con .info em {margin-left:14px; color:#898989; font-size:14px;}
.news_section .news .news_roll_wrap .swiper-slide .con .tit {margin-top:20px; font-size:20px; font-weight:600; color:#000; line-height:1.25; word-break:keep-all;}

.news_section .clients {flex-shrink:0; display:flex; flex-direction:column; justify-content:space-between; flex-grow:0; height:230px; text-align:center;}
.news_section .clients h4 {font-size:30px; color:var(--point-blue);}

.news_section .clients .roll {position:Relative; display:flex; flex-flow:row nowrap; align-items:center; background:#fff;}
.news_section .clients .roll:before {content:''; position:absolute; z-index:1; left:50%; top:-12px; margin-left:-23px;; width:46px; height:46px; background:#fff url(../images/common/ico_ban_arr.jpg) no-repeat center top 12px; border-radius:50%;}
.news_section .clients .roll ul {display:flex; flex-flow:row nowrap; align-items:center; padding:50px 0; animation:roll_left 40s linear infinite;}
.news_section .clients .roll li {flex-shrink:0; margin:0 35px;;}
.news_section .clients .roll li a {display:block;}
.news_section .clients .roll li img {width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news_section .clients .roll ul:hover {animation-play-state:paused !important;}

@keyframes roll_left {
	0% { 
		-webkit-transform:translate3d(0,0,0);
		  transform:translate3d(0,0,0)
		}
	100% { 
		-webkit-transform:translate3d(-50%,0,0);
		transform:translate3d(-50%,0,0)
	}
}

footer.section {height:450px !important;}
footer.section .fp-tableCell {height:100%;}






/************************************************************************ 반응형 ************************************************************************/


@media all and (max-width:1920px){
	/*
	.global .map_pin .pin_korea {margin-left:443px; margin-top:-27px;}
	.global .map_pin .pin_china {margin-left:13%; margin-top:-0.7%;}
	.global .map_pin .pin_vietnam {margin-left:14.8%; margin-top:3%;}
	.global .map_pin .pin_mexico {margin-left:-24%; margin-top:11.5%;}
*/
}

@media all and (max-width:1620px){
}

@media all and (max-width:1459px){
	.main_visual_wrap .swiper-slide .copy {left:30px; margin-left:0;}
	.main_visual_wrap .swiper-slide .copy strong {font-size:42px;}
	.main_visual_wrap .swiper-slide .copy .sub {margin-top:20px; font-size:17px;}

	.main_visual_wrap .visual_ctrl {left:30px; margin-left:0;}

	.product_wrap .product_roll {margin-left:0; margin-top:0;}
	.product_wrap .product_roll .swiper-slide {width:280px; height:280px;}
	.product_wrap .product_roll .swiper-slide.swiper-slide-active {width:350px; height:350px;}
	/* s : 240611 수정 */ 
	.product_wrap .product_roll .swiper-slide strong {right:25px; bottom:25px; font-size:20px;}
	.product_wrap .product_roll .swiper-slide.swiper-slide-active strong {bottom:50px; font-size:24px;}
	.product_wrap .product_roll .swiper-slide em {right:25px; bottom:25px;}
	.product_wrap .product_roll .swiper-slide.swiper-slide-active em {right:25px; bottom:25px;}
	/* e : 240611 수정 */ 
	
	.product_wrap .txt {width:50%;}
	.product_wrap .txt .pd_more {left:initial; right:-170px; bottom:-60px; margin-left:0;}
	
	.taesung_status .taesung_count .wrapper {width:100%;}
	.taesung_status .rnd_ban {height:350px;}

	.news_section .news .news_roll_wrap .swiper-button-prev, .news_section .news .news_roll_wrap .swiper-button-next {display:none;}

	footer.section {height:auto !important;}

	.global .map_pin {position:absolute; z-index:1; left:50%; bottom:0; width:1920px; margin-left:-960px;}
}

@media all and (max-width:1280px){

	.global .map_pin {margin-left:0; right:-20%; left:initial; width:140%;}
	.global .map_pin .pin_circle {margin-left:11.5%; margin-top:-22%;}
}

@media all and (max-width:1024px){
	h3 strong {font-size:38px;}
	h4 {font-size:24px;}
	.subtxt {margin-top:10px; font-size:16px;}

	.section, .section .fp-tableCell {height:auto !important;}

	.product_wrap {height:600px;}
	.product_wrap .txt {position:static; top:0; padding-top:50px; transform:translate(0);}
	.product_wrap .txt .pd_more {right:-200px; bottom:-80px;}
	.product_wrap .slide_tit {margin-top:100px;}
	.product_wrap .slide_tit li {max-width:290px; font-size:18px;}
	.product_wrap .product_roll {height:auto;}
	.product_wrap .product_roll .swiper-slide {height:auto; padding:30px 30px 0 0;}
	.product_wrap .product_roll .swiper-slide div {}
	.product_wrap .product_roll .swiper-slide.swiper-slide-active {height:auto; padding:0;}

	.product {height:auto !important;}
	
	.taesung_status {display:block; height:auto;}
	.taesung_status .taesung_count {display:block;}
	.taesung_status .taesung_count .wrapper {display:block; padding-top:34px; padding-bottom:40px;}
	.taesung_status .taesung_count .count_wrap {justify-content:center; margin-top:20px;}
	.taesung_status .taesung_count .count_wrap > div + div {margin-left:50px;}
	.taesung_status .rnd_ban {height:240px;}
	.taesung_status .rnd_ban .box {width:320px; height:240px; padding:30px; background-size:110px;}
	.taesung_status .rnd_ban .box p {margin-bottom:24px;}

	.arr_btn {padding:0; width:110px; height:40px; line-height:38px; text-align:center;}

	.global {height:600px !important;}
	.global .fp-tableCell {height:600px !important;}
	.global .txt_wrap {top:0; transform:none;}

	.news_section {display:block; height:auto; padding-top:50px;}
	.news_section .news {padding-bottom:30px;}
	.news_section .news .title {align-items:flex-end;}
	.news_section .news .title .oneline {display:block;}
	.news_section .news .title .oneline span {display:block; margin-top:10px; margin-left:0;}
	.news_section .clients {height:auto;}
	.news_section .clients .roll {margin-top:24px;}
	.news_section .clients .roll ul {padding:20px 0;}
}

@media all and (max-width:768px){
	h3 strong {font-size:30px;}

	.fp-tableCell {height:auto !important;}

	.main_visual_wrap {height:500px; overflow:hidden;}
	.main_visual_wrap .swiper-slide {height:500px;}
	.main_visual_wrap .swiper-slide [class^="visual"] {height:500px;}
	.main_visual_wrap .swiper-slide .visual01 {background-position:right 30% center;}
	.main_visual_wrap .swiper-slide .copy {left:20px; padding-top:40px;}
	.main_visual_wrap .swiper-slide .copy strong {font-size:24px;}
	.main_visual_wrap .visual_ctrl {left:20px; bottom:28px; font-size:14px;}

	.product_wrap {height:auto; padding-bottom:80px;}
	.product_wrap .txt {width:100%;}
	.product_wrap .txt .pd_more {left:0; right:initial; bottom:-56vw; width:154px; height:154px;}
	.product_wrap .txt .pd_more a {padding:10px 45px 10px 30px; font-size:14px; background-position:right 15px center;}
	.product_wrap .slide_tit {margin-top:20px;}
	.product_wrap .product_roll {position:static; margin-left:20px; margin-top:30px; width:100%; transform:translate(0);}
	/* 240611 수정 */
	.product_wrap .slide_tit {min-height:auto;}

	.taesung_status .taesung_count .count_wrap > div + div {margin-left:8px;}
	.taesung_status .taesung_count .count_wrap > div .title {width:110px;}
	.taesung_status .taesung_count .count_wrap > div .title span {font-size:24px;}
	.taesung_status .taesung_count .count_wrap > div .title em {margin:0;}
	.taesung_status .taesung_count .count_wrap > div p {font-size:14px;}

	.taesung_status .rnd_ban {height:auto; padding-top:50px; background-size:1100px; background-position:center top;}
	.taesung_status .rnd_ban .box {width:240px; height:240px;}
	.taesung_status .rnd_ban .box p {font-size:14px;}

	.global .map_pin {left:0; right:0; top:0; width:100%; margin:0; padding:20px; margin-top:150px;}
	.global .map_pin .map {position:absolute; z-index:0; left:-50%; bottom:0; width:200%;}
	.global .map_pin .pin_circle {display:none;}
	.global .map_pin [class^="pin_"] {float:left; position:relative; left:initial; right:initial; top:initial; text-align:left; padding:15px 10px 15px 38px; height:80px; margin-top:10px !important; animation:none !important; opacity:1; width:calc(50% - 5px); background:rgba(255,255,255,0.2); border-radius:4px;}
	.global .map_pin [class^="pin_"]:before {left:10px; top:15px; width:22px; height:22px;}
	.global .map_pin [class^="pin_"]:after {left:17px; top:22px; width:8px; height:8px;}
	.global .map_pin [class^="pin_"] p {font-size:14px;}	
	.global .map_pin .pin_korea {margin:0 10px 0 0;}
	.global .map_pin .pin_china {margin:0;}
	.global .map_pin .pin_vietnam {margin:0 10px 0 0;}
	.global .map_pin .pin_mexico {margin:0;}
	.global .flow_txt {font-size:63px;}

	.news_section .news .news_roll_wrap .swiper-slide a .img {height:210px;}
	.news_section .news .news_roll_wrap .swiper-slide .con .tit {font-size:18px;}
	.news_section .news .news_roll_wrap .swiper-slide .con {padding:20px 20px 30px;}

	.news_section .clients h4 {font-size:24px;}
	.news_section .clients .roll li img {height:43px; width:auto;}
}

@media all and (max-width:640px){
	
}

@media all and (max-width:480px){
	.product_wrap .txt .pd_more {bottom:-102vw;}
	.product_wrap .product_roll {padding-right:20px;}

	.taesung_status .rnd_ban {height:auto; padding-top:240px; background-size:1100px; background-position:center top;}
	.taesung_status .rnd_ban .box {width:100%; height:240px;}
	.taesung_status .rnd_ban .box p {font-size:14px;}
	
	.news_section .news .title .oneline span {font-size:14px;}
	.news_section .news .news_roll_wrap .swiper-slide a .img {height:100px;}
	.news_section .news .news_roll_wrap .swiper-slide .con .info {font-size:14px;}
	.news_section .news .news_roll_wrap .swiper-slide .con .tit {font-size:15px;}
	.news_section .news .news_roll_wrap .swiper-slide .con {padding:10px 10px 20px;}

	.news_section .clients .roll li {margin:0 20px;}
	.news_section .clients .roll li img {height:30px; width:auto;}

	.global .map_pin .map {position:absolute; z-index:0; left:-50%; bottom:0; width:200%;}

}

@media all and (max-width:374px){
	.product_wrap .txt .pd_more {bottom:-330px;}

	.taesung_status .taesung_count .count_wrap {display:block;}
	.taesung_status .taesung_count .count_wrap > div .title {width:100%;}
	.taesung_status .taesung_count .count_wrap > div + div {margin-left:0; margin-top:20px;}
}