@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;}

.popWrap { z-index: -1; position: fixed; left: 0; top: 0; width: 100%;
    height: 100%; display: flex; justify-content: center; align-items: center; padding: 2vw; background: rgba(0,0,0,.7); opacity: 0;}
.popWrap.on { z-index: 99999; opacity: 1; }
.popWrap .wrap { max-width: 1400px; width : 100%; border-radius : 1rem; overflow : hidden; }
.popWrap.graph .wrap { max-width:800px;}
.popWrap .wrap > div .tit { display : flex; align-items: center; position : relative; background : #fff; padding : 30px 50px; }
.popWrap .wrap > div .tit h3 { font-size : 18px; margin-right : 15px; font-weight : 800; }
.popWrap .wrap > div .tit p { font-size : 18px; }
.popWrap .wrap iframe { border-bottom-right-radius : 1rem; border-bottom-left-radius : 1rem; overflow : hidden;}
.popWrap .wrap .img { background:#fff; text-align:center; padding: 30px; }
.popWrap .btnClose { z-index: 99; display: block; position: absolute; top: 50%; transform : translateY(-50%) skew(-0.1deg); right: 50px; width: auto; height: auto; padding: 0; margin: 0; padding-right : 25px; background: url(../images/common/i_btnClose.png) no-repeat right center; cursor: pointer; font-weight : 600; font-size : 14px; text-transform : uppercase; }

/* 게시판 검색바 */
.search_box {position:relative;}
.search_box > form {display:flex;}
.search_box select {border-top-left-radius:10px; border-bottom-left-radius:10px;}
.search_box .search_text {width:100%;}
.search_box select,
.search_box input {font-size:16px; color:#666; height:60px; border:1px solid #e5e5e5;}
.search_box input {margin-left:-1px !important;}
.search_box div:last-child input {padding-right:60px !important;}
.search_box .form-control {border-color:#e5e5e5 !important; height:60px; width:100%; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.btn-group.bootstrap-select.show-tick.form-control {border:none !important;}
.btn-default {border-color:#e5e5e5 !important; padding:6px 12px !important; height:60px; box-shadow:none; background:url(/img/common_responsive/select.png)right 50% no-repeat;}
.search_box .caret {border-top:0;}
.search_box div {padding:0;}
.search_box .kind {padding-right:0px; margin-right:-1px;}
.search_box .search {width:50px; height:60px; position:absolute; top:0; right:0; background-color:transparent; border:none !important; z-index:9;}
.search_box .search a {display:block; width:100%; height:100%; background:url(../images/common/i-search.png) no-repeat 50% 50% transparent !important; background-size:20px!important;}

/* 제품 리스트 */
.product_list .info {margin-top:15px;}
.product_list .list {display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin-top:25px;}
.product_list .list li {border:1px solid var(--border1); border-radius:20px; overflow:hidden; transition:all 0.3s;}
.product_list .list li:hover {box-shadow: rgba(50, 50, 93, 0.25) 7px 4px 16px -5px, rgba(0, 0, 0, 0.3) 0px 2px 0px -8px;}
.product_list .list li .img {background:#f7f7f7; padding:25px; transition:all 0.3s;}
.product_list .list li .img img {aspect-ratio:1/1; object-fit:contain; width:100%; mix-blend-mode: multiply; transition:all 0.3s;}
.product_list .list li:hover .img {background:#fff;}
.product_list .list li:hover .img img {transform:scale(1.05);}
.product_list .list li .text {text-align:center; color:#000; padding:25px; border-top:1px solid var(--border1); transition:all 0.3s;}
.product_list .list li .text dt {font-size:22px; font-weight:600; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break: keep-all;} 
.product_list .list li:hover .text {background:var(--green); color:#fff;}

/* 제품 뷰페이지 */
.product_view .tit_info {display:flex; border:3px solid var(--border1); border-radius:15px;}
.product_view .tit_info .img {display:flex; width:50.7%}
.product_view .tit_info .img img {width:100%;}
.product_view .tit_info .img .big {width:81.7%; padding:70px;}
.product_view .tit_info .img .big img {aspect-ratio:1/1; object-fit:contain; width:100%; padding:}
.product_view .tit_info .img .small {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; width:18.3%; padding:20px; border-right:1px solid #ddd;}
.product_view .tit_info .img .small li {aspect-ratio:1/1; border:1px solid #ddd; border-radius:10px; padding:5px; cursor:pointer; transition:all 0.1s;}
.product_view .tit_info .img .small li:hover {border:1px solid var(--green);}
.product_view .tit_info .img .small li.on {border:1px solid var(--green);}
.product_view .tit_info .img .small li img {aspect-ratio:1/1; object-fit:contain; width:100%;}
.product_view .tit_info .text {display:flex; flex-direction:column; justify-content:space-between; width:49.3%; padding:70px;}
.product_view .tit_info .text h3 {font-family:'NEXONLV1'; color:#000; font-weight:700; font-size:40px;}
.product_view .tit_info .text ul {margin-top:20px;}
.product_view .tit_info .text ul li {display:grid; grid-template-columns:140px auto; font-size:18px;}
.product_view .tit_info .text ul li+li {margin-top:5px;}
.product_view .tit_info .text ul li span.sm_tit {padding-left:12px; position:relative;}
.product_view .tit_info .text ul li span.sm_tit:before {content:""; display:block; position:absolute; top:12px; left:0; width:3px; height:3px; background:#666;}
.product_view .tit_info .text ul li span.write {color:#000;}
.product_view .tit_info .text a.btn {display:inline-block; padding:9px 35px; border:2px solid var(--green); color:#000; border-radius:2rem; font-size:18px; margin-top:25px;}
.product_view .tit_info .text p.notice {position:relative; padding-left:37px; font-size:14px;}
.product_view .tit_info .text p.notice span {display:block; width:27px; height:27px; border:2px solid #ddd; border-radius:50%; text-align:center; font-size:14px; position:absolute; left:0; top:-2px;}
.product_view article.sub_info {margin-top:80px;}
.product_view .sub_info h3 {position:relative; font-family:'NEXONLV1'; padding-left:25px; color:#000; font-size:30px; font-weight:700; position:relative; padding-bottom:17px; border-bottom:1px solid var(--border1);}
.product_view .sub_info h3:before {content:""; display:block; width:19px; height:19px; border-radius:50%; border:5px solid var(--green); position:absolute; left:0; top:3px;}
.product_view .sub_info .write {padding:25px 25px 0 25px; color:#000; font-size:18px; line-height: 1.9;}
.product_view .sub_info .write img {max-width:100%;}

/* 게시판 페이징-모바일용 */
.page_box {position:relative; margin-top:30px; text-align:center;}
.page_box .mobile label {display:none;}
.page_box .mobile {display:inline-block; margin:0; padding:0;}
.page_box .mobile>li {float:left; height:100%;}
.page_box .mobile>li:last-child {padding-right:0;}
/*
.board_ebi .page_box .mobile .prev,
.board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
*/
.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/images/common/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
.page_box .mobile .write:hover {background:#000; color:#fff !important;}
.page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
.page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
.page_box .mobile .btn-default  {border:0; height:32px !important;}
.mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede !important; min-width:50px; line-height:40px;}

/* 게시판 페이징 - pc용 */
.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block; /*margin:80px 0 0 !important;*/}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
/* .board_ebi .page_box .pc.pagination>li>a.active {color:#111; background:#fff !important; border:1px solid #dedede; font-weight:normal;} */
.page_box .pc.pagination>li>a.active {color:#fff; background:#333!important; border:1px solid #dedede; font-weight:normal;}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
.page_box .pc.pagination .prev {margin-right:10px;}
.page_box .pc.pagination .next {margin-left:10px;}
.page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:12px 15px; /*font-family:"NotoSansKR";*/ color:#fff;}
.page_box .pc.pagination .write:hover {background:#333; color:#fff !important;}
.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}

.page_box {width:100%; margin-top:50px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a img {transform:translateY(-0px);}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.active {background:#333; color:#fff; border-color:#333;}
.page_box .pc li a.prev {margin-right:10px;}
.page_box .pc li a.next {margin-left:10px;}



/* 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;}


/* 온라인견적문의 - 개인정보 수집 동의 */
.agreeWrap {margin-top:50px; border-top:1px solid #eee; padding:30px 0 50px;}
.agreeWrap p.tit {font-size:18px; color:#000;}
.agreeWrap > div { }
.agreeWrap > div .info_box {background:#fff; border:1px solid #ececec; padding:30px 30px; border-radius:10px; background:#f9f9f9; margin-top:20px;}
.agreeWrap > div .info_box dl {height:150px; overflow-y:auto; font-weight:400; padding-right:10px;}
.agreeWrap > div .info_box dl dt {font-weight:500;}
.agreeWrap > div .info_box dl dt+dd {margin-top:5px;}
.agreeWrap > div .info_box dl dd+dt {margin-top:20px;}
.agreeWrap > div .ckwrap {margin-top:20px; float:right; font-weight:400; color:#000;}
.agreeWrap > div .ckwrap input[type='checkbox'] { position: absolute; left: -999999999999px;}
.agreeWrap > div .ckwrap input[type='checkbox']+label { padding:4px 40px; padding-left:35px; background:url(../images/common/check-before.png) left 3px no-repeat; cursor:pointer; background-size: 25px;}
.agreeWrap > div .ckwrap input[type='checkbox']:checked+label {background-image:url(../images/common/check-on.png); background-size: 25px;}
.agreeWrap > div .info_box dl::-webkit-scrollbar {width:7px;}
.agreeWrap > div .info_box dl::-webkit-scrollbar-track {background-color: none;}
.agreeWrap > div .info_box dl::-webkit-scrollbar-thumb {background-color:#666; border-radius:10px;}



/***** 회사소개 *****/
/** CEO인사말 **/

.greeting { gap:100px; padding-top: 30px; position:relative;}
.greeting .img {}
.greeting .img img {width:100%; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.greeting .text {width:80%; color:#000; background:#fff; padding: 100px 5% 0; padding-bottom:0;  margin:0 auto; position:relative; top:-150px; border-top-left-radius:20px; border-top-right-radius:20px; transform: rotate(0.03deg);}
.greeting .text p {font-size:18px; }
.greeting .text p+p {margin-top:30px;}
.greeting .text .ceo_name {margin-top:50px; text-align:right; font-size:20px; font-weight:600;}

/** 특허 및 인증 **/
/*.patent { display : flex; position : relative; }
.patent .left { width : 40%;  }
.patent .left .sticky { display: block; position : sticky; top: 100px; }
.patent .left h3 { font-size : 36px; font-weight : 600; line-height : 1.4; margin-bottom : 25px; }
.patent .left p.txt { font-size : 20px; margin-bottom  :60px; }
.patent .left p.guide { color : #666; font-size : 16px; }
.patent .left p.guide img { margin-right : 13px;  }*/

.patent {padding-top:30px;}
.patent .guide {margin-bottom:20px;}
.patent .guide img {padding-right:10px; width:30px; height:20px;}
.patent .right { display : grid; grid-template-columns : repeat(4,1fr); gap : 30px;  }
.patent .right .cert { text-align : center; padding : 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; border : 1px solid var(--border1); border-radius : 1rem; cursor : pointer; transition:all 0.3s; }
.patent .right .cert:hover {border:1px solid var(--green);}
.patent .right .cert .img img { width: 100%; object-fit: scale-down; }
.patent .right .cert p { font-size : 18px; padding-top : 30px; color:#000; }
.patent .right .cert p span { display : block; font-size : 16px; color:#666; }
.popWrap.cert_focus .wrap { max-width: 792px; width : 100%; overflow : hidden; border-radius : 0; height : 100%; }
.popWrap.cert_focus .wrap img { width : 100%; height: 95%; margin-top: 5%; object-fit : scale-down;}
.popWrap.cert_focus .btnClose {position: absolute; right: 20px; top: 50px; display: block; padding: 15px 30px; font-size: 14px; color: #fff; line-height: 1; letter-spacing: 3px; font-weight: 600; background: #000; border: 1px solid #fff; border-radius : 5px; }

/** 회사연혁 **/
.history .year {position:relative;}
.history .year:before {content:""; position:absolute; height:1px; background:var(--border1); width:100%; top:15px; z-index:2;}
.history .year h4 {font-size:36px; font-family:'NEXONLV1'; font-weight:700; color:var(--green); position:relative; display:inline-block; background:#fff; z-index:99; padding-right:15px;}
.history .year+.year {margin-top:80px;}
.history .year dl {display:flex; gap:30px; font-size:18px; margin-top:20px; transform:rotate(0.03deg); color:#000;}
.history .year dl+dl {margin-top:20px;}
.history .year dl dt {font-weight:600; min-width:100px;}
.history .year dl dd p+p {margin-top:13px;}

/** 찾아오시는길 **/
.location {display:flex; gap:100px; align-items:center;}
.location .map {width:50%; border:1px solid var(--border1); border-radius:10px; height: 500px; overflow:hidden;}
.location .map iframe {width:100%; height:100%;}
.location .text {color:#000;}
.location .text dl {display:grid; grid-template-columns:230px auto; transform:rotate(0.03deg);}
.location .text dl+dl {margin-top:50px;}
.location .text dl dt {position:relative; font-size:18px; padding-left:60px; color:#000; font-weight:600;}
.location .text dl.transport dt {padding-top:10px;}
.location .text dl.transport dt span {top:-2px;}
.location .text dl dt span {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border:1px solid #ddd; border-radius:50%; position:absolute; left:0; top:-10px; }
.location .text dl dt img {width:20px; height:20px;}
.location .text dl dd {font-size:18px; align-self: center;}
.location .text dl dd p {border:1px solid #ddd; text-align:center; padding:10px 30px; border-radius:3rem; position:relative; font-size:16px;}
.location .text dl dd p+p {margin-top:30px;}
.location .text dl dd p+p:before {content:""; display:block; position:absolute; width:10px; height:10px; background:url(../images/common/i-triangle.png) no-repeat center/contain; left:50%; top:-20px;}





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












/* ********************************* 테블릿 : ~ 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;}
	
	/* 게시판 검색바 */
	.search_box .search {height:50px;}
	.search_box select, .search_box input {height:50px;}
	.search_box .form-control {border-color:#e5e5e5 !important; height:50px; width:100%; border-top-right-radius:10px; border-bottom-right-radius:10px;}
	
	/* 제품 리스트페이지 */
	.product_list .list {grid-template-columns:repeat(3,1fr); gap:25px; margin-top:25px;}
	.product_list .list li .text dt {font-size:18px;}
	
	/* 제품 뷰페이지 */
	.product_view .tit_info {flex-direction:column;}
	.product_view .tit_info .img {width:100%; border-bottom:1px solid #ddd;}
	.product_view .tit_info .img .big {padding:50px;}
	.product_view .tit_info .img .small {border-right:0;}
	.product_view .tit_info .text {width:100%; padding:50px;}
	.product_view .tit_info .text h3 {font-size:30px;}
	.product_view .tit_info .text p.notice {margin-top:50px;}
	.product_view .sub_info h3 {font-size:24px;}
	.product_view .sub_info h3:before {top:2px;}
	.product_view article.sub_info {margin-top:60px;}
	/* 테이블 */
	.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;}


	

	/***** 회사소개 *****/
	/** CEO인사말 **/

	.greeting { padding-top: 0px; position:relative;}
	.greeting .text {top: -10vh; padding: 70px 5% 0;}
	.greeting .text p {font-size:16px;}
	
	/** 특허 및 인증 **/
	.patent {padding-top:0;}
	.patent .right {grid-template-columns: repeat(2, 1fr);}
	
	/** 회사연혁 **/
	.history .year h4 {font-size:30px;}
	.history .year:before {top:12px;}
	.history .year+.year {margin-top:60px;}
	.history .year dl+dl {margin-top:15px;}
	.history .year dl dd p+p {margin-top: 11px;}
	
	/** 오시는길 **/
	.location {flex-direction: column; align-items: start; gap:50px;}
	.location .map {width:100%; height:40vh; min-height:300px;}
	.location .map .root_daum_roughmap .wrap_map {height:30vh; min-height:300px;}
	.location .text dl dt {font-size:16px;}
	.location .text dl dt span {top:-12px;}
	.location .text dl {grid-template-columns: 150px auto;}
	.location .text dl dd {font-size: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 ul {gap:30px;}
	.process-list ul li {width:calc((100% - 30px)/2); padding-bottom:60px;}
	.process-list ul li .img {height:35vw;}
	.process-list ul li p {height:70px; padding-left:80px}
	.process-list ul li p b {width:70px; height:70px; line-height:70px; font-size:32px;}
	
	
	
	/** 제품 종류 및 규격 **/
	.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;}
	
	/** 카달로그 **/
	.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-4 {flex-wrap:wrap;}
	.tabWrap ul.li-4 li {width:calc(100%/2);}
	
	.tabInner {padding:40px 0 0;}
	
	.search_box > form {display:block;}
	.search_box select, .search_box input {font-size:14px;}
	.search_box select {width:100%; height:45px; border-bottom:0; border-bottom-left-radius:0; border-top-right-radius:10px; transform: translateX(-1px);}
	.search_box .form-control {height:45px; border-bottom-left-radius:10px; border-top-right-radius:0px;}
	.search_box .search {height: 45px; bottom: 0; top:auto;}
	
	.product_list .list {grid-template-columns: repeat(2, 1fr); gap:15px;}
	.product_list .list li .img {padding:15px;}
	.product_list .list li .text {padding:15px;}
	.product_list .list li .text dt {font-size:16px; -webkit-line-clamp: 2; line-height: 1.3;}
	
	/* 제품 뷰페이지 */
	.product_view .tit_info .img {flex-direction:column;}
	.product_view .tit_info .img .big {width:100%; padding:30px;}
	.product_view .tit_info .img .small {flex-direction:row; display: grid; grid-template-columns: repeat(3, 1fr); width:100%;}
	.product_view .tit_info .text {padding:30px;}
	.product_view .tit_info .text h3 {font-size:24px;}
	.product_view .tit_info .text ul li {font-size:16px; grid-template-columns: 120px auto;}
	.product_view .tit_info .text a.btn {font-size:16px;}
	.product_view .tit_info .text p.notice {margin-top:30px;}
	.product_view .sub_info h3 {font-size:20px;}
	.product_view .sub_info h3:before {top: 2px; width: 15px; height: 15px;} 
	.product_view .sub_info .write {font-size:16px; padding:0; padding-top:20px;}
	.product_view article.sub_info {margin-top:40px;}
	/* 테이블 */
	.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;}
	
	.agreeWrap > div .info_box {padding:30px 20px;}
	
	/***** 회사소개 *****/
	/** CEO인사말 **/
	.greeting .text {width:100%; top:0; padding: 0px 0 0;}
	.greeting .img {display:none;}
	.greeting .img img {border-radius:20px;}
	.greeting .text .ceo_name {margin-top: 30px; font-size: 18px; text-align:left;}
	

	.patent .right {grid-template-columns: repeat(1, 1fr);}
	
	/** 회사연혁 **/
	.history .year h4 {font-size:24px;}
	.history .year:before {top:11px;}
	.history .year+.year {margin-top:40px;}
	.history .year dl {font-size:16px;}
	
	.location .text dl {grid-template-columns: 140px auto;}
	.location .text dl.transport dd {margin-top:30px; }
	.location .text dl.transport {display:block;}
	
	
	
	
	

}