@charset "utf-8";

@media (max-width: 1430px) {
	#gnb>ul>li {padding:0 40px;}
	#footer .col {padding-right:0;}
	.scrolltop {right:15px; bottom:190px;}
	
}

@media (max-width: 1024px) {
	#header {height:100px;}
	#header .wrap {height:100%;}
	#gnb {display:none;}
	
	/* main-visual */
	.main-visual .item .txt h2 {font-size:60px; margin-bottom:20px;}
	.main-visual .item .txt p {font-size:20px;}
	.visual-btn {width:330px; height:46px; margin-left:-165px; bottom:50px;}
	.visual-btn .paging {max-width:280px;}
	.visual-btn .paging ul li {height:46px;}
	.visual-btn .paging ul li button .dot-name {font-size:15px;}
	.visual-btn .btn {width:46px; height:46px;}
	.scrolldown {bottom:50px; right:15px;}
	/* section */
	.sec-tit p {font-size:20px; margin-bottom:20px;}
	.sec-tit h3 {font-size:42px;}
	/* section01 */
	.section01 {height:100%;}
	.section01.on01,
	.section01.on02,
	.section01.on03,
	.section01.on04 {background-image:url('../img/main/sec01-01.jpg');}
	.section01 .tit-box {height:100%; display:block; padding:100px 0 60px; text-align:center;}
	.section01 .txt-box {width:100%; height:100%; position:relative; border-left:0; display:flex; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.2);}
	.section01 .txt-box .tab {width:50%; height:auto; padding:60px 20px; position:relative; left:0; opacity:1;}
	.section01 .txt-box .tab:nth-child(1),
	.section01 .txt-box .tab:nth-child(3) {border-right:1px solid rgba(255,255,255,0.2);}
	.section01 .txt-box .tab:before {display:none;}
	.section01 .txt-box .tab .txt {display:block; padding:0;}
	.section01 .txt-box .tab .icon {margin:0 auto 20px;}
	.section01 .txt-box .tab p {width:100%; padding-left:0; font-size:28px; text-align:center;}
	/* section01 */
	.section02 {padding:100px 0 120px;}
	.section02 .sec-tit {margin-bottom:40px;}
	.section02 .col {flex-wrap:wrap; margin:0 -15px -30px;}
	.section02 .col .row {width:50%; padding:0 15px; margin-bottom:30px; top:0; opacity:1;}
	.section02 .col .row:nth-child(even) {margin-top:0;}
	.section02 .inner {width:100%; max-width:330px; margin:0 auto; height:400px; padding:30px;}
	.section02 .inner:before {display:none;}
	.section02 .inner span {top:20px; right:20px;}
	.section02 .inner:hover span {transform:rotate(0); top:20px; right:20px;}
	.section02 .inner .txt p {font-size:18px;}
	.section02 .inner .txt h4 {font-size:28px;}
	/* section03 */
	.section03 {padding:100px 0;}	
	.section03 .cnt .box {padding:100px 0 120px;}
	.section03 .sec-tit {margin-bottom:20px;}
	.section03 .sec-tit p {margin-bottom:10px;}
	.section03 .txt p {font-size:18px; margin-bottom:50px;}
	.section03 .txt .more a {width:180px; line-height:60px; font-size:16px; padding:0 30px;}
	.section03 .txt .more a:hover {padding:0 30px;}
	.section03 .txt .more a:after {right:30px;}
	.section03 .txt .more a:hover:after {right:30px;}
	/* footer */
	#footer {padding:50px 0;}
	#footer .col {display:block; padding-right:0;}
	#footer .foot-logo {max-width:none; text-align:center; margin-bottom:40px;}
	#footer .foot-cnt {width:100%;}	
	#footer .foot-cnt .info {padding-bottom:20px; margin-bottom:20px; text-align:center;}
	#footer .foot-cnt .info p {font-size:14px;}
	#footer .foot-cnt .info p span {margin:0 2px;}	
	#footer .foot-cnt .cnt {display:block; text-align:center;}
	#footer .foot-cnt .cnt p {font-size:14px; margin-bottom:20px;}
	#footer .foot-cnt .cnt ul {justify-content:center;}
	#footer .foot-cnt .cnt ul li:after {height:10px; margin-top:-5px;}
	#footer .foot-cnt .cnt ul li a {font-size:14px;}

	.scrolltop {bottom:60px;}

}

@media (max-width: 640px) {
	#header {height:80px;}
	/* main-visual */
	.main-visual .item .txt h2 {font-size:40px; margin-bottom:14px;}
	.main-visual .item .txt p {font-size:18px;}
	.visual-btn {width:260px; height:40px; left:15px; margin-left:0; bottom:40px;}
	.visual-btn .paging {max-width:200px;}
	.visual-btn .paging ul li {height:40px;}
	.visual-btn .paging ul li button .dot-name {font-size:14px;}
	.visual-btn .btn {width:40px; height:40px;}
	.scrolldown {bottom:40px;}
	/* section */
	.sec-tit p {font-size:18px; margin-bottom:16px;}
	.sec-tit h3 {font-size:32px;}
	/* section01 */
	.section01 .tit-box {padding:80px 0 40px;}
	.section01 .txt-box .tab {padding:40px 20px;}
	.section01 .txt-box .tab .icon img {width:50px;}
	.section01 .txt-box .tab p {font-size:20px;}
	/* section01 */
	.section02 {padding:80px 0 100px;}
	.section02 .col {margin:0 -10px -20px;}
	.section02 .col .row {padding:0 10px; margin-bottom:20px;}
	.section02 .inner {height:300px; padding:20px;}
	.section02 .inner .txt p {font-size:16px;}
	.section02 .inner .txt h4 {font-size:24px;}
	/* section03 */
	.section03 {padding:80px 0 100px;}	
	.section03 .cnt .box {padding:60px 0 80px;}
	.section03 .txt p {font-size:16px; margin-bottom:40px;}
	.section03 .txt .more a {width:150px; line-height:50px; font-size:14px; padding:0 15px;}
	.section03 .txt .more a:hover {padding:0 15px;}
	.section03 .txt .more a:after {right:15px;}
	.section03 .txt .more a:hover:after {right:15px;}
	/* footer */
	#footer {padding:30px 0;}
	#footer .foot-logo {margin-bottom:30px;}
	#footer .foot-cnt .info {padding-bottom:16px; margin-bottom:16px;}
	#footer .foot-cnt .info p {font-size:12px;}
	#footer .foot-cnt .info p span {display:none;}	
	#footer .foot-cnt .info p br {display:block;}
	#footer .foot-cnt .cnt p {font-size:12px; margin-bottom:10px;}
	#footer .foot-cnt .cnt ul li a {font-size:12px;}

	.scrolltop {bottom:30px;}
	
}

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