/* --------------------------------------------
 * max-width: 1440px
/* ------------------------------------------ */
@media (max-width: 1440px) {
.portfolio .inner,
.business .inner,
.partners .inner {
	width: 100%;
	padding: 0 40px;
}
}

/* --------------------------------------------
 * max-width: 1200px
/* ------------------------------------------ */
@media (max-width: 1200px) {
#header .hLeft,
#header .hRight {
	display: none;
}
#header .hTop {
	padding: 0;
}
#header .hTop .gnb h1 {
	left: 30px;
}
#container,
#footer {
	margin: 0;
}
}

/* --------------------------------------------
 * max-width: 1070px
/* ------------------------------------------ */
@media (max-width: 1070px) {
.business .box {
	width: 50%;
}
.business ul .box.row_line1 .inBox,
.business ul .box.row_line2 .inBox {
	height: 309px;
}
.partners li {
	width: 25%;
}
.pf_list li a {
	height: 366px;
}
.pf_list li a .photo p {
	height: 240px;
}
.pf_list li a .infoWrap {
	padding: 28px 16px 0;
}
.pf_list li a .infoWrap .tit {
	font-size: 16px;
	line-height: 20px;
	max-width: 100%;
}
}

/* --------------------------------------------
 * max-width: 990px
/* ------------------------------------------ */
@media (max-width: 990px) {
.about .inner {
	width: 100%;
	padding: 0 60px;
}
.pf_list li a {
	height: 346px;
}
.pf_list li a .photo p {
	height: 220px;
}
}

/* --------------------------------------------
 * max-width: 960px
/* ------------------------------------------ */
@media (max-width: 960px) {
.layerPopup .bg_mask {
	display: none;
}
.layerView .layerBody {
	width: 100%;
	left: 0; right: 0;
	margin-left: 0 !important;
}
.layerView .layerBody .fixTop {
	width: 100%;
	left: 0; right: 0;
	margin-left: 0 !important;
}
.layerView .layerBody .contPop img {
	max-width: 100%;
}
}


/* --------------------------------------------
 * max-width: 768px
/* ------------------------------------------ */
@media (max-width: 768px) {
#header .gnbMenu li a {
	padding: 0 25px;
	font-size: 16px;
	letter-spacing: 0.2em;
}
.txtWrap {
	margin-left: -260px;
}
.txtWrap .inner {
	width: 520px;
}
.txtWrap p {
	font-size: 46px;
	line-height: 58px;
	letter-spacing: -5px;
}
.txtWrap:before, .txtWrap:after {
	width: 44px; height: 220px;
	margin-top: -110px;
	-webkit-background-size: auto 220px;
	-moz-background-size: auto 220px;
	-o-background-size: auto 220px;
	background-size: auto 220px;
}
.txtWrap:before {
	margin-left: -52px;
}
.txtWrap:after {
	margin-right: -52px;
}
.pf_list li {
	width: 33.333333%;
}
.pf_list li a {
	height: 350px;
}
.pf_list li a .photo p {
	height: 224px;
}
.pf_list li a .infoWrap .tit {
	font-size: 15px;
	line-height: 19px;
}
.request .inner {
	width: 700px;
}
}

/* --------------------------------------------
 * max-width: 630px
/* ------------------------------------------ */
@media (max-width: 630px) {
.checksWrap_st1 label,
.checksWrap_st1 label:hover {
	background: url("/_img/check2_off.png") 0 0 no-repeat #3b3e41;
	-webkit-background-size: 22px 22px;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	background-size: 22px 22px;
	font-size: 13px;
	padding: 0 0 0 30px;
}
.checksWrap_st1 label.on {
	background: url("/_img/check2_on.png") 0 0 no-repeat #3b3e41;
	-webkit-background-size: 22px 22px;
	-moz-background-size: 22px 22px;
	-o-background-size: 22px 22px;
	background-size: 22px 22px;
}


.checksWrap_st2 label,
.checksWrap_st2 label:hover,
.checksWrap_st2 label:focus,
.checksWrap_st2 label:active {
	background: url("/_img/input_icon2.png") 0 -54px no-repeat #34373a;
	height: 54px; line-height: 54px;
	font-size: 13px;
	color: #797a7c;
	padding: 0 0 0 68px;
	-webkit-background-size: 378px 162px;
	-moz-background-size: 378px 162px;
	-o-background-size: 378px 162px;
	background-size: 378px 162px;
}
.checksWrap_st2 label.on {
	background: url("/_img/input_icon2.png") 0 -108px no-repeat #34373a;
	color: #dfe0e0;
	-webkit-background-size: 378px 162px;
	-moz-background-size: 378px 162px;
	-o-background-size: 378px 162px;
	background-size: 378px 162px;
}

.textareaWrap_st1 .icon {
	width: 54px;
	background: url("/_img/input_icon2.png") -324px 0 no-repeat #45484b;
	-webkit-background-size: 378px 162px;
	-moz-background-size: 378px 162px;
	-o-background-size: 378px 162px;
	background-size: 378px 162px;
}
.textareaWrap_st1 textarea {
	padding: 15px 15px 15px 69px;
	font-size: 15px;
	line-height: 23px;
}

.lineWrap_st1 {
	height: 60px;
}
.lineWrap_st3 {
	background: url(/_img/line2.png);
	margin: 30px 0;
	-webkit-background-size: auto 1px;
	-moz-background-size: auto 1px;
	-o-background-size: auto 1px;
	background-size: auto 1px;
}
#wrap {
	padding-top: 60px;
}
#header {
	display: none;
}
#header_m {
	display: block;
}
#container {
	margin: 0 15px;
}
h2.tit {
	padding: 15px 0 0 0;
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 25px;
	word-break: keep-all;
}
h2.tit span {
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 1.5px;
	margin-top: 2px;
}
h2.tit p {
	font-size: 11px;
	margin-top: 10px;
}
.topVisual .logo {
	width: 106px; height: 30px;
	top: 80px;
	margin-left: -53px;
	-webkit-background-size: auto 30px;
	-moz-background-size: auto 30px;
	-o-background-size: auto 30px;
	background-size: auto 30px;
}
.topVisual .scrollDown {
	width: 39px; height: 64px;
	left: 50%;
	margin-left: -19.5px;
	-webkit-background-size: auto 64px;
	-moz-background-size: auto 64px;
	-o-background-size: auto 64px;
	background-size: auto 64px;
}
.topVisual .scrollDown a {
	display: block;
	width: 13px; height: 18px;
	bottom: 15px; left: 14px;
	-webkit-background-size: auto 18px;
	-moz-background-size: auto 18px;
	-o-background-size: auto 18px;
	background-size: auto 18px;
}
@-webkit-keyframes bounce {
    from { bottom: 20px; opacity: 0.5 }
    to { bottom: 10px }
}
@-moz-keyframes bounce {
    from { bottom: 20px; opacity: 0.5 }
    to { bottom: 10px }
}
@-o-keyframes bounce {
    from { bottom: 20px; opacity: 0.5 }
    to { bottom: 10px }
}
@keyframes bounce {
    from { bottom: 20px; opacity: 0.5 }
    to { bottom: 10px }
}
.txtWrap span {
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 2px;
	margin-top: 12px;
}
.txtWrap {
	margin-left: 0;
	width: 100%;
	left: 0;
}
.txtWrap .inner {
	width: 90%;
}
.txtWrap p {
	font-size: 29px;
	line-height: 41px;
	letter-spacing: -3px;
}
.txtWrap:before, .txtWrap:after {
	display: none;
}

.portfolio .inner,
.business .inner,
.partners .inner {
	padding: 0 20px;
}
.about {
	padding: 60px 0;
	-webkit-background-size: auto 30%;
	-moz-background-size: auto 30%;
	-o-background-size: auto 30%;
	background-size: auto 30%;
}
.about p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: -0.5px;
}
.about strong {
	font-size: 10px;
	line-height: 12px;
	padding: 20px 0 15px;
}
.business {
	padding: 60px 0;
	-webkit-background-size: 200% auto;
	-moz-background-size: 200% auto;
	-o-background-size: 200% auto;
	background-size: 200% auto;
}
.business ul {
	margin: -20px -10px 0;
}
.business .box {
	width: 100%;
	padding: 20px 20px 0;
}
.business ul .box.row_line1 .inBox, .business ul .box.row_line2 .inBox {
	height: auto;
	padding: 30px;
}
.business .box .cnt {
	height: 21px;
	margin-bottom: 10px;
	-webkit-background-size: auto 21px;
	-moz-background-size: auto 21px;
	-o-background-size: auto 21px;
	background-size: auto 21px;
}
.business .box .cnt1 { background-position: 0 0; width: 12px }
.business .box .cnt2 { background-position: -12px 0; width: 12.5px }
.business .box .cnt3 { background-position: -24.5px 0; width: 15px }
.business .box .cnt4 { background-position: -39.5px 0; width: 12px }
.business .box .cnt5 { background-position: -51px 0; width: 29px }
.business .box .cnt6 { background-position: -80px 0; width: 32.5px }

.business .box .tit {
	font-size: 16px;
	margin-bottom: 9px;
}
.business .box dd {
	font-size: 13px;
	line-height: 23px;
}
.business .btn_set a {
	width: 80%;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.business .btn_set a:last-child {
	margin-top: 15px;
}
.business .btn_set a:after {
	display: none;
}
.business .lineWrap_st2 {
	height: 60px;
}
.partners {
	padding: 60px 0 50px;
}
.partners li {
	width: 50%;
}

.portfolio, .request {
	padding: 60px 0;
	-webkit-background-size: 200% auto;
	-moz-background-size: 200% auto;
	-o-background-size: 200% auto;
	background-size: 200% auto;
}
.pf_list {
	padding-top: 0;
}
.pf_list li {
	width: 100%;
}
.pf_list li a {
	height: auto;
}
.pf_list li a .photo p {
	height: 240px;
}
.pf_list li a .infoWrap .tit {
	font-size: 18px;
	line-height: 22px;
	max-width: 80%;
}
.layerView .layerBody .fixTop {
	height: 60px;
}
.layerView .layerBody .fixTop ul li {
	height: 60px;
	line-height: 60px;
}
.layerView .layerBody .fixTop ul li a {
	width: 60px; height: 60px;
	line-height: 60px;
}
.layerView .layerBody {
	padding-top: 60px;
}
.layerView .layerBody .fixTop ul li a span {
	width: 60px; height: 60px;
	background: url("/_img/layerView_icon2.png") no-repeat;
	-webkit-background-size: auto 60px;
	-moz-background-size: auto 60px;
	-o-background-size: auto 60px;
	background-size: auto 60px;
}
.layerView .layerBody .fixTop ul li a.top span {
	background-position: 0 0;
}
.layerView .layerBody .fixTop ul li a.prev span {
	background-position: -60px 0;
}
.layerView .layerBody .fixTop ul li a.next span {
	background-position: -120px 0;
}
.layerView .layerBody .fixTop ul li a.close span {
	background-position: -180px 0;
}

.request .inner {
	width: 90%;
	margin: 0 auto;
}
.request .formWrap ul {
	margin: -2px 0 0;
}
.request .formWrap.formCheck ul {
	margin: -2px -1px 0;
}
.request .formWrap li {
	width: 100% !important;
	padding: 2px 0 0;
}
.request .formWrap.formCheck li {
	width: 50% !important;
	padding: 2px 1px 0;
}
.request h4.tit {
	font-size: 15px;
	padding: 15px 0;
}
.request h3.tit {
	font-size: 20px;
	line-height: 22px;
}
.request .desc {
	font-size: 12px;
	margin: 10px 0 15px;
	word-break: keep-all;
}
.request .formWrap .submit,
.request .formWrap .submit:hover {
	height: 58px;
	line-height: 54px;
	font-size: 18px;
	color: #fff;
	border: 2px solid #fe4d0f;
	background: #fe4d0f;
	font-weight: 700;
	letter-spacing: 4px;
	margin-top: 20px;
}


.inputWrap_st1 input {
	height: 54px;
	line-height: 24px;
	font-size: 15px;
	padding: 15px 10px 15px 69px;
}
.inputWrap_st1 .icon {
	width: 54px; height: 54px;
	background: url("/_img/input_icon2.png") no-repeat #45484b;
	-webkit-background-size: 378px 162px;
	-moz-background-size: 378px 162px;
	-o-background-size: 378px 162px;
	background-size: 378px 162px;
}
.inputWrap_st1 .icon1{background-position:0 0}
.inputWrap_st1 .icon2{background-position:-54px 0}
.inputWrap_st1 .icon3{background-position:-108px 0}
.inputWrap_st1 .icon4{background-position:-162px 0}
.inputWrap_st1 .icon5{background-position:-216px 0}
.inputWrap_st1 .icon6{background-position:-270px 0}


#footer .footInfo {
	padding: 40px 0;
}
#footer .footInfo .logo_mark_line {
	background: url(/_img/logo_mark_line2.png) no-repeat;
	-webkit-background-size: auto 52px;
	-moz-background-size: auto 52px;
	-o-background-size: auto 52px;
	background-size: auto 52px;
}
#footer .footInfo .info {
	width: 90%;
}
}