@charset "utf-8";

@media (max-width: 1400px) {
	#gnb {margin-left:250px;}
	#gnb>ul>li {padding:0 20px;}
	
}

@media (max-width: 1200px) {
	#gnb>ul>li>a {font-size:16px;}
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#header .contain {height:100%;}
	
	#gnb {display:none;}
	/* main-visual */
	.main-visual .item .txt-box {align-items:center;}
	.main-visual .item .txt-box .txt {padding:0;}
	.main-visual .item .txt-box h2 {font-size:40px; margin-bottom:24px;}
	.main-visual .item .txt-box h2 br {display:none;}
	.main-visual .item .txt-box p {font-size:18px;}
	.main-visual .item .txt-box p br {display:none;}
	.main-visual .arrows {bottom:40px; right:15px;}
	.main-visual .arrows .slick-arrow {width:60px; height:60px;}
	/* section-common */
	.section-common {height:auto !important;}
	.section-common .fp-tableCell {height:auto !important; padding:0;}
	/* section01 */
	.section01 {background-image:none !important;}
	.section01 .col {width:100%; background:#ddd;}
	.section01 .wrap {width:100%; max-width:none; margin:0; padding-left:0; display:block;}
	.section01 .tit-box {width:0; display:none;}
	.section01 .col {width:100%; display:block;}
	.section01 .row {width:100%; padding:60px 15px; display:block; background-repeat:no-repeat; background-size:cover; background-position:center center;}
	.section01.on01 .row01,
	.section01.on02 .row02,
	.section01.on03 .row03 {padding-bottom:60px; background-color:transparent;}
	.section01 .row01 {background-image:url('../img/main/sec01-01.jpg');}
	.section01 .row02 {background-image:url('../img/main/sec01-02.jpg');}
	.section01 .row03 {background-image:url('../img/main/sec01-03.jpg');}
	.section01 .row .back {display:none;}
	.section01 .row .icon {display:none;}
	.section01 .row h4 {display:none;}
	.section01 .row .more {width:60px; height:60px; margin-top:20px; opacity:1;}	
	.section01 .row .txt {display:block; color:#fff;}
	.section01 .row .txt  span {font-size:16px; color:#f5b758; margin-bottom:10px; font-weight:700; font-family:'Montserrat'; display:block; line-height:1.8em;}
	.section01 .row .txt  h3 {font-size:36px; margin-bottom:24px;}
	.section01 .row .txt  p {font-size:18px;}
	/* section02 */
	.section02 {padding:100px 0 120px;}
	.section02 .back-efft img {width:360px; height:360px;}
	.section02 .back-efft.tl {left:-155px; top:-120px;}
	.section02 .back-efft.br {right:-155px; bottom:-180px;}
	.section02 .col {display:block; max-width:1024px; width:100%; margin:0 auto;}
	.section02 .tit-box {width:100%; max-width:none; margin-bottom:100px;}
	.section02 .tit-box .tit {margin-bottom:40px;}
	.section02 .tit-box .tit p {font-size:16px; margin-bottom:16px;}
	.section02 .tit-box .tit h4 {font-size:36px;}
	.section02 .tabs li {width:250px;}
	.section02 .tabs li a {line-height:54px; font-size:18px; padding:0 16px;}
	.section02 .tabs li a span {width:20px; height:20px; margin-top:-10px; right:16px;}
	.section02 .tabs li a span:before {width:10px; margin-left:-5px;}
	.section02 .tabs li.active a span:after {height:10px; margin-top:-5px;}
	.section02 .slide-box {width:100%; height:100%; position:relative;}
	.section02 .slide-box .box {position:relative; top:0; left:0; width:100%; padding-bottom:60px; max-width:1024px;}
	.section02 .slide-box .img-box {margin-bottom:20px;}
	.section02 .slide-box .txt-box h4 {font-size:18px; margin-bottom:20px;}
	.section02 .slide-box .txt-box p {font-size:16px; padding-left:20px;}
	.section02 .slide-box .txt-box p:before {width:12px; height:12px; margin-top:-6px;}
	.section02 .slide-box .btn {max-width:140px;}
	/* section03 */
	.section03 .inq {padding:160px 15px;}
	.section03 .inq p {font-size:16px; margin-bottom:20px;}
	.section03 .inq h3 {font-size:36px; margin-bottom:40px;}
	.section03 .inq .more a {width:200px; line-height:60px; padding:0 30px; font-size:18px;}
	.section03 .inq .more a:after {right:30px;}
	.section03 .inq .more a:hover:after {right:30px;}
	/* footer */
	#sub #footer {border-top:1px solid #ddd;}
	.footer {padding:50px 0;}
	.footer .foot-col {display:block;}
	.footer .foot-info {display:flex;}
	.footer .foot-logo {max-width:220px;}
	.footer .foot-logo .logo {margin-bottom:20px;}
	.footer .info p {font-size:14px;}
	.footer .info p.copy {margin-top:10px;}
	.footer .info p span {margin:0 6px;}
	.footer .foot-cnt {margin-top:40px;}
	.footer .foot-cnt ul {display:flex; justify-content:flex-end;}
	.footer .foot-cnt ul li {margin-bottom:0; margin-left:10px;}
	.footer .foot-cnt ul li a {width:160px; line-height:36px; padding:0 15px; font-size:14px;}
	.footer .foot-cnt ul li a:after {right:10px;}

}

@media (max-width: 640px) {
	#header {height:80px;}
	#header .sitelogo a {width:180px; height:26px; background:url('../img/layout/logo.png') center left no-repeat; background-size:contain; margin-top:-13px;}
	#header .sitelogo a img {display:none;}
	/* main-visual */
	.main-visual .item .txt-box h2 {font-size:32px; margin-bottom:16px;}
	.main-visual .item .txt-box p {font-size:16px;}
	.main-visual .arrows {bottom:30px;}
	.main-visual .arrows .slick-arrow {width:40px; height:40px;}
	/* section01 */
	.section01 .row {padding:40px 15px;}
	.section01.on01 .row01,
	.section01.on02 .row02,
	.section01.on03 .row03 {padding-bottom:40px;}
	.section01 .row .more {width:40px; height:40px;}	
	.section01 .row .txt  span {font-size:14px;}
	.section01 .row .txt  h3 {font-size:28px; margin-bottom:18px;}
	.section01 .row .txt  p {font-size:16px;}
	/* section02 */
	.section02 {padding:80px 0 100px;}
	.section02 .back-efft img {width:300px; height:300px;}
	.section02 .back-efft.tl {left:-100px; top:-160px;}
	.section02 .back-efft.br {right:-100px; bottom:-180px;}
	.section02 .tit-box {margin-bottom:60px;}
	.section02 .tit-box .tit {margin-bottom:60px;}
	.section02 .tit-box .tit p {font-size:14px; margin-bottom:10px;}
	.section02 .tit-box .tit h4 {font-size:28px;}
	.section02 .tabs li {width:200px;}
	.section02 .tabs li a {line-height:46px; font-size:16px; padding:0 10px;}
	.section02 .tabs li a span {right:10px;}
	.section02 .slide-box .box {padding-bottom:40px;}
	.section02 .slide-box .txt-box h4 {font-size:16px; margin-bottom:16px;}
	
	.section02 .slide-box .btn {max-width:80px;}
	.section02 .slide-box .sec02-arrows {width:60px;}
	
	/* section03 */
	.section03 .inq {padding:120px 15px;}
	.section03 .inq p {font-size:14px; margin-bottom:12px;}
	.section03 .inq h3 {font-size:28px; margin-bottom:20px;}
	.section03 .inq .more a {width:120px; line-height:50px; padding:0 20px; font-size:16px;}
	.section03 .inq .more a:after {right:20px;}
	.section03 .inq .more a:hover:after {right:20px;}
	/* footer */
	.footer {padding:30px 0; text-align:center;}
	.footer .foot-col {display:block;}
	.footer .foot-info {display:block;}
	.footer .foot-logo {max-width:100%; margin-bottom:20px;}
	.footer .foot-logo ul {justify-content:center;}
	.footer .foot-logo ul li {padding:0 5px;}
	.footer .info {width:100%;}
	.footer .info p {font-size:12px; white-space:normal;}
	.footer .info p span {margin:0; display:none;}
	.footer .info p br {display:block;}
	.footer .foot-cnt {margin-top:30px;}
	.footer .foot-cnt ul {justify-content:center;}
	.footer .foot-cnt ul li a {width:140px; line-height:32px; padding:0 10px; font-size:12px; text-align:left;}
}

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