@charset "utf-8";
/* 공통 */
.sub-pd { padding: 150px 0;}
.sub-pd.gray { background: #f9f9f9; }
.sub-pd.pt { padding-top: 150px; padding-bottom: 0; }
.sub-pd.pb { padding-bottom: 150px; padding-top: 0; }

/* Overview */
.ov-bg { padding: 100px 0; background: #2c2c2c; color: #fff; }
.ov-bg h3 { font-size: 45px; font-weight: 900; line-height: 1.33em; margin-bottom: 15px; color: #d84d4d; }
.ov-tit { font-size: 32px; font-weight: 600; line-height: 1.5em; }
.ov-tit.black { color: #121212; margin-bottom: 30px; }
.ov-swiper { padding: 85px 0; width: 100%; position: relative; overflow: hidden; }
.ov-swiper-slide { border-radius: 32px; overflow: hidden; display: block; box-shadow: 0 0 60px rgba(0,0,0,0.59);}
.ov-swiper-slide .thumb { padding-bottom: 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.ov-swiper-slide .abbox { display: flex; align-items: flex-start; flex-direction: column; position: absolute; left: 0; width: 100%; height: 100%; top: 0; border-radius: 32px; text-align: left; padding: 50px 40px; justify-content: space-between;}
.ov-swiper-slide .ov-tit { font-weight: 800; }
.ov-swiper-slide .txt { font-size: 20px; line-height: 1.6em; }
.ov-swiper .swiper-slide-active { transform: translateY(-40px);}
.ov-swiper .swiper-slide-prev { opacity: 0.7 !important;}
.ov-pagi { max-width: 1400px; margin: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; z-index: 11;}
.ov-prev, .ov-next { width: 50px; height: 70px; margin-top: -35px; background-repeat: no-repeat; background-position: center; background-size: 14px; border: 1px solid #fff; background-color: transparent;}
.ov-prev { background-image: url(../images/sub/sub1-ban-left.png); left: 0;}
.ov-next { background-image: url(../images/sub/sub1-ban-right.png); right: 0;}
.ov-title { line-height: 1.2em; font-size: 56px; font-weight: 800; color: #771a14; margin-bottom: 30px; }
.ov-subtit { font-size: 32px; font-weight: 700; color: #771a14; line-height: 1.4em; margin-bottom: 20px;}
.ov-txt { line-height: 1.666em; font-size: 18px; margin-bottom: 35px; }
.ov-txt strong { font-weight: 700; color: #121212; }
.ov-fx { display: flex; align-items: flex-start; margin-bottom: 35px; }
.ov-fx.al { align-items: center; margin-bottom: 0 !important;}
.ov-fx.rv { flex-direction: row-reverse;}
.ov-fx.fx2 { justify-content: space-between; margin-bottom: 150px; }
.ov-fx .ov-txt { flex: 1 1 auto; min-width: 0; width: 1%; margin-bottom: 0; padding-left: 60px; }
.ov-fx.fx2 .ov-txt { width: 100%; padding-left: 0;}
.ov-fx.fx2 .left { width: 54%; padding-right: 150px; }
.ov-fx.rv .left { padding-right: 0; padding-left: 50px; }
.ov-img { display: flex; gap: 20px; }
.ov-img img { flex: 1; }
.ov-ph { background: url(../images/sub/sub1-1-bg.png) center no-repeat; background-size: cover; height: 750px; position: relative; margin-bottom: 150px; }
.ov-list { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; gap: 40px; flex-wrap: wrap; padding: 0 60px;}
.ov-list li { width: calc(100%/4 - 30px); border-radius: 0 20px 0 20px; box-shadow: 0 0 7px rgba(0,0,0,0.2); overflow: hidden;}
.ov-list li .tit { font-size: 32px; line-height: 1em; font-weight: 700; color: #fff; background: #a82e31; padding: 25px 5px; text-align: center;}
.ov-list li .txt { min-height: 200px; padding: 18px 20px; font-size: 20px; line-height: 1.6em; color: #121212; background: #fff; }
.ov-list2 { display: flex; gap: 20px; flex-wrap: wrap;}
.ov-list2 li { width: calc(100%/4 - 15px); }
.ov-list2 li .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.ov-list2 li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.ov-list2 li .thumb .abbox { width: 215px; height: 40px; position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; background: #878787; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; font-size: 20px; font-weight: 700; }
.ov-txtbox { text-align: center; padding-top: 80px; }
.ov-txtbox .ov-tit.black { font-weight: 800;}
.ov-txtbox .ov-txt { margin-bottom: 0; }

/* History */
.hst { border-top: 2px solid #121212;}
.hst .group { display: flex; align-items: flex-start; padding: 80px 0; border-bottom: 1px solid #ddd; justify-content: space-between;}
.hst .group .left { width: 64%; padding-right: 150px; }
.hst .group .right { width: 36%; text-align: right; }
.hst .group .left h3 { font-size: 40px; font-weight: 800; line-height: 1em; color: #771a14; margin-bottom: 27px; }
.hst .group .left .txtbox { padding-left: 20px; position: relative; }
.hst .group .left .txtbox::before { content: ""; position: absolute; left: 0; top:13px; width: 6px; height: 6px; border-radius: 6px; background: #121212;}
.hst .group .left .txtbox h4 { font-size: 20px; font-weight: 700; color: #121212; line-height: 1.7em; margin-bottom: 12px; }
.hst .group .left .txtbox p { font-size: 18px; line-height: 1.666em; }
.hst .group:nth-child(even) { flex-direction: row-reverse; }
.hst .group:nth-child(even) .right { width: 64%; padding-right: 150px; text-align: left;}
.hst .group:nth-child(even) .left { padding-right: 0; width: 36%; }

/* Information */
.im-tab {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; }
.im-tab li { width: 217px; height: 50px; background: #f4f4f4; border-radius: 25px; }
.im-tab.wt li { width: 260px; text-align: center; }
.im-tab li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; line-height: 1.2em; font-weight: 600; }
.im-tab li.active { background: #771a14; }
.im-tab li.active a { color: #fff; }

/* Retro */
.rt-wrap { border-top: 2px solid #121212; padding-top: 60px;}
.rt-cen { margin: 100px 0 260px; text-align: center; }
.rt-cen .ov-txt { margin-bottom: 100px; }
.rt-cen.mg {margin: 100px 0 0;}
.rt-cen.mg .ov-txt { margin-bottom: 40px; }
.rt-fx { display: flex; align-items: center; margin-bottom: 60px; }
.rt-fx .thumb { width: 29%; }
.rt-fx .thumb>div {position:relative; padding-bottom:100%; overflow:hidden;}
.rt-fx .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.rt-fx .info { width: 71%; padding-left: 150px; }
.rt-title { font-size: 24px; font-weight: 700; color: #121212; line-height: 1.3em; margin-bottom: 30px; }
.rt-fx .info .ov-txt { margin-bottom: 0; }
.rt-fx .info .ov-txt strong { display: block; }
.rt-fx.rv { flex-direction: row-reverse;}
.rt-fx.rv .info { padding-left: 0; padding-right: 150px; }
.rt-img { display: flex;}
.rt-img.gap { gap: 100px; margin-bottom: 100px; }
.rt-img.gap li { width: calc(100%/2 - 50px);}
.rt-img.gap li .thumb  {position:relative; padding-bottom:56.25%; overflow:hidden;}
.rt-img.gap li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.rt-img img { flex: 1;}
.rt-gray { background: #f9f9f9; text-align: center; padding: 50px 10px;}

/* catalogue */
.cata-list { display: flex; flex-wrap: wrap; gap: 80px; }
.cata-list li { width: calc(100%/4 - 60px); text-align: center; }
.cata-list li a { display: block; width: 100%; }
.cata-list li .thumb {position:relative; padding-bottom:150%; overflow:hidden;}
.cata-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.cata-list li .txtbox {border: 1px solid #ddd; border-top: none; padding: 28px 10px ;}
.cata-list li .txtbox .tit { line-height: 1.2em; font-weight: 600; color: #121212; margin-bottom: 33px; }
.cata-list li .txtbox .download { background: #505050; width: 130px; height: 34px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; padding-right: 23px; font-size: 14px; font-weight: 400; position: relative; transition: .2s; margin: auto;}
.cata-list li .txtbox .download::after { content: ""; position: absolute; width: 14px; height: 13px; background: url(../images/sub/download.png) center no-repeat; background-size: contain; right: 25px; }
.cata-list li a:hover .txtbox .download { background: #771a14;}

/* certification */
.certi-list { display: flex; flex-wrap: wrap; gap: 40px; }
.certi-list li { width: calc(100%/4 - 30px); text-align: center; }
.certi-list li a { display: block; width: 100%; }
.certi-list li .thumb {position:relative; padding-bottom:141%; overflow:hidden; margin-bottom: 18px; }
.certi-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.certi-list li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 4px solid #505050; box-shadow: inset 5px 5px 10px rgba(0,0,0,0.2);}
.certi-list li .tit { font-weight: 600; line-height: 1.3em; color: #121212; }

/* VIDEO */
.vd-tab { display: flex; margin-bottom: 40px; gap: 30px; }
.vd-tab li a { display: inline-block; font-size: 18px; font-weight: 600; line-height: 1.3em; color: #ccc; }
.vd-tab li.active a { color: #771a14; font-weight: 700; }
.vd-list { display: flex; gap: 60px 21px; flex-wrap: wrap;}
.vd-list li { width: calc(100%/3 - 14px); text-align: left; }
.vd-list li a { display: block; }
.vd-list li .thumb {position:relative; padding-bottom:56.25%; margin-bottom:25px; overflow:hidden; }
.vd-list li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.vd-list li .tit { overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 18px; font-weight: 700; color: #121212; line-height: 1.5em; margin-bottom: 10px; }
.vd-list li .txt { line-height: 1.2em; font-size: 14px; color: #878787; border-bottom: 2px solid #ddd; transition: .2s; padding-bottom: 25px;}
.vd-list li a:hover .txt {border-bottom-color: #771a14;}

/* DISTRIBUTION */
.dt .contain { max-width: 1860px;}

.find-store-wrap {position:relative; display:flex; overflow:hidden; height:100vh; max-height:900px;}
.find-store-wrap .left { width: 26%; min-width: 460px; border: 1px solid #ddd; background: #f9f9f9; }
.find-search-wrap { padding: 40px; }
.find-search-wrap h3 { line-height: 1em; font-size: 20px; font-weight: 700; color: #2c2c2c; margin-bottom: 30px; }
.find-search-wrap .search { width: 100%; position: relative; }
.find-search-wrap .search .input { width: 100%; padding-right: 60px; font-size: 14px; height: 60px; color: #ccc;}
.find-search-wrap .search .btn-sch { width: 60px; height: 60px; border: none; background: transparent url(../images/sub/map-sch.png) center no-repeat; background-size: 20px; position: absolute; right: 0; top: 0; text-indent: -9999em;} 
.find-store-list {position:relative; overflow:auto; height: 73vh;}
.find-cate { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.find-cate .input { width: 50%; height: 60px; font-size: 16px; font-weight: 600; color: #121212; border: none; border-right: 1px solid #ddd; padding-left: 40px; }

.find-store-list .list-area > ul > li {position:relative; width:100%; border-bottom:1px solid #ddd; padding: 35px 40px; transition: .2s;}
.find-store-list .list-area > ul > li.active { background: #fff; }
.find-store-list .list-area > ul > li:hover { background: #fff; }
.find-store-list .list-area .tit {margin-bottom:12px; line-height:1.5em; font-weight:600; letter-spacing:-.03em; color:#2c2c2c; font-size: 18px; }
.find-store-list .list-area .txt { font-size: 15px; font-weight: 300; color: #878787; line-height: 1.5em; margin-bottom: 10px; }
.find-store-list .list-area .info li {display:flex; align-items:center; gap:10px; font-size:clamp(13px, calc(15 / 1600 * 100vw), 15px); line-height:1.6em; letter-spacing:-.03em; color:#505050; font-weight: 400; margin-bottom: 6px; }
.find-store-list .list-area .info li:last-child { margin-bottom: 0; }
.find-store-list .list-area .info li .icon {width:15px; min-width:15px; line-height:0;}

.find-store-map {position:relative; overflow:hidden; flex:1;}
#map {position:relative; width:100%; height:100%;}

.customoverlay {display: flex; align-items: flex-start; position:relative; z-index:20; padding:35px; background:#fff; border:2px solid #2c2c2c;  white-space:nowrap; width: 100%; }
.customoverlay .thumb { width: 80px; margin-right: 20px; }
.customoverlay .thumb>div {position:relative; padding-bottom:100%; overflow:hidden;}
.customoverlay .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.customoverlay .info { flex: 1 1 auto; min-width: 0; width: 1%; }
.customoverlay .info .tit { font-size: 16px; font-weight: 600; line-height: 1.3em; color: #2c2c2c; margin-bottom: 6px; }
.customoverlay .info .txt { font-size: 14px; font-weight: 300; color: #505050; line-height: 1.5em; margin-bottom: 10px; }
.customoverlay .info .icon { font-size: 15px; font-weight: 400; color: #505050; line-height: 1.2em; margin-bottom: 10px; }
.customoverlay .info .icon img { margin-right: 5px; }
.customoverlay .info .info-fx { margin-top: 16px; display: flex; justify-content: space-between; align-items: center; }
.customoverlay .info .info-fx .details-btn { width: 70px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: #121212; color: #fff; line-height: 1em; font-size: 13px; font-weight: 600; }
.customoverlay .info .info-fx .close-btn { display: inline-block; font-size: 12px; font-weight: 300; color: #505050; position: relative; padding-right: 15px;}
.customoverlay .info .info-fx .close-btn::after { content: ""; position: absolute; right: 0; width: 10px; height: 10px; background: url(../images/sub/custom-close.png) center no-repeat; background-size: contain; top: 1px;}
.gm-style-iw-chr { display: none;}
.gm-style .gm-style-iw-c { padding: 0 !important; border-radius: 0 !important; max-width: 720px !important; width: 100%; }
.gm-style .gm-style-iw-d { overflow: unset !important;}
.gm-style .gm-style-iw-tc { width: 0 !important; height: 0 !important; }
.gm-style .gm-style-iw-tc::after { content:''; position:absolute; top:-2px; left:-9px; width:19px; height:14px; background:url('/images/sub/vertex-white.png') 50% 0/contain no-repeat; right: 0; margin: auto; clip-path: none; }
.btn-view-map {display:none;}
.btn-view-list {display:none;}

/* 상세 */
.find-store-close {position:absolute; top:-15px; right:-15px; z-index:10;}
.store-view-wrap {width:90vw; max-width:1400px; background: #fff; display: flex; align-items: center; }
#viewMap { width: 50%; height: 820px; position: sticky; top: 0; }
#viewMap iframe { width: 100%; height: 100%; }
.store-view-info { flex: 1 1 auto; min-width: 0; width: 1%; padding: 20px 60px; overflow: auto; min-height: 820px; display: flex; align-items: center; }
.store-view-info h3 { font-size: 24px; line-height: 1.25em; font-weight: 700; color: #2c2c2c; margin-bottom: 15px; }
.store-view-info h4 { font-size:18px; font-weight: 700; margin-bottom: 25px; line-height: 1.3em; color: #771a14; }
.st-view-list { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.st-view-list li { width: auto; display: flex; align-items: flex-start;}
.st-view-list li .icon { width: 32px; text-align: center; margin-right: 15px; }
.st-view-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; line-height: 1.5em; padding-top: 3px;}
.st-view-list.list2 { gap: 10px 60px; }
.st-tbl-wrap { overflow: auto; margin-top: 70px; }
.st-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
.st-tbl tr { border-bottom: 1px solid #ddd;}
.st-tbl tr th { border-right: 1px solid #ddd; font-size: 14px; font-weight: 700; color: #2c2c2c; padding: 20px 5px; }
.st-tbl tr td { font-size: 14px; padding: 20px 5px; text-align: center; line-height: 1.7em; }

/* INQUIRY */
.ct-form { background: #f4f4f4; padding: 40px;}
.ct-form .inner { background: #fff; padding: 60px; margin-bottom: 40px; }
.ct-form .inner:last-child { margin-bottom: 0; }
.ct-form .inner dl { margin-bottom: 60px; }
.ct-form .inner dl:last-child { margin-bottom: 0; }
.ct-form .inner dl dt { display: inline-block; position: relative; font-size: 20px; line-height: 1em; color: #121212; margin-bottom: 10px; font-weight: 600; }
.ct-form .inner dl dt::after { content:""; position: absolute; right: -14px; top: 0; width: 6px; height: 6px; border-radius: 6px; background: #da2128; }
.ct-form .inner dl dd .input { height: 40px; border: none; border-bottom: 1px solid #878787; font-size: 16px; color: #505050; padding: 0; }
.ct-form .inner dl dd .input:focus { outline: none; border-bottom-color: #771a14;}
.ct-form .inner .form-agree { margin: 0;}

/* product plants 공통 */
.plants-view-tab {text-align:center; margin-bottom:100px;}
.sticky .plants-view-tab { position: sticky; top: 0; left: 0; z-index: 50; }
.plants-view-tab.mg { margin-bottom: 0; }
.plants-view-tab ul {display:flex;}
.plants-view-tab ul li {flex:1; height:80px; border-right:0; border-bottom:2px solid #771a14; background:#f9f9f9; position: relative; }
.plants-view-tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; color:#121212; font-size:18px; font-weight:400; line-height:1.3em;}
.plants-view-tab ul li::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 16px; background: #ccc; }
.plants-view-tab ul li:last-child::after { display: none; }
.plants-view-tab ul li.active {border:2px solid #771a14; border-bottom:1px solid #fff; background:#fff;}
.plants-view-tab ul li.active::after { display: none; }
.plants-view-tab ul li.active a { font-weight: 600; color: #771a14;}
.plant-titbox { text-align: center; margin-bottom: 100px; }
.plant-tit { font-size: 40px; font-weight: 700; color: #121212; line-height: 1.2em; margin-bottom: 25px; text-align: center; }
.plant-subtit { font-size: 24px; line-height: 1.6em; font-weight: 300; color: #121212; text-align: center; }
.plant-subtit.clr { color: #771a14; margin-bottom: 60px; }
.plant-titbox p { font-size: 18px; color: #505050; font-weight: 600; line-height: 1.6em; }
.plant-big { position: relative; margin-bottom: 100px; }
.plant-big .abbox { position: absolute; display: inline-block; border: 1px solid #121212; bottom: 50px; right: 50px; background: rgba(255,255,255,0.85); padding: 45px 50px;}
.plant-big .abbox h3 { font-size: 32px; font-weight: 700; color: #121212; line-height: 1.3em; margin-bottom: 30px; }
.plant-big .abbox ul li { margin-bottom: 15px; display: flex; }
.plant-big .abbox ul li:last-child { margin-bottom: 0; }
.plant-big .abbox ul li .tit { width: 145px; position: relative; padding-left: 15px; line-height: 1.5em; font-size: 20px; font-weight: 600; color: #121212; }
.plant-big .abbox2 ul li .tit { width: 115px;}
.plant-big .abbox ul li .tit::before { content: ""; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #121212; top: 11px; }
.plant-big .abbox ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 20px; font-weight: 300; color: #121212; line-height: 1.5em; }
.plant-map { margin-bottom: 100px; }
.plant-map iframe { width: 100%; height: 650px;}
.plant-tbl-wrap { overflow: auto; margin-top: 20px; }
.plant-tbl { width: 100%; border-collapse: collapse; border-top: 2px solid #121212;}
.plant-tbl tr { border-bottom: 1px solid #ddd;}
.plant-tbl tr th { line-height: 1em; background: #f9f9f9; font-size: 20px; font-weight: 700; color: #2b2b2b; padding: 24px 5px;}
.plant-tbl tr td { font-size: 18px; font-weight: 400; padding: 20px 5px; padding-left: 30px; }

/* pocheon */
.pocheon-imgwrap { margin-top: 100px;}
.pocheon-img { text-align: center; margin-bottom: 10px; }
.pocheon-img img { width: 100%; }
.pocheon-img.fx { display: flex; gap: 10px; }
.pocheon-img.fx>div { width: calc(100%/2 - 5px);}
.pocheon-img.fx>div img.mg { margin-bottom: 10px; }
.pocheon-img.fx.rv { flex-direction: row-reverse;}

/* guro */
.guro1 { padding-top: 200px; }
.guro-swp { margin-bottom: 100px; }
.fac-b-swiper { width: 100%; height: 80%; overflow: hidden; margin-top: 50px; position: relative;}
.fac-b-swiper-slide { position: relative; }
.fac-b-swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fac-s-swiper { height: 20%;  box-sizing: border-box; padding: 10px 0; margin-top: 10px; overflow: hidden; position: relative;}
.guro-swp .swiper-slide .thumb {position:relative; padding-bottom:56.25%; overflow:hidden;}
.guro-swp .swiper-slide .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.fac-s-swiper .swiper-slide { cursor: pointer;}
.fac-s-swiper .swiper-slide-thumb-active .thumb::after { border: 1px solid #771a14; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.fac-tit { color: #fff; position: absolute; font-weight: 300; font-size: 24px; letter-spacing: -.03em; bottom: 0; z-index: 111; background: rgba(0,0,0,0.7); display: block; width: 100%; height: 100px; line-height: 100px; padding-left: 40px;}
.fac-btbox { position: absolute; display: flex; align-items: center; z-index: 1; bottom: 0; height: 100px; line-height: 100px; right: 40px; gap: 20px; }
.fac-swiper-button-next::after, .fac-swiper-button-prev::after { display: none; }
.fac-swiper-button-next, .fac-swiper-button-prev { position: relative; width: 11px; height: 19px; top: 0; margin-top: 0; background-size: contain !important; }
.fac-swiper-button-prev { background: url(../images/sub/plant-left.png) center no-repeat; left: 0; transition: .3s;}
.fac-swiper-button-next { background: url(../images/sub/plant-right.png) center no-repeat; right: 0; transition: .3s;}
.fac-btbox .swiper-pagination {position: relative; color: #fff; top: 0; font-size: 18px !important; letter-spacing: -.03em !important;}
.guro-imgwrap { margin-bottom: 100px;}
.guro-img { text-align: center; margin-bottom: 80px; position: relative; }
.guro-img:last-child { margin-bottom: 0;}
.guro-img img { width: 100%; }
.guro-img .tit { color: #fff; position: absolute; font-weight: 300; font-size: 24px; letter-spacing: -.03em; bottom: 0; z-index: 111; background: rgba(0,0,0,0.7); display: block; width: 100%; height: 100px; line-height: 100px; padding-left: 40px; text-align: left;}

/* LOCATION */
.lct-map iframe { height: 600px; width: 100%; }
.lct-info { position: relative; top: -150px; background: #fff; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); padding: 55px 60px; }
.lct-info h2 { font-size: 32px; font-weight: 700; color: #771a14; line-height: 1.3em; padding-bottom: 30px; border-bottom: 2px solid #ddd;}
.lct-list { display: flex; flex-wrap: wrap; gap: 30px 10px; margin-top: 30px; }
.lct-list li { display: flex; width: calc(100%/2 - 5px); align-items: flex-start;}
.lct-list li .tit { width: 200px; display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #121212; }
.lct-list li .tit.wt { width: 245px; }
.lct-list li .tit .icon { width: 32px; }
.lct-list li .tit strong { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 10px; display: inline-block;}
.lct-list li .txt { flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 4px;}
.lct-img { display: flex; margin-bottom: 10px; gap: 10px; }
.lct-img>div { width: calc(100%/3); }
.lct-img img { width: 100%; }
.lct-img img.mg { margin-bottom: 10px; }
.lct-img .left { max-width: 510px; width: 100%;} 
.lct-img .right { flex: 1 1 auto;  min-width: 0; width: 1%; }

/* 제품 공통 */
.pd { display: flex; height: 100%; }
.pd-tab { max-width: 300px; border-top: 2px solid #121212; margin-right: 100px; width: 100%; position: sticky; top: 30px; height: 100%;}
.pd .contents { flex: 1 1 auto; min-width: 0; width: 1%; }
.pd-tab .first>li { border-bottom: 1px solid #121212;}
.pd-tab .first>li>a { position: relative; line-height: 1.3em; font-size: 18px; font-weight: 700; color: #121212; padding: 30px 0; display: block;}
.pd-tab .first>li>a::after { content: ""; position: absolute; right: 0; background: url(../images/sub/pd-tab-down.png) center no-repeat; background-size: contain; width: 20px; height: 20px; }
.pd-tab .first>li.active>a { color: #771a14; }
.pd-tab .first>li.active>a::after { background-image: url(../images/sub/pd-tab-up.png); }
.pd-tab .second { display: none; }
/* .pd-tab .first>li.active .second { display: block; } */
.pd-tab .second>li { border-bottom: 1px solid #ddd;}
.pd-tab .second>li>a { position: relative; line-height: 1.3em; font-size: 17px; font-weight: 600; color: #121212; padding: 24px 0; display: block; padding-left: 10px; }
.pd-tab .second>li>a::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url(../images/sub/pd-tab-down2.png) center no-repeat; background-size: contain; width: 14px; height: 9px; }
.pd-tab .second>li.active>a { color: #771a14;  padding-bottom: 16px;}
.pd-tab .second>li.active>a::after { background-image: url(../images/sub/pd-tab-up2.png); }
.pd-tab .third { display: none; }
/* .pd-tab .second>li.active .third { display: block; } */
.pd-tab .third>li { padding-left: 10px; }
.pd-tab .third>li>a { position: relative; line-height: 1.3em; font-size: 16px; font-weight: 500; color: #878787; display: block; padding: 15px 0 ;}
.pd-tab .third>li.active>a { margin-bottom: 15px; color: #121212; padding: 0;}
.pd-tab .four { background: #f9f9f9; padding: 16px 20px; display: none; }
/* .pd-tab .third>li.active .four { display: block; } */
.pd-tab .four li { margin-bottom: 5px; width: 100%; }
.pd-tab .four li:last-child { margin-bottom: 0; }
.pd-tab .four li a { color: #505050; display: block; }
.pd-tab .four li a:hover { color: #771a14; text-decoration: underline; text-underline-position: under;}

/* 제품 리스트 */
.product .top { padding-bottom: 80px; border-bottom: 1px solid #ddd; margin-bottom: 80px; }
.product .top ul { display: flex; gap: 21px; flex-wrap: wrap; align-items: center;}
.product .top ul li { width: calc(100%/3 - 14px); }
.product .top ul li .iframebox {position:relative; padding-bottom:62.7%; background: #fff; transition: .2s; border: 1px solid #ddd;}
.product .top ul li .iframebox iframe,
.product .top ul li .iframebox object,
.product .top ul li .iframebox embed,
.product .top ul li .iframebox video {position: absolute;top:0;left:0;width:100%;height:100%; object-fit: cover;}
.product .top ul li .txtbox a { display: block; padding-top: 40px; width: 100%; }
.product .top ul li .txtbox .tit { font-size: 20px; font-weight: 700; line-height: 1.3em; color: #121212; margin-bottom: 8px; }
.product .top ul li .txtbox .view { margin-top: 25px; width: 150px; height: 40px; display: flex; align-items: center; border-radius: 20px; border: 1px solid #ddd; line-height: 1em; font-weight: 500; color: #121212; position: relative; padding-left: 25px; transition: .2s;}
.product .top ul li .txtbox .view::after { content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 8px; height: 11px; background: url(../images/sub/pd-view.png) center no-repeat; background-size: contain; transition: .2s;}
.product .top ul li .txtbox a:hover .view { background: #771a14; border-color: #771a14; color: #fff; }
.product .top ul li .txtbox a:hover .view::after { background-image: url(../images/sub/pd-view-w.png);}
.product .bottom ul { gap: 80px 20px; display: flex; flex-wrap: wrap;}
.product .bottom ul li { width: calc(100%/4 - 15px); }
.product .bottom ul li a { display: block; position: relative; overflow: hidden;}
.product .bottom ul li .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.product .bottom ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.product .bottom ul li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}
.product .bottom ul li .txtbox { padding-top: 40px; }
.product .bottom ul li .txtbox .tit { font-size: 20px; font-weight: 700; line-height: 1.3em; color: #121212; margin-bottom: 8px; }
.product .bottom ul li .txtbox .view { margin-top: 25px; width: 150px; height: 40px; display: flex; align-items: center; border-radius: 20px; border: 1px solid #ddd; line-height: 1em; font-weight: 500; color: #121212; position: relative; padding-left: 25px; transition: .2s;}
.product .bottom ul li .txtbox .view::after { content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 8px; height: 11px; background: url(../images/sub/pd-view.png) center no-repeat; background-size: contain; transition: .2s;}
.product .bottom ul li a:hover .view { background: #771a14; border-color: #771a14; color: #fff; }
.product .bottom ul li a:hover .view::after { background-image: url(../images/sub/pd-view-w.png);}


/* 제품 상세페이지 */
.product-summary { display: flex; align-items: flex-start; gap: 80px; flex-wrap: wrap; margin-bottom: 120px; }
.product-summary>div { width: calc(100%/2 - 40px); }
.pd-swiper { width: 100%; position: relative; overflow: hidden; margin-bottom: 10px; }
.pd-swiper-slide { width: 100%; position: relative; overflow: hidden;}
.pd-swiper-slide .thumb {position:relative; padding-bottom:100%; overflow:hidden; }
.pd-swiper-slide .thumb img {position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:auto !important; object-fit:contain;}
.pd-swiper-slide .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd; }
.pd-btm { position: relative; }
.pd-swiper2 .swiper-slide { opacity: 0.5 !important;}
.pd-swiper2 .swiper-slide-thumb-active .thumb::after { border: 2px solid #771a14;}
.pd-swiper2 .swiper-slide-thumb-active { opacity: 1 !important; }
.pd-prev::after, .pd-next::after { display: none; }
.pd-prev, .pd-next { width: 50px; height: 70px; margin-top: -35px; background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: center; background-size: 12px; border: 1px solid rgba(255,255,255,0.7);}
.pd-prev { background-image: url(../images/sub/pd-view-left.png); left: 10px;}
.pd-next { background-image: url(../images/sub/pd-view-right.png); right: 10px;}
.product-summary .info .sticker { display: flex; align-items: center; gap: 10px; justify-content: flex-end; margin-bottom: 40px; }
.product-summary .info .sticker>div { width: 103px; }
.product-summary .info .sticker .iconbox { position: relative; padding-bottom:56.25%; overflow:hidden; }
.product-summary .info .sticker .iconbox img { position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:auto !important; object-fit:contain;}
.product-summary .info .title { font-size: 40px; font-weight: 700; line-height: 1.2em; color: #121212; margin-bottom: 20px; }
.product-summary .info h3 { font-size: 20px; font-weight: 600; color: #771a14; line-height: 1.4em; margin-bottom: 35px; }
.product-summary .info .txtbox { background: #f8f3f3; font-size: 18px; line-height: 1.6em; padding: 40px 30px; margin-bottom: 40px; }
.product-summary .info .opt { display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-bottom: none; margin-bottom: 60px; border-right: none;}
.product-summary .info .opt li { width: calc(100%/4); border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.product-summary .info .opt li a { display: block; padding: 20px 10px; }
.product-summary .info .opt li .iconbox { border: 1px solid #ddd; border-radius: 4px; width: 54px; height: 54px; display: inline-block; margin: 0 auto 5px; overflow: hidden;}
.product-summary .info .opt li .iconbox img { object-fit: contain; display: block; }
.product-summary .info .opt li .tit { font-size: 12px; font-weight: 600; line-height: 1.5em; color: #121212; }
.product-summary .info .view-btn { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end;}
.product-summary .info .view-btn a { color: #fff; width: 180px; height: 50px; border-radius: 25px; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 18px; font-weight: 300;}
.product-summary .info .view-btn a.list-btn { background: #505050;}
.product-summary .info .view-btn a.contact-btn { background: #771a14;}
.pd-viewbox { padding: 80px 0 120px;}
.pd-viewbox:last-child { padding-bottom: 0; }
.pd-viewbox .iframe-box { max-width: 800px; margin: auto; }
.pd-viewbox .iframe-box>div {position:relative; padding-bottom:62.9%; overflow:hidden; background: #fff; transition: .2s; border: 1px solid #ddd;}
.pd-viewbox .iframe-box iframe,
.pd-viewbox .iframe-box object,
.pd-viewbox .iframe-box embed,
.pd-viewbox .iframe-box video {position: absolute;top:0;left:0;width:100%;height:100%; object-fit: cover;}
.pd-viewbox .video-wrapper { max-width: 800px; margin: auto; }
.pd-color { display: flex; flex-wrap: wrap; gap: 12px; }
.pd-color li { width: calc(100%/6 - 10px); position: relative;}
.pd-color li a { display: block; position: relative; width: 100%; height: 100%;}
.pd-color li .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.pd-color li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.pd-color li .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}
.pd-color li .tit { line-height: 1.2em; color: #fff; background: rgba(0,0,0,0.7); position: absolute; left: 0; bottom: 0; width: 100%; padding: 14px 5px; text-align: center; }
.lg-backdrop.in { background: rgba(0,0,0,0.9) !important;}

/* MSDS REQUEST */
.rq h2 { font-size: 40px; font-weight: 700; line-height: 1.2em; color: #121212; margin-bottom: 15px; }
.rq p { font-size: 18px; color: #505050; line-height: 1.5em; margin-bottom: 40px; }
.rq-contact { padding: 60px; background: #f9f9f9; }
.rq-fx { display: flex; flex-wrap: wrap; gap: 40px 60px; margin-bottom: 60px; }
.rq-contact dl { width: calc(100%/2 - 30px);}  
.rq-contact dl dt { display: inline-block; font-size: 20px; font-weight: 600; color: #121212; margin-bottom: 13px; line-height: 1em; position: relative; }
.rq-contact dl dt::after { content: ""; position: absolute; right: -9px; top: -3px; width: 6px; height: 6px; border-radius: 6px; background: #da2128;}
.rq-contact dl dd .input { width: 100%; height: 60px; }
.rq-contact dl.w100 { width: 100%; }
.rq-contact .buttons { text-align: center; width: 100%; }