@charset "utf-8";

@media (max-width: 1530px) {
	.section03 .col {flex-direction:column; align-items:center;}
	.section03 .tit-box {margin-bottom:60px;}
}

@media (max-width: 1400px) {
	#gnb>ul {margin-right:70px;}
	#gnb>ul>li {padding:0 25px;}
	#gnb>ul>li>a {font-size:20px;}
	#gnb .submenu {width:240px; margin-left:-120px;}
	#gnb .submenu ul li a {font-size:16px;}
	
	.foot-cnt {display:block;}
	.foot-cnt .cnt {margin-top:20px;}
	
}

@media (max-width: 1024px) {

	#header {height:90px;}
	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	/* main-visual */
	.main-visual .item {padding-top:90px;}
	.main-visual .txt-box h2 {font-size:40px; margin-bottom:30px;}
	.main-visual .txt-box p {font-size:24px;}
	/* section01 */
	.section01 {padding:100px 0 120px;}
	.section01 .tit-box h3 {font-size:36px;}
	.section01 .col {flex-wrap:wrap; margin:0 -20px -40px;}
	.section01 .col .row {width:50%; margin-bottom:40px;}
	.section01 .inner .img {background:#f6f6f6; text-align:center;}
	.section01 .inner .txt {height:60px;}
	.section01 .inner .txt p {font-size:20px;}
	/* section02 */
	.section02 {padding:120px 0 100px;}
	.section02 .tit-box h3 {font-size:36px;}
	.section02 .icon {margin:30px 0;}
	.section02 .box {padding:25px; margin-bottom:40px;}
	.section02 .box p {font-size:28px;}
	.section02 .col .row {padding:0 15px;}
	.section02 .col .row p {font-size:18px;}
	.section02 .txt-box {margin-top:30px; padding-top:30px;}
	.section02 .txt-box p {font-size:18px;}
	/* section03 */
	.section03 {padding:120px 0;} 
	.section03 .tit-box {padding:30px 0; margin-bottom:30px;}
	.section03 .tit-box:before {width:60px; margin-left:-30px;}
	.section03 .tit-box h3 {font-size:36px; margin-bottom:24px;}
	.section03 .tit-box p {font-size:28px;}
	.section03 .txt-box li {padding-bottom:40px;}
	.section03 .txt-box li:after {width:50px; height:30px; bottom:5px; margin-left:-25px; background-size:contain;}
	.section03 .txt-box li p {font-size:20px; height:auto; padding:40px 10px;}
	.section03 .txt-box li .logo {display:none;}
	/* footer */
	#footer {padding:40px 0;}
	.foot-logo {margin-bottom:20px; padding-bottom:20px;}
	.foot-cnt {display:block;}
	.foot-cnt .info {margin-bottom:20px;}
	.foot-cnt .info p {font-size:14px;}
	.foot-cnt .info p span {margin-right:10px;}
	.foot-cnt .info ul li {margin-right:20px;}
	.foot-cnt .info ul li a {display:inline-block;}
	.foot-cnt .info .copy {margin-top:16px;}
	.foot-cnt .cnt .btn {width:auto; line-height:34px; padding:0 40px 0 20px ; font-size:13px; margin-bottom:10px;}
	.foot-cnt .cnt .btn:after {width:16px; height:16px; margin-top:-8px; right:10px;}


}

@media (max-width: 640px) {
	#header {height:80px;}
	/* main-visual */
	.main-visual .item {padding-top:80px;}
	.main-visual .txt-box h2 {font-size:32px; margin-bottom:20px;}
	.main-visual .txt-box p {font-size:20px;}
	.main-visual .btns .paging {padding-right:25px;}
	/* section01 */
	.section01 {padding:80px 0 100px;}
	.section01 .tit-box h3 {font-size:28px;}
	.section01 .col {display:block; margin:0 0 -30px;}
	.section01 .col .row {width:100%; padding:0; margin-bottom:30px;}
	.section01 .inner:after {opacity:1;}
	.section01 .inner .txt {height:50px; background:#0070c0;}
	.section01 .inner .txt p {font-size:16px; color:#fff;}
	/* section02 */
	.section02 {padding:100px 0 80px;}
	.section02 .tit-box h3 {font-size:28px;}
	.section02 .icon {margin:20px 0;}
	.section02 .box {padding:20px; margin-bottom:20px;}
	.section02 .box p {font-size:24px;}
	.section02 .col {display:block;}
	.section02 .col .row {padding:15px 0; border-left:0; border-bottom:1px solid #eee; width:100%;}
	.section02 .col .row p {font-size:16px;}
	.section02 .txt-box p {font-size:16px;}
	.section02 .txt-box p br {display:none;}
	/* section03 */
	.section03 {padding:100px 0;} 
	.section03 .tit-box {padding:20px 0; margin-bottom:20px;}
	.section03 .tit-box:before {width:40px; margin-left:-20px;}
	.section03 .tit-box h3 {font-size:28px; margin-bottom:16px;}
	.section03 .tit-box p {font-size:20px;}
	.section03 .tit-box p br {display:none;}
	.section03 .txt-box li p {font-size:16px; padding:30px 10px;}
	/* footer */
	#footer {padding:30px 0;}
	.foot-cnt .info p {font-size:12px;}
	.foot-cnt .info p span {margin-right:0; display:block;}
	.foot-cnt .info ul {display:block;}
	.foot-cnt .info ul li {margin-right:0; width:100%;}
	.foot-cnt .info .copy {margin-top:10px;}
	.foot-cnt .cnt .btn {line-height:30px; padding:0 20px 0 10px; font-size:12px;}
	.foot-cnt .cnt .btn:after {right:5px;}
	
	
}

@media (max-width: 440px) {
	#header .sitelogo a {margin-top:-14px;}
	#header .sitelogo a img {height:28px;}	
	
}