@charset "utf-8";

/*서브비주얼*/
#subVisual { width:100%; height: 600px; position:relative; overflow:hidden; text-align: center; color: #fff; } 
#subVisual > img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:0; object-fit: cover; width: 100%; height: 100%; object-position: right; } 
#subVisual > div { width: 100%; height: 100%; z-index: 1; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; /*animation:vsTit 1; -webkit-animation:vsTit 1s; */ } 
#subVisual h2 { font-size: 54px; line-height:140%; font-weight: 500; letter-spacing: 3px; padding: 310px 0 15px; text-shadow: 0 0 5px rgba(0,0,0,.5); } 

#subVisual p { text-align:center; color:#fff; font-size:25px; line-height:140%; text-shadow:0 0 5px rgba(0,0,0,.5); letter-spacing:-.5px; } 
/* 서브 네비 */
#subVisual .sub_nav { font-size: 16px; font-weight: 300; } 
#subVisual .sub_nav a { color: #fff; } 
#subVisual .sub_nav span { display: inline-block; margin-right: 13px; } 
#subVisual .sub_nav span::before { content: ">"; display: inline-block; margin-right: 13px; } 
#subVisual .sub_nav span:first-child::before { display: none; } 


#lnb { width:100%; height: 80px; background:#fff; text-align:center; display: block; border-bottom: 1px solid #dddddd; font-family: 'Pretendard-Regular'; } 
#lnb > ul { max-width: 1320px; margin:0 auto; overflow:hidden; font-size:0; } 
#lnb > ul li { display:inline-block; vertical-align:middle; width: 25%; } 
#lnb > ul li a { display:block; font-family: 'S-Core Dream',sans-serif; line-height: 80px; height: 80px; color:#222; font-size: 18px; } 
#lnb > ul li.on a { background: var(--sub-color); color: #fff; font-weight: 500; } 

#lnb_m { display:none; position: relative; z-index:555; } 
#lnb_m > a { width:100%; height:60px; background: var(--main-color); display: table; box-sizing:border-box; padding: 0 2%; position: relative; } 
#lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg); } 
#lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; } 
#lnb_m ul { display: none; box-sizing:border-box; background: rgba(0,0,0,0.8); position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } 
#lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top: 1px solid #c3c3c3; } 
#lnb_m ul li:first-child a { border-top: none; } 
@keyframes vsTit { 
 0% { opacity:0; transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }
@-webkit-keyframes vsTit { 
 0% { opacity:0; -webkit-transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }

/* contents */
.contents { width:100%; overflow:hidden; margin: 60px auto 240px; font-family: 'S-Core Dream',sans-serif; } 
.contents .tit1 { text-align:center; font-size: 48px; line-height:120%; font-weight: 600; color:#222; position: relative; padding: 40px 0 100px; } 
.contents .tit1:before { content:""; width: 35px; height: 2px; width: 50px; height: 1px; display: block; background: var(--main-color); margin: 0 auto; margin-bottom: 40px; transform: rotate(-60deg); } 
.contents .tit2 { text-align:center; font-size: 28px; font-weight: 500; color: var(--sub-color); } 
.contents .tit2 span { display: block; font-size: 20px; color: #111; margin-top: 10px; } 
.contents .tit2 span br {/* display: none; */} 
.contents .tit3 { text-align:center; font-size: 24px; font-weight: 600; color: #000; } 
.contents .con, .contents .wrap { position: relative; } 

/* tab */
.tab-content {display: none;}
.tab-content.current {display: inherit;}
/**/
.contents .tab {justify-content: center;margin: 0 auto 110px;} 
.contents .tab.fx_2 li {flex-basis: calc(100% / 2 );max-width: 380px;} 
.contents .tab.fx_3 li { flex-basis: calc(100% / 3 ); } 
.contents .tab.fx_4 li { flex-basis: calc(100% / 3 ); } 
.contents .tab li {border: 1px solid #ddd;background: #fff;} 
.contents .tab li a {display: block;line-height: 80px;font-size: 18px;text-align: center;} 
/* current, hover */
.contents .tab li.current {border: 1px solid transparent;background: var(--sub-color);} 
.contents .tab li.current a {color: #fff;} 

/* table */
.table {width:100%;border-top: 2px solid #666;border-collapse: collapse;} 
.table tr { height: 70px; color: #222; border-bottom: 1px solid #ccc; } 
.table th {width: 17.5%;font-size: 20px;font-weight: 400;background: #f7f7f7;} 
.table td {width: calc(50% - 17.5%);font-size:18px;padding-left: 25px;} 
.table td:first-child { color:#222; } 

/* ani */
.zoom_out figure {transition: transform 1000ms ease-in-out, opacity 1000ms ease 0s; } 
.zoom_out figure:hover img {animation: zoom_out 1000ms forwards;transition: transform 1000ms ease-in-out, opacity 1000ms ease 0s;}


/* 인사말 */
.contents.company1 .con {padding-right: 4.5%;} 
.contents.company1 .con:after { content:""; background: url(/img/company1_img2.png); display: block; position: absolute; top: 0; right: 0; ); ); width: 935px; height: 148px; z-index: -1; } 
/**/
.company1 .con .img { display: block; width: 100%; max-width: 834px; height: 648px; background: url(/img/company1_img1.jpg) no-repeat center / cover; } 
/**/
.company1 .con .txt { width: 100%; display: block; margin: 65px 0 0 65px; } 
.company1 .con .txt ul { } 
.company1 .con .txt ul li:not(:last-child) { margin-bottom: 30px; } 
.company1 .con .txt ul li:nth-child(1) { margin-bottom: 40px; } 
.company1 .con .txt ul li p {font-size: 18px;line-height: 2;} 
.company1 .con .txt ul li:nth-child(1) p { font-size: 30px; line-height: 1.4; } 
.company1 .con .txt ul li:last-child p { font-size: 24px; text-align: right; } 
.company1 .con .txt ul li:nth-child(1) p strong { color: var(--sub-color); } 
.company1 .con .txt ul li:nth-last-child(2) { margin-bottom: 100px; } 
.company1 .con .txt ul li p strong { font-weight: 500; } 


/* 회사개요 */
.contents.company2 { margin: 60px auto 0; } 
.contents.company2 .con, .contents.process1 .con { margin-top: 120px; } 
.contents.company2 .con.con3 { padding-bottom: 170px; background: url(/img/company2_img2.png) no-repeat center bottom -350px; } 
.contents.company2 .con.con1 .tit3 { margin-bottom: 85px; } 
.contents.company2 .con.con2 .tit3 { margin-bottom: 40px; } 
.contents.company2 .con.con3 .tit3 { margin-bottom: 60px; } 
/**/
.company2 .con.con1 .img { display: block; width: 100%; max-width: 1208px; height: 422px; background: url(/img/company2_img1.png) no-repeat center / cover; margin: 0 auto; } 
.company2 .con.con1 .txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 1180px; margin: 0 auto; } 
.company2 .con.con1 .txt ul li {flex: 3;} 
.company2 .con.con1 .txt ul li img { display: block; max-width: 97px; margin: 0 auto 30px; } 
.company2 .con.con1 .txt ul li p { font-size: 22px; font-weight: 500; text-align: center; color: #fff; } 
.company2 .con.con1 .txt ul li p br {display: none;} 
/**/
.company2 .con.con3 .img {display: block;width: 100%;max-width: 868px;height: 673px;background: url(/img/eng/company2_img3.png) no-repeat center / cover;margin: 0 auto;} 


/* 회사연혁 */
.company3 .con::before { background: url(../../img/his_bg.png) no-repeat; width: 100%; height: 100%; background-position: center; content: ""; display: block; position: absolute; } /*company3_img1*/
/**/
.company3 .con ul { position: relative; } 
.company3 .con ul:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 3px; height: 95%; margin: auto; background: var(--main-color); } 
.company3 .con ul:after, .company3 .con ul li .content { content: ""; display: block; clear: both; } 
.company3 .con ul li { width: 50%; clear: both; margin-bottom: 50px; padding-top: 50px; } 
.company3 .con ul li:first-child { padding-top: 0; } 
.company3 .con ul li:last-child { margin-bottom: 0; } 
.company3 .con ul li.left { float: left; text-align: right; } 
.company3 .con ul li.right { float: right; text-align: left; } 
.company3 .con ul li .content {padding: 0 10px;} 
.company3 .con ul li .content .year, .company3 .con ul li .content dl dd span { font-weight: 500; } 
.company3 .con ul li .content .year {position: relative;display:inline-block;width: 20%;font;font-size: 30px;font-weight: 500;line-height: 1;} 
.company3 .con ul li.left .content .year { padding: 0 30px 0 10px; } 
.company3 .con ul li.right .content .year { padding: 0 10px 0 30px; } 
.company3 .con ul li .content .year:before { content: ""; position: absolute; top: 50%; width: 25px; height: 25px; border-radius: 50%; background: #fff; transform: translateY(-50%); border:5px solid var(--main-color); } 
.company3 .con ul li.left .content .year:before { right: -22px; } 
.company3 .con ul li.right .content .year:before { left: -23px; } 
.company3 .con ul li .content dl { width:80%; } 
.company3 .con ul li.left .content dl { float:left; } 
.company3 .con ul li.right .content dl { float:right; } 
.company3 .con ul li .content dl dd { font-size: 20px; } 
.company3 .con ul li .content dl dd span { font-size: 22px; padding: 0 15px; color: var(--main-color); } 


/* 오시는길 */
.company4 .con .table { margin-top: 40px; } 


/* 제품소개 */
.pro .con figure {margin: 0; overflow: hidden;} 
/**/
.pro .con .top .img {margin-right: 65px;}    
.pro .con .top .img figure {height: 100%;}  
.pro .con .top .img figure img {display: block;width: 100%;height: 100%;max-width: 608px;object-fit: cover;}  
.pro .con .top .txt {flex-basis: 50%;} 
.pro .con .top .txt h4 {font-size: 30px;font-weight: 500;padding-bottom: 35px;margin-bottom: 40px;border-bottom: 1px solid #ccc;} 
.pro .con .top .txt .list {margin-top: 30px;} 
.pro .con .top .txt .list li {font-size: 18px;color: #444;margin-bottom: 25px;} 
.pro .con .top .txt .list li:last-child {margin-bottom: 0;} 
.pro .con .top .txt .list li span {display: inline-block;width: 28%;color: #222;margin-right: 20px;} 
/**/
.pro .con .bottom .img {margin: 60px -12px 0;} 
.pro .con .bottom .img figure {flex-basis: calc(100% / 4 - 24px);margin: 0 12px;} 
.pro .con .bottom .img figure img, .pro2 .con.con2 .top .txt .img figure {/* filter: blur(0.5px); */} 
/* pro2 */  
.pro2 .con.con2 .top .txt h4 {padding-bottom: 15px;margin-bottom: 30px;} 
.pro2 .con.con2 .top .txt .img {flex-wrap: wrap;margin: 0 -12px;} 
.pro2 .con.con2 .top .txt .img figure {flex-basis: calc(100% / 2 - 24px);margin: 0 12px 20px;} 
.pro2 .con.con2 .top .txt .img figure:nth-child(n+3):nth-child(-n+4) {margin-bottom: 0;} 


/* 제품공정도 */
.process1 .con.con1 .img {display: block;width: 100%;max-width: 1320px;height: 172px;background: url(/img/process1_img1.png) no-repeat center / cover;margin: 0 auto 30px;} 
.process1 .con.con1 .txt ul {margin: 0 -25px;} 
.process1 .con.con1 .txt ul li {flex-basis: calc(100% / 6 - 40px);margin: 0 20px;text-align: center;} 
.process1 .con.con1 .txt ul li span {display: block;font-size: 26px;font-weight: 500;color: var(--sub-color);margin-bottom: 10px;} 
.process1 .con.con1 .txt ul li p {font-size: 16px;} 


/* 설비현황 */
.facility1 .con .table th {width: auto;}
.facility1 .con .table th:not(:last-child), .facility1 .con .table td:not(:last-child) {border-right: 1px solid #ccc;} 
.facility1 .con .table td {padding: 20px 0 20px 0;text-align: center;line-height: 1.8;} 
.facility1 .con .table td a {text-decoration: 1px transparent underline;transition: all .3s;} 
/* hover */
.facility1 .con .table td:last-child:hover a {color: var(--sub-color);text-decoration: 1px var(--sub-color) underline;transition: all .3s;} 






/* EDM WIRE */
.contents.business { margin: 160px auto; } 
.business img { margin: 0 auto; width: 100%; display: block; max-width: 1100px; } 


/* SPARE PARTS */
.expendables { width: 100%; max-width: 1320px; margin: 0 auto; } 
.expendables ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.expendables ul li { width: 25%; text-align: center; margin-bottom: 50px; } 
.expendables ul li a figure { margin: 0; } 
.expendables ul li a figure img { border: 1px solid #ddd; transition: all 0.4s; margin-bottom: 20px; } 
.expendables ul li a figure figcaption { font-family: 'Pretendard-Regular'; font-size: 18px; } 
/* hover */
.expendables ul li:hover a figure img { border: 1px solid var(--main-color); transform: scale(1.1); transition: all 0.4s; } 



/* 문의하기 */
#inquiry { width: 100%; margin: 0 auto; max-width: 1320px; padding: 0 10px; } 
.sub_com .title_box h1 { font-size: 50px; text-align: center; } 
.sub_com .contents_inner { padding-top: 0; } 
.sub_com { padding-bottom: 120px; position:relative; } 

.inquiry_style1 h3 { font-size: 20px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; text-align: left; } 
.inquiry_style1 h3:before { display: none; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: var(--main-color); font-size: 17px; } 
.editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 500; color: #444; display: block; font-family: 'Noto Sans KR', sans-serif; } 
.agree_txt { background: #eee; padding: 10px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0 0; } 
.cm_btn_controls .btn_submit1 { border: unset; background: var(--main-color); color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 0 auto; } 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.inquiry_style1.inquiry_tbl_style2 {margin-bottom: 40px;} 
.essential-icon { color: var(--main-color); } 
.inquiry_sec h4 { font-size: 23px; color: #222; position: relative; margin-bottom:12px; font-weight:500 } 
.inquiry_sec h4:after { display: inline-block; width:6px; height:6px; border-radius: 2px; background-color:#0f529d; margin-left: 5px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.inquiry_sec.mt60 h4 { margin-top:60px } 
.write-tbl { width:100%; border-top:1px solid #333; } 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th {color:#444;font-size:16px;font-weight:400;text-align:left;width: 13%;} 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl th.none_impor { padding-left:20px; } 
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea { height:38px; border:0px; /* width:63.6%; */ background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding:10px; box-sizing:border-box; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 20%; } 
.write-tbl .write-select { height:38px; width: 20%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl td .write-sub-txt { color:#888; margin-left:10px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl td .write-sub-txt2 { display:block; color:#888; margin-top:5px; font-size:11px; color:#aaa; letter-spacing:-0.5px; } 
.write-tbl .hypen { margin:0 5px; } 
.write-tbl .input-check { padding:10px 0; } 
.write-tbl .input-check span { margin-right:30px; } 
.write-tbl .input-check span label { vertical-align:middle; font-size:14px; } 
.address-fieldset .write-input { margin-top:6px; } 
.address-fieldset .write-input:first-child { margin-top:0; } 
.write-tbl .address-btn { display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px; } 
.write-tbl .address-btn:hover { background-color:#464646; color:#fff; } 
.btn_address { display: inline-block; padding:0 20px; vertical-align: top; color: #fff; width: 187px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height:38px; font-size:14px; background:#777 } 
.radioCont li { float:left; padding: 10px 30px 10px 0; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display:inline-block; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 133px); color:#aaa; font-size:13px; } 
.filebox .file_wr label { display: inline-block; padding: 0 20px; vertical-align: top; color: #fff; width:130px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height: 38px; font-size: 13px; background: #777; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.cm-btn-controls { overflow:hidden; text-align:center; padding-top:30px; } 
.cm-btn-controls.cm-btn-align-left { text-align:left; } 
.cm-btn-controls.cm-btn-align-right { text-align:right; } 
.cm-btn-controls .left-btn-controls { float:left; } 
.cm-btn-controls .right-btn-controls { float:right; } 
.cm-btn-controls button,.cm-btn-controls a { display:inline-block; width:150px; height:42px; border:0; color:#fff; background-color:#000; font-size:17px; margin:0 2px 0px 2px; cursor:pointer; vertical-align:top; text-align:center; font-weight:400; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } 
.cm-btn-controls a { line-height:42px; } 
.cm-btn-controls.cm-btn-long-controls button,.cm-btn-controls.cm-btn-long-controls a { width:100%; height:50px; margin:0px; margin-bottom:5px; } 
.cm-btn-controls.cm-btn-long-controls a { box-sizing:border-box; line-height:50px; } 
.cm-btn-controls .btn-style01 { background-color:#0f529d; } 
.cm-btn-controls .btn-style02 { background-color:#8c8c8c; } 
.cm-btn-controls .btn-style03 { box-sizing:border-box; background:#fff; border:1px solid #888; color:#222; } 
.email-fieldset .write-select { margin-left:13px } 


/*************** 반응형 ***************/

/* 노트북 ~ pc */
@media all and (max-width:1885px) {
.company1 .con .txt ul li:not(:last-child) p br {display: none;} 
}

@media all and (max-width:1320px) {
/* 서브비주얼 */
#subVisual { height: 550px; } 
#subVisual h2 {padding: 230px 0 15px;} 
#subVisual p.sub_location { font-size:16px; } 
#lnb { height:70px; } 
#lnb > ul { width:100%; } 
#lnb > ul li a { height: 70px; line-height: 70px; } 

/* 공통 layout */
.contents {width: 96%;} 
.greeting { width: 100%; }  
.contents .location, #inquiry { padding: 0; } 

/* 인사말 */ 
.contents.company1 .con {padding-right: 0;} 
.contents.company1 .con:after {width: 70vw;background-size: contain;background-repeat: no-repeat;} 

/* 회사개요 */
.company2 .con.con1 .img, .company2 .con.con1 .txt {max-width: 100%;}  
.company2 .con.con1 .img {background-size: 100% 100%;} 
.company2 .con.con1 .txt {margin: 0 1%;} 
 
/* table */
.facility1 .con {overflow: auto;}
.facility1 .con .table {table-layout: auto;white-space: nowrap;}
 
/* 연혁 */
.company3 .con::before { background-size: contain; } 
.company3 .con ul:before {height: 93%;}
.company3 .con ul li .content dl { width:100%; } 
.company3 .con ul li.left .content dl {padding-right: 30px;} 
.company3 .con ul li.right .content dl {float:left;padding-left: 30px;} 
.company3 .con ul li .content .year {width: 100%;font;} 
.company3 .con ul li.left .content .year { padding: 0 30px 10px 0; } 
.company3 .con ul li.right .content .year {padding: 0 0 10px 30px;} 

/* 오시는 길 */
.table-st1 th { width: 25%; padding: 18px 5px; } 
.table-st1 td { padding: 18px 0 18px 18px; } 

/* 제품 */
.pro .con .top .img {flex-basis: 50%;}
.pro .con .top .txt figure img {display: block;width: 100%;max-width: 647px;object-fit: cover;}
.pro .con .bottom .img figure img {display: block;width: 100%;max-width: 310px;object-fit: cover;} 

/* 제품공정도 */
.process1 .con.con1 .img {max-width: 100%;height: 100%;min-height: 125px;max-height: 172px;margin: 0 auto 30px;background-size: contain;} 
 
/* 견적문의 */
.write-tbl th {width: 17%;} 
.write-tbl .write-input { width: 35%; } 
}



/* 768 - 1023: 태블릿 */
@media all and (max-width:1023px) {
/* 서브비주얼 */
#subVisual { height: 450px; } 
#subVisual h2 {padding: 180px 0 15px;font-size: 45px;} 
#subVisual p.sub_location { font-size:16px; } 


/* 공통 layout */
.contents {margin: 60px auto 180px;} 
.greeting { margin: 120px auto 0; } 
.greet_bg { height: 350px; } 
.greet_bg2 { width: 100%; } 
.contents .tit1 { padding: 20px 0 60px; font-size: 38px; } 
.contents .tit2 {font-size: 25px;} 
.contents .tit2 span {font-size: 18px;margin: 10px auto 0;}  
.contents .tit3 {font-size: 20px;} 
.contents .con, .contents .wrap, .pro .con .top {flex-direction: column;}

/* tab */
.contents .tab {margin: 0 auto 10%;} 
.contents .tab li a {line-height: 70px;}

/* 인사말 */
.contents.company1 .con:after {top: auto;bottom: 0;} 
.company1 .con .img {max-width: 100%;height: 50vw;} 
.company1 .con .txt {margin: 5% 0 0 0;} 
.company1 .con .txt ul li:nth-child(1) p {font-size: 25px;} 

/* 회사개요 */
.company2 .con.con1 .img, .company2 .con.con1 .txt {max-width: 100%;}  
.company2 .con.con1 .img {height: 350px;} 
.company2 .con.con1 .txt ul li img {max-width: 70px;margin: 0 auto 20px;} 
.company2 .con.con1 .txt ul li p {font-size: 18px;} 
.contents.company2 .con.con1 .tit3, .contents.company2 .con.con2 .tit3, .contents.company2 .con.con3 .tit3 {margin-bottom: 5%;} 
.company2 .con.con3 .img {max-width: 100%;height: 550px;background-size: contain;} 

/* table */
.table.company th {width: 15%;font-size: 18px;} 
.table.company td { padding-left: 15px; } 
 
/* 연혁 */
.company3 .con ul:before {height: 94%;} 
.company3 .con ul li .content .year {font-size: 25px;}
.company3 .con ul li .content dl dd { font-size: 18px; } 

/* 오시는 길 */
.table-st1 th { height: 54px; } 
.table-st1 td { height: 55px; } 

/* 제품 */
.pro .con .top .img {flex-basis: 100%;margin: 0 0 5% 0;}
.pro .con .top .img figure img {/* max-height: 50vw; */max-width: 100%;/* object-position: bottom center; */}
.pro .con .top .txt h4 {font-size: 25px;padding-bottom: 0;margin-bottom: 20px;border-bottom: unset;} 
.pro .con .top .txt figure img, .pro .con .bottom .img figure img {margin 0 auto;margin: 0 auto;} 

/* 제품공정도 */
.process1 .con.con1 .txt ul {flex-wrap: wrap;margin: 0 -10px;} 
.process1 .con.con1 .txt ul li {flex-basis: calc(100% / 2 - 10px);margin: 0 -5px 40px;} 
.process1 .con.con1 .txt ul li:nth-child(n+5):nth-child(-n+6) {margin: 0 -5px 0;} 
.process1 .con.con1 .txt ul li span {font-size: 20px;} 

 
/* 소모품 */
.expendables ul li { width: 32%; } 
.expendables ul li:hover a figure img { transform: scale(1); } 

/* 견적문의 */
.write-tbl th {width: 23%;} 
}
@media (min-width:768px) and (max-width:1023px) {
/* 제품 */
.pro .con .top .txt .list li span {width: 18%;} 
}
@media all and (max-width:900px) {
/* 서브비주얼 */
#lnb { display:none; } 
#lnb_m { display:block; } 
}
@media all and (max-width:800px) { 
/* 연혁 */
.sub1 { position: relative; width: 90%; margin: 0 auto; } 
.sub1:before { margin:0; bottom: 70px; } 
.sub1 > li.left , .sub1 > li.right { float: none; width:100%; } 
.sub1 > li.left > .content .year:before,
.sub1 > li.right > .content .year:before { left: -20px; } 
.sub1 > li.left { text-align: left; } 
.sub1 > li > .content dl { padding: 0 0 0 25px; margin: 10px 0 0; } 
.sub1 > li > .content > dl dd span { padding: 0 15px 0 0; } 
.sub1 > li.left > .content dl, .sub1 > li.right > .content dl { float:none; width:100%; } 
.sub1 > li.right > .content .year, .sub1 > li.left > .content .year { float:none; width:100%; padding-left: 25px; } 
.sub1 > li > .content .year { font-size: 22px; } 
.sub1 > li.right > .content dl dt, .sub1 > li.left > .content dl dt { float:left; } 
.sub1 > .right { padding-top: 30px; } 
}



/* 480 - 767: 모바일 가로 */
@media all and (max-width:767px) {
/* 서브비주얼 */
#subVisual { height: 400px; } 
#subVisual h2 {font-size: 36px;} 
#subVisual p { font-size: 20px; } 
#subVisual .sub_nav { font-size: 15px; } 
#lnb_m > a { height: 55px; } 
#lnb_m a { text-align: center; } 
#lnb_m ul { top: 55px; } 

/* 공통 layout */
.contents { margin: 40px auto 120px; } 
.greeting { margin: 90px auto 0; } 
.greet_bg { height: 250px; } 
.greet_bg2 { width: 100%; } 
.contents .tit1 {font-size: 28px;} 
.contents .tit1:before { margin-bottom: 20px; } 
.contents .tit2 {font-size: 20px;} 
.contents .tit2 span {font-size: 14px;} 

/* tab */
.contents .tab {flex-wrap: wrap;} 
.contents .tab.fx_2 li {flex-basis: 100%;max-width: 100%;} 

/* 인사말 */
.company1 .con .txt ul li:nth-last-child(2) {margin-bottom: 50px !important;} 
.company1 .con .txt ul li p {font-size: 16px;}
.company1 .con .txt ul li:last-child p { font-size: 20px;} 
.company1 .con .txt ul li:not(:last-child) {margin-bottom: 15px;} 
.company1 .con .txt ul li:nth-child(1) { margin-bottom: 30px; } 

/* 회사개요 */
.company2 .con.con1 .img {height: 250px;} 
.company2 .con.con1 .txt ul li img {max-width: 60px;} 
.company2 .con.con1 .txt ul li p {font-size: 16px;} 
.company2 .con.con1 .txt ul li p br {display: block;} 
.company2 .con.con3 .img {max-width: 100%;height: 350px;} 

/* table */
.table th, .table td {font-size: 16px;}

.table.company {display: table;}
.table.company th, .table.company td {display: -webkit-inline-box; width: 100%; word-break: break-all;padding: 10px 0 10px 15px;}
 
.contents.facility1 .table th, .contents.facility1 .table td {word-break: break-all;}
 
 
/* 연혁 */
.company3 .con ul:before {left: 11px;right: auto;} 
.company3 .con ul li {width: 100%;padding-top: 25px;} 
.company3 .con ul li.left {text-align: left;} 
.company3 .con ul li .content .year {font-size: 20px;}
.company3 .con ul li .content dl dd { font-size: 16px; } 
.company3 .con ul li.left .content .year { padding: 0 0 10px 30px; } 
.company3 .con ul li.left .content dl {padding: 0 0 0 30px;} 
.company3 .con ul li.left .content .year:before, .company3 .con ul li.right .content .year:before {left: -10px;} 
.company3 .con ul li.left .content .year:before {right: auto;} 

/* 오시는 길 */
.root_daum_roughmap .wrap_map { height: 300px !important; } 
.contents .location .location_wr { margin-top: 30px; } 
.table-st1 th, .table-st1 td { font-size: 16px; } 
.table-st1 th { padding: 10px 5px; } 
.table-st1 td { padding: 10px 0 10px 15px; } 
.table-st1 th { height: 44px; } 
.table-st1 td { height: 45px; } 
 
/* 제품 */
.pro .con .top .txt h4 {font-size: 20px;margin-bottom: 10px;} 
.pro .con .top .txt .list li {font-size: 16px;}
.pro .con .bottom .img {flex-wrap: wrap; margin: 60px -5px 0;} 
.pro .con .bottom .img figure {flex-basis: calc(100% / 2 - 10px);margin: 0 5px 10px;} 
.pro .con .bottom .img figure:nth-child(n+3):nth-child(-n+4) {margin: 0 5px 0;} 
 
/* 소모품 */
.expendables ul li { width: 48%; } 
.expendables ul li a figure img { width: 100%; } 
.expendables ul li:hover a figure img { transform: scale(1); } 

/* 견적문의 */
.inquiry_style1 h3 {font-size: 18px;} 
.agree_txt { font-size: 14px } 
.inquiry_style1 .inquiry_tbl_style1_icon {font-size: 15px;padding-left: 5px;} 
.inquiry_tbl_style1_con .write_input { font-size: 14px; } 
.write-tbl th {width: 33%;} 
.write-tbl .write-textarea { height: 130px; } 
.cm_btn_controls .btn_submit1 { width: 160px; height: 50px; } 
.write-tbl td { width: calc(100% - 116px); } 
.write-tbl th, .write-tbl td { padding: 10px 7px; } 
.write-tbl .write-input.width_100 { width: 100%; } 
}



/* 320 - 479: 모바일 세로 */
@media (max-width: 479px) {
/* 서브비주얼 */
#subVisual { height: 350px; } 
#subVisual h2 {padding: 160px 0 15px;font-size: 28px;} 
#subVisual p { font-size: 18px; } 

/* 공통 layout */
.greeting { margin: 75px auto 0; } 
.greet_bg { height: 250px; } 
.greet_bg2 { width: 100%; } 
.contents .tit1 { font-size: 22px; } 
.contents .tit1:before { margin-bottom: 20px; } 
.contents.process1 .tit2 span {display: inline-block;}

/* 인사말 */
.company1 .con .txt ul li p {font-size: 14px;}
.company1 .con .txt ul li:nth-child(1) p {font-size: 20px;} 
.company1 .con .txt ul li:last-child p { font-size: 16px;} 

/* 회사개요 */
.contents .tit2 span br {display: none;} 
 
/* table */
.table.company th, .table.company td {font-size: 16px;}

/* 연혁 */
.company3 .con ul li .content .year {font-size: 18px;}

/* 오시는 길 */
.root_daum_roughmap .wrap_map { height: 220px !important; } 

/* 견적문의 */
.editor textarea { font-size: 13px; } 
.write-tbl th, .write-tbl td { padding: 10px 1px; min-width: 50px; word-break: keep-all; } 
}