@charset "UTF-8";
/* =========================
	서브해더
========================= */
#subhd{ color: #fff; background-size: cover; }
#subhd .over{ height: 200px; overflow: hidden; }
#subhd .bght{ height: 100%; width: 100%;  -webkit-animation: bg-ani 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: bg-ani 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
#subhd .caption{ letter-spacing:-1px; text-align: center; }
#subhd .caption .h2_css{ font-weight: 700; font-size: 1.2rem; }
#subhd.company_hd .bght{ background: url(../images/subhd/subhd_company_pc.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.product_hd .bght{ background: url(../images/subhd/subhd_product_pc.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.promo_hd .bght{ background: url(../images/subhd/subhd_promo_pc.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.inquiry_hd .bght{ background: url(../images/subhd/subhd_inquiry_pc.jpg) no-repeat 50% 50%; background-size: cover; }
@media (min-width:970px) {
	#subhd .over{ height: 295px; }
	#subhd .caption .h2_css{ font-size: 30px; }
}
@-webkit-keyframes bg-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@keyframes bg-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}

/* =========================
	서브탭
========================= */
.subtab{ width: 100%; z-index: 10; border-bottom: 1px solid #f5f1eb; }
.subtab a{ display: block; width: 100%; vertical-align: middle; text-align: center; font-size: 15px; }
.subtab .width{ max-width: 1200px; margin: 0 auto; }
.subtab .bg:after{ display: block; content: ""; clear: both; }
.subtab .bg > li{  display: block; float: left; }
.subtab .bg > li > a{ display: block; height: 50px; line-height: 50px; }
.subtab a.depth01{ box-sizing: border-box; -webkit-box-sizing: border-box; background-image: url(../images/common/subhd_tab_more.png); background-repeat: no-repeat; background-position: 90% 50%; }
.subtab a.depth01.on{ background-image: url(../images/common/subhd_tab_more_on.png); background-repeat: no-repeat; background-position: 90% 50%; }
.subtab .depth01 .icon{ display: inline-block; margin-left: 15px; }
.subtab .depth01 .icon img{ vertical-align: sub; }
.subtab .depth02{ position: absolute; top: 50px; width: 100%; left: 0; z-index: 100; display: none; background: rgba(49,49,49,0.8); }
.subtab .depth02 a{ padding: 10px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; color:#fff; }
.subtab .depth03 a{ padding: 5px 5px; }
@media (max-width:969px) {
	.subtab .w1200{ padding: 0; }
	.subtab .subtab_home{ display: none !important; }
	.subtab .subtab_depth01{ display: none !important; }
	.subtab a.depth01{ color:#fff; }
	.subtab .subtab_depth02{ width: 100%; background: #b11116; }
}
@media (min-width:970px) {
	.subtab a{ text-align: left; }
	.subtab .subtab_home{ display: block; width:75px; background: #b11116; color: #fff; }
	.subtab .subtab_home a{ text-align: center; }
	.subtab .subtab_home img{ vertical-align:text-bottom; }
	.subtab .subtab_depth01{ display: block; width: 140px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	.subtab .subtab_depth01 a{ text-align: center; color: #131313; }
	.subtab .subtab_depth02{ min-width: 285px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; background: #f5f1eb; padding-right: 20px; }
	.subtab .subtab_depth02 a{ padding-left: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; }
	.subtab .subtab_depth02 > a{ background: #f5f1eb; color: #b11116; }
	.subtab a.depth01{ border: none; background-image: url(../images/common/subhd_tabc_more.png); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 50px; }
	.subtab a.depth01.on{ background-image: url(../images/common/subhd_tabc_more_on.png); background-repeat: no-repeat; background-position: 100% 50%; }
	.subtab .depth02{ top: 50px; }
	.subtab .depth03 a{ padding-left: 50px; }
}

/* =========================
	서브 공통구조
========================= */
.sub-ptit{ text-align: center; padding-bottom: 35px; }
.sub-ptit .logos{ width: 50%; display: block; max-width: 189px; margin: 0 auto 20px; }
.sub-ptit .fs01{ color:#424242; font-size: 1.2rem; line-height: 1.2; letter-spacing: -0.5px; }
.sub-ptit .fs01 span{ font-weight: 700; }
.sub-ptit .fs02{ color:#424242; font-size: 1.1rem; line-height: 1.2; letter-spacing: -0.5px; margin-bottom:5px; }
.sub-ptit .fs03{ font-weight: 700; color:#424242; font-size: 1.3rem; line-height: 1.2; letter-spacing: -0.5px; }
.sub-ptit .fs04{ color:#424242; font-size: 1.1rem; line-height: 1; letter-spacing: -0.5px; }
.sub-ptit .fs04 span{ font-weight: 700; }
.sub-ptit .fs05{ color:#a0a0a0; font-size: 1rem; letter-spacing: -0.5px; margin-top:10px; }
@media (max-width:969px) {
	.sub-content{ padding: 100px 0 100px; }
}
@media (min-width:970px) {
	.sub-content{ padding: 200px 0 250px; }
	.sub-ptit{ padding-bottom: 90px; }
	.sub-ptit .logos{ margin: 0 auto 30px; }
	.sub-ptit .fs01{ font-size:30px; }
	.sub-ptit .fs02{ font-size:26px; }
	.sub-ptit .fs03{ font-size:40px; }
	.sub-ptit .fs04{ font-size:25px; }
	.sub-ptit .fs05{ font-size:18px; }
}

/* =========================
	onlineMall
========================= */
/* #onlineMall{ overflow: hidden; } */

/* =========================
	회사소개
========================= */
#p-intro .conDiv01{ background: #f6f6f6; padding: 55px 0 50px;}
#p-intro .conDiv01 .bg{ ;background: url(../images/common/icon_circlelogo.png) no-repeat 100% 100%; background-size:40%; }
#p-intro .sub-ptit.long{ padding-bottom: 70px; }
/* greeting */
.greeting .boximg{ background: #f6f6f6; padding: 20px 10px; border-radius: 30px; box-sizing: border-box; margin-bottom: 45px; }
.greeting .boximg img{ display: block; margin: 0 auto; width: 100%; max-width: 1100px; }
.greetTxt{ font-size: 1rem; }
.greetTxt br{ display: none; }
.greetTxt .fs01{ font-weight: 500; margin-bottom: 45px; font-size: 1.2rem; letter-spacing: -1px; }
.greetTxt .fs02{ font-weight: 700; margin-bottom: 30px; font-size: 1.3rem; letter-spacing: -1px; }
.greetTxt .fs02 img{ display: inline-block; vertical-align: middle; margin-left: 10px; /* box-shadow: 2px 2px 4px rgba(0,0,0,0.4); */ margin-bottom: 5px; width: 30%; max-width: 240px; }
.greetTxt > div{ margin-bottom:15px; }
.greetTxt > div span{ font-size: 1.05rem; }
.greetTxt .lastTxt{ text-align: right; font-weight: 700; font-size: 1.2rem; margin-top: 15px; padding-bottom: 30px; }
@media (min-width: 970px){
	#p-intro .sub-ptit.long{ padding-bottom: 135px; }
	/* greeting */
	.greeting .boximg{ padding: 40px 10px; margin-bottom: 90px; }
	.greetTxt{ font-size: 18px; }
	.greetTxt br{ display: block; }
	.greetTxt .fs01{ font-size: 24px; }
	.greetTxt .fs02{ font-size: 52px; margin-bottom: 60px; }
	.greetTxt > div{ margin-bottom: 30px; }
	.greetTxt > div span{ font-size: 19px; }
	.greetTxt .lastTxt{ font-size: 20px; padding-bottom: 65px; }
}

.subcon03{ padding: 110px 0 100px; }
.subcon03 .img{ box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 8px 8px 15px rgba(0,0,0,0.2); margin-bottom: 20px; }
.subcon03 .img img{ display: block; width: 100%; }
.subcon03 .list{ margin-bottom: 50px; }
.subcon03 .words{ color: #424242; }
.subcon03 .words .fs01{ font-weight: 700; font-size: 1rem; margin-bottom: 20px; letter-spacing: -0.5px; display: inline-block;  padding-left: 28px; background: url(../images/common/icon_dot.png) no-repeat 0% 50%; }
.subcon03 .words .fs01 span{ color: #b11116; }
.subcon03 .words .fs02{ font-size: 0.9rem; }
.subcon03 .words .fs02 > p{ margin-bottom: 10px; }
.subcon03 .words .fs02 span{ font-size: 0.95rem; font-weight: 900; }
@media (min-width: 970px){
	.subcon03{ padding: 220px 0 0; }
	.subcon03 .list{ position: relative; margin-bottom: 190px; }
	.subcon03 .list:after{ display: block; content: ""; clear: both; }
	.subcon03 .img{ margin-bottom: 0; }
	.subcon03 .list .words{ padding: 0 40px 0; box-sizing: border-box; -webkit-box-sizing: border-box;}
	.subcon03 .list:nth-child(2n) .img{ float:left; width:40%; }
	.subcon03 .list:nth-child(2n) .words{ position: absolute; top: 50%; right: 0; width: 60%; transform: translateY(-50%); -webkit-transform:translateY(-50%); text-align: right; }
	/* .subcon03 .list:nth-child(2n) .words .fs01{ padding-right: 28px; background: url(../images/common/icon_dot.png) no-repeat 100% 50%; } */
	.subcon03 .list:nth-child(2n+1) .img{ float:right; width:40%; }
	.subcon03 .list:nth-child(2n+1) .words{ position: absolute; top: 50%; left: 0; width: 60%; transform: translateY(-50%); -webkit-transform:translateY(-50%); }
	.subcon03 .words .fs01{ font-size: 24px; margin-bottom: 35px; }
	.subcon03 .words .fs02{ font-size: 16px; }
	.subcon03 .words .fs02 > p{ margin-bottom: 20px; }
	.subcon03 .words .fs02 span{ font-size: 18px; }
}

/* =========================
	사업소개
========================= */
#p-business #mainMap{ margin-bottom: 60px; }
#p-business #mainMap .sub-ptit{ padding-bottom: 30px; }
#p-business #mainMap .sub-ptit .fs02{ color: #fff; }
#p-business #mainMap .sub-ptit .fs03{ color: #fff; }
#p-business #mainMap{ background: url(../images/sub/submap_bg.jpg) no-repeat 50% 50%; background-size: cover; }
#p-business #mainMap .mapDiv .mapTxtUl .mapTxtLi{ border-bottom: 2px solid #5c5f62; }
#p-business #mainMap .mapDiv .mapTxtUl .mapTxtLi:last-child{ border-bottom: none; }
@media (min-width: 970px){
	#p-business #mainMap{ margin-bottom: 130px; }
}

/* 고객사 */
.p-clientlist ul.mb{ margin-bottom: 70px; }
.p-clientlist ul li{ text-align: center; float: left; }
.p-clientlist ul li img{ display: block; width: 100%; }
.p-clientlist ul li .name{ font-weight: 700; font-size: 1rem; margin-top: 10px; }
@media (max-width:1023px) {
	.p-clientlist ul li{ width: 48%; margin-right: 4%; margin-bottom: 45px; }
	.p-clientlist ul li:nth-child(2n){ margin-right: 0; }
}
@media (min-width:1024px) {
	.p-clientlist ul.mb{ margin-bottom: 150px; }
	.p-clientlist ul li .name{ font-size: 20px; margin-top: 25px;}
	.p-clientlist ul li{ width: 20.8%; margin-right: 5.6%; margin-bottom: 90px; }
	.p-clientlist ul li:nth-child(4n){ margin-right: 0; }
}
/* =========================
	연혁
========================= */
#p-history .histit{font-size: 2rem; font-weight: 900; color: #b11116; text-align: center; }
#p-history .hisDiv{ margin: 40px 0; }
.hisDiv .hisCon{ padding-bottom: 60px; }
.hisDiv .hisCon:last-child{ padding-bottom: 0; }
.hisDiv .hisCon .icon{ position: absolute; top: -8.5px; left: 0; z-index: 10; transform: translateX(-50%); -webkit-transform:translateX(-50%); }
.hisDiv .hisCon .hisImg{ margin-bottom: 30px; box-shadow: 3px 3px 7px rgba(83,83,83,0.4); width: 100%; max-width: 550px; }
.hisDiv .hisCon .hisImg img{ display: block; width: 100%; }
.hisDiv .hisCon .hisTxt li{ display: table; margin-bottom: 20px; }
.hisDiv .hisCon .hisTxt li:last-child{ margin-bottom: 0; }
.hisDiv .hisCon .hisTxt .year{ font-size: 1.2rem; font-weight: 700; letter-spacing: -0.5px; display: table-cell; vertical-align: top; padding-right:25px; position: relative; }
.hisDiv .hisCon .hisTxt .year:after{ display: block; content: ""; position: absolute; top: 12px; right: 5px; width: 15px; height: 2px; background: #cbcbcb; z-index: 10; }
.hisDiv .hisCon .hisTxt .contxt{ font-size: 1rem; color: #5d5d5d; vertical-align: top; position: relative; padding-left: 25px; padding-top: 0;}
.hisDiv .hisCon .hisTxt .contxt:before{ display: block; content: "◎"; position: absolute; top: 1px; left: 0; }
@media (max-width: 969px){
	.hisDiv .hisCon{ padding-left:20px; border-left: 1px solid #cacaca; }
}
@media (min-width: 970px){
	#p-history .histit{font-size: 60px;}
	#p-history .hisDiv{ margin: 80px 0; }
	.hisDiv .hisCon{ padding: 60px 0 120px; }
	.hisDiv .hisCon.last{ padding: 60px 0; }
	.hisDiv .hisCon:last-child{ padding: 0; }
	.hisDiv .hisCon:after{ display: block; content: ""; clear: both; }
	.hisDiv .hisCon:before{ display: block; content: ""; position: absolute; top: 0; right: 50%; width: 1px; height: 100%; background:#cacaca; } 
	.hisDiv .hisCon .hisImg{ margin-top: 10px; }
	.hisDiv .hisCon:nth-child(2n) .hisTxt{ float: left; width: 50%; }
	.hisDiv .hisCon:nth-child(2n) .hisImg{ float: right; width: 45%; }
	.hisDiv .hisCon:nth-child(2n+1) .hisTxt{ float: right; width: 50%; }
	.hisDiv .hisCon:nth-child(2n+1) .hisImg{ float: left; width: 45%; }
	.hisDiv .hisCon .icon{ left: 50%; }
	.hisDiv .hisCon .hisTxt{ padding: 0 20px; box-sizing:border-box; }
	.hisDiv .hisCon .hisTxt .year{ font-size:26px; padding-right:60px; }
	.hisDiv .hisCon .hisTxt .year:after{ width: 40px; top: 18px; right: 10px; }
	.hisDiv .hisCon .hisTxt .contxt{ padding-top: 7px; font-size: 16px; }
	.hisDiv .hisCon .hisTxt .contxt:before{ top: 7px; }
}
@media (min-width: 1240px){
	.hisDiv .hisCon .hisTxt{ padding: 0 70px;}	
}

/* =========================
	오시는길
========================= */
#p-pdmethod #FourCho{ margin-bottom: 100px; }

#p-pdmethod .youtubeWrap img{}

#p-pdmethod .boxline{}
#p-pdmethod .boxline01{ margin-bottom: 100px;}
#p-pdmethod .boxline02{ margin-top: 120px;}
#p-pdmethod .boxline .sub-ptit{ padding-bottom: 20px; }
#p-pdmethod .boxline .pxBoxUl{display: none;}
#p-pdmethod .boxline .mBoxUl{display: block;}
#p-pdmethod .boxline ul li{ position: relative; cursor: pointer; float: left; width: 50%; }
#p-pdmethod .boxline ul li img{ display: block; width: 100%;}
#p-pdmethod .boxline ul li .off{ display: none; position: absolute; top: 50%; left: 50%; z-index: 10; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); width: 100%; }
#p-pdmethod .boxline ul li .on{ display: block; }
/* hover */
#p-pdmethod .boxline ul li:hover .off{ display: block; }
@media (min-width: 970px){
	#p-pdmethod #FourCho{ margin-bottom: 200px; }
	
	#p-pdmethod .boxline01{ margin-bottom: 200px;}
	#p-pdmethod .boxline02{ margin-top: 240px;}
	#p-pdmethod .boxline .sub-ptit{ padding-bottom: 40px; }
	#p-pdmethod .boxline ul li{width: 33.33%;}
	#p-pdmethod .boxline .pxBoxUl{display: block;}
	#p-pdmethod .boxline .mBoxUl{display: none;}
}

/* =========================
	생산시설
========================= */
.bgbar{ background: #f8f8f8; padding: 50px 0 120px; }
.linebox .icon{display: block; width: 60%; max-width: 97px; margin:0 auto 15px; }
.linebox p.fs01{ font-size: 1rem; font-weight: 500; margin-bottom: 15px; word-break: keep-all; }
.linebox .fs02{ font-size: 1.1rem; font-weight: 900; line-height: 1; }
.linebox li{ padding: 20px 10px; box-sizing: border-box; text-align: center; color: #424242; }
.linebox.line03 li{ float: left; width: 100%; }
.linebox.line04 li{ float: left; width: 50%; }
.linebox.line04 li .icon{display: block; width: 60%; max-width: 92px; margin:0 auto 15px; }
/* factory */
.youtubeimg,
.factory_slider{ box-shadow:7px 7px 11px rgba(0,0,0,0.45); }
.factory_slider .slick-arrow{position: absolute;top: 50%;display: block;outline: none;text-align: left;z-index: 1000;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 0;line-height: 0;overflow: hidden;width: 30px;height: 30px;background-color: #fff;background-repeat: no-repeat;background-position: center;background-size: 8px;border-radius: 50%;}
.factory_slider .slick-prev{background-image: url('../images/common/slider02_prev.png');left: 20px;}
.factory_slider .slick-next{ background-image: url('../images/common/slider02_next.png'); right: 20px; }

@media (min-width:570px) {
	.linebox.line03 li{ width: 33.33%; }
	.linebox.line03.l-bar li{ position: relative; }
	.linebox.line03.l-bar li:after{ position: absolute; display: block; content: ""; height: 111px; width: 3px; background: #a0a0a0; top: 50%; right: 0; z-index: 10; transform: translateY(-50%); -webkit-transform:translateY(-50%); }
	.linebox.line03.l-bar li:last-child:after{ display: none; }
	/* factory */
	#p-factory02{ margin-top:120px;  }
	.factory_slider .slick-prev{ left: 10px; }
	.factory_slider .slick-next{ right: 10px; }
}
@media (min-width:970px) {
	.bgbar{ padding: 100px 0 230px; }
	.linebox li .fs01{ font-size: 18px; }
	.linebox li .fs02{ font-size: 26px; }
	
	.linebox.line04 li{ width: 25%; }
	/* factory */
	#p-factory02{ margin-top: 250px;  }
	.factory_slider{ margin-top: -150px; }
}


/* =========================
	오시는길
========================= */
#p-location .MapCon{ margin-bottom: 60px; }
#p-location .MapCon:last-child{ margin-bottom: 0; }
#p-location .mapWrap{ margin-bottom: 45px; }
#p-location .root_daum_roughmap{ width: 100% !important;  border: 1px solid #1b1b1b; }
#p-location .root_daum_roughmap .wrap_map{ height: 300px!important; }
#p-location .map_address .divL{ font-size: 1.3rem; font-weight: 900; letter-spacing: -1px; margin-bottom: 20px; }
#p-location .map_address .divR{ font-size: 1rem; color: #777777; }
#p-location .map_address .divR .dis-t{ padding-bottom: 10px; }
#p-location .map_address .divR .fb{ font-weight: 700; color: #454545; word-break: keep-all; width: 59px; }
#p-location .map_address .divR .dnvus{ padding-right: 10px; word-break: keep-all; }
@media (min-width:970px){
	#p-location .MapCon{ margin-bottom: 135px; }
	#p-location .map_address .divL{ padding-right: 40px; font-size: 35px; margin-bottom: 0; padding-left: 20px; }
	#p-location .map_address .divR{ font-size: 18px; }
	#p-location .map_address .divR .fb{ width: 66px; }
	#p-location .root_daum_roughmap .wrap_map{ height: 550px!important; }
}

/* =========================
	홍보센터
========================= */
.PRCenter_search{ width: 100%; max-width: 745px; margin: 0 auto 40px; }
.PRCenter_search fieldset{ width: 100%; border-bottom: 2px solid #222222;  }
.PRCenter_search input[type="text"], 
.PRCenter_search input[type="search"]{ -webkit-appearance: none; border-radius: 0; width:100%; background-color:#fafafa; box-sizing: border-box; -webkit-box-sizing: border-box; border: none; background: none; padding: 5px 40px 5px 10px; height:40px; line-height:40px; letter-spacing: -0.5px; color: #aaaaaa }
.PRCenter_search input[type="text"]::placeholder, 
.PRCenter_search input[type="search"]::placeholder{ color: #aaaaaa; font-weight: 400; }
.PRCenter_search input[type="submit"]{ background: url(../images/common/icon_searchm.png) no-repeat 50% 50%; background-size: 27px; position: absolute; z-index: 100; top: 50%; right: 0; border: none; color: #fff; font-size: 0; line-height: 0; overflow: hidden; transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 30px; height: 40px;  }
.PRCenter_search button{ background: url(../images/common/icon_searchm.png) no-repeat 50% 50%; background-size: 27px; position: absolute; z-index: 100; top: 50%; right: 0; border: none; color: #fff; font-size: 0; line-height: 0; overflow: hidden; transform: translateY(-50%); -webkit-transform:translateY(-50%); width: 30px; height: 40px;  }
@media all and (min-width:970px){
	#notiBoard .sub-ptit{ padding-bottom :110px;}
	.PRCenter_search{ margin: 0 auto 80px; }
	.PRCenter_search input[type="text"], 
	.PRCenter_search input[type="search"]{ font-size: 20px; }
}


/* =========================
	인증서
========================= */
#p-certi{}
#p-certi .certi-txt{ color: #3e3e3e; font-size: 1.2rem; text-align: center; letter-spacing: -1px; margin-bottom: 45px; }
#p-certi .certi-txt br{ display: none;}
#p-certi .certi-txt b{ font-weight: 700; }
#p-certi .certi-txt span{ color: #b11116; }

#p-certi .imgDiv{ margin-bottom: 100px; }

#p-certi .patent_ul.patent_ul01{ margin-bottom: 100px; }
#p-certi .patent_ul li{ float: left; cursor: pointer; }
#p-certi .patent_ul li img{ display: block; width: 100%; box-shadow:10px 10px 10px rgb(0 0 0 / 25%); }
#p-certi .patent_ul .tit{ text-align: center; font-weight: 700; font-size: 0.8rem; line-height: 1.2; }
/* 큰이미지 */
.patent_ul  .imgbig{ display:none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7); z-index:999999; }
.patent_ul  .imgbig .center{ position: absolute; top:50%; left: 0;  width: 100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.patent_ul  .imgbig .center .img{ width: 90%; display: block; max-width: 550px; margin: 0 auto; }
.patent_ul  .imgbig .center .img img{ width: 100%; display: block; }
/* 닫기 버튼 */
.patent_ul  .imgbig  .imgbig_close{position: fixed;top: 0;right: 0;color:#fff;font-size:40px;padding: 1rem; cursor:pointer; z-index: 100005; }
.patent_ul  .imgbig  .imgbig_close img{display:block; }
@media all and (max-width:969px){
	#p-certi .patent_ul li{ width: 49%; margin-right: 2%; margin-bottom: 40px;}
	#p-certi .patent_ul li:nth-child(2n){ margin-right: 0; }
	#p-certi .patent_ul .tit{ margin-top: 15px; }
	
}
@media all and (min-width:970px){
	#p-certi .certi-txt{ font-size: 25px; margin-bottom: 90px; }
	#p-certi .certi-txt br{ display: block;}
	
	#p-certi .imgDiv{ margin-bottom: 200px; }
	
	#p-certi .patent_ul.patent_ul01{ margin-bottom: 200px; }
	#p-certi .patent_ul li{ width: 26%; margin-right: 11%; margin-bottom: 130px;}
	#p-certi .patent_ul li:nth-child(3n){ margin-right: 0; }
	#p-certi .patent_ul .tit{ font-size: 20px; margin-top: 40px; font-weight: 900; }
}


/* =========================
	제품소개
========================= */
/* 타이틀 */
#p-product .ctit{ position: relative; margin-bottom: 85px; margin-top:35px; }
#p-product .ctit:after{ display: block; width: 100%; height: 2px; background:#e5e5e5; content: ""; }
#p-product .ctit p{ position: absolute; top: 50%; display: block; background: #fff; font-weight: 900; z-index: 10; padding-left:10px; padding-right: 15px;  border-left:5px solid #cfbda4;     line-height: 1;  left: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%);  }
#p-product ul li{ text-align: center; float: left; }

/* 전체상품 */
#p-product .pdAll{}
#p-product .pdAll li{ float: left; display: block; box-sizing: border-box; text-align: center; cursor: pointer; }
#p-product .pdAll li a{ display: block; }
#p-product .pdAll li .imgDiv{ width:90%; max-width:220px; margin:0 auto; position: relative; }
#p-product .pdAll li .imgDiv img{ -webkit-transition: transform 0.4s ease-in-out;
-moz-transition: transform 0.4s ease-in-out;
-ms-transition: transform 0.4s ease-in-out;
-o-transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out; }
#p-product .pdAll li .imgDiv .on{ opacity:0; position: absolute; top: 0; left: 0; z-index:10; }
#p-product .pdAll li .imgDiv .off{ opacity:1; }
#p-product .pdAll li .tit{ color: #3e3e3e; font-size: 1rem; font-weight: 700; padding: 20px 10px; }
/* hover */
#p-product .pdAll li:hover .imgDiv img{ transform: scale(1.05); }
/* #p-product .pdAll li:hover .imgDiv .on{ opacity:1; } */

/* 제품상세 */
#p-product .pdUl li{ float: left; display: block; border: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; cursor: pointer; }
#p-product .pdUl li .txt-div{ border-top: 1px solid #e5e5e5; color: #3e3e3e; padding: 20px 5px; box-sizing: border-box; letter-spacing: -1px; min-height: 130px; }
#p-product .pdUl li .tit{ font-size: 1rem; font-weight: 700;  }
#p-product .pdUl li .txt{ font-size: 0.8rem; font-weight: 500; margin-top:5px;  }
#p-product .pdUl li img{ display: block; width: 100%; }
/* hover */
#p-product .pdUl li:hover{ box-shadow: 5px 5px 7px rgba(0,0,0,0.1); }
@media all and (max-width:969px){
	#p-product .ctit p{ font-size: 1.2rem; }
	
	/* 전체상품 */
	#p-product .pdAll li{ width: 49%; margin-right: 2%; margin-bottom: 100px;}
	#p-product .pdAll li:nth-child(2n){ margin-right: 0;}

	/* 제품상세 */
	#p-product .pdUl li{ width: 49%; margin-right: 2%; margin-bottom: 40px;}
	#p-product .pdUl li:nth-child(2n){ margin-right: 0;}
}
@media all and (min-width:970px){
	#p-product .ctit{ margin-bottom:120px; margin-top:70px;}
	#p-product .ctit p{ font-size: 30px;}
	
	/* 전체상품 */
	#p-product .pdAll li{ width: 31.66%; margin-right: 2.5%; margin-bottom: 150px;}
	#p-product .pdAll li:nth-child(3n){ margin-right: 0;}
	#p-product .pdAll li .tit{ font-size: 18px; }

	/* 제품상세 */
	#p-product .pdUl li{ width: 23.8%; margin-right: 1.6%; margin-bottom: 80px;}
	#p-product .pdUl li:nth-child(4n){ margin-right: 0;}
	#p-product .pdUl li .txt-div{ padding:40px 10px; height: 143px; }
	#p-product .pdUl li .tit{ font-size: 20px; }
	#p-product .pdUl li .txt{ font-size: 16px; }
}


/* =========================
	테이블
========================= */
.tableDiv{ letter-spacing: -0.5px; }
.tableDiv table{ width: 100%; text-align: center; border-top: 3px solid #b11116; border-bottom: 3px solid #b11116; color: #010101; }
.tableDiv table th, .tableDiv table td{ padding: 10px 5px; word-break: break-word; }
.tableDiv thead th,
.tableDiv thead td{background: #51738f; color: #fff; font-weight: 700; border-right: 1px solid #cccccc; }
.tableDiv tbody th{font-weight: 700; color: #b11116; font-size: 0.9rem;}
.tableDiv tbody th,
.tableDiv tbody td{border-bottom: 1px solid #cccccc;border-right:1px solid #cccccc; border-top: 1px solid #cccccc;}
.tableDiv tbody td:last-child{border-right:none;}
.tableDiv tbody td.tl{ text-align: left; }
.tableDiv tbody td p{ margin-bottom: 8px; }
.tableDiv tbody td p:last-child{ margin-bottom: 0; }
.tableDiv td:last-child{border-right: none;}
.tableDiv table .mContents{ display: block; margin-top: 10px; font-size: 0.8rem; }
@media all and (min-width:500px) {
	.tableDiv .word_space{ width:450px; }
}
@media all and (min-width:1024px) {
	.tableDiv tbody th, .tableDiv tbody td{ padding: 30px 10px; }
	.tableDiv tbody th{ font-size: 20px; }
	.tableDiv table td{ font-size: 17px; }
	.tableDiv tbody td:last-child{ border-right:none; }
	.tableDiv table .mContents{ display: none; }
	.tableDiv tbody td.tl{ padding-left: 10%; }
}

/* =========================
	박스테이블
========================= */
.boxtable02{margin-top: 130px;text-align: center;color: #010101;font-size: 0.9rem;}
.boxtable02 .box{ background: #f7f5f5;padding: 30px 10px;}
.boxtable02 .box img{ display: block;width: 80%;max-width: 388px;margin: 0 auto 25px;}
.boxtable02 .box .tit{ font-size: 1.1rem; font-weight: 700; color: #b11116;margin-bottom: 15px; letter-spacing: -0.5px;}
.boxtable02 .box.boxl{ margin-bottom: 30px; }
@media all and (min-width:1024px) {
	.boxtable02{display: table; table-layout: fixed;width: 100%;margin-top: 260px;font-size: 17px; }
	.boxtable02 .box{display: table-cell; vertical-align: top;padding: 40px 10px;}
	.boxtable02 .box.boxl{border-right: 30px solid #fff; margin-bottom: 0; }
	.boxtable02 .box.boxr{border-left: 30px solid #fff; }
	.boxtable02 .box img{margin-bottom: 50px;}
	.boxtable02 .box .tit{ font-size:30px; margin-bottom: 30px;}
}

.boxflo05{ background: #f7f5f5; margin-top: 25px; text-align: center; padding: 25px 10px; margin-bottom: 50px; }
.boxflo05 .box{ border-right: 1px solid #e5e5e5; box-sizing: border-box; }
.boxflo05 .box:last-child{ border-right: none; }
.boxflo05 .box img{ display: block;width: 80%;max-width: 75px;margin: 0 auto 15px;}
.boxflo05 .box p{ color: #272727; font-weight: 700; font-size: 1rem; }
@media all and (max-width:869px) {
	.boxflo05 .box{ display: inline-block; width: 32%; margin: 10px 0; vertical-align: top; }
	.boxflo05 .box:nth-child(3n){ border-right: none; }
	
}
@media all and (max-width:450px) {
	.boxflo05 .box{ display: inline-block; width: 48%;}
	.boxflo05 .box:nth-child(3n){ border-right: 1px solid #e5e5e5; }
	.boxflo05 .box:nth-child(2n){ border-right: none; }
	
}
@media all and (min-width:870px) {
	.boxflo05 .box{ display: block; float: left; width: 20%; }
}
@media all and (min-width:1024px) {
	.boxflo05{ margin-top: 50px; margin-bottom: 100px; }
	.boxflo05 .box img{ margin-bottom: 30px;}
	.boxflo05 .box p{font-size: 20px;}
	
}

/* =========================
	온라인문의
========================= */
/* 개인정보 수집동의 */
.personal .div01{ margin-bottom: 50px;}
.personal .agree_box_tit{ font-size:1.2em; margin-bottom: 10px; color: #323232; font-weight: 700; letter-spacing: -1px; }
.personal .agree_box_tit span{font-size:0.8em;color:#b7b7b7;font-weight:400;}
.personal .agree_box_tit span.red{color:#ed1130;margin-left: 10px;}
.personal .agree_box_tit label{margin-left:5px;}
.personal .agree_box_tit #agree{margin-bottom: 3px;}
/* 개인정보 수집동의 */
.personal .agree_box{ width:100%; border:1px solid #d7d7d7; height:250px; overflow:auto; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom: 20px; letter-spacing: -0.5px; word-break: keep-all; }
.personal .agree_box h5{font-size:1.1em;padding:10px 0 10px 0}
.personal .agree_box h4{padding:20px 0 20px 0;}
.personal .agree_box ol{ padding: 0 10px; }
.personal .agree_box ol li{ margin-bottom:5px; }
.personal .agree_box ol li ol{ padding-left:20px }
/* 문의 */
.personal .select-agree {text-align: right; }
.personal table {width:100%; }
.personal table th .s{ font-size: 0.8em; } 
.personal table th .star{ color: #ec0928; } 
.personal table th,
.personal table td{ border: 1px solid #d7d7d7; padding:5px; }
.personal table th{ color: #303030; text-align:left; background: #f7f7f7; white-space: nowrap; }
.personal table th img {max-width:100%;}
.personal table td .textbox{ border: 1px solid #d7d7d7; padding:10px; box-sizing:border-box;-webkit-box-sizing:border-box; width: 100%; vertical-align: middle; }
.personal table td .codeinput{ border: 1px solid #d7d7d7; padding:10px; box-sizing:border-box;-webkit-box-sizing:border-box; font-size:16px; max-width: 150px; width: 100%; }
.personal table td textarea::placeholder{ color: #e5e5e5; }
.personal table td select,
.personal table td textarea,
.personal table td input{ color: #878b8c; }
.personal table td input::placeholder{ color: #878b8c; }
.personal table td .address-btn{ margin: 0 5px; background: #a0a0a0; color: #fff; height: 46px; padding: 0 10px; font-size: 13px; vertical-align: middle; }
.personal table td .textbox.box01{ width:100%; max-width: 500px; }
.personal table td .textbox.box02{ width:50%; }
.personal table td .textbox.box03{ width:30%; }
.personal table td .codeinput{max-width: 150px;}
.personal table td option{ color: #000; }
.personal table td span {display:block;margin-top:10px;}
.personal .btn-submit{ background-color: #b11116; font-weight: 700; color:#ffffff;border:0;margin:40px auto 0;display:block;padding:15px 30px; min-width: 180px; }
@media all and (max-width:969px){
	.personal table td .textbox.box-add:first-child{ width:50%; }
	.personal table td .textbox.box-add:last-child{ margin-top: 5px; }
	.personal table td .address-btn{ height: 41px; }
}
@media all and (min-width:970px){
	.personal .div01{ margin-bottom: 100px;}
	.personal .agree_box_tit{ font-size:30px; }
	.personal .agree_box_tit span{ font-size:15px; }
	.personal .agree_box{ padding:20px 30px; }
	.personal .agree_box h5{font-size:19px;}
	.personal .agree_box h4{font-size:16px;}
	
	.personal table th{ padding:10px 20px; font-size: 16px; width: 160px; }
	.personal table td{ padding:10px; font-size: 16px;}
	.personal table td .textbox.box-add{ width:43%; }
	.personal .btn-submit{ font-size: 18px; }
}


/* =========================
	정책
========================= */
/* 박스 디자인 */
.box_css{ border: 1px solid #e8e8e8; font-size: 16px; line-height: 1.5; letter-spacing: -1px;  color:#727280; }
.boxContact{ border: 2px solid #b11116; color:#424242; padding: 30px 10px; box-sizing: border-box; max-width: 445px; margin: 0 auto 30px; text-align: center; font-weight: 500; }
.boxContact .tit{ font-weight: 700; font-size: 1.1rem; margin-bottom: 10px; letter-spacing: -1px; }
.boxContact .con{ margin: 20px 0 25px; }
@media all and (max-width:1169px){
	.box_css{ padding: 35px 15px; }
}
@media all and (min-width:1170px){
	.box_css{ padding: 40px; }
	.boxContact{ margin: 0 auto 60px; }
	.boxContact .tit{ font-size: 25px; }
}

.policy_list{ font-size: 16px; }
.policy_list .h4{ font-size:20px; font-weight: 500; color:#424242; margin-bottom: 20px; letter-spacing: -1px; line-height: 1; }
.policy_list .list1{ margin-bottom: 50px; }
.policy_list .list1:last-child{ margin-bottom: 0; }
.policy_list .txtli{ display: table; }
.policy_list .txtli .td{ display: table-cell; vertical-align: top; }
.policy_list .txtli .td.num{ width: 15px; }
.policy_list .roman_list{ padding-left: 20px; }
.policy_list .roman_list > li{ list-style: upper-roman; margin-bottom: 5px; }
.policy_list .hangul_list{ padding-left: 20px; }
.policy_list .hangul_list > li{ list-style: hangul; margin-bottom: 5px; }
.policy_list .dot_list{ padding-left: 25px; }
.policy_list .dot_list > li{ list-style: disc; }
.policy_list .numli{ padding-left: 22px; }
.policy_list .numli > li{ list-style: decimal; }


/* =========================
	정책
========================= */
/* 박스 디자인 */
.box_css{ border: 1px solid #e8e8e8; font-size: 16px; line-height: 1.5; letter-spacing: -1px;  color:#727280; }
@media all and (max-width:1169px){
	.box_css{ padding: 35px 15px; }
}
@media all and (min-width:1170px){
	.box_css{ padding: 40px; }
}

.policy_list{ font-size: 16px; }
.policy_list .h4{ font-size:20px; font-weight: 500; color:#424242; margin-bottom: 20px; letter-spacing: -1px; line-height: 1; }
.policy_list .list1{ margin-bottom: 50px; }
.policy_list .list1:last-child{ margin-bottom: 0; }
.policy_list .txtli{ display: table; }
.policy_list .txtli .td{ display: table-cell; vertical-align: top; }
.policy_list .txtli .td.num{ width: 15px; }
.policy_list .roman_list{ padding-left: 20px; }
.policy_list .roman_list > li{ list-style: upper-roman; margin-bottom: 5px; }
.policy_list .hangul_list{ padding-left: 20px; }
.policy_list .hangul_list > li{ list-style: hangul; margin-bottom: 5px; }
.policy_list .dot_list{ padding-left: 25px; }
.policy_list .dot_list > li{ list-style: disc; }
.policy_list .numli{ padding-left: 22px; }
.policy_list .numli > li{ list-style: decimal; }



/*=========================
	공지사항
=========================*/
/* 새로운 공지사항 디자인 */
.notice_list_wrap{ position: relative; }
.notice_list_wrap table{ width: 100%; text-align: center; border-top: 2px solid #545861; }
.notice_list_uid,
.notice_list_user,
.notice_list_date,
.notice_list_vote,
.notice_list_view{ display: none; }
.notice_list_contents{ display: block; color: rgb(153, 153, 153); margin-top: 10px; }

.notice_list_wrap .word_space{ width: 250px; }
.notice_list_wrap td {border-bottom:1px solid #ccc;font-size: 0.8rem; padding: 12px 10px; }
.notice_list_wrap td a{ display: block; color: #010101; }
.notice_list_wrap td a span{display: inline-block; vertical-align: top; max-width: 120px;}

.notice_list_wrap thead td{background:#c8585b;color:#fff;font-weight: 500;}
.notice_list_wrap tbody td:nth-child(2) {text-align:left;}

.icon_reply,
.icon_lock{ color:#adadad; font-size: 15px; vertical-align: middle; }
.icon_reply{ margin-right: 10px; }
.icon_lock{ margin-left: 10px; }

/*검색DIV*/
.table_search_wrap{ width:100%; text-align: center; background: #c8585b; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px 0; border: 1px solid #d3d3d3; }
.table_search_wrap .select_list{display: inline-block; border: 1px solid #ccc; width:80px; height: 40px; background: #fff; }
.table_search_wrap .input_text{ display: inline-block; padding:0 10px; border:1px solid #ccc; margin:0 5px; height: 40px; width: 35%; max-width: 300px; }
.table_search_wrap .btn{ display: inline-block; line-height: 40px; width: 75px; text-align: center; background:#8a1013; color: #fff; letter-spacing: -0.5px; font-size: 16px; }

@media all and (min-width:500px) {
	.notice_list_wrap .word_space{ width:450px; }
}
@media all and (min-width:1024px) {
	.notice_list_uid,
	.notice_list_user,
	.notice_list_date,
	.notice_list_vote,
	.notice_list_view{ display: table-cell; }
	.notice_list_contents{ display: none; }
	.notice_list_wrap table td{font-size: 17px; padding: 12px 0; }
	.notice_list_wrap table .word_space{ width: 600px; }
}

/*페이지네비*/
.pagination{ margin: 40px 0 20px; text-align: center;font-size: 15px; }
.pagination a{ display: inline-block; width: 30px; line-height: 30px; max-width: 30px; margin:1px; }
.pagination a.arrow{ border: 1px solid #d3d3d3; }
.pagination a:hover,
.pagination a:focus,
.pagination a.active{background: #b11116; color: #fff;}
.pagination a .fas,
.pagination a .svg-inline--fa{ display: inline-block; line-height: 30px; font-size:17px; }




/* =========================
	게시판뷰
========================= */
.board_view{ width:100%; border:1px solid #ccc; border-top:none;border-bottom:0;}
/* 타이틀 영역 */
.board_view .title_area{padding: 20px 10px;background:#eee;border-top:2px solid #545861;border-bottom:1px solid #ccc;text-align:left;}
.board_view .title_area .title{margin-bottom: 5px;font-size: 1.2rem;}
.board_view .title_area .ex{text-align:left;color:#666;font-size: 0.8rem;}
/* 파일다운 */
.board_view .content_down{border-bottom:1px solid #ccc;padding: 10px;}
.board_view .content_down .down_tit{font-weight:bold;display:inline-block;margin-right: 20px; }
.board_view .content_down .down_txt{ display:block; }
.board_view .content_down .down_txt a{ display: block; vertical-align: middle; }
.board_view .content_down .down_txt .fas,
.board_view .content_down .down_txt .svg-inline--fa,
.board_view .content_down .down_txt .material-icons,
.board_view .content_down .down_txt img{ display:inline-block; width: 20px; vertical-align: middle; margin-right: 10px; }
/* 본문 */
.board_view .content_area{padding: 20px;border-bottom:1px solid #cccccc; min-height: 500px; }
.board_view .content_area img{ max-width:100%;}
/* 이전글다음글 */
.board_view .pageselect_wrap{ width:100%; }
.board_view .pageselect_wrap .title a{ display: block;}
.board_view .pageselect_wrap .date{ text-align: right; }
.board_view .pageselect_wrap img,
.board_view .pageselect_wrap .fa,
.board_view .pageselect_wrap .svg-inline--fa{ vertical-align: middle;}
.board_view .pageselect_wrap td{ border-bottom:1px solid #cccccc;}
.board_view .pageselect_wrap td a{color:#666666}
.board_view .pageselect_wrap td a:hover{color: #ec0928}
.board_view .title_area .title{ word-break:break-all; }
@media (max-width:374px) {
	.board_view .pageselect_wrap td .text_over1{ width: 125px; }
}
@media (min-width:375px) and (max-width:549px) {
	.board_view .pageselect_wrap td .text_over1{ width: 180px; }
}
@media (min-width:550px) and (max-width:766px) {
	.board_view .pageselect_wrap td .text_over1{ width: 320px; }
}
@media (min-width:767px) and (max-width:1023px) {
	.board_view .pageselect_wrap td .text_over1{ width: 465px; }
}
@media (min-width:1024px) {
	.board_view .pageselect_wrap td .text_over1{ width: 710px; }
}
@media (max-width:767px) {
	.board_view .pageselect_wrap td{ padding: 10px 5px;}
	.board_view .pageselect_wrap .date{width: 80px; }
}
@media all and (min-width:768px) {
	.board_view .pageselect_wrap td{ padding: 10px; }
	.board_view .title_area .title{font-size: 20px; }
	.board_view .title_area .ex{font-size: 15px;}
	.board_view .title_area{padding: 20px 20px;}
	.board_view .content_down{ padding: 10px 20px;}
	.board_view .pageselect_wrap .date{ width: 120px; padding: 10px 20px; }
	.board_view .pageselect_wrap .pager{ width: 130px; padding: 10px; }
}
button.retrun{background-color:#b11116;color:#fff;border:0;margin:40px auto 0;display:block;padding:10px 30px;}
@media (min-width: 768px){
	button.retrun{width:180px;height:55px;}
	
}