@charset "utf-8";

/* 인사말 */
.greeting { width: 100%;}
.greeting-box { width: 100%; display: flex; justify-content: space-between; align-items: center;}
.greeting-img { width: 52%;}
.greeting-text { width: 44%;}
.greeting-img>img{ width: 100%; display: block; object-fit: cover; height: 100%;}  
.greeting-text>div:nth-child(2) { margin: 25px 0;}
.gt-text1>p { font-size: 18px; color: #454545; font-weight: 300; line-height: 1.667em; letter-spacing: -0.7px;}
.gt-text1>p>span { font-size: 21px; color: #3b3d8a; font-weight: 500;}
.vision-list { width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin: -12px 0;}
.vision-list>li { width: calc( 100% / 2 - 18px); background-color: #233f9211; padding: 45px 60px; box-sizing: border-box; margin: 12px 0; border-radius: 20px;}
.vision-listbox { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%;}

.vision-icon { background-color: #fff; border-radius: 20px; text-align: center; padding: 30px 0 35px; box-sizing: border-box; width: 43%; box-shadow: -3px 3px 7px rgba(0,0,0,.1); }
.vision-icon>h3 { font-size: 24px; font-weight: 700; color: #242424; margin-top: 15px;}
.vision-text { width: 46%;}
.vision-text>p { font-size: 19px; color: #454545; line-height: 1.579em; font-weight: 300; letter-spacing: -1px;}
.vision-text>p>span { color: #132b88; font-weight: 500;}


/* 사업소개 */
.business { width: 100%;}
.business-list { width: 100%; display: flex; justify-content: center; flex-wrap:wrap; margin: -30px 0 0;}
.business-list>li { width: calc( 100% / 3 - 20px); border: 1px solid #ddd; box-sizing: border-box; border-radius: 20px; padding: 55px 25px; text-align: center; margin-right: 30px; margin-top: 30px;}
.business-list>li:nth-child(3) { margin-right: 0;}
.business-list>li:last-child { margin-right: 0;}
.business-list>li>div { height: 100%;}
.business-list>li>div>h3 { font-size: 24px; font-weight: 700; color: #242424; margin-top: 10px;}
.business-list>li>div>p { font-size: 18px; font-weight: 300; color: #454545; margin-top: 20px; line-height: 1.444em; letter-spacing: -0.9px;}


/* 오시는길 */
.locate { width: 100%;}
.locate-box { width: 100%; display: flex; margin-top: 45px; border-top: 2px solid #868686; box-sizing: border-box; border-bottom: 1px solid #ddd; flex-wrap:wrap;}
.locate-box>li { text-align: center; width: calc(100%/4); border-right: 1px solid #ddd; box-sizing: border-box;}
.locate-box>li:last-child { border-right: none;}
.locate-ttl { background-color: #f0f0f6; padding: 15px 0; box-sizing: border-box;} 
.locate-ttl>h3 { font-size: 17px; font-weight: 600; color: #242424; }
.locate-text { padding: 30px 0 35px; box-sizing: border-box; }
.locate-text>p { font-size: 18px; color: #454545; font-weight: 300; line-height: 1.222em; margin-top: 15px;}


/* 제품소개.브랜드소개 리스트 */
.product { width: 100%; margin-top: 80px;}
.product-tab { display: flex; width: 100%; justify-content: flex-start; align-items: center; flex-wrap:wrap; gap: 10px; margin: 0 -9px 0 0;}
.product-tab>li {display: table; box-sizing: border-box; width: calc(100%/6 - 9px); min-height: 45px; text-align: center; font-size: 17px; color: #454545; font-weight: 400; line-height: 1.3em; cursor: pointer; transition: .2s;}
.product-tab>li>a { display: table-cell; vertical-align:middle; padding: 12px 0; height: 100%; border: 1px solid #ddd; line-height: 1.4em; padding: 2px 5px; word-break: break-all;}
.product-tab>li.ck-on { background-color: #132b88; color: #fff !important;}
.product-tab>li.ck-on>a {border: 1px solid #132b88;}
.pd-list { margin-top: 60px; }

/* 제품소개,브랜드소개 상세페이지 */
.pd-inside { width: 100%; margin-top: 130px;}

/* 상세페이지 swiper */
.pd-btm { position: relative; padding: 0 27px;}
.swiper-img {position: relative; width: 100%; padding-bottom: 67%;}
.pd-swiper-slide img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.pd-swiper-slide { background-size: cover; background-position: center;}
.pd-swiper2 {width: 100%; border: 1px solid #ddd; box-sizing: border-box; position: relative; overflow: hidden;}
.pd-swiper {margin-top: 15px;}
.pd-swiper .swiper-slide:after {content:''; position: absolute;  top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd;}
.pd-swiper .swiper-slide-thumb-active:after {border: 2px solid #132b88;}

.swiper-button-next { right: 0;background: #b2b2b2 url("../images/sub/sub2_rightbt_w.png") center center no-repeat; width: 39px; height: 39px;}
.swiper-button-next::after, .swiper-button-prev::after { display: none;}
.swiper-button-prev { left: 0; background: #b2b2b2 url("../images/sub/sub2_leftbt_w.png") center center no-repeat; width: 39px; height: 39px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1;}
.swiper-navigation { position: absolute; right: 0; bottom: 0; height: 32px;}
.swiper-navigation .swiper-button-prev {left: auto; right: 40px;}

.pd-swiper-btn2 { background: url(../images/sub/sub2_leftbt_b.png) center no-repeat;width: 17px !important; left: 0;}
.pd-swiper-btn1 { background: url(../images/sub/sub2_rightbt_b.png) center no-repeat; width: 17px !important; right: 0;}

/* 직접생산/법정장비(board.css) */
.direct { margin-top: 110px;}

/* 견적문의(all) */
.estimate { margin: auto ; max-width: 1200px; width: 100%;}
.board-es-text { text-align: right; padding-bottom: 5px; font-size: 16px; color: #454545;}
.board-es-text span { color: #d60011;}

/* 고객문의(all) */
.notice { width: 100%; margin: auto; max-width: 1200px;}