/* common */
.inBox{max-width: 1400px; width: 100%; }

.subtitleTop{ position:relative; background-position:center top; background-repeat:no-repeat; height:480px; }
.subTop_Bg1 { background-image:url(/imgNew/sub/visualsub_bg_n1.png); }
.subTop_Bg2 { background-image:url(/imgNew/sub/visualsub_bg_n2.png); }
.subTop_Bg3 { background-image:url(/imgNew/sub/visualsub_bg_n31.png); }
.subTop_Bg4 { background-image:url(/imgNew/sub/visualsub_bg_n4.png); }
.subTop_Bg4_2 { background-image:url(/imgNew/sub/visualsub_bg_n4_2.png); }
.subtitleTop .sub-titleBox { position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); text-align:center; }
.subtitleTop h2 span { color:#fff; font-size:60px; font-weight:700; line-height:1.3; }
.subtitleTop .innerP100 { position:absolute; bottom:0; left:0; display:flex; align-items:center; justify-content:space-between; width:100%; flex-direction:column; }
.subtitleTop .depthMenu { position:relative; z-index:10 }
.subtitleTop .depthMenu * { font-family:var(--mainFont), var(--subFont); }
.subtitleTop .depthMenu .stit { display:none }
.subtitleTop .submenu-box { display:block; }
.subtitleTop .submenu-box ul { display:flex; }
.subtitleTop .submenu-box li { position:relative; margin:0 0 0 -1px; }
.subtitleTop .submenu-box li a { position:relative; z-index:2; color:rgba(255, 255, 255, 0.80); font-size:18px; font-weight:400; line-height:1.3; height:70px; width:240px; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease-in-out; border:1px solid rgba(255, 255, 255, 0.20); border-bottom:none; background:rgba(66, 74, 47, 1); }
.subtitleTop .submenu-box li.on a { color:#151515; font-weight:500; border:1px solid #fff; border-bottom:none; background:#fff; }
@media screen and (max-width:1400px){
	.subtitleTop{ height:420px; }
}
@media screen and (max-width:1280px){ 
	.subtitleTop h2 span { font-size:48px; }
	.subtitleTop .submenu-box li a { width:220px; }
}
@media screen and (max-width:1024px){
	.subtitleTop{ height:360px; }
	.subtitleTop h2 span { font-size:36px; }
	.subtitleTop .submenu-box li a { width:180px; height:60px; }
}
@media screen and (max-width:760px){
	.subtitleTop .depthMenu { width:100%; margin-top:100px; }
	.subtitleTop .depthMenu .stit { transition:all 0.5s ease; cursor:pointer; display:block; height:50px; background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); color:#fff; font-size:19px; font-weight:500; line-height:1.3; display:flex; align-items:center; padding:0 20px; }
	.subtitleTop .depthMenu .stit:before { content:""; display:block; width:25px; height:25px; position:absolute; right:15px; top:50%; transform:translateY(-50%); transition:all 0.5s; background:url(/imgNew/sub/gnb_m_arr.svg) center center no-repeat; opacity:0.5; }
	.subtitleTop .depthMenu .stit.ov:before { transform:translateY(-50%) rotate(180deg);  }
	.subtitleTop .submenu-box { display:none; position:absolute; left:0; top:50px; width:100%; background:#fff; }
	.subtitleTop .submenu-box ul { display:block; }
	.subtitleTop .submenu-box li { width:100%; margin:0; border-bottom:1px solid rgba(66, 74, 47, 0.5); }
	.subtitleTop .submenu-box li a { border:none; width:100%; padding:0 20px; justify-content:flex-start; height:45px; color:#fff; font-size:16px; font-weight:500; border:none; line-height:1.3; transition:all 0.3s ease-in-out; background:rgba(66, 74, 47, 0.8);  }
	.subtitleTop .submenu-box li a:before { display:none; }
	.subtitleTop .submenu-box li.on { border-bottom:none; }
}
@media screen and (max-width:640px){
	.subtitleTop{ height:280px; }
	.subtitleTop h2 span { font-size:28px; }
	.subtitleTop .depthMenu { margin-top:0; }
}

/* animation */
.subtitleTop h2 { overflow:hidden }
.subtitleTop h2 span { display:block }
.subtitleTop h2 span { animation:ani_3 1.0s 0.4s; animation-fill-mode:both; }
.subtitleTop:before { content:""; background:rgba(0, 0, 0, 0.1); position:absolute; top:0; right:0; width:100%; height:100%; }
.subtitleTop:before { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

#subContents .sTop { margin-bottom:80px; }
@media screen and (max-width:1024px){
	#subContents .sTop { margin-bottom:40px; }
}

.history-box .top { color:#000; font-size:40px; font-weight:400; line-height:1.3; }
.history-box .top strong { color:#829C00; font-weight:600; }
.history-box .history-list { margin-top:120px; display:flex; flex-wrap:wrap; }
.history-box .history-list .imgbox { width:48%; position:sticky; top:100px; height:700px; }
.history-box .history-list .imgbox img { max-width:100%; }
.history-box .history-list .listbox { position:relative; width:calc(100% - 48%); }
.history-box .history-list .listbox dl { position:relative; display:flex; }
.history-box .history-list .listbox dl:before { content:""; display:block; position:absolute; left:163px; top:25px; width:9px; height:9px; background:#ddd; border-radius:9px; transition:.5s; }
.history-box .history-list .listbox dl:after { content:""; display:block; opacity:0; position:absolute; left:155px; top:17px; width:25px; height:25px; background:rgba(177, 212, 0, 0.15); border-radius:25px; transition:.5s; } 
.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:140px; }
.history-box .history-list .listbox dl dt { width:240px; color:#000; font-size:40px; font-weight:600; line-height:1.3;}
.history-box .history-list .listbox dl dd { width:calc(100% - 240px); padding-top:15px; }
.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:20px; }
.history-box .history-list .listbox dl dd li { position:relative; padding-left:15px; color:#555; font-size:18px; font-weight:400; line-height:1.3; }
.history-box .history-list .listbox dl dd li:before { content:""; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background:#555; border-radius:4px; } 
.history-box .history-list .listbox dl.effect:before { background:rgba(177, 212, 0, 1); }
.history-box .history-list .listbox dl.effect:after { opacity:1; }

.history-box .history-list .progressbar { position:absolute; top:25px; left:167px; width:1px; height:calc(100% + 100px); background-color:#ddd; overflow:hidden; }
.history-box .history-list .progress { position: absolute; left:0; top:0; width:1px; height:0; background:rgba(177, 212, 0, 1); transition:.5s; }

@media screen and (max-width:1400px){
	.history-box .top { font-size:34px; }
}
@media screen and (max-width:1280px){
	.history-box .history-list .imgbox { width:38%; top:60px; }
	.history-box .history-list .listbox { width:calc(100% - 38% - 60px); margin-left:60px; }
}
@media screen and (max-width:1024px){
	.history-box .top { font-size:26px; }
	.history-box .history-list { margin-top:80px; }
	.history-box .history-list .listbox dl:before { left:115px; top:18px; width:7px; height:7px; }
	.history-box .history-list .listbox dl:after { left:108px; top:11px; width:21px; height:21px; } 
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:80px; }
	.history-box .history-list .listbox dl dt { width:176px; font-size:30px; }
	.history-box .history-list .listbox dl dd { width:calc(100% - 176px); padding-top:10px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:15px; }
	.history-box .history-list .listbox dl dd li { padding-left:12px; font-size:17px; }
	.history-box .history-list .listbox dl dd li:before { width:3px; height:3px; }
	.history-box .history-list .progressbar { top:22px; left:118px;}
}
@media screen and (max-width:860px){
	.history-box .history-list .imgbox { width:100%; position:relative; top:0; height:auto; overflow:hidden; }
	.history-box .history-list .imgbox:before { content:""; display:block; padding-bottom:40%; transition:all 0.3s; }
	.history-box .history-list .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
	.history-box .history-list .listbox { width:100%; margin:40px 0 0; padding-left:20px; }
	.history-box .history-list .progressbar { top:22px; left:calc(118px + 20px); }
}
@media screen and (max-width:640px){
	.history-box .top { font-size:20px; }
	.history-box .history-list { margin-top:40px; }
	.history-box .history-list .listbox { margin:20px 0 0; }
	.history-box .history-list .listbox dl:before { left:88px; top:14px; }
	.history-box .history-list .listbox dl:after { left:81px; top:7px; } 
	.history-box .history-list .listbox dl:not(:last-child) { margin-bottom:40px; }
	.history-box .history-list .listbox dl dt { width:120px; font-size:24px; }
	.history-box .history-list .listbox dl dd { width:calc(100% - 120px); padding-top:6px; }
	.history-box .history-list .listbox dl dd li:not(:last-child) { margin-bottom:10px; }
	.history-box .history-list .listbox dl dd li { padding-left:12px; font-size:16px; }
	.history-box .history-list .listbox dl dd li:before { width:3px; height:3px; }
	.history-box .history-list .progressbar { top:18px; left:calc(91px + 20px); }
}


#contents .title-box { text-align:center; margin-bottom:80px;}
#contents .title-box h3.tit { margin-bottom:15px; }
#contents .title-box span { font-size:17px; font-weight:300; color:#333;  }
#contents h3.tit { font-size:40px; font-weight:bold; color:#333; text-align:center; margin-bottom:80px; }
@media screen and (max-width:960px) {
	#contents h3.tit { font-size:30px; margin-bottom:40px; }
}

#contents .tabmenu ul { display:flex; flex-wrap:wrap; gap:5px; }
#contents .tabmenu ul li { width:150px; height:35px; border:1px solid #ddd; background:#f5f5f5; }
#contents .tabmenu ul li a { color:#bbb; font-size:16px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#contents .tabmenu ul li.on { border:1px solid #111; background:#fff; }
#contents .tabmenu ul li.on a { color:#111; }
@media screen and (max-width:640px){
	#contents .tabmenu ul li { width:calc((100% - 5px) / 2); }
}

.prodCont .page { margin-top:120px; }
@media screen and (max-width:1024px){
	.prodCont .page { margin-top:60px; }
}

.prodCont .listbox { margin-top:90px; }
.prodCont .listbox > ul { display:flex; flex-wrap:wrap; gap:120px 50px; }
.prodCont .listbox > ul > li { width:calc((100% - 100px) / 3); }
.prodCont .listbox > ul > li .imgbox { width:100%; position:relative; overflow:hidden; }
.prodCont .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:69%; }
.prodCont .listbox > ul > li .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; -o-object-fit:cover; }
.prodCont .listbox > ul > li:hover .imgbox img { transform:translate(-50%, -50%) scale(1.05); }
.prodCont .listbox > ul > li .txtbox { margin-top:20px; text-align:center; }
.prodCont .listbox > ul > li .txtbox h4 { color:#111; font-size:22px; font-weight:600; }
.prodCont .listbox > ul > li .txtbox .size { margin-top:10px; color:#999; font-family:Pretendard; font-size:16px; font-weight:300; line-height:1.3; }
@media screen and (max-width:1400px){
	.prodCont .listbox > ul { gap:100px 30px; }
	.prodCont .listbox > ul > li { width:calc((100% - 60px) / 3); }
}
@media screen and (max-width:1280px){
	.prodCont .listbox > ul { gap:80px 20px; }
	.prodCont .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.prodCont .listbox > ul > li .txtbox h4 { font-size:21px; }
}
@media screen and (max-width:960px){
	.prodCont .listbox { margin-top:45px; }
	.prodCont .listbox > ul { gap:60px 10px; }
	.prodCont .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.prodCont .listbox > ul > li .txtbox h4 { font-size:20px; }
}
@media screen and (max-width:640px){
	.prodCont .listbox { margin-top:30px; }
	.prodCont .listbox > ul { gap:40px 5px; }
	.prodCont .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.prodCont .listbox > ul > li .txtbox { margin-top:10px; }
	.prodCont .listbox > ul > li .txtbox h4 { font-size:17px; }
	.prodCont .listbox > ul > li .txtbox .size { margin-top:7px; font-size:15px; }
}

.prodCont .view-box .stit { color:#111; font-size:36px; font-weight:600; line-height:1.3; padding-bottom:15px; border-bottom:1px solid #bbb; }
.prodCont .view-box .info-box { display:flex; flex-wrap:wrap; margin-top:30px; }
.prodCont .view-box .info-box .slide-wrap { position:relative; width:57%; overflow:hidden; }
.prodCont .view-box .info-box .slide-wrap .main-swiper { background:#fff; border:1px solid #ddd; overflow:hidden; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; background:#fff }
.prodCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure { position:relative; width:100%; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:62.6%; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .txtNum { position:absolute; left:40px; top:40px; z-index:3; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:400; line-height:1.3; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .txtNum span { font-family:var(--mainFont); font-weight:400; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .btn-pn { outline:none; width:30px; height:30px; text-indent:-9999em; overflow:hidden; background:url(/img/svg/slide_btn.svg) center center no-repeat; }
.prodCont .view-box .info-box .slide-wrap .main-swiper .swiper-button-next { transform:rotate(180deg); }
.prodCont .view-box .info-box .slide-wrap .sub-swiper { margin-top:20px; width:100%; position:relative; overflow:hidden; }
.prodCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; cursor:pointer; border:1px solid #ddd; }
.prodCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure { position:relative; width:100%; background:#fff; transition:all 0.3s; }
.prodCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:68.0%; }
.prodCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; }
.prodCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide-thumb-active  { border:1px solid #333; }
.prodCont .view-box .info-box .txtNum,
.prodCont .view-box .info-box .btn-pn { display:none }
.prodCont .view-box .info-box .list { padding-left:50px; position:relative; width:calc(100% - 57%); }
.prodCont .view-box .info-box .list > ul { border-top:1px dashed #ddd; width:100%; height:calc(100% - 17% - 20px); display:flex; flex-direction:column; } 
.prodCont .view-box .info-box .list > ul > li { border-bottom:1px dashed #ddd; height:20%; flex:1; display:flex; align-items:center; font-size:18px; } 
.prodCont .view-box .info-box .list > ul > li strong { width:200px; font-family:Pretendard; color:#777; font-weight:500; line-height:1.3; }
.prodCont .view-box .info-box .list > ul > li span { width:calc(100% - 200px); font-family:Pretendard; color:#111; font-weight:300; line-height:1.3; }
@media screen and (max-width:1400px){
	.prodCont .view-box .info-box .list > ul > li strong { width:140px; }
	.prodCont .view-box .info-box .list > ul > li span { width:calc(100% - 140px); }
}
@media screen and (max-width:1280px){
	.prodCont .view-box .stit { font-size:30px; }
	.prodCont .view-box .info-box .slide-wrap { width:50%; }
	.prodCont .view-box .info-box .list { padding-left:30px; width:calc(100% - 50%); }
	.prodCont .view-box .info-box .list > ul > li { font-size:17px; } 
}
@media screen and (max-width:1024px){
	.prodCont .view-box .stit { font-size:24px; padding-bottom:10px; }
	.prodCont .view-box .info-box { margin-top:20px; }
	.prodCont .view-box .info-box .slide-wrap { width:100%; }
	.prodCont .view-box .info-box .slide-wrap .sub-swiper { margin-top:10px; }
	.prodCont .view-box .info-box .list { padding-left:0; width:100%; margin-top:30px; }
	.prodCont .view-box .info-box .list > ul { height:auto; } 
	.prodCont .view-box .info-box .list > ul > li { font-size:16px; height:50px; flex:none; } 
	.prodCont .view-box .info-box .list > ul > li strong { width:120px; }
	.prodCont .view-box .info-box .list > ul > li span { width:calc(100% - 120px); }
}


.projCont .listbox { margin-top:90px; }
.projCont .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.projCont .listbox > ul > li { position:relative; width:calc((100% - 60px) / 4); }
.projCont .listbox > ul > li .imgbox { width:100%; position:relative; overflow:hidden; }
.projCont .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:88.1%; }
.projCont .listbox > ul > li .imgbox img { transition:all 0.3s ease-in-out; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.projCont .listbox > ul > li .txtbox {  opacity:0; transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:flex; align-items:center; justify-content:center; flex-direction: column; }
.projCont .listbox > ul > li .txtbox h4 { color:#fff; font-size:22px; font-weight:400; line-height:1.3; }
.projCont .listbox > ul > li .txtbox .btn_more { margin:30px auto 0; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(255, 255, 255, 0.50); }
.projCont .listbox > ul > li:hover .txtbox { opacity:1; }
@media screen and (max-width:1280px){
	.projCont .listbox > ul { gap:10px; }
	.projCont .listbox > ul > li { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:1280px){
	.projCont .listbox > ul > li .txtbox h4 { font-size:21px; }
}
@media screen and (max-width:960px){
	.projCont .listbox { margin-top:45px; }
	.projCont .listbox > ul { gap:10px; }
	.projCont .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.projCont .listbox > ul > li .txtbox h4 { font-size:20px; }
	.projCont .listbox > ul > li .txtbox .btn_more { margin:20px auto 0; width:30px; height:30px; }
	.projCont .listbox > ul > li .txtbox .btn_more img { width:14px; }
}
@media screen and (max-width:640px){
	.projCont .listbox { margin-top:30px; }
	.projCont .listbox > ul > li .txtbox h4 { font-size:17px; }
	.projCont .listbox > ul > li .txtbox .btn_more { margin:10px auto 0; width:26px; height:26px;  }
	.projCont .listbox > ul > li .txtbox .btn_more img { width:12px; }
}


.projCont .view-box .stit { color:#111; font-size:50px; font-weight:600; line-height:1.3; padding-bottom:40px; }
.projCont .view-box .info-box { display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
.projCont .view-box .info-box .imgbox { position:relative; width:62%; padding:0 80px; }
.projCont .view-box .info-box .slide-wrap { position:relative; width:100%; }
.projCont .view-box .info-box .slide-wrap .main-swiper { background:#fff; overflow:hidden; }
.projCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; background:#fff }
.projCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure { position:relative; width:100%; }
.projCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:75%; }
.projCont .view-box .info-box .slide-wrap .main-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; }
.projCont .view-box .info-box .slide-wrap .main-swiper .txtNum { position:absolute; left:40px; top:40px; z-index:3; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:400; line-height:1.3; }
.projCont .view-box .info-box .slide-wrap .main-swiper .txtNum span { font-family:var(--mainFont); font-weight:400; }
.projCont .view-box .info-box .slide-wrap .sub-swiper { margin-top:15px; width:100%; position:relative; overflow:hidden; }
.projCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; cursor:pointer; }
.projCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure { opacity:0.5; position:relative; width:100%; background:#fff; transition:all 0.3s; }
.projCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:72%; }
.projCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; }
.projCont .view-box .info-box .slide-wrap .sub-swiper .swiper-slide-thumb-active figure  { opacity:1 }
.projCont .view-box .info-box .txtNum { display:none }
.projCont .view-box .info-box .btn-pn { transition:all 0.3s; position:absolute; width:50px; height:50px; border-radius:2px; top:50%; transform:translateY(-50%); background:#aaa url(/imgNew/sub/projCont_btn.png) center center no-repeat;}
.projCont .view-box .info-box .swiper-button-prev { left:-80px; }
.projCont .view-box .info-box .swiper-button-next { right:-80px; transform:translateY(-50%) rotate(180deg); }
.projCont .view-box .info-box .btn-pn:hover { background-color:#829C00 }
.projCont .view-box .info-box .list { position:relative; width:calc(100% - 62%); padding-right:120px; }
.projCont .view-box .info-box .list > ul { display:flex; flex-direction:column; } 
.projCont .view-box .info-box .list > ul > li { padding:15px 10px; border-bottom:1px dashed #ddd; display:flex; align-items:center; font-size:16px; } 
.projCont .view-box .info-box .list > ul > li strong { width:110px; font-family:Pretendard; color:#777; font-weight:500; line-height:1.3; }
.projCont .view-box .info-box .list > ul > li span { width:calc(100% - 110px); font-family:Pretendard; color:#111; font-weight:300; line-height:1.3; }
@media screen and (max-width:1400px){
	.projCont .view-box .stit { font-size:45px; }
	.projCont .view-box .info-box .imgbox { width:60%; padding:0 60px; }
	.projCont .view-box .info-box .list { width:calc(100% - 60%); padding-right:90px; }
	.projCont .view-box .info-box .swiper-button-prev { left:-60px; }
	.projCont .view-box .info-box .swiper-button-next { right:-60px; }
}
@media screen and (max-width:1280px){
	.projCont .view-box .stit { font-size:38px; }
	.projCont .view-box .info-box .imgbox { width:60%; padding:0 60px; }
	.projCont .view-box .info-box .list { width:calc(100% - 60%); padding-right:90px; }
	.projCont .view-box .info-box .swiper-button-prev { left:-60px; }
	.projCont .view-box .info-box .swiper-button-next { right:-60px; }
	.projCont .view-box .info-box .list > ul > li { padding:12px 10px; } 
	.projCont .view-box .info-box .list > ul > li strong { width:90px; }
	.projCont .view-box .info-box .list > ul > li span { width:calc(100% - 90px); }
}
@media screen and (max-width:1024px){
	.projCont .view-box .stit { font-size:30px; padding-bottom:20px; }
	.projCont .view-box .info-box .imgbox { width:100%; padding:0 60px; }
	.projCont .view-box .info-box .list { width:100%; padding:0 60px; margin-top:40px; }
	.projCont .view-box .info-box .btn-pn { width:38px; height:38px; background-size:8px; }
	.projCont .view-box .info-box .swiper-button-prev { left:-50px; }
	.projCont .view-box .info-box .swiper-button-next { right:-50px; }
	.projCont .view-box .info-box .slide-wrap .sub-swiper { margin-top:5px; }
	.projCont .view-box .info-box .list > ul > li { padding:12px 10px; font-size:15px; } 
}
@media screen and (max-width:640px){
	.projCont .view-box .stit { font-size:24px; padding-bottom:10px; }
	.projCont .view-box .info-box .imgbox { padding:0; }
	.projCont .view-box .info-box .list { padding:0; margin-top:20px; }
	.projCont .view-box .info-box .btn-pn { width:32px; height:32px; background-size:6px; }
	.projCont .view-box .info-box .swiper-button-prev { left:0; }
	.projCont .view-box .info-box .swiper-button-next { right:0; }
	.projCont .view-box .info-box .list > ul > li { padding:12px 10px;} 
	.projCont .view-box .info-box .list > ul > li strong { width:60px; }
	.projCont .view-box .info-box .list > ul > li span { width:calc(100% - 60px); }
}

.btnBoxPN { margin-top:100px; }
.btnBoxPN .btnbox { display:flex; justify-content:space-between; }
.btnBoxPN .btnbox a { width:100px; height:60px; color:#777; font-size:17px; font-weight:700; line-height:1.3; gap:9px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #ddd; }
.btnBoxPN .btnbox a:hover { transition:all 0.3s; color:#fff; background:#829C00; border:1px solid #829C00; }
.btnBoxPN .btnbox a img { transition:all 0.3s; }
.btnBoxPN .btnbox a:hover img { filter:brightness(0) invert(1); }
.btnBoxPN .btnList { margin-top:120px; display:flex; justify-content:center; }
.btnBoxPN .btnList a { width:180px; height:60px; color:#fff; font-size:17px; font-weight:700; line-height:1.3; gap:10px; display:flex; align-items:center; justify-content:center; background:#000; }
@media screen and (max-width:1024px){
	.btnBoxPN { margin-top:50px; }
	.btnBoxPN .btnbox a { width:80px; height:50px; font-size:16px; }
	.btnBoxPN .btnList { margin-top:60px; }
	.btnBoxPN .btnList a { width:150px; height:50px; font-size:16px; }
}



.catalog-box { position:relative; }
.catalog-box .swiper-container { position:relative; max-width:550px; width:100%; margin:0 auto; }
.catalog-box .swiper-container .swiper-slide { position:relative; width:100%; display:flex; flex-direction:column; align-items:center; opacity:0; }
.catalog-box .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
.catalog-box .swiper-container .swiper-slide .imgbox { width:100%; position:relative; top:0; height:auto; overflow:hidden; border:1px solid #ddd; background:#fff; box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.10);}
.catalog-box .swiper-container .swiper-slide .imgbox:before { content:""; display:block; padding-bottom:125%; transition:all 0.3s; }
.catalog-box .swiper-container .swiper-slide .imgbox img { position:absolute; left:0; top:0; max-width:100%; height:auto; object-fit:cover; -o-object-fit:cover; }
.catalog-box .swiper-container .swiper-slide .down { margin-top:40px; display:flex; justify-content:center; }
.catalog-box .swiper-container .swiper-slide .down a { width:200px; height:50px; color:#fff; font-size:18px; font-weight:500; line-height:1.3; gap:10px; display:flex; align-items:center; justify-content:center; background:#385723; }
.catalog-box .btn-swiper { position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:52px; height:52px; }
.catalog-box .swiper-button-next { right:210px; left:unset; background:url(/imgNew/sub/catalog_p_btn.png) center center no-repeat }
.catalog-box .swiper-button-prev { left:210px; background:url(/imgNew/sub/catalog_n_btn.png) center center no-repeat }
.catalog-box .swiper-pagination { display:none; }
@media screen and (max-width:1400px){
	.catalog-box .swiper-button-next { right:10%; }
	.catalog-box .swiper-button-prev { left:10%; }
}
@media screen and (max-width:1024px){
	.catalog-box .swiper-button-next { right:5%; background-size:20px auto; }
	.catalog-box .swiper-button-prev { left:5%; background-size:20px auto; }
	.catalog-box .swiper-container .swiper-slide .down { margin-top:25px; }
	.catalog-box .swiper-container .swiper-slide .down a { width:180px; height:45px; font-size:17px; }
}
@media screen and (max-width:640px){
	.catalog-box .swiper-button-next { right:-15px; background-size:16px auto; }
	.catalog-box .swiper-button-prev { left:-15px;  background-size:16px auto; }
}

.ntb-list.lst-head { background:#fff !important }
.ntb-list.lst-body li .td span { color:#111 }

/* 제픔 리스트 */
#prdList .lst_prd{overflow: hidden; 	}
#prdList .lst_prd ul:after{display: block;clear: both;content: "";}
#prdList .lst_prd ul{margin-top: -52px; margin-left: -22px; }
#prdList .lst_prd ul li{float: left; 	width: calc(25% - 22px); margin-left: 22px; margin-top: 52px;  position: relative; }
#prdList .lst_prd ul li .img{width: 100%; height: 0; padding-bottom: 88%;  position: relative; }
#prdList .lst_prd ul li .img:after{opacity: 0;position: absolute; left: 0; top: 0; width: 100%;  height: 100%; background-color:rgba(0,0,0,0.5); transition:.3s all;content: "";}
#prdList .lst_prd ul li .img:before{opacity: 0; position: absolute; left: 50%; top: 50%; width: 74px; height: 74px; margin-top: -37px; margin-left: -37px;  transition:.3s all; background: url(/img/sub/img_prdOver.png) left top no-repeat; -webkit-background-size: 100%;background-size: 100%; z-index: 10; 	content: "";}
#prdList .lst_prd ul li:hover .img:after{opacity: 1;}
#prdList .lst_prd ul li:hover .img:before{opacity: 1;}
#prdList .lst_prd ul li .img img{height: 100%; position: absolute;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;margin: auto;min-width: 100%;min-height: 100%;}
#prdList .lst_prd ul li .tit{font-size: 18px; color: #454545; margin-top: 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
 

/* 제픔 뷰 */
#prdView .prdTop {margin-bottom: 55px;}
#prdView .prdTop .inBox{}
#prdView .prdTop .inBox:after{display: block;clear: both;content: "";}
#prdView .prdTop {overflow:hidden; display: table; width: 100%; }
#prdView .prdTop .imgArea {display: table-cell; width:49.78%; vertical-align: top; }
#prdView .prdTop .imgArea .img{width: 100%;height: 0; padding-bottom: 65%; position: relative; border:1px solid #ddd;text-align: center; }
#prdView .prdTop .imgArea img{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;margin: auto; height: 100%; }
#prdView .prdTop .prd_info {display: table-cell; padding-left: 6.07%; }
#prdView .prdTop .prd_info .tit{ font-size: 34px; font-weight: 500; color: #454545; line-height: 1.2; margin-bottom: 27px; padding-top: 45px; }
#prdView .prdTop .prd_info .dt_tit{font-size: 18px; color: #8e8e8e;}
#prdView .prdTop .prd_info .thum_img{margin-top: 60px; }
#prdView .prdTop .prd_info ul {overflow:hidden; margin-left: -6px; }
#prdView .prdTop .prd_info ul li {float:left; max-width:146px; width: calc(33.33% - 6px);  margin-left: 6px;  background-color: #fff; position: relative; }
#prdView .prdTop .prd_info ul li.on:after{position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 0; left: 0; border: 5px solid  #ddd; content: "";}
#prdView .prdTop .prd_info ul li img {display:block;}
#prdView .prdTop .prd_info ul li a{display: block; position: relative;height:0;padding-bottom: 65%;overflow: hidden; background: #fff;}
#prdView .prdTop .prd_info ul li img{position: absolute;top:0;bottom:0;left:0;right:0;max-width: 100%;max-height: 100%;margin:auto; width: 100%; }
#prdView .prdTop .prd_info .btn{margin-top: 76px; }
#prdView .prdTop .prd_info .btn a{display: inline-block; color: #3ea642; font-size: 18px; padding-left: 86px; line-height: 74px; background: url(/img/sub/list_ico.jpg) left center no-repeat;}
#prdView .prdDetail{border: 5px solid  #f6f6f6; padding: 5%; min-height: 290px;  }

/* map */
.map {width:100%; overflow:hidden; min-height:96px; }
.map li {width:50%; float:left; }
.map table {width:100%}
.map table th, .map table td {border:1px solid #ddd; padding:15px 20px; font-size:17px;  }
.map table th{background:#79ae57; color:#fff; }
.map_top li {float:left; width:50%; overflow:hidden; margin-bottom:40px;}
.map_top li img {height:100%;}
.map_top h4 {font-size:24px; font-weight:600; margin-top:10px; line-height:120%; height:45px; width:100%; position:relative; padding-left:15px;  }
.map_top h4:before {content:""; width:4px; height:24px; background:#3ea642; position:absolute; top:4px; left:0; } 

/* license */
.license li {margin:0 1% 50px 0;  float:left; width:19%}
.license li:nth-child(5n){margin:0 0 50px 0;}
.license li div {width:250px; border:4px solid #f0f0f0; text-align:center;}
.license li p {font-size:16px; margin-top:10px; line-height:120%; height:45px; width:100%; position:relative; padding-left:15px;  }
.license li p:before {content:""; width:2px; height:20px; background:#3ea642; position:absolute; top:0; left:0; } 

/* 인사말 */
.greetingCont{ position: relative; }
.greetingCont .top{ color: #fff; height: 387px;padding: 69px 0 80px; /* padding-left: 36.28%;  */padding-left:10%; background: url(/img/sub/bg_tree.png) right top no-repeat; }
.greetingCont .top p{font-size: 16px; padding-left: 120px;  position: relative; }
.greetingCont .top p:after{position: absolute; left: 0; top: 50%; width: 100px; height: 3px; background-color: #fff; content: "";}
.greetingCont .top dl {margin-top: 40px; }
.greetingCont .top dl dt{font-size: 36px; line-height: 1.3; font-weight: 300; padding-bottom: 30px; margin-bottom: 25px;  position: relative;}
.greetingCont .top dl dt:after{position: absolute; right: 0; bottom: 0;  width: 100%; height: 1px; background-color: #8cb870; content: "";}
.greetingCont .top dl dt strong{font-weight: 500; }
.greetingCont .top dl dd{font-size: 18px; font-weight: 300; color: #fff; line-height: 1.8; }
.greetingCont .top dl dd strong{font-weight: bold; }
.greetingCont .greetingBx{margin-top: 5%; }
.greetingCont .greetingBx .ceo_img{position: absolute; top: 74px; left: 5%; }
.greetingCont .greetingBx .ceo_img p{font-size: 24px; color: #424242;text-align: center; margin-top: 30px; font-weight: 300;  }
.greetingCont .greetingBx .ceo_img p strong{font-size: 30px; color: #2e2e2e; font-weight: bold; }
.greetingCont .greetingBx .arti{/* padding-left: 36.28%; */ padding-left:10%;font-size: 18px; color: #57595a; font-weight: 300;line-height: 1.8; } 
.greetingCont .greetingBx .arti strong{font-weight: bold; color: #353739;}

/* 연혁 */
.hisCont .hisBox{position: relative; 	padding-left: 27%; 	}
.hisCont .hisBox .yearBx{position: absolute; top: 35px; left: 0; width: 240px; height: 240px; background: url(/img/sub/year_tit_bg.jpg) left top no-repeat; -webkit-background-size: 100%;background-size: 100%; display: table; }
.hisCont .hisBox .yearBx p{display: table-cell; vertical-align: middle; 	font-size: 39.63px;color: #fff; width: 100%; padding-left: 26%; line-height: 1.3; }
.hisCont .hisBox .yearBx p strong{font-weight: bold; display: block;margin-left: -13px; }
.hisCont .hisBox .lst_his{padding-left: 368px; background: url(/img/sub/bg_his2018.jpg)  left center no-repeat; /* padding-top: 60px; */}
.hisCont .hisBox .lst_his ul{margin:0 0 0 0;}
.hisCont .hisBox .lst_his ul li{display: table; width: 100%; border-bottom: 1px solid #ccc; padding: 25px 0; min-height: 70px; }
.hisCont .hisBox .lst_his ul li strong{display: table-cell; width: 140px; font-size: 31px; font-weight: 500; color: #54595e;}
.hisCont .hisBox .lst_his ul li >div{display: table-cell; text-align: left; 	vertical-align: middle;}
.hisCont .hisBox .lst_his ul li >div p{font-weight: 300; font-size: 18px; padding-left: 10px; color: #57595a;     line-height: 1.6; position: relative; }
.hisCont .hisBox .lst_his ul li >div p:after{position: absolute; top: 50%; left: 0; width: 5px; height: 1px; background-color: #57595a; content: "";}

@media screen and (max-width:1400px) {
	/* 제품 뷰 */
	#prdView .prdTop .prd_info .tit{padding-top: 3%;}
	#prdView .prdTop .prd_info .btn{margin-top: 8%; }
}

@media screen and (max-width:1200px) {
	.inBox{max-width: inherit;  }
	/* 제픔 리스트 */
	#prdList .lst_prd ul li{width: calc(33.33% - 22px); }

	/* 제품 뷰 */
	#prdView .prdTop .imgArea{    width: 54.78%;}
	#prdView .prdTop .prd_info{padding-left: 2.07%; }
	#prdView .prdTop .prd_info .tit{padding-top: 0;}
	#prdView .prdTop .prd_info .btn a{padding-left: 60px;-webkit-background-size: 50px;background-size: 50px;     line-height: 50px; }

	.license li {float:left; width:24%}
	.license li:nth-child(4n){margin:0 0 50px 0;}
	

	/* 인사말 */
	.greetingCont{}
	.greetingCont .top{padding: 5%;  }
	.greetingCont .greetingBx .ceo_img{width: 29%; position: relative; top: inherit; left: inherit;	 float: left;  }
	.greetingCont .greetingBx .arti{float: right; width: 68%; padding-left: 0; }

	/* 연혁 */
	.hisCont .hisBox .yearBx{position: relative; top: inherit; left: inherit; margin: 0 auto;   }
	.hisCont .hisBox{padding-left: 0; }
	.hisCont .hisBox .lst_his{padding-left: 320px; }


}
@media screen and (max-width:960px) {
	
	/* 제품 뷰 */
	#prdView .prdTop{margin-bottom: 30px;}
	#prdView .prdTop .imgArea{display: block; width: 100%;}
	#prdView .prdTop .imgArea .img{p/* adding-bottom: 49.5%;  */}
	#prdView .prdTop .prd_info{display: block;  width: 100%; padding-left: 0; }
	#prdView .prdTop .prd_info .tit{padding-top: 20px; font-size: 24px; margin-bottom: 10px; }
	#prdView .prdTop .prd_info .dt_tit{font-size: 16px; }
	#prdView .prdTop .prd_info .thum_img{margin-top: 30px;}

	#prdView .prdTop .prd_info .btn{ margin-top: 30px; }
	#prdView .prdTop .prd_info .btn a{padding-left: 40px;-webkit-background-size: 30px;background-size: 30px;     line-height: 30px; font-size: 16px; }	

	.license li {  float:left; width:32%}
	.license li:nth-child(3n){margin:0 0 50px 0;}

	.map_top li {float:none; width:100%; }
	.map li {float:none; width:100%; }
	.map_top li img {width:100%;}
	

	/* 인사말*/
	.greetingCont .top{height: auto; padding: 6% 5%; }
	.greetingCont .top dl{margin-top: 20px; }
	.greetingCont .top dl dt{font-size: 30px; }
	.greetingCont .top dl dd{font-size: 16px; }
	.greetingCont .greetingBx .ceo_img{float: none; width: 100%; text-align: center;  }
	.greetingCont .greetingBx .ceo_img p{font-size: 20px; }
	.greetingCont .greetingBx .ceo_img p strong{font-size: 24px; }
	.greetingCont .greetingBx .arti{float: none; width: 100%; margin-top: 50px; font-size: 16px;  }
	
	/* 연혁 */
	.hisCont .hisBox .yearBx{width: 160px; height: 160px; }
	.hisCont .hisBox .yearBx p{font-size: 30px; }
	.hisCont .hisBox .lst_his{padding-left: 220px; -webkit-background-size: 180px 100%;	background-size: 180px 100%; background-position: left 0;}
	.hisCont .hisBox .lst_his ul li strong{width:90px; font-size: 23px;}
	.hisCont .hisBox .lst_his ul li >div p{font-size: 16px; }
	
}


@media screen and (max-width:720px) {
	/* 제픔 리스트 */
	#prdList .lst_prd ul li .img:before{width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
}

@media screen and (max-width:640px) {
	
	/* 제픔 리스트 */
	#prdList .lst_prd ul {margin-left: -10px; margin-top: -30px; }
	#prdList .lst_prd ul li{width: calc(50% - 10px); margin-left: 10px;  margin-top: 30px; }
	#prdList .lst_prd ul li .tit{font-size: 16px; margin-top: 15px; }
	
	/* 제품 뷰 */
	#prdView .prdTop .prd_info .tit{font-size: 20px; }
	#prdView .prdTop .prd_info .dt_tit{font-size: 14px; }

	.license li { float:left; width:49%}
	.license li:nth-child(2n){margin:0 0 50px 0;}
	.license li div {width:100%;}
	

	/* 인사말*/
	.greetingCont .top p{font-size: 14px; padding-left: 85px;}
	.greetingCont .top p:after{width: 60px; height: 2px; content: "";}
	.greetingCont .top dl dt{font-size: 25px; padding-bottom: 20px; margin-bottom: 20px; }
	.greetingCont .top dl dd{font-size: 14px; }

	
	/* 연혁 */
	.hisCont .hisBox .lst_his{background: none; padding-left: 0; padding-top: 30px; }
	.hisCont .hisBox .lst_his ul li{padding: 17px 0; }	
}

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

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

}

.map_top li > div{width:100% !important;}
.map table td.type02{font-size:15px;letter-spacing:-0.03em;}


@media all and (max-width:1200px){
	#snb .lst_dep.type-product ul{width:100%;margin-left:0;}
	#snb .lst_dep.type-product ul li{width:19%;margin-right:1.25%;margin-left:0;}
	#snb .lst_dep.type-product ul li:last-of-type{margin-right:0;}
}