@charset "utf-8";

.sub_page_inner_title01 {font-size: 3.8rem;font-weight: 700;}

/*제품소개*/
.products{width:100%;margin:0 auto;padding-top:0px}
#product_bg{content:"";display:block;position:absolute;top: -80px;left:0;height: 100px;width: 100%;z-index:-999999}
.products .products_bg {width: 100%;aspect-ratio: calc(1400 / 600);background: url(../../pages/images/products_bg01_02.png) no-repeat center / contain;margin: 0 0 7.0rem 0;position: relative;}
.products .products_bg.products_bg01 {background: url(../../pages/images/products_bg01_02.png) no-repeat center/contain;}
.products .products_bg.products_bg02 {background: url(../../pages/images/products_bg01_03.png) no-repeat center/contain;}
.products .products_bg.products_bg03 {background: url(../../pages/images/products_bg01_04.png) no-repeat center/contain;}
.products .products_bg.products_bg04 {background: url(../../pages/images/products_bg01_05.png) no-repeat center/contain;}


.products .products_bg .productsbox > div.icon {background: none;}

.productsicon_inner_wrap {}
.productsicon_inner_wrap .productsicon_inner{display:none}
.productsicon_inner_wrap .productsicon_inner.active{display:block;margin-top:0px}

.products .products_bg .productsbox > div.icon01.active .linebox{position:absolute;left: 40%;top:66%;z-index:9999;}
.products .products_bg .productsbox > div.icon02.active .linebox {position:absolute;left: 61%;top:27%;z-index:9999;}
.products .products_bg .productsbox > div.icon03.active .linebox {position:absolute;left: 74%;top:18%;z-index:9989;}
.products .products_bg .productsbox > div.icon04.active .linebox {position:absolute;left: 47%;top:28%;z-index:9989;}
.products .products_bg .productsbox > div.icon05.active .linebox {position:absolute;left: 39%;top:12%;z-index:9989;}
.products .products_bg .productsbox > div.icon06.active .linebox {position:absolute;left: 33%;top:49%;z-index:9989;}

.productsbox > div.icon01 {left: 43%;top:66%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon02 {left: 63.3%;top:27%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon03 {left: 77.8%;top: 17%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon04 {left: 47%;top:28%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon05 {left: 38%;top: 10%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon06 {left: 32.5%;top: 53%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}
.productsbox > div.icon07 {left: 31%;top: 71%;display: flex;flex-direction: column-reverse;align-items: center;z-index:9989}



.productsbox > div{position: absolute; top: 50%; left: 50%; cursor: pointer; text-align: center;}
.productsbox > div span{display: block; color: #fff; font-family: 'Play', sans-serif; font-size: 22px; font-weight: 400;}
.productsbox > div .linebox{display: flex; flex-direction: column; justify-content: center; align-items: center;width: 20.0rem;}
/* .productsbox > div .linebox img{max-width: 100%;animation: borderCircle 3s linear infinite;}
 */

.products .products_bg .productsbox > div.active .linebox_title{display:block;}
.productsbox > div .linebox .linebox_title{display:none;background:#000;border-radius:50px;color:#fff;padding:10px 0;margin-top:10px; font-family: 'Play'; font-weight:bold;padding:10px 19px;}
.productsbox > div .linebox:hover .linebox_title{display:block;}
.productsicon_inner_wrap .productsicon_inner .title{font-size:4.6rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont {}
.productsicon_inner_wrap .productsicon_inner .product_cont .cont_line {width: 100%;height: 1px;background: #aaaaaa;margin: 3.0rem 0 6.5rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont {margin-top: 20px;display: flex;flex-wrap: wrap;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont:after{content:"";display:block;clear:both}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .left {width: 35.715%;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .left .left_img{}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .left img {}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right {width: 64.285%;padding-left: 10.0rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .tit01 {font-weight: bold;font-size: 4.8rem;color: #111111;font-family: 'Play';margin-bottom: 15px;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .tit02 {font-weight: bold;font-size: 2.8rem;color: #111111;margin-top: 5.5rem;margin-bottom: 2.2rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .txt01 {font-size: 2.6rem;line-height: calc(42/26);font-weight: 400;color: #333333;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img .productbox {width: calc((100% - 3.5rem) / 2);margin-right: 3.5rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img {padding-right: 11.0rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img .productbox:nth-child(2n) {margin-right: 0rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img .txt01 {font-size: 2.2rem;color: #111111;font-weight: 700;}

.productsicon_inner_wrap .productsicon_inner .product_cont .bot_cont {margin-top: 5.0rem;margin-bottom: 5.5rem;}
.productsicon_inner_wrap .productsicon_inner .product_cont .bot_cont .product_slider{position:relative}
.productsicon_inner_wrap .productsicon_inner .product_cont .bot_cont .tit01{font-weight:bold;font-size:2.8rem;margin-bottom:20px;}

.productsicon_inner_wrap .productsicon_inner .box_img {display:flex;flex-wrap:wrap;}
.productsicon_inner_wrap .productsicon_inner .box_img .productbox {width: calc((100% - 10.5rem) / 4);margin-right: 3.5rem;margin-bottom: 3.5rem;}
.productsicon_inner_wrap .productsicon_inner .box_img .productbox .imgbox {border: 3px solid #aaa}
.productsicon_inner_wrap .productsicon_inner .box_img .productbox:nth-child(4n){margin-right:0}
.productsicon_inner_wrap .productsicon_inner .box_img .productbox .imgbox img{width:100%}
.productsicon_inner_wrap .productsicon_inner .box_img .productbox .txt01 {text-align: center;font-size: 2.2rem;font-weight: 700;margin-top: 7px;}


@media screen and (max-width: 1450px){
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right {padding-left: 5%;}
	.productsicon_inner_wrap {padding: 0 1rem;}

}

@media screen and (max-width: 1200px){
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox {width: calc((100% - 7.0rem) / 3);}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox:nth-child(4n) {margin-right: 3.5rem;}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox:nth-child(3n) {margin-right: 0rem;}
}



@media screen and (max-width: 1024px){
	.productsbox > div .linebox .linebox_title {display: none;}
	.products .products_bg .productsbox > div.active .linebox_title {display: none;}
	.productsbox > div .linebox {width: 10.0rem;}
	.productsbox > div .linebox img {width: 3.5rem;}

	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont {flex-direction: column;}
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .left {width: 100%;}
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .left .left_img {text-align: center;}
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right {padding-left: 0;width: 100%;margin-top: 5.5rem;}
}


@media screen and (max-width: 768px){
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox {width: calc((100% - 1.0rem) / 2);margin-right: 1rem;}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox:nth-child(3n) {margin-right: 1rem;}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox:nth-child(2n) {margin-right: 0rem;}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox .imgbox {border: 1px solid #aaa;}
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img {padding-right: 0;}
	.productsicon_inner_wrap .productsicon_inner .box_img .productbox .txt01 {font-size: 1.8rem;}
	.productsicon_inner_wrap .productsicon_inner .product_cont .top_cont .right .box_img .txt01 {font-size: 1.6rem;}
}


.esg {}
.esg .img1 {width: 100%;text-align: center;margin-top: 2.0rem;}
.esg .cont1 {display: flex;flex-wrap: wrap;margin-top: 8.0rem;}
.esg .cont1 .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;display: flex;flex-wrap: wrap;flex-direction: column;}
.esg .cont1 .sub3 {margin-right: 0rem;}
.esg .cont1 .sub .sub_circle {width: 23.0rem;aspect-ratio: 1;border-radius: 100%;border: solid 1.0rem #1c8104;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0 auto;z-index: 2;position: relative;background: #fff;}
.esg .cont1 .sub .sub_circle .sc_ico {width: 6.1rem;aspect-ratio: 1;}
.esg .cont1 .sub .sub_circle .sc_txt {font-size: 2.6rem;font-weight: 700;margin-top: 0.7rem;}
.esg .cont1 .sub .sub_txt_area {border: solid 3px #1c8104;border-radius: 2.5rem;padding: 13.5rem 4.0rem 4.5rem;margin-top: -10.0rem;flex: 1;position: relative;}
.esg .cont1 .sub .sub_tit {background: #1c8104;border-radius: 2.6rem;text-align: center;color: #fff;font-size: 2.0rem;font-weight: 700;letter-spacing: -0.05rem;padding: 1.1rem;}
.esg .cont1 .sub .sub_txt {margin-top: 2.5rem;}
.esg .cont1 .sub .sub_txt > ul {}
.esg .cont1 .sub .sub_txt > ul > li {font-size: 2.0rem;color: #333333;position: relative;padding: 0.2rem 1.8rem;}
.esg .cont1 .sub .sub_txt > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;background: #333333;width: 3px;height: 3px;border-radius: 100%;}
.esg .cont1 .sub .sub_more {font-size: 2.0rem;font-family: 'Play';font-weight: 700;position: absolute;bottom: 4.0rem;right: 4.0rem;}
.esg .cont1 .sub .sub_more > a {color: #1c8104;display: flex;align-items: center;gap: 0.5rem;}
.esg .cont1 .sub .sub_more > a > span {font-size: 3.3rem;}

.esg .cont1 .sub2 .sub_circle {border: solid 1.0rem #007b66;}
.esg .cont1 .sub3 .sub_circle {border: solid 1.0rem #086d86;}

.esg .cont1 .sub2 .sub_tit {background: #007b66;}
.esg .cont1 .sub3 .sub_tit {background: #086d86;}

.esg .cont1 .sub2 .sub_more > a {color: #007b66;}
.esg .cont1 .sub3 .sub_more > a {color: #086d86;}

.esg .cont1_1 {margin-top: 8.5rem;display: flex;justify-content: center;}
.esg .cont1_1 > a {}
.esg .cont1_1 > a > span {background: #178ac0;font-size: 3.5rem;color: #fff;font-weight: 700;font-family: 'Play', 'Noto Sans KR';border-radius: 2.5rem;padding: 1.5rem 5.5rem;}

.esg .cont2_1 {position: relative;padding: 6.5rem 0;margin-top: 4.5rem;margin-bottom:4.5rem}
.esg .cont2_1 .circle {}
.esg .cont2_1 .circle {max-width: 36.0rem;aspect-ratio: 1;border-radius: 100%;background: url(../../pages/images/quality_1_circle_1.png) no-repeat center / cover;position: relative;margin: 0 auto;padding: 6.0rem;}
.esg .cont2_1 .circle:before {content: '';position: absolute;top: -2rem;left: -2rem;width: calc(100% + 4.0rem);height: calc(100% + 4.0rem);border: dotted 3px #aaaaaa;border-radius: 100%;}
.esg .cont2_1 .circle .circle_inner {width: 100%;height: 100%;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;font-size: 2.8rem;font-weight: 700;text-align: center;}
.esg .cont2_1 .circle .line1 {}
.esg .cont2_1 .circle .line1:before {content: '';position: absolute;top: 50%;left: -7.3rem;transform: translate(0px, -49.5%);width: 0.3rem;height: 79.5%;background: #aaaaaa;z-index: 1;}
.esg .cont2_1 .circle .line1:after {content: '';position: absolute;top: 50%;left: -7rem;width: 5rem;height: 3px;background: #aaaaaa;z-index: 1;}
.esg .cont2_1 .circle .line2 {}
.esg .cont2_1 .circle .line2:before {content: '';position: absolute;top: 50%;right: -7.3rem;transform: translate(0px, -49%);width: 0.3rem;height: 79.0%;background: #aaaaaa;z-index: 1;}
.esg .cont2_1 .circle .line2:after {content: '';position: absolute;top: 50%;right: -7rem;width: 5rem;height: 3px;background: #aaaaaa;z-index: 1;}

.esg .cont2_1 .box {background: #eff8ed;border-radius: 2.5rem;border: solid 3px #36a11d;width: 38.0rem;position: absolute;}
.esg .cont2_1 .box .box_wrap {position: relative;width: 100%;height: 100%;min-height: 20.0rem;padding: 3.5rem 4.0rem 3.5rem;}
.esg .cont2_1 .box .box_wrap:before {content: '';position: absolute;top: 50%;right: -0.8rem;transform: translate(0px, -50%);width: 1.4rem;aspect-ratio: 1;background: #fff;border-radius: 100%;border: solid 3px #36a11d;z-index: 2;}
.esg .cont2_1 .box .box_wrap:after {content: '';position: absolute;top: 50%;right: -7rem;width: 7rem;height: 3px;background: #aaaaaa;z-index: 1;}
.esg .cont2_1 .box .box_tit {font-size: 1.8rem;color: #36a11d;font-weight: 700;}
.esg .cont2_1 .box .box_wrap > ul {}
.esg .cont2_1 .box .box_wrap > ul > li {font-size: 1.8rem;color: #333333;padding: 0.2rem 0 0.2rem 1.5rem;position: relative;}
.esg .cont2_1 .box .box_wrap > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;width: 3px;aspect-ratio: 1;background: #333333;border-radius: 100%;}

.esg .cont2_1 .box1 {top: -17px;left: 0;}
.esg .cont2_1 .box2 {bottom: -43px;left: 0;border: solid 3px #086d86;background: #ecf4f6;}
.esg .cont2_1 .box2 .box_wrap:before {border: solid 3px #086d86;}
.esg .cont2_1 .box2 .box_tit {color: #086d86;}
.esg .cont2_1 .box3 {top: -29px;right: 0;border: solid 3px #088486;background: #ebf5f3;}
.esg .cont2_1 .box3 .box_wrap:before {border: solid 3px #088486;}
.esg .cont2_1 .box3 .box_tit {color: #088486;}
.esg .cont2_1 .box4 {bottom: -17px;right: 0;border: solid 3px #007b66;background: #ecf5f6;}
.esg .cont2_1 .box4 .box_wrap:before {border: solid 3px #007b66;}
.esg .cont2_1 .box4 .box_tit {color: #007b66;}

.esg .cont2_1 .box3 .box_wrap:before {left: -0.8rem;}
.esg .cont2_1 .box3 .box_wrap:after {left: -7rem;}
.esg .cont2_1 .box4 .box_wrap:before {left: -0.8rem;}
.esg .cont2_1 .box4 .box_wrap:after {left: -7rem;}

.esg .cont2 {}
.esg .cont2 .cont2_top1 {font-size: 4.0rem;font-weight: 700;display: flex;justify-content: center;align-items: center;background: url(../../pages/images/esg_2_2_bg.jpg) no-repeat center;aspect-ratio: calc(1400 / 380);width: 100%;}
.esg .cont2 .cont2_wrap {display: flex;flex-wrap: wrap;margin-top: -12.5rem;}
.esg .cont2 .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;display: flex;flex-wrap: wrap;flex-direction: column;}
.esg .cont2 .sub3 {margin-right: 0rem;}
.esg .cont2 .sub .sub_circle {width: 20.0rem;aspect-ratio: 1;border-radius: 100%;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0 auto;z-index: 2;position: relative;}
.esg .cont2 .sub .sub_circle .sc_txt {font-size: 4.0rem;font-family: 'Play';font-weight: 700;}
.esg .cont2 .sub .sub_txt_area {border: solid 3px #1c8104;border-radius: 2.5rem;padding: 13.5rem 3.0rem 4.5rem;margin-top: -10.0rem;flex: 1;position: relative;}
.esg .cont2 .sub .sub_b_tit {font-size: 5.0rem;color: #1c8104;font-weight: 700;font-family: 'Play';text-align: center;}
.esg .cont2 .sub .sub_b_tit > span {font-size: 3.0rem;font-family: 'Noto Sans KR';}
.esg .cont2 .sub .sub_tit {background: #1c8104;border-radius: 2.6rem;text-align: center;color: #fff;font-size: 2.0rem;font-weight: 700;letter-spacing: -0.05rem;padding: 1.1rem;margin-top: 2.8rem;}
.esg .cont2 .sub .sub_txt {margin-top: 2.5rem;}
.esg .cont2 .sub .sub_txt > ul {}
.esg .cont2 .sub .sub_txt > ul > li {font-size: 1.8rem;color: #333333;position: relative;padding: 0.2rem 1.8rem;}
.esg .cont2 .sub .sub_txt > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;background: #333333;width: 3px;height: 3px;border-radius: 100%;}

.esg .cont2 .sub2 .sub_tit {background: #007b66;}
.esg .cont2 .sub3 .sub_tit {background: #086d86;}

.esg .cont2 .sub2 .sub_b_tit {color: #007b66;}
.esg .cont2 .sub3 .sub_b_tit {color: #086d86;}

.esg .cont3 {display: flex;flex-wrap: wrap;margin-top: 4.5rem;}
.esg .cont3 .sub {width: calc((100% - 5.0rem) / 2);margin-right: 5.0rem;}
.esg .cont3 .sub2 {margin-right: 0rem;}
.esg .cont3 .sub .tit {background: #1c8104;border-radius: 3.0rem;text-align: center;font-size: 2.8rem;font-weight: 700;color: #fff;padding: 1.0rem;}
.esg .cont3 .sub .box {position: relative;border: solid 3px #1c8104;border-radius: 2.5rem;margin-top: 1.2rem;padding: 2.8rem 2.5rem;}
.esg .cont3 .sub .box .thumb {width: 100%;aspect-ratio: calc(615 / 300);}
.esg .cont3 .sub1 .box .thumb {background: url(../../pages/images/esg_3_1_01.jpg) no-repeat center / cover;}
.esg .cont3 .sub2 .box .thumb {background: url(../../pages/images/esg_3_1_02.jpg) no-repeat center / cover;}
.esg .cont3 .sub .box .txt {padding: 3rem 1rem 1rem;}
.esg .cont3 .sub .box .txt > ul {}
.esg .cont3 .sub .box .txt > ul > li {font-size: 2.0rem;color: #333333;padding: 0.2rem 0 0.2rem 1.5rem;position: relative;}
.esg .cont3 .sub .box .txt > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;background: #333333;width: 3px;height: 3px;border-radius: 100%;}
.esg .cont3 .sub .box .txt .ico {width: 8.0rem;aspect-ratio: 1;position: absolute;bottom: 4.4rem;right: 5.0rem;}
.esg .cont3 .sub1 .box .txt .ico {background: url(../../pages/images/esg_3_1_ico_01.png) no-repeat center / contain;}
.esg .cont3 .sub2 .box .txt .ico {background: url(../../pages/images/esg_3_1_ico_02.png) no-repeat center / contain;}



.esg .cont3 .sub2 .tit {background: #007b66;}
.esg .cont3 .sub .box {border: solid 3px #007b66;}

.esg .cont3 .sub3{margin-top:50px;width:100%;margin-right:0}
.esg .cont3 .sub3 .tit{background: #086d86;}
.esg .cont3 .sub .box .esg_society_txt{font-size: 2.0rem;color: #333333;}
.home_cont {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:50px;}
.home_cont .home_logo{width: 49%;margin-bottom:20px;}
.home_cont .home_logo .home_sub{background:#f7f7f7;text-align:center;padding:30px 0;/* height: 232px; */display: flex;/* flex-direction: column; */justify-content: space-around;position:relative;align-items: center;}
.home_cont .home_logo .home_sub:after{content:"";display:block;opacity:0;width:100%;height:2px;background:#086d86;position:absolute;top:0;transition:.5s}
.home_cont .home_logo .home_sub:before{content:"";display:block;opacity:0;width:100%;height:2px;background:#086d86;position:absolute;bottom:0;transition:.5s}
.home_cont .home_logo .home_sub:hover:after{content:"";display:block;width:100%;opacity:1;height:2px;background:#086d86;position:absolute;top:0}
.home_cont .home_logo .home_sub:hover:before{content:"";display:block;width:100%;opacity:1;height:2px;background:#086d86;position:absolute;bottom:0}
.home_cont .home_logo .home_sub .home_btn img{transition:.5s}
.home_cont .home_logo .home_sub:hover .home_btn img{transform: rotate(90deg);}
.home_cont .home_logo .home_sub .logo{}
.home_cont .home_logo .home_sub .logo img{width:80%}
.home_cont .home_logo .home_sub .txt01{font-size:1.8rem;color:#777777;/* padding:10px 0 20px 0; */font-weight:600;width: 42%;}
.home_cont .home_logo .home_sub .home_btn{width:15%}
/* .home_cont .home_logo .home_sub .home_btn{width:40px;height:40px;border-radius:50%;background:#fff;margin:0 auto} */


.esg .cont4_1  {position: relative;padding: 0rem 0;margin-top: 5rem;}
.esg .cont4_1 .circle {}
.esg .cont4_1 .circle {max-width: 36.0rem;aspect-ratio: 1;border-radius: 100%;background: url(../../pages/images/quality_1_circle_1.png) no-repeat center / cover;position: relative;margin: 0 auto;padding: 6.0rem;}
.esg .cont4_1 .circle:before {content: '';position: absolute;top: -2rem;left: -2rem;width: calc(100% + 4.0rem);height: calc(100% + 4.0rem);border: dotted 3px #aaaaaa;border-radius: 100%;}
.esg .cont4_1 .circle .circle_inner {width: 100%;height: 100%;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;font-size: 2.1rem;font-weight: 700;text-align: center;line-height: calc(38/30);}
.esg .cont4_1 .circle .line1 {}
.esg .cont4_1 .circle .line1:before {content: '';position: absolute;top: 50%;left: -7.3rem;transform: translate(0px, -49.5%);width: 0.3rem;height: 60.0%;background: #aaaaaa;z-index: 1;}
.esg .cont4_1 .circle .line1:after {content: '';position: absolute;top: 50%;left: -7rem;width: 5rem;height: 3px;background: #aaaaaa;z-index: 1;}
.esg .cont4_1 .circle .line2 {}
.esg .cont4_1 .circle .line2:before {content: '';position: absolute;top: 50%;right: -7.3rem;transform: translate(0px, -49%);width: 0.3rem;height: 60.0%;background: #aaaaaa;z-index: 1;}
.esg .cont4_1 .circle .line2:after {content: '';position: absolute;top: 50%;right: -7rem;width: 5rem;height: 3px;background: #aaaaaa;z-index: 1;}


.esg .cont4_1 .box {border-radius: 2.5rem;border: solid 3px #36a11d;width: 39.0rem;position: absolute;}
.esg .cont4_1 .box .box_wrap {position: relative;width: 100%;height: 100%;min-height: 14.0rem;display: flex;flex-direction: row-reverse;}

.esg .cont4_1 .box .box_wrap:after {content: '';position: absolute;top: 50%;right: -6.3rem;width: 6rem;height: 3px;background: #aaaaaa;z-index: 1;}
.esg .cont4_1 .box .box_tit {font-size: 2.4rem;background: #36a11d;font-weight: 700;color: #fff;border-radius: 2.0rem;aspect-ratio: 1;width: 14.0rem;display: flex;justify-content: center;align-items: center;}
.esg .cont4_1 .box .box_wrap > ul {width: calc(100% - 14.0rem);display: flex;flex-direction: column;justify-content: center;padding: 2.4rem;}
.esg .cont4_1 .box .box_wrap > ul > li {font-size: 1.8rem;color: #333333;padding: 0.2rem 0 0.2rem 1.5rem;position: relative;}
.esg .cont4_1 .box .box_wrap > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;width: 3px;aspect-ratio: 1;background: #333333;border-radius: 100%;}

.esg .cont4_1 .box3 .box_wrap {flex-direction: row;}
.esg .cont4_1 .box4 .box_wrap {flex-direction: row;}

.esg .cont4_1 .box1 {top: 0;left: 0;}
.esg .cont4_1 .box2 {bottom: -9px;left: 0;border: solid 3px #086d86;}
.esg .cont4_1 .box2 .box_wrap:before {border: solid 3px #086d86;}
.esg .cont4_1 .box2 .box_tit {background: #086d86;}
.esg .cont4_1 .box3 {top: 0;right: 0;border: solid 3px #088486;}
.esg .cont4_1 .box3 .box_wrap:before {border: solid 3px #088486;}
.esg .cont4_1 .box3 .box_tit {background: #088486;}
.esg .cont4_1 .box4 {bottom: -21px;right: 0;border: solid 3px #007b66;}
.esg .cont4_1 .box4 .box_wrap:before {border: solid 3px #007b66;}
.esg .cont4_1 .box4 .box_tit {background: #007b66;}

.esg .cont4_1 .box3 .box_wrap:before {left: -0.8rem;}
.esg .cont4_1 .box3 .box_wrap:after {left: -6.3rem;}
.esg .cont4_1 .box4 .box_wrap:before {left: -0.8rem;}
.esg .cont4_1 .box4 .box_wrap:after {left: -6.3rem;}

.esg .cont4 {}
.esg .cont4 .cont_wrap {margin-top: 7.5rem;}
.esg .cont4 .cont_wrap .txt_sec {}
.esg .cont4 .cont_wrap .txt_sec .txt1 {font-size: 4.0rem;font-weight: 700;letter-spacing: -0.01rem;}
.esg .cont4 .cont_wrap .txt_sec .txt2 {font-size: 2.2rem;color: #333333;line-height: calc(36/22);margin-top: 1.2rem;}
.esg .cont4 .cont_wrap .txt_sec .txt2 > span {color: #36a11d;font-weight: 700;}

.esg .cont4 .cont_wrap .detail1 {display: flex;flex-wrap: wrap;margin-top: 4.2rem;}
.esg .cont4 .cont_wrap .detail1 .sub {display: flex;flex-wrap: wrap;align-items: center;border: solid 3px #cccccc;border-radius: 12.5rem;width: calc((100% - 5.0rem) / 2);margin-right: 5.0rem;padding: 3.0rem;margin-bottom: 3.2rem;}
.esg .cont4 .cont_wrap .detail1 .sub:nth-child(2n) {margin-right: 0rem;}
.esg .cont4 .cont_wrap .detail1 .sub .left {width: 20%;}
.esg .cont4 .cont_wrap .detail1 .sub .left .ico {width: 100%;aspect-ratio: 1;border-radius: 100%;max-width: 12.0rem;}
.esg .cont4 .cont_wrap .detail1 .sub .right {width: 80%;padding-left: 3.0rem;}
.esg .cont4 .cont_wrap .detail1 .sub .right .txt1 {font-size: 2.6rem;font-weight: 700;}
.esg .cont4 .cont_wrap .detail1 .sub .right .txt2 {margin-top: 0.5rem;}
.esg .cont4 .cont_wrap .detail1 .sub .right .txt2 > ul {counter-reset: number 0;}
.esg .cont4 .cont_wrap .detail1 .sub .right .txt2 > ul > li {font-size: 1.8rem;color: #666666;position: relative;padding-left: 2.5rem;}
.esg .cont4 .cont_wrap .detail1 .sub .right .txt2 > ul > li:before {counter-increment: number 1;content: counter(number) '. ';position: absolute;left: 0;}

.esg .cont4 .cont_wrap .detail1 .sub1 .left .ico {background: #36a11d url(../../pages/images/esg_4_2_01.png) no-repeat center;}
.esg .cont4 .cont_wrap .detail1 .sub2 .left .ico {background: #088486 url(../../pages/images/esg_4_2_02.png) no-repeat center;}
.esg .cont4 .cont_wrap .detail1 .sub3 .left .ico {background: #086d86 url(../../pages/images/esg_4_2_03.png) no-repeat center;}
.esg .cont4 .cont_wrap .detail1 .sub4 .left .ico {background: #007b66 url(../../pages/images/esg_4_2_04.png) no-repeat center;}

.esg .cont4 .cont_wrap .detail1 .sub1 .right .txt1 {color: #36a11d;}
.esg .cont4 .cont_wrap .detail1 .sub2 .right .txt1 {color: #088486;}
.esg .cont4 .cont_wrap .detail1 .sub3 .right .txt1 {color: #086d86;}
.esg .cont4 .cont_wrap .detail1 .sub4 .right .txt1 {color: #007b66;}

.esg .cont4 .cont_wrap .detail2 {margin-top: 4.2rem;}
.esg .cont4 .cont_wrap .detail2 .detail_wrap {display: flex;flex-wrap: wrap;}
.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub {width: calc((100% - 8.0rem) / 5);margin-right: 2.0rem;display: flex;flex-direction: column;align-items: center;padding: 0 1.0rem;}
.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub:last-child {margin-right: 0rem;}
.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub .ico {}
.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub .txt1 {font-size: 2.1rem;color: #333333;font-weight: 700;margin-top: 2.5rem;}
.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub .txt2 {font-size: 1.7rem;color: #333333;line-height: calc(30/20);text-align: center;margin-top: 1.2rem;}

.esg .cont4 .cont_wrap .detail2 .detail_btn {display: flex;justify-content: center;}
.esg .cont4 .cont_wrap .detail2 .detail_btn > span {font-size: 2.8rem;font-weight: 700;color: #fff;background: #004098;border-radius: 2.0rem;padding: 1.7rem 7.3rem;margin-top: 5.5rem;cursor: pointer;}

.detail2 .detail_btn {display: flex;justify-content: center;}
.detail2 .detail_btn > span{font-size: 2.8rem;font-weight: 700;color: #fff;background: #004098;border-radius: 2.0rem;padding: 1.7rem 7.3rem;margin-top: 5.5rem;cursor: pointer;}
.detail2 .detail_btn > span a{color:#fff}

@media screen and (max-width: 1450px){
	.esg .img1 {padding: 0 1rem;}

	.esg .cont1 {padding: 0 1rem;}
	.esg .cont1 .sub {width: calc((100% - 5.0rem) / 3);margin-right: 2.5rem;}
	.esg .cont1 .sub3 {margin-right: 0rem;}
	.esg .cont1 .sub .sub_txt_area {padding: 13.5rem 2.0rem 4.5rem;}

	.esg .cont2 .cont2_wrap {margin-top: -5.5rem;padding: 0 1rem;}
	.esg .cont2 .sub {width: calc((100% - 5.0rem) / 3);margin-right: 2.5rem;}
	.esg .cont2 .sub3 {margin-right: 0rem;}

	.esg .cont2_1 .box .box_wrap:after {width: 0;}
	.esg .cont2_1 .circle .line1:before {width: 0;}
	.esg .cont2_1 .circle .line1:after {width: 0;}
	.esg .cont2_1 .circle .line2:before {width: 0;}
	.esg .cont2_1 .circle .line2:after {width: 0;}

	.esg .cont3 {padding: 0 1rem;}
	.esg .cont3 .sub {width: calc((100% - 2.0rem) / 2);margin-right: 2.0rem;}
	.esg .cont3 .sub2 {margin-right: 0rem;}

	.esg .cont4 {padding: 0 1rem;}
	.esg .cont4 .cont_wrap .detail1 .sub {width: calc((100% - 2.0rem) / 2);margin-right: 2.0rem;}

	.esg .cont4_1 .box .box_wrap:after {width: 0;}
	.esg .cont4_1 .circle .line1:before {width: 0;}
	.esg .cont4_1 .circle .line1:after {width: 0;}
	.esg .cont4_1 .circle .line2:before {width: 0;}
	.esg .cont4_1 .circle .line2:after {width: 0;}
}
@media screen and (max-width: 1200px){
	.esg .cont1 .sub .sub_more {bottom: 1.5rem;}
	.esg .cont2 .cont2_top1 {aspect-ratio: calc(958 / 380);background-size: contain;}

	.esg .cont2_1 .circle {margin-bottom: 8.5rem;}
	.esg .cont2_1 .box {position: relative;top: auto;left: auto;right: auto;bottom: auto;margin: 0 auto;margin-bottom: 3.5rem;width: 80%;}
	.esg .cont2_1 .box1 .box_wrap:before {left: -0.8rem;right: auto;}
	.esg .cont2_1 .box2 .box_wrap:before {left: -0.8rem;right: auto;}

	.esg .cont4_1 .circle {margin-bottom: 8.5rem;}
	.esg .cont4_1 .box {position: relative;top: auto;bottom: auto;left: auto;right: auto;margin: 0 auto;margin-bottom: 3.5rem;width: 80%;}
	.esg .cont4_1 .box .box_wrap {flex-direction: row;}

}
@media screen and (max-width: 1024px){
	.esg .cont2 .sub {width: 100%;margin-right: 0;margin-bottom: 8.5rem;}

	.esg .cont4 .cont_wrap .detail1 .sub {width: 100%;margin-right: 0;}
	.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub {width: calc((100% - 2.0rem) / 2);margin-bottom: 5.5rem;}
	.esg .cont4 .cont_wrap .detail2 .detail_wrap .sub:nth-child(2n) {margin-right: 0rem;}
}

@media screen and (max-width: 768px){
	.esg .cont1 .sub {width: 100%;margin-right: 0;margin-bottom: 4.5rem;}
	.esg .cont2 .cont2_wrap {padding-top: 8.5rem;}

	.esg .cont3 .sub {width: 100%;margin-right: 0;margin-bottom: 8.5rem;}

	.esg .cont4 .cont_wrap .detail1 .sub {border-radius: 5.5rem;}
	.esg .cont4 .cont_wrap .detail1 .sub .left {width: 100%;display: flex;justify-content: center;}
	.esg .cont4 .cont_wrap .detail1 .sub .right {width: 100%;padding-left: 0rem;margin-top: 3.5rem;}

	.esg .cont2_1 .box {width: 95%;}
	.esg .cont4_1 .box {width: 95%;}
}

/*CEO 인사말*/
.message {display: flex;flex-wrap: wrap;}
.message .thumb {width: 50%;}
.message .thumb .thumb_in {width: calc(100% - 9.0rem);aspect-ratio: calc(610 / 700);background: url(../../pages/images/message_bg.jpg) no-repeat center/cover;}
.message .cont {width: 50%;}
.message .cont .tit {font-size: 4.0rem;font-weight: 300;letter-spacing: -0.01rem;line-height: calc(56/40);}
.message .cont .tit .t1 {font-weight: 700;}
.message .cont .tit .t2 {font-weight: 700;color: #03257e;}
.message .cont .txt {font-size: 2.0rem;color: #333333;line-height: calc(34/20);margin-top: 2.5rem;letter-spacing: -0.01rem;}
.message .cont .txt .t3 {font-weight: 700;color: #004098;}
.message .cont .sign {margin-top: 3.0rem;}

@media screen and (max-width: 1200px){
	.message .thumb .thumb_in {width: calc(100% - 4.0rem);}
}
@media screen and (max-width: 1024px){
	.message .thumb {width: 100%;}
	.message .cont {width: 100%;margin-top: 4.5rem;}
	.message .thumb .thumb_in {width: 100%;aspect-ratio: 1 / 0.5;}
}
@media screen and (max-width: 768px){
	.message .cont .tit br {display: none;}
}

/*경영이념*/
.philosophy {}
.philosophy .ph_wrap {position: relative;background: url(../../pages/images/ph_bg01.png) no-repeat center / cover;}


.philosophy .ph_wrap .ph1 {text-align: center;}
.philosophy .ph_wrap .ph1 .logo {position: relative;margin: 0 auto;padding-bottom: 5.0rem;}
.philosophy .ph_wrap .ph1 .logo:after {content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%);width: 100%;max-width: 64.7rem;aspect-ratio: calc(647 / 64);background: url(../../pages/images/ph_circle_bg01.png) no-repeat center / contain;z-index: 1;}
.philosophy .ph_wrap .ph1 .logo img {z-index: 2;position: relative;}


.philosophy .ph_wrap .ph2 {margin-top: 2.5rem;}
.philosophy .ph_wrap .ph2 .ph2_1 {max-width: 58.0rem;margin: 0 auto;display: flex;justify-content: space-between;}
.philosophy .ph_wrap .ph2 .ph2_1 .sub {display: flex;flex-direction: column;align-items: center;}
.philosophy .ph_wrap .ph2 .ph2_1 .sub .txt1 {font-size: 3.2rem;font-family: 'NanumMyeongjo-YetHangul';color: #666666;}
.philosophy .ph_wrap .ph2 .ph2_1 .sub .txt2 {font-size: 12.0rem;font-family: 'NanumMyeongjo-YetHangul';line-height: 1.15;}
.philosophy .ph_wrap .ph2 .ph2_2 {font-size: 4.0rem;font-weight: 700;text-align: center;margin-top: 1.5rem;}

.philosophy .ph_wrap .ph3 {margin-top: 7.0rem;}
.philosophy .ph_wrap .ph3 .tit {font-size: 5.0rem;font-weight: 900;letter-spacing: 1rem;text-align: center;}
.philosophy .ph_wrap .ph3 .cont {max-width: 106.0rem;margin: 0 auto;display: flex;flex-wrap: wrap;margin-top: 3.5rem;}
.philosophy .ph_wrap .ph3 .cont .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;position: relative;padding-bottom: 3.0rem;}
.philosophy .ph_wrap .ph3 .cont .sub:last-child {margin-right: 0rem;}
.philosophy .ph_wrap .ph3 .cont .sub:after {content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%);width: 100%;aspect-ratio: calc(647 / 64);background: url(../../pages/images/ph_circle_bg01.png) no-repeat center / contain;z-index: 1;}
.philosophy .ph_wrap .ph1 .logo img {z-index: 2;position: relative;}
.philosophy .ph_wrap .ph3 .cont .sub .sub_wrap {display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;width: 100%;aspect-ratio: 1;justify-content: center;border-radius: 100%;background: #fff;}
.philosophy .ph_wrap .ph3 .cont .sub1 .sub_wrap {border: solid 2.5rem #1d8105;}
.philosophy .ph_wrap .ph3 .cont .sub2 .sub_wrap {border: solid 2.5rem #017a67;}
.philosophy .ph_wrap .ph3 .cont .sub3 .sub_wrap {border: solid 2.5rem #096d87;}
.philosophy .ph_wrap .ph3 .cont .sub .sub_wrap .ico {width: 7.2rem;aspect-ratio: 1;margin-bottom:5px;}
.philosophy .ph_wrap .ph3 .cont .sub1 .sub_wrap .ico {background: url(../../pages/images/ph_ico_01.png) no-repeat center / contain;}
.philosophy .ph_wrap .ph3 .cont .sub2 .sub_wrap .ico {background: url(../../pages/images/ph_ico_02.png) no-repeat center / contain;}
.philosophy .ph_wrap .ph3 .cont .sub3 .sub_wrap .ico {background: url(../../pages/images/ph_ico_03.png) no-repeat center / contain;}
.philosophy .ph_wrap .ph3 .cont .sub .sub_wrap .txt1 {font-size: 2.1rem;font-weight: 500;text-align:center;line-height:1.1;margin-bottom:15px;}
.philosophy .ph_wrap .ph3 .cont .sub .sub_wrap .txt2 {font-size: 3.1rem;font-weight: 700;text-align:center;line-height:1.0}
.philosophy .ph_wrap .ph3 .cont .sub1 .sub_wrap .txt2 {color: #1d8105;}
.philosophy .ph_wrap .ph3 .cont .sub2 .sub_wrap .txt2 {color: #017a67;}
.philosophy .ph_wrap .ph3 .cont .sub3 .sub_wrap .txt2 {color: #096d87;}

.philosophy .ph_wrap .ph4 {padding-bottom: 12.0rem;margin-top: 8.0rem;}
.philosophy .ph_wrap .ph4 .tit {font-size: 5.0rem;font-weight: 900;letter-spacing: 1rem;text-align: center;}
.philosophy .ph_wrap .ph4 .cont {max-width: 103.4rem;aspect-ratio: calc(1034 / 254);background: url(../../pages/images/ph_car_bg01.png) no-repeat top center;margin: 0 auto;display: flex;flex-direction: column;/* justify-content: flex-end; */align-items: center;margin-top: 3.5rem;}
.philosophy .ph_wrap .ph4 .cont .txt1 {font-size: 5.0rem;font-weight: 700;padding-top: 8.5rem;}
.philosophy .ph_wrap .ph4 .cont .txt1 > span {position: relative;color: #d40000;}
.philosophy .ph_wrap .ph4 .cont .txt1 > span:before {display:none;content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1.6rem;aspect-ratio: 1;background: #d40000;border-radius: 100%;}
.philosophy .ph_wrap .ph4 .cont .txt2 {display: flex;align-items: center;justify-content: center;gap: 2.5rem;padding-top: 2.0rem;}
.philosophy .ph_wrap .ph4 .cont .txt2 > span {font-size: 4.5rem;color: #d40000;font-family: 'Play';font-weight: 700;}

@media screen and (max-width: 1024px){
	.philosophy .ph_wrap {background: none;}


	.philosophy .ph_wrap .ph2 .ph2_1 .sub .txt2 {font-size: 8.0rem;}
	.philosophy .ph_wrap .ph2 .ph2_2 {font-size: 3.5rem;}

	.philosophy .ph_wrap .ph3 {padding: 0 1rem;}
	.philosophy .ph_wrap .ph3 .cont {flex-direction: column;align-items: center;}
	.philosophy .ph_wrap .ph3 .cont .sub {width: 100%;margin-right: 0;max-width: 34.0rem;margin-bottom: 3.5rem;}

	.philosophy .ph_wrap .ph4 {padding: 0 1rem;}
	.philosophy .ph_wrap .ph4 .cont {background: url(../../pages/images/ph_car_bg01.png) no-repeat top center / contain;}
	.philosophy .ph_wrap .ph4 .cont .txt1 {/* font-size: 7.1vw; */text-align:center;padding-top:8.5rem; font-size: 4.5rem;}
	.philosophy .ph_wrap .ph4 .cont .txt2 {flex-direction: column;}
}

@media screen and (max-width: 768px){
	.philosophy .ph_wrap .ph1 .logo img {max-width: 50vw;}
	.philosophy .ph_wrap .ph4 .cont .txt1 {width: 100%;aspect-ratio: calc(1034 / 254);display: block;justify-content: center;align-items: flex-end;padding-bottom: 1.5rem;padding-top:78px; }
	.philosophy .ph_wrap .ph4 .cont .txt1 > span:before {width: 0.6rem;}
	.philosophy .ph_wrap .ph2 .ph2_1 {max-width: 80%;gap: 3.5rem;}
}


@media screen and (max-width: 650px){
	.philosophy .ph_wrap .ph4 .cont .txt1 {width: 100%;aspect-ratio: calc(1034 / 254);display: block;justify-content: center;align-items: flex-end;padding-bottom: 1.5rem;padding-top:58px;         font-size: 3.0rem;}

}

/*품질경영*/
.quality {}
.quality .sec1 {}
.quality .sec1 .txt1 {font-size: 3.2rem;font-weight: 700;letter-spacing: -0.01rem;}
.quality .sec1 .txt1 > span {color: #004098;}
.quality .sec1 > ul {margin-top: 1.6rem;}
.quality .sec1 > ul > li {font-size: 2.0rem;color: #333333;position: relative;padding: 0.2rem 0 0.2rem 1.5rem;}
.quality .sec1 > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;width: 0.3rem;height: 0.3rem;border-radius: 100%;background: #333333;}
.quality .sec2 {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-top: 7.5rem;}
.quality .sec2 .circle {position: relative;width: 20.0rem;aspect-ratio: 1;border: solid 1.0rem #999999;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.quality .sec2 .circle1 {margin-right: 7.0rem;}
.quality .sec2 .circle1:before {content: '';position: absolute;top: 50%;right: -8rem;transform: translateY(-50%);width: 3.3rem;height: 3.2rem;background: url(../../pages/images/quality_arrow_01.png) no-repeat center/contain;}
.quality .sec2 .circle2 {margin-left: 7.0rem;}
.quality .sec2 .circle2:before {content: '';position: absolute;top: 50%;left: -8rem;transform: translateY(-50%);width: 3.3rem;height: 3.2rem;background: url(../../pages/images/quality_arrow_01.png) no-repeat center/contain;}
.quality .sec2 .circle .ico {width: 6.0rem;aspect-ratio: 1;background: url(../../pages/images/quality_ico_01.png) no-repeat center / contain;}
.quality .sec2 .circle .txt {font-size: 2.1rem;font-weight: 700;/* padding-top: 0.5rem; */text-align:center}

.quality .sec2 .cont {display: flex;flex-wrap: wrap;}
.quality .sec2 .cont .cont1 {position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.quality .sec2 .cont .cont1:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: -3.0rem;width: 2px;height: 61%;background: #aaaaaa;}
.quality .sec2 .cont .cont1:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: -6.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}

.quality .sec2 .cont .cont2 {width: 39.5rem;aspect-ratio: 1;position: relative;padding: 1.7rem;margin: 0 6.0rem;}
.quality .sec2 .cont .cont2:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: dotted 3px #aaaaaa;border-radius: 100%;}
.quality .sec2 .cont .cont2 .big_circle {width: 100%;height: 100%;background: url(../../pages/images/quality_1_circle_1.png) no-repeat center / contain;padding: 5.8rem;}
.quality .sec2 .cont .cont2 .big_circle .big_circle_inner {width: 100%;height: 100%;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;font-size: 3.2rem;font-weight: 700;text-align:center}

.quality .sec2 .cont .cont3 {display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.quality .sec2 .cont .cont3:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: -3.0rem;width: 2px;height: 61%;background: #aaaaaa;}
.quality .sec2 .cont .cont3:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: -6.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}

.quality .sec2 .cont .squre {background: #36a11d;border-radius: 2.5rem;font-size: 2.1rem;color: #fff;font-weight: 700;width: 15.4rem;aspect-ratio: 1;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;}
.quality .sec2 .cont .squre1 {}
.quality .sec2 .cont .squre1:before {content: '';position: absolute;top: 50%;right: -3.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}
.quality .sec2 .cont .squre2 {background: #086d86;}
.quality .sec2 .cont .squre2:before {content: '';position: absolute;top: 50%;right: -3.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}
.quality .sec2 .cont .squre3 {background: #088486;}
.quality .sec2 .cont .squre3:before {content: '';position: absolute;top: 50%;left: -3.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}
.quality .sec2 .cont .squre4 {background: #007b66;}
.quality .sec2 .cont .squre4:before {content: '';position: absolute;top: 50%;left: -3.0rem;width: 3.0rem;height: 2px;background: #aaaaaa;}

.quality .sec3 {margin-top: 6.5rem;}
.quality .sec3 .tit {font-size: 4.0rem;font-weight: 700;letter-spacing: -0.01rem;}
.quality .sec3 .cont {display: flex;flex-wrap: wrap;margin-top: 3.0rem;}
.quality .sec3 .cont .sub {padding-right: 3.0rem;width: calc((100% - 15.0rem) / 4);margin-right: 5.0rem;}
.quality .sec3 .cont .sub:last-child {margin-right: 0rem;}
.quality .sec3 .cont .sub .imgbox {background: #f1f1f1;padding: 9px;box-shadow: 5px 5px 5px rgba(0,0,0,.35);}
.quality .sec3 .cont .sub .imgbox img {width: 100%;border: 1px solid #d6d6d6;}
.quality .sec3 .cont .sub .imgtxt {text-align: center;margin: 2.5rem 0 6.0rem 0;font-size: 2.0rem;}





@media screen and (max-width: 1400px){
	.quality .sec2 {flex-direction: column;}
	.quality .sec2 .circle1 {margin-right: 0rem;margin-bottom: 7.0rem;}
	.quality .sec2 .circle1:before {top: auto;bottom: -6rem;right: auto;transform: translateY(0%) rotate(90deg);}
	.quality .sec2 .circle2 {margin-left: 0rem;margin-top: 7.0rem;}
	.quality .sec2 .circle2:before {top: -6rem;left: 50%;transform: translate(-50%, 0%) rotate(90deg);}

	.quality .sec3 .cont .sub {padding-right: 1.0rem;width: calc((100% - 6.0rem) / 4);margin-right: 2.0rem;}
}
@media screen and (max-width: 1024px){
	.quality .sec3 .cont .sub {width: calc((100% - 4.0rem) / 3);}
	.quality .sec3 .cont .sub:nth-child(3n) {margin-right: 0;}
}
@media screen and (max-width: 900px){
	.quality .sec2 {max-width: 50.0rem;margin: 0 auto;}
	.quality .sec2 .cont {flex-direction: column;width: 100%;}
	.quality .sec2 .cont .cont1 {flex-direction: row;justify-content: space-between;padding-bottom: 8.5rem;}
	.quality .sec2 .cont .cont3 {flex-direction: row;margin-top: 8.5rem;}
	.quality .sec2 .cont .squre1:before {top: 100%;right: 50%;width: 2px;height: 4.0rem;}
	.quality .sec2 .cont .squre2:before {top: 100%;right: 50%;width: 2px;height: 4.0rem;}
	.quality .sec2 .cont .cont1:before {top: 80%;transform: translate(-50%, 0%);right: auto;left: 50%;width: 70%;height: 2px;}
	.quality .sec2 .cont .cont1:after {top: 90%;transform: translateY(-50%);right: 50%;width: 2px;height: 5.0rem;}

	.quality .sec2 .cont .cont2 {width: 100%;max-width: 39.5rem;margin: 0 auto;}
	.quality .sec2 .cont .squre3:before {top: -4rem;left: 50%;width: 2px;height: 4rem;}
	.quality .sec2 .cont .squre4:before {top: -4rem;left: 50%;width: 2px;height: 4rem;}
	.quality .sec2 .cont .cont3:before {top: -4rem;transform: translate(-50%, 0%);right: auto;left: 50%;width: 70%;height: 2px;}
	.quality .sec2 .cont .cont3:after {top: -6rem;transform: translateY(-50%);right: auto;left: 50%;width: 2px;height: 5.0rem;}

	.quality .sec3 .cont .sub {width: calc((100% - 2.0rem) / 2);}
	.quality .sec3 .cont .sub:nth-child(3n) {margin-right: 2.0rem;}
	.quality .sec3 .cont .sub:nth-child(2n) {margin-right: 0rem;}
}


/*안전보건경영*/
.safety {}
.safety .sec1 {margin-top: 2.5rem;}
.safety .sec1 .top {position: relative;padding: 1.5rem;max-width: 59.0rem;margin: 0 auto;}
.safety .sec1 .top:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: dotted 3px #aaa;border-radius: 7.5rem;}
.safety .sec1 .top .box_t {position: relative;background: url(../../pages/images/safety_square_01.jpg) no-repeat center / cover;border-radius: 7.5rem;font-size: 2.6rem;color: #fff;text-align: center;line-height: calc(38/26);padding: 1.8rem 3rem;}


.safety .sec1 .btm {position: relative;display: flex;flex-wrap: wrap;padding-top: 7.0rem;}
.safety .sec1 .btm:before {content: '';width: 3px;height: 3.5rem;background: #aaaaaa;position: absolute;top: 0;left: 50%;transform: translate(-2px, 0px);}
.safety .sec1 .btm:after {content: '';width: 69%;height: 3px;background: #aaaaaa;position: absolute;top: 3.0rem;left: 50%;transform: translate(-50%, 0px);}
.safety .sec1 .btm .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;border: solid 3px #1c8104;border-radius: 2.5rem;padding: 2.5rem 3.5rem;position: relative;}
.safety .sec1 .btm .sub:before {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 1.4rem;height: 1.4rem;background: #fff;border: solid 3px #1c8104;border-radius: 100%;}
.safety .sec1 .btm .sub:after {content: '';position: absolute;top: -4.2rem;left: 50%;transform: translate(-50%, 0);width: 3px;height: 3.5rem;background: #aaaaaa;}
.safety .sec1 .btm .sub:last-child {margin-right: 0rem;}
.safety .sec1 .btm .sub .txt {margin: 0 1.0rem;background: #1c8104;border-radius: 2.6rem;text-align: center;font-size: 2.1rem;color: #fff;font-weight: 700;padding: 0.9rem;}
.safety .sec1 .btm .sub > ul {margin-top: 1.5rem;}
.safety .sec1 .btm .sub > ul > li {position: relative;font-size: 2.0rem;color: #5d5d5d;padding: 0.3rem 0 0.3rem 1.5rem;}
.safety .sec1 .btm .sub > ul > li:before {content: '';position: absolute;top: 1.8rem;left: 0;width: 0.3rem;height: 0.3rem;background: #5d5d5d;border-radius: 100%;}

.safety .sec1 .btm .sub2 {border: solid 3px #007b66;}
.safety .sec1 .btm .sub2:before {border: solid 3px #007b66;}
.safety .sec1 .btm .sub2 .txt {background: #007b66;}
.safety .sec1 .btm .sub3 {border: solid 3px #086d86;}
.safety .sec1 .btm .sub3:before {border: solid 3px #086d86;}
.safety .sec1 .btm .sub3 .txt {background: #086d86;}

.safety .sec2 {margin-top: 6.5rem;}
.safety .sec2 .tit {font-size: 4.0rem;font-weight: 700;letter-spacing: -0.01rem;}
.safety .sec2 .cont {display: flex;flex-wrap: wrap;align-items: center;margin-top: 3.0rem;}

.safety .sec2 .cont .box1 {width: 28.572%;aspect-ratio: 1;border: dotted 3px #aaaaaa;border-radius: 100%;padding: 2.0rem;}
.safety .sec2 .cont .box1 .box_wrap {width: 100%;height: 100%;background: url(../../pages/images/quality_1_circle_1.png) no-repeat center / cover;display: flex;justify-content: center;align-items: center;}
.safety .sec2 .cont .box1 .box_wrap .box_wrap_in {display: flex;justify-content: center;align-items: center;width: calc(100% - 10rem);height: calc(100% - 10rem);background: #fff;border-radius: 100%;font-size: 3.2rem;font-weight: 700;text-align: center;}

.safety .sec2 .cont .box2 {width: 21.428%;padding-left: 9.5rem;position: relative;display: flex;flex-direction: column;flex-wrap: wrap;gap: 2.3rem;}
.safety .sec2 .cont .box2:before {content: '';position: absolute;top: 50%;left: 2.0rem;transform: translateY(-50%);width: 24.1rem;aspect-ratio: calc(191 / 432);background: url(../../pages/images/safety_triangle01.png) no-repeat top center/contain;}
.safety .sec2 .cont .box2 .sub {font-size: 2.1rem;color: #555555;font-weight: 700;border: solid 3px #787878;border-radius: 4.0rem;text-align: center;padding: 2.0rem;z-index: 2;position: relative;background: #fff;}
.safety .sec2 .cont .box2 .sub1 {background: #999999;color: #fff;}

.safety .sec2 .cont .box3 {position: relative;width: 50%;padding-left: 6.0rem;}
.safety .sec2 .cont .box3 .sub {position: relative;display: flex;align-items: center;border: solid 3px #36a11d;border-radius: 2.5rem;margin-bottom: 1.2rem;}
.safety .sec2 .cont .box3 .sub:before {content: '';position: absolute;top: calc(50% - 2px);left: -3.0rem;width: 2.8rem;height: 3px;background: #aaaaaa;}
.safety .sec2 .cont .box3 .sub:after {content: '';position: absolute;top: calc(50% - 2px);left: -3.0rem;width: 3px;height: calc(100% + 2rem);background: #aaaaaa;}
.safety .sec2 .cont .box3 .sub4 {margin-bottom: 0;}
.safety .sec2 .cont .box3 .sub4:after {width: 0px;height: 0}
.safety .sec2 .cont .box3 .sub .txt01 {width: 22%;background: #36a11d;border-radius: 2.1rem;font-size: 1.8rem;color: #fff;font-weight: 700;padding: 2.2rem 1.5rem;text-align: center;}
.safety .sec2 .cont .box3 .sub .txt02 {width: 78%;font-size: 1.8rem;color: #333333;line-height: calc(28/20);padding: 0.8rem 1.6rem;}

.safety .sec2 .cont .box3 .sub2 .txt01 {background: #007b66;}
.safety .sec2 .cont .box3 .sub2 {border: solid 3px #007b66;}
.safety .sec2 .cont .box3 .sub3 .txt01 {background: #088486;}
.safety .sec2 .cont .box3 .sub3 {border: solid 3px #088486;}
.safety .sec2 .cont .box3 .sub4 .txt01 {background: #086d86;}
.safety .sec2 .cont .box3 .sub4 {border: solid 3px #086d86;}

@media screen and (max-width: 1400px){
	.safety .sec2 .cont .box1 .box_wrap .box_wrap_in {font-size: 2.8vw;}
	.safety .sec2 .cont .box3 .sub .txt01 {font-size: 1.8vw;}
}
@media screen and (max-width: 1200px){
	.safety .sec2 .cont {flex-direction: column;}
	.safety .sec2 .cont .box1 {width: 100%;max-width: 40.0rem;}
	.safety .sec2 .cont .box2 {width: 100%;max-width: 50.0rem;padding-top: 9.5rem;padding-left: 0;}
	.safety .sec2 .cont .box2:before {top: 0;left: 50%;transform: translate(-50%, -22%) rotate(90deg);width: 30.1rem;}
	.safety .sec2 .cont .box3 {width: 100%;max-width: 70.0rem;margin-top: 5.5rem;}
}
@media screen and (max-width: 1024px){
	.safety .sec1 .btm:before {width: 0;height: 0;}
	.safety .sec1 .btm:after {width: 0;height: 0;}
	.safety .sec1 .btm .sub:before {width: 0;height: 0;border: 0;}
	.safety .sec1 .btm .sub:after {width: 0;height: 0;}
	.safety .sec1 .btm .sub {width: 100%;margin-right: 0;margin-bottom: 3.5rem;}
}

@media screen and (max-width: 768px){
	.safety .sec1 .btm {padding-top: 4.0rem;}


	.safety .sec2 .cont .box1 {margin-top: 5.0rem;}
	.safety .sec2 .cont .box1 .box_wrap .box_wrap_in {font-size: 4.0rem;}
	.safety .sec2 .cont .box2 {padding-top: 4.5rem;}
	.safety .sec2 .cont .box2:before {width: 0;}
	.safety .sec2 .cont .box3 {padding-left: 0rem;margin-top: 2.5rem;}
	.safety .sec2 .cont .box3 .sub:before {width: 0;}
	.safety .sec2 .cont .box3 .sub:after {width: 0;}
	.safety .sec2 .cont .box3 .sub {flex-direction: column;}
	.safety .sec2 .cont .box3 .sub .txt01 {width: 100%;font-size: 2.8rem;padding: 1.5rem;border-radius: 1.8rem;}
	.safety .sec2 .cont .box3 .sub .txt02 {width: 100%;font-size: 2.4rem;padding: 2.0rem 1.6rem;}

}


/*회사개요*/
.company {}
.company .sec1 {display: flex;flex-wrap: wrap;}
.company .sec1 .txt_box01 {width: 50%;}
.company .sec1 .txt_box01 .txt1 {font-size: 4.0rem;font-weight: 300;line-height: calc(56/40);}
.company .sec1 .txt_box01 .txt1 .t1 {color: #03257e;font-weight: 700;}
.company .sec1 .txt_box01 .txt1 .t2 {color: #000;font-weight: 700;}
.company .sec1 .txt_box01 .txt2 {font-size: 2.4rem;font-weight: 300;line-height: calc(38/24);margin-top: 2.8rem;}
.company .sec1 .txt_box01 .txt2 .t1 {font-weight: 700;}

.company .sec1 .txt_box02 {width: 50%;font-size: 2.0rem;color: #333333;}

.company .sec2 {background: url(../../pages/images/com_01_bg.jpg) no-repeat center / cover;margin-top: 9.5rem;padding: 6.0rem 0;}
.company .sec2 .cont {display: flex;flex-wrap: wrap;}
.company .sec2 .cont .sub {width: calc((100% - 8.0rem) / 3);margin-right: 4.0rem;margin-bottom: 4.0rem;background: rgba(255, 255, 255, 0.9);display: flex;flex-direction: column;align-items: center;padding: 3.8rem 2.0rem 3.5rem}
.company .sec2 .cont .sub:nth-child(3n) {margin-right: 0rem;}
.company .sec2 .cont .sub:nth-child(n+4) {margin-bottom: 0rem;}
.company .sec2 .cont .sub .ico {width: 6.5rem;aspect-ratio: 1;}
.company .sec2 .cont .sub1 .ico {background: url(../../pages/images/com_ico_1_01.png) no-repeat center / contain;}
.company .sec2 .cont .sub2 .ico {background: url(../../pages/images/com_ico_1_02.png) no-repeat center / contain;}
.company .sec2 .cont .sub3 .ico {background: url(../../pages/images/com_ico_1_03.png) no-repeat center / contain;}
.company .sec2 .cont .sub4 .ico {background: url(../../pages/images/com_ico_1_04.png) no-repeat center / contain;}
.company .sec2 .cont .sub5 .ico {background: url(../../pages/images/com_ico_1_05.png) no-repeat center / contain;}
.company .sec2 .cont .sub6 .ico {background: url(../../pages/images/com_ico_1_06.png) no-repeat center / contain;}

.company .sec2 .cont .sub .txt1 {font-size: 2.4rem;font-weight: 700;}
.company .sec2 .cont .sub .txt2 {font-size: 2.4rem;color: #03257e;font-weight: 700;letter-spacing: -0.025rem;line-height: 1.2;}
.company .sec2 .cont .sub .txt2 > span {font-size: 5.0rem;font-family: 'Play';}
.company .sec2 .cont .sub .txt3 {font-size: 2.0rem;color: #666666;line-height: 1;}

.company .sec3 {margin-top: 9.5rem;}
.company .sec3 .tit {}
.company .sec3 .cont {display: flex;flex-wrap: wrap;padding-left: 3px;margin-top: 3.5rem;}
.company .sec3 .cont .sub {border: solid 3px #cccccc;width: calc(100% / 4);margin-top: -3px;margin-left: -3px;}

.company .sec4 {margin-top: 9.5rem;}
.company .sec4 .tit {}
.company .sec4 .cont {margin-top: 3.5rem;}
.company .sec4 .cont .cont_wrap {display: flex;flex-wrap: wrap;}
.company .sec4 .cont .cont_wrap .box {width: calc((100% - 3.0rem) / 2);margin-right: 3.0rem;padding-right: 1.5rem;margin-bottom: 3.0rem;}
.company .sec4 .cont .cont_wrap .box:nth-child(2n) {margin-right: 0;}
.company .sec4 .cont .cont_wrap .box .box_wrap {box-shadow: 5px 5px 10px rgba(0, 0, 0, .15);border: solid 1px #bebfbf;border-top-left-radius: 2.5rem;border-top-right-radius: 2.5rem;}
.company .sec4 .cont .cont_wrap .box .box_tit {position: relative;background: #ebf2f8;padding: 0.8rem 2rem;border-top-left-radius: 2.5rem;border-top-right-radius: 2.5rem;border-bottom: solid 1px #bebfbf;}
.company .sec4 .cont .cont_wrap .box .box_tit > span {font-size: 2.5rem;font-weight: 700;color: #23314f;padding-left: 2.0rem;}
.company .sec4 .cont .cont_wrap .box .box_tit > span:before {content: '';position: absolute;top: 2.2rem;left: 2.0rem;width: 0.8rem;aspect-ratio: 1;background: #23314f;}
.company .sec4 .cont .cont_wrap .box .box_img {}

.company .sec5 {}
.company .sec5 .tit {}
.company .sec5 .cont {position: relative;margin-top: 3.5rem;}
.company .sec5 .cont:before {content: '';position: absolute;top: 0;left: 50%;width: 3px;height: 100%;background: #cccccc;}
.company .sec5 .cont .box {display: flex;flex-wrap: wrap;}


.company .sec5 .cont .box .detail {width: 50%;padding-left: 10.0rem;position: relative;display: flex;flex-direction: column;justify-content: center;}
.company .sec5 .cont .box .thumb {width: 50%;position: relative;padding-right: 10.0rem;padding-top: 2.5rem;padding-bottom: 2.5rem;}

.company .sec5 .cont .box .detail .circle {position: absolute;top: 50%;left: 0;transform: translate(-0.6rem, -50%);width: 0.9rem;aspect-ratio: 1;background: #03a7ee;border-radius: 100%;}

.company .sec5 .cont .box .detail .circle:before {content:'';position: absolute;top: 50%;left: 0;transform: translate(-0.6rem, -50%);width: 2.2rem;aspect-ratio: 1;background: rgba(3,167,238,0.4);border-radius: 100%;}
.company .sec5 .cont .box .detail .circle:after {content:'';position: absolute;top: 50%;left: 0;transform: translate(-1.35rem, -50%);width: 3.7rem;aspect-ratio: 1;background: rgba(3,167,238,0.2);border-radius: 100%;}
.company .sec5 .cont .box .detail .txt_box {display: flex;flex-wrap: wrap;gap: 2.0rem;padding: 1.5rem 0;}
.company .sec5 .cont .box .detail .txt_box .year {font-size: 3.0rem;color: #333333;font-weight: 700;font-family: 'pretendard';line-height: calc(32/30);}
.company .sec5 .cont .box .detail .txt_box .txt {font-size: 1.8rem;color: #333333;line-height: calc(32/20);width:80%}

.company .sec5 .cont .box_1 {}
.company .sec5 .cont .box_2 {flex-direction: row-reverse;}
.company .sec5 .cont .box_2 .thumb {padding-right: 0rem;padding-left: 10.0rem;text-align: right;}
.company .sec5 .cont .box_2 .detail:before {left: auto;right: -3px;}
.company .sec5 .cont .box_2 .detail {padding-right: 10.0rem;padding-left: 0;}
.company .sec5 .cont .box_2 .detail .circle {left: auto;right: 0;transform: translate(0.3rem, -50%);}
.company .sec5 .cont .box_2 .detail .txt_box {flex-direction: row-reverse;text-align: right;}


@media screen and (max-width: 1400px){
	.company .sec5 .cont .box .thumb {padding-right: 4.0rem;}
	.company .sec5 .cont .box_2 .thumb {padding-left: 4.0rem;padding-right: 0;}
}
@media screen and (max-width: 1300px){
	.company .sec5 .cont .box .detail .txt_box {gap: 0rem;padding: 1.2rem 0;flex-direction: column;}
	.company .sec5 .cont .box .detail {padding-left: 4.0rem;}
	.company .sec5 .cont .box_2 .detail {padding-right: 4.0rem;padding-left: 0;align-items: flex-end;text-align: right;}
}


@media screen and (max-width: 1200px){
	.company .sec2 .cont .sub {width: calc((100% - 4.0rem) / 2);}
	.company .sec2 .cont .sub:nth-child(3n) {margin-right: 4.0rem;}
	.company .sec2 .cont .sub:nth-child(2n) {margin-right: 0rem;}
	.company .sec2 .cont .sub:nth-child(n+4) {margin-bottom: 4.0rem;}
	.company .sec2 .cont .sub:nth-child(n+5) {margin-bottom: 0rem;}

}
@media screen and (max-width: 1024px){
	.company .sec1 .txt_box01 {width: 100%;}
	.company .sec1 .txt_box02 {width: 100%;margin-top: 4.5rem;}
}
@media screen and (max-width: 768px){
	.company .sec1 .txt_box01 .txt2 br {display: none;}

	.company .sec2 .cont .sub {width: 100%;margin-right: 0;}
	.company .sec2 .cont .sub:nth-child(3n) {margin-right: 0rem;}
	.company .sec2 .cont .sub:nth-child(n+5) {margin-bottom: 4.0rem;}
	.company .sec2 .cont .sub:last-child {margin-bottom: 0rem;}

	.company .sec3 .cont .sub {width: calc(100% / 2);}

	.company .sec4 .cont .cont_wrap .box {width: 100%;margin-right: 0;}

	.company .sec5 .cont .box {flex-direction: column;}
	.company .sec5 .cont .box_2 {flex-direction: column;}
	.company .sec5 .cont .box .thumb {width: 100%;padding: 0;}
	.company .sec5 .cont .box_2 .thumb {width: 100%;padding: 0;text-align: left;}
	.company .sec5 .cont .box .detail {width: 100%;padding: 1.0rem 0 4rem;}
	.company .sec5 .cont:before {width: 0;height: 0;}
	.company .sec5 .cont .box .detail .circle {width: 0;height: 0;}
	.company .sec5 .cont .box .detail .circle:before {width: 0;height: 0;}
	.company .sec5 .cont .box .detail .circle:after {width: 0;height: 0;}
	.company .sec5 .cont .box .detail .txt_box {width: 100%;text-align: left;}
}

/*채용안내*/
.employ {}
.employ .sec1 {background: url(../../pages/images/employ_01_bg.jpg) no-repeat center / cover;padding: 8.5rem 0 11.0rem;}
.employ .sec1 .sec_wrap {}
.employ .sec1 .sec_wrap .tit {color: #fff;text-align: center;}
.employ .sec1 .sec_wrap .cont {display: flex;flex-wrap: wrap;margin-top: 5.0rem;}
.employ .sec1 .sec_wrap .cont .sub {width: calc((100% - 24.0rem) / 5);margin-right: 6.0rem;}
.employ .sec1 .sec_wrap .cont .sub:last-child {margin-right: 0rem;}
.employ .sec1 .sec_wrap .cont .sub .box01 {position: relative;width: 100%;aspect-ratio: 1;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;max-width: 23.0rem;}
.employ .sec1 .sec_wrap .cont .sub .box01:after {content: '';position: absolute;top: 50%;right: 0;transform: translate(4rem, -50%);width: 1.2rem;height: 2.0rem;}
.employ .sec1 .sec_wrap .cont .sub1 .box01:after {background: url(../../pages/images/employ_01_ico_01.png) no-repeat center / contain;}
.employ .sec1 .sec_wrap .cont .sub2 .box01:after {background: url(../../pages/images/employ_01_ico_02.png) no-repeat center / contain;}
.employ .sec1 .sec_wrap .cont .sub3 .box01:after {background: url(../../pages/images/employ_01_ico_03.png) no-repeat center / contain;}
.employ .sec1 .sec_wrap .cont .sub4 .box01:after {background: url(../../pages/images/employ_01_ico_04.png) no-repeat center / contain;}
.employ .sec1 .sec_wrap .cont .sub .box01 .txt1 {font-size: 2.1rem;font-family: 'Play';font-weight: 700;}
.employ .sec1 .sec_wrap .cont .sub .box01 .txt2 {font-size: 2.1rem;font-weight: 700;text-align:center}
.employ .sec1 .sec_wrap .cont .sub .box02 {font-size: 1.9rem;color: #fff;line-height: calc(34/24);text-align: center;margin-top: 1.7rem;}

.employ .sec1 .sec_wrap .cont .sub1 .box01 {background: #fff;}
.employ .sec1 .sec_wrap .cont .sub2 .box01 {background: #4bbbe2;}
.employ .sec1 .sec_wrap .cont .sub3 .box01 {background: #2794de;}
.employ .sec1 .sec_wrap .cont .sub4 .box01 {background: #1a75d0;}
.employ .sec1 .sec_wrap .cont .sub5 .box01 {background: #0e4d90;}

.employ .sec1 .sec_wrap .cont .sub1 .box01 .txt1 {color: #03257e;}
.employ .sec1 .sec_wrap .cont .sub1 .box01 .txt2 {color: #000;}

.employ .sec2 {margin-top: 8.5rem;}
.employ .sec2 .tit {text-align: center;}
.employ .sec2 .cont {display: flex;flex-wrap: wrap;margin-top: 5.5rem;}
.employ .sec2 .cont .sub {width: calc((100% - 3.0rem) / 2);background: #f1f3f6;margin-right: 3.0rem;margin-bottom: 3.0rem;display: flex;flex-wrap: wrap;align-items: center;}
.employ .sec2 .cont .sub:nth-child(2n) {margin-right: 0rem;}
.employ .sec2 .cont .sub .box01 {width: 32%;display: flex;flex-direction: column;align-items: center;padding: 4rem 4.5rem;}
.employ .sec2 .cont .sub .box01 .ico {width: 6.0rem;aspect-ratio: 1;}
.employ .sec2 .cont .sub .box01 .txt {font-size: 2.6rem;font-weight: 700;letter-spacing: -0.025rem;margin-top: 0.5rem;text-align:center}
.employ .sec2 .cont .sub .box02 {width: 68%;font-size: 1.9rem;color: #333333;line-height: calc(34/20);padding: 4rem 4.5rem 4rem 0rem;}

.employ .sec2 .cont .sub1 .box01 .ico {background: url(../../pages/images/employ_02_ico_01.png) no-repeat center / contain;}
.employ .sec2 .cont .sub2 .box01 .ico {background: url(../../pages/images/employ_02_ico_02.png) no-repeat center / contain;}
.employ .sec2 .cont .sub3 .box01 .ico {background: url(../../pages/images/employ_02_ico_03.png) no-repeat center / contain;}
.employ .sec2 .cont .sub4 .box01 .ico {background: url(../../pages/images/employ_02_ico_04.png) no-repeat center / contain;}
.employ .sec2 .cont .sub5 .box01 .ico {background: url(../../pages/images/employ_02_ico_05.png) no-repeat center / contain;}
.employ .sec2 .cont .sub6 .box01 .ico {background: url(../../pages/images/employ_02_ico_06.png) no-repeat center / contain;}
.employ .sec2 .cont .sub7 .box01 .ico {background: url(../../pages/images/employ_02_ico_07.png) no-repeat center / contain;}
.employ .sec2 .cont .sub8 .box01 .ico {background: url(../../pages/images/employ_02_ico_08.png) no-repeat center / contain;}
.employ .sec2 .cont .sub9 .box01 .ico {background: url(../../pages/images/employ_02_ico_09.png) no-repeat center / contain;}

.employ .sec3 {margin-top: 7.0rem;background: url(../../pages/images/employ_03_bg.jpg) no-repeat center / cover;padding: 8.5rem 0 7.5rem;}
.employ .sec3 .sec_wrap {}
.employ .sec3 .sec_wrap .tit {color: #fff;text-align: center;}
.employ .sec3 .sec_wrap .cont {display: flex;flex-wrap: wrap;margin-top: 5.0rem;}
.employ .sec3 .sec_wrap .cont .sub {width: calc((100% - 15.0rem) / 4);margin-right: 5.0rem;margin-bottom: 2.5rem;}
.employ .sec3 .sec_wrap .cont .sub:nth-child(4n) {margin-right: 0rem;}
.employ .sec3 .sec_wrap .cont .sub .img_box {width: 100%;aspect-ratio: calc(312 / 208);display: flex;justify-content: center;align-items: flex-end;font-size: 2.6rem;color: #fff;font-weight: 700;line-height: 1;padding: 3rem 0;text-align:center}
.employ .sec3 .sec_wrap .cont .sub1 .img_box {background: url(../../pages/images/employ_03_01.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub2 .img_box {background: url(../../pages/images/employ_03_02.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub3 .img_box {background: url(../../pages/images/employ_03_03.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub4 .img_box {background: url(../../pages/images/employ_03_04.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub5 .img_box {background: url(../../pages/images/employ_03_05.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub6 .img_box {background: url(../../pages/images/employ_03_06.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub7 .img_box {background: url(../../pages/images/employ_03_07.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub8 .img_box {background: url(../../pages/images/employ_03_08.jpg) no-repeat center / cover;}
.employ .sec3 .sec_wrap .cont .sub .img_box .txt {}
.employ .sec3 .sec_wrap .cont .sub .txt_box {font-size: 1.8rem;color: #fff;line-height: calc(30/20);margin-top: 2.2rem;}

@media screen and (max-width: 1200px){
	.employ .sec1 .sec_wrap .cont {display: flex;flex-wrap: wrap;margin-top: 5.0rem;padding: 0 10%;}
	.employ .sec1 .sec_wrap .cont .sub {width: 100%;margin-right: 0rem;display: flex;flex-direction: row;align-items: center;gap: 5rem;margin-bottom: 5rem;}
	.employ .sec1 .sec_wrap .cont .sub .box01:after {top: 100%;left: 50%;right: auto;transform: translate(-50%, 1.5rem) rotate(90deg);}

	.employ .sec3 .sec_wrap .cont .sub {width: calc((100% - 10.0rem) / 3);}
	.employ .sec3 .sec_wrap .cont .sub:nth-child(4n) {margin-right: 5.0rem;}
	.employ .sec3 .sec_wrap .cont .sub:nth-child(3n) {margin-right: 0rem;}

}
@media screen and (max-width: 1024px){
	.employ .sec2 .cont .sub {width: 100%;margin-right: 0rem;}

	.employ .sec3 .sec_wrap .cont .sub .img_box {font-size: 2.5rem;}
	.employ .sec3 .sec_wrap .cont .sub {width: calc((100% - 4.0rem) / 3);margin-right: 2.0rem;}
	.employ .sec3 .sec_wrap .cont .sub:nth-child(4n) {margin-right: 2.0rem;}
}

@media screen and (max-width: 768px){
	.employ .sec1 .sec_wrap .cont {padding: 0 0%;}
	.employ .sec1 .sec_wrap .cont .sub {gap: 2rem;}
	.employ .sec1 .sec_wrap .cont .sub .box01 {max-width: 20.0rem;}
	.employ .sec1 .sec_wrap .cont .sub .box01 .txt2 {font-size: 3.0rem;}

	.employ .sec3 .sec_wrap .cont .sub {width: 100%;margin-right: 0rem;margin-bottom: 5.5rem;}
	.employ .sec3 .sec_wrap .cont .sub:nth-child(4n) {margin-right: 0rem;}
	.employ .sec3 .sec_wrap .cont .sub .img_box {aspect-ratio: calc(312 / 108);}
}

/*연구소소개*/
.lab {}
.lab .sec1 {}
.lab .sec1 .sec_wrap {display: flex;flex-wrap: wrap;}
.lab .sec1 .sec_wrap .img_box {width: 50%;background: url(../../pages/images/lab_01_bg.jpg) no-repeat center / cover;}
.lab .sec1 .sec_wrap .txt_box {width: 50%;background: #f2f3f7;padding: 4.5rem 6.0rem 5.5rem;}
.lab .sec1 .sec_wrap .txt_box .txt1 {}
.lab .sec1 .sec_wrap .txt_box .txt2 {font-size: 2.1rem;color: #333333;line-height: calc(38/22);margin-top: 0.8rem;}
.lab .sec1 .sec_wrap .txt_box .txt2 > span {color: #004098;font-weight: 700;}
.lab .sec1 .sec_wrap .txt_box .thumb {display: flex;justify-content: center;margin-top: 1.5rem;}
.lab .sec1 .sec_wrap .txt_box .thumb .img {box-shadow: 5px 5px 15px rgba(0, 0, 0, .15);}

.lab .sec2 {margin-top: 7.5rem;}
.lab .sec2 .tit {}
.lab .sec2 .cont {margin-top: 2.5rem;}
.lab .sec2 .cont .cont_wrap {max-width: 90.0rem;aspect-ratio: calc(900 / 620);margin: 0 auto;position: relative;}
.lab .sec2 .cont .cont_wrap .circle_big {max-width: 36.0rem;aspect-ratio: 1;border-radius: 100%;background: url(../../pages/images/lab_02_circle.png) no-repeat center / cover;position: relative;margin: 0 auto;padding: 6.0rem;}
.lab .sec2 .cont .cont_wrap .circle_big:before {content: '';position: absolute;top: -2rem;left: -2rem;width: calc(100% + 4.0rem);height: calc(100% + 4.0rem);border: dotted 3px #aaaaaa;border-radius: 100%;}
.lab .sec2 .cont .cont_wrap .circle_big .circle_big_inner {width: 100%;height: 100%;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;font-size: 3.2rem;font-weight: 700;text-align:Center}
.lab .sec2 .cont .cont_wrap .circle {width: 20.0rem;aspect-ratio: 1;position: absolute;}
.lab .sec2 .cont .cont_wrap .circle .circle_inner {width: 100%;height: 100%;border-radius: 100%;border: solid 10px #1c8104;position: relative;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 2rem;}
.lab .sec2 .cont .cont_wrap .circle .circle_inner:before {content: '';position: absolute;top: 50%;right: -1.5rem;transform: translate(0px, -50%);width: 1.4rem;aspect-ratio: 1;background: #fff;border-radius: 100%;border: solid 3px #1c8104;z-index: 2;}
.lab .sec2 .cont .cont_wrap .circle .circle_inner:after {content: '';position: absolute;top: 50%;right: -6.2rem;transform: translate(0%, -50%);width: 5.0rem;height: 3px;background: #aaaaaa;z-index: 1;}
.lab .sec2 .cont .cont_wrap .circle .txt1 {font-size: 2.0rem;font-family: 'Play';}
.lab .sec2 .cont .cont_wrap .circle .txt2 {font-size: 2.1rem;font-weight: 700;color: #1c8104;line-height: calc(30/28);text-align: center;margin-top: 0.5rem;}

.lab .sec2 .cont .cont_wrap .circle1 {top: 12%;left: 0;}
.lab .sec2 .cont .cont_wrap .circle2 {bottom: 17%;left: 10%;}
.lab .sec2 .cont .cont_wrap .circle3 {bottom: 0;left: 50%;transform: translate(-50%, 0px);}
.lab .sec2 .cont .cont_wrap .circle4 {bottom: 17%;right: 10%;}
.lab .sec2 .cont .cont_wrap .circle5 {top: 12%;right: 0;}

.lab .sec2 .cont .cont_wrap .circle2 .circle_inner {border: solid 10px #087f6b;}
.lab .sec2 .cont .cont_wrap .circle3 .circle_inner {border: solid 10px #086d86;}
.lab .sec2 .cont .cont_wrap .circle4 .circle_inner {border: solid 10px #178ac0;}
.lab .sec2 .cont .cont_wrap .circle5 .circle_inner {border: solid 10px #335b99;}

.lab .sec2 .cont .cont_wrap .circle2 .circle_inner:before {top: 10%;right: 1rem;transform: translate(-5px, -50%);border: solid 3px #087f6b;}
.lab .sec2 .cont .cont_wrap .circle2 .circle_inner:after {top: -1%;right: -2.5rem;transform: translate(0%, -50%) rotate(-45deg);}
.lab .sec2 .cont .cont_wrap .circle3 .circle_inner:before {top: 0%;right: auto;left: 50%;transform: translate(-50%, -1.6rem);border: solid 3px #086d86;}
.lab .sec2 .cont .cont_wrap .circle3 .circle_inner:after {top: -3.0rem;right: 0%;left: 50%;transform: translate(-50%, 0%) rotate(90deg);}
.lab .sec2 .cont .cont_wrap .circle4 .circle_inner:before {top: 0%;right: auto;left: 0;transform: translate(1.5rem, 1rem);border: solid 3px #178ac0;}
.lab .sec2 .cont .cont_wrap .circle4 .circle_inner:after {top: 0%;right: auto;left: 0;transform: translate(-2.3rem, -0.4rem) rotate(45deg);}
.lab .sec2 .cont .cont_wrap .circle5 .circle_inner:before {top: 50%;right: auto;left: -1.5rem;transform: translate(0px, -50%);border: solid 3px #335b99;}
.lab .sec2 .cont .cont_wrap .circle5 .circle_inner:after {top: 50%;right: auto;left: -6.2rem;}

.lab .sec2 .cont .cont_wrap .circle2 .txt2 {color: #087f6b;}
.lab .sec2 .cont .cont_wrap .circle3 .txt2 {color: #086d86;}
.lab .sec2 .cont .cont_wrap .circle4 .txt2 {color: #178ac0;}
.lab .sec2 .cont .cont_wrap .circle5 .txt2 {color: #335b99;}

.lab .sec3 {margin-top: 6.5rem;}
.lab .sec3 .tit {}
.lab .sec3 .cont {}
.lab .sec3 .cont .cont1 {}
.lab .sec3 .cont .cont1 .txt_box {max-width: 68.0rem;background: #004098;border-radius: 6.1rem;padding: 2.5rem 3.5rem;margin: 0 auto;}
.lab .sec3 .cont .cont1 .txt_box > ul {}
.lab .sec3 .cont .cont1 .txt_box > ul > li {font-size: 2.0rem;color: #fff;text-align: center;padding: 0.4rem 0;}
.lab .sec3 .cont .cont1 .txt_box > ul > li > span {position: relative;padding-left: 1.0rem;}
.lab .sec3 .cont .cont1 .txt_box > ul > li > span:before {content: '';position: absolute;top: 1.5rem;left: 0;width: 3px;aspect-ratio: 1;background: #fff;border-radius: 100%;}

.lab .sec3 .cont .cont2 {width: calc(100% - 11.0rem);position: relative;margin: 0 auto;margin-top: 6.0rem;}

.lab .sec3 .cont .cont2 .circle {max-width: 36.0rem;aspect-ratio: 1;border-radius: 100%;background: url(../../pages/images/lab_02_circle.png) no-repeat center / cover;position: relative;margin: 0 auto;padding: 6.0rem;}
.lab .sec3 .cont .cont2 .circle:before {content: '';position: absolute;top: -2rem;left: -2rem;width: calc(100% + 4.0rem);height: calc(100% + 4.0rem);border: dotted 3px #aaaaaa;border-radius: 100%;}
.lab .sec3 .cont .cont2 .circle .circle_inner {width: 100%;height: 100%;background: #fff;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.lab .sec3 .cont .cont2 .circle .circle_inner .txt1 {font-size: 1.8rem;color: #333333;font-family: 'Play';}
.lab .sec3 .cont .cont2 .circle .circle_inner .txt2 {font-size: 3.2rem;font-weight: 700;text-align:center}

.lab .sec3 .cont .cont2 .box {border: solid 3px #299dac;border-radius: 2.5rem;background: rgba(41, 157, 172, 0.05);width: 38.0rem;position: absolute;}
.lab .sec3 .cont .cont2 .box .box_wrap {position: relative;width: 100%;height: 100%;min-height: 22.0rem;padding: 3.5rem 4.0rem 3.5rem;}
.lab .sec3 .cont .cont2 .box .box_wrap:before {content: '';position: absolute;top: 50%;right: -0.8rem;transform: translate(0px, -50%);width: 1.4rem;aspect-ratio: 1;background: #fff;border-radius: 100%;border: solid 3px #299dac;z-index: 2;}
.lab .sec3 .cont .cont2 .box .box_wrap:after {content: '';position: absolute;top: 50%;right: -7rem;width: 7rem;height: 2px;background: #aaaaaa;z-index: 1;}
.lab .sec3 .cont .cont2 .box .box_tit {font-size: 2.4rem;color: #299dac;font-weight: 700;}
.lab .sec3 .cont .cont2 .box .box_wrap > ul {margin-top: 0.9rem;}
.lab .sec3 .cont .cont2 .box .box_wrap > ul > li {font-size: 1.8rem;color: #333333;padding: 0.2rem 0 0.2rem 1.5rem;position: relative;}
.lab .sec3 .cont .cont2 .box .box_wrap > ul > li:before {content: '';position: absolute;top: 1.5rem;left: 0;width: 3px;aspect-ratio: 1;background: #333333;border-radius: 100%;}

.lab .sec3 .cont .cont2 .box1 {top: 50%;left: 0;transform: translate(0px, -50%);}
.lab .sec3 .cont .cont2 .box1 .box_wrap > ul {display: flex;flex-wrap: wrap;}
.lab .sec3 .cont .cont2 .box1 .box_wrap > ul > li {/* width: calc(100% / 2); */}
.lab .sec3 .cont .cont2 .box2 {top: 50%;right: 0;transform: translate(0px, -50%);border: solid 3px #335b99;background: rgba(51, 91, 153, 0.05);}
.lab .sec3 .cont .cont2 .box2 .box_tit {color: #335b99;}

.lab .sec3 .cont .cont2 .box2 .box_wrap:before {left: -0.8rem;border: solid 3px #335b99;}
.lab .sec3 .cont .cont2 .box2 .box_wrap:after {left: -7rem;}


.lab .sec3 .cont .cont3 {display: flex;flex-wrap: wrap;margin-top: 7.0rem;}
.lab .sec3 .cont .cont3 .sub {width: calc((100% - 20.0rem) / 5);margin-right: 5.0rem;}
.lab .sec3 .cont .cont3 .sub:last-child {margin-right: 0rem;}
.lab .sec3 .cont .cont3 .sub .sub_tit {font-size: 2.1rem;color: #333333;font-weight: 700;text-align: center;letter-spacing: -0.05rem;}
.lab .sec3 .cont .cont3 .sub .sub_cont {margin-top: 1.5rem;}
.lab .sec3 .cont .cont3 .sub .sub_cont .box {}
.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_thumb {border: solid 1px #cecece;margin-bottom: 0.8rem;text-align: center;}
.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_thumb img {}
.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_thumb .thumb_txt {font-size: 1.5rem;text-align: center;background: #bbe0e3;padding: 0.95rem;}
.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_txt {font-size: 2.0rem;color: #333333;text-align: center;padding: 0rem 0.8rem 1.4rem;}










@media screen and (max-width: 1450px){
	.lab .sec1 {padding: 0;}
	.lab .sec3 .cont .cont2 .box .box_wrap:after {width: 0;}
	.lab .sec3 .cont .cont3 .sub {width: calc((100% - 8.0rem) / 5);margin-right: 2.0rem;}
}
@media screen and (max-width: 1300px){
	.lab .sec3 .cont .cont2 .box {position: relative;top: auto;left: auto;right: auto;bottom: auto;margin: 0 auto;transform: translate(0px, 0px);margin-bottom: 2.5rem;}
	.lab .sec3 .cont .cont2 .circle {margin-bottom: 5.5rem;}
	.lab .sec3 .cont .cont2 .box .box_wrap:before {right: auto;left: -0.8rem;}
}
@media screen and (max-width: 1200px){
	.lab .sec3 .cont .cont3 .sub {width: 100%;margin-right: 0;}
	.lab .sec3 .cont .cont3 .sub .sub_cont {display: flex;flex-wrap: wrap;}
	.lab .sec3 .cont .cont3 .sub .sub_tit {text-align: left;}
	.lab .sec3 .cont .cont3 .sub .sub_cont .box {width: calc((100% - 3rem) / 4);margin-right: 1.0rem;}
	.lab .sec3 .cont .cont3 .sub .sub_cont .box:nth-child(4n) {margin-right: 0rem;}
}
@media screen and (max-width: 1024px){
	.lab .sec1 .sec_wrap .img_box {width: 100%;aspect-ratio: 2 / 1;}
	.lab .sec1 .sec_wrap .txt_box {width: 100%;}

	.lab .sec2 .tit {text-align: center;margin-bottom: 5.5rem;}
	.lab .sec2 .cont {margin-top: 5.5rem;}

	.lab .sec3 .tit {text-align: center;margin-bottom: 5.5rem;}
}
@media screen and (max-width: 950px){
	.lab .sec2 .cont .cont_wrap .circle {width: 100%;aspect-ratio: 0;position: relative;top: auto;left: auto;right: auto;bottom: auto;transform: translate(0px, 0px);max-width: 36.0rem;margin: 0 auto;margin-bottom: 2.5rem;}
	.lab .sec2 .cont .cont_wrap .circle .circle_inner {border-radius: 3.5rem;border-width: 5px;}
	.lab .sec2 .cont .cont_wrap .circle .circle_inner:before {display: none;width: 0;aspect-ratio: 1;border: 0 none !important;}
	.lab .sec2 .cont .cont_wrap .circle .circle_inner:after {display: none;width: 0;}
	.lab .sec2 .cont .cont_wrap .circle5 .txt2 br {display: none;}
	.lab .sec2 .cont .cont_wrap .circle_big {margin-bottom: 8.5rem;}
}
@media screen and (max-width: 768px){
	.lab .sec1 .sec_wrap .txt_box {padding: 4.5rem 2.0rem 5.5rem;}
	.lab .sec1 .sec_wrap .txt_box .thumb {margin-top: 5.5rem;}

	.lab .sec3 .cont .cont3 .sub .sub_cont .box {width: calc((100% - 1rem) / 2);}
	.lab .sec3 .cont .cont3 .sub .sub_cont .box:nth-child(2n) {margin-right: 0rem;}
	.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_thumb {min-height: 18.0rem;}
	.lab .sec3 .cont .cont3 .sub5 .sub_cont .box .box_thumb {min-height: auto;}
	.lab .sec3 .cont .cont3 .sub .sub_cont .box .box_thumb .thumb_txt {font-size: 1.8rem;padding: 1.5rem;}

}


/*신기술신공법*/
.tech {}
.tech .sec1 {}

.tech .sec1 .top {max-width: 70.0rem;border-radius: 7.5rem;background: url(../../pages/images/tech_01_square.jpg) no-repeat center / cover;position: relative;margin: 0 auto;padding: 2.35rem;}
.tech .sec1 .top:before {content: '';position: absolute;top: -2rem;left: -2rem;width: calc(100% + 4.0rem);height: calc(100% + 4.0rem);border: dotted 3px #aaaaaa;border-radius: 7.5rem;}
.tech .sec1 .top .top_inner {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.tech .sec1 .top .top_inner .top_txt1 {font-size: 3.0rem;font-weight: 700;}
.tech .sec1 .top .top_inner .top_txt2 {font-size: 1.8rem;font-weight: 500;text-align:center}
.tech .sec1 .btm {display: flex;flex-wrap: wrap;margin-top: 8.5rem;position: relative;}
.tech .sec1 .btm:before {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -4.0rem);width: 69%;height: 0.3rem;background: #aaa;}
.tech .sec1 .btm .sub {width: calc((100% - 9.0rem) / 3);margin-right: 4.5rem;border: solid 3px #299cab;border-radius: 2.5rem;padding: 2.5rem 3.5rem;position: relative;}
.tech .sec1 .btm .sub:before {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 1.4rem;aspect-ratio: 1;background: #fff;border: solid 3px #299cab;border-radius: 100%;z-index: 2;}
.tech .sec1 .btm .sub:after {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -4.0rem);width: 0.3rem;height: 4.0rem;background: #aaa;z-index: 1;}
.tech .sec1 .btm .sub2:after {height: 7.0rem;transform: translate(-50%, -7.0rem);}
.tech .sec1 .btm .sub:last-child {margin-right: 0rem;}
.tech .sec1 .btm .sub .sub_tit {background: #299cab;border-radius: 2.6rem;text-align: center;font-size: 1.8rem;color: #fff;font-weight: 700;padding: 0.85rem;}
.tech .sec1 .btm .sub > ul {margin-top: 1.5rem;}
.tech .sec1 .btm .sub > ul > li {font-size: 1.8rem;color: #333333;padding: 0.3rem 0 0.3rem 1.5rem;position: relative;}
.tech .sec1 .btm .sub > ul > li:before {content: '';position: absolute;top: 1.7rem;left: 0;width: 0.3rem;aspect-ratio: 1;border-radius: 100%;background: #333333;}

.tech .sec1 .btm .sub2 {border: solid 3px #178ac0;}
.tech .sec1 .btm .sub2:before {border: solid 3px #178ac0;}
.tech .sec1 .btm .sub2 .sub_tit {background: #178ac0;}
.tech .sec1 .btm .sub3 {border: solid 3px #335b99;}
.tech .sec1 .btm .sub3:before {border: solid 3px #335b99;}
.tech .sec1 .btm .sub3 .sub_tit {background: #335b99;}

.tech .sec2 {margin-top: 8.8rem;}
.tech .sec2 .tit {}
.tech .sec2 .cont {display: flex;flex-wrap: wrap;margin-bottom: 1rem;margin-top: 3.2rem;}
.tech .sec2 .cont .img_box {width: 50%;display: flex;flex-wrap: wrap;}
.tech .sec2 .cont .img_box .thumb {width: calc((100% - 1rem) / 2);margin-right: 1rem;}
.tech .sec2 .cont .img_box .thumb:last-child {margin-right: 0rem;}
.tech .sec2 .cont .img_box .thumb1 {border: solid 1px #aaaaaa;}
.tech .sec2 .cont .txt_box {width: 50%;padding-left: 8.0rem;}
.tech .sec2 .cont .txt_box .txt1 {font-size: 3.0rem;font-family: 'Play';font-weight: 700;}
.tech .sec2 .cont .txt_box .txt1 > span {}
.tech .sec2 .cont .txt_box .txt2 {font-size: 2.0rem;color: #333333;line-height: calc(34/20);margin-top: 1.8rem;}

.tech .sec3 {margin-top: 8.5rem;}
.tech .sec3 .tit {}
.tech .sec3 .cont {display: flex;flex-wrap: wrap;margin-top: 3.5rem;}
.tech .sec3 .cont .sub {width: calc((100% - 6rem) / 5);margin-right: 1.5rem;padding-right: 1.5rem;margin-bottom: 4.0rem;}
.tech .sec3 .cont .sub:nth-child(5n) {margin-right: 0rem}
.tech .sec3 .cont .sub .img_box {background: #f1f1f1;box-shadow: 5px 5px 5px rgba(0, 0, 0, .35);padding: 0.8rem;}
.tech .sec3 .cont .sub .img_box img {}

@media screen and (max-width: 1400px){
	.tech .sec1 .btm .sub {width: calc((100% - 3.0rem) / 3);margin-right: 1.5rem;}
	.tech .sec1 .btm:before {width: 67.7%;}

	.tech .sec2 .cont .txt_box {padding-left: 4.0rem;}
}
@media screen and (max-width: 1200px){
	.tech .sec2 .cont {margin-bottom: 5.5rem;}
	.tech .sec2 .cont .img_box {width: 100%;margin-bottom: 1.5rem;}
	.tech .sec2 .cont .txt_box {width: 100%;padding-left: 0rem;}
	.tech .sec2 .cont .img_box .thumb {width: auto;}

	.tech .sec3 .cont .sub {width: calc((100% - 4.5rem) / 4);}
	.tech .sec3 .cont .sub:nth-child(5n) {margin-right: 1.5rem}
	.tech .sec3 .cont .sub:nth-child(4n) {margin-right: 0rem}
}
@media screen and (max-width: 1024px){
	.tech .sec3 .cont .sub {width: calc((100% - 3rem) / 3);}
	.tech .sec3 .cont .sub:nth-child(4n) {margin-right: 1.5rem}
	.tech .sec3 .cont .sub:nth-child(3n) {margin-right: 0rem}
}
@media screen and (max-width: 768px){
	.tech .sec1 .btm:before {width: 0;}
	.tech .sec1 .btm .sub:after {width: 0;}
	.tech .sec1 .btm .sub {width: 100%;margin-right: 0;margin-bottom: 3.5rem;}
	.tech .sec1 .top .top_inner .top_txt2 {text-align: center;}
	.tech .sec1 .top {margin: 0 2rem;}
	.tech .sec1 .top:before {border-radius: 3.5rem;}
	.tech .sec1 .top {border-radius: 3.5rem;}

	.tech .sec2 .cont .img_box .thumb {width: calc((100% - 1rem) / 2);}

	.tech .sec3 .cont .sub {width: calc((100% - 1.5rem) / 2);}
	.tech .sec3 .cont .sub:nth-child(3n) {margin-right: 1.5rem}
	.tech .sec3 .cont .sub:nth-child(2n) {margin-right: 0rem}
}



/*시험실*/
.exam {}
.exam .sec1 {display: flex;flex-wrap: wrap;}
.exam .sec1 .left {width: 80.0rem;}
.exam .sec1 .right {width: calc(100% - 80.0rem);padding-left: 5.0rem;display: flex;flex-direction: column;justify-content: space-between;padding-left: 2.0rem;}

.exam .sec1 .bigThumbSwiper {width: 100%;margin-left: auto;margin-right: auto;}
.exam .sec1 .smallThumbSwiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;box-sizing: border-box;}
.exam .sec1 .smallThumbSwiper .swiper-slide {width: calc(100% / 3);height: 100%;opacity: 0.4;}
.exam .sec1 .smallThumbSwiper .swiper-slide-thumb-active {opacity: 1;}
.exam .sec1 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.exam .sec1 .txt_box {}
.exam .sec1 .txt_box table {}
.exam .sec1 .txt_box table tr {}
.exam .sec1 .txt_box table th {background: #7e92bc;font-size: 2.0rem;color: #fff;font-weight: 700;border: solid 1px #fff;padding: 2.0rem 2.2rem;vertical-align: top;}
.exam .sec1 .txt_box table td {background: #f1f3f6;font-size: 2.0rem;color: #333333;border: solid 1px #fff;padding: 2.0rem 2.2rem;}

.exam .sec1 .thumb_box {position: relative;padding: 3.0rem 4.0rem;}
.exam .sec1 .thumb_box .swiper-button-prev {left: 0;color: #aaaaaa;}
.exam .sec1 .thumb_box .swiper-button-prev:after {font-size: 3.2rem;font-weight: 700;}
.exam .sec1 .thumb_box .swiper-button-next {right: 0;color: #aaaaaa;}
.exam .sec1 .thumb_box .swiper-button-next:after {font-size: 3.2rem;font-weight: 700;}
.exam .sec1 .thumb_box .swiper-pagination-bullet-active {background: #03257e}

.exam .sec2 {margin-top: 8.5rem;}
.exam .sec2 .tit {text-align: center;}
.exam .sec2 .cont {margin-top: 5.0rem;}
.exam .sec2 .cont .table_cont tr th{width:12.5rem;background:#777;padding:20px 0;font-size:1.8rem;color:#fff;border-bottom:1px solid #c9c9c9}
.exam .sec2 .cont .table_cont tr td{font-size:1.4rem;text-align:center;padding:20px 0;color:#666;border-bottom:1px solid #c9c9c9}



@media screen and (max-width: 1450px){
	.exam .sec1 .left {width: 55%;}
	.exam .sec1 .right {width: 45%;}
}
@media screen and (max-width: 1024px){
	.exam .sec1 {flex-direction: column;max-width: 80.0rem;}
	.exam .sec1 .left {width: 100%;}
	.exam .sec1 .right {width: 100%;flex-direction: column-reverse;padding-left: 0;}
}










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

}

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

}

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

}



.tab_title .title{font-size: 4.0rem;font-weight: 700;letter-spacing: -0.01rem;}
.tab_se{ width:100%; }
.tab_se .tabnav{ border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:flex;margin:70px 0}
.tab_se .tabnav li{width:50%;  text-align:center; border-right:1px solid #ddd;}
.tab_se .tabnav li:last-child{border-right:0}
.tab_se .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tab_se .tabnav li a.active:before{background:#007b66;}
.tab_se .tabnav li a.active{border-bottom:1px solid #fff;}
.tab_se .tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px;text-decoration:none; font-size:2.1rem;font-weight:500;padding:15px 0;}
.tab_se .tabnav li a:hover,
.tab_se .tabnav li a.active{background:#fff; color:#007b66; }
.tab_se .tabcontent{}

.table_cont {margin-bottom:70px;}
.table_cont .table_tit{font-size:2.8rem;font-weight: 700;}
.table_cont .table_tit01{color:#36a11d;}
.table_cont .table_tit02{color:#088486;}
.table_cont .table_tit03{color:#086d86;}
.table_cont .table_tit04{color:#007b66;}
.table_cont table{border-top:2px solid #000}
.table_cont table tr th{font-size:1.8rem;;padding:15px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.table_cont table tr th.no{border-right:0}
.table_cont table tr td{font-size:1.8rem;;padding:15px 0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;color: #777777;}
.table_cont table tr td.no{border-right:0}

.table_tit_right{text-align:right}

.esg .cont4 .cont_wrap .detail2 .detail_btn {display: flex;justify-content: center;}
.esg .cont4 .cont_wrap .detail2 .detail_btn > span {font-size: 2.8rem;font-weight: 700;color: #fff;background: #004098;border-radius: 2.0rem;padding: 1.7rem 7.3rem;margin-top: 5.5rem;cursor: pointer;}


.ethical_practice{margin-top:15px;}
.ethical_practice_wrap {width:100%; border-top:1px solid #222; }
.ethical_practice_list .pro_cont2 {display:flex; flex-direction: column; padding:3.0rem;  display:none; background:#fff;    border-bottom: 1px solid #ddd; }

.ethical_practice_list .pro_cont2 .title{font-size: 2.1rem;color: #333333;line-height: calc(36/22);}

.ethical_practice_list .pro_cont2 .cont{margin-bottom:60px;}
.ethical_practice_list .pro_cont2 .cont h1{font-size:2.7rem;border-bottom:1px solid #000;padding-bottom:20px;}
.ethical_practice_list .pro_cont2 .cont .tit01{padding:20px 0;line-height:2;font-size:2.1rem;color: #333333;}
.ethical_practice_list .pro_cont2 .cont .txtbox li{color: #333333;margin-left:15px;line-height:1.5;margin-bottom:20px;font-size:1.9rem}
.ethical_practice_list .pro_cont2 .cont .txtbox li.num{list-style: decimal;}
.ethical_practice_list .pro_cont2 .cont .txtbox li span{font-weight:bold;display:block;font-size:2.1rem;}

.ethical_practice_list .pro_cont2 .title_bot_mar{margin-bottom:20px;}
.ethical_practice_list .pro_btn .pro_btn_ar {font-size:4.0rem;border-radius:50%;}
.ethical_practice_list .pro_btn .pro_btn_ar.active{background:#007b66;color:#ffffff}
.ethical_practice_list .pro_btn:hover .pro_btn_ar{background:#007b66;color:#ffffff}
.ethical_practice_list .pro_btn {display:flex; justify-content: space-between; align-items: center; transition: all 0.5s; cursor:pointer; padding:2.0rem 3.0rem; border-bottom:1px solid #ddd}
.ethical_practice_list .pro_btn > h3 {font-size:2.3rem;}
.pro_btn_ar {transform: rotate(0deg); transition: all 0.6s;}
.pro_btn_ar.active {transform: rotate(180deg);  transition: all 0.6s;}