.body-sub,
.subContents,
.contents { margin:0; } 


/* 공통 콘텐츠 타이틀*/

.con-title { margin-bottom: 35px; } 
.con-title h2 { font-size: 35px; font-weight: 500; color: #222; } 

@media only screen and (max-width: 1024px){
 .con-title { margin-bottom: 25px; } 
.con-title h2 { font-size: 28px; } 
 }

@media only screen and (max-width: 480px){
 .con-title { margin-bottom: 15px; } 
.con-title h2 { font-size: 20px; } 
 }


/*공통 텍스트 콘텐츠*/
.con__text { margin-bottom:100px; } 
.con__text:last-child { margin-bottom:0; } 
.con__text p { font-size:18px; color:#666; margin-bottom:10px; line-height:1.5; } 

@media only screen and (max-width: 1024px){
 .con__text { margin-bottom:80px; } 
.con__text p { font-size:17px; margin-bottom:8px; } 
 }

@media only screen and (max-width: 768px){
 .con__text { margin-bottom:60px; } 
.con__text p { font-size:16px; margin-bottom:8px; } 
 }





/* 공통 */
.fx { display: flex; display: -ms-flex; display: -webkit-flex; } 
.col_a { color:#5a4099; } 
.col_b { color:#29155a; } 
.bg_a { background:#5a4099; } 
.bg_b { background:#29155a; } 
.h_type1 { font-size:60px; color:#222; font-weight: 300; text-align: center; position: relative; } 
.h_type1 span { position: relative; } 
.p_type1 { font-size:20px; font-weight: 400; color:#222; line-height: 1.6; } 

@media(max-width:1024px){
 .h_type1 { font-size:50px; } 
.p_type1 { font-size:18px; } 
 }

@media(max-width:768px){
 .h_type1 { font-size:40px; } 
.p_type1 { font-size:16px; } 
 }

@media(max-width:425px){
 .h_type1 { font-size:30px; } 
.p_type1 { font-size:14px; } 
 }


/* 0101__기업이념 20211118 수정*/
.section0101 .content1 { max-width:1400px; width:100%; margin:0 auto; position:relative; padding:160px 0 0; } 
.section0101 .content1::before { position: absolute; left:calc(50% + 4px); top:0; transform: translate(-50%,0); content:''; width:98px; height:51px; background:url('../images/contents/010101_h3_before.png')no-repeat center / 100%; } 
.section0101 .content1::after { position: absolute; left:50%; top:60px; transform: translate(-50%, 0%); content:''; width:1px; height:60px; background:#000; } 
.section0101 .content1 .img_box { width:50%; padding-right:40px; text-align: right; } 

/*20211116 수정*/
.section0101 .content1 .text_box { width:50%; padding-bottom:40px; box-sizing: border-box; } 

.section0101 .content1 .text_box .text-h3 { font-size:32px; color:#222; font-weight: 400; margin-bottom:30px; } 
.section0101 .content1 .text_box .text-h3 span b { vertical-align: baseline; font-weight: 600; } 


.section0101 .content1 .text_box p { margin-bottom:20px; line-height:1.4; font-size:18px; } 
.section0101 .content1 .text_box p:last-child { margin:0; } 
.section0101 .content1 .text_box p span { font-weight: 700; vertical-align: baseline; } 

.section0101 .content1 .text_box-item { border:2px solid #5a4099; position:relative; padding:25px 20px 20px; margin-top:50px; } 
.section0101 .content1 .text_box-item h4 { position:absolute; top:0; left:50%; transform:translate(-50%, -50%); background-color:#fff; padding:0px 20px; font-size:18px; color:#fff; text-align:center; } 
.section0101 .content1 .text_box-item h4 span { display: inline-block; background-color:#5a4099; padding:10px 20px; border-radius: 20px; } 
.section0101 .content1 .text_box-item p { color:#5a4099; font-size:20px; text-align: center; } 

.section0101 .content2 { margin:0 0 120px 0; } 

.section0101 .content2 .left_box { width:49%; justify-content: flex-end; align-items: center; } 
.section0101 .content2 .left_box span { display: block; max-width:660px; color:#7055b2; font-weight: 700; font-size:30px; letter-spacing: 25px; padding:60px 20px; text-align: right; } 

.section0101 .content2 .right_box { width:51%; align-items: center; padding:0 20px; box-sizing: border-box; } 
.section0101 .content2 .right_box span { display: block; max-width:660px; color:#7055b2; font-weight: 700; font-size:30px; letter-spacing: 25px; padding:60px 20px; text-align: left; } 

.section0101 .bottom_text { text-align: right; font-weight: 700; color:#222; font-size:24px; max-width:1400px; width:100%; margin:30px auto 0; } 
.section0101 .bottom_text em { vertical-align: bottom; display:inline-block; margin-left:10px; } 






.section0101 .content3 { max-width:1400px; width:100%; margin:0 auto; padding:0 0 400px; background:url('../images/contents/010101_content_bg.jpg') no-repeat center / cover; position: relative; } 
.section0101 .content3::before { position: absolute; left:10%; top:15%; content:''; background:url('../images/contents/010101_content_item1.png')no-repeat center / 100%; width:150px; height:150px; } 
.section0101 .content3::after { position: absolute; right:10%; top:35%; content:''; background:url('../images/contents/010101_content_item2.png')no-repeat center / 100%; width:150px; height:150px; } 
.section0101 .content3 .left_box { width:35%; } 
.section0101 .content3 .left_box h4 { width:220px; height:220px; background:#5a4099; color:#fff; font-size:35px; font-weight: 500; align-items: center; justify-content: center; } 
.section0101 .content3 .right_box { width:65%; padding:100px 20px; box-sizing: border-box; } 
.section0101 .content3 .right_box .list_box1 { flex-wrap: wrap; } 
.section0101 .content3 .right_box .list_box1 li { margin:0 10px; width:calc(50% - 20px); margin-bottom:25px; } 
.section0101 .content3 .right_box .list_box1 li span { display: block; } 
.section0101 .content3 .right_box .list_box1 li .title,
.section0101 .content3 .right_box .list_box2 li > .title { font-size:22px; color:#5a4099; font-weight: 600; position: relative; margin-bottom:10px; } 
.section0101 .content3 .right_box .list_box1 li .desc2,
.section0101 .content3 .right_box .list_box2 li > ul > li > .desc1,
.section0101 .content3 .right_box .list_box2 li > ul > li > .desc2 { font-size:18px; color:#666; font-weight: 500; } 
.section0101 .content3 .right_box .list_box2 { margin:10px; } 
.section0101 .content3 .right_box .list_box2 li > ul { margin-top:10px; } 
.section0101 .content3 .right_box .list_box2 li > ul > li { margin-bottom:10px; align-items: center; } 
.section0101 .content3 .right_box .list_box2 li > ul > li > .desc1 { width:105px; background:#5a4099; color:#fff; padding:10px; box-sizing: border-box; align-items: center; justify-content: center; margin-right:15px; border-radius: 5px; } 



@media(max-width:1400px){
 .section0101 .content1 { padding:160px 20px 0; } 
 }



@media(max-width:1024px) { /*20211118 수정*/
.section0101 .content1 .text_box .text-h3 { font-size:28px; margin-bottom:20px; } 
/*20211116 수정*/
.section0101 .content1 .text_box p { margin-bottom:20px; } 
.section0101 .content1 .text_box-item { margin-top:40px; } 
.section0101 .content1 .text_box-item h4 { padding:0px 10px; font-size:16px; } 
.section0101 .content1 .text_box-item h4 span { padding:8px 18px; } 
.section0101 .content1 .text_box-item p { font-size:18px; } 

.section0101 .content2 { margin:0 0 100px 0; } 

.section0101 .bottom_text { font-size:20px; margin:20px auto 0; } 
 }

@media(max-width:768px) { /*20211118 수정*/
.section0101 .content1 .text_box .text-h3 { font-size:24px; } 
/*20211116 수정*/
.section0101 .content1 .text_box p { margin-bottom:20px; font-size:16px; } 
.section0101 .content1 .text_box-item h4 { font-size:14px; } 
.section0101 .content1 .text_box-item p { font-size:16px; } 

.section0101 .bottom_text { font-size:18px; margin:20px auto 0; } 

.section0101 .content2 { flex-direction: column; } 
.section0101 .content2 .left_box { width:100%; } 
.section0101 .content2 .right_box { width:100%; } 
.section0101 .content2 .left_box span { max-width:100%; width:100%; text-align: center; font-size:24px; padding:30px 20px; } 
.section0101 .content2 .right_box span { max-width:100%; width:100%; text-align: center; font-size:24px; padding:30px 20px; } 





.section0101 .content3 { flex-direction: column; } 
.section0101 .content3 .left_box { width:100%; } 
.section0101 .content3 .right_box { width:100%; } 
.section0101 .content3 .left_box h4 { width:160px; height:160px; font-size:30px; } 
.section0101 .content3 .right_box .list_box1 li .title, .section0101 .content3 .right_box .list_box2 li > .title { font-size:21px; } 
.section0101 .content3 .right_box .list_box1 li .desc2, .section0101 .content3 .right_box .list_box2 li > ul > li > .desc1, .section0101 .content3 .right_box .list_box2 li > ul > li > .desc2 { font-size:16px; } 
.section0101 .content3::before { width:100px; height:100px; left:120px; top:10%; } 
.section0101 .content3::after { display: none; } 
 }

@media(max-width:768px){
 .section0101 .content1 { flex-direction: column; } 
.section0101 .content1 .img_box { width:100%; text-align: center; margin-bottom:50px; padding:0; } 
.section0101 .content1 .img_box img { width:45%; } 
.section0101 .content1 .text_box { width:100%; } 
 }


@media(max-width:425px) { /*20211118 수정*/
.section0101 .content1 .text_box .text-h3 { font-size:18px; } 
/*20211116 수정*/
.section0101 .content1 .text_box p { font-size:14px; } 
.section0101 .content1 .text_box-item p { font-size:14px; } 

.section0101 .bottom_text { font-size:16px; text-align: center; } 
.section0101 .bottom_text em { max-width:50%; } 

.section0101 .content2 .left_box span,
.section0101 .content2 .right_box span { font-size:18px; } 
 }


/* 0102__회사연혁 */
.history { position: relative; margin:0 auto; box-sizing: border-box; background:url(../images/contents/history_bg.png)no-repeat right top / 100%; backdrop-filter: blur(100px); } 
.history::after { position: absolute; content:''; left:50%; top:200px; transform: translate(-50%,-0); width:2px; height:95%; background:#ccc; z-index: -1; } 
.history .logo_box { width:100%; text-align: center; } 
.history .content { max-width:1400px; width:100%; margin:60px auto 0; } 
.history .content:nth-of-type(even) { justify-content: flex-start; text-align: right; } 
.history .content:nth-of-type(odd) { justify-content:flex-end; text-align: left; } 
.history .content:nth-of-type(even) .item { margin-right:50px; } 
.history .content:nth-of-type(odd) .item { margin-left:50px; } 
.history .content .item { width:calc(50% - 50px); } 
.history .content .item h2 { font-size:40px; color:#5a4099; margin-bottom:20px; font-weight: 800; position: relative; } 
.history .content:nth-of-type(even) .item h2::after { position: absolute; content:''; right:-50px; top:50%; transform: translate(50%,-50%); width:13px; height:17px; background:url('../images/contents/0102__img2.png') no-repeat center / 100%; } 
.history .content:nth-of-type(odd) .item h2::after { position: absolute; content:''; left:-50px; top:50%; transform: translate(-50%,-50%); width:13px; height:17px; background:url('../images/contents/0102__img2.png')no-repeat center / 100%; } 
.history .content .item ul { margin-bottom:30px; } 
.history .content .item ul li { margin-bottom:10px; display: flex; display: -ms-flex; display: -webkit-flex; line-height: 1.4; } 
.history .content .item ul li .text { color:#666666; font-size:18px; font-weight: 400; } 
.history .content .item ul li .day { color:#222; font-size:18px; font-weight: 700; } 
.history .content:nth-of-type(even) .item ul li { justify-content: flex-end; } 
.history .content:nth-of-type(even) .item ul li .day { padding-left:15px; } 
.history .content:nth-of-type(odd) .item ul li .day { padding-right:15px; } 
.history > .img_box { position: absolute; } 
.history .img1 { right:15%; top:5%; } 
.history .img2 { left:15%; top:17%; } 
.history .img3 { left:15%; top:46%; } 
.history .img4 { right:12%; top:65%; } 
.history .img5 { left:22%; top:92%; } 
.history .title_box { text-align: center; margin-bottom:85px; } 
.history .title_box h3 { font-size:35px; font-weight: 500; letter-spacing: 20px; color:#222; margin-bottom:25px; } 
.history .title_box p { font-size:20px; font-weight: 300; color:#666; } 

@media(max-width:1440px){
 .history .img1 { right:2%; } 
.history .img2 { left:2%; } 
.history .img3 { left:5%; } 
.history .img4 { right:5%; } 
.history .img5 { left:10%; } 
 }


@media(max-width:1024px){
 .history .content { padding:20px; } 
.history .content .item h2 { font-size:45px; } 
.history .content .item ul li .text { font-size:16px; } 
.history .img1 { right:2%; top:5%; } 
.history .img2 { left:2%; top:15%; } 
.history .img3 { left:5%; } 
.history .img4 { right:5%; } 
.history .img5 { left:10%; top:91%; } 
 }

@media(max-width:768px){
 .history .content .item h2 { font-size:35px; } 
.history .content .item ul li .text { font-size:14px; } 
.history .content .item ul li .day { font-size:14px; } 
 }

@media(max-width:600px){
 .history .content { margin: 30px auto; border-bottom:1px solid #ddd; padding:30px 20px; } 
.history .content .item { width:100% !important; margin:0 !important; } 
.history .content:nth-of-type(even) { text-align: left; } 
.history .content:nth-of-type(even) .item ul li { justify-content: flex-start; } 
.history .content .item ul li .day { order:1; } 
.history .content .item ul li .text { order:2; } 
.history .content:nth-of-type(even) .item ul li .day { padding-left:0; padding-right:15px; } 
.history::after { display: none; } 
.history .content:nth-of-type(even) .item h2::after { display: none; } 
.history .content:nth-of-type(odd) .item h2::after { display: none; } 
.history { background:url('../images/contents/history_bg.png') no-repeat right top / 200%; } 
.history .img1 { top:8%; right:20px; left:auto; z-index: 10; width:35%; } 
.history .img2 { top:21%; right:20px; left:auto; z-index: 10; width:40%; } 
.history .img3 { top:40%; right:20px; left:auto; z-index: 10; width:35%; } 
.history .img4 { right:20px; left:auto; z-index: 10; width:35%; } 
.history .img5 { right:20px; left:auto; z-index: 10; width:35%; } 
.history .title_box h3 { font-size:26px; } 
.history .title_box p { font-size:16px; } 
 }


/**** 1__4__조직도 ****/
.organ { max-width:1400px; width:100%; margin:0 auto; } 
.organ .pc { display: block; } 
.organ .m { display: none; } 

@media(max-width:768px){
 .organ .pc { display: none; } 
.organ .m { display: block; } 
 }

@media(max-width:425px){
 .organ { padding:120px 0; } 
 }

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */













/* 수출안내 */
.export-wrap .top-text { font-size: 35px; line-height: 1.3; font-weight: 300; color: #222; text-align: center; margin-bottom: 70px; } 
.export-wrap span { font-weight: 600; vertical-align: baseline; } 
.export-wrap span.purple { color: #5a4099; } 
.export-wrap span.brown { color: #472214; } 

.export-wrap .dec { font-size: 0; } 
.export-wrap .dec .img { display: inline-block; width: 46%; margin: 0 4% 0 0; vertical-align: top; } 
.export-wrap .dec img { display: inline-block; } 
.export-wrap .dec .text { display: inline-block; width: 50%; } 
.export-wrap .dec.nth-2 { margin-top: 125px; } 
.export-wrap .dec.nth-2 .img { width: 50%; margin: 0 0 0 4%; } 
.export-wrap .dec.nth-2 .text { width: 46%; text-align: right; } 

.export-wrap .dec .text p { font-size: 18px; font-weight: 400; color: #222; line-height: 2; } 
.export-wrap .dec .text p span { display: inline-block; margin-top: 45px; } 
.export-wrap .dec .text p em { display: inline-block; margin-bottom: 50px; } 


@media only screen and (max-width: 1240px){
 .export-wrap .top-text br { display: none; } 

.export-wrap .dec .img { width: 100%; margin: 0 0 30px 0; text-align: center; } 
.export-wrap .dec .text { width: 100%; } 

.export-wrap .dec.nth-2 { margin-top: 50px; position: relative; padding: 350px 0 0; } 
.export-wrap .dec.nth-2 .img { width: 100%; margin: 60px 0 30px 0; position: absolute; top: 0; left: 0; margin: 0; } 
.export-wrap .dec.nth-2 .text { width: 100%; text-align: left; } 
 }

@media only screen and (max-width: 1024px){
 .export-wrap .top-text { font-size: 30px; } 
 }

@media only screen and (max-width: 768px){
 .export-wrap .top-text { font-size: 28px; } 

.export-wrap .dec.nth-2 { padding: 60% 0 0; } 
 }

@media only screen and (max-width: 480px){
 .export-wrap .top-text { font-size: 20px; } 

.export-wrap .dec .text p { font-size: 17px; } 
 }


/* oem */
.oem-wrap .top-text { position: relative; padding-top: 105px; } 
.oem-wrap .top-text::after { content: ""; width: 98px; height: 51px; background: url('../images/contents/oem-img01.png') center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.oem-wrap .top-text h2 { font-size: 60px; text-align: center; font-weight: 300; color: #222; } 
.oem-wrap .top-text p { margin-top: 40px; padding-top: 85px; font-size: 20px; font-weight: 400; color: #222; text-align: center; line-height: 1.9; position: relative; } 
.oem-wrap .top-text p:after { content: ""; width: 1px; height: 60px; background: #8fa943; position: absolute; top: 0; left: 50%; } 

.oem-wrap .dec { border: 1px solid #f3f3f3; padding: 50px 60px; margin-top: 100px; } 
.oem-wrap .dec.nth-1 { background: url('../images/contents/oem_table-bg.png') 0 no-repeat; background-size: cover; } 
.oem-wrap .dec.nth-2 { border: 0; } 
.oem-wrap .dec.nth-3 { background: url('../images/contents/oem_dec3-bg.png') center no-repeat; background-size: cover; } 
.oem-wrap .dec.nth-4 { background: #fefefe; } 

.oem-wrap .dec .sub-title { margin-bottom: 20px; } 
.oem-wrap .dec .sub-title h2 { font-size: 35px; font-weight: 600; color: #222; } 

.oem-wrap .table th { vertical-align: top; } 
.oem-wrap .table p { display: inline-block; width: 100%; min-width: 135px; padding: 10px 0; margin-bottom: 10px; background: #5f9d42; border-radius: 10px; font-size: 18px; font-weight: 600; color: #fff; } 
.oem-wrap .table td { padding: 0 10px 10px 20px; font-size: 18px; font-weight: 500; line-height: 1.3; color: #666; } 

.oem-wrap .dec.nth-2 { font-size: 0; position: relative; } 
.oem-wrap .dec.nth-2 .middle { position: absolute; top: 50%; left: 50%; width: 466px; height: 542px; padding-top: 180px; padding-left: 40px; transform: translate(-50%, -50%); background: url('../images/contents/oem_dec2_mibble-bg.png') top center no-repeat; text-align: center; } 
.oem-wrap .dec.nth-2 .middle h2 { font-size: 45px; font-weight: 600; color: #539d42; line-height: 1.2; } 
.oem-wrap .dec.nth-2 .middle h2 span { font-size: 40px; font-weight: 700; color: #4d3d86; vertical-align: baseline; } 
.oem-wrap .dec.nth-2 .top { display: inline-block; width: 50%; background: url('../images/contents/oem_dec2_top-bg.png') top left no-repeat; min-height: 335px; position: relative; } 
.oem-wrap .dec.nth-2 .top::after { display: block; content: "국내"; width: 253px; height: 56px; font-size: 35px; font-weight: 700; color: #fff; text-align: center; padding-top: 25px; background: url('../images/contents/oem_dec2_top-after.png') center no-repeat; position: absolute; bottom: 0; left: 46%; transform: translate(-50%, 40%); z-index: 1; } 
.oem-wrap .dec.nth-2 .bottom { display: inline-block; width: 50%; background: url('../images/contents/oem_dec2_bottom-bg.png') top right no-repeat; min-height: 335px; position: relative; } 
.oem-wrap .dec.nth-2 .bottom::after { display: block; content: "해외"; width: 253px; height: 56px; font-size: 35px; font-weight: 700; color: #fff; text-align: center; padding-top: 25px; background: url('../images/contents/oem_dec2_bottom-after.png') center no-repeat; position: absolute; top: 0; left: 46%; transform: translate(-30%, -50%); z-index: 1; } 
.oem-wrap .dec.nth-2 .top p,
.oem-wrap .dec.nth-2 .bottom p { font-size: 20px; font-weight: 500; line-height: 1.4; position: absolute; top: 50%; width: 49%; } 
.oem-wrap .dec.nth-2 .top p { color: #5b4392; left: 50%; transform: translate(-70%, -50%); } 
.oem-wrap .dec.nth-2 .bottom p { color: #5f9d42; left: 50%; transform: translate(-20%, -50%); } 

.oem-wrap .dec.nth-3 .sub-title h2 { color: #fff; } 
.oem-wrap .oem-policy { font-size: 0; } 
.oem-wrap .policy-item { font-size: 0; display: inline-block; width: 45%; margin: 0 10% 20px 0; } 
.oem-wrap .policy-item:nth-of-type(2n) { margin-right: 0; } 
.oem-wrap .policy-item h2 { display: inline-block; padding-top: 13px; width: 75px; height: 75px; margin-right: 25px; text-align: center; border-radius: 10px; background: #fff; font-size: 50px; font-weight: 600; color: #5c4393; } 
.oem-wrap .policy-item p { display: inline-block; width: calc(100% - 100px); font-size: 20px; font-weight: 500; color: #fff; line-height: 1.2; } 
.oem-wrap .policy-item p span { font-weight: 600; vertical-align: baseline; } 

.oem-wrap .dec.nth-4 .sub-title p { margin-top: 15px; font-size: 18px; font-weight: 500; line-height: 1.3; color: #666; } 
.oem-wrap .dec.nth-4 .sub-title p span { font-weight: 600; vertical-align: baseline; } 
.oem-wrap .oem-inquiry { border-top: 2px solid #5c4393; padding-top: 65px; margin-top: 40px; font-size: 0; position: relative; } 
.oem-wrap .oem-inquiry h6 { font-size: 20px; font-weight: 600; color: #fff; padding: 10px 25px; border-radius: 50px; background: #5c4393; position: absolute; top: 0; left: 40px; transform: translateY(-50%); } 
.oem-wrap .inquiry-item { display: inline-block; padding-left: 105px; width: 50%; position: relative; } 
.oem-wrap .inquiry-item:after { content: ""; width: 88px; height: 82px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
.oem-wrap .inquiry-item.nth-1:after { background: url('../images/contents/oem-inquiry-ico01.png') left center no-repeat; } 
.oem-wrap .inquiry-item.nth-2:after { background: url('../images/contents/oem-inquiry-ico02.png') left center no-repeat; } 

.oem-wrap .inquiry-item h2 { font-size: 25px; font-weight: 600; color: #222; } 
.oem-wrap .inquiry-item p { font-size: 30px; font-weight: 600; color: #5c4393; margin-top: 15px; } 
.oem-wrap .inquiry-item p a { color:#5c4393; } 
.oem-wrap .inquiry-item p a:hover { color:#222; } 

@media only screen and (max-width: 1240px){
 .oem-wrap .top-text h2 { font-size: 50px; } 

.oem-wrap .dec.nth-2 .top { width: 100%; margin-bottom: 250px; } 
.oem-wrap .dec.nth-2 .bottom { width: 100%; } 

.oem-wrap .dec.nth-2 .top::after { bottom: 75%; left: 75%; } 
.oem-wrap .dec.nth-2 .bottom::after { top: 75%; left: 20%; } 

.oem-wrap .dec.nth-2 .top p { left: 45%; } 
.oem-wrap .dec.nth-2 .bottom p { left: 55%; } 
 }

@media only screen and (max-width: 1024px){
 .oem-wrap .top-text h2 { font-size: 40px; } 

.oem-wrap .dec { padding: 30px; } 

.oem-wrap .dec .sub-title h2 { font-size: 30px; } 

.oem-wrap .top-text h2 { font-size: 50px; } 
.oem-wrap .policy-item { width: 100%; } 

.oem-wrap .dec.nth-2 .middle h2 { font-size: 32px; } 

.oem-wrap .inquiry-item { width: 100%; } 
.oem-wrap .inquiry-item+.inquiry-item { margin-top: 30px; } 
 }

@media only screen and (max-width: 768px){
 .oem-wrap .top-text h2 { font-size: 30px; } 

.oem-wrap .dec.nth-2 .top p, 
.oem-wrap .dec.nth-2 .bottom p { width: 80%; } 

.oem-wrap .dec.nth-2 .top { margin-bottom: 200px; } 
.oem-wrap .dec.nth-2 .top p { left: 75%; } 
.oem-wrap .dec.nth-2 .bottom p { left: 25%; } 

.oem-wrap .dec.nth-2 .middle { top: 53%; } 
 }

@media only screen and (max-width: 640px){
 .oem-wrap .table th,
.oem-wrap .table td { display: block; text-align: center; } 

.oem-wrap .dec.nth-2 .top { margin-bottom: 300px; } 
.oem-wrap .dec.nth-2 .top::after { bottom: 95%; } 
.oem-wrap .dec.nth-2 .top p { top: 45%; } 

.oem-wrap .dec.nth-2 .bottom::after { top: 98%; left: 15%; } 
.oem-wrap .dec.nth-2 .bottom p { top: 55%; } 

.oem-wrap .inquiry-item p { font-size: 24px; } 

.oem-wrap .dec.nth-4 .sub-title p { font-size: 16px; } 
 }

@media only screen and (max-width: 480px){
 .oem-wrap .top-text h2 { font-size: 24px; } 
.oem-wrap .top-text p { font-size: 18px; } 

.oem-wrap .dec.nth-2 { padding: 0; } 
.oem-wrap .dec.nth-2 .top { margin-bottom: 180px; } 
.oem-wrap .dec.nth-2 .middle { width: 300px; height: 349px; background-size: contain; padding-top: 120px; } 
.oem-wrap .dec.nth-2 .middle h2 { font-size: 24px; } 
.oem-wrap .dec.nth-2 .middle h2 span { font-size: 30px; } 

.oem-wrap .dec.nth-2 .bottom::after { top: 80%; left: 25%; } 
.oem-wrap .dec.nth-2 .top::after { bottom: 80%; } 
.oem-wrap .dec.nth-2 .top p { top: 55%; } 
.oem-wrap .dec.nth-2 .bottom p { top: 50%; } 

.oem-wrap .policy-item h2 { width: 40px; height: 40px; font-size: 20px; margin-bottom: 20px; } 
.oem-wrap .policy-item p { font-size: 16px; display: block; width: 100%; } 

.oem-wrap .inquiry-item { padding: 90px 0 0; text-align: center; } 
.oem-wrap .inquiry-item:after { top: 0; left: 50%; transform: translateX(-50%); } 

.oem-wrap .inquiry-item p { font-size: 18px; } 
 }







/* 오시는 길 */
.map-wrap .map_tab { font-size: 0; text-align: center; } 
.map_tab li { display: inline-block; width: auto; } 
.map_tab li a { display: block; padding: 24px 35px; border-bottom: 3px solid #e4e4e4; font-size: 18px; font-weight: 400; color: #666; } 
.map_tab li.on a,
.map_tab li:hover a { border-color: #222; color: #222; } 
.map_tab li a p { position: relative; } 
.map_tab li.on a p::after,
.map_tab li:hover a p::after { display: block; content: ""; width: 16px; height: 13px; background: url('../images/contents/map-tab-dot.png') center no-repeat; position: absolute; top: -100%; right: -5px; } 

.map-top { margin-top: 55px; } 

#google-map, 
.map-top .map { width: 100%; min-height: 500px; } 
.map-top .map { background: url('../images/contents/map.png') center no-repeat; background-size: cover; } 
.map-dec .location-map.on { display: block; } 
.map-dec .location-map { display: none; } 

.map-dec .map { display:none; } 
.map-dec .map.on { display:block; } 

.map-info { font-size: 0; } 
.map-info .dec { display: table-cell; width: 25%; min-height: 155px; padding: 30px; } 
.map-info .dec.nth-1 { width: 50%; background: #5a4099; } 
.map-info .dec.nth-2 { background: #29155a; } 
.map-info .dec.nth-3 { background: #472214; } 

.map-info .title h2 { font-size: 25px; font-weight: 600; color: #fff; margin-bottom: 20px; } 
.map-info .title span { font-size: 20px; font-weight: 500; } 

.map-info .info { padding-left: 85px; position: relative; } 
.map-info .info::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
.map-info .dec.nth-1 .info::after { background: url('../images/contents/map-info-ico01.png') center no-repeat; } 
.map-info .dec.nth-2 .info::after { background: url('../images/contents/map-info-ico02.png') center no-repeat; } 
.map-info .dec.nth-3 .info::after { background: url('../images/contents/map-info-ico03.png') center no-repeat; } 

.map-info .info p { font-size: 20px; font-weight: 500; color: #fff; line-height: 1.3; } 
.map-info .info p span { font-size: 18px; font-weight: 600; display: block; } 

.map-info .dec.nth-2 p,
.map-info .dec.nth-3 p { margin-top: 20px; } 

.map-bottom { margin-top: 135px; } 
.map-bottom .title { font-size: 30px; font-weight: 600; color: #222; } 
.map-bottom .bottom-info { margin-top: 20px; background: #f3f3f3; padding: 65px 0 65px 300px; position: relative; } 
.map-bottom .bottom-info::after { display: block; content: ""; width: 174px; height: 174px; border-radius: 50%; background: url('../images/contents/map-bottom.png') center no-repeat; position: absolute; top: 50%; left: 70px; transform: translateY(-50%); } 

.map-bottom .bottom-info p { padding-left: 20px; position: relative; font-size: 20px; font-weight: 500; line-height: 1.5; color: #222; } 
.map-bottom .bottom-info p:nth-of-type(1):after { content: "1."; font-size: 20px; font-weight: 600; position: absolute; top: 17px; left: 0; transform: translateY(-50%); } 
.map-bottom .bottom-info p:nth-of-type(2):after { content: "2."; font-size: 20px; font-weight: 600; position: absolute; top: 17px; left: 0; transform: translateY(-50%); } 
.map-bottom .bottom-info p+p { margin-top: 15px; } 
.map-bottom .bottom-info p em { font-weight: 600; } 
.map-bottom .bottom-info p span { display: block; padding-left: 10px; font-size: 18px; font-weight: 400; color: #666; position: relative; } 
.map-bottom .bottom-info p span.first { margin-top: 10px; } 
.map-bottom .bottom-info p span::after { display: block; content: ""; width: 5px; height: 1px; background: #666; position: absolute; top: 12px; left: 0; } 
.map-bottom .bottom-info p span em { color: #5a4099; } 

@media only screen and (max-width: 1024px){
 #google-map, 
.map-top .map { min-height: 450px; } 
.map-info .dec.nth-1 { display: block; width: 100%; } 

.map-bottom .bottom-info { padding: 45px 0 45px 230px; } 
.map-bottom .bottom-info::after { left: 30px; } 

.map-top .map { background-size: 140%; background-color: #f5f5f5; } 

.map-bottom .bottom-info p { font-size: 18px; } 
.map-bottom .bottom-info p span { font-size: 16px; } 
 }

@media only screen and (max-width: 768px){
 .map-top .map { background-size: 170%; background-position-x: 30%; } 
 }

@media only screen and (max-width: 640px){
 .map-info .dec { display: block; width: 100%; min-height: 1px; } 

#google-map, 
.map-top .map { min-height: 350px; } 
.map-info .dec.nth-2 p, .map-info .dec.nth-3 p { margin-top: 0; } 
.map-bottom .bottom-info { padding: 230px 20px 20px; } 

.map-bottom .bottom-info::after { top: 20px; left: 50%; transform: translateX(-50%); } 
 }

@media only screen and (max-width: 480px){
 .map_tab li { width: 50%; } 
.map_tab li a { padding: 24px 10px; } 

.map-info .dec.nth-1 .info { padding: 60px 0 0; } 
.map-info .info::after { top: 25px; } 

.map-info .info p { font-size: 18px; } 

.map-bottom .bottom-info p:nth-of-type(1):after,
.map-bottom .bottom-info p:nth-of-type(2):after { top: 14px; } 
 }



.location-map { height:600px; } 

@media only screen and (max-width: 1024px){
 .location-map { height:500px; } 
.location-map-toucharea { width: 100%; height: 100%; background: transparent; position: relative; z-index: 2; } 
 }





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*탭 버튼*/
.Contab { margin:0 0 30px 0; } 
.Contab-wrap { font-size:0; text-align:center; } 
.Contab-wrap::after { content:''; display: block; clear:both; } 
.Contab-wrap .item { display:inline-block; line-height:64px; max-width: calc(33.3% - 1px); } 
.Contab-wrap .item + .item { margin-left:1px; } 
.Contab-wrap .item a { display: inline-block; width:100%; border-bottom:2px solid #e4e4e4; padding:0 38px; color:#8c8c8c; font-weight:500; transition: all 0.3s ease-in-out; } 
.Contab-wrap .item a span { display: inline-block; font-size: 18px; line-height:1.3; position:relative; } 
.Contab-wrap .item a span::before { content:''; display: block; width:16px; height:16px; background:url('../images/contents/ico_tab_on.png') 0 0 no-repeat; position:absolute; top:-2px; right:100%; transform:translate(5px,-100%); transition: all 0.3s ease-in-out; opacity: 0; } 

.Contab-wrap .item a:hover,
.Contab-wrap .item.is-active a { color:#222; font-weight:700; border-color:#222; } 
.Contab-wrap .item a:hover span::before,
.Contab-wrap .item.is-active a span::before { top:-2px; right:0; transform:translate(5px,-100%); opacity: 1; } 



@media only screen and (max-width: 1024px){
 .Contab-wrap .item { line-height:60px; } 
.Contab-wrap .item a { padding:0 30px; } 
.Contab-wrap .item a span { font-size: 17px; } 
 }

@media only screen and (max-width: 768px){
 .Contab-wrap .item { width: calc(33.3% - 1px); } 
.Contab-wrap .item a { padding:0 15px; } 
.Contab-wrap .item a span { font-size: 16px; } 
 }

@media only screen and (max-width: 480px){
 .Contab-wrap .item { width: calc(33.3% - 1px); } 
.Contab-wrap .item a { padding:0 10px; } 
.Contab-wrap .item a span { font-size: 14px; } 
 }


/* 제품 리스트 스타일 type1*/
.product-list { border-bottom:1px solid #e3e3e3; overflow:hidden; margin-top:60px; } 
.product-list .list { font-size:0; } 
.product-list .item { display:inline-block; width:30%; vertical-align: top; margin-bottom:5%; text-align:center; } 
.product-list .item + .item { margin-left:5%; } 
.product-list .item:nth-of-type(3n + 1) { margin-left:0; } 



.product-list .link { display:block; } 

.product-list .thumb { display: block; overflow: hidden; background-color:#efefef; position:relative; } 
.product-list .thumb .image { display: block; transition:all 0.5s ease-in-out; background-image:url('../images/contents/noimage01.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; } 
.product-list .link:hover .thumb .image { transform: scale(1.3); } 

.product-list .thumb .brand { display:inline-block; background-color:#5a4099; color:#fff; text-align:center; position:absolute; top:0; right:0; padding:0px 15px; line-height:56px; max-width:50%; min-width:90px; transition:all 0.3s ease-in-out; } 

.product-list .thumb .brand.brand-01 { background-color:#482215; } 
.product-list .thumb .brand.brand-02 { background-color:#006507; } 
.product-list .thumb .brand.brand-03 { background-color:#365c52; } 
.product-list .thumb .brand.brand-04 { background-color:#826142; } 
.product-list .thumb .brand.brand-05 { background-color:#49357b; } 
.product-list .thumb .brand.brand-06 { background-color:#4c9895; } 

.product-list .link:hover .thumb .brand { background-color:#222; } 

.product-list .thumb .brand em { display: inline-block; font-size:15px; line-height: 1.2; } 


.product-list .desc { padding:40px 20px 0 20px; transition: all 0.3s ease-in-out; } 
.product-list .link:hover .desc { transform:translate(0, -20px) } 

.product-list .desc .name { display:block; font-size:25px; color:#222; font-weight:700; line-height:1.3; max-height: 64px; } 
.product-list .desc .vol { display:inline-block; line-height:33px; border:1px solid #222; padding:0 15px; margin-top:24px; color:#222; font-weight:700; transition:all 0.3s ease-in-out; } 
.product-list .desc .vol em { display: inline-block; font-size:16px; } 
.product-list .desc .vol em + em { padding:0 0 0 20px; position:relative; } 
.product-list .desc .vol em + em::before { content:'/'; display:inline-block; font-size:14px; color:#777; font-weight:300; position:absolute; top:50%; left:8px; transform:translate(0, -50%); } 

.product-list .desc .text { display: block; font-size:18px; color:#666; font-weight:300; line-height:1.3; max-height: 72px; margin-top:24px; } 

.product-list .link:hover .desc .name { color:#5a4099; } 

.product-list .link:hover .desc .vol { background-color:#5a4099; border-color: #5a4099; color:#fff; } 
.product-list .link:hover .desc .vol em::before { color:#ddd; } 
.product-list .link:hover .desc .text { color:#222; } 

.product-list .item.nodata { border-top:1px solid #222; } 




@media only screen and (max-width: 1024px){
 .product-list { margin-top:50px; } 

.product-list .thumb .brand { padding:0px 10px; line-height:48px; max-width:50%; min-width:90px; } 
.product-list .thumb .brand em { font-size:14px; } 

.product-list .desc { padding:30px 20px 0 20px; } 


.product-list .desc .name { font-size:20px; max-height: 56px; } 
.product-list .desc .vol { line-height:30px; padding:0 15px; margin-top:20px; } 
.product-list .desc .vol em { font-size:14px; } 
.product-list .desc .vol em + em { padding:0 0 0 15px; } 
.product-list .desc .vol em + em::before { font-size:12px; left:6px; } 

.product-list .desc .text { font-size:16px; max-height: 64px; margin-top:20px; } 
 }

@media only screen and (max-width: 768px){
 .product-list { margin-top:50px; } 
.product-list .item { width:46%; margin-bottom:8%; } 
.product-list .item + .item { margin-left:8%; } 
.product-list .item:nth-of-type(3n + 1) { margin-left:8%; } 
.product-list .item:nth-of-type(2n + 1) { margin-left:0%; } 
 }

@media only screen and (max-width: 640px){
 .product-list { margin-top:40px; } 
.product-list .item { width:calc(50% - 20px); margin-bottom:40px; } 
.product-list .item + .item { margin-left:40px; } 
.product-list .item:nth-of-type(3n + 1) { margin-left:40px; } 
.product-list .item:nth-of-type(2n + 1) { margin-left:0%; } 


.product-list .thumb .brand { padding:0px 10px; line-height:36px; max-width:100%; min-width:90px; } 
.product-list .thumb .brand em { font-size:12px; } 

.product-list .desc { padding:30px 15px 0 15px; } 


.product-list .desc .name { font-size:18px; max-height: 48px; } 
.product-list .desc .vol { line-height:28px; padding:0 10px; margin-top:15px; } 
.product-list .desc .vol em { font-size:13px; } 
.product-list .desc .vol em + em { padding:0 0 0 15px; } 
.product-list .desc .vol em + em::before { font-size:11px; left:6px; } 

.product-list .desc .text { font-size:15px; max-height: 60px; margin-top:15px; } 
 }


@media only screen and (max-width: 480px){
 .product-list { margin-top:40px; } 
.product-list .item { width:100%; margin-bottom:40px; } 
.product-list .item + .item { margin-left:0px; } 
.product-list .item:nth-of-type(3n + 1) { margin-left:0px; } 
.product-list .item:nth-of-type(2n + 1) { margin-left:0%; } 
 }



/* 제품 리스트 스타일 type2*/
.product-list.type2 { margin-top:0px; } 

.product-list.type2 .item { display:block; width:100%; margin-bottom:0%; text-align:left; border-top:1px solid #e1e1e1; position: relative; } 
.product-list.type2 .item + .item { margin-left:0%; } 
.product-list.type2 .item:nth-of-type(3n + 1) { margin-left:0; } 



.product-list.type2 .link { padding:3.5% 0; } 

.product-list.type2 .thumb { width:32%; display:inline-block; overflow: hidden; background-color:#efefef; position:relative; } 
.product-list.type2 .thumb .image { display: block; transition:all 0.5s ease-in-out; background-image:url('../images/contents/noimage02.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; } 
.product-list.type2 .link:hover .thumb .image { transform: scale(1.2); } 


.product-list.type2 .desc { display:inline-block; width:calc(100% - 32%); padding:2% 2% 0 4.3%; vertical-align: top; } 
.product-list.type2 .link:hover .desc { transform:translate(10px, 0) } 

.product-list.type2 .desc .name { font-size:30px; line-height:1; max-height:30px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } 
.product-list.type2 .desc .text { margin-top:5%; line-height:1.5; max-height:86px; } 

.product-list.type2 .item.nodata { border-top:1px solid #e1e1e1; } 

.product-list.type2 .admin-check { position:absolute; right:0; top:50%; transform:translate(0, -50%); } 


@media only screen and (max-width: 1024px){
 .product-list.type2 .link { padding:30px 0; } 
.product-list.type2 .thumb { width:32%; } 

.product-list.type2 .desc { width:calc(100% - 32%); padding:0 30px 0 40px; } 
.product-list.type2 .desc .name { font-size:24px; } 
.product-list.type2 .desc .text { margin-top:20px; max-height:76px; } 
 }

@media only screen and (max-width: 768px){
 .product-list.type2 .link { padding:30px 0; } 
.product-list.type2 .thumb { width:40%; } 
.product-list.type2 .desc { width:calc(100% - 40%); padding:0 30px 0 30px; } 

.product-list.type2 .desc .name { font-size:20px; } 
 }

@media only screen and (max-width: 640px){
 .product-list.type2 .link { padding:40px 0; } 
.product-list.type2 .link:hover .desc { transform:translate(0, 10px); } 
.product-list.type2 .thumb { width:100%; } 


.product-list.type2 .desc { width:100%; padding:30px 15px 0 15px; text-align:center; } 


.product-list.type2 .desc .name { font-size:18px; max-height: 48px; line-height:1.3; } 
.product-list.type2 .desc .text { font-size:15px; max-height: 60px; margin-top:15px; } 


.product-list.type2 .admin-check { position:static; transform:translate(0, 0%); text-align: center; margin-bottom:30px; } 
 }






/* 제품상세 */

.product__header { border-top:1px solid #e3e3e3; padding:5% 0 0 0; } 
.product__header-inner { display: table; table-layout: fixed; width:100%; } 
.product-photo,
.product-info { display:table-cell; width:50%; vertical-align:top; } 



.product-photobox { position:relative; } 
.product-photo .item { background:#f1f1f1 url('../images/contents/noimage01.png') 50% 50% no-repeat; background-size: contain; text-align: center; } 
.product-photo .item img { width: 100%; } 
/* dots*/
.product-photo .dots { position:absolute; bottom:38px; right:40px; font-size:0; transition: all 0.3s ease-in-out; z-index:2; } 

.product-photo .dots ul { display:block; font-size:0; } 
.product-photo .dots li { display:inline-block; cursor:pointer; margin:0; } 
.product-photo .dots li + li { margin-left:10px; } 
.product-photo .dots button { display:inline-block; position:relative; width:15px; height:15px; border:0; overflow:hidden; background-color:rgba(255, 255, 255, 0.7); box-sizing:border-box; transition:all .3s ease-in-out; font-size:0; } 
.product-photo .dots li:hover button { background-color:rgba(60, 60, 64, 1); } 
.product-photo .dots li.slick-active button { background-color:rgba(0, 0, 0, 1); } 



.product-info { padding: 0 0 0 6%; line-height:1.3; position:relative; } 
.product-info .product-infobox { padding-bottom:100px; } 
.product-info .brand { font-size:50px; color:#222; } 
.product-info .name { font-size:50px; color:#222; font-weight:700; line-height:1.3; } 
.product-info .name-e { font-size:20px; color:#9a9a9a; font-weight:500; margin:5px 0 0 0; } 

.product-info .vol { display:inline-block; line-height:33px; border:1px solid #222; padding:0 15px; min-width: 110px; margin-top:24px; color:#222; font-weight:700; transition:all 0.3s ease-in-out; text-align:center; } 
.product-info .vol em { display: inline-block; font-size:16px; } 
.product-info .vol em + em { padding:0 0 0 20px; position:relative; } 
.product-info .vol em + em::before { content:'/'; display:inline-block; font-size:14px; color:#777; font-weight:300; position:absolute; top:50%; left:8px; transform:translate(0, -50%); } 
.product-info .text { margin:24px 0 0 0; line-height:1.6; color:#666; font-size: 18px; font-weight:300; } 

.product-info .link { position:absolute; bottom:0; right:0; width:calc(100% - 12%); } 
.product-info .link a { display:block; text-align:center; background-color:#222; color:#fff; line-height:85px; transition: all 0.3s ease-in-out; } 
.product-info .link a span { display:inline-block; padding:0 0 0 50px; background:transparent url('../images/contents/ico_shop.png') 0 50% no-repeat; font-size:25px; font-weight: 700; } 

.product-info .link a:hover { background-color:#5a4099; transform:translate(0, -10px); } 


.product-contents { margin:120px 0 0 0; border-bottom:1px solid #e3e3e3; } 

.product-contents .item { margin:0 0 120px 0; } 

.product-contents .title { margin:0 0 26px 0; } 
.product-contents .title h4 { font-weight:700; color:#222; line-height:1.3; padding:0 0 0 46px; font-size:35px; background:transparent url('../images/contents/ico_pro01.png') 0 50% no-repeat; } 
.product-contents .item.nth-1 .title h4 { background-image:url('../images/contents/ico_pro01.png'); } 
.product-contents .item.nth-2 .title h4 { background-image:url('../images/contents/ico_pro02.png'); } 
.product-contents .item.nth-3 .title h4 { background-image:url('../images/contents/ico_pro03.png'); } 


.product-contents .item .desc { font-size:18px; font-weight:300; line-height:1.6; } 
.product-contents .item .desc p { margin-bottom:20px; } 
.product-contents .item .desc strong { font-weight: 700; vertical-align: baseline; } 


@media only screen and (max-width: 1280px){
 .product__header { padding:60px 0 0 0; } 


.product-info { padding: 0 0 0 5%; } 
.product-info .product-infobox { padding-bottom:100px; } 
.product-info .brand { font-size:40px; } 
.product-info .name { font-size:40px; } 
.product-info .name-e { font-size:18px; } 


.product-info .link { width:calc(100% - 10%); } 
.product-info .link a { line-height:70px; } 
.product-info .link a span { padding:0 0 0 48px; font-size:24px; } 
 }


@media only screen and (max-width: 1024px){
 .product__header { padding:60px 0 0 0; } 

.product-info { padding: 0 0 0 40px; } 
.product-info .product-infobox { padding-bottom:80px; } 
.product-info .brand { font-size:36px; } 
.product-info .name { font-size:36px; } 
.product-info .name-e { font-size:16px; } 



.product-info .vol { line-height:30px; padding:0 15px; margin-top:20px; } 
.product-info .vol em { font-size:14px; } 
.product-info .vol em + em { padding:0 0 0 15px; } 
.product-info .vol em + em::before { font-size:12px; left:6px; } 

.product-info .text { font-size:16px; margin-top:20px; } 


.product-info .link { width:calc(100% - 40px); } 
.product-info .link a { line-height:60px; } 
.product-info .link a span { padding:0 0 0 42px; font-size:20px; background-size:32px auto; } 


.product-photo .dots { bottom:20px; right:20px; } 


.product-contents { margin:100px 0 0 0; } 

.product-contents .item { margin:0 0 100px 0; } 

.product-contents .title { margin:0 0 20px 0; } 
.product-contents .title h4 { padding:0 0 0 38px; font-size:30px; background-size:32px auto; } 


.product-contents .item .desc { font-size:16px; } 
.product-contents .item .desc p { margin-bottom:20px; } 
 }


@media only screen and (max-width: 768px){
 .product__header { padding:40px 0 0 0; } 
.product__header-inner { display: block; } 
.product-photo,
.product-info { display:block; width:100%; } 


.product-photo .dots { bottom:15px; right:15px; } 


.product-info { padding: 40px 0 0 0; } 
.product-info .product-infobox { padding-bottom:80px; } 
.product-info .brand { font-size:32px; } 
.product-info .name { font-size:32px; } 
.product-info .name-e { font-size:16px; } 


.product-info .vol { line-height:28px; padding:0 10px; margin-top:15px; } 
.product-info .vol em { font-size:13px; } 
.product-info .vol em + em { padding:0 0 0 15px; } 
.product-info .vol em + em::before { font-size:11px; left:6px; } 

.product-info .text { font-size:15px; margin-top:15px; } 


.product-info .link { width:100%; } 
.product-info .link a { line-height:50px; } 
.product-info .link a span { padding:0 0 0 36px; font-size:18px; background-size:26px auto; } 


.product-contents { margin:80px 0 0 0; } 

.product-contents .item { margin:0 0 80px 0; } 

.product-contents .title { margin:0 0 15px 0; } 
.product-contents .title h4 { padding:0 0 0 30px; font-size:24px; background-size:24px auto; } 


.product-contents .item .desc { font-size:15px; } 
.product-contents .item .desc p { margin-bottom:18px; } 
 }


 /* ESG 환경 */
 .esg { letter-spacing: 0.02em; } 
.envi .sec01 { background-color: #f9f9f9; padding: 90px 0; margin-bottom: 120px; } 
.envi .sec01 ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 40px; } 
.envi .sec01 ul li { background-color: #fff; width: 20%; display: flex; flex-direction: column; align-items: center; row-gap: 20px; padding: 50px 30px; } 
.envi .sec01 ul li p { text-align: center; font-size: 19px; font-weight: 600; color: #333; line-height: 1.5; letter-spacing: -0.02em; } 
.envi .sec02 .tit { position: relative; margin-bottom: 40px; } 
.envi .sec02 .tit:before { content: ""; width: 98px; height: 51px; background: url(../images/contents/oem-img01.png) center no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.envi .sec02 .tit:after { content: ""; width: 1px; height: 60px; background: #8fa943; position: absolute; bottom: 0; left: 50%; } 
.envi .sec02 .tit h4 { font-size: 32px; color: #222; letter-spacing: -0.02em; text-align: center; padding: 75px 0 85px; } 
.envi .sec02 .tit h4 b { vertical-align: baseline; font-weight: 600; } 
.envi .product-table-wrap { overflow-x: auto; } 
.envi .product-table { --table-border: 1px solid #ccc; width: 100%; line-height: 1.2; } 
.envi .product-table thead th { padding: 20px 10px; border: var(--table-border); border-bottom: 0; background-color: #5F9D42; font-weight: 500; font-size: 18px; color: #fff; } 
.envi .product-table tbody th, 
.envi .product-table tbody td { padding: 20px 10px; border: var(--table-border); font-weight: 500; text-align: center; color: #444; } 
.envi .product-table tbody th { font-size: 20px; font-weight: 500; color: #333; } 
.envi .product-table tbody td { padding: 40px 20px 40px 70px; } 
.envi .product-table b { white-space: nowrap; } 
.envi .product-table tbody li { display: flex; align-items: center; } 
.envi .product-table tbody li:not(:first-child) { margin-top: 17px; } 
.envi .product-table tbody li p { font-size: 18px; color: #666; font-weight: 500; text-align: left; margin-left: 12px; line-height: 1.5; position: relative; padding-left: 35px;} 
.envi .product-table tbody li p:before {position: absolute;top: 2px;content: "1";background-color: #5A4099;min-width: 22px;min-height: 22x;color: #fff;font-weight: 600;font-size: 14px;border-radius: 5px;text-align: center; left: 0; top: 2px;} 
.envi .product-table tbody li:nth-child(2) p::before {content: "2"; } 
.envi .product-table tbody li:nth-child(3) p::before {content: "3"; } 

@media (max-width:1024px){
 .envi .sec01 ul li p { font-size: 17px; } 
.envi .sec01 ul { gap: 20px; } 
.envi .sec01 ul li { padding: 40px 20px; } 
.envi .sec02 .tit h4 { font-size: 28px; } 
 }
@media (max-width:768px){
 .envi .sec01 ul li p { font-size: 15px; } 
.envi .sec01 ul { display: grid; grid-template-columns: repeat(3, 1fr); } 
.envi .sec01 ul li { width: unset; } 
.envi .sec02 .tit h4 { font-size: 24px; } 
.envi .product-table thead th,
.envi .product-table tbody li p { font-size: 16px; } 
.envi .product-table tbody th { font-size: 18px; } 
.envi .product-table tbody td { padding: 40px 30px; } 
.envi .product-table tbody li span { font-size: 16px; } 
 }
@media (max-width:574px){
 .envi .sec01 ul { grid-template-columns: repeat(2, 1fr); } 
 }
@media (max-width:480px){
 .envi .sec01 ul { grid-template-columns: repeat(1, 1fr); } 
.envi .sec01 ul li p { font-size: 14px; } 
.envi .sec02 .tit h4 { font-size: 20px; } 
.envi .product-table thead th,
.envi .product-table tbody li p { font-size: 14px; } 
.envi .product-table tbody th { font-size: 16px; } 
 }

 /* ESG 사회 */
.social .sec01 .inner { display: flex; justify-content: space-between; align-items: center; } 
.social .sec01 .left { position: relative; z-index: 0; } 
.social .sec01 h4 { color: #222; font-size: 40px; font-weight: 700; line-height: 1.5; margin-bottom: 90px; } 
.social .sec01 h4 b { color: #5A4099; vertical-align: baseline; } 
.social .sec01 ol { background-color: #6E54AD; padding: 20px 60px; color: #fff; font-size: 22px; font-weight: 600; width: 150%; } 
.social .sec01 ol li { padding: 22px 0; display: flex; align-items: center; border-bottom: 1px dashed rgb(255, 255, 255, .4); } 
.social .sec01 ol li:last-child { border-bottom: none; } 
.social .sec01 ol li p:first-child { font-size: 16px; font-weight: 700; min-width: 30px; min-height: 30px; background-color: #fff; color: #5A4099; border-radius: 5px; margin-right: 25px; display: flex; justify-content: center; align-items: center; } 
.social .sec01 ol li p:last-child { line-height: 1.5; } 
.social .sec02 { margin-top: 120px; background-color: #f9f9f9; padding: 90px 0 150px; } 
.social .sec02 .tit { position: relative; margin-bottom: 70px; } 
.social .sec02 .tit:before { position: absolute; content: ""; top: 0; left: 50%; transform: translateX(-50%); width: 98px; height: 51px; background: url(../images/contents/010101_h3_before.png) no-repeat center / 100%; } 
.social .sec02 h5 { font-size: 32px; font-weight: 400; color: #222; padding-top: 70px; line-height: 1.5; text-align: center; } 
.social .sec02 h5 b { vertical-align: baseline; font-weight: 700; } 
.social .sec02 ul { display: flex; flex-wrap: wrap; justify-content: center; } 
.social .sec02 ul li { width: 33.3%; display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 30px; } 
.social .sec02 ul li:nth-child(even) { border-left: 1px dashed #d0d0d0; border-right: 1px dashed #d0d0d0; } 
.social .sec02 ul li p { text-align: center; line-height: 1.5; color: #333; font-size: 22px;} 

@media (max-width:1024px){
 .social .sec01 h4 { font-size: 36px; } 
.social .sec01 ol { font-size: 20px; font-weight: 500; } 
.social .sec02 h5 { font-size: 28px; } 
.social .sec02 ul li p { font-size: 20px; } 
 }
@media (max-width:768px){
 .social .sec01 h4 { font-size: 32px; } 
.social .sec01 ol { font-size: 16px; padding: 20px 40px; width: 170%; } 
.social .sec02 h5 { font-size: 24px; } 
.social .sec02 ul { row-gap: 30px; } 
.social .sec02 ul li { width: 50%; } 
.social .sec02 ul li p { font-size: 16px; } 
.social .sec02 ul li:nth-child(even) { border-right: none; } 
 }
@media (max-width:574px){
 .social .sec01 .inner { display: block; } 
.social .sec01 h4 { font-size: 28px; text-align: center; margin-bottom: 30px; } 
.social .sec01 ol { font-size: 16px; padding: 20px 40px; width: 100%; } 
.social .sec01 .right { display: none; } 
 }
@media (max-width:480px){
 .social .sec01 h4 { font-size: 24px; } 
.social .sec01 ol { font-size: 14px; } 
.social .sec02 h5 { font-size: 20px; } 
.social .sec02 ul { row-gap: 0; } 
.social .sec02 ul li { width: 100%; row-gap: 15px; padding: 35px 0; } 
.social .sec02 ul li:nth-child(even) { border-left: none; border-top: 1px dashed #d0d0d0; border-bottom: 1px dashed #d0d0d0; } 
 }

 /* ESG 지배구조 */
 .group .sec01 .inner { background: url(../images/contents/group_img01.jpg) no-repeat 50% 50%; background-size: cover; padding: 90px 100px 180px; position: relative; display: flex; justify-content: flex-end; line-height: 1.5; } 
 .group .sec01 .tit-box { min-width: 220px; min-height: 220px; display: flex; justify-content: center; align-items: center; background-color: #478928; position: absolute; top: 0; left: 0; } 
 .group .sec01 ol { color: #fff; width: 60%; } 
 .group .sec01 ol > li { display: flex; flex-direction: column; align-items: flex-start; padding: 50px 0; border-bottom: 1px dashed rgb(255, 255, 255, .7); } 
 .group .sec01 ol > li:last-child { border-bottom: none; } 
 .group .sec01 ol li div { display: flex; align-items: center; } 
 .group .sec01 ol li div span { font-size: 32px; min-width: 48px; min-height: 48px; background-color: #fff; color: rgb(95, 158, 66, .8); display: flex; justify-content: center; align-items: center; border-radius: 10px; font-weight: 700; } 
 .group .sec01 ol li div p { margin-left: 30px; font-size: 40px; font-weight: 600; } 
 .group .path { display: flex; justify-content: space-between; width: 100%; margin: 50px 0; } 
 .group .path li { font-size: 20px; font-weight: 600; width: 50%; text-align: right; padding: 40px; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); background: linear-gradient(to right, rgb(34, 34, 34, 0), rgb(34, 34, 34, .7)); } 
 .group .path li:last-child { clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%); background: linear-gradient(to right, rgb(34, 34, 34, .7), rgb(34, 34, 34, 0)); text-align: left; } 
 .group .etc { font-size: 24px; font-weight: 600; } 
 .group .etc li:last-child { margin-top: 5px; } 

 @media (max-width: 1024px){
 .group .sec01 .inner { background: url(../images/contents/group_img01.jpg) no-repeat 25% 50%; } 
.group .sec01 ol li div p { font-size: 32px; } 
.group .sec01 ol li div span { min-width: 42px; min-height: 42px; font-size: 28px; } 
.group .sec01 ol li div span { font-size: 18px; } 
.group .path li { font-size: 18px; } 
.group .etc { font-size: 22px; } 
.group .sec01 .tit-box { min-width: 180px; min-height: 180px; } 
.group .sec01 .tit-box h4 { text-align: center; } 
.group .sec01 .tit-box h4 img { width: 70%; } 
 }

 @media (max-width: 768px) {.group .sec01 .tit-box {left: 50%;transform: translateX(-50%) !important;min-width: 120px;min-height: 120px; } 
.group .sec01 .tit-box h4 img {width: 50%; } 
.group .sec01 .inner {padding: 120px 40px 120px; } 
.group .sec01 ol {width: 100%; } 
.group .sec01 ol li div p {font-size: 28px; } 
.group .sec01 ol li div span { font-size: 16px;min-width: 36px;min-height: 36px; } 
.group .sec01 ol > li {padding: 30px 0; } 
.group .path li {font-size: 16px;font-weight: 500; } 
.group .etc { font-size: 20px;font-weight: 500; } 
 }

 @media (max-width: 480px) {.group .sec01 .tit-box {min-width: 90px;min-height: 90px; } 
.group .sec01 .tit-box h4 img {width: 40%; } 
.group .sec01 .inner {padding: 120px 20px; } 
.group .sec01 ol li div p {font-size: 24px; } 
.group .sec01 ol li div span { font-size: 14px;min-width: 32px;min-height: 32px; } 
.group .path li {font-size: 14px; } 
.group .etc { font-size: 16px; } 
 }