@charset "utf-8";

@media (max-width: 1600px) {
	#gnb {padding:0 0 0 160px;}
	#gnb>ul {justify-content:flex-start;}	
	
	#gnb>ul>li>a {padding:0 15px;}
	#gnb>ul>li:nth-child(1)>a {width:250px;}
	#gnb>ul>li:nth-child(2)>a {width:210px;}
	#gnb>ul>li:nth-child(3)>a {width:210px;}
	#gnb>ul>li:nth-child(4)>a {width:130px;}
	#gnb>ul>li:nth-child(5)>a {width:160px;}

	#header.hactive #gnb>ul>li>a {padding:0 15px;}
	#header.hactive #gnb>ul>li:nth-child(1)>a {width:250px;}
	#header.hactive #gnb>ul>li:nth-child(2)>a {width:210px;}
	#header.hactive #gnb>ul>li:nth-child(3)>a {width:210px;}
	#header.hactive #gnb>ul>li:nth-child(4)>a {width:130px;}
	#header.hactive #gnb>ul>li:nth-child(5)>a {width:160px;}
	
	#gnb .submenu {padding:0 15px;}
	#gnb>ul>li:nth-child(1):before {width:250px;}
	#gnb>ul>li:nth-child(2):before {width:210px;}
	#gnb>ul>li:nth-child(3):before {width:210px;}
	#gnb>ul>li:nth-child(4):before {width:130px;}
	#gnb>ul>li:nth-child(5):before {width:160px;}
	
	#gnb>ul>li:nth-child(1) .submenu {width:250px;}
	#gnb>ul>li:nth-child(2) .submenu {width:210px;}
	#gnb>ul>li:nth-child(3) .submenu {width:210px;}
	#gnb>ul>li:nth-child(4) .submenu {width:130px;}
	#gnb>ul>li:nth-child(5) .submenu {width:160px;}
	
	#gnb .submenu ul li a {line-height:1.3em;}
	#header.hactive #gnb>ul>li:hover:before {height:458px;}
}

@media (max-width: 1440px) {
	.main {padding-top:180px;}
	.main .origin .item {height:100%; padding-bottom:0;}
}

@media (max-width: 1200px) {
	#gnb {display:none;}
	.main .thumb {max-width:520px;}
	.scroll-top {right:15px;}
}

@media (max-width: 1024px) {
	/* layout */
		/* header */
		#header {height:100px; position:absolute; top:0; left:0;}
		#header .sitelogo a {margin-top:-30px; height:60px;}
		#header .sitelogo a img {height:100%;}
		#header.active {transform:translateY(0);}
		#header.hide {transform:translateY(0);}
		#gnb {display:none;}
		/* footer */
		#footer {padding:24px 0;}
		#footer .col {display:block; margin-bottom:0; padding-right:70px;}
		#footer .copy {max-width:none; width:100%; padding-right:0; border-right:0; margin-bottom:0;}
		#footer .info {max-width:none; width:100%; padding:0;}
		#footer p {font-size:13px;}
	/* main */
		.main {height:100%; padding:140px 0 80px; overflow:hidden; position:relative; z-index:1;}
		.main .visual .item {height:1100px;}
		
		
		.main .col {flex-direction:column-reverse; max-width:680px; width:100%; margin:0 auto;}
		
		.main .thumb {max-width:none; margin-bottom:40px;}
		.main .thumb .items {margin-bottom:20px;}
		.main .thumb .slick-arrow {width:50px; height:50px; background-size:18px;}
		@keyframes roll-in-right{0%{transform:translateX(300px) rotate(720deg);opacity:0}100%{transform:translateX(0) rotate(0deg);opacity:1}}
		.main .custom_paging span {line-height:50px;}
		.main .custom_paging .count {font-size:20px; padding-right:40px; margin-right:10px;}
		.main .custom_paging .count:after{width:30px;}
		.main .custom_paging .num {font-size:14px;}
		
		.main .origin {width:100%; padding-top:0; padding-right:0; padding-left:0;}
		.main .origin h2 {font-size:48px; margin-bottom:30px;}		
		.main .origin ul li {width:33.333333%;}
		.main .origin ul li a {width:100%; min-height:auto; height:68px; padding:10px; font-size:15px;}
	/* sub */
		.real-cont {padding:80px 0 100px;}
		/* sib-visual */
		.sub-visual {height:350px; padding-top:100px;}
		.sub-title {margin-top:0;}
		.sub-title h2 {font-size:40px;margin-bottom:24px;}
		.sub-title ul li {padding-right:30px; font-size:15px;}
		.sub-title ul li:after {right:11px;}
		/* lnb */
		#lnb ul li a {font-size:15px; min-height:75px; padding:5px 10px;}
		/* page name */
		.pagename {margin-bottom:50px;}
		.pagename h3 {font-size:32px; padding-top:20px;}
		.pagename h3:before {width:20px; height:6px; margin-left:-10px;}
		.pagename h3:after {width:6px; height:6px; margin-left:-10px;}
		/* doc-cnt */
		.doc-cnt .img-box {padding:40px 20px;}
		.doc-cnt .img-box .img {padding:0 10px;}
		.doc-cnt .img-box .img p {font-size:16px; margin-top:10px;}
		.doc-cnt .txt-box ul li {margin-right:30px; font-size:16px; padding-left:10px;}
		.doc-cnt .txt-box ul li:before {top:10px;}
		.doc-cnt .txt-box P {font-size:16px;}
		
		.table table th {font-size:16px; padding:16px 10px;}
		.table table td {font-size:14px; padding:10px 10px;}
		/* s03 */
		.node .doc-cnt {margin-bottom:30px;}
		.sensor .doc-cnt {margin-bottom:30px;}		
		/* s05 01 */
		.vision .img-box {margin-bottom:50px;}
		.vision .col .tit {margin-bottom:40px;}
		.vision .col .tit h4 {font-size:38px;}
		.vision .col .txt p {font-size:16px; margin-bottom:18px;}
		.vision .col .txt p br {display:none;}
		/* s05 03 */
		.leader .cnt {margin-bottom:80px;}
		.leader .name {padding-bottom:20px; margin-bottom:20px;}
		.leader .name h5 {font-size:24px; margin-right:14px;}
		.leader .name p {font-size:15px;}
		.leader .title {margin-bottom:24px;}
		.leader .title h4 {font-size:28px; padding:0 24px;}
		.leader .title h4:before,
		.leader .title h4:after {width:6px; height:6px; margin-top:-3px;}
		.leader .col {margin:0 -10px;}
		.leader .col .row {padding:0 10px; margin-bottom:60px;}
		.leader .col .row .inner {padding:20px;}
		.leader .col .row .inner span {margin-bottom:10px;}
		.leader .col .row .inner p {font-size:15px;}
		.leader .box dl {padding:10px 0; align-items:center;}
		.leader .box dt {max-width:160px; padding:0 20px;}
		.leader .box dd {font-size:16px;}
		.leader .edu {margin-bottom:60px;}
		.leader .edu li {font-size:18px;}
		/* s05 05 */
		.contact .maps {height:300px; margin-bottom:50px;}
		.contact .txt-box {padding-right:120px;}
		.contact .txt dl {font-size:16px;}
		.contact .txt dt {width:100px;}
		.contact .map-btn ul {width:110px;}
		.contact .map-btn ul li a {height:50px;}
		.contact .map-btn ul li a:after {width:24px; height:24px; margin-top:-12px; margin-left:-12px;}
	
	
}

@media (max-width: 640px) {
	/* layout */
		/* header */
		#header {height:80px;}
		#header .sitelogo a {margin-top:-25px; height:50px;}
		/* footer */
		#footer {padding:18px 0;}
		#footer .col {padding-right:60px;}
		#footer p {font-size:12px;}
	/* main */
		.main {height:100%; padding:120px 0 60px;}		
		.main .visual .item {height:1100px;}
		.main .thumb {margin-bottom:20px;}
		.main .thumb .slick-arrow {width:40px; height:40px; background-size:16px;}
		@keyframes roll-in-right{0%{transform:translateX(240px) rotate(720deg);opacity:0}100%{transform:translateX(0) rotate(0deg);opacity:1}}
		.main .custom_paging {padding-right:10px;}
		.main .custom_paging span {line-height:40px;}
		.main .custom_paging .count {font-size:18px; padding-right:30px;}
		.main .custom_paging .count:after{width:20px;}
		.main .custom_paging .num {font-size:12px;}
		.main .origin h2 {font-size:32px; margin-bottom:20px;}		
		.main .origin ul li {width:50%;}
		.main .origin ul li a {height:100%; font-size:14px;}
	/* sub */
		.real-cont {padding:60px 0 80px;}
		/* sib-visual */		
		.sub-visual {height:280px; padding-top:80px;}
		.sub-title h2 {font-size:28px;margin-bottom:0;}
		.sub-title ul {display:none;}
		.sub-title ul li {padding-right:24px; font-size:14px;}
		.sub-title ul li:after {right:9px;}
		/* lnb */
		#lnb ul {flex-wrap:wrap; justify-content:center;}
		#lnb ul li {width:33.333333%; margin-bottom:5px;}
		#lnb ul li a {font-size:14px; min-height:52px; padding:5px 10px; border-radius:0;}
		/* page name */
		.pagename {margin-bottom:40px;}
		.pagename h3 {font-size:24px;}
		/* doc-cnt */
		.doc-cnt .img-box {padding:20px; justify-content:center; flex-wrap:wrap;}
		.doc-cnt .img-box .img {padding:0; margin-bottom:20px;}
		.doc-cnt .img-box .img:last-child {margin-bottom:0;}
		.doc-cnt .img-box .img p {font-size:14px;}
		.doc-cnt .txt-box ul {display:block;}
		.doc-cnt .txt-box ul li {margin-right:0; font-size:14px; padding-left:8px;}
		.doc-cnt .txt-box ul li:before {top:10px; width:3px; height:3px; top:9px;}
		.doc-cnt .txt-box P {font-size:16px;}
		
		.seismic .doc-cnt .img-box .img {padding:0;}
		.seismic .doc-cnt .img-box .img:after {display:none;}
		
		.table table th {font-size:13px; padding:5px;}
		.table table td {font-size:12px; padding:5px;}
		/* s03 */
		.node .doc-cnt {margin-bottom:30px;}
		.sensor .doc-cnt {margin-bottom:30px;}
		/* s05 01 */
		.vision .img-box {margin-bottom:30px;}
		.vision .col .tit {margin-bottom:20px;}
		.vision .col .tit h4 {font-size:28px;}
		.vision .col .txt p {font-size:14px; margin-bottom:10px;}
		/* s05 03 */
		.leader .cnt {margin-bottom:50px;}
		.leader .name {padding-bottom:15px; margin-bottom:15px;}
		.leader .name h5 {font-size:20px; margin-right:10px;}
		.leader .name p {font-size:14px;}
		.leader .title {margin-bottom:16px;}
		.leader .title h4 {font-size:24px; padding:0 20px;}
		.leader .title h4:before,
		.leader .title h4:after {width:4px; height:4px; margin-top:-2px;}
		.leader .col {margin:0; display:block;}
		.leader .col .row {padding:0; width:100%; margin-bottom:30px;}
		.leader .col .row .inner {padding:20px 10px; text-align:center;}
		.leader .col .row .inner span {font-size:16px;}
		.leader .col .row .inner p {font-size:14px;}		
		.leader .box dl {padding:10px 0; display:block;}
		.leader .box dt {max-width:none; padding:0; font-size:16px; margin-bottom:8px;}
		.leader .box dd {font-size:14px; width:100%;}
		.leader .edu {margin-bottom:40px;}
		.leader .edu li {font-size:16px;}
		/* s05 05 */
		.contact .maps {height:240px; margin-bottom:30px;}
		.contact .txt-box {padding-right:0;}
		.contact .txt dl {font-size:14px; display:block;}
		.contact .txt dt {width:100%; margin-bottom:4px;}
		.contact .txt dd {width:100%;}
		.contact .map-btn {position:relative; display:block;}
		.contact .map-btn ul {width:110px; margin:0 0 20px auto;}
	
}

@media (max-width: 400px) {
	/* layout */
		/* footer */
		#footer p span {display:none;}
		#footer p br {display:block;}
	/* sub */
		/* lnb */
		#lnb ul li {width:50%;}
		
		.leader .title h4 {font-size:20px;}
}