@charset "utf-8";

@media (max-width: 1400px) {
	#gnb>ul>li {padding:0 30px;}
	
	.section01 .tit-box {max-width:350px;}
	.section01 .tab-content .img {max-width:350px;}
	
}

@media (max-width: 1024px) {
	#header {height:90px;}
	#gnb {display:none;}
	
	#main {padding-top:90px;}
	/* main-visual */
	.main-visual .origin .item {height:calc(100vh - 90px);}
	.main-visual .thumb .items {margin-bottom:60px;}
	.main-visual .thumb h2 {font-size:50px; margin-bottom:24px;}
	.main-visual .thumb p {font-size:20px;}
	/* section common */
	.section {padding:100px 0 120px;}
	.sec-tit h3 {font-size:42px;}
	.sec-tit h3:after {width:8px; height:8px; margin-top:2px; margin-left:16px;}
	/* section01 */
	.section01 .col {display:block;}
	.section01 .tit-box {max-width:none; margin-bottom:60px;} 
	.section01 .tit-box .sec-tit {margin-bottom:40px;}
	.section01 .tit-box ul {display:flex; margin:0 -5px;}
	.section01 .tit-box ul li {margin-bottom:0; padding:0 5px;}
	.section01 .tit-box ul li a {font-size:18px; width:220px; line-height:60px;}
	.section01 .txt-box {width:100%;}
	.section01 .tab-content {border-radius:30px 0 30px 0; padding:25px;}
	.section01 .tab-content .img {max-width:400px; border-radius:15px 0 15px 0;}
	.section01 .tab-content .row {padding-left:20px;}
	.section01 .tab-content .tit {margin-bottom:20px;}
	.section01 .tab-content .tit p {font-size:14px;}
	.section01 .tab-content .tit h4 {font-size:28px;}
	.section01 .tab-content .txt p {font-size:16px; margin-bottom:40px;}
	.section01 .tab-content .txt a {width:160px; line-height:48px; font-size:18px; padding:0 20px;}
	/* section02 */
	.section02 .col {display:block;}
	.section02 .tit-box {max-width:none; margin-bottom:60px;}
	.section02 .tit-box img {margin-bottom:20px;}
	.section02 .tit-box h3 {font-size:28px; margin-bottom:24px;}
	.section02 .tit-box p {font-size:20px;}
	.section02 .txt-box {width:100%; padding-top:0;}
	.section02 .txt-box .slide {position:relative; width:100%;}
	.section02 .txt-box .slick-list {padding-top:0; margin-top:0;}
	.section02 .txt-box .inner {padding:25px; border-radius:20px 0 20px 0;}
	.section02 .txt-box .inner:hover {transform:translateY(0);}
	.section02 .btns {margin-top:40px;}
	.section02 .btns .bar {margin-right:40px;}
	/* section03 */
	.section03 {padding:120px 0 160px;}
	.section03 .sec-tit h3 {margin-bottom:24px;}
	.section03 .sec-tit p {font-size:20px; margin-bottom:40px;}
	.section03 .sec-tit a {width:160px; line-height:48px; font-size:18px; padding:0 20px;}
	/* section04 */
	.section04 .tit-box {margin-bottom:40px;}
	.section04 .tit-box h3 {font-size:42px;}
	.section04 .tit-box h3:after {width:40px; height:40px; margin-left:12px; background-size:cover;}
	.section04 .box {border-radius:30px 0 30px 0; padding:50px 80px;}
	.section04 .box .txt {margin-bottom:30px;}
	.section04 .box .txt p {font-size:20px;}
	.section04 .box ul li a {line-height:48px; font-size:18px;}
	.sec04-pop .wrap .sec04-closed {width:50px; height:50px; right:-70px;}
	.sec04-pop .wrap .sec04-closed:before,
	.sec04-pop .wrap .sec04-closed:after {content:''; width:20px; margin-left:-10px;}
	
	.sec04-pop .wrap .zoom-controls {top:60px; right:-70px;}
	.sec04-pop .wrap .zoom-btn {width:50px; height:50px; font-size:24px;}
	/* section05 */
	.section05 {padding:70px 0;}
	.section05 .col {display:block;}
	.section05 .tit-box {max-width:none; display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;}
	.section05 .tit-box h3 {font-size:20px; margin-bottom:0;}
	.section05 .tit-box .btns {width:100%; max-width:150px; display:flex; justify-content:flex-end;}
	.section05 .txt-box {width:100%;}
	/* footer */
	#footer {padding:60px 0;}
	#footer p {font-size:14px;}
	.foot-info {margin-bottom:20px; padding-bottom:20px;}
	.foot-info .logo {margin-bottom:40px;}
	.foot-cnt ul li a {width:160px; line-height:32px; padding:0 15px; font-size:14px;}

	.scrolltop {bottom:160px; right:15px; width:60px; height:60px;}	
	
}

@media (max-width: 640px) {
	
	#header {height:80px;}
	#header .sitelogo a {margin-top:-20px;}
	#header .sitelogo a img {height:40px;}
		
	#main {padding-top:80px;}
	/* main-visual */
	.main-visual .origin .item {height:calc(100vh - 80px);}
	.main-visual .thumb .items {margin-bottom:40px;}
	.main-visual .thumb h2 {font-size:32px; margin-bottom:18px;}
	.main-visual .thumb p {font-size:18px;}
	.main-visual .thumb p br {display:none;}
	/* section common */
	.section {padding:80px 0 100px;}
	.sec-tit h3 {font-size:28px;}
	.sec-tit h3:after {width:6px; height:6px; margin-left:10px; margin-top:1px;}
	/* section01 */
	.section01 .tit-box {margin-bottom:40px;} 
	.section01 .tit-box .sec-tit {margin-bottom:30px;}
	.section01 .tit-box ul li {width:50%;}
	.section01 .tit-box ul li a {font-size:16px; width:100%; line-height:50px;}
	.section01 .tit-box ul li:first-child a {border-radius:10px 0 0 0;}
	.section01 .tit-box ul li:last-child a {border-radius:0 0 10px 0}
	.section01 .tab-content {border-radius:20px 0 20px 0; padding:15px; display:block;}
	.section01 .tab-content .img {max-width:none; margin-bottom:30px; text-align:center;}
	.section01 .tab-content .row {padding-left:0; width:100%;}
	.section01 .tab-content .tit h4 {font-size:24px;}
	.section01 .tab-content .txt p {font-size:14px; margin-bottom:30px;}
	.section01 .tab-content .txt a {width:120px; line-height:38px; font-size:16px; padding:0 15px; border-radius:10px 0 10px 0;}
	.section01 .tab-content .txt a:after {right:15px;}
	/* section02 */
	.section02 .tit-box {margin-bottom:40px;}
	.section02 .tit-box h3 {font-size:24px; margin-bottom:16px;}
	.section02 .tit-box h3 br {display:none;}
	.section02 .tit-box p {font-size:18px;}
	.section02 .tit-box p br {display:none;}
	.section02 .txt-box .inner {padding:20px; border-radius:15px 0 15px 0;}
	.section02 .btns .bar {margin-right:30px;}
	.section02 .btns .arrows {max-width:50px;}
	/* section03 */
	.section03 {padding:80px 0 100px;}
	.section03 .sec-tit h3 {margin-bottom:20px;}
	.section03 .sec-tit p {font-size:18px; margin-bottom:30px;}
	.section03 .sec-tit a {width:120px; line-height:38px; font-size:16px; padding:0 15px;}
	.section03 .sec-tit a:after {right:15px;}
	/* section04 */
	.section04 .tit-box {margin-bottom:30px;}
	.section04 .tit-box h3 {font-size:28px;}
	.section04 .tit-box h3:after {width:30px; height:30px; margin-left:10px;}
	.section04 .box {border-radius:20px 0 20px 0; padding:30px;}
	.section04 .box .txt {margin-bottom:20px;}
	.section04 .box .txt p {font-size:18px;}
	.section04 .box ul {display:block; margin:0 0 -20px;}
	.section04 .box ul li {width:100%; padding:0; margin-bottom:20px;}
	.section04 .box ul li a {line-height:38px; font-size:16px;}
	.sec04-pop .wrap .sec04-closed {width:40px; height:40px; right:15px; top:30px;}
	.sec04-pop .wrap .sec04-closed:before,
	.sec04-pop .wrap .sec04-closed:after {content:''; width:20px; margin-left:-10px;}
	
	.sec04-pop .wrap .zoom-controls {top:80px; right:15px;}
	.sec04-pop .wrap .zoom-btn {width:40px; height:40px; font-size:20px;}
	/* section05 */
	.section05 {padding:60px 0;}
	.section05 .col {display:block;}
	.section05 .tit-box h3 {font-size:18px;}
	/* footer */
	#footer {padding:30px 0; text-align:center;}
	#footer p {font-size:12px;}
	#footer p br {display:block;}
	#footer p span {display:none;}
	.foot-info .logo {margin-bottom:20px;}
	
	.foot-cnt {display:block;}
	.foot-cnt p {margin-bottom:20px;}
	.foot-cnt ul {justify-content:center;}
	.foot-cnt ul li a {width:130px; line-height:30px; padding:0 10px; font-size:12px; text-align:left;}

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

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