@charset "utf-8";

@media (max-width: 1600px) {

	.product-visual #slide-bt-prev a {left:30px;}
	.product-visual #slide-bt-next a {right:30px;}

}


@media (max-width: 1500px) {
	.main-company {height:auto; padding:120px 0;}
	.main-company:after {left:20px; width:500px; height:573px; background-size:500px;}
	.main-company .cell {padding-top:70px; padding-left:530px;}
	.main-company .cell .txt {margin-bottom:40px;}


	/* 제품소개 - 메인 */
	.product-visual #slide-bt-prev a {margin-top:-35px; left:20px; width:70px; height:70px;}
	.product-visual #slide-bt-next a {margin-top:-35px; right:20px; width:70px; height:70px;}
	.product-visual .text {width:1100px; margin:-165px 0 0 -550px;}
	.product-visual .text .col {max-width:600px;}
	.product-visual .text .col .title {font-size:50px;}
	.product-visual .text .col .title span {font-size:30px;}
	.product-visual .text .col .txt {font-size:25px;}
	.product-visual .text .photo {width:480px;}

}
@media (max-width: 1400px) {
	/* header */
	#prod #gnb > ul > li {padding:0 60px;}
	#gnb > ul > li {padding:0 90px;}

	/* main */
	.main-company {padding:120px 15px;}
	.main-company:after {width:400px; height:458px; background-size:400px;}
	.main-company .cell {padding-top:70px; padding-left:530px;}

	.main-business {padding:100px 15px 100px;}
	.main-business ul {margin:0 -16px;}
	.main-business ul li {margin-bottom:32px; padding:0 16px;}

	.main-customer {padding:100px 15px 100px;}
	.main-customer .main-title {margin-bottom:40px;}
	.main-customer ul {margin-left:-15px;}
	.main-customer ul li {width:calc(20% - 15px); border-top-width:6px; margin-left:15px;}
	.main-customer ul li a {padding:25px 10px;}
	.main-customer ul li .title {margin-bottom:20px;}
	.main-customer ul li .title .icon {width:60px;}
	.main-customer ul li:nth-child(4) a,
	.main-customer ul li:nth-child(5) a {padding:25px 20px;}

	/* board */
	.product-search {padding:25px 15px;}
	

}

@media (max-width: 1300px) {

	/* main */
	.main-company {padding:100px 15px;}
	.main-company .cell {padding-left:460px;}

	.sub-visual {padding-bottom:14%;}

	/* doc */
	.business-head .info {margin-left:450px;}

	.business-cnt ul {margin:0 -15px;}
	.business-cnt ul li {padding:0 15px;}
	.business-cnt ul li .thumb {margin-bottom:10px;}

	.job-top {padding:20px; margin-bottom:40px;}
	.job-top .photo {width:360px;}
	.job-top .info {margin-left:430px;}
	.job-top .info .cnt {font-size:17px; margin-bottom:20px;}
	.job-top .info dl dt {font-size:17px}
	.job-top .info dl dd {font-size:15px;}

	.welfare-top {font-size:18px; margin-bottom:60px;}
	.welfare-top .photo {width:260px;}
	.welfare-top .photo .img {padding-bottom:60%;}
	.welfare-top .info {margin-left:300px;}

	/* 제품소개 - 메인 */
	.product-visual li .img {padding-bottom:45%;}
	.product-visual #slide-bt-prev a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual #slide-bt-next a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual .text {width:1000px; margin:-165px 0 0 -500px;}
	.product-visual .text .col {max-width:450px;}
	.product-visual .text .col .title {font-size:40px;}
	.product-visual .text .col .title span {font-size:25px;}
	.product-visual .text .col .txt {font-size:20px;}
	.product-visual .text .photo {width:400px;}

	.product-title {margin-bottom:40px;}
	.product-title h2 {font-size:30px;}
	.product-title p {font-size:15px;}

	.product-menu {margin:0 auto 40px; padding:0 60px;}
	.product-menu .pro-menu-slide {margin:0 -7px;}
	.product-menu .pro-menu-slide li {padding:0 7px;}
	.product-menu .pro-menu-slide li .box .tit-box {font-size:18px; height:45px;}
	.product-menu .slick-prev {left:15px;width:30px; background-size:30px;}
	.product-menu .slick-next {right:15px;width:30px; background-size:30px;}

	.product-customer .col {padding:0 10px;}
	.product-customer .col .title {font-size:22px; margin-bottom:10px;}
	.product-customer .col .title span {font-size:18px; padding-left:5px;}
	.product-customer .customer .box {background-size:120px; background-position:20px 50%; padding-left:160px;}
	.product-customer .customer .txt {padding-left:48px}
	.product-customer .customer .tel {font-size:40px;}
	.product-customer .customer.bank .number {font-size:40px;}
	.product-customer .customer.bank p {font-size:17px;}

	.prod-title {padding-top:40px; margin-bottom:40px;}
	.prod-title h2 {font-size:35px;}

	.product-head {margin:30px auto 30px;}
	.product-head .info {height:640px;}
	.product-head .info .title-box {margin-bottom:20px; padding-top:20px;}
	.product-head .info .title {font-size:30px;}
	.product-head .info .tit {font-size:18px}
	.product-head .info .price {font-size:15px;}
	.product-head .info .price strong {font-size:18px;}
	.product-head .info .cnt {padding:20px 10px 0 10px;}
	.product-head .info .cnt:after {left:40px;}
	.product-head .info .cnt .text {height:240px; font-size:16px;}
	.product-head .photo-thumb {margin:0 -5px 25px;}
	.product-head .photo-thumb li {padding:0 5px;}
	.product-head .photo-thumb li.slick-current .thumb:after {border-width:2px;}
	.product-head .btn-wrap ul li {font-size:17px; line-height:45px; padding:0 5px; background-size:cover;}
	.product-head .btn-wrap ul li .icon {height:45px;}

}

/* Landscape tablet to portrait tablet */
@media (max-width: 1200px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}


	/* header */
	#header {display:none;}
	#m-header {display:block; position:fixed; width:100%; height:70px; background:#fff; top:0; left:0; box-shadow:3px 3px 3px rgba(0,0,0,.2); z-index:100}
	#m-header .header {position:relative;}
	#m-header .sitelogo {padding:17px 0 0 20px;}
	#m-header .sitelogo img {height:30px;}
	.top-logo {top:25px; right:90px;}

	#wrapper {padding-top:70px;}

	/* main */
	.main-company {padding:0 15px;}
	.main-company:after {width:350px; height:401px; background-size:350px;}
	.main-company .cell {padding-top:50px; padding-left:400px; padding-bottom:200px;}
	.main-company .cell .tit-wrap {background-size:150px;padding:40px 0 20px;}
	.main-company .cell .tit-wrap p {font-size:20px;}
	.main-company .cell .tit-wrap .tit {font-size:40px;}
	.main-company .cell .txt {font-size:20px; margin-bottom:30px;}
	
	.main-title {margin-bottom:30px;}
	.main-title h2 {font-size:35px;}
	.main-title p {font-size:18px;}

	.main-business {padding:80px 15px 80px;}
	.main-business ul {margin:0 -10px;}
	.main-business ul li {margin-bottom:20px; padding:0 10px;}
	.main-business ul li .tit {font-size:25px;}

	.main-customer {padding:80px 15px 80px}
	.main-customer .main-title {margin-bottom:30px;}
	.main-customer ul {margin-left:-10px; flex-wrap:wrap; margin-bottom:-10px ;}
	.main-customer ul li {width:calc(33.333333% - 10px); border-top-width:5px; margin-left:10px; margin-bottom:10px;}
	.main-customer ul li:nth-child(4),
	.main-customer ul li:nth-child(5) {width:calc(50% - 10px)}


	
	/* sub page */
	.sub-visual {padding-bottom:16%;}
	.sub-visual .cell {margin-top:-33px;}
	.sub-visual .cell .tit {font-size:40px;}
	
	.real-cont {padding:0 15px 60px;}
	
	.sub-title {padding:20px 0; margin-bottom:50px;}
	.sub-title h2 {font-size:30px;}

	.menu-depth li {width:200px; height:50px; font-size:18px; line-height:50px;}
	.menu-depth li a {border-width:3px;}
	
	
	/* footer */
	#footer {padding:30px 0;}
	.foot-logo {padding-right:15px;}
	.foot-info {padding-left:15px;}
	.go-top {bottom:30px; right:20px;}
	.go-top img {height:40px;}
	
	/* doc */

	.business-head {padding:0 40px 30px; min-height:350px; margin:110px 0 50px; position:relative;}
	.business-head:after {height:50px;}
	.business-head .photo {top:-30px; left:30px;}
	.business-head .info {margin-left:390px; padding:40px 0 40px;}

	.business-cnt ul {margin:0 -10px;}
	.business-cnt ul li {padding:0 10px;}

	.sub-img {margin-bottom:40px;}

	.doc-title {font-size:25px; background-size:25px;padding-left:30px; margin-bottom:20px;}

	.job-top .photo {width:360px;}
	.job-top .info {margin-left:400px;}
	.job-top .info dl dd:after {top:9px;}

	.welfare-top {font-size:16px; margin-bottom:40px;}
	.welfare-top .info {margin-left:280px;}

	.welfare-title {margin-bottom:40px;}
	.welfare-title .title {font-size:20px;}
	.welfare-title p {font-size:17px; padding-top:10px;}

	.welfare-cnt ul {margin:0 -10px;}
	.welfare-cnt ul li {padding:0 10px; margin-bottom:20px;}
	.welfare-cnt ul li .info {height:170px; padding:20px 15px 0; font-size:17px;}
	.welfare-cnt ul li .info .tit {font-size:18px; margin-bottom:15px;} 

		
	
	/* board */

	/* 문의 */
	.mailform table tbody th {padding:7px 10px; font-size:15px;}
	.mailform table tbody td {padding:7px 10px; font-size:15px;}
	.mailform .txt {padding-left:10px;}
	.mailform .email ul:after{content:"";display:block;clear:both;}
	.mailform .email ul li {float:left; padding-right:5px;}
	.form-agree.type2 {margin:30px 0 0;}
	.form-agree {margin-bottom:20px;}
	.form-agree .btn {font-size:15px;}
	.form-agree dt {font-size:18px; background-size:20px; background-position:0 5px; padding-left:25px;}
	.form-agree .scroll-box {height:180px; font-size:14px;}

	.form-txt.type2 {margin-bottom:20px;}
	.form-txt {background-position:30px 50%; background-size:30px; padding:20px 0 20px 90px; font-size:18px; line-height:25px;}

	/* 제품소개 - 메인 */
	.product-visual li .img {padding-bottom:50%;}
	.product-visual #slide-bt-prev a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual #slide-bt-next a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual .text {width:900px; margin:-138px 0 0 -450px;}

	.product-search {padding:20px 15px; margin-bottom:40px;}
	.product-search .search .input {height:40px; width:350px; line-height:38px;}
	.product-search .search button {width:50px; height:40px; line-height:38px;}

	.product-customer {padding:30px 0;}
	.product-customer .customer {height:180px;}
	.product-customer .customer .title {margin-bottom:5px;}
	.product-customer .customer .box {background-size:80px; background-position:15px 50%; padding-left:110px;}
	.product-customer .customer .txt {background-size:30px; background-position:0 4px;padding-left:38px; margin-bottom:0;}
	.product-customer .customer .txt li {font-size:15px;}
	.product-customer .customer .tel {font-size:35px;}
	.product-customer .customer.bank .number {font-size:35px; margin-bottom:5px;}
	.product-customer .customer.bank p {font-size:16px;}
	.product-customer .customer.bank p strong {padding-right:5px;}

	.prod-title {padding-top:30px; margin-bottom:30px;}
	.prod-title h2 {font-size:30px;}

	.product-list ul {margin:0 -20px;}
	.product-list ul li {padding:0 20px;}
	.product-list ul li .tit {font-size:17px;}
	.product-list ul li .price {font-size:17px;}

	.product-head .info {padding:0 20px;}
	.product-head .info .title {font-size:25px;}
	.product-head .info .tit {font-size:17px}
	.product-head .info .price {font-size:15px;}
	.product-head .info .price strong {font-size:18px;}
	.product-head .info .cnt:after {left:30px;}
	.product-head .info .cnt .text {height:210px; font-size:15px;}
	.product-head .photo-thumb {margin:0 -5px 15px;}
	.product-head .btn-wrap ul li {font-size:16px;}

	.product-tit {margin-bottom:25px;}
	.product-tit h2 {font-size:20px; background-position:0 7px;padding:0 0 5px 30px; background-size:20px;}
	.product-tit h2:after {bottom:-2px; height:2px;}

	

}

@media (max-width: 1024px) {
	
	/* main */
	.main-visual .cell {display:none;}

	.main-company:after {width:300px; height:344px; background-size:300px;}
	.main-company .cell {padding-left:300px;}
	.main-company .cell .tit-wrap {background-size:120px;padding:40px 0 20px;}
	.main-company .cell .tit-wrap p {font-size:18px;}
	.main-company .cell .tit-wrap .tit {font-size:30px;}
	.main-company .cell .txt {font-size:18px; margin-bottom:20px;}

	.main-title {margin-bottom:20px;}
	.main-title h2 {font-size:30px;}
	.main-title p {font-size:17px;}

	.main-business {padding:50px 15px 50px;}
	.main-business ul li .tit {bottom:15px; left:15px; font-size:20px;}

	.main-customer {padding:50px 15px 50px}
	.main-customer .main-title {margin-bottom:20px;}
	.main-customer ul li a {padding:22px 10px;}
	.main-customer ul li .title {margin-bottom:15px;}
	.main-customer ul li .title .tit {font-size:18px;}
	.main-customer ul li:nth-child(4) a,
	.main-customer ul li:nth-child(5) a {padding:22px 20px;}
	
	#footer {padding:20px 0;font-size:13px;}
	.foot-logo {padding-right:15px; height:30px;}
	.foot-logo img {height:25px;}
	.foot-info {padding-left:15px;}
	.go-top {bottom:20px; right:10px;}

	/* sub */
	.sub-visual {padding-bottom:20%;}
	.sub-visual .cell {margin-top:-26px;}
	.sub-visual .cell .tit {font-size:30px;}
	.sub-visual .cell .tit:after {margin-left:-15px; width:30px;}

	.lnb-menu .home {width:100px; height:50px; font-size:14px; line-height:50px;}
	.lnb-menu .home span {height:50px;}
	.lnb-menu .submenu {height:50px;}
	.lnb-menu .submenu > a {line-height:50px;}
	.lnb-menu .submenu ul {top:51px;}

	.sub-title {margin-bottom:20px;}
	.sub-title h2 {font-size:20px;}

	.menu-depth li {width:180px; height:45px; font-size:17px; line-height:45px;}
	.menu-depth li a {border-width:2px;}

	/* doc */
	.greeting {padding-top:20px;}
	.greeting .col {float:none; width:100%; padding:0; font-size:15px;}
	.greeting .col:first-child {width:100%}
	.greeting .col .br br {display:none;}

	.overview-top {margin:50px 0; padding:40px 0; font-size:20px;}
	.overview-top .tit {top:-30px; font-size:35px;}
	
	.overview-cnt .row {margin-bottom:70px;font-size:18px;}
	.overview-cnt .row .tit {position:absolute; top:-25px; left:0;z-index:10}
	.overview-cnt .row .tit .img {width:200px; height:144px; background-size:200px;}
	.overview-cnt .row .box {margin-left:80px;  height:140px; padding:30px 0 0 150px;}

    .history { width: 68%;}
	.history-top {height:100px; background-size:300px; font-size:30px; padding:25px 250px 0 0;}
	.history .row {padding:20px 0 30px;}
	.history .row:before {left:230px; width:4px; height:60px;}
	.history .year {width:230px; font-size:30px;}
	.history .info {margin-left:300px;}
    .hst-img { padding-left: 30px; width: 32%;}
    .hst-box .year { font-size: 30px; margin-bottom: 8px;}
    .hst-imglist { gap: 14px;}
    .hst-imglist li { width: calc(100%/2 - 7px);}
    .hst-imglist li .txt { font-size: 13px; margin-top: 8px;}

	.qualifi {font-size:20px;}

	.table01 table thead th {padding:10px 10px;font-size:16px;}
	.table01 table tbody th {padding:10px 10px;}
	.table01 table tbody td {padding:10px 10px;font-size:16px;}
	.table01.type2 table tbody th {font-size:16px;}

	.kakao-map {height:450px !important;}
	.kakao-map .wrap_map {height:450px !important;}

	.map-info {background-position:20px 0; background-size:80px; padding:0 0 0 120px; margin-top:30px;}
	.map-info .txt {font-size:17px}
	.map-info .blue {font-size:18px;}
	.map-info .addr {font-size:18px;}
	.map-info .addr .bar {margin:0 10px}

	.business-head {padding:0 30px 30px; margin:90px 0 40px;}
	.business-head .photo {left:20px;}
	.business-head .info {margin-left:340px; padding:40px 0 40px;}

	.business-cnt ul {margin:0 -5px;}
	.business-cnt ul li {padding:0 5px;}

	.sub-img {margin-bottom:30px;}

	.doc-title {font-size:22px; background-size:20px; background-position:0 8px;padding-left:25px; margin-bottom:15px;}

	.welfare-cnt ul {margin:0 -5px;}
	.welfare-cnt ul li {width:33.333%; padding:0 5px; margin-bottom:10px;}
	.welfare-cnt ul li .info {height:140px; padding:10px 15px 0; font-size:14px;}
	.welfare-cnt ul li .info .tit {font-size:16px; margin-bottom:15px;} 
	.welfare-cnt ul li:nth-child(4n+1) {clear:none;} 
	.welfare-cnt ul li:nth-child(3n+1) {clear:left;} 

    .news-list .thumb {width:200px; margin-right: 20px;}
	.news-list .tit {font-size:17px;}
    .news-list ul li { padding: 20px 0;}

    .raw-list li { padding: 20px 15px;}
    .raw-list li .tit { font-size: 14px; padding-left: 10px;}
    .raw-list li .tit::before { width: 4px; height: 4px; top: 6px;}
    .raw-list li a { font-size: 14px;  width: 100px; height: 33px;}
    .raw-list li a::after { width: 10px; height: 14px; background-size: contain;}


	/* board */
	/* 인증서 */
	.cert-list ul {margin:0 -10px;}
	.cert-list ul li {width:33.333%; padding:0 10px; margin-bottom:30px;}
	.cert-list ul li:nth-child(4n+1) {clear:none;}
	.cert-list ul li:nth-child(3n+1) {clear:left;}
	.cert-list ul li .tit {font-size:15px;}

	/* 제품소개 - 메인 */
	.product-visual #slide-bt-prev a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual #slide-bt-next a {margin-top:-30px; width:60px; height:60px; background-size:18px;}
	.product-visual .text {width:800px; margin:-120px 0 0 -400px;}
	.product-visual .text .col {max-width:400px;}
	.product-visual .text .photo {width:350px;}

	.product-title {margin-bottom:30px;}
	.product-title h2 {font-size:25px;}

	.prod-title {padding-top:25px; margin-bottom:25px;}
	.prod-title h2 {font-size:25px;}

	.product-list ul {margin:0 -10px;}
	.product-list ul li {width:33.333%; padding:0 10px; margin-bottom:20px;}
	.product-list ul li:nth-child(4n+1) {clear:none;}
	.product-list ul li:nth-child(3n+1) {clear:left;}
	.product-list ul li .tit {font-size:16px;}
	.product-list ul li .price {font-size:16px;}

	.product-head {margin:20px auto 20px;}
	.product-head .photo {float:none; width:100%; margin-bottom:20px;}
	.product-head .info {float:none; width:100%; height:auto; border-left:0; border-top:1px solid #ddd; padding:20px 10px 20px;}
	.product-head .info .title-box {margin-bottom:10px; padding-top:10px;}
	.product-head .info .title {font-size:25px;}
	.product-head .info .price strong {font-size:17px;}
	.product-head .info .cnt:after {left:20px;}
	.product-head .info .cnt .text {height:auto; font-size:15px; margin-bottom:20px; overflow:hidden;}
	.product-head .thumb-wrap {position:relative; bottom:0; right:0; width:100%; padding:0 50px; margin-top:10px;}
	.product-head .photo-thumb {margin:0 -5px 10px;}
	.product-head .btn-wrap {position:relative; bottom:0; right:0; width:100%; padding:0 50px;}
	.product-head .btn-wrap ul li {font-size:17px;}

	.product-detail {margin-bottom:30px;}

	.board-search.type2 {padding:30px 0;}
	.board-search.type2 .search .input {min-width:400px}

	.per-table table {font-size:15px;}
	.per-table table thead th {padding:7px; font-size:16px;}

}

@media (max-width: 980px) {

	.business-head {padding:0 30px 30px; margin:80px 0 50px;}
	.business-head .photo {top:-30px; left:20px;}
	.business-head .info {margin-left:250px; padding:40px 0 40px;}

	.menu-depth2 {text-align:left; margin:0 0 20px;}
	.menu-depth2:after {content:"";display:block;clear:both;}
	.menu-depth2 li {float:left; width:33.333%; font-size:15px;}
	.menu-depth2 li:after {top:8px;width:4px; height:4px; background:#666; border-radius:50%;}
	.menu-depth2 li:first-child:after {display:block;}
	.menu-depth2 li:nth-child(3n+1) {clear:left;}

	/* 제품소개 - 메인 */
	.product-visual #slide-bt-prev a {margin-top:-25px; width:50px; height:50px; background-size:15px;}
	.product-visual #slide-bt-next a {margin-top:-25px; width:50px; height:50px; background-size:15px;}
	.product-visual .text {width:600px; margin:-120px 0 0 -300px;}
	.product-visual .text .col {max-width:300px;}
	.product-visual .text .photo {width:270px;}

	.product-menu {margin:0 auto 30px; padding:0 50px;}
	.product-menu .pro-menu-slide {margin:0 -5px;}
	.product-menu .pro-menu-slide li {padding:0 5px;}
	.product-menu .pro-menu-slide li .box .tit-box {font-size:17px;}
	.product-menu .slick-prev {width:25px; background-size:25px;}
	.product-menu .slick-next {width:25px; background-size:25px;}

	.product-customer {padding:20px 0;}
	.product-customer .customer {height:140px;}
	.product-customer .customer .title {margin-bottom:5px;}
	.product-customer .customer .box {background-size:50px; background-position:10px 50%; padding-left:70px;}
	.product-customer .customer .txt {background-size:25px; background-position:0 7px;padding-left:30px;}
	.product-customer .customer .txt li {font-size:15px;}
	.product-customer .customer .tel {font-size:30px;}
	.product-customer .customer.bank .number {font-size:30px;}
	.product-customer .customer.bank p {font-size:15px;}

	.job-top .photo {float:none; width:100%; margin-bottom:10px;}
	.job-top .info {margin-left:0}

	.mailform #countersignature,
	.mailform #file {width:100% !important;}

}
/* Landscape phone */
@media (max-width: 767px) {

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}

	body,input,textarea,select,button,table {font-size:15px;}
	
	/* header */
	#m-header {height:60px;}	
	#m-header .sitelogo {padding:22px 0 0 15px;}
	#m-header .sitelogo img {height:21px;}
	.top-logo {right:70px;}
	.top-logo img {height:15px;}
	.open-nav {width:60px; height:60px; background-size:36px;}
	.nav .wrap {top:60px;}
	
	#wrapper {padding-top:60px;}

	/* main */

	.main-company:after {width:200px; height:229px; background-size:200px;}
	.main-company .cell {padding-top:20px; padding-left:0; padding-bottom:200px;}
	.main-company .cell .tit-wrap {background-size:60px;padding:0 0 15px;}
	.main-company .cell .tit-wrap p {font-size:17px;}
	.main-company .cell .tit-wrap .tit {font-size:20px;}
	.main-company .cell .txt {font-size:15px; margin-bottom:20px;}

	.main-title {margin-bottom:20px;}
	.main-title h2 {font-size:25px;}
	.main-title p {font-size:15px;}

	.main-business {padding:30px 15px 30px;}
	.main-business ul {margin:0 -5px;}
	.main-business ul li {margin-bottom:10px; padding:0 5px;}
	.main-business ul li .tit {font-size:18px;}

	.main-customer {padding:30px 15px 30px}
	.main-customer .main-title {margin-bottom:20px;}
	.main-customer ul {margin-left:0;}
	.main-customer ul li {width:100%; border-top-width:4px; margin-left:0;}
	.main-customer ul li:nth-child(4) {width:100%}
	.main-customer ul li:nth-child(5) {width:100%} 
	.main-customer ul li a {padding:20px 10px;}
	.main-customer ul li .title {margin-bottom:10px;}
	.main-customer ul li .title .icon {width:50px;}
	.main-customer ul li .title .tit {font-size:16px;}
	.main-customer ul li:nth-child(4) a,
	.main-customer ul li:nth-child(5) a {padding:20px 20px;}
	
	

	/* sub page */
	.sub-visual {padding-bottom:30%;}
	.sub-visual .cell {margin-top:-22px;}
	.sub-visual .cell .tit {font-size:25px;}
	
	.real-cont {padding:0 15px 30px;}
	.go-top {display:none !important}
	
	.sub-title {padding:15px 0;}
	.sub-title h2 {font-size:18px;}
	
	.menu-depth {margin:0 0 20px;}
	.menu-depth li {width:auto; height:40px; font-size:16px; line-height:40px;}
	.menu-depth li a {border-width:2px; padding:0 10px;}

	.lnb-menu {border-bottom:0; height:auto;}
	.lnb-menu .home {display:none}
	.lnb-menu .submenu {float:none; width:100%; height:45px;}
	.lnb-menu .submenu:before {top:auto; bottom:0; right:0; width:100%; height:1px;}
	.lnb-menu .submenu > a {font-size:14px; line-height:45px; padding-left:20px;}
	.lnb-menu .submenu ul {top:46px;}
	.lnb-menu .submenu ul li a {padding:10px 0 10px 20px; font-size:14px;}
	
	
	.m-menu-depth {display:block; position:relative; margin:0 0 30px; font-size:14px; font-weight:500; line-height:40px; letter-spacing:-.03em;}
	.m-menu-depth li {width:auto; position:relative;}
	.m-menu-depth li:after {content:"";position:absolute; top:50%; margin-top:-7px; left:0; width:1px; height:14px; background:#ddd;}
	.m-menu-depth li:first-child:after {display:none;}
	.m-menu-depth li a {display:block;padding:0 11px; color:#000;}
	.m-menu-depth li.active a {color:#106ac7;}

	.menu-depth2 li {width:50%; font-size:14px; letter-spacing:-.30px;}
	.menu-depth2 li:after {top:8px;width:4px; height:4px; background:#666; border-radius:50%;}
	.menu-depth2 li:nth-child(3n+1) {clear:none;}
	.menu-depth2 li:nth-child(2n+1) {clear:left;}


	/* footer */
	#footer {padding:20px 15px;font-size:13px;}
	.foot-logo {padding-right:0; display:block; text-align:center; height:auto; margin-bottom:10px; border-right:0}
	.foot-logo img {height:20px;}
	.foot-info {display:block; text-align:center; padding-left:0;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block;}
	#footer .br .bar {padding:0}
	.foot-logo img {height:25px;}

	/* doc */
	.overview-top {margin:40px 0 30px; padding:25px 15px 20px; font-size:16px;}
	.overview-top .tit {top:-20px; font-size:25px;}
	.overview-top .tit:after {margin-left:-90px; width:180px; height:40px;}

	.overview-cnt .row {margin-bottom:40px;font-size:15px;}
	.overview-cnt .row .tit {top:-20px; left:-5px;}
	.overview-cnt .row .tit .img {width:120px; height:86px; background-size:120px;}
	.overview-cnt .row .box {margin-left:0; height:100px; padding:30px 20px 0 140px; box-shadow:0 5px 0 0 rgba(0,0,0,.05)}

	.history-top {height:80px; background-size:180px; font-size:18px; text-align:left; padding:35px 100px 0 0;}
	.history .row {padding:15px 0 15px;}
	.history .row:before {left:120px; width:3px; height:40px;}
	.history .year {float:none; width:100%; font-size:18px;}
	.history .info {margin-left:0;}
	.history .info li {margin-bottom:5px; font-size:14px; padding-left:75px;}
	.history .info li .day {font-size:15px;}
    .hst-wrap { display: block; }
    .history { width: 100%;}
    .hst-box .year { font-size: 18px; }
    .hst-box { margin-bottom: 20px;}
    .hst-img { width: 100%; padding-left: 0;}
    .hst-imglist { gap: 12px;}
    .hst-imglist li { width: calc(100%/3 - 8px);}

	.qualifi {font-size:18px; margin-bottom:15px;}
	.qualifi span {font-size:15px;}

	.table01 table thead th {padding:7px;font-size:15px;}
	.table01 table tbody th {padding:7px;}
	.table01 table tbody td {padding:7px;font-size:15px;}
	.table01.type2 table tbody th {font-size:15px;}

	.kakao-map {height:250px !important;}
	.kakao-map .wrap_map {height:250px !important;}

	.map-info {background-position:0 0; background-size:50px; padding:0 0 0 60px; margin-top:20px;}
	.map-info .txt {font-size:15px}
	.map-info .blue {font-size:16px; margin-left:-60px;}
	.map-info .addr {font-size:16px;  margin-left:-60px;}
	.map-info .addr .bar {margin:0; width:0; height:0; display:block;}

	.business-head {padding:0 20px 20px; margin:50px 0 30px;}
	.business-head:after {height:40px;}
	.business-head .photo {position:relative; top:-20px; left:0; width:100%;}
	.business-head .info {margin-left:0; margin-top:-20px; padding:0 0 20px; font-size:16px;}
	.business-head .info:after {display:none;}
	.business-head .tel-wrap {text-align:left; font-size:18px;}
	.business-head .tel-wrap .tit { padding-right:10px;}
	.business-head .tel-wrap .tel {background-size:25px; padding-left:30px; letter-spacing:-.30px;}
	.business-head .tel-wrap p {padding-top:10px;}
	.business-head .tel-wrap .btn {font-size:16px; line-height:38px; height:40px;}
	.business-head .tel-wrap .btn .arrow {margin-right:8px;top:-3px;}
	.business-head ul {padding:10px 0 0;}
	.business-head ul li {font-size:16px; padding-left:12px;}

	.business-cnt ul li {width:50%; margin-bottom:10px; font-size:15px;}
	.business-cnt ul li:nth-child(4n+1) {clear:none;}
	.business-cnt ul li:nth-child(2n+1) {clear:left;}

	.sub-img {margin-bottom:25px;}

	.doc-title {font-size:18px; background-size:18px; background-position:0 6px;padding-left:22px; margin-bottom:10px;}

	.job-top .info .cnt {font-size:15px; margin-bottom:15px;}
	.job-top .info dl dt {font-size:15px;}
	.job-top .info dl dd {font-size:14px;}

	.welfare-top {font-size:15px; margin-bottom:25px;}
	.welfare-top .photo {float:none; width:100%;}
	.welfare-top .photo .img {padding-bottom:40.9%;}
	.welfare-top .info {margin-left:0; height:auto; padding:15px; text-align:center;}

	.welfare-title {margin-bottom:25px;}
	.welfare-title .title {font-size:18px;}
	.welfare-title p {font-size:15px;}

	.welfare-cnt ul li {width:50%;}
	.welfare-cnt ul li .img {padding-bottom:70%; }
	.welfare-cnt ul li .info {height:140px; padding:10px 5px 0;}
	.welfare-cnt ul li .info .tit {margin-bottom:5px;} 
	.welfare-cnt ul li:nth-child(3n+1) {clear:none;} 
	.welfare-cnt ul li:nth-child(2n+1) {clear:left;} 

	/* board */

	/* 리스트 */
	.per-table {display:none;}
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #ddd; font-size:1em; letter-spacing:-.25px; padding:10px 10px}
	.m-board-list li:first-child {border-top:0;}
	.m-board-list li a {display:block;}
	.m-board-list li strong {font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:.9em; line-height:1.4em; color:#888;}
	.m-board-list li .bar {display:inline-block; width:1px; height:10px; vertical-align:middle; background:#ddd; margin:0 6px;}
	.m-board-list .bt-down {display:inline-block;zoom:1;*display:inline;vertical-align:top;width:85px; height:27px; border-radius:2px; text-align:center; font-size:14px; line-height:27px; color:#fff}
	.m-board-list .bt-down.p1 {background:#748dda}
	.m-board-list .bt-down.p2 {background:#9889df}
	.m-board-list .bt-down.p3 {background:#74ace9}


	/* 검색 */
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:center;}
	.board-search .search .select {width:70px;}
	.board-search .search .input {width:120px;}
	.board-search .search .btn {padding:0 17px;}
	.board-search.type2 {padding:20px 0;}
	.board-search.type2 .search .input {min-width:200px}
	
	.board-write .files_table input[type=file]{margin-right:10px; width:100% !important; margin-bottom:5px;}
	.board-write .btn-pack.medium {height:25px; line-height:23px;}

	.btn-pack.submit {width:110px;height:40px; font-size:15px;}
	.btn-pack.submit2 {width:100px;height:40px;font-size:15px;}
	.btn-pack.cancel {width:100px;height:40px;font-size:15px;}

	.buttons {margin:20px auto;}
	

	/* 인증서 */
	.cert-list ul {margin:0 -5px;}
	.cert-list ul li {width:50%; padding:0 5px; margin-bottom:20px;}
	.cert-list ul li:nth-child(3n+1) {clear:none;}
	.cert-list ul li:nth-child(2n+1) {clear:left;}
	.cert-list ul li .tit {font-size:14px;}
	
	.mailform table tbody th {padding:5px 3px; font-size:14px;}
	.mailform table tbody td {padding:5px 3px; font-size:14px;}
	.mailform .txt {padding-left:10px;}
	.mailform .email ul:after{content:"";display:block;clear:both;}
	.mailform .email ul li {float:left; padding-right:5px;}
	.form-agree.type2 {margin:30px 0 0;}
	.form-agree {margin-bottom:20px;}
	.form-agree .btn {position:relative; top:0;font-size:13px;}
	.form-agree dt {font-size:15px; background-size:15px; background-position:0 5px; padding-left:20px; letter-spacing:-1px;}
	.form-agree .scroll-box {height:100px; padding:10px;}

	.mailform #phone_1,
	.mailform #phone_2,
	.mailform #phone_3 {width:60px !important;}
	.mailform #mobile_1,
	.mailform #mobile_2,
	.mailform #mobile_3 {width:60px !important;}
	.mailform #memo {height:100px !important}
	.mailform #countersignature {width:100% !important}

	.input {padding:5px 5px;}


	.form-txt {background-position:20px 50%; background-size:30px; padding:10px 0 10px 70px; font-size:15px; line-height:22px;}
	
	/* 제품소개 - 메인 */
	.product-visual li .img {padding-bottom:100%;}
	.product-visual #slide-bt-prev a {left:10px; margin-top:-20px; width:40px; height:40px; background-size:15px;}
	.product-visual #slide-bt-next a {right:10px; margin-top:-20px; width:40px; height:40px; background-size:15px;}
	.product-visual .text {width:100%; left:0; margin:-140px 0 0 0; padding:0 10px;}
	.product-visual .text .col {float:none; max-width:100%; text-align:center; margin-bottom:10px;}
	.product-visual .text .col .title {font-size:20px;}
	.product-visual .text .col .title span {font-size:18px;}
	.product-visual .text .col .txt {font-size:15px;}
	.product-visual .text .photo {float:none; width:65%; margin:0 auto;}
	.product-visual .bx-wrapper .bx-controls {bottom:0;}
	.product-visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px;}

	
	.product-search {padding:15px 15px; margin-bottom:20px;}
	.product-search .search .input {height:35px; width:250px; line-height:33px; font-size:15px;}
	.product-search .search button {height:35px; line-height:33px;  font-size:15px;}

	.product-title {margin-bottom:20px;}
	.product-title h2 {font-size:20px;}

	.product-menu {margin:0 auto 20px; padding:0 40px;}
	.product-menu .pro-menu-slide li .box .tit-box {font-size:14px;}
	.product-menu .slick-prev {left:10px; width:15px; background-size:15px;}
	.product-menu .slick-next {right:10px; width:15px; background-size:15px;}

	.product-customer .col {float:none; width:100%; padding:0 5px; margin-bottom:5px;}
	.product-customer .col .box {background-size:40px; padding-left:60px;}
	.product-customer .col .title {font-size:16px;}
	.product-customer .col .title span {font-size:14px;}
	.product-customer .customer {height:130px;}
	.product-customer .customer .txt {background:none; padding-left:0;}
	.product-customer .customer .txt li {font-size:14px; letter-spacing:-1px; }
	.product-customer .customer .tel {font-size:18px;}
	.product-customer .customer.bank {background-image:url('../images/product/bg_bank.jpg');}
	.product-customer .customer.bank .box {background-image:url('../images/product/icon_bank.png');}
	.product-customer .customer.bank .number {font-size:18px; line-height:1.2em; font-weight:700; color:#18a7ea}
	.product-customer .customer.bank p {font-size:14px; line-height:1.4em; color:#555}
	.product-customer .customer.bank p strong {color:#000; padding-right:10px;}

	.prod-title {padding-top:20px; margin-bottom:20px;}
	.prod-title h2 {font-size:20px;}

	.product-list ul {margin:0;}
	.product-list ul li {width:50%; padding:0 5px; margin-bottom:15px;}
	.product-list ul li:nth-child(3n+1) {clear:none;}
	.product-list ul li:nth-child(2n+1) {clear:left;}
	.product-list ul li .tit {font-size:15px;}
	.product-list ul li .price {font-size:15px;}

	.product-head .photo {margin-bottom:20px;}
	.product-head .info {padding:10px 10px 20px;}
	.product-head .info .title {font-size:18px;}
	.product-head .info .price strong {font-size:15px;}
	.product-head .info .cnt .text {margin-bottom:15px;}
	.product-head .btn-wrap {padding:0;}
	.product-head .btn-wrap ul {margin:0 -2px;}
	.product-head .btn-wrap ul li {font-size:14px; line-height:40px; padding:0 2px;}
	.product-head .btn-wrap ul li .icon {display:none;}

	.product-tit {margin-bottom:20px;}
	.product-tit h2 {font-size:18px; padding:0 0 5px 25px; background-size:17px;}
	.product-tit h2:after {bottom:-2px; height:2px;}
	

	.product-detail {margin-bottom:20px;}

	
	.news-list ul li {padding:17px 0;}
	.news-list .thumb {width:38%; margin-right:14px;}
	.news-list .tit {font-size:15px; max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	

}	

/* Landscape phones and down */
@media (max-width: 480px) {
	
	/* main */
	.main-visual .cell {margin:-80px 0 0 -130px; padding-top:10px; text-align:center; width:280px; height:160px;}
	.main-visual .cell:after {height:80px; border-width:3px;}
	.main-visual .cell:before {height:80px; border-width:3px;}
	.main-visual .cell .tit {font-size:17px; margin-bottom:5px;}
	.main-visual .cell .tit strong {font-size:22px;}
	.main-visual .cell p {font-size:13px;}

	
	.main-title {margin-bottom:15px;}
	.main-title h2 {font-size:20px;}

	.main-business ul {margin:0 -2px;}
	.main-business ul li {margin-bottom:4px; padding:0 2px;}
	.main-business ul li .tit {left:0; bottom:10px;font-size:14px; padding:0 10px;}

	.menu-depth li {height:35px; font-size:15px; line-height:35px; letter-spacing:-1px;}
	.menu-depth li a {padding:0 10px;}

	.overview-cnt .row {margin-bottom:30px;}
	.overview-cnt .row .tit .img {width:100px; background-size:100px;}
	.overview-cnt .row .box {height:auto; padding:20px 20px 20px 110px;}

    .hst-imglist li { width: calc(100%/2 - 6px);}
    .hst-imglist li img { width: 100%;}
	

} 

@media (max-width: 360px) {
	
	.menu-depth li {font-size:14px;}
	.menu-depth li a {padding:0 7px;}
	

}  

@media (max-width: 320px) {
	.menu-depth li {font-size:14px;}
	.menu-depth li a {padding:0 5px;}

	.overview-cnt .row {margin-bottom:25px;}
	.overview-cnt .row .tit {top:-20px; left:-8px;}
	.overview-cnt .row .box {height:auto; padding:15px 15px 15px 100px;}
}