@charset "utf-8";

.wrapper{height:100%}
#contents{background-color:#fff}
#contents div.titleHeader{font-family:'Noto Sans KR'; text-align:center}
#contents div.titleHeader h1{margin:0; color:#373737}
#contents div.titleHeader p.headerDesc{color:#549c29}
@media screen and (max-width:1280px){
	#contents{padding:30px 0}
	#contents div.titleHeader{margin:0 0 16px 0}
	#contents div.titleHeader h1{font-size:20px}
}
@media screen and (min-width:1281px){
	#contents{padding:60px 0}
	#lnb{display:none}
	#contents div.titleHeader{margin:0 0 40px 0}
	#contents div.titleHeader h1{font-size:42px}
}

.header-logo a{background-size:cover; color:#000}
@media screen and (max-width:1280px){
	.header-logo a{display:block; width:152px; height:45px; background-image:url('../image/logo.png?v=190808')}
}
@media screen and (min-width:1281px){
	.header-logo a{width:152px; height:45px; margin:-22.5px 0 0 -76px; background-image:url('../image/logo_w.png?v=190808')}
	.navBar.scrolled #header{border-color:#36810c !important}
	.navBar:hover #header{border-color:#0065d5 !important}
	.navBar.scrolled .header-logo a{background-image:url('../image/logo.png?v=190808')}
	.navBar:hover .header-logo a{background-image:url('../image/logo.png?v=190808')}
}

#mainSlide17 div.inner p.comment strong{color:#51f5ff !important}
#mainSlide17 .bg:before{background-color:rgba(0,0,0,.15) !important}

#mainVision{position:relative; overflow:hidden; background-image:url('../image/main/mainVision.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#mainVision ul > li{position:relative; z-index:2; box-sizing:border-box}
#mainVision ul > li:nth-child(2n+1){background-color:rgba(255,255,255,.7)}
#mainVision ul > li:nth-child(2n+1) > div.box div.ico svg{fill:#bf0d0d; color:#bf0d0d}
#mainVision ul > li:nth-child(2n+1) > div.box h4{color:#000}
#mainVision ul > li:nth-child(2n+1) > div.box p.desc{color:#000}
#mainVision ul > li:nth-child(2n+1) > div.box p.desc:before{background-color:#bf0d0d}
#mainVision ul > li:nth-child(2n){background-color:rgba(0,0,0,.7)}
#mainVision ul > li:nth-child(2n) > div.box div.ico svg{fill:#63ff00; color:#63ff00}
#mainVision ul > li:nth-child(2n) > div.box h4{color:#fff}
#mainVision ul > li:nth-child(2n) > div.box p.desc{color:#fff}
#mainVision ul > li:nth-child(2n) > div.box p.desc:before{background-color:#63ff00}
#mainVision ul > li > div.box div.icon{position:relative}
#mainVision ul > li > div.box div.ico{margin:auto}
#mainVision ul > li > div.box div.ico svg{fill:#63ff00; color:#63ff00}
#mainVision ul > li > div.box h4{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:800; font-family:'Nanum Square'}
#mainVision ul > li > div.box p.desc{font-weight:300; font-family:'Noto Sans KR'}
#mainVision ul > li > div.box p.desc:before{content:''; display:block; width:30px; height:2px}
@media screen and (max-width:1280px){
	#mainVision ul > li{padding:0 10px}
	#mainVision ul > li > div.box{padding:10px}
	#mainVision ul > li > div.box div.icon{padding:0 0 0 68px}
	#mainVision ul > li > div.box div.ico{position:absolute; top:50%; left:0; transform:translateY(-50%); width:55px; height:55px}
	#mainVision ul > li > div.box h4{line-height:21px; font-size:18px}
	#mainVision ul > li > div.box p.desc{min-height:20px; line-height:20px; font-size:14px}
	#mainVision ul > li > div.box p.desc:before{margin:6px 0}
}
@media screen and (min-width:1281px){
	#mainVision:before{content:''; position:absolute; top:0; bottom:0; left:0; width:calc(50% - 600px); background-color:rgba(255,255,255,.7)}
	#mainVision:after{content:''; position:absolute; top:0; right:0; bottom:0; width:calc(50% - 600px); background-color:rgba(255,255,255,.7)}
	#mainVision ul > li{float:left; width:20%; padding:50px 0}
	#mainVision ul > li > div.box{padding:26px 30px}
	#mainVision ul > li > div.box div.ico{width:64px; height:64px}
	#mainVision ul > li > div.box h4{margin:20px 0 0 0; line-height:24px; font-size:20px; text-align:center}
	#mainVision ul > li > div.box p.desc{height:63px; line-height:21px; font-size:15px; text-align:center}
	#mainVision ul > li > div.box p.desc:before{margin:10px auto}
}

#mainAbout{position:relative; background-color:#eee; font-family:'Noto Sans KR'}
#mainAbout h3{font-weight:400}
#mainAbout h3 strong{color:#ed1b23; font-weight:900}
#mainAbout p.desc:last-child{margin-bottom:0}
#mainAbout div.img{display:block; width:100%}
#mainAbout div.img img{display:block; width:100%}
#mainAbout div.img a{position:relative; display:block; width:100%; height:100%}
#mainAbout div.img a div.box{position:absolute; border:1px solid #63ff00}
@media screen and (max-width:1280px){
	#mainAbout{padding:20px 10px}
	#mainAbout h3{margin-bottom:8px; font-size:22px}
	#mainAbout p.desc{margin-bottom:4px; font-weight:300}
	#mainAbout div.img{margin-top:10px}
	#mainAbout div.img a div.box{top:12px; right:12px; bottom:12px; left:12px}
}
@media screen and (min-width:1281px){
	#mainAbout{padding:100px 0}
	#mainAbout div.inner{overflow:hidden}
	#mainAbout div.txt{float:left; width:50%; padding-right:50px; box-sizing:border-box}
	#mainAbout div.img{float:right; width:50%; height:278px; padding-left:50px; box-sizing:border-box}
	#mainAbout div.img a div.box{top:20px; right:20px; bottom:20px; left:20px}
	#mainAbout h3{font-size:42px}
	#mainAbout h3:after{content:''; display:block; width:40px; height:4px; margin:20px 0; border-radius:4px; background-color:#ccc}
	#mainAbout p.desc{margin-bottom:10px; line-height:27px; font-size:18px; font-weight:300}
}

#mainStory{position:relative; background-color:#eee; font-family:'Noto Sans KR'}
#mainStory ul.mainStory li{box-sizing:border-box}
#mainStory ul.mainStory li div.box{position:relative; background-color:#fff}
#mainStory ul.mainStory li h3{border-bottom:1px solid #ddd; font-weight:600; color:#000}
#mainStory ul.mainStory li p.desc{color:#444}
#mainStory ul.mainStory li div.icon{position:absolute}
@media screen and (max-width:1280px){
	#mainStory{padding:20px 10px}
	#mainStory ul.mainStory li:nth-child(1){margin-bottom:10px}
	#mainStory ul.mainStory li div.box{padding:10px 10px 10px 90px; border-radius:3px; box-shadow:5px 5px 25px rgba(0,0,0,.15)}
	#mainStory ul.mainStory li h3{padding-bottom:8px; margin-bottom:8px; font-size:18px}
	#mainStory ul.mainStory li p.desc{font-size:13px}
	#mainStory ul.mainStory li div.icon{top:50%; left:10px; width:70px; height:70px; margin-top:-35px}
}
@media screen and (min-width:1281px){
	#mainStory{padding:60px 0}
	#mainStory ul.mainStory{height:189px}
	#mainStory ul.mainStory li{float:left; width:50%}
	#mainStory ul.mainStory li:nth-child(1){padding:0 30px 0 0}
	#mainStory ul.mainStory li:nth-child(2){padding:0 0 0 30px}
	#mainStory ul.mainStory li div.box{height:129px; padding:30px 30px 30px 150px; border-radius:3px; box-shadow:5px 5px 25px rgba(0,0,0,.15)}
	#mainStory ul.mainStory li h3{height:36px; padding-bottom:10px; margin-bottom:10px; font-size:24px}
	#mainStory ul.mainStory li p.desc{height:72px; font-size:16px}
	#mainStory ul.mainStory li div.icon{top:50%; left:30px; width:90px; height:90px; margin-top:-45px}
}

#mainProduct h2.mainTitle{font-weight:400}
#mainProduct h2.mainTitle:after{content:''; display:block; background-color:#ccc}
#mainProduct h2.mainTitle strong{color:#ed1b23; font-weight:900}
@media screen and (max-width:1280px){
	#mainProduct{padding:20px 10px}
	#mainProduct div.mainTitle{margin:0 0 12px 0}
	#mainProduct h2.mainTitle{font-size:22px; text-align:center}
	#mainProduct h2.mainTitle:after{width:40px; height:2px; border-radius:2px; margin:6px auto 8px auto}
	#mainProduct p.mainDesc{max-width:80%; margin:auto; font-size:13px; text-align:center}
}
@media screen and (min-width:1281px){
	#mainProduct{padding:60px 0}
	#mainProduct div.mainTitle{position:absolute; top:0; left:0; width:240px; padding-top:20px; border-top:2px solid #ccc}
	#mainProduct h2.mainTitle{font-size:34px}
	#mainProduct h2.mainTitle strong{display:block}
	#mainProduct h2.mainTitle:after{width:40px; height:4px; border-radius:4px; margin:20px 0}
	#mainProduct p.mainDesc{font-size:16px}
}

#mainProduct{background-color:#fff; font-family:'Noto Sans KR'}
ul.mainProduct{overflow:hidden}
ul.mainProduct > li.product{position:relative; float:left}
ul.mainProduct > li.product > a.box{position:relative; display:block}
ul.mainProduct > li.product div.thumb{position:relative; border-radius:5px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out}
ul.mainProduct > li.product div.thumb:before{content:''; display:block; padding:50% 0; border-radius:5px; opacity:0; background:rgba(0,0,0,.5); -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out}
ul.mainProduct > li.product:hover div.thumb:before{opacity:1}
ul.mainProduct > li.product h4{font-weight:400}
@media screen and (max-width:1280px){
	ul.mainProduct > li.product{width:33.3%; margin-bottom:10px; box-sizing:border-box}
	ul.mainProduct > li.product:nth-child(3n+1){padding-right:4px}
	ul.mainProduct > li.product:nth-child(3n+2){padding:0 2px}
	ul.mainProduct > li.product:nth-child(3n+3){padding-left:4px}
	ul.mainProduct > li.product:nth-child(3n+1):nth-last-child(-n+3), ul.mainProduct > li.product:nth-child(3n+1):nth-last-child(-n+3) ~ li{margin-bottom:0}
	ul.mainProduct > li.product h4{padding:8px 0 0 0; font-size:11px; letter-spacing:-1px}
}
@media screen and (min-width:1281px){
	#mainProduct div.inner{position:relative; padding-left:300px; box-sizing:border-box}
	ul.mainProduct{width:calc(100% + 40px)}
	ul.mainProduct > li.product{width:25%; padding:0 40px 0 0; margin-bottom:20px; box-sizing:border-box}
	ul.mainProduct > li.product:nth-child(4n+1):nth-last-child(-n+4), ul.mainProduct > li.product:nth-child(4n+1):nth-last-child(-n+4) ~ li{margin-bottom:0}
	ul.mainProduct > li.product h4{padding:16px 6px 0 6px; font-size:15px}
}


#contents.peanut{font-family:'Noto Sans KR'}
#contents.peanut div.section{position:relative; background-color:#fff; box-shadow:2px 2px 12px rgba(0,0,0,0.15)}
#contents.peanut div.section:last-child{margin:0}
#contents.peanut h2{border-bottom:2px solid #777}
#contents.peanut h2 span.no{position:relative; display:inline-block; border-radius:50%; background-color:#895b08; color:#fff; text-align:center}
#contents.peanut p.p{font-weight:300}
#contents.peanut p.p:last-child{margin:0}
#contents.peanut p.p strong{font-weight:300; border-bottom:1px solid #20b90e}
#contents.peanut p.ref{font-weight:300; color:#666}
#contents.peanut dl.dl dt{font-weight:500}
#contents.peanut dl.dl dt span.no{display:inline-block; background-color:#c79814; color:#fff; text-align:center}
#contents.peanut dl.dl dd{font-weight:300}
#contents.peanut dl.dl dd.moreInfo{border-radius:4px; background-color:#eee}
#contents.peanut dl.dl dd.moreInfo p.title{font-weight:600}
#contents.peanut dl.dl dd.moreInfo span.desc{padding:2px 6px; border-radius:3px; background-color:#1287e4; color:#fff}
#contents.peanut dl.dl dd span.count{display:inline-block; border-radius:50%; background-color:#ddd; text-align:center}
#contents.peanut dl.dl dd span.lbl{font-weight:500}
#contents.peanut dl.dl dd span.v{}
@media screen and (max-width:1280px){
	#contents.peanut{padding:30px 10px}
	#contents.peanut div.section{padding:12px; margin:0 0 20px 0; box-shadow:5px 5px 25px rgba(0,0,0,0.15)}
	#contents.peanut h2{padding:0 0 8px 0; margin:0 0 12px 0; font-size:18px}
	#contents.peanut h2 span.no{width:40px; height:40px; margin:0 8px 0 0; line-height:40px}
	#contents.peanut p.p{margin:0 0 14px 0; font-size:13px}
	#contents.peanut p.ref{font-size:12px}
	#contents.peanut dl.dl dt{margin-bottom:4px; font-size:15px}
	#contents.peanut dl.dl dt span.no{width:22px; height:22px; margin-right:2px}
	#contents.peanut dl.dl dd{margin-left:8px; font-size:14px}
	#contents.peanut dl.dl dd + dt{margin-top:10px}
	#contents.peanut dl.dl dd.moreInfo{padding:10px; margin-top:6px}
	#contents.peanut dl.dl dd.moreInfo p.title{margin:0 0 4px 0}
	#contents.peanut dl.dl dd.moreInfo span.desc{margin:0 6px 0 0}
	#contents.peanut dl.dl dd span.count{width:24px; height:24px; line-height:24px; font-size:13px}
	#contents.peanut dl.dl dd span.lbl{margin:0 8px 0 4px}
}
@media screen and (min-width:1281px){
	#contents.peanut div.section{padding:30px; margin:0 0 40px 0; box-shadow:5px 5px 25px rgba(0,0,0,0.15)}
	#contents.peanut h2{padding:0 0 16px 0; margin:0 0 24px 0; font-size:24px}
	#contents.peanut h2 span.no{width:52px; height:52px; margin:0 8px 0 0; line-height:52px}
	#contents.peanut p.p{margin:0 0 14px 0; font-size:16px}
	#contents.peanut p.ref{font-size:13px}
	#contents.peanut dl.dl dt{margin-bottom:5px; font-size:18px}
	#contents.peanut dl.dl dt span.no{width:27px; height:27px; margin-right:4px}
	#contents.peanut dl.dl dd{margin-left:8px; font-size:16px}
	#contents.peanut dl.dl dd + dt{margin-top:16px}
	#contents.peanut dl.dl dd.moreInfo{padding:14px; margin-top:8px}
	#contents.peanut dl.dl dd.moreInfo p.title{margin:0 0 6px 0; font-size:17px}
	#contents.peanut dl.dl dd.moreInfo span.desc{margin:0 10px 0 0}
	#contents.peanut dl.dl dd span.count{width:24px; height:24px; line-height:24px; font-size:13px}
	#contents.peanut dl.dl dd span.lbl{margin:0 8px 0 4px}
}

#contents.productView{background-color:#fff}

#contents.about{background-color:#fff; font-family:'Noto Sans KR'}

#contents.about div.about p.p{margin:0 0 16px 0; word-break:keep-all; color:#555}
#contents.about div.visionWrap{background-position:50% 50%; background-repeat:no-repeat; background-size:cover}

#contents.about div.section div.inner{position:relative}
#contents.about div.section div.inner div.ctn{position:relative}
#contents.about div.section.vision{position:relative; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#contents.about div.section.vision:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0}
#contents.about div.section.vision:nth-child(1){color:#fff}
#contents.about div.section.vision:nth-child(1):before{background-color:rgba(0,0,0,.5)}
#contents.about div.section.vision:nth-child(1) p.vision{text-shadow:rgba(0,0,0,1) 1px 1px 2px}
#contents.about div.section.vision:nth-child(1) p.vision strong{color:#05fff8}
#contents.about div.section.vision:nth-child(2):before{background-color:rgba(255,255,255,.5)}
#contents.about div.section.vision:nth-child(2) p.vision strong{color:#bf0d0d}
#contents.about div.section.vision p.vision{font-weight:900}
#contents.about div.section.vision p.vision strong{font-weight:900}

#contents.about ul.vision li{position:relative}
#contents.about ul.vision li div.icon{position:absolute; left:0}
#contents.about ul.vision li div.icon svg{fill:#0d97ff; color:#0d97ff}
#contents.about ul.vision li:last-child{margin:0}
#contents.about ul.vision li h3{font-weight:400}
@media screen and (max-width:1280px){
	#contents.about{padding:0; font-size:22px; font-weight:300}
	#contents.about div.section{padding:30px 10px}
	#contents.about div.section div.inner header.h{margin:0 0 10px 0; font-size:22px; font-weight:600; text-align:center}
	#contents.about div.section div.inner div.ctn{padding:20px 0 0 0}
	#contents.about div.section div.inner div.ctn:before{content:''; position:absolute; top:0; left:50%; width:56px; height:4px; margin:0 0 0 -28px; background-color:#07c700}

	#contents.about div.section.vision{padding:120px 0}
	#contents.about div.section.vision p.vision{font-size:20px; text-align:center}

	#contents.about div.about p.p{margin:0 0 8px 0; font-size:13px; text-align:center}
	#contents.about div.about p.p:last-child{margin:0}

	#contents.about ul.vision li{padding:0 0 0 60px; margin:0 0 20px 0}
	#contents.about ul.vision li div.icon{top:50%; width:50px; height:50px; margin-top:-25px}
	#contents.about ul.vision li h3{font-size:15px}
	#contents.about ul.vision li p.vision{font-size:13px}
}
@media screen and (min-width:1281px){
	#contents.about{padding:0; font-size:22px; font-weight:300}
	#contents.about div.section{padding:60px 0}
	#contents.about div.section div.inner{padding:0 0 0 300px; box-sizing:border-box}
	#contents.about div.section div.inner header.h{position:absolute; left:0; width:270px; font-size:28px; font-weight:600}
	#contents.about div.section div.inner div.ctn:before{content:''; position:absolute; top:0; left:-40px; width:6px; height:56px; background-color:#07c700}

	#contents.about div.section.vision{padding:120px 0}
	#contents.about div.section.vision p.vision{font-size:38px}

	#contents.about div.about p.p{margin:0 0 16px 0; font-size:18px}
	#contents.about div.about p.p:last-child{margin:0}

	#contents.about ul.vision li{padding:0 0 0 80px; margin:0 0 20px 0}
	#contents.about ul.vision li div.icon{top:0; width:60px; height:60px}
	#contents.about ul.vision li h3{height:33px; font-size:22px}
	#contents.about ul.vision li p.vision{height:27px; font-size:18px}
}

@media screen and (max-width:1280px){
	#contents.history{padding:30px 10px}
}

#contents.facility{position:relative; font-family:'Noto Sans KR'}
#contents ul.facility > li{position:relative; box-sizing:border-box}
#contents ul.facility > li:last-child{margin:0}
#contents ul.facility > li div.img{position:absolute; top:0; bottom:0; left:0; background-color:#eee}
#contents ul.facility > li div.img span.no{position:absolute; border-radius:50%; background-color:#00a6e4; color:#fff; text-align:center}
@media screen and (max-width:1280px){
}
@media screen and (min-width:1281px){
	#contents ul.facility > li{height:300px; padding:0 0 0 50%; margin:0 0 28px 0}
	#contents ul.facility > li div.img{width:560px}
	#contents ul.facility > li div.img span.no{top:10px; left:10px; width:46px; height:46px; line-height:46px}
	#contents ul.facility > li h2{font-size:28px}
	#contents ul.facility > li p.desc{font-size:18px}
}

#contents.branch{position:relative; font-family:'Noto Sans KR'}
@media screen and (max-width:1280px){
	#contents.branch{padding:30px 10px}
}

#contents.cert{position:relative; font-family:'Noto Sans KR'}
#contents.cert ul.cert{overflow:hidden}
#contents.cert ul.cert > li{position:relative; float:left; width:50%; box-sizing:border-box}
#contents.cert ul.cert > li:nth-child(2n+1):nth-last-child(-n+2), #contents.cert ul.cert > li:nth-child(2n+1):nth-last-child(-n+2) ~ li{margin-bottom:0}
#contents.cert ul.cert > li div.box{border:1px solid #ddd}
#contents.cert ul.cert > li div.img{position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#contents.cert ul.cert > li div.img:before{content:''; display:block; padding:70.7% 0}
#contents.cert ul.cert > li div.title{padding:10px; border-top:1px solid #ddd; background-color:#f5f5f5; text-align:center}
@media screen and (max-width:1280px){
	#contents.cert{padding-right:10px; padding-left:10px}
	#contents.cert ul.cert > li{margin-bottom:10px}
	#contents.cert ul.cert > li:nth-child(2n+1){padding-right:5px}
	#contents.cert ul.cert > li:nth-child(2n){padding-left:5px}
}
@media screen and (min-width:1281px){
	#contents.cert ul.cert > li{margin-bottom:40px}
	#contents.cert ul.cert > li:nth-child(2n+1){padding-right:20px}
	#contents.cert ul.cert > li:nth-child(2n){padding-left:20px}
}

@media screen and (max-width:1280px){
	#contents.productList{padding-right:10px; padding-left:10px}
	#contents.communityList{padding-right:10px; padding-left:10px}
}

#contents.lab{position:relative; font-family:'Noto Sans KR'; background-color:#eee}
#contents.lab div.img{background-image:url('../image/lab/lab.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#contents.lab div.text{position:relative; border-radius:3px; background-color:#fff; text-align:center}
#contents.lab div.text p.subTitle{border-bottom:1px solid #ed1b23; margin:auto; color:#ed1b23; font-weight:600}
#contents.lab div.text p.title{font-weight:300}
#contents.lab div.text div.desc{font-weight:300; color:#444}
@media screen and (max-width:1280px){
	#contents.lab div.img{height:360px}
	#contents.lab div.text{padding:20px; margin:-80px 20px 0 20px; box-shadow:5px 5px 25px rgba(0,0,0,.15)}
	#contents.lab div.text p.subTitle{width:66px; margin-bottom:10px; font-size:12px; letter-spacing:1px}
	#contents.lab div.text p.title{margin:0 0 20px 0; font-size:18px; letter-spacing:2px}
	#contents.lab div.text div.desc{font-size:13px}
}
@media screen and (min-width:1281px){
	#contents.lab div.img{height:720px}
	#contents.lab div.text{width:880px; padding:50px; margin:-120px auto 0 auto; box-shadow:5px 5px 25px rgba(0,0,0,.15)}
	#contents.lab div.text p.subTitle{width:80px; margin-bottom:10px; font-size:14px; letter-spacing:2px}
	#contents.lab div.text p.title{margin:0 0 30px 0; font-size:24px; letter-spacing:3px}
	#contents.lab div.text div.desc{font-size:15px; letter-spacing:1px}

}

/* 제품소개 상세페이지(product.view) */
#contents.productView div.section:last-child{margin:0}
#contents.productView table._tbl{border:2px solid #6f2a00}
#contents.productView table._tbl th{border-color:#6f2a00; border-right:0; background-color:#7f5840; color:#fff}
#contents.productView table._tbl td{border-color:#6f2a00}
#contents.productView table._tbl td p{position:relative}
#contents.productView table._tbl td p:last-child{margin:0}
#contents.productView table._tbl td p:before{content:''; position:absolute; top:50%; left:0; border-radius:50%; background-color:#7f5840}
@media screen and (max-width:1280px){
	#contents.productView div.section{margin:0 0 30px 0}
	#contents h2.prdTitle{margin:0 0 0 10px}
	#contents.productView table._tbl{line-height:160%}
	#contents.productView table._tbl td p{min-height:22px; margin:0 0 4px 0; text-indent:10px}
	#contents.productView table._tbl td p:before{width:4px; height:4px; margin-top:-2px}
}
@media screen and (min-width:1281px){
	#contents.productView div.section{margin:0 0 60px 0}
	#contents.productView table._tbl{line-height:190%}
	#contents table._tbl th{width:16%}
	#contents table._tbl td{width:84%}
	#contents.productView table._tbl td p{min-height:32px; margin:0 0 6px 0; text-indent:12px}
	#contents.productView table._tbl td p:before{width:6px; height:6px; margin-top:-3px}
}

#contents.productView ul.use{position:relative; display:flex}
#contents.productView ul.use > li{width:25%}
#contents.productView ul.use > li div.box{border-radius:6px; overflow:hidden}
#contents.productView ul.use > li div.img{position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
#contents.productView ul.use > li div.img:before{content:''; display:block; padding:50% 0}
#contents.productView ul.use > li svg{display:block; width:100%; height:100%}
#contents.productView ul.use > li div.lbl{background-color:#fff; text-align:center; font-weight:500}
@media screen and (max-width:320px){
	/* iPhone SE */
	#contents.productView ul.use > li div.ico{padding:16px}
	#contents.productView ul.use > li div.lbl{padding:6px; font-size:11px}
}
@media screen and (min-width:321px) and (max-width:380px){
	/* Samsung S20 포함한 대부분의 갤럭시 */
	#contents.productView ul.use > li div.ico{padding:18px}
	#contents.productView ul.use > li div.lbl{padding:8px; font-size:11px}
}
@media screen and (min-width:381px) and (max-width:428px){
	/* 고급 스마트폰 */
	#contents.productView ul.use > li div.ico{padding:20px}
	#contents.productView ul.use > li div.lbl{padding:8px; font-size:12px}
}
@media screen and (min-width:429px) and (max-width:1024px){
	/* 태블릿(Portrait) */
	#contents.productView ul.use > li div.ico{padding:28px}
	#contents.productView ul.use > li div.lbl{padding:8px; font-size:13px}
}
@media screen and (min-width:1025px) and (max-width:1280px){
	/* 태블릿(Landscape) */
	#contents.productView ul.use > li div.ico{padding:42px}
	#contents.productView ul.use > li div.lbl{padding:10px; font-size:13px}
}
@media screen and (max-width:1280px){
	#contents.productView ul.use{left:-5px; width:calc(100% + 10px); margin:6px 0 0 0}
	#contents.productView ul.use > li{padding:0 5px}
	#contents.productView ul.use > li div.box{box-shadow:0px 0px 8px 0px rgb(0 0 0 / 20%)}
	#contents.productView ul.use > li div.lbl{padding:8px; font-size:12px}
}
@media screen and (min-width:1281px){
	#contents.productView ul.use{left:-20px; width:calc(100% + 40px); margin:10px 0 0 0}
	#contents.productView ul.use > li{padding:0 20px}
	#contents.productView ul.use > li div.box{box-shadow:0px 0px 12px 0px rgb(0 0 0 / 20%)}
	#contents.productView ul.use > li div.ico{padding:70px}
	#contents.productView ul.use > li div.lbl{padding:10px}
}

#contents.productView ul.plus{position:relative}
#contents.productView ul.plus > li.img{position:absolute; display:flex; justify-content:center; align-items:center; overflow:hidden}
#contents.productView ul.plus > li.img.img0{background-color:rgba(111,42,0,.75)}
#contents.productView ul.plus > li.img.img1{background-color:rgba(111,42,0,.75)}
#contents.productView ul.plus > li.fa{position:absolute; z-index:2; top:50%; left:50%; display:flex; justify-content:center; align-items:center; border-radius:50%; color:#fff}
#contents.productView ul.plus > li img{position:absolute; border-radius:50%}
#contents.productView ul.plus > li div.txt{color:#fff; font-weight:500}
@media screen and (max-width:1280px){
	#contents.productView ul.plus{height:100px; margin:10px 0 0 0}
	#contents.productView ul.plus > li.img{top:0; width:54%; height:80px; padding:10px; border-radius:80px; box-shadow:0px 0px 12px 0px rgb(0 0 0 / 30%)}
	#contents.productView ul.plus > li.img.img0{left:0}
	#contents.productView ul.plus > li.img.img1{right:0}
	#contents.productView ul.plus > li img{width:80px; height:80px}
	#contents.productView ul.plus > li.img.img0 img{left:10px}
	#contents.productView ul.plus > li.img.img1 img{right:10px}
	#contents.productView ul.plus > li div.txt{position:absolute; z-index:3; font-size:14px}
	#contents.productView ul.plus > li.img.img0 div.txt{left:98px}
	#contents.productView ul.plus > li.img.img1 div.txt{right:98px}
	#contents.productView ul.plus > li.fa{width:80px; height:80px; margin:-40px 0 0 -40px; font-size:14px}
}
@media screen and (min-width:1281px){
	#contents.productView ul.plus{width:800px; height:160px; margin:10px 0 0 0}
	#contents.productView ul.plus > li.img{top:0; width:460px; height:140px; padding:10px; border-radius:120px; box-shadow:0px 0px 12px 0px rgb(0 0 0 / 30%)}
	#contents.productView ul.plus > li.img.img0{left:0}
	#contents.productView ul.plus > li.img.img1{right:0}
	#contents.productView ul.plus > li img{width:140px; height:140px}
	#contents.productView ul.plus > li.img.img0 img{left:10px}
	#contents.productView ul.plus > li.img.img1 img{right:10px}
	#contents.productView ul.plus > li div.txt{font-size:24px}
	#contents.productView ul.plus > li.fa{width:140px; height:140px; margin:-70px 0 0 -70px; font-size:32px}
}
/* 제품소개 상세페이지(product.view) */