@charset "utf-8";


.only-pc {display:block;}
.only-mob {display:none;}

@media (max-width: 1400px) {
	
}

@media (max-width: 1024px) {
	.only-pc {display:none;}
	.only-mob {display:block;}
	/* sub-visual */
	.sub-visual {height:260px;}
	.sub-visual ul {margin:0 -2px 24px;}
	.sub-visual ul li {font-size:16px;}
	.sub-visual h2 {font-size:32px;}
	.sub-visual p {font-size:16px;}
	/* lnb */
	.lnb ul li a {height:60px; font-size:18px;}
	.lnb ul li a:after {height:3px;}
	/* sub 01 01 */
	.greeting {padding:80px 0 120px;}
	.greeting .tt {top:100px; right:-20px; width:80%;}
	.greeting .tit-box {margin-bottom:30px;}
	.greeting .tit-box h3 {font-size:28px;}
	.greeting .tit-box h3 strong {font-size:32px;}
	.greeting .col {display:block;}
	.greeting .txt-box {width:100%; padding-right:0; margin-bottom:60px;}
	.greeting .txt-box p {font-size:18px; margin-bottom:12px;}
	.greeting .txt-box p br {display:none;}
	.greeting .txt-box .sign {font-size:20px;}
	.greeting .txt-box .sign strong {font-size:22px;}
	.greeting .img-box {margin:0 0 0 auto;}
	.greeting .img-box .rotate {animation: ess-title 8s linear infinite both;}
	/* sub 01 02 */
	.outline .cnt01 {padding:80px 0 120px;}
	.outline .cnt01 .tit-box {margin-bottom:50px;}
	.outline .cnt01 .tit-box p {font-size:24px;}
	.outline .cnt01 .tit-box h3 {font-size:28px;}
	.outline .cnt01 .tit-box h3 strong {font-size:32px;}
	.outline .cnt01 .col {display:block;}
	.outline .cnt01 .col .img-box {margin:0 auto 60px;}
	.outline .cnt01 .col .txt-box {width:100%; padding-left:0;}
	.outline .cnt01 .col .txt-box p {font-size:18px; margin-bottom:12px;}
	.outline .cnt02 {padding:80px 0 120px;}
	.outline .cnt02 .tt {bottom:-60px; right:-20px; width:80%;}
	.outline .cnt03 {padding:80px 0 120px;}
	.outline .cnt03 .tit-box {margin-bottom:60px;}
	.outline .cnt03 .tit-box h3 {font-size:28px; margin-bottom:12px;}
	.outline .cnt03 .tit-box p {font-size:18px; }
	/* sub 01 03 */
	.history {padding-top:80px; padding-bottom:120px;}
	.history .col {display:block;}
	.history .tit-box {width:100%; margin-bottom:60px; text-align:center;}
	.history .tit-box h3 {font-size:42px; max-width:none; text-align:center; margin-bottom:20px;}
	.history .img {max-width:none;}
	.history .txt-box {width:100%; padding-left:20px;}
	.history .wrap {padding-left:80px; padding-bottom:30px;}
	.history .wrap:last-child {padding-bottom:100px;}
	.history .wrap:before {top:35px;}
	.history .wrap .icon {top:9px;}
	.history .wrap .year {font-size:28px; margin-bottom:20px;}
	.history .wrap .year:before {width:30px; left:-50px;}
	.history .wrap .box {margin-bottom:10px;}
	.history .wrap .box .month {font-size:18px; max-width:30px;}
	.history .wrap .box .txt p {font-size:18px;}
	/* sub 02 */
	.equipment .cnt {padding:80px 0 120px;}
	.equipment .tit-box {margin-bottom:50px;}
	.equipment .tit-box h3 {font-size:28px;}
	.equipment .tit-box h3 br {display:block;}
	.equipment .tit-box p {font-size:18px; margin-top:12px;}
	.equipment .items {margin:0; padding:0 45px;}
	.equipment .item {padding:0 10px;}
	.equipment .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	.equipment .slick-prev {left:0;}
	.equipment .slick-next {right:0;}
	.equipment .cnt02 .tt {bottom:-20px; right:-20px; width:80%;}
	.equipment .table {position:relative; z-index:10;}
	.equipment table thead th {font-size:20px; padding:18px 10px;}
	.equipment table tbody {font-size:18px;}
	.equipment table tbody th {padding:12px 10px;}
	.equipment table tbody td {padding:12px 10px;}
	/* sub 03 */
	.business .title h3 {font-size:28px;}
	/* sub 03 01 */
	.process {padding:80px 0 120px;}
	.process .col {display:block;}
	.process .col .tit-box {max-width:none; margin-bottom:60px;}
	.process .col .tit-box .tt {display:none;}
	.process .col .txt-box {width:100%;}	
	.process .row {padding-bottom:70px;}
	.process .row:before {left:140px;}
	.process .box .icon {max-width:100px;}
	.process .box .txt {padding-left:30px;}
	.process .box .txt h4 {font-size:28px; padding-left:60px;}
	.process .box .txt h4:before {width:20px; left:30px;}
	
	.process .row ul {padding-left:185px;}
	.process .row ul li {font-size:18px; margin-bottom:10px; padding-left:20px;}
	.process .row ul li:before {width:16px; height:16px; top:5px;}
	/* sub 03 02 */
	.stainless .cnt01 {padding:80px 0 120px;}
	.stainless .table {margin-top:50px;}
	.stainless table col:first-child {width:150px;}
	.stainless table thead th {font-size:20px; padding:18px 10px;}
	.stainless table tbody {font-size:18px;}
	.stainless table tbody th {padding:12px 10px;}
	.stainless table tbody td {padding:12px 10px;}
	.stainless .cnt01 .tt {bottom:-20px; right:-20px; width:80%;}
	.stainless .cnt02 {padding:80px 0 120px;}
	.stainless .cnt02 .col {margin:0 -10px;}
	.stainless .cnt02 .col .row {padding:0 10px;}
	/* sub 03 03 */
	.steel {padding:80px 0 120px;}
	.steel .title {margin-bottom:50px;}
	.steel .wrap {display:block; margin-bottom:100px;}
	.steel .img-box {margin-bottom:60px;}
	.steel .img-box:after {width:24px; height:24px;}
	.steel .img-box .img {border-radius:0 200px 200px 0;}	
	.steel .txt-box {width:100%; padding-left:0;}
	.steel .txt-box h4 {font-size:28px; margin-bottom:30px;}
	.steel .txt-box h4 strong {font-size:32px;}
	.steel .txt-box .box {padding:24px 20px;}
	.steel .txt-box .box li {font-size:18px; margin-bottom:10px; padding-left:20px;}
	.steel .txt-box .box li:before {width:16px; height:16px; top:5px;}
	.steel .col {margin:0 -10px;}
	.steel .col .row {padding:0 10px;}
	/* sub 04 02 */
	.directions {padding:80px 0 120px;}
	.directions .maps {margin-bottom:30px;}
	.directions .maps .root_daum_roughmap {height:420px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:420px !important;}
	.directions .txt-box {padding-right:0; padding-left:0;}
	.directions .txt-box .btns {position:relative; margin-bottom:40px;}
	.directions .txt-box .btns ul {justify-content:flex-end;}
	.directions .txt-box .btns ul li a {width:50px; height:50px;}
	.directions .txt-box dl {font-size:18px;}
	.directions .txt-box dt {max-width:60px;}

	.inquiry {padding:80px 0 120px;}
}

@media (max-width: 640px) {

	#sub {padding-top:80px;}
	/* sub-visual */
	.sub-visual {height:200px;}
	.sub-visual ul {margin:0 -2px 12px;}
	.sub-visual ul li {font-size:14px;}
	.sub-visual ul li img {height:24px;}
	.sub-visual h2 {font-size:28px;}
	.sub-visual p {font-size:14px;}
	/* lnb */
	.lnb ul li a {height:50px; font-size:14px;}
	/* sub 01 01 */
	.greeting {padding:80px 0 100px;}
	.greeting .tt {top:40px;}
	.greeting .tit-box h3 {font-size:24px;}
	.greeting .tit-box h3 strong {font-size:26px;}
	.greeting .txt-box {margin-bottom:40px;}
	.greeting .txt-box p {font-size:16px; margin-bottom:10px;}
	.greeting .txt-box .sign {font-size:18px;}
	.greeting .txt-box .sign strong {font-size:20px;}
	/* sub 01 02 */
	.outline .cnt01 {padding:80px 0 100px;}
	.outline .cnt01 .tit-box {margin-bottom:40px;}
	.outline .cnt01 .tit-box p {font-size:20px;}
	.outline .cnt01 .tit-box h3 {font-size:22px;}
	.outline .cnt01 .tit-box h3 strong {font-size:24px;}
	.outline .cnt01 .col .img-box {margin:0 auto 40px;}
	.outline .cnt01 .col .txt-box p {font-size:16px; margin-bottom:10px;}
	.outline .cnt02 {padding:80px 0 100px;}
	.outline .cnt02 .tt {bottom:-20px;}
	.outline .cnt03 {padding:80px 0 100px;}
	.outline .cnt03 .tit-box {margin-bottom:40px;}
	.outline .cnt03 .tit-box h3 {font-size:24px; margin-bottom:10px;}
	.outline .cnt03 .tit-box p {font-size:13px;}
	/* sub 01 03 */
	.history {padding-top:60px;}
	.history .tit-box {margin-bottom:40px;}
	.history .tit-box h3 {font-size:28px;}
	.history .wrap {padding-left:40px; padding-bottom:20px;}
	.history .wrap:last-child {padding-bottom:60px;}
	.history .wrap:before {top:27px;}
	.history .wrap .icon {top:7px;}
	.history .wrap .year {font-size:24px;}
	.history .wrap .year:before {width:16px; left:-24px;}
	.history .wrap .box .month {font-size:16px; max-width:30px;}
	.history .wrap .box .txt p {font-size:16px;}
	/* sub 02 */
	.equipment .cnt {padding:80px 0 100px;}
	.equipment .tit-box {margin-bottom:40px;}
	.equipment .tit-box h3 {font-size:24px;}
	.equipment .tit-box p {font-size:16px; margin-top:10px;}
	.equipment .items {padding:0 40px;}
	.equipment .slick-arrow {width:32px; height:32px; margin-top:-16px;}
	.equipment table thead th {font-size:18px; padding:12px 10px;}
	.equipment table tbody {font-size:16px;}
	.equipment table tbody th {padding:10px;}
	.equipment table tbody td {padding:10px;}
	/* sub 03 */
	.business .title h3 {font-size:24px;}
	/* sub 03 01 */
	.process {padding:80px 0 100px;}
	.process .col .tit-box {margin-bottom:40px;}
	.process .row {padding-bottom:70px;}
	.process .row:before {display:none;}
	.process .box {display:block; margin-bottom:30px;}
	.process .box .icon {margin-bottom:30px;}
	.process .box .txt {padding-left:0; width:100%;}
	.process .box .txt h4 {font-size:24px; padding-left:40px;}
	.process .box .txt h4:before {width:10px; left:25px;}
	.process .row ul {padding-left:35px;}
	.process .row ul li {font-size:16px;}
	.process .row ul li:before {top:3px;}
	/* sub 03 02 */
	.stainless .cnt01 {padding:80px 0 100px;}
	.stainless .table {margin-top:30px;}
	.stainless table col:first-child {width:80px;}
	.stainless table thead th {font-size:16px; padding:12px 10px;}
	.stainless table tbody {font-size:14px;}
	.stainless table tbody th {padding:10px;}
	.stainless table tbody td {padding:10px;}
	.stainless .cnt02 {padding:80px 0 100px;}
	.stainless .cnt02 .col {margin:0 auto -20px; max-width:440px; width:100%; display:block;}
	.stainless .cnt02 .col .row {padding:0; margin-bottom:20px; width:100%;}
	/* sub 03 03 */
	.steel {padding:80px 0 100px;}
	.steel .title {margin-bottom:40px;}
	.steel .wrap {margin-bottom:80px;}
	.steel .img-box {margin-bottom:40px;}
	.steel .img-box:after {width:20px; height:20px;}
	.steel .txt-box h4 {font-size:24px; margin-bottom:20px;}
	.steel .txt-box h4 strong {font-size:26px;}
	.steel .txt-box .box {padding:20px;}
	.steel .txt-box .box li {font-size:16px; }
	.steel .txt-box .box li:before {top:3px;}
	.steel .col {margin:0 auto -20px; display:block; width:100%; max-width:440px;}
	.steel .col .row {padding:0; width:100%; margin-bottom:20px;}
	/* sub 04 02 */
	.directions {padding:80px 0 100px;}
	.directions .maps {margin-bottom:30px;}
	.directions .maps .root_daum_roughmap {height:300px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .txt-box .btns {margin-bottom:30px;}
	.directions .txt-box .btns ul li a {width:40px; height:40px;}
	.directions .txt-box dl {font-size:16px; display:block;}
	.directions .txt-box dt {max-width:none;}
	.directions .txt-box dd {width:100%;}
	
	.inquiry {padding:80px 0 100px;}
}

@media (max-width: 400px) {

	.equipment table thead th {font-size:16px;}
	.equipment table tbody {font-size:14px;}
	
}