@charset "utf-8";

.sub_visual_div{position: relative; overflow: hidden;}

.sub01_visual_wrap{
will-change: transform;
animation-duration: 3s;
animation-name: background-image-animation;
animation-iteration-count: 1;
animation-direction: alternate;
animation-timing-function: linear;
transform: translateX(0) scale(1);
}


@keyframes background-image-animation {
0% {transform: scale(1.2);}
100% {transform: scale(1);}
}




.sub01_visual_wrap {width:100%; height:480px;  
  background-attachment: fixed; background-size:cover !important}
.sub01_visual_wrap1{background:url('/common/img/sub/sub_vi1.jpg') no-repeat top;}
.sub02_visual_wrap1{background:url('/common/img/sub/sub_vi2.jpg') no-repeat 100% 12%;}
.sub03_visual_wrap1{background:url('/common/img/sub/sub_vi3.jpg') no-repeat 100% 40%;}
.sub04_visual_wrap1{background:url('/common/img/sub/sub_vi4.jpg') no-repeat 100% 40%;}
.sub01_vi_txt {position:absolute; left:16.5%; top:50%; text-align:left; width:100%; color:#fff; font-size:1.1rem; width:auto !important}
.sub01_vi_txt h1 {font-size:3rem; line-height:1em; margin-bottom:30px; font-weight:600;}

.sub_nav_div{position: relative; border-bottom:1px solid #eee; z-index: 9999;}
.sub_nav-wrap { position:relative; width: 100%; background:#fff}
.sub_nav-wrap .sub_nav_1200 {position:relative;  width:1280px; margin:0 auto; }
#sub_wrap {position:relative; width:100%; box-sizing:border-box;}
#sub_nav {  width:100%; list-style: none; display:flex}
#sub_nav:after{content:''; display:block; clear:both}
#sub_nav li.home_bt {width:55px; height:52px; border-right:1px solid #eee; border-left:1px solid #eee; text-align:center; border-top:0; border-bottom:0;  box-sizing:border-box; }
#sub_nav li.home_bt i{vertical-align:middle; text-align:center; margin-right:8px;}
.sub_nav-title{border-right:1px solid #eee}
#sub_nav li.sub_nav-title {width:240px; float: left; display: block;  position: relative; z-index: 999; }
.sub_nav-title1 ul{right:-1px !important}
#sub_nav li.sub_nav-title:last-child{background-color:#a0171a}
#sub_nav li.sub_nav-title:last-child a{color:#fff}
#sub_nav li.sub_nav-title a {width:240px; display: block; font-size:16px; color:#000; padding-left:15px; line-height: 52px; text-decoration: none; box-sizing:border-box; font-weight:600}

#sub_nav li.sub_nav-title:last-child ul{border:0}
#sub_nav li.sub_nav-title:last-child ul li{background-color:#a0171a; border-top:0}
#sub_nav li.sub_nav-title:last-child ul li a{color:#fff !important; border-bottom:0}
#sub_nav li.sub_nav-title:last-child ul li a:hover{color:#000 !important}

#sub_nav ul {width:240px; position: absolute; right: 0px; display: none; margin: 0; padding: 0; list-style: none; border:1px solid #eee; border-bottom:3px solid #26335e;}
#sub_nav ul li { width: 100%; float: left; text-align: left; background:#fff; box-sizing:border-box; }
#sub_nav ul li a { display: block; line-height: 20px; color: #666 !important; font-weight: 400; }
#sub_nav ul li a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: #f7f7f7; color: #333; font-weight: 600;}
#sub_nav li i {font-size:22px; float:right; color:#ddd; padding:15px 0 0 20px; width:55px; height:52px; box-sizing:border-box;}
#sub_nav li i.xi-home-o{color:#000}


.sub_section{padding: 5em 0;position: relative;}
.sub_section_inner{max-width:1280px; margin:0 auto;}
.sub_h2_title{text-align:center; font-size:2.2rem; font-weight:600; margin-bottom:3em}

@media (max-width:580px){
	.sub_section{padding:3em 0;}
}

/* ceo 인사말 */
.ceo_wrap{}
.ceo_wrap div{width:56%;}
.ceo_wrap div:first-child{width:44%; margin-right:3%}
.ceo_wrap > div > img{max-width:100%; width:100%}
/*.ceo_wrap p{font-size:1.1rem; line-height:1.5; color:#777;}*/
.ceo_wrap p{font-size:1.3rem; font-weight:600; color:#000}
.ceo_name{display:block; text-align:right; font-size:1.2rem; margin-top:1em; font-weight:600}
.ceo_name b{font-weight:800; margin-right:1em}
.ceo_name img{width:19%}

/* 조직도 */
.group_wrap{margin:10% 0;}
.group_wrap > img{width:100%;}

/* 사업영역 */
.vision_wrap{}
.vision_wrap > .flex{border:1px solid #ddd; padding:2em; box-sizing:border-box; }
.vision_wrap > .flex h2{width:250px; margin-right:20px;font-size:2rem; font-weight:600}
.vision_wrap > .flex div{width:calc(100% - 300px);min-width: 900px;}
.vision_wrap > .flex div p{font-size: 1.1rem;line-height: 1.5;}

@keyframes triagnle{
    100% {
/*        transform: rotate(360deg);*/
		transform: rotateY( 180deg )
    }
}
@keyframes triagnle_a{
    100% {
        transform: rotate(0);
    }
}
.vision_wrap .triagnle{display: flex;flex-direction: row;flex-wrap: wrap;padding: 50px 0;}
.vision_wrap .triagnle > p{position:relative;width: 0px;height: 0px;color:#fff;border-top: none;border-right: 130px solid transparent;border-left: 130px solid  transparent;transform: rotateX(0) rotateY(0);transition: transform ease 1s;}
.vision_wrap .triagnle > p:hover{transform: rotateX(0) rotateY(360deg);transition: transform ease 1s;}
.vision_wrap .triagnle > p.tri01{top:0;left: 32%;border-bottom:200px solid #1D6FA9;margin-bottom:20px;}
.vision_wrap .triagnle > p.tri02{top: 220px;left: -110px;border-bottom:200px solid #1D9A78;}
.vision_wrap .triagnle > p.tri03{top: 218px;left: -230px;border-top: 200px solid #fff;border-left: 130px solid transparent;border-right: 130px solid transparent;}
/*.vision_wrap .triagnle > p.tri03:hover{transform: rotateX(0) rotateY(0);}*/
.vision_wrap .triagnle > p.tri04{top: 0;left: 430px;border-bottom:200px solid #F19D19;}
.vision_wrap .triagnle > img{display:none;}
.vision_wrap .triagnle > p > em{color:#fff;position: absolute;top: 105px;left: -32px;bottom: auto;display: block;text-align: center;}
.vision_wrap .triagnle > p.tri02 > em{top: 110px;left: -34px;}
.vision_wrap .triagnle > p.tri03 > em{top: -152px;left: -20px;color:#000;}
.vision_wrap .triagnle > p.tri04 > em{top: 110px;left: -34px;}

@media (max-width:950px){
	.vision_wrap > .flex{flex-direction: column;align-items:baseline;}
	.vision_wrap > .flex h2,
	.vision_wrap > .flex div{width: 100%;margin-right: 0;min-width:auto;}
	.vision_wrap > .flex h2{margin-bottom:20px;}
	.vision_wrap .triagnle > p{display:none;}
	.vision_wrap .triagnle > img{display:block;margin: 0 auto;width:80%;}
}

@media (max-width:480px){
	.vision_wrap > .flex{padding:1em;}
	.vision_wrap > .flex h2{font-size:1.5rem;}
	.vision_wrap > .flex div p{font-size:0.75rem;}
	.vision_wrap .triagnle{padding: 0;}
	.vision_wrap .triagnle > img{width:100%;}
}



/* 사업영역 */
.business_wrap{}
.business_wrap > .flex{margin-bottom:2em;}
.business_wrap .flex:first-child{opacity:0 !important; transform:translate3d(0,200px,0) !important}
.business_wrap .flex.aos-animate.roll{opacity:1 !important; transform:translateZ(0) !important} 
.business_wrap > .flex:nth-child(even) p{order:2}
.business_wrap > .flex:nth-child(even) > p{margin-right:0; margin-left:2%;}
.business_wrap > .flex:nth-child(even) > div{margin-left:0; margin-right:2%;}
.business_wrap > .flex > p{width:50%; margin-right:2%; box-shadow:10px 10px 25px rgb(0 0 0 / 20%)}
.business_wrap > .flex p img{width:100%}
.business_wrap > .flex > div{width:50%; margin-left:2%}
.business_wrap > .flex div h2{font-size:2rem; font-weight:800; margin-bottom:1em;}

.business_wrap > .flex div span{display:block; font-size:1rem; margin-top:30px; margin-bottom:5px; }
.business_wrap > .flex:nth-child(1) div span{color:#2ac41c}
.business_wrap > .flex:nth-child(2) div span{color:#f17a30}
.business_wrap > .flex:nth-child(3) div span{color:#4184e5}
.business_wrap > .flex:nth-child(4) div span{color:#7a7700}
.business_wrap > .flex:nth-child(5) div span{color:#6A0E89;}

.business_wrap > .flex div .icon_div .icon_p{border:1px solid transparent; display:flex; align-items:center; justify-content:center; padding:5px; box-sizing:border-box; width:100px; height:100px; border-radius:50%; background-origin:border-box; background-clip:content-box, border-box; animation:rotate-center 5s ease-in-out infinite}
.business_wrap > .flex:nth-child(1) div .icon_div .icon_p{background-image:linear-gradient(#fff, #fff), 
    linear-gradient(180deg, rgba(21,138,10,1) 0%, rgba(116,232,105,1) 49%, rgba(21,138,10,1) 100%);}
.business_wrap > .flex:nth-child(2) div .icon_div .icon_p{background-image:linear-gradient(#fff, #fff), 
linear-gradient(180deg, rgba(217,92,3,1) 0%, rgba(252,197,157,1) 49%, rgba(217,92,3,1) 100%);}
.business_wrap > .flex:nth-child(3) div .icon_div .icon_p{background-image:linear-gradient(#fff, #fff), 
linear-gradient(180deg, rgba(65,132,229,1) 0%, rgba(158,210,255,1) 49%, rgba(65,132,229,1) 100%);}
.business_wrap > .flex:nth-child(4) div .icon_div .icon_p{background-image:linear-gradient(#fff, #fff), 
linear-gradient(180deg, rgba(122,119,0,1) 0%, rgba(247,244,123,1) 49%, rgba(122,119,0,1) 100%);}
.business_wrap > .flex:nth-child(5) div .icon_div .icon_p{background-image:linear-gradient(#fff, #fff),
linear-gradient(180deg, rgb(106 14 137) 0%, rgb(207 75 250) 49%, rgba(106 14 137) 100%);}

.business_wrap > .flex div p:nth-of-type(1){font-size:1.3rem; font-weight:500; line-height:1.4;}
.icon_div{position: relative; display:inline-block;}
.icon_div img{max-width:100%; width:3.5em; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

/* 연혁 */
.history_wrap > div:first-child{position: relative;}
.history_wrap > div:first-child .history_img{background:url('/common/img/sub/history_vi3.jpg') no-repeat bottom / cover; height:225px;}
.history_wrap > div:first-child span:nth-of-type(1){position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); color:#fff; font-size:3rem; font-weight:700; display:flex; align-items:center; justify-content:center;}
.history_wrap > div:first-child span:nth-of-type(2){position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:99%; height:95%; border:1px solid #fff; box-sizing:border-box;}

.history_wrap{}
.history_wrap ul{flex-direction:column-reverse; align-items:flex-start; position: relative; padding-top:1em}
.history_wrap ul:after{content:''; display:block; position: absolute; top:-20px; left:50px; width:3px; height:100%; background:#000; z-index: -1;}
.history_wrap ul:before{content:''; display:block; position: absolute; top:-20px; right:50px; width:3px; height:100%; background:#000; z-index: -1;}
.history_wrap ul li{background:#f5f5f5; width:100%; margin-bottom:1em; padding:1em 1em 1em 0; box-sizing:border-box;}
.history_wrap ul li h2{font-size:1.3rem; font-weight:600; width:10%; border-right:1px solid #ddd; margin-right:1em; text-align:center}
.history_wrap ul li p{width:90%; font-size:1.1rem}


/* 오시는 길 */
.iframe_top{background:#333; color:#fff; font-size:1.3rem; display:inline-block; padding:10px 20px; box-sizing:border-box; border-radius:10px 10px 0 0 }
.map_txt > div.flex{border-bottom:1px solid #ddd; margin-top:2em; padding-bottom:2em; margin-bottom:2em}
.map_txt_bottom p{line-height:2; align-items:center; color:rgba(66,66,66,.8); font-size:1.2rem;}
.map_txt_bottom i{margin-right:20px; font-size:1.3rem; color:#a0171a}
.map_txt_bottom span{margin-right:20px; width:137px; font-size:1.2rem; font-weight:600; color:#444}
.map_div:nth-child(2){margin-top:5em; }
.map_div:nth-child(2) p:last-child{font-size:1.5rem; border:1px solid #ddd; padding:2em; box-sizing:border-box;}

.map_div:nth-child(3){margin-top:5em; }
.map_div img{max-width:100%; width:100%}

.map_txt img{width:57%}

.map_div div{position: relative;}
.map_img{position: relative;}

#map1{position: absolute; top:45.5%; left:36%; text-align:center}
#map2{position: absolute; top:42%; left:33%; text-align:center}


.map_div .tit { text-align:center;}
.map_div i {font-size:30px; color:#c00; margin-bottom:9px}
.map_div .tit_span {background:#ccc; padding:3px 15px; border-radius:20px; font-size:0.88rem; background:#666; color:#fff;}


/* 주요 거래처 */
.another_logo_wrap{text-align:center;}
.another_logo_wrap > h3{font-size: 2rem;font-weight: 600;margin-bottom: 30px;}
.another_logo_wrap > p{color: rgba(66,66,66,.8);font-size: 1.2rem;font-weight: 500;line-height: 1.4;}
.another_logo_wrap ul{display:flex; flex-wrap:wrap; width:100%;margin: 100px 0 80px;}
.another_logo_wrap ul li{display: flex;align-items: center;justify-content: center;width:15.5%;min-height: 110px;border:1px solid #ddd; padding:1em; box-sizing:border-box; margin-right:1.4%; margin-bottom:15px;}
.another_logo_wrap ul li:nth-child(6n){margin-right:0;}
.another_logo_wrap ul li img{max-width:100%;}

@media (max-width:800px){
	.another_logo_wrap ul li{width:32%; margin-right:2%; margin-bottom:10px;}
	.another_logo_wrap ul li:nth-child(3n){margin-right:0;}
}
@media (max-width:640px){
	.another_logo_wrap > h3{font-size: 1.5rem;}
	.another_logo_wrap > p{font-size: .9rem;}
	.another_logo_wrap ul{margin: 50px 0 30px;}
}

@media (max-width:480px){
	.another_logo_wrap ul li{width: 49%;min-height: 60px;}
	.another_logo_wrap ul li:nth-child(3n){margin-right:2%;}
	.another_logo_wrap ul li:nth-child(even){margin-right: 0;}
	.another_logo_wrap ul li img {min-height: 30px;}
}

/* 대광의 강점 */
.strength_wrap{}
.strength_wrap > p{font-size: 1.3rem;font-weight: 500;line-height: 1.4;}
.strength_wrap .section_tit{padding: 100px 0;color:#fff;}
.strength_wrap .section_tit:before{content:'';position: absolute;top: 6.5%;left: 0;width: 100%;height: 500px;background:url(../img/sub/bg_section_tit01.jpg) no-repeat 100% 85%;background-size: cover;}
.strength_wrap .section_tit > h3{font-size: 2rem;font-weight: 600;letter-spacing: 5px;padding-bottom: 100px;position:relative;}
.strength_wrap .section_tit > h3:after{content:'';position:absolute;bottom:40px;left:50%;width:2px;height:20%;background:#fff;}
.strength_wrap .section_tit > h3 > span{display:block;font-size: 1.8rem;font-weight: 500;letter-spacing: -0.2px;margin-bottom: 20px;}
.strength_wrap article{margin: 130px 0;}
.strength_wrap article:nth-child(odd){flex-direction: row-reverse;}
.strength_wrap article.article_wrap01{}
/*.strength_wrap article.article_wrap01:before{content:'';position: absolute;top: 660px;left: 0;width: 100%;height: 570px;padding: 35px 35px 35px calc((100% - 1333px) / 2);background:#f3f3f3;}*/
/*.strength_wrap article.article_wrap03:before{content:'';position: absolute;top: 2180px;left: 0;width: 100%;height: 270px;padding: 35px 35px 35px calc((100% - 1333px) / 2);background:#f3f3f3;}*/
/*.strength_wrap article > div,*/
/*.strength_wrap article > div > div{width:49%;}*/
.strength_wrap article .article_tit{text-align:left;padding-right: 2%;width: calc(40% - 10px);}
.strength_wrap article.article_wrap02 .article_tit{width: 60%;}
.strength_wrap article:nth-child(odd) .article_tit{text-align:right;padding-right: 0;padding-left:2%;}
.strength_wrap article .article_tit > h4{font-size: 2rem;font-weight: 600;margin-bottom: 20px;}
.strength_wrap article .article_tit > h4 > span{display:block;font-size: 2.5rem;font-weight: bold;}
.strength_wrap article .sales_box_area{flex-wrap: wrap;width: 60%;}
.strength_wrap article .sales_box_area .sales_box{width: calc(50% - 25px);margin-bottom: 10px;background: url(../img/sub/bg_sales_box01.png) no-repeat 90% 70%;padding: 40px 10px;color:#fff;border-radius: 10px;}
.strength_wrap article .sales_box_area .sales_box:nth-child(2){background: url(../img/sub/bg_sales_box02.png) no-repeat 100% 80%;}
.strength_wrap article .sales_box_area .sales_box:nth-child(3){background: url(../img/sub/bg_sales_box03.png) no-repeat 90% 70%;}
.strength_wrap article .sales_box_area .sales_box:last-child{background: url(../img/sub/bg_sales_box04.png) no-repeat 90% 0;}
.strength_wrap article .sales_box_area .sales_box > p{text-align:left;font-size: 1.3rem;font-weight: 400;}
.strength_wrap article .sales_box_area .sales_box > b{display: block;text-align: right;margin-top: 50px;font-size: 2rem;}
.strength_wrap article .sales_box_area .sales_box > b > em{font-weight: bold;}

.strength_wrap article .img_box{width:50%;}
.strength_wrap article .img_box > img{width:100%;box-shadow: 10px 10px 25px rgb(0 0 0 / 35%);}

.strength_wrap article .wear_box_area{width: 100%;padding-top: 60px;}
.strength_wrap article .wear_box_area .wear_box{width: 25%;border: 1px solid #ddd;padding: 1em;box-sizing: border-box;margin-right: 1.4%;margin-bottom: 15px;}
.strength_wrap article .wear_box_area .wear_box:last-child{margin-right:0;}
.strength_wrap article .wear_box_area .wear_box > img{width: 100%;}
.strength_wrap article .wear_box_area .wear_box > b{display:none;margin-top: 10px;font-size: 1.3rem;font-weight: 600;}

.strength_wrap article .intro_box_area{width: 60%;position:relative;}
.strength_wrap article .intro_box_area:before{content: '';display: block;position: absolute;left: 13%;right: 13%;top: 101px;height: 2px;background: url(../img/sub/progress_line.png);z-index: -1;}
.strength_wrap article .intro_box_area .intro_box{}
.strength_wrap article .intro_box_area .intro_box .circle_box{background: url(../img/sub/progress_bg1.png) no-repeat center;width: 203px;height: 202px;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;position:relative;}
.strength_wrap article .intro_box_area .intro_box .circle_box > i{color:#e35a15;font-size:50px;margin-bottom: 20px;}
.strength_wrap article .intro_box_area .intro_box .circle_box > p,
.strength_wrap article .intro_box_area .intro_box .circle_box > b{font-size:1.3rem;font-weight: 600;}

.strength_wrap article .intro_box_area .intro_box .circle_box:before{content:''; display:block; position:absolute; left:-4px; top:50%; width:9px; height:8px; margin-top:-4px; background:#bbb; border-radius:50%;}
.strength_wrap article .intro_box_area .intro_box .circle_box:after{content: '';display: block;position: absolute;right: -4px;top: 50%;width: 9px;height: 8px;margin-top: -4px;background: #e35a15;border-radius: 50%;}
.strength_wrap article .intro_box_area .intro_box:nth-child(2) .circle_box:before,
.strength_wrap article .intro_box_area .intro_box:nth-child(2) .circle_box:after{display:none;}

canvas{border: 1px solid gray;border-radius: 3px;}

.strength_wrap article .chart_area{position: relative;}
.strength_wrap article .chart_area .chart{margin-bottom: 40px;text-align: left;}
.strength_wrap article .chart_area .chart > img{width: 75%;}

.strength_wrap article .chart_area .chart_tit{padding: 30px 0 5px;text-align: right;margin-right: 10px;font-size: 1.5rem;font-weight:600;}
.strength_wrap article .chart_area > ul{flex-wrap: wrap;justify-content: flex-end;text-align: right;}
.strength_wrap article .chart_area > ul > li{position:relative;padding-left: 20px;margin: 0px 10px;}
.strength_wrap article .chart_area > ul > li:before{content:'';position:absolute;top: 7px;left:0;width:10px;height:10px;background:#F9F3C3;}
.strength_wrap article .chart_area > ul > li:nth-child(2):before{background:#A0D6CC;}
.strength_wrap article .chart_area > ul > li:nth-child(3):before{background:#8DCBE6;}
.strength_wrap article .chart_area > ul > li:nth-child(4):before{background:#86A8FF;}
.strength_wrap article .chart_area > ul > li:nth-child(5):before{background:#C375EF;}
.strength_wrap article .chart_area > ul > li:last-child:before{background:#FFADE7;}

/*.ctn_box_area{justify-content: center;align-items: stretch;margin: 150px 0 100px;}*/
/*.ctn_box_area .arrow_right{margin: 30px 70px 30px 90px;height: 100%;}*/
/*.ctn_box_area .ctn_box{display: flex;flex-direction: column;align-items: center;}*/
/*.ctn_box_area .ctn_box:last-child{margin-right:0;}*/
/*.ctn_box_area .ctn_box .ctn_box_inner{width: 270px;height: 270px;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #FFC000;margin-bottom: 20px;}*/
/*.ctn_box_area .ctn_box .ctn_box_inner p{font-size: 1.3rem;line-height: 1.2;color:#fff;}*/
/*.ctn_box_area .ctn_box .ctn_box_inner .box_tit{font-size: 2.3rem;font-weight: 700;position: relative;margin-top: 30px;}*/
/*.ctn_box_area .ctn_box .ctn_box_inner .box_tit:before{content:'';width: 20px;height: 2px;background: #fff;position: absolute;top:-15px;left: 39%;}*/
/*.ctn_box_area .ctn_box > p{font-size: 1.4rem;font-weight:600;line-height: 1.2;}*/

@media (max-width:950px){
	.strength_wrap .section_tit{position:relative;}
	.strength_wrap .section_tit:before{top: 0;height: 100%;}

	.strength_wrap article,
	.strength_wrap article:nth-child(odd){flex-direction: column;align-items: center;justify-content: center;margin: 80px 0;}
	.strength_wrap article .article_tit,
	.strength_wrap article .sales_box_area,
	.strength_wrap article:nth-child(odd) .article_tit{width:auto;padding: 0;text-align: center;}
	.strength_wrap article .article_tit,
	.strength_wrap article:nth-child(odd) .article_tit{margin-bottom: 80px;}
	.strength_wrap article .wear_box_area{flex-wrap: wrap;padding: 0;}
	.strength_wrap article .wear_box_area .wear_box{width: 49%;margin-bottom:2%;}
	.strength_wrap article .wear_box_area .wear_box:nth-child(even){margin-right:0;}
	.strength_wrap article .img_box{width:80%;}
	.strength_wrap article .intro_box_area{width:100%;flex-direction: column;align-items: center;justify-content: center;}
	.strength_wrap article .intro_box_area:before{top: 20%;left: 50%;width: 2px;height: 50%;}
	.strength_wrap article .intro_box_area .intro_box{margin-bottom: 40px;}
	.strength_wrap article .chart_area .chart{text-align: center;}
	.strength_wrap article .chart_area .chart_tit{text-align:center;}
	.strength_wrap article .chart_area > ul{justify-content: center;}
}

@media (max-width:640px){
	.strength_wrap .section_tit{padding:60px 10px;}
	.strength_wrap .section_tit > h3{font-size: 1.8rem;padding-bottom: 50px;}
	.strength_wrap .section_tit > h3:after{bottom: 20px;}
	.strength_wrap .section_tit > h3 > span{font-size: 1.5rem;}
	.strength_wrap article,
	.strength_wrap article:nth-child(odd){margin: 70px 0;}
	.strength_wrap article .article_tit,
	.strength_wrap article:nth-child(odd) .article_tit{margin-bottom: 30px;}
	.strength_wrap article .article_tit > h4 {font-size: 1.5rem;}
	.strength_wrap article .article_tit > h4 > span{font-size: 2.2rem;}
	.strength_wrap article .sales_box_area .sales_box > p{font-size:1.1rem;}
	.strength_wrap article .sales_box_area .sales_box > b{font-size:1.5rem;}
	.strength_wrap article .img_box{width:100%;}
	.strength_wrap article .chart_area .chart > img {width: 100%;}
}

@media (max-width:380px){
	.strength_wrap article,
	.strength_wrap article:nth-child(odd){margin:30px 0;}
	.strength_wrap .section_tit > h3,
	.strength_wrap article .article_tit > h4 > span{font-size: 1.6rem;}
	.strength_wrap .section_tit > h3 > span,
	.strength_wrap article .article_tit > h4,
	.strength_wrap article .wear_box_area .wear_box > b,
	.strength_wrap article .chart_area .chart_tit{font-size: 1.1rem;}
	.strength_wrap .section_tit > p,
	.strength_wrap article .article_tit > p,
	.strength_wrap article .chart_area > ul > li{font-size: .75rem;}
	.strength_wrap article .intro_box_area .intro_box .circle_box > p,
	.strength_wrap article .intro_box_area .intro_box .circle_box > b{font-size:1.0rem;}
}

/* 진행과정 */
.progress_wrap{}
.progress_wrap > ul{flex-direction: row;flex-wrap: wrap;justify-content: flex-start;position:relative;}
.progress_wrap > ul:before{content: '';display: block;position: absolute;left: 13%;right: 13%;top: 101px;height: 2px;background: url(../img/sub/progress_line.png);z-index: -1;}
.progress_wrap > ul.type02{flex-direction: row-reverse;justify-content: flex-start;}
.progress_wrap > ul > li{width: calc(100% / 5 - 4%);margin: 0 2%;position:relative;}
/*.progress_wrap > ul > li:last-child:before{content:'';background: url(../img/sub/ico_bottom_b.png) no-repeat center;background-size: contain;position: absolute;bottom: -45px;right: 55px;width: 30%;height: 15%;}*/
/*.progress_wrap > ul > li:after{content: '';background: url(../img/sub/ico_right_b.png) no-repeat 100%;background-size: contain;position: absolute;top: 60px;right: -25%;width: 15%;height: 15%;}*/
.progress_wrap > ul > li:last-child:after{display:none;}
.progress_wrap > ul > li.bg_right{margin: 30px 2% 50px;margin-left:auto;}
.progress_wrap > ul.type02 > li:first-child:before{}
/*.progress_wrap > ul.type02 > li:after{content: '';background: url(../img/sub/ico_left_b.png) no-repeat 100%;background-size: contain;position: absolute;top: 60px;right: -35px;width: 15%;height: 16.09%;}*/
.progress_wrap > ul.type02 > li:last-child:after{display:block;}
.progress_wrap > ul.type02 > li:last-child:before,
.progress_wrap > ul.type02 > li:first-child:after{display:none;}
.progress_wrap > ul > li .circle {background: url(../img/sub/progress_bg1.png) no-repeat center;width: 203px;height: 202px;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;position:relative;}
.progress_wrap > ul > li:nth-child(even) .circle{background: url(../img/sub/progress_bg2.png) no-repeat center;}
.progress_wrap > ul > li.bg_right .circle{background: url(../img/sub/progress_bg3.png) no-repeat center;}
.progress_wrap > ul > li .circle:before{content: '';display: block;position: absolute;right: -4px;top: 50%;width: 9px;height: 8px;margin-top: -4px;background: #e35a15;border-radius: 50%;}
.progress_wrap > ul > li .circle:after{content:''; display:block; position:absolute; left:-4px; top:50%; width:9px; height:8px; margin-top:-4px; background:#bbb; border-radius:50%; }
.progress_wrap > ul.type02 > li .circle:before{background:#bbb; }
.progress_wrap > ul.type02 > li .circle:after{background: #e35a15;}
.progress_wrap > ul > li.bg_right .circle:before{left: 49%;top: auto;right: 0;bottom: 0;}
.progress_wrap > ul > li.bg_right .circle:after{left: 49%;top: 0;}
.progress_wrap > ul > li .circle > i {font-size: 2.5rem;color: #e35a15;margin-bottom: 10px;}
.progress_wrap > ul > li .circle > p{font-size: 1.0rem;line-height: 1.1;font-weight: 600;}
.progress_wrap > ul > li .txt{margin-top: 20px;font-size: 1.05rem;line-height: 1.3;}

@media (max-width:950px){
	.progress_wrap > ul{display:block;}
	.progress_wrap > ul:before{display:none;}
	.progress_wrap > ul > li {width: 50%;margin: 0 auto;text-align: center;display: flex;flex-direction: column;align-items: center;margin-bottom: 120px;}
	.progress_wrap > ul > li.bg_right {margin: auto;margin-bottom: 120px;margin-left: auto;}
	.progress_wrap > ul > li:after,
	.progress_wrap > ul > li:last-child:before,
	.progress_wrap > ul.type02 > li:first-child:after,
	.progress_wrap > ul.type02 > li:after{content:'';display:block;background: url(../img/sub/ico_bottom_b.png) no-repeat center;background-size: contain;position: absolute;bottom: 0;top: 112%;right: 44%;width: 13%;height: 15%;}
	.progress_wrap > ul.type02 > li:last-child:after{display:none;}
}

@media (max-width:360px){
	.progress_wrap > ul > li {width: 90%;}
}

/* 생산 공장 */
/* 팝업 */
.sub_popup{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: #000000b5;}
.sub_popup .popup_box{position: absolute;top: 50%;left: 50%;width: 90%;max-width: 900px;background: #fff;border: 1px solid #000;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.popup_center > .photo_show{text-align: center;}
.popup_close{position: absolute;top: 0;right: 0;}
.popup_center{max-height: 516px;overflow-y: auto;}
.popup_center > .photo_show > img{width: 100%;max-height: 515px;}


/* 온라인문의 */
.contact_div{width:100%; border-top:2px solid #000}
.contact_div .contact_div_inner > div{display:flex; align-items:center; padding:10px; box-sizing:border-box; border-bottom:1px solid #ddd}
.contact_div .contact_div_inner p{font-size:1rem; font-weight:600; width:10%;}
.contact_div div textarea{height:300px; width:90%; border:1px solid #ddd;  padding:5px; box-sizing:border-box;}
.contact_div > div input {border:1px solid #ddd; box-sizing:border-box; color:#666; padding-left:5px; height:35px; width:90%}
.send{text-align:center; width:100%; margin-top:2em}
.send p{ display:inline-block; background:#333; padding:0.8em 2em; box-sizing:border-box; cursor: pointer; color:#fff; border:1px solid #333; transition:.5s;}
.send p:hover{background:none; border: 1px solid #333; color:#333; transition:.5s;}
.mail_wrap {width:90%}
.mail_wrap input{width:22.3% !important}
.mail_wrap select {border:1px solid #ddd; margin-left:10px; box-sizing:border-box; color:#666; font-size:0.93rem; height:35px; width:22.3%;}


.agree{margin-top:2em;}
.agree h2{font-weight:600; font-size:1.2rem;}
.agree p{text-align:left; margin-top:1em; margin-bottom:20px}
.agree input{width:auto !important; height: auto !important; margin-right:10px;}


@media (max-width:1280px){
.sub_nav-wrap .sub_nav_1200{width:100%; max-width:95%;}
.sub_section_inner{max-width:95%; margin:0 auto;}
.ceo_wrap div{width:50%;}
.ceo_wrap div:first-child{width:50%;}
}



@media (max-width:1100px){
.ceo_wrap p{font-size:1rem;}
}


@media (max-width:1000px){
.history_wrap ul li h2{width:15%;}
.history_wrap ul li p{width:85%;}

.business_wrap > .flex div span{margin-top:20px;}
.business_wrap > .flex div h2{margin-bottom:20px; font-size:1.8rem}
.business_wrap > .flex div p:nth-of-type(1){font-size:1.1rem}
}


@media (max-width:900px){
.sub01_vi_txt{max-width:95%}
.sub01_visual_wrap{height:380px}
.sub01_vi_txt{left:50%; top:55%; transform:translate(-50%,-55%) !important; text-align:center; opacity:1 !important; width:100% !important}
.sub01_vi_txt h1{font-size:2rem;}
.sub01_vi_txt p{line-height:1.2; font-size:.9rem}
.sub01_visual_wrap{background-position:80% 0}
.sub_h2_title{margin-bottom:1em}
.ceo_wrap {flex-direction:column}
.ceo_wrap div{width:100%;}
.ceo_wrap div:first-child{width:100%; margin-right:0; margin-bottom:1em}
.ceo_wrap p{font-size:1.1rem;}
.ceo_wrap > div > img{content:url('/common/img/sub/sub_img2-5.jpg')}
.group_wrap{margin: 150px 0 0;}
.group_wrap > img{content: url(/common/img/sub/img_group_mo.jpg);}

#sub_nav li.home_bt a i{display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; margin-right:0}

.business_wrap .flex:first-child{transform:none !important; opacity:1 !important}
.business_wrap > .flex{flex-direction:column;}
.business_wrap > .flex > p{width:100%; margin-right:0; margin-bottom:1.5em;}
.business_wrap > .flex > div{width:100%; margin-left:0;}
.business_wrap > .flex:nth-child(even) p{order:0; margin-left:0;}
}


@media (max-width:800px){
.map_txt_bottom p{font-size:1.1rem;}
.map_txt_bottom span{width:118px;}

}

@media (max-width:700px){
.map_txt img{max-width:80%}
.map_txt > .flex.jc.ai{flex-direction:column; align-items:flex-start; margin-top:1em; padding-bottom:1em; margin-bottom:1em;}
.map_txt > .flex.jc.ai > p:first-child{margin-bottom:1em}
.map_txt_bottom span{width:92px; font-size:.9rem;}
.map_txt_bottom p{font-size:.9rem;}

.history_wrap > div:first-child span:nth-of-type(2){width:98%}
.history_wrap > div:first-child span:nth-of-type(1){font-size:2.5rem;}
.history_wrap ul li h2{font-size:1.1rem;}
.history_wrap ul li p{font-size:1rem;}


.contact_div .contact_div_inner > div{flex-direction:column; align-items:flex-start}
.contact_div .contact_div_inner p{margin-bottom:10px;}
.contact_div > div input{width:100%}
.mail_wrap{width:100%}
.mail_wrap input{width:33.333% !important}
.mail_wrap select{width:33.333% !important}
.phone_wrap{width:100% !important}
.phone_wrap input{width:33.333% !important}
.contact_div div textarea{width:100%; height:200px;}
.private{height:150px !important}
}

@media (max-width:600px){
.map_txt_bottom p.flex{flex-direction:column; align-items:flex-start;}

.history_wrap ul li h2{width:18%}
.history_wrap ul li p{width:82%}
}


@media (max-width:580px){
#sub_nav li.home_bt{width:10%}
#sub_nav li.sub_nav-title{width:45%}
#sub_nav li.sub_nav-title a{width:100%;}
#sub_nav ul{width:100%;}
}


@media (max-width:500px){
.sub01_visual_wrap{height:300px}
.sub01_vi_txt{top:60%; transform:translate(-50%,-60%) !important;}
.sub01_visual_wrap1{background-position:70% 0}
#sub_nav li.sub_nav-title a{font-size:.8rem;}
.sub_h2_title{font-size:1.8rem;}
.ceo_wrap p{font-size:1rem;}
.ceo_wrap p br{display:none}
.group_wrap{margin: 100px 0 0;}

.history_wrap > div:first-child .history_img{height:156px;}
.history_wrap > div:first-child span:nth-of-type(1){font-size:2rem;}
.history_wrap ul li h2{font-size:1rem;}
.history_wrap ul li p{font-size:.9rem;}

iframe{height:200px;}
.map_txt_bottom p{line-height:1.5; margin-bottom:1em;}
}

@media (max-width:430px){
#sub_nav{flex-direction: column;}
#sub_nav li.home_bt{display:none}
#sub_nav li.sub_nav-title,
#sub_nav li.sub_nav-title:last-child{width:100%}
}


@media (max-width:400px){
.history_wrap ul li h2{width:22%}
.history_wrap ul li p{width:78%}
}