@charset "utf-8";


/* ********************************* PC over : 1025 ~  ********************************* */

/* ******************** 공용 ******************** */
/* 탭 */
.tabWrap {}
.tabWrap.type1 ul {display:flex; border-width:1px 1px 0 0; border-style:solid; border-color:var(--border1); text-align:center;}
.tabWrap.type1 ul li {width:calc(100%/4);}
.tabWrap.type1 ul li a {display:flex; height:80px; align-items:center; justify-content:center; padding:0 10px; font-size:18px; border-width:0 0 1px 1px; border-style:solid; border-color:var(--border1);}
.tabWrap.type1 ul li.on a {background:var(--blue); color:#fff;}

.tabWrap ul.li-3 li {width:calc(100%/3);}
.tabWrap ul.li-4 li {width:calc(100%/4);}

.tabInner {padding:60px 0 0;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}




/* 테이블 */
.tableWrap {}
.tableWrap+.tableWrap {margin-top:20px;}

.tableWrap.type1 {text-align:center;}
.tableWrap.type1 table { border-top:1px solid #000;}
.tableWrap.type1 thead {background:#f1f1f1;}
.tableWrap.type1 tbody {}
.tableWrap.type1 table tr {border-bottom:1px solid var(--border1);}
.tableWrap.type1 table tr>* {padding:10px 16px;}
.tableWrap.type1 table tr>*.left {text-align:left;}
.tableWrap.type1 table tr th {color:#000;font-weight:500;}
.tableWrap.type1 table tr td {}

.tableWrap.type2 {text-align:center;}
.tableWrap.type2 table { border-top:1px solid #000;}
.tableWrap.type2 thead {background:#f1f1f1;}
.tableWrap.type2 tbody {}
.tableWrap.type2 table tr {border-bottom:1px solid var(--border1);}
.tableWrap.type2 table tr>* {padding:20px 35px; color:#000;}
.tableWrap.type2 table tr th {color:#000;font-weight:500;}
.tableWrap.type2 table tr td {text-align:left;border-left:1px solid var(--border1);}

.tableWrap.type3 {}
.tableWrap.type3 table {border-top:1px solid #000;}
.tableWrap.type3 table thead tr th {background:#dedede;}
.tableWrap.type3 table thead tr th.line {border-bottom:1px solid rgba(0,0,0,.1);}
.tableWrap.type3 table thead tr:last-child th+th {border-left:1px solid rgba(0,0,0,.1);}
.tableWrap.type3 table tbody tr th {background:#f5f5f5; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tableWrap.type3 table tbody tr th:nth-of-type(1) {border-left:0;}
.tableWrap.type3 table tbody tr>* {border-bottom:1px solid #ddd;}
.tableWrap.type3 table tbody tr>td {text-align:center;}
.tableWrap.type3 table td+td {border-left:1px solid #ddd;}
.tableWrap.type3 table tr>* {padding:10px 20px; font-weight:500;}
.tableWrap.type3 table tr>th {color:#000;}
.tableWrap.type3 table tr>td {}


/* 레이어 */
.layer {position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,.8); display:none; z-index:999999;}
.layer.on {display:block;}
.layer .layerWrap {padding:20px; display:flex; flex-direction:column; gap:20px; background:#fff; min-width:300px; max-width:calc(100% - 40px); min-height:500px; max-height:calc(100vh - 40px); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:10px;}

.layer .layerHeader {}
.layer .layerHeader .btnWrap {display:flex; gap:10px; justify-content:right; padding:0;}
.layer .layerHeader .btnWrap a {padding:0 20px; line-height:50px; border-radius:5px; }

.layer .layerBody {height:; max-height:calc(100vh - 100px); overflow-y:auto;}
.layer .layerFooter {}
.layer .layerFooter>div {display:flex; gap:10px; justify-content:space-between;}
.layer .layerFooter>div p {}
.layer .layerFooter>div a {padding:0 20px; line-height:50px; border-radius:5px; }

.layer.estimate {}
.layer.estimate .layerWrap {width:1000px;}
.layer.estimate .tableWrap {}
.layer.estimate .tableWrap table {}

/* btnWrap */
.btnWrap {display:flex;}
.btnWrap button {}
.btnWrap.type1 {justify-content:center; gap:10px;}
.btnWrap.type1 button {padding:0 10px; width:200px; height:60px; line-height:60px; color:#fff; }
.btnWrap.type1 button:hover {}

/* 타이틀 */
.titType1 {font-size:21px; color:#000; font-weight:700;}


/***** 회사소개 *****/
/** CEO인사말 **/
.ceo {}
.ceo-wrap {}
.ceo-bg {}
.ceo-bg img {}
.ceo-inner {display:flex;}
.ceo-tit {width:540px;}
.ceo-tit h3 {padding:90px 0 0; color:var(--blue); font-size:48px; font-weight:300; line-height:1.3;}
.ceo-tit h3 b {color:var(--sky); font-size:80px; font-weight:900; display:block;}
.ceo-txt {width:calc(100% - 540px); padding:90px 0 0 100px; background:#fff; margin-top:-180px;}
.ceo-txt h4 {font-size:36px; font-weight:500; color:#000; line-height:1.4; text-transform:uppercase;}
.ceo-txt .txt {padding:75px 0 0;}
.ceo-txt .txt p {font-size:18px; color:#000; line-height:2;}
.ceo-txt .txt p+p {margin-top:40px;}
.ceo-txt .sign {position:relative; margin:40px 0 0; padding:50px 0 0; display:flex; gap:25px;}
.ceo-txt .sign:before {width:50px; height:1px; background:#000; position:absolute; left:0; top:0; content:''; display:block;}
.ceo-txt .sign span {font-size:18px; color:#000;}
.ceo-txt .sign img {}

/** 미션&비전 **/
.vision {}
.vision-tit {height:700px; position:relative;}
.vision-tit .img {width:100%; height:100%; position:absolute; left:0; top:0;}
.vision-tit .img img {width:100%; height:100%; object-fit:cover;}
.vision-tit .txt {padding:70px 70px 50px; position:absolute; right:0; bottom:0; background:#fff;}
.vision-tit .txt h4 {font-size:30px; color:var(--sky); line-height:1.8;}
.vision-tit .txt h4 b {font-size:48px; font-weight:900; display:block;}
.vision-tit .txt p {padding:40px 0 0; font-size:18px; line-height:1.8;}
.vision-img {margin:100px 0; padding:100px 0; background:#f7f7f7; text-align:center;}
.vision-img .img {}
.vision-img .img img {margin:0 auto;}
.vision-img h4 {padding:0 0 40px;font-size:36px; color:#000; font-weight:900;}

.vision-list {display:flex; flex-wrap: wrap;}
.vision-item {width:50%;}
.vision-item:first-child {padding-right:60px;}
.vision-item:last-child {width:100%; padding:60px 0 0;}
.vision-item h4 {padding:0 0 25px 30px; font-size:30px; font-weight:700; color:#000; background:url(../images/common/i-sup.svg)0 0 /9px no-repeat;}
.vision-item p {font-size:18px;}
.vision-item ul {padding:30px 0 0; display:flex; gap:20px;}
.vision-item ul li {padding:50px; width:calc((100% - 40px)/3); border:1px solid #e5e5e5;}
.vision-item ul li h5 {padding:0 0 30px; font-size:21px; color:#000; font-weight:700;}
.vision-item ul li p {font-size:16px;}
.vision-item ul li p+p {margin-top:10px;}


/** 회사연혁 **/
.history {}
.history-tit {color:#fff; height:280px; display:flex; gap:20px; align-items:center; justify-content:center; text-align:center; background:url(../images/company/history-bg.jpg)center /cover no-repeat; flex-direction:column;}
.history-tit h4 {font-size:36px; font-weight:900; letter-spacing:10px; text-transform:uppercase;}
.history-tit p {font-size:24px;}

.history-inner {padding:100px 0 0; position:relative;}
/* .history-inner:before, */
/* .history-inner:after {content:''; display:block; width:100%; height:100%;} */

.history-tab {width:330px; position:sticky; top:100px; float:left;}
.history-tab p {padding:0 0 0 50px; font-size:18px; text-transform:uppercase; position:relative; line-height:1;}
.history-tab p:before,
.history-tab p:after {content:''; display:block; position:absolute}
.history-tab p:before {width:16px; height:16px; background:#999; left:0; top:0;}
.history-tab p:after {width:180px; height:1px; background:#999; right:0; top:50%; transform:translateY(-50%);}
.history-tab ul {margin:30px 0 0; padding:0 0 0 50px; position:relative;}
.history-tab ul:before {background:#eee; width:11px; height:415px; left:3px; top:-65px;content:''; display:block; position:absolute; transform:skew(50deg) rotate(50deg);}
.history-tab ul li {position:relative; padding-bottom:40px;}
.history-tab ul li:before {width:17px; height:52px;left:-50px; background:url(../images/common/i-sup.svg)center /100% no-repeat; content:''; display:block; position:absolute; opacity:0; transition:all .3s;}
.history-tab ul li a {font-size:36px; color:#ddd; font-weight:900; transition:all .3s; display:block; letter-spacing:-2px; line-height:1;}
.history-tab ul li.on a {color:#000; font-size:48px; letter-spacing:0;}
.history-tab ul li.on:before {opacity:1;}

.history-list {width:calc(100% - 330px); padding-left:120px; float:left;}
.history-item {display:none}
.history-item.on {display:block;}
.history-item-info {position:relative; padding-left:160px;}
.history-item-info+.history-item-info {margin-top:100px;}
.history-item-info>p {font-size:36px; font-weight:900; color:#000; position:absolute; left:0; top:0; line-height:1;}
.history-item-info ul {}
.history-item-info ul li {padding-left:70px; position:relative; min-height:25px;}
.history-item-info ul li+li {margin-top:50px;}
.history-item-info ul li span {font-size:21px; font-weight:900; color:#000; position:absolute; left:0; top:0; line-height:1.2;}
.history-item-info ul li p {padding-left:15px; position:relative; font-size:16px; color:#000; line-height:1.4;}
.history-item-info ul li p:before {width:4px; height:4px; border-radius:50%; left:0; top:9px; content:''; display:block; background:#999; position:absolute;}
.history-item-info ul li p+p {margin-top:12px;}




/** 수상 및 인증 **/
.award {}
.award .tabInner {padding:60px 0 0;}
.award .award-item {}
.award .award-item ul {display:flex; flex-direction:column; gap:50px;}
.award .award-item ul li {padding:50px; display:flex; gap:50px; border:1px solid var(--border1);}
.award .award-item ul li .img {min-width:240px; max-width:300px; display:block; position:relative;}
.award .award-item ul li .img:before {padding:40px 0 0; width:100%; height:100%; background:var(--blue) url(../images/company/i-award.png)50% 42% no-repeat; left:0; top:0; position:absolute; display:flex; content:'자세히보기'; color:#fff; align-items:center; justify-content:center; opacity:0;transition:opacity .3s;}
.award .award-item ul li .img img {width:100%; height:100%; object-fit:scale-down;}
.award .award-item ul li .img:hover:before {opacity:.9;}
.award .award-item ul li .wrap {position:relative;}
.award .award-item ul li .tit {margin-bottom:20px; padding:0 0 8px 20px; background:url(../images/common/i-sup.svg)0 0 /7px no-repeat; font-size:21px; line-height:1.3; color:#000; font-weight:700;}
.award .award-item ul li .txt {font-size:18px; line-height:2;}

.award .imgOpen2 .wrap img {border:50px solid transparent; height:calc(100% - 100px);}
.award .imgOpen2 .popTitle p {font-size:16px;}

.award .box {margin-top:80px;}
.award .box:first-child {margin:0;}
.award .box .tit_year h4 {display:block; background:#f1f1f1; font-size:21px; font-weight:700; color:#000; letter-spacing:1px; padding:16px 0 14px; line-height:1; border-radius:5px 5px 0 0; text-align:center; border:1px solid var(--border1); border-bottom:0;}
.award .award-item .box {}
.award .award-item .box ul {gap:0;}
.award .award-item .box ul li+li {border-top:0;}


/** 오시는길 **/
.location {}
.location-map {width:100%;}
.location-map>div {width:100%;}
.location-map .root_daum_roughmap .wrap_controllers.hide {display:none;}
.location-inner {padding:50px 0 0; display:flex; flex-wrap: wrap;}
.location-item {width:50%;}
.location-item:first-child {padding-right:60px;}
.location-item:last-child {width:100%; padding:60px 0 0;}
.location-item h4 {padding:0 0 25px 30px; font-size:24px; font-weight:700; color:#000; background:url(../images/common/i-sup.svg)0 0 /8px no-repeat;}
.location-item p {font-size:18px;}
.location-item div {}
.location-item div+div {padding:30px 0 0;}
.location-item h5 {margin-bottom:20px; display:inline-block; background:#eee; border:1px solid #ddd;font-weight:400; color:#111;padding:12px 30px 10px; line-height:1; border-radius:30px;}
.location-item p.dot {position:relative; padding-left:10px; line-height:1.8;}
.location-item p.dot:before {position:absolute; top:13px; left:0; width:2px; height:2px; background:#000; display:block; content:"";}
.location-item p.dot+p {margin-top:14px;}
.location-item p.dot span{display:inline-block;}
.location-item p.dot span+span{padding-left:40px; background:url(../images/common/arrow-right.png)no-repeat 10px 4px;}

/***** 제품소개 *****/

/** 제품공정 **/
.process {}
.process-tit {position:relative; padding-top:100px;}
.process-tit .img {width:910px; height:540px; position:absolute; left:0; top:0;}
.process-tit .img img {width:100%; height:100%; object-fit:cover;}
.process-tit .txt {width:910px; margin:0 0 0 auto; padding:90px 100px; background:#fff; border:1px solid var(--border1); position:relative; box-shadow:10px 10px 10px rgba(0,0,0,.2);}
.process-tit .txt img {height:65px;}
.process-tit .txt p {padding-top:40px; font-size:21px; line-height:1.8;}

.process-list {padding:100px 0 0;}
.process-list h4 {font-size:27px; color:#000; font-weight:900; padding:0 0 20px;}
.process-list ul {display:flex; gap:20px; flex-wrap:wrap;}
.process-list ul+h4 {margin-top:50px;}
.process-list ul li {padding-bottom:55px; width:calc((100% - 60px)/4); position:relative;box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:10px}
.process-list ul li .img {height:250px; display:block; border-radius:10px 10px 0 0; overflow:hidden;}
.process-list ul li .img img {width:100%; height:100%; object-fit:cover;}
.process-list ul li p {padding-left:70px; color:#26c9d8; display:flex; width:100%; height:60px; position:absolute; left:0; bottom:0; background:#f9f9f9; border-radius:7px; align-items:center; z-index:1;}
.process-list ul li p b {background:#26c9d8; width:60px; height:60px; line-height:60px; font-size:24px; position:absolute; left:0; top:0; border-radius:7px; color:#fff; text-align:center;}

.process-list ul li:nth-child(2) p {color:#00aeef;}
.process-list ul li:nth-child(3) p {color:#33a2f3;}
.process-list ul li:nth-child(4) p {color:#197ae1;}
.process-list ul li:nth-child(5) p {color:#1c4097;}
.process-list ul li:nth-child(6) p {color:#10275e;}

.process-list ul li:nth-child(2) p b {background:#00aeef;}
.process-list ul li:nth-child(3) p b {background:#33a2f3;}
.process-list ul li:nth-child(4) p b {background:#197ae1;}
.process-list ul li:nth-child(5) p b {background:#1c4097;}
.process-list ul li:nth-child(6) p b {background:#10275e;}


/** 제품 종류 및 규격 **/
.item {}
.item .tabInner {}
.item-section {}
.item-tit {}
.item-tit h4 {margin-bottom:14px; padding-left:30px; font-size:28px; color:#000; font-weight:900; position:relative; line-height:1.3;}
.item-tit h4:before {width:10px; height:36px; background:url(../images/common/i-sup.svg)center /100% no-repeat; left:0;top:0; position:absolute; content:''; display:block;}
.item-tit p {font-size:18px; line-height:1.8;}

.item-mark {}
.item-markList {display:flex; gap:20px; padding:20px 0 40px;}
.item-markList li {width:calc((100% - 60px)/4);}
.item-markList li span {padding:30px; display:block; height:160px; border:1px solid var(--border1);}
.item-markList li img {width:100%;height:100%; object-fit:contain;}
.item-markList li p {padding:20px 0 0 20px; position:relative;}
.item-markList li p:before {width:4px; height:4px; background:#000; left:0; top:29px; position:absolute; display:block; content:''; border-radius:50%;}

.item-inner {}
.item-box {margin-top:50px;}
.item-box.kind {}
.item-box.feature {}
.item-box.standard {}

.item-subTit {padding:0 0 20px;}
.item-subTit h5 {padding:12px 60px; font-size:18px; color:#fff; background:var(--blue); border-radius:100px; line-height:1.3;display:inline-block;}
.item-subTit p {margin:10px 0 0; padding:0 0 0 10px; position:relative;}
.item-subTit p:before {width:3px;height:3px; background:#666; border-radius:50%; left:0; top:10px; position:absolute; display:block; content:'';}
.item-imgBox {border:1px solid var(--border1); background:#fff;}
.item-imgBox .swiper-wrapper {}
.item-imgBox .swiper-slide {padding:50px;}
.item-imgBox .swiper-slide p {font-size:22px; font-weight:700; color:#000;}
.item-imgBox .swiper-slide p span {}
.item-imgBox .swiper-slide .img {display:block; padding:30px 0 0;}
.item-imgBox .swiper-slide .img img {max-width:100%; max-height:400px;}

.item-imgEtc {margin-bottom:20px; padding:50px; border:1px solid var(--border1); background:#fff;}
.item-imgEtc p {font-size:22px; font-weight:700; color:#000;}
.item-imgEtc .img {display:block; padding:30px 0 0;}
.item-imgEtc .img img {max-width:100%;}

.item-feature {}
.item-feature>p {padding:0 0 5px 20px; color:var(--blue); font-size:18px; position:relative;}
.item-feature>p:before {width:10px; height:1px; left:0; top:11px; background:var(--blue); position:absolute; display:block; content:'';}
.item-feature ul+p {margin-top:10px;}
.item-feature ul {background:#f9f9f9; padding:30px; border:1px solid var(--border1);}
.item-feature ul li {padding-left:40px; background:url(../images/product/i-check.png)no-repeat left 1px; color:#000; line-height:1.8;}
.item-feature ul li+li {margin-top:20px;}
.item-feature ul li span {display:inline-block;}
.item-feature ul li span+span {padding-left:40px; background:url(../images/product/arrow-right.png)no-repeat 10px 4px;}
.item-feature ul li dl dd.acc {font-weight:700; font-size:18px;}
.item-feature ul li dl>*+* {margin-top:10px;}
.item-feature ul li dl>dd {line-height:1.8;}


/*카달로그*/
.catalog .catalog-list {display:flex; gap:40px; flex-wrap:wrap;}
.catalog .catalog-item {width:calc((100% - 80px)/3); border:1px solid var(--border1); position:relative; position:relative}
.catalog .catalog-item .img {height:290px;}
.catalog .catalog-item .img img {width:100%; height:100%; object-fit:cover;}
.catalog .catalog-item a {display:block; position:relative;}
.catalog .catalog-item a:before {
	position:absolute; top:30px; right:30px; width:60px; height:60px; border-radius:50%;
	background:#fff url(../images/prcenter/i-catalog.png)no-repeat center;
	background-size:35%;
	box-shadow:0 5px 5px rgba(0,0,0,.1);
	transition:.3s;
	content:''; display:block;
}
.catalog .catalog-item:hover a:before {background:var(--blue) url(../images/prcenter/i-catalogOn.png)no-repeat center; background-size:35%;}
.catalog .catalog-item .con {padding:0 30px; height:80px; font-weight:300; background:#f7f7f7; color:#000; transition:.3s; border-top:1px solid var(--border1); display:flex; align-items:center;}
.catalog .catalog-item:hover .con {background:var(--blue); color:#fff;}


/***** 셀프견적 *****/
.self {}
.estimate {}
.estimate .btnWrap {padding-top:50px;}
.estimate-item {padding:50px 0; border-bottom:1px solid var(--border1); position:relative;}
.estimate-item:first-of-type {border-top:1px solid #000;}
.estimate-form {margin-top:20px; padding:30px 480px 30px 45px; display:flex; gap:10px; flex-wrap:wrap;background:#f7f7f7; flex-direction:column; position:relative;}
.estimate-form .formGroup {display:flex; flex-wrap:wrap; gap:10px;}
.estimate-form .formGroup .label {width:120px; padding:10px 0 0; color:#000;}
.estimate-form .formGroup .label.must {}
.estimate-form .formGroup .inputWrap {display:flex; gap:5px; align-items:center;}
.estimate-form .formGroup .inputWrap select {}
.estimate-form .formGroup .inputWrap input[type=number] {width:100px;}
.estimate-form .formGroup .inputWrap p.info {padding-left:5px; display:inline-block; font-size:14px;}
.estimate .swiper-container {max-width:100%; width:400px; border:1px solid var(--blue); position:absolute; right:45px; top:50%; transform:translateY(-50%);}
.estimate .swiper-slide {width:400px;}
.estimate .swiper-slide img {width:100%; height:100%; object-fit:cover;}
.estimate .swiper-btn {display:flex;width:100%; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); z-index:9; justify-content:center; gap:5px;}
.estimate .swiper-btn>div {width:30px; height:30px; border-radius:50%; background-color:rgba(255,255,255,.7); transition:all .3s;}
.estimate .swiper-btn>div:hover {background-color:#fff;}
.estimate .swiper-btn .swiper-button-prev,
.estimate .swiper-btn .swiper-button-next {background-size:auto 100%; position:static; margin-top:0;}
.estimate .swiper-btn .swiper-button-prev {background-image:url(../images/common/i-prev.svg);}
.estimate .swiper-btn .swiper-button-next {background-image:url(../images/common/i-next.svg);}
.estimate .swiper-play {background:url(../images/common/i-pause.svg)center /100% no-repeat; cursor:pointer;}
.estimate .swiper-play.on {background-image:url(../images/common/i-play.svg)}




/* ********************************* 테블릿 : ~ 1024 ********************************* */
@media screen and (max-width:1024px), print{
	/* ******************** 공용 ******************** */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {}
	.tabWrap.type1 ul {}
	.tabWrap.type1 ul li {}
	.tabWrap.type1 ul li a {height:70px; font-size:16px;}
	
	.tabInner {padding:50px 0 0;}
	
	/* 테이블 */
	.tableWrap {}
	.tableWrap.type1 {text-align:left; font-size:15px;}
	.tableWrap.type1 table {display:block;}
	.tableWrap.type1 thead {display:none;}
	.tableWrap.type1 tbody {display:block;}
	.tableWrap.type1 table tr {display:block; border-bottom:1px solid #000;}
	.tableWrap.type1 table tr>* {padding:10px 16px 10px 120px;display:block; position:relative; border-bottom:1px solid #e5e5e5;}
	.tableWrap.type1 table tr td span.mobile {padding-top:10px; width:120px; display:inline-block; position:absolute; left:0; top:0;}
	.tableWrap.type1 table tr.notit td {padding-left:16px !important;}
	
	.tableWrap.type2 {}
	.tableWrap.type2 table {}
	.tableWrap.type2 thead {}
	.tableWrap.type2 tbody {}
	.tableWrap.type2 table tr {}
	.tableWrap.type2 table tr>* {padding:16px 30px;}
	.tableWrap.type2 table tr th {width:35%;}
	.tableWrap.type2 table tr td {width:75%;}
	
	.tableWrap.type3 {overflow-y:auto;}
	.tableWrap.type3 table {min-width:1000px;}


	/* 레이어 */
	.layer .layerWrap {width:100%;}
	.layer .layerHeader .btnWrap a {line-height:44px; font-size:15px;}
	.layer .layerFooter>div p {font-size:15px;}
	.layer .layerFooter>div a {line-height:44px; font-size:15px;}
	
	/* btnWrap */
	
	/* 타이틀 */
	.titType1 {font-size:21px;}

	/***** 회사소개 *****/
	/** CEO인사말 **/
	.ceo {}
	.ceo-wrap {}
	.ceo-inner {display:block;}
	.ceo-tit {width:100%;}
	.ceo-tit h3 {padding:70px 0 0; font-size:36px;}
	.ceo-tit h3 b {font-size:60px;}
	.ceo-txt {width:100%; padding:70px 0 0; margin-top:0;}
	.ceo-txt h4 {font-size:32px;}
	.ceo-txt {padding:50px 0 0;}
	.ceo-txt .txt {padding:50px 0 0;}
	.ceo-txt .txt p {}
	.ceo-txt .txt p+p {margin-top:30px;}
	.ceo-txt .sign {margin:35px 0 0; padding:40px 0 0;}
	.ceo-txt .sign img {}
	
	/** 미션&비전 **/
	.vision {padding:0;}
	.vision-tit {height:auto; padding:0 20px;}
	.vision-tit .img {width:100%; height:auto; position:static;}
	.vision-tit .txt {padding:50px 0 0;position:static;}
	.vision-tit .txt h4 {font-size:27px;}
	.vision-tit .txt h4 b {font-size:40px;}
	.vision-tit .txt p {padding:30px 0 0;}
	
	.vision-img {padding:80px 20px; margin:80px 0;}
	.vision-img h4 {padding:0 0 30px; font-size:32px;}
	
	.vision-list {gap:50px; padding:0 20px;}
	.vision-item {width:100%;}
	.vision-item:first-child {padding:0;}
	.vision-item:last-child {padding:0;}
	.vision-item h4 {font-size:27px; padding:0 0 20px 25px;}
	.vision-item ul {flex-direction:column;}
	.vision-item ul li {width:100%; padding:40px}
	.vision-item ul li h5 {padding:0 0 25px;}
	
	/** 회사연혁 **/
	.history {}
	.history-tit {height:240px; gap:15px;}
	.history-tit h4 {font-size:30px;}
	.history-tit p {font-size:22px;}
	.history-inner {padding:80px 0 0;}
	.history-tab {}
	.history-tab p {}
	.history-tab ul {margin:25px 0 0;}
	.history-tab ul:before {height:335px;}
	.history-tab ul li {padding-bottom:30px;}
	.history-tab ul li:before {top:-10px}
	.history-tab ul li a {font-size:30px;}
	.history-tab ul li.on a {font-size:40px;}
	.history-list {width:100%; padding-left:0; padding-top:40px; margin-top:20px; border-top:1px solid var(--border1);}
	.history-item {}
	.history-item-info {padding:0 20px;}
	.history-item-info+.history-item-info {margin-top:40px; padding-top:40px; border-top:1px solid var(--border1);}
	.history-item-info>p {font-size:30px; position:static; padding:0 0 20px;}
	.history-item-info ul {padding-left:10px;}
	.history-item-info ul li {padding-left:50px;}
	.history-item-info ul li p {}
	.history-item-info ul li span {font-size:20px;}
	
	/** 수상 및 인증 **/
	.award {}
	.award .tabInner {padding:50px 0 0;}
	.award .award-item ul {gap:40px;}
	.award .award-item ul li {gap:40px; padding:40px;}
	.award .award-item ul li .img {}
	.award .award-item ul li .tit {font-size:19px;}
	
	
	.award .box {margin-top:60px;}
	
	/** 오시는길 **/
	.location {}
	.root_daum_roughmap .wrap_map {height:50vw !important; min-height:300px;}
	.location-inner {gap:50px;}
	.location-item {width:100%;}
	.location-item:first-child {padding:0;}
	.location-item:last-child {padding:0;}
	.location-item h4 {padding:0 0 20px 25px; font-size:22px;}
	.location-item h5 {margin-bottom:16px;}
	
	
	
	/***** 제품소개 *****/
	/** 제품공정 **/
	.process-tit {padding:0;}
	.process-tit .img {width:100%; height:auto; position:static;}
	.process-tit .txt {width:100%; padding:60px 70px; margin:0; box-shadow:none;}
	.process-tit .txt img {height:55px;}
	.process-tit .txt p {padding-top:30px; font-size:19px;}
	
	.process-list {padding:80px 0 0;}
	.process-list h4 {font-size:24px;}
	.process-list ul li {width:calc((100% - 20px)/2);}
	.process-list ul li .img {height:30vw;}
	
	
	/** 제품 종류 및 규격 **/
	.item-tit {}
	.item-tit h4 {font-size:25px;}
	.item-tit h4:before {width:9px; height:28px;}
	.item-tit p {}
	.item-box {margin-top:40px;}
	.item-imgBox .swiper-slide {padding:40px;}
	.item-subTit h5 {padding:10px 50px; font-size:17px;}
	.item-imgEtc {padding:40px;}
	
	.item-mark {}
	.item-markList {gap:10px;}
	.item-markList li {width:calc((100% - 30px)/4);}
	
	/** 카달로그 **/
	.catalog .catalog-list {gap:20px;}
	.catalog .catalog-item {width:calc((100% - 20px)/2);}
	.catalog .catalog-item .con {height:70px;}


	/***** 셀프견적 *****/
	.estimate-item {padding:40px 0;}
	.estimate-form {margin-top:16px; padding:25px 40px;}
	.estimate-form .formGroup .label {width:100px;}
	
	.estimate .swiper-container {position:relative; left:0; transform:none; margin:0;}
	.estimate .swiper-pagination {width:400px;}
	.estimate-form .formGroup .inputWrap {flex-wrap:wrap;}
	
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ******************** 공용 ******************** */
	/* 탭 */
	.tabWrap {}
	.tabWrap.type1 {}
	.tabWrap.type1 ul {}
	.tabWrap.type1 ul li {}
	.tabWrap.type1 ul li a {height:60px; font-size:15px;}
	
	.tabWrap ul.li-3 {flex-wrap:wrap;}
	.tabWrap ul.li-3 li {width:100%;}
	.tabWrap ul.li-4 {flex-wrap:wrap;}
	.tabWrap ul.li-4 li {width:calc(100%/2);}
	
	.tabInner {padding:40px 0 0;}
	
	
	/* 테이블 */
	.tableWrap {}
	.tableWrap.type1 {text-align:left; font-size:14px;}
	
	.tableWrap.type2 table tr>* {padding:12px 20px;}
	
	.tableWrap.type3 {}
	.tableWrap.type3 table {}
	.tableWrap.type3 table tr>* {padding:5px 10px;}
	
	
	/* 레이어 */
	.layer .layerWrap {width:100%;}
	.layer .layerHeader .btnWrap a {line-height:40px; font-size:14px;}
	
	.layer .layerFooter>div {display:block;}
	.layer .layerFooter>div p {font-size:14px;}
	.layer .layerFooter>div a {margin-top:10px; line-height:40px; font-size:14px;display:inline-block;}
	
	/* btnWrap */
	.btnWrap.type1 {gap:5px;}
	.btnWrap.type1 button {width:180px; height:52px; line-height:50px;}
	
	
	/* 타이틀 */
	.titType1 {font-size:19px;}
	
	/***** 회사소개 *****/
	/** CEO인사말 **/
	.ceo {}
	.ceo-tit h3 {padding:40px 0 0; font-size:24px;}
	.ceo-tit h3 b {font-size:40px}
	.ceo-txt {padding:30px 0 0;}
	.ceo-txt h4 {font-size:22px;}
	.ceo-txt .txt {padding:30px 0 0;}
	.ceo-txt .txt p {font-size:16px;}
	.ceo-txt .txt p+p {margin-top:20px;}
	.ceo-txt .sign {margin:25px 0 0; padding:30px 0 0;}
	.ceo-txt .sign span {font-size:16px;}
	.ceo-txt .sign img {width:120px;}
	
	/** 미션&비전 **/
	.vision {}
	.vision-tit {}
	.vision-tit .txt {padding:30px 0 0;}
	.vision-tit .txt h4 {font-size:22px; line-height:1.6;}
	.vision-tit .txt h4 b {font-size:30px;}
	.vision-tit .txt p {padding:20px 0 0;font-size:16px;}
	.vision-img {padding:40px 20px; margin:40px 0;}
	.vision-img h4 {padding:0 0 20px; font-size:24px;}
	
	.vision-list {gap:30px;}
	.vision-item h4 {font-size:21px; padding:0 0 14px 15px; background-size:6px;}
	.vision-item p {font-size:16px;}
	.vision-item ul {padding:20px 0 0; gap:10px;}
	.vision-item ul li {padding:30px;}
	.vision-item ul li h5 {padding:0 0 20px; font-size:18px;}
	.vision-item ul li p {font-size:16px;}
	
	/** 회사연혁 **/
	.history {}
	.history-tit {height:30vw; padding:0 10px; min-height:160px;}
	.history-tit h4 {font-size:24px; line-height:1.2; letter-spacing:4px;}
	.history-tit p {font-size:18px;}
	.history-tab p:after {width:calc(100% - 140px);}
	.history-tab {width:100%;}
	.history-tab p {padding:0 0 0 30px; font-size:16px;}
	.history-tab p:before {width:10px; height:10px; top:3px;}
	.history-tab ul {padding:0 0 0 30px;}
	.history-tab ul:before {height:242px; top:-40px; width:6px;}
	.history-tab ul li {padding-bottom:20px;}
	.history-tab ul li:before {top:0;}
	.history-tab ul li a {font-size:24px;}
	.history-tab ul li.on a {font-size:27px;}
	.history-tab ul li:before {left:-29px; height:30px;width:9px;}
	
	.history-list {padding-top:30px;}
	.history-inner {padding:50px 0 0;}
	.history-item-info {padding:0 10px;}
	.history-item-info+.history-item-info {margin-top:25px; padding-top:25px;}
	.history-item-info>p {font-size:22px;}
	.history-item-info ul li {padding-left:40px;}
	.history-item-info ul li+li {margin-top:30px;}
	.history-item-info ul li span {font-size:18px;}
	.history-item-info ul li p {font-size:15px; padding-left:12px;}
	.history-item-info ul li p:before {width:3px; height:3px;top:7px;}
	
	/** 오시는길 **/
	.location {}
	.location-inner {gap:30px;}
	.location-item {}
	.location-item h4 {font-size:20px; padding:0 0 14px 20px; background-size:6px;}
	.location-item p {font-size:16px;}
	.location-item h5 {margin-bottom:12px; padding:8px 20px;}
	.location-item div+div {padding:20px 0 0;}
	
	
	/** 수상 및 인증 **/
	.award {}
	.award .tabInner {padding:40px 0 0;}
	.award .award-item ul {gap:20px;}
	.award .award-item ul li {padding:30px; gap:20px; flex-direction:column;}
	.award .award-item ul li .img {}
	.award .award-item ul li .img:before {background-size:24px; font-size:14px;}
	.award .award-item ul li .tit {margin-bottom:5px; padding:0 0 6px 12px; font-size:18px; background-size:6px;}
	.award .award-item ul li .txt {font-size:16px; line-height:1.6;}
	
	.award .box {margin-top:40px;}
	.award .box .tit_year h4 {font-size:17px;}
	
	/***** 제품소개 *****/
	/** 제품공정 **/
	.process-tit {padding:0;}
	.process-tit .img {}
	.process-tit .txt {padding:40px 50px;}
	.process-tit .txt img {height:50px;}
	.process-tit .txt p {padding-top:25px; font-size:17px;}
	
	.process-list {padding:50px 0 0;}
	.process-list h4 {font-size:20px;}
	.process-list ul {gap:20px;}
	.process-list ul li {width:100%;}
	.process-list ul li .img {height:50vw;}
	.process-list ul li p {font-size:15px; }
	.process-list ul li p b {}
	
	/** 제품 종류 및 규격 **/
	.item-tit h4 {font-size:21px; padding-left:20px;}
	.item-tit h4:before {width:7px; height:22px;}
	.item-tit p {font-size:16px;}
	.item-box {margin-top:30px;}
	.item-subTit h5 {padding:10px 30px; font-size:16px;}
	.item-imgBox .swiper-slide {padding:30px;}
	.item-imgBox .swiper-slide p {font-size:18px;}
	.item-imgBox .swiper-slide .img {padding:20px 0 0;}
	.item-imgBox .swiper-pagination {bottom:5px !important;}
	.item-imgEtc {padding:20px;}
	.item-imgEtc p {font-size:20px;}
	.item-imgEtc .img {padding:20px 0 0;}
	.item-subTit {padding:0 0 14px;}
	.item-feature>p {font-size:16px;}
	.item-feature>p:before {width:7px; top:10px;}
	.item-feature ul {padding:20px;}
	.item-feature ul li+li {margin-top:10px;}
	.item-feature ul li dl dd.acc {font-size:17px;}
	.item-feature ul li dl>*+* {margin-top:5px;}
	
	.item-mark {}
	.item-markList {flex-wrap:wrap; gap:20px;}
	.item-markList li {width:calc((100% - 20px)/2);}
	.item-markList li span {padding:20px; height:120px;}
	.item-markList li p {padding:10px 0 0 12px;}
	.item-markList li p:before {top:19px;}
	
	
	/** 카달로그 **/
	.catalog .catalog-list {gap:20px;}
	.catalog .catalog-item {width:100%;}
	.catalog .catalog-item .img {height:55vw;}
	.catalog .catalog-item .con {height:54px; padding:0 16px; font-size:14px;}
	
	/***** 셀프견적 *****/
	.estimate-item {padding:30px 0;}
	.estimate-form {margin-top:14px; padding:20px 30px;}
	.estimate-form .formGroup {flex-direction:column; gap:5px;}
	.estimate-form .formGroup .inputWrap select {width:100%;}
	.estimate .swiper-container {}
	
	
	
	

}