@charset "utf-8";

@media all and (max-width:1023px) {
	#header h1 {left:2rem;}
	#header h1 img {height:2.5rem;}
	#header .headerInner {width:100%;overflow:hidden;}
	#header .gnb {margin:0;float:right;}
	#header .gnb > ul > li {padding:1.5rem 2rem 1.5rem 5rem;font-size: 2rem;}
}
@media all and (max-width:768px) {
	#header .gnb > ul > li {padding:1.5rem;font-size:1.4rem;}
}
@media all and (max-width:560px) {
	#header h1 {position: static;text-align:center;}
	#header h1 a {line-height:0;}
	#header h1 img {height:1.5rem;}
	#header .gnb {float: none;}
	#header .gnb > ul {
		text-align: center;
	}
	#header .gnb > ul > li {display: inline-block; float: none; padding:1rem .5rem;font-size:1.2rem;}
}
#container {
	min-height: 32rem;
	padding: 0 2rem 10rem;
}
#container.main {
	padding-top: 5rem;
}
.mainVisual {
	max-width:100%;
	padding:10rem 5rem;
}

.mainService {
	max-width:100%;
}
.mainService .tit {padding:1.5rem 0 1rem;font-size:1.8rem;}
.mainService .list li {
	text-align: center;
	font-size: 2.4rem;
}
.mainService .list li:before {
	top: 1.5rem;
}
.mainService .list li:after {
	width: 12rem; height: 12rem;
	background-size: cover !important;
}
@media all and (max-width:1024px) {
	.mainService .list li {
		flex: 1;
		margin: 0;
	}
	.mainService .list li:before {
		width: .4rem; height: .4rem;
		top: 1rem; left: -.2rem;
	}
	.mainService .list li:after {
		width: 8rem; height: 8rem;
	}
}
@media all and (max-width:560px) {
	#container.main {
		padding: 5rem 0 10rem;
	}
	.mainService .list li {
		font-size: 1.2rem;
	}
	.mainService .list li:before {
		width: .2rem; height: .2rem;
		top: .7rem; left: -.1rem;
	}
	.mainService .list li:after {
		width: 5rem; height: 5rem;
	}
}
.marketingWrap {
	padding: 0 0 10rem;
}
.marketingWrap .img img {
	top: auto; right: 0; left: auto; bottom: 0;
	width: 50%;
}
@media all and (max-width:1023px) {
	.subVisual img {width: 50%;}
	.marketingWrap .tit {
		font-size: 3rem;
	}
	.marketingWrap .list li {
		font-size: 2.4rem;
	}
	.marketingWrap .list li:after {
		width: 2rem; height: 2rem;
		background-size: 100% auto;
	}
}

@media all and (max-width:768px) {
	#container.sub1 {background-position: 75% 50%;}
	.marketingWrap {
		padding: 0;
	}
	.marketingWrap .img img {
		margin-top: 10rem;
		position: static;
		width: 100%;
	}
}

@media all and (max-width:560px) {
	.subVisual img {width: 60%;}
	.marketingWrap .tit {
		font-size: 2rem;
	}
	.marketingWrap .list li {
		font-size: 1.6rem;
	}
	.marketingWrap .list li:after {
		width: 1.6rem; height: 1.6rem;
	}
}

.prodWrap .list li {
	height: auto;
	margin-bottom: 2rem;
	padding: 0;
}
@media all and (max-width:1023px) {
	.prodWrap .tit {
		font-size: 3rem;
	}
	.prodWrap .list {
		display: block;
	}
	.prodWrap .list .subTit {
		width: 10rem; height: 10rem;
		font-size: 2rem;
	}
	.prodWrap .list .sub {
		font-size: 1.6rem;
	}
	.prodWrap .list li {
		width: auto;
	}
}
@media all and (max-width:560px) {
	.prodWrap .tit {
		font-size: 2rem;
	}
	.prodWrap .list {margin-top: 0;}
	.prodWrap .list .subTit {
		width: 7rem; height: 7rem;
		margin-right: 2rem;
		font-size: 1.4rem;
	}
	.prodWrap .list .sub {
		margin: 0;
		font-size: 1.2rem;
	}
}

@media all and (max-width:1023px) {
	.contactWrap {margin: 0;}
	.contactWrap .tit {
		font-size: 3rem;
	}
}
@media all and (max-width:767px) {
	.contactWrap {padding:4rem 1rem 0;}
	.contactWrap .txt {margin-bottom:4rem;font-size:1.8rem;}
}
@media all and (max-width:560px) {
	.contactWrap .tit {
		font-size: 2rem;
	}
}

.inputTable {width:100%;margin: 0;}
@media all and (max-width:1023px) {
	.inputTable {width:100%;margin: 0;}
	.inputTable colgroup {display: none;}
	.inputTable + .btnWrap {margin:2rem 0 0;text-align:center;}
	.inputTable th {display:inline-block;width:15%;padding:1rem 0;font-size:2rem;box-sizing:border-box;}
	.inputTable td {display:inline-block;width:85%;padding:1rem 0 1rem 1rem;box-sizing:border-box;}
	.inputTable td textarea {width:100%!important;}
}
@media all and (max-width:560px) {
	select,
	.inputTxt {height:3rem;font-size:1.4rem;}
	.inputTable .moSel,
	.inputTable .inputTxt {width:100%!important;}
	.inputTable .address select {width:100%!important;}
	.inputTable .phone select {width:6rem!important;}
	.inputTable .email select {width:10rem!important;}
	.inputTable .row {display:table;width:100%;}
	.inputTable .cell {display:table-cell;float:none;text-align:center;line-height:1;}
	.inputTable .cell + .cell {padding-left:.5rem;}
	.inputTable th {padding:.8rem 0;font-size:1.4rem;}
	.inputTable td {padding:.5rem 0 .5rem 1rem;font-size:1.4rem;}
}

#footer p {width:100%;box-sizing:border-box;}

.btnType1 {width:18rem;height:6rem;font-size:2.4rem;}
@media all and (max-width:560px) {
	.btnType1 {width:15rem;height:4rem;font-size:2rem;}
}