@charset "utf-8";

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

@media (max-width: 1024px) {
	
	/* sub-visual */
	.sub-visual {height:300px;}
	.sub-visual .tit-box {padding:50px 0;}
	.sub-visual .tit-box h2 {font-size:32px;}
	/* lnb */
	.lnb ul li a {height:60px; font-size:18px;}
	/* sub-title */
	.sub-title {padding:100px 15px 60px;}
	.sub-title h3 {font-size:30px;}
	/* sub cont */
	.real-cont {padding-bottom:180px;}

	.doc-img {margin-bottom:60px;}
	.doc-col {display:block;}
	.doc-tit {max-width:none; margin-bottom:60px;}
	.doc-tit p {font-size:16px;}
	.doc-tit h4 {font-size:28px;}
	.doc-txt {width:100%; padding-top:0;}
	.doc-txt .doc-tx {margin-bottom:40px;}
	.doc-txt .doc-tx p {font-size:20px;}
	/* sub 01 01 */
	.introduction {margin-bottom:100px;}
	.introduction .col {flex-wrap:wrap; margin:0 -10px -20px;}
	.introduction .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
	.introduction .inner {padding:40px 20px;}
	.introduction .inner .icon {margin-bottom:12px;}
	.introduction .inner .icon img {width:80px;}
	.introduction .inner h5 {font-size:20px; height:72px; margin-bottom:20px;}
	.introduction .inner span {width:80px;} 
	.introduction .inner p {font-size:18px; margin-top:10px;}
	.logomark .img-box {padding:40px;}
	/* sub 01 02 */
	.founding {margin-bottom:100px;}
	.founding .inner {padding:30px;}
	.founding .inner .top {margin-bottom:10px;}
	.founding .inner .top .num {font-size:32px;}
	.founding .inner .top .icon {width:60px;}
	.founding .inner h5 {font-size:24px;}
	.founding .inner p {font-size:20px;}
	
	.history .col:after {height:calc(100% - 20px); left:111px; top:20px;}
	.history .year {max-width:120px; font-size:30px;}
	.history .year:after {width:16px; height:16px; border:4px solid #1739A8; margin-top:-7px;}	
	.history .txt-box {padding-top:0; padding-bottom:60px; padding-left:30px;}
	.history .txt-box li {font-size:18px; margin-bottom:10px;}
	/* sub 01 03 */
	.chairmen .cnt01 {margin-bottom:100px;}
	.chairmen .cnt01 .col {margin:0 -8px;}
	.chairmen .cnt01 .col .row {padding:0 8px;}
	.chairmen .cnt01 .inner .tit {height:60px;}
	.chairmen .cnt01 .inner .tit h4 {font-size:28px; padding:0 24px;}
	.chairmen .cnt01 .inner .txt {padding:30px 20px;}
	.chairmen .cnt01 .inner .txt .name {display:block; text-align:center; margin-bottom:4px;}
	.chairmen .cnt01 .inner .txt .name h5 {font-size:24px; margin-right:0;}
	.chairmen .cnt01 .inner .txt .name p {font-size:18px;}
	.chairmen .cnt01 .inner .txt .period {margin-bottom:24px;}
	.chairmen .cnt01 .inner .txt .period p {font-size:18px;}
	.chairmen .cnt01 .inner .txt .line {width:90px;} 
	.chairmen .cnt01 .inner .txt ul {margin-top:20px;}
	.chairmen .cnt01 .inner .txt li {font-size:16px; padding-left:10px;}
	.chairmen .cnt01 .inner .txt li:before {width:3px; height:3px; top:10px;}
	.chairmen .cnt02 .box {margin-bottom:100px; padding:0 30px; min-height:380px;}
	.chairmen .cnt02 .box:before {display:none;}
	.chairmen .cnt02 .box .tit {width:300px; height:auto; transform:translateY(-10px); padding:10px 20px; margin-bottom:20px;}
	.chairmen .cnt02 .box .tit h4 {font-size:28px;}
	.chairmen .cnt02 .box .txt .name {margin-bottom:10px;}
	.chairmen .cnt02 .box .txt .name h5 {font-size:30px;}
	.chairmen .cnt02 .box .txt .name p {font-size:18px; padding-left:15px; margin-left:15px;}
	.chairmen .cnt02 .box .txt .name p:before {height:20px; margin-top:-10px;}
	.chairmen .cnt02 .box .txt li {font-size:18px; padding-left:14px;}
	.chairmen .cnt02 .box .txt li:before {width:4px; height:4px; top:11px; left:0;}
	.chairmen .cnt02 .box .img {right:15px; height:80%;}
	.chairmen .cnt02 .box .img img {height:100%;}
	.chairmen .cnt02 .box .tt {left:50%; bottom:-26px; font-size:60px; transform:translateX(-50%); white-space:nowrap;}
	/* sub 02 02 */
	.solutions {margin-bottom:100px;}
	.solutions .inner {padding:20px;}
	.solutions .inner .tit {margin-bottom:10px;}
	.solutions .inner .tit p {font-size:32px; margin-bottom:0;}
	.solutions .inner .tit .icon {width:60px;}
	.solutions .inner .txt h5 {font-size:20px;}
	.solutions .inner .txt p {font-size:18px;}

	.achievements {padding:100px 0;}
	.achievements .box {padding:40px 20px; margin-left:0; display: flex; align-items:center;}	
	.achievements .box:before {display:none;}
	.achievements .box .icon {position:relative; top:0; margin-top:0; left:0; width:100%; max-width:100px;}
	.achievements .box .txt {width:1%; flex:1 1 auto; padding-left:40px;}
	.achievements .box h5 {font-size:24px;}
	.achievements .box p {font-size:20px; margin-bottom:20px;}
	.achievements .box .date {font-size:16px; padding-left:24px;}
	.achievements .box .date:before {width:18px; height:18px; margin-top:-9px;}
	.achievements .box:after {display:none;}
	
	.industrial {padding:100px 0;}
	.industrial table col:first-child {width:140px;}
	.industrial table thead th {font-size:20px; padding:10px;}
	.industrial table tbody th {font-size:16px; padding:10px;}
	.industrial table tbody td {font-size:16px; padding:10px 20px;}

	.publications .wrap {margin-top:40px;}
	.publications .box {padding:30px 20px;}
	.publications .box .txt {padding-right:20px;}
	.publications .box .txt h5 {font-size:24px;}
	.publications .box .txt p {font-size:20px; margin-bottom:20px;}
	.publications .box .txt ul {margin:0 -15px;}
	.publications .box .txt ul li {padding:0 15px; font-size:16px;}
	.publications .box .txt ul li:after {height:16px; margin-top:-8px;}
	.publications .box .btn {max-width:90px;}
	.publications .box .btn a {width:90px; height:90px;}
	.publications .box .btn a .icon {width:30px; height:30px;}
	.publications .box .btn a p {font-size:14px;}
	/* sub 03 01 */
	.member .col {display:flex; margin-bottom:30px; padding-bottom:30px;}
	.member .col:last-child {padding-bottom:60px;}
	.member .imgs {padding-left:30px;}
	.member .imgs ul li {width:auto;}
	.member .imgs p {font-size:16px;}
	/* sub 03 02 */
	.audit  .col {flex-wrap:wrap; margin:0 -20px;}
	.audit .row {width:50%; padding:0 20px; margin-bottom:40px;}
	.audit .row:after {width:40px; height:40px; margin-top:-20px; right:-20px;}
	.audit .inner .tit {padding:10px;}
	.audit .inner .tit p {font-size:20px;}
	.audit .inner .txt {padding:20px;}
	.audit .inner .txt .icon {margin-bottom:14px;}
	.audit .inner .txt h4 {font-size:24px; margin-bottom:20px;}
	.audit .inner .txt p {font-size:18px; margin-top:20px;}
	.audit .inner .txt span {width:90px;}
	.audit .box {padding:30px;}
	.audit .box dl {margin-bottom:10px; font-size:20px;}
	.audit .box dt {max-width:100px; padding-left:14px;}
	.audit .box dt:before {width:4px; height:4px; top:15px; left:0;}
	.audit .box dd span {margin:0 4px;}
	.audit .box dd br {display:none;}
	
	.organization img{padding-left: 60px;}
}

@media (max-width: 640px) {
	
	#sub #wrapper {padding-top:80px;}
	
		.organization img{padding-left: 50px;}
	/* sub-visual */
	.sub-visual {height:200px;}
	.sub-visual .tit-box {padding:30px 0;}
	.sub-visual .tit-box h2 {font-size:28px;}
	/* lnb */
	.lnb ul li a {height:50px; font-size:14px;}
	/* sub-title */
	.sub-title {padding:100px 15px 60px;}
	.sub-title h3 {font-size:30px;}
	/* sub cont */
	.real-cont {padding-bottom:100px;}

	.doc-img {margin-bottom:40px;}
	.doc-tit {margin-bottom:30px;}
	.doc-tit p {font-size:14px;}
	.doc-tit h4 {font-size:24px;}
	.doc-txt .doc-tx {margin-bottom:30px;}
	.doc-txt .doc-tx p {font-size:16px;}
	/* sub 01 01 */	
	.introduction {margin-bottom:60px;}
	.introduction .inner {padding:30px 20px;}
	.introduction .inner .icon {margin-bottom:10px;}
	.introduction .inner .icon img {width:60px;}
	.introduction .inner h5 {font-size:18px; height:70px;}
	.introduction .inner span {width:70px;} 
	.introduction .inner p {font-size:16px;}
	.logomark .img-box {padding:30px;}
	/* sub 01 02 */
	.founding {margin-bottom:60px;}
	.founding .col {display:block; margin:0 0 -20px;}
	.founding .row {width:100%; padding:0; margin-bottom:20px;}
	.founding .inner {padding:20px;}
	.founding .inner .top .num {font-size:28px;}
	.founding .inner .top .icon {width:40px;}
	.founding .inner h5 {font-size:20px;}
	.founding .inner p {font-size:16px;}
	.history .col:after {height:calc(100% - 20px); left:78px; top:20px;}
	.history .year {max-width:85px; font-size:24px;}
	.history .year:after {width:12px; height:12px; border:3px solid #1739A8; margin-top:-8px;}
	.history .txt-box {padding-bottom:40px; padding-left:20px;}
	.history .txt-box li {font-size:16px;}
	/* sub 01 03 */
	.chairmen .cnt01 {margin-bottom:60px;}
	.chairmen .cnt01 .col {margin:0 0 -20px; display:block;}
	.chairmen .cnt01 .col .row {padding:0; margin-bottom:20px; width:100%;}
	.chairmen .cnt01 .inner .tit {height:40px;}
	.chairmen .cnt01 .inner .tit h4 {font-size:24px; padding:0 30px;}
	.chairmen .cnt01 .inner .txt {padding:20px;}
	.chairmen .cnt01 .inner .txt .img {width:120px; margin:0 auto 20px;}
	.chairmen .cnt01 .inner .txt .name h5 {font-size:20px;}
	.chairmen .cnt01 .inner .txt .name p {font-size:16px;}
	.chairmen .cnt01 .inner .txt .period {margin-bottom:20px;}
	.chairmen .cnt01 .inner .txt .period p {font-size:16px;}
	.chairmen .cnt01 .inner .txt .line {width:70px;} 
	.chairmen .cnt01 .inner .txt li {font-size:14px;}
	.chairmen .cnt01 .inner .txt li:before {top:8px;}
	.chairmen .cnt02 .box {margin-bottom:60px; padding:20px 20px 60px; min-height:auto;}
	.chairmen .cnt02 .box .tit {width:120px; padding:5px 10px;}
	.chairmen .cnt02 .box .tit h4 {font-size:20px;}
	.chairmen .cnt02 .box .txt .name h5 {font-size:24px;}
	.chairmen .cnt02 .box .txt .name p {font-size:16px; padding-left:10px; margin-left:10px;}
	.chairmen .cnt02 .box .txt .name p:before {height:16px; margin-top:-8px;}
	.chairmen .cnt02 .box .txt li {font-size:16px; padding-left:10px;}
	.chairmen .cnt02 .box .txt li:before {top:10px;}
	.chairmen .cnt02 .box .img {height:70%;}
	.chairmen .cnt02 .box .tt {bottom:-16px; font-size:40px;}
	/* sub 02 02 */
	.solutions {margin-bottom:60px;}
	.solutions .col {display:block; margin:0 0 -20px;}
	.solutions .col .row {width:100%; padding:0; margin-bottom:20px;}
	.solutions .inner .tit p {font-size:20px;}
	.solutions .inner .tit .icon {width:40px;}
	.solutions .inner .txt h5 {font-size:18px;}
	.solutions .inner .txt p {font-size:16px;}

	.achievements {padding:60px 0;}
	.achievements .box {padding:30px 20px; display:block;}	
	.achievements .box .icon {max-width:60px; margin-bottom:30px;}
	.achievements .box .txt {width:100%; padding-left:0;}
	.achievements .box h5 {font-size:20px;}
	.achievements .box p {font-size:16px; margin-bottom:16px;}
	.achievements .box .date {font-size:14px; padding-left:20px;}
	.achievements .box .date:before {width:16px; height:16px; margin-top:-8px;}
	
	.industrial {padding:60px 0;}
	.industrial table col:first-child {width:100px;}
	.industrial table thead th {font-size:18px; padding:10px;}
	.industrial table tbody th {font-size:14px; padding:10px;}
	.industrial table tbody td {font-size:14px; padding:10px 15px;}

	.publications .wrap {margin-top:30px;}
	.publications .box {padding:20px;}
	.publications .box .txt h5 {font-size:20px;}
	.publications .box .txt p {font-size:18px; margin-bottom:10px; height:calc(1.6em * 1 * 3); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.publications .box .txt ul li {font-size:14px;}
	.publications .box .txt ul li:after {height:12px; margin-top:-6px;}
	.publications .box .btn {max-width:70px;}
	.publications .box .btn a {width:70px; height:70px;}
	.publications .box .btn a .icon {width:20px; height:20px;}
	/* sub 03 01 */
	.member .col {display:block; margin-bottom:20px; padding-bottom:20px;}
	.member .col:last-child {padding-bottom:20px;}
	.member .logo {max-width:none; padding:10px; margin-bottom:20px;}
	.member .imgs {padding-left:0; width:100%; display:block;}
	.member .imgs ul {width:;}
	.member .imgs ul li {width:33.33333%;}
	.member .imgs p {font-size:16px; position:relative; top:0; left:0; bottom:0; margin-top:10px;}
	/* sub 03 02 */
	.audit  .col {margin:0 -10px;}
	.audit .row {padding:0 10px; margin-bottom:20px;}
	.audit .row:after {width:30px; height:30px; margin-top:-15px; right:-15px;}
	.audit .inner .tit p {font-size:16px;}
	.audit .inner .txt .icon {margin:0 auto 10px; width:60px;}
	.audit .inner .txt h4 {font-size:20px;}
	.audit .inner .txt p {font-size:16px;}
	.audit .inner .txt span {width:70px;}
	
	.audit .box dl {font-size:18px; display:block;}
	.audit .box dt {max-width:none; padding-left:10px; margin-bottom:4px;}
	.audit .box dt:before {top:13px; left:0;}
	.audit .box dd {width:100%; padding-left:10px;}
	.audit .box dd span {display:none;}
	.audit .box dd br {display:block;}
	
}

@media (max-width: 500px) {
	
	.chairmen .cnt02 .box .img {display:none;}
	
			.organization img{padding-left: 6vw;}
	
}

@media (max-width: 400px) {
	
	.introduction .col .row {width:100%;}
	.introduction .inner h5 {height:auto;}
	
	.history .txt-box li {font-size:14px;}
	
	.member .imgs ul li {width:50%;}

	.audit .row {width:100%;}
	.audit .row:after {display:none;}
	
}