@charset "utf-8";

@media (max-width: 1400px) {

	.profile .cnt01 .inner {padding:30px;}
	.profile .cnt03 .txt-box {max-width:600px;}
	
	.history .txt-box {max-width:600px;}
	
}

@media (max-width: 1024px) {
	
	#sub {overflow:hidden;}
	/* sub-visual gnb */
	.sub-visual {height:auto; padding-top:90px;}
	.sub-visual .tit-box {padding:100px 0 120px;}
	.sub-visual .tit-box h2 {font-size:50px; margin-bottom:14px;}
	.sub-visual .tit-box p {font-size:20px;}
	.sub-visual04 .tit-box p, 
	.sub-visual05 .tit-box p {margin-bottom:0;}
	.sub-visual .gnb {margin-top:40px;}
	.sub-visual .gnb ul {margin:0 -6px -12px;}
	.sub-visual .gnb ul li {padding:0 6px; margin-bottom:12px;}
	.sub-visual .gnb ul li a {min-width:auto; padding:5px 18px; height:48px; font-size:16px;}
	/* sub-title */
	.sub-title {padding:120px 0 60px;}
	.sub-title h3 {font-size:38px; padding-top:30px;}
	.sub-title h3:before {width:44px; height:6px; margin-left:-22px;}
	/* sub */
	.real-cont {padding-bottom:120px;}
	/* sub 01 01 */
	.greeting .img-box {margin-bottom:60px;}
	.greeting .col {display:block; margin-bottom:60px;}
	.greeting .tit-box {max-width:none; margin-bottom:60px;}
	.greeting .tit-box h4 {font-size:28px;}
	.greeting .txt-box {width:100%}
	.greeting .txt-box p {font-size:20px; margin-bottom:24px;}
	.greeting .ceo {padding-top:24px;}
	.greeting .ceo:after {width:60px;}
	.greeting .ceo p {font-size:16px; margin-right:24px;}
	.greeting .ceo .name {font-size:22px;}
	/* sub 01 02 */
	.profile .cnt01 {padding-bottom:160px;}
	.profile .cnt01 .col {margin:0 -10px;}
	.profile .cnt01 .col .row {padding:0 10px;}
	.profile .cnt01 .inner {padding:24px;}
	.profile .cnt01 .inner .icon {width:50px; height:50px; margin-bottom:60px;}
	.profile .cnt01 .inner p {font-size:20px; margin-bottom:14px;}
	.profile .cnt01 .inner h4 {font-size:24px;}
	.profile .cnt01 .inner h4 span {font-size:18px;}
	.profile .cnt02 {padding:120px 0;}
	.profile .cnt02 .tit-box {margin-bottom:30px;}
	.profile .cnt02 .tit-box p {font-size:20px; margin-bottom:4px;}
	.profile .cnt02 .tit-box h4 {font-size:38px;}
	.profile .cnt02 .txt-box p {font-size:20px;}
	.profile .cnt03 {padding:120px 0;}
	.profile .cnt03 .col {margin-bottom:100px; display:block;}
	.profile .cnt03 .tit-box {width:100%; margin-bottom:60px;}
	.profile .cnt03 .col:nth-child(odd) .tit-box {padding-right:0;}
	.profile .cnt03 .col:nth-child(even) .tit-box {padding-left:0;}
	.profile .cnt03 .tit-box h4 {font-size:38px; margin-bottom:28px;}
	.profile .cnt03 .tit-box p {font-size:20px;}
	.profile .cnt03 .txt-box {max-width:none;}
	.profile .cnt03 .txt-box ul li p {height:100px;}
	.profile .cnt03 .txt-box ul li p span {font-size:16px;}
	/* sub 01 03 */
	.history .col {display:block;}
	.history .tit-box {width:100%; padding:0; margin-bottom:100px;}
	.history .tit-box .tit {margin:0 auto; text-align:center;}
	.history .tit-box .tit h4 {font-size:30px; margin-bottom:10px;}
	.history .tit-box .tit p {font-size:18px; margin-bottom:24px;}
	.history .txt-box {max-width:none; padding-bottom:140px;}
	.history .txt-box:before {height:calc(100% - 18px); top:18px;}
	.history .txt-box .box {margin-bottom:30px; padding-left:70px;}
	.history .txt-box .box:before {width:10px; height:10px; top:18px;}
	.history .txt-box .box:after {width:50px; top:22px;}
	.history .txt-box .year {font-size:32px;}
	.history .txt-box .txt dt {max-width:48px; font-size:18px;}
	.history .txt-box .txt dd {font-size:16px;}	
	/* sub 01 05 */
	.location .tab-menu {margin-bottom:32px;}
	.location .tab-menu ul li a {width:160px; line-height:50px; font-size:18px;}
	.location .maps {height:300px; margin-bottom:40px;}
	.location .col {display:block; position:relative; padding-right:0; padding-top:100px;}
	.location .btn-box ul li a {font-size:14px; width:80px; height:80px; padding:15px; display:block;}
	.location .btn-box ul li a .icon {position:relative; display:block; margin-left:0; top:0; left:0;}
	.location .tit-box {max-width:none; margin-bottom:30px;}
	.location .tit-box h4 {font-size:32px;}
	.location .txt-box {width:100%;}
	.location .txt-box dl {font-size:18px;}
	.location .txt-box dt {max-width:120px;}
	/* sub 02 */
	.sub-title02,
	.sub-title03 {padding-bottom:20px;}
	.sub-title p {font-size:24px; margin-top:20px;}

	.overview {padding:200px 0 40px; margin-bottom:60px;}
	.overview .col {padding:30px; }
	.overview .col .tit-box {max-width:240px;}
	.overview .col .tit-box h4 {font-size:32px;}
	.overview .col .tit-box h4:after {width:10px; height:10px;}
	.overview .col .txt-box p {font-size:20px;}
	
	.cnt-tit {margin-bottom:40px;}
	.cnt-tit p {font-size:20px;}
	.cnt-tit h4 {font-size:32px;}
	
	#sub .cnt {margin-bottom:100px;}

	.ol-wrap .col {margin-bottom:50px; padding:20px;}
	.ol-wrap .col .txt-box .num {font-size:30px; margin-bottom:14px;}
	.ol-wrap .col .txt-box p {font-size:24px;}

	.cnt-txt {padding:30px; margin-bottom:30px;}
	.cnt-txt p {font-size:20px;}

	.cnt-img {padding:50px;}

	.child-wrap .inner {padding:20px; flex-direction:column-reverse; text-align:center;}
	.child-wrap .inner p {font-size:20px; width:100%; padding-right:0; padding-left:0;}
	.child-wrap .inner p br {display:none;}
	.child-wrap .inner p span {font-size:16px;}
	.child-wrap .inner .icon {max-width:80px; height:80px; margin-bottom:20px;}
	/* sub 03 */
	.sys-wrap .col {margin:0 0 -60px;}
	.sys-wrap .col .row {padding:0; margin-bottom:60px;}
	.sys-wrap .col .row50 {width:100%;}
	.sys-wrap .col .row25 {width:100%;}
	.sys-wrap .txt-box {padding:30px; margin-bottom:30px;}
	.evaporation .sys-wrap .txt-box {min-height:auto;}
	.mvr .sys-wrap .txt-box {min-height:auto ;}
	.sys-wrap .txt-box h5 {font-size:24px; margin-bottom:10px;}
	.sys-wrap .txt-box p {font-size:18px;}
	.sys-wrap .img-box {height:auto;}
	
	.zld-wrap .inner {padding:20px;}
	.zld-wrap .inner p {font-size:16px;}
	.zld-wrap .inner p br {display:none;}

	.app-wrap .col {margin:0 -10px -20px;}
	.app-wrap .col .row {padding:0 10px; margin-bottom:20px;}
	.app-wrap .txt-box {padding:20px;}
	.app-wrap .txt-box p {font-size:18px;}
	
	/* 일반게시판 뷰 페이지 */
	.custum-view {padding:80px 0 100px;}
	.custum-view .title {margin-bottom:40px;}
	.custum-view .title h4 {font-size:28px;}
	.custum-view .cols {margin-bottom:30px;}
	.custum-view .col .tit {max-width:240px;}
	.custum-view .col .tit h5 {font-size:20px;}
	.custum-view .col .txt {padding:15px 20px;}
	.custum-view .col .txt p {font-size:18px;}
	.custum-view .txt-box p {font-size:18px;}
	
}

@media (max-width: 640px) {
	
	/* sub-visual gnb */
	.sub-visual {padding-top:80px;}
	.sub-visual .tit-box h2 {font-size:38px; margin-bottom:10px;}
	.sub-visual .tit-box p {font-size:16px;}
	.sub-visual .gnb {margin-top:30px;}
	.sub-visual .gnb ul li a {padding:5px 15px; height:40px; font-size:14px;}
	/* sub-title */
	.sub-title {padding:100px 0 60px;}
	.sub-title h3 {font-size:30px; padding-top:24px;}
	.sub-title h3:before {width:36px; height:4px; margin-left:-18px;}
	/* sub */
	.real-cont {padding-bottom:100px;}
	/* sub 01 01 */
	.greeting .img-box {margin-bottom:30px;}
	.greeting .col {margin-bottom:30px;}
	.greeting .tit-box {margin-bottom:30px;}
	.greeting .tit-box h4 {font-size:24px;}
	.greeting .txt-box p {font-size:16px; margin-bottom:18px;}
	.greeting .ceo {padding-top:20px;}
	.greeting .ceo:after {width:40px;}
	.greeting .ceo p {font-size:14px; margin-right:20px;}
	.greeting .ceo .name {font-size:18px;}
	/* sub 01 02 */
	
	.profile .cnt01 {padding-bottom:120px;}
	.profile .cnt01 .col {margin:0 0 -20px; display:block;}
	.profile .cnt01 .col .row {padding:0; width:100%; margin-bottom:20px;}
	.profile .cnt01 .inner {padding:20px;}
	.profile .cnt01 .inner .icon {width:40px; height:40px; margin-bottom:30px;}
	.profile .cnt01 .inner p {font-size:18px; margin-bottom:10px;}
	.profile .cnt01 .inner h4 {font-size:20px;}
	.profile .cnt01 .inner h4 span {font-size:16px;}
	.profile .cnt02 {padding:100px 0;}
	.profile .cnt02 .tit-box {margin-bottom:20px;}
	.profile .cnt02 .tit-box p {font-size:18px; margin-bottom:4px;}
	.profile .cnt02 .tit-box h4 {font-size:28px;}
	.profile .cnt02 .txt-box p {font-size:18px;}
	.profile .cnt02 .txt-box p br {display:none;}
	.profile .cnt03 {padding:100px 0;}
	.profile .cnt03 .col {margin-bottom:60px;}
	.profile .cnt03 .tit-box {margin-bottom:30px;}
	.profile .cnt03 .tit-box h4 {font-size:28px; margin-bottom:18px;}
	.profile .cnt03 .tit-box p {font-size:18px;}
	.profile .cnt03 .txt-box ul li {width:50%;}
	.profile .cnt03 .txt-box ul li p {height:70px;}
	.profile .cnt03 .txt-box ul li p span {font-size:14px;}
	/* sub 01 03 */
	.history .tit-box {margin-bottom:60px;}
	.history .tit-box .tit h4 {font-size:24px;}
	.history .tit-box .tit p {font-size:16px; margin-bottom:16px;}
	.history .txt-box {padding-bottom:120px;}	
	.history .txt-box:before {height:calc(100% - 12px); top:12px;}
	.history .txt-box .box {margin-bottom:30px; padding-left:50px;}
	.history .txt-box .box:before {width:10px; height:10px; top:12px;}
	.history .txt-box .box:after {width:30px; top:16px;}	
	.history .txt-box .year {font-size:24px;}
	.history .txt-box .txt dt {max-width:40px; font-size:16px;}
	.history .txt-box .txt dd {font-size:14px;}	
	/* sub 01 05 */
	.location .tab-menu {margin-bottom:24px;}
	.location .tab-menu ul li a {width:120px; line-height:40px; font-size:16px;}
	.location .maps {height:260px; margin-bottom:30px;}
	.location .col {padding-top:80px;}
	.location .btn-box ul li a {font-size:12px; width:60px; height:60px; padding:10px;}
	.location .btn-box ul li a .icon img {width:24px;}
	.location .tit-box {margin-bottom:20px;}
	.location .tit-box h4 {font-size:26px;}
	.location .txt-box dl {font-size:16px; display:block; margin-bottom:10px;}
	.location .txt-box dl:last-child {margin-bottom:0;}
	.location .txt-box dt {max-width:none;}
	.location .txt-box dd {width:100%;}
	/* sub 02 */
	.sub-title p {font-size:18px; margin-top:16px;}

	.overview {padding:140px 0 30px; margin-bottom:30px;}
	.overview .col {padding:20px; display:block;}
	.overview .col .tit-box {max-width:none; margin-bottom:24px;}
	.overview .col .tit-box h4 {font-size:26px;}
	.overview .col .txt-box {width:100%;}
	.overview .col .txt-box p {font-size:16px;}
	
	.cnt-tit {margin-bottom:30px;}
	.cnt-tit p {font-size:16px;}
	.cnt-tit h4 {font-size:24px;}
	
	#sub .cnt {margin-bottom:60px;}

	.ol-wrap .col {margin-bottom:30px; display:block;}
	.ol-wrap .col > div {width:100%;}
	.ol-wrap .col .imb-box {margin-bottom:20px;}
	.ol-wrap .col .txt-box .num {font-size:24px; margin-bottom:10px;}
	.ol-wrap .col .txt-box p {font-size:18px;}

	.cnt-txt {padding:20px; margin-bottom:20px;}
	.cnt-txt p {font-size:16px;}

	.cnt-img {padding:30px;}

	.child-wrap .inner p {font-size:16px;}
	.child-wrap .inner p span {font-size:12px;}
	.child-wrap .inner .icon {max-width:60px; height:60px; margin-bottom:14px;}
	/* sub 03 */
	.sys-wrap .col {margin:0 0 -30px;}
	.sys-wrap .col .row {padding:0; margin-bottom:30px;}
	.sys-wrap .txt-box {padding:20px; margin-bottom:20px;}
	.sys-wrap .txt-box h5 {font-size:20px; margin-bottom:10px;}
	.sys-wrap .txt-box p {font-size:16px;}
	
	.zld-wrap .col {flex-wrap:wrap; margin:0 -10px -20px;}
	.zld-wrap .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
	.zld-wrap .inner p {font-size:14px;}

	.app-wrap .col {margin:0 0 -20px; display:block;}
	.app-wrap .col .row {padding:0; width:100%}
	.app-wrap .txt-box p {font-size:16px;}
	
	/* 일반게시판 뷰 페이지 */
	.custum-view {padding:60px 0 80px;}
	.custum-view .title {margin-bottom:30px;}
	.custum-view .title h4 {font-size:24px;}
	.custum-view .cols {margin-bottom:20px;}
	.custum-view .col {display:block; margin-bottom:16px;}
	.custum-view .col .tit {max-width:none; margin-bottom:8px;}
	.custum-view .col .tit h5 {font-size:18px;}
	.custum-view .col .txt {width:100%; padding:15px;}
	.custum-view .col .txt p {font-size:16px;}
	.custum-view .txt-box p {font-size:16px;}
	
}

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