@charset "utf-8";

@media (max-width: 1800px) {
	
	.section01 .col {display:block; max-width:1310px; margin:0 auto;}
	.section01 .img-box {margin-bottom:60px; width:100%;}
	.section01 .txt-box {max-width:none; padding-left:0;}
	.section01 .txt-box p br {display:none;}
	
	.quick {right:30px;}
}

@media (max-width: 1600px) {
	
	#gnb>ul {justify-content:normal; margin-left:380px;}
	#gnb>ul>li {padding:0 32px;}
	#gnb>ul>li>a {font-size:18px;}
	
	#gnb .submenu ul li {margin-bottom:10px;}
	#gnb .submenu ul li a {font-size:16px;}
	
}

@media (max-width: 1400px) {
	
	#header .sitelogo a {height:38px; margin-top:-19px;}
	#header .sitelogo a img {height:100%;}
	
	#gnb>ul {margin-left:280px;}
	#gnb>ul>li {padding:0 32px;}
	#gnb>ul>li>a {font-size:16px;}
	
	#gnb .submenu ul {padding:24px 0 46px;}
	#gnb .submenu ul li a {font-size:14px;}
	
	.search-wrap input {padding:0 30px 0 15px; max-width:170px; font-size:12px;}
	.search-wrap input::placeholder {font-size:12px;}

	.sec-tit h3 {font-size:42px;}
	
	.section02 .system-box {max-width:580px;}
	.section02 .system-box .inner {padding:60px 40px;}
	
	.section05 .txt-box .txt ul li {padding:0 10px; font-size:50px;}
	
}

@media (max-width: 1230px) {

	#gnb {display:none;}
	
	.quick {right:15px;}
	.quick li {padding-bottom:12px;}
	
}

@media (max-width: 1024px) {
	
	#header {height:90px;}
	#header.hide {transform:translateY(0);}
	/* main-visual */
	.main-visual {padding-top:90px;}
	.main-visual .item {height:calc(100vh - 90px);}
	.main-visual .txt-box h2 {font-size:50px;}
	.main-visual .paging {bottom:80px; padding:0 15px;}
	.main-visual .paging ul {justify-content:normal;}
	.main-visual .paging ul li button {width:130px; font-size:14px;}
	.main-visual .scrolldown {right:15px; bottom:60px;}
	/* section01 */
	.section01 {padding:80px 0 120px;}
	.section01 .txt-box p {font-size:20px;}
	/* sec-tit */
	.sec-tit {margin-bottom:32px;}
	.sec-tit h3 {font-size:32px;}
	/* section02 */
	.section02 {margin-bottom:120px;}
	.section02 .tab-menu {margin-bottom:30px;}
	.section02 .tab-menu ul li a {padding:0 16px; line-height:40px; font-size:14px;}
	.section02 .tab-menu ul li a.all:before {width:16px; height:16px;}
	.section02 .col {display:block; margin:0;}
	.section02 .col > div {padding:0;}
	.section02 .news-box {width:100%; margin-bottom:60px; border-right:0;}
	.section02 .news-box .row {width:33.33333%;}
	.section02 .news-box .inner {padding:20px;}
	.section02 .news-box .inner span {padding:0 16px; line-height:36px; font-size:16px; margin-bottom:10px;}
	.section02 .news-box .inner h4 {font-size:20px; margin-bottom:18px;}
	.section02 .news-box .inner .date p {font-size:18px; padding-left:18px;}
	.section02 .news-box .inner .date p:before {width:12px; height:12px; margin-top:-6px;}
	.section02 .system-box {margin:0 auto; height:640px; max-width:500px;}
	.section02 .system-box .inner {padding:40px 20px;}
	.section02 .system-box .inner h4 {font-size:28px; margin-bottom:20px;}
	.section02 .system-box .inner p {font-size:18px;}
	.section02 .system-box .inner ul {justify-content:center; margin:0 -10px 20px;}
	.section02 .system-box .inner ul li {padding:0 10px;}
	.section02 .system-box .inner ul li a {padding:0 16px; line-height:50px; font-size:14px;}
	.section02 .system-box .inner .tag > a {font-size:18px; line-height:60px;}
	/* section03 */
	.section03 {margin-bottom:120px;}
	.section03 .col {margin:0; display:block;}
	.section03 .col .row {padding:0; width:100%; margin-bottom:60px;}
	.section03 .col .row:last-child {margin-bottom:0;}
	.section03 .inner {display:flex; align-items:center;}
	.section03 .inner .img-box {width:100%; max-width:340px;}
	.section03 .inner .txt-box {width:1%; flex:1 1 auto; padding:20px;}
	.section03 .inner .txt-box h4 {font-size:20px; margin-bottom:20px;}
	.section03 .inner .txt-box .date p {font-size:18px;}
	.section03 .progress-wrap {margin-top:30px;}
	/* section04 */
	.section04 {margin-bottom:120px;}
	.section04 .tab-menu {margin-bottom:40px;}
	.section04 .tabs {margin:0; justify-content:center;}
	.section04 .tabs li {padding:0 20px;}
	.section04 .tabs li:after {width:2px; height:30px; margin-top:-15px; right:-1px;}
	.section04 .tabs li a {font-size:32px;}
	.section04 .items {margin:0 -15px;}
	.section04 .items .item {padding:0 15px;}
	.section04 .inner .img-box {margin-bottom:24px;}
	.section04 .inner .txt-box {display:block; text-align:center;}
	.section04 .inner .txt-box h4 {font-size:24px;}
	.section04 .inner .txt-box p {font-size:18px; padding-left:18px; display:inline-block;}
	.section04 .inner .txt-box p:before {width:12px; height:12px; margin-top:-6px;}
	.section04 .progress-wrap {margin-top:40px;}
	/* section05 */
	.section05 {margin-bottom:120px;}
	.section05 .col {display:block; margin:0;}
	.section05 .col .row {width:100%; padding:0; margin-bottom:30px; padding-bottom:30px;}
	.section05 .col .row:after {width:100%; height:1px; position:absolute; top:auto; bottom:0;}
	.section05 .tit-box ul li a {padding:20px; font-size:20px;}
	.section05 .tit-box ul li a:after {width:16px; height:16px; margin-top:-8px; right:20px;}
	.section05 .txt-box {height:auto; padding:30px 20px; }
	.section05 .txt-box .tit {margin-bottom:40px;}
	.section05 .txt-box .tit p {font-size:20px;}
	.section05 .txt-box .tit p:after {width:16px; height:16px; margin-top:-8px;}
	.section05 .txt-box .txt p {font-size:18px;}
	.section05 .txt-box .txt ul {margin:0 -10px;}
	.section05 .txt-box .txt ul li {padding:0 10px; font-size:30px;}
	.section05 .txt-box .txt ul li:after {height:20px; bottom:10px;}
	.section05 .txt-box .txt ul li span {font-size:14px;}
	/* section06 */
	.section06 {padding:50px 0;}
	.section06 .col {display:block;}
	.section06 .tit-box {max-width:none; margin-bottom:60px;}
	.section06 .tit-box h3 {font-size:20px;}
	.section06 .txt-box {width:100%;}
	.section06 .txt-box .item .img {height:80px;}
	/* footer */
	#footer {padding:50px 0; text-align:center;} 
	.foot-col {display:block;}
	.foot-logo {max-width:none; margin-bottom:30px;}
	.foot-cnt {width:100%;}
	.foot-cnt .info {margin-bottom:20px; padding-bottom:20px;}
	.foot-cnt .info p {font-size:18px;}
	.foot-cnt .info a {padding-right:20px;}
	.foot-cnt .info a:after {width:12px; height:12px; margin-top:-6px;}
	
	.foot-cnt .copy {display:block;}
	.foot-cnt .copy p {font-size:18px; margin-bottom:30px;}
	.foot-cnt .copy ul {justify-content:center;}
	.foot-cnt .copy ul li a {font-size:16px;}

	.scrolltop {transform:translateX(70px); bottom:60px; right:15px; width:50px; height:50px;}
	
}

@media (max-width: 640px) {

	#header {height:80px;}
	#header .search-wrap {display:none;}
	.mob_search {display:block; position:relative; width:100%; margin-bottom:30px;}
	
	.mob_search input {width:100%; line-height:40px; background:#f8f8f8; padding:0 40px 0 20px; border-radius:20px; border:0; outline:none; font-size:14px; color:#333; font-weight:500; max-width:none;}
	.mob_search input::placeholder {font-size:14px; color:#ddd; font-weight:500;}
	.mob_search button {width:18px; height:18px; background-image:url('../img/layout/search.png'); background-color:transparent; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-9px; right:16px; border:0;}

	
	
	/* main-visual */
	.main-visual {padding-top:80px;}
	.main-visual .item {height:calc(100vh - 80px);}
	.main-visual .txt-box h2 {font-size:30px;}
	.main-visual .paging {bottom:60px; padding:0 10px;}
	.main-visual .paging ul li button {width:110px; font-size:12px;}
	.main-visual .paging ul li:before, .main-visual .paging ul li:after {bottom:-10px;}
	.main-visual .scrolldown {right:15px; bottom:60px;}
	/* section01 */
	.section01 {padding:60px 0 100px;}
	.section01 .img-box {margin-bottom:30px;}
	.section01 .txt-box p {font-size:16px;}
	/* sec-tit */
	.sec-tit {margin-bottom:24px;}
	.sec-tit h3 {font-size:24px;}
	/* section02 */
	.section02 {margin-bottom:100px;}
	.section02 .tab-menu ul li a {padding:0 12px; line-height:38px;}
	.section02 .tab-menu ul li a.all:before {width:16px; height:16px;}
	.section02 .news-box {margin-bottom:30px;}
	.section02 .news-box .row {width:50%;}
	.section02 .news-box .inner span {padding:0 12px; line-height:30px; font-size:14px;}
	.section02 .news-box .inner h4 {font-size:18px; margin-bottom:12px;}
	.section02 .news-box .inner .date p {font-size:16px;}
	.section02 .system-box {height:640px; max-width:400px;}
	.section02 .system-box .inner {padding:30px 20px;}
	.section02 .system-box .inner h4 {font-size:24px; margin-bottom:18px;}
	.section02 .system-box .inner p {font-size:16px;}
	.section02 .system-box .inner ul li a {padding:0 14px; line-height:40px;}
	.section02 .system-box .inner .tag > a {font-size:16px; line-height:50px;}
	/* section03 */
	.section03 {margin-bottom:100px;}
	.section03 .col .row {margin-bottom:30px;}
	.section03 .inner {display:block;}
	.section03 .inner .img-box {max-width:none;}
	.section03 .inner .txt-box {width:100%;}
	.section03 .inner .txt-box h4 {font-size:18px; margin-bottom:16px;}
	.section03 .inner .txt-box .date p {font-size:16px;}
	.section03 .progress-wrap {margin-top:20px;}
	/* section04 */
	.section04 {margin-bottom:100px;}
	.section04 .tab-menu {margin-bottom:30px;}
	.section04 .tabs li {padding:0 10px;}
	.section04 .tabs li a {font-size:24px;}
	.section04 .items {margin:0 -10px;}
	.section04 .items .item {padding:0 10px;}
	.section04 .inner .img-box {margin-bottom:20px;}
	.section04 .inner .txt-box h4 {font-size:20px;}
	.section04 .inner .txt-box p {font-size:16px;}
	.section04 .progress-wrap {margin-top:30px;}
	/* section05 */
	.section05 {margin-bottom:100px;}
	.section05 .col .row {margin-bottom:20px; padding-bottom:20px;}
	.section05 .tit-box ul li a {font-size:18px;}
	.section05 .txt-box {padding:20px;}
	.section05 .txt-box .tit {margin-bottom:20px;}
	.section05 .txt-box .tit p {font-size:18px;}
	.section05 .txt-box .txt p {font-size:16px;}
	.section05 .txt-box .txt ul li {font-size:20px;}
	/* section06 */
	.section06 {padding:40px 0;}
	.section06 .tit-box {margin-bottom:30px;}
	.section06 .tit-box h3 {font-size:18px;}
	.section06 .txt-box .item .img {height:60px;}
	/* footer */
	#footer {padding:30px 0; } 
	.foot-logo {max-width:none; margin-bottom:30px;}
	.foot-logo img {height:140px;}
	.foot-cnt .info p {font-size:14px;}
	.foot-cnt .info p span {display:none;}
	.foot-cnt .info p br {display:block;}
	
	.foot-cnt .copy p {font-size:14px; margin-bottom:20px;}
	.foot-cnt .copy ul li a {font-size:14px;}
	

	.scrolltop {transform:translateX(70px); bottom:60px; right:15px; width:50px; height:50px;}
	
}

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