@charset "utf-8";

@media (max-width: 1400px) {
	#gnb>ul>li {padding:0 40px;}
	#gnb>ul>li>a {font-size:18px;}
	#header .btns .lang {margin-right:30px;}
	
	.scrolldown {right:15px;}

	.section02 .txt-box {width:450px;}
	.section02 .txt-box .tab {padding:0 40px;}
	.section02 .txt-box .tab p {font-size:30px;}
	.section02 .txt-box .tab .icon {max-width:80px;}
	
	.section03 .img-box {max-width:700px;}
	.section03 .img-box .img:nth-child(odd) {padding-right:15px;}
	.section03 .img-box .img:nth-child(even) {padding-left:15px;}
	
	.scrolltop {right:15px;}

}

@media (max-width: 1200px) {
	#gnb>ul>li {padding:0 20px;}
	
	.section02 .tit-box {width:calc(100% - 450px);}
}

@media (max-width: 1024px) {
	#main {position:relative; overflow:hidden;}
	#header {position:absolute;}
	#header.hide {transform:translateY(0);}
	
	#header .wrap {height:100px;}
	#gnb {display:none;}
	/* main-visual */
	.main-visual .txt-box {padding-bottom:0; align-items:center;}
	.main-visual .txt-box .txt p {font-size:20px; margin-bottom:24px;}
	.main-visual .txt-box .txt h2 {font-size:60px;}
	.main-visual .btn-wrap {width:200px; bottom:40px; margin-left:-100px;}
	.main-visual .btn-wrap .paging {margin-right:20px;}
	.main-visual .btn-wrap .paging ul li button {width:6px; height:6px;}
	.main-visual .btn-wrap .paging ul li.slick-active button {width:36px;}
	.scrolldown {right:15px; bottom:40px;}
	/* section */
	.section {padding:120px 0 160px;}
	
	.sec-tit {margin-bottom:60px;}
	.sec-tit h3 {font-size:48px; margin-bottom:20px; padding-right:14px;}
	.sec-tit h3:after {width:6px; height:6px; bottom:14px;}
	.sec-tit p {font-size:20px;}
	/* section01 */
	.section01 {position:relative; overflow:hidden;}
	.section01 .col {display:block;}
	.section01 .col:before {display:none;}
	.section01 .inner {border-radius:20px; width:auto; position:relative; overflow:hidden;}
	.section01 .origin {width:100%; max-width:none;}
	.section01 .origin .items {margin:0 -10px;}
	.section01 .origin .item {padding:0 10px;}
	.section01 .origin .inner {height:auto;}
	.section01 .origin .inner p {font-size:20px; bottom:40px; transform:translateY(0); opacity:1;}
	.section01 .origin .arrows {display:flex; margin:60px auto 0;}
	.section01 .thumb {display:none;}
	/* section02 */
	.section02 {padding:120px 0 0; height:auto;}
	.section02.on01 {background-image:url('../img/main/sec02-01.jpg');}
	.section02.on02 {background-image:url('../img/main/sec02-01.jpg');}
	.section02.on03 {background-image:url('../img/main/sec02-01.jpg');}
	.section02.on04 {background-image:url('../img/main/sec02-01.jpg');}
	.section02 .tit-box {width:100%;}
	.section02 .txt-box {position:relative; width:100%; height:auto; padding:0 15px; display:flex; flex-wrap:wrap; margin-top:160px; border-left:0;}
	.section02 .txt-box .tab {height:100%; width:50%; padding:40px 20px;}
	.section02 .txt-box .tab:before {display:none;}
	.section02 .txt-box .tab:nth-child(1) {border-right:1px solid rgba(255,255,255,0.2);}
	.section02 .txt-box .tab:nth-child(3) {border-bottom:0; border-right:1px solid rgba(255,255,255,0.2);}
	.section02 .txt-box .tab p {font-size:26px;}
	.section02 .txt-box .tab .icon {max-width:60px;}
	/* section03 */
	.section03 {position:relative; overflow:hidden; padding:120px 0 160px;}
	.section03 .col {display:block;} 
	.section03 .tit-box {width:100%; margin-bottom:80px;}
	.section03 .img-box {max-width:640px; margin:0 0 0 auto;}
	.section03 .img-box .img {margin-bottom:-40px;}
	.section03 .img-box .img:nth-child(odd) {padding-right:20px;}
	.section03 .img-box .img:nth-child(even) {padding-left:20px; margin-top:80px;}
	.section03 .img-box .inner p {font-size:28px; bottom:30px; right:30px;}
	.section03 .logo {display:none;}
	/* section04 */
	.section04 {height:auto; padding:120px 0 160px;}
	.section04.on01 {background-image:url('../img/main/sec04-01.jpg');}
	.section04.on02 {background-image:url('../img/main/sec04-01.jpg');}
	.section04.on03 {background-image:url('../img/main/sec04-01.jpg');}
	.section04.on04 {background-image:url('../img/main/sec04-01.jpg');}
	.section04.on05 {background-image:url('../img/main/sec04-01.jpg');}
	.section04 .col {flex-wrap:wrap; justify-content:center;}
	.section04 .col .row {width:33.333333%;}
	.section04 .col .row:nth-child(1),
	.section04 .col .row:nth-child(2),
	.section04 .col .row:nth-child(3) {border-bottom:1px solid rgba(255,255,255,0.2);}
	.section04 .col .row:nth-child(3) {border-right:0;}
	.section04 .inner {height:auto; opacity:1; padding:30px 15px;}
	.section04 .inner:hover {opacity:1; padding:30px 15px;}
	.section04 .inner .icon {margin-bottom:20px;}
	.section04 .inner .icon img {width:80px;}
	.section04 .inner:hover .icon {margin-bottom:20px;}
	.section04 .inner p {font-size:28px; margin-bottom:10px;}
	.section04 .inner:hover p {margin-bottom:10px;}
	.section04 .inner span {display:none;}
	/* section05 */
	.section05 {padding:120px 0;}
	.section05 .col {display:block;}
	.section05 .sec-tit {margin-bottom:60px;}
	.section05 .more a {width:160px; height:160px; margin:0 0 0 auto;}
	.section05 .more a:before {width:160px; height:160px; margin-top:-80px; margin-left:-80px; background-size:cover;}
	.section05 .more a span {width:50px; height:50px; background:#008aff; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; border-radius:50%; transition:all 0.4s;}
	.section05 .more a:hover span {transform:scale(1);}
	
	/* footer */
	#footer {padding:50px 0;}
	.foot-cnt {margin-bottom:30px; padding-bottom:30px;}
	.foot-cnt ul li a {width:160px; line-height:40px; padding:0 15px; font-size:14px;}
	.foot-cnt ul li a:after {right:15px;}
	.foot-info p {font-size:15px;}
	.foot-info p.copy {margin-top:24px;}

	.scrolltop {bottom:60px; width:50px; height:50px;}

	
}

@media (max-width: 640px) {
	#header {height:80px;}
	#header .wrap {height:80px;}
	#header .sitelogo a {height:30px; width:170px;}
	#header .btns .lang {margin-right:15px;}
	/* main-visual */
	.main-visual .txt-box .txt p {font-size:18px; margin-bottom:18px;}
	.main-visual .txt-box .txt h2 {font-size:50px;}
	.main-visual .btn-wrap {bottom:30px;}
	.scrolldown {bottom:30px;}
	/* section */
	.section {padding:100px 0 120px;}
	
	.sec-tit {margin-bottom:40px;}
	.sec-tit h3 {font-size:28px; margin-bottom:12px; padding-right:0;}
	.sec-tit h3:after {display:none;}
	.sec-tit p {font-size:18px;}
	/* section01 */
	.section01 .origin .inner p {font-size:18px; bottom:30px;}
	.section01 .origin .arrows {margin:40px auto 0;}
	/* section02 */
	.section02 {padding:100px 0 0;}
	.section02 .txt-box {margin-top:120px;}
	.section02 .txt-box .tab {width:100%; padding:30px 20px;}
	.section02 .txt-box .tab:nth-child(1) {border-right:0;}
	.section02 .txt-box .tab:nth-child(3) {border-bottom:1px solid rgba(255,255,255,0.2); border-right:0;}
	.section02 .txt-box .tab p {font-size:20px;}
	.section02 .txt-box .tab .icon {max-width:40px;}
	/* section03 */
	.section03 .tit-box {margin-bottom:60px; padding:100px 0 120px;}
	.section03 .img-box .img {margin-bottom:20px;}
	.section03 .img-box .img:nth-child(odd) {padding-right:10px;}
	.section03 .img-box .img:nth-child(even) {padding-left:10px; margin-top:0;}
	.section03 .img-box .inner p {font-size:20px; bottom:20px; right:20px;}
	/* section04 */
	.section04 {padding:100px 0 120px;}
	.section04 .col .row {width:50%;}
	.section04 .col .row:nth-child(2) {border-right:0;}
	.section04 .col .row:nth-child(3) {border-right:1px solid rgba(255,255,255,0.2);}
	.section04 .col .row:nth-child(4) {border-bottom:1px solid rgba(255,255,255,0.2); border-right:0;}
	.section04 .inner {padding:20px 15px;}
	.section04 .inner:hover {padding:20px 15px;}
	.section04 .inner .icon img {width:60px;}
	.section04 .inner p {font-size:24px;}
	/* section05 */
	.section05 {padding:100px 0;}
	.section05 .sec-tit {margin-bottom:40px;}
	.section05 .more a {width:140px; height:140px;}
	.section05 .more a:before {width:140px; height:140px; margin-top:-70px; margin-left:-70px;}
	.section05 .more a span {width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
	/* footer */
	#footer {padding:30px 0;}
	.foot-cnt {margin-bottom:20px; padding-bottom:20px; display:block;}
	.fooot-logo {margin-bottom:30px; text-align:center;}
	.foot-cnt ul {justify-content:center;}
	.foot-cnt ul li a {width:150px; line-height:36px; padding:0 10px; font-size:13px;}
	.foot-cnt ul li a:after {right:10px;}
	.foot-info p {font-size:14px; text-align:center;}
	.foot-info p span {display:none;}
	.foot-info p br {display:block;}
	.foot-info p.copy {margin-top:20px;}

	.scrolltop {bottom:40px; width:40px; height:40px;}
	
	
}

@media (max-width: 400px) {
	.section04 .inner .icon img {width:50px;}
	.section04 .inner p {font-size:18px;}

	.foot-cnt ul li a {width:130px;}	
	.foot-info p {font-size:12px;}
}