@charset "utf-8";

@media (max-width: 1800px) {
	#gnb {margin-left:240px;}
	#gnb>ul>li {padding:0 30px;}
}

@media (max-width: 1400px) {
	#gnb>ul>li {padding:0 20px;}
	#gnb>ul>li>a {font-size:18px;}

	.foot-info {max-width:750px;}
	.foot-info .foot-logo {max-width:140px;}
}

@media (max-width: 1230px) {
	#gnb>ul>li {padding:0 15px;} 
	#gnb>ul>li>a {font-size:16px;}
	#gnb .submenu {max-width:160px; margin-left:-80px;}
	#gnb .submenu ul {padding:20px 0 30px;}
	#gnb .submenu ul li a {font-size:16px;}
	
}

@media (max-width: 1024px) {
	#header {height:90px;}
	#gnb {display:none;}
	#wrapper {overflow:hidden; position:relative;}
	/* footer */
	#footer .wrap {padding:50px 0;}
	.foot-col {display:block;}
	.foot-info {display:block; max-width:none; text-align:center; margin-bottom:40px;}
	.foot-info .foot-logo {max-width:none; margin-bottom:40px;}
	.foot-info .info p {font-size:14px;}
	.foot-info .info p.copy {margin-top:20px;}
	.foot-box {text-align:center;}
	.foot-box p {font-size:20px; margin-bottom:10px; padding-left:28px;}
	.foot-box p:before {width:20px; height:20px; margin-top:-10px;}
	.foot-box a {font-size:20px; margin-bottom:40px; display:inline-block; margin-left:10px;}
	.foot-box ul {justify-content:center;}
	.foot-wrap {display:block; padding:20px 0; text-align:center;}
	.foot-wrap p {font-size:14px; margin-bottom:20px;}
	.foot-wrap ul {margin:0 -10px; justify-content:center;}
	.foot-wrap ul li {padding:0 10px;}
	.foot-wrap ul li:after {height:10px; margin-top:-5px;}
	.foot-wrap ul li a {font-size:14px;}
	/* main */
	.main-visual {position:relative; height:100%; margin-top:90px;}
	.main-visual .items {background:#000;}
	.main-visual .item {height:100%;}
	.main-visual .item img {width:100%; height:100%; object-fit:cover;}
	.main-visual .visual-btn {left:15px; bottom:30px;}
	.main-visual .pro-bar {width:60px; height:60px;}
	.main-visual .pro-bar:before {width:60px; height:60px;}
	.main-visual .btn-box {width:60px; height:60px;}
	.main-visual .btn-box button {width:12px; height:12px; margin-top:-6px; margin-left:-6px;}
	.main-visual .paging {left:80px;}
	.main-visual .paging li {font-size:14px; width:50px;}

	.scrolldown {bottom:40px; right:15px;}
	/* section common */
	.section {padding:100px 0 120px;}
	.sec-tit {margin-bottom:50px;}
	.sec-tit h3 {font-size:42px; padding-right:24px;}
	.sec-tit h3:after {width:7px; height:7px; top:0;}
	.sec-tit p {font-size:18px; margin-top:24px;}
	.sec-tit .more {position:relative; text-align:right; margin-top:30px;}
	.sec-tit .more a {font-size:16px; padding-right:24px;}
	.sec-tit .more a:after {width:12px; height:12px; margin-top:-6px;}
	/* section01 */
	.section01 .col {display:block;}
	.section01 .tab-menu {margin-bottom:50px;}
	.section01 .tab-menu ul {justify-content:center;}
	.section01 .tab-menu ul li a {width:120px; font-size:16px; line-height:48px;}
	.section01 .tab-menu ul li a:before,
	.section01 .tab-menu ul li a:after {height:2px;}
	.section01 .tab-content {height:460px;}
	.section01 .tab-content .inner {padding:40px;}
	.section01 .tab-content .inner h4 {font-size:28px; margin-bottom:20px;}
	.section01 .tab-content .inner p {font-size:16px;}
	.section01 .tab-content .inner span {right:40px; bottom:110px;}
	/* section02 */
	.section02 .items {margin:0 -10px;}
	.section02 .item {padding:0 10px;}
	.section02 .inner .txt-box {padding:40px 20px;}
	.section02 .inner .txt-box:before {width:180px; height:170px; background-size:contain; left:-15px; bottom:-20px;}
	.section02 .inner .txt-box p {font-size:20px; margin-bottom:20px;}
	.section .inner .date span {font-size:16px; padding-left:18px;}
	.section .inner .date span:before {width:12px; height:12px; margin-top:-6px;}
	.section02 .sec02paging {margin-top:40px;}
	/* section03 */
	.section03 .col {margin:0 -10px;}
	.section03 .col .row {padding:0 10px;}
	.section03 .inner {height:300px; padding:30px;}
	.section03 .inner .txt-box {padding-right:30px;}
	.section03 .inner h4 {font-size:28px; margin-bottom:18px;}
	.section03 .inner p {font-size:18px;}
	/* section04 */
	.section04 .items {margin:0 -10px;}
	.section04 .item {padding:0 10px;}
	.section04 .inner {padding:30px 20px;}
	.section04 .inner h4 {font-size:20px; margin-bottom:18px;}
	.section04 .inner p {font-size:16px; margin-bottom:20px;}
	.section04 .sec04paging {margin-top:40px;}
	/* section05 */
	.section05 {padding-bottom:120px;}
	.section05 .cnt {height:400px;}
	.section05 .cnt h3 {font-size:40px; margin-bottom:18px;}
	.section05 .cnt p {font-size:18px; margin-bottom:40px;}
	.section05 .cnt a {width:140px; line-height:50px; padding:0 20px;}
	.section05 .cnt a:after {width:12px; height:12px; margin-top:-6px; right:20px;}
	.section05 .cnt a:hover:after {right:20px;}
}

@media (max-width: 640px) {
	#header {height:80px;}
	/* footer */
	#footer .wrap {padding:30px 0;}
	.foot-info {margin-bottom:30px;}
	.foot-info .foot-logo {margin-bottom:30px;}
	.foot-info .info p {font-size:12px;}
	.foot-info .info p.copy {margin-top:12px;}
	.foot-info .info p span {display:none;}
	.foot-info .info p br {display:block;}
	
	.foot-box p {font-size:16px; padding-left:20px;}
	.foot-box p:before {width:16px; height:16px; margin-top:-8px;}
	.foot-box a {font-size:16px; margin-bottom:30px;}
	.foot-box ul {justify-content:center;}
	.foot-wrap p {font-size:12px; margin-bottom:12px;}
	.foot-wrap p span {display:none;}
	.foot-wrap p br {display:block;}
	.foot-wrap ul li a {font-size:12px;}
	/* main */
	.main-visual {margin-top:80px;}
	.main-visual .visual-btn {bottom:15px;}
	.main-visual .pro-bar {width:50px; height:50px;}
	.main-visual .pro-bar:before {width:50px; height:50px;}
	.main-visual .btn-box {width:50px; height:50px;}
	.main-visual .btn-box button {width:10px; height:10px; margin-top:-5px; margin-left:-5px;}
	.main-visual .paging {left:70px;}
	.main-visual .paging li {font-size:12px; width:40px;}
	
	.scrolldown {bottom:15px;}
	/* section common */
	.section {padding:80px 0 100px;}
	.sec-tit {margin-bottom:30px;}
	.sec-tit h3 {font-size:28px; padding-right:20px;}
	.sec-tit h3:after {width:6px; height:6px;}
	.sec-tit p {font-size:16px; margin-top:18px;}
	.sec-tit .more {margin-top:20px;}
	.sec-tit .more a {font-size:14px; padding-right:20px;}
	.sec-tit .more a:after {width:10px; height:10px; margin-top:-5px;}
	/* section01 */
	.section01 .tab-menu {margin-bottom:30px;}
	.section01 .tab-menu ul li a {width:100px; font-size:14px; line-height:40px;}
	.section01 .tab-content {height:280px;}
	.section01 .tab-content .inner {padding:20px;}
	.section01 .tab-content .inner h4 {font-size:24px; margin-bottom:12px;}
	.section01 .tab-content .inner p {font-size:14px;}
	.section01 .tab-content .inner p br {display:none;}
	.section01 .tab-content .inner span {right:20px; bottom:70px;}
	/* section02 */
	.section02 .inner .txt-box {padding:20px;}
	.section02 .inner .txt-box:before {width:140px; height:130px;}
	.section02 .inner .txt-box p {font-size:18px; margin-bottom:14px;}
	.section .inner .date span {font-size:14px; padding-left:16px;}
	.section .inner .date span:before {width:10px; height:10px; margin-top:-5px;}
	.section02 .sec02paging {margin-top:30px;}
	/* section03 */
	.section03 .col {margin:0 0 -30px; display:block;}
	.section03 .col .row {padding:0; width:100%; margin-bottom:30px;}
	.section03 .inner {height:200px; padding:20px;}
	.section03 .inner .txt-box {padding-right:30px;}
	.section03 .inner h4 {font-size:24px; margin-bottom:10px;}
	.section03 .inner p {font-size:16px;}
	/* section04 */
	.section04 .inner {padding:20px;}
	.section04 .inner h4 {font-size:18px; margin-bottom:10px;}
	.section04 .inner p {font-size:14px; margin-bottom:12px;}
	.section04 .sec04paging {margin-top:30px;}
	/* section05 */
	.section05 {padding-bottom:100px;}
	.section05 .cnt {height:300px;}
	.section05 .cnt h3 {font-size:28px; margin-bottom:12px;}
	.section05 .cnt p {font-size:16px; margin-bottom:20px;}
	.section05 .cnt a {width:110px; line-height:40px; padding:0 15px;}
	.section05 .cnt a:after {width:10px; height:10px; margin-top:-5px; right:15px;}
	.section05 .cnt a:hover:after {right:15px;}
}

@media (max-width: 400px) {

	
}