@charset "utf-8";

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

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:380px;}
	.sub-visual .title {height:calc(100% - 60px);}
	.sub-visual .title h2 {font-size:40px;}
	.sub-visual010 {margin-top:180px; height:0;}
	/* lnb */
	.lnb ul li a {font-size:16px; padding:5px; height:60px; display:flex; align-items:center; justify-content:center; text-align:center;}
	/* sub-title */
	.sub-title {padding:100px 15px 60px;}
	.sub-title h3 {font-size:38px; padding-top:20px;}
	.sub-title h3:before {width:6px; height:6px; margin-left:-3px;}
	.sub-title h3 span {font-size:26px;}
	/* sub */
	.real-cont {padding-bottom:120px;}
	/* sub 01 01 */
	.greetings .img-box {margin-bottom:60px;}
	.greetings .col {display:block; padding:0;}
	.greetings .tit-box {max-width:none; padding-right:0; border-right:0; margin-bottom:60px;}
	.greetings .tit-box p {font-size:18px; margin-bottom:18px;}
	.greetings .tit-box h4 {font-size:28px;}
	.greetings .txt-box {width:100%; padding-left:0;}
	.greetings .txt-box > p {font-size:18px; margin-bottom:24px;}
	.greetings .txt {position:relative; left:0; margin-top:60px;}
	.greetings .txt p {font-size:20px;}
	.greetings .txt .ceo {font-size:24px;}
	/* sub 01 02 */
	.esg .tit-box {margin-bottom:60px;}
	.esg .tit-box h4 {font-size:30px; padding:0; margin-bottom:30px;}
	.esg .tit-box h4:before,
	.esg .tit-box h4:after {width:25px; height:20px; position:relative; top:0; margin-top:0; display:inline-block; vertical-align:middle; margin-top:-20px;}
	.esg .tit-box h4:before {margin-right:10px;}
	.esg .tit-box h4:after {margin-left:10px;}
	.esg .tit-box p {font-size:18px;}
	.esg .tit-box p br {display:none;}
	.esg .img-box {margin-bottom:80px;}
	.esg .col {display:block; margin-bottom:100px;}
	.esg .col .txt {width:100%;}
	.esg .col:nth-child(odd) .txt {padding-left:0;}
	.esg .col:nth-child(even) .txt {padding-left:0;}
	.esg .col .txt {margin-bottom:60px; text-align:center;}
	.esg .col .txt .icon {margin-bottom:16px;}
	.esg .col .txt .icon img {width:60px;}
	.esg .col .txt h5 {font-size:28px; margin-bottom:16px; padding-bottom:16px;}
	.esg .col .txt h5:after {width:20px; left:50%; margin-left:-10px;}
	.esg .col .txt p {font-size:18px;}
	.esg .col .img {margin:0 auto;}
	/* sub 01 03 */
	.history .real-cont {padding-bottom:0;}
	.history .col {display:block; padding-bottom:0;}
	.history .col:before {display:none;}
	.history .tit-box {width:100%; padding-right:0; text-align:left; margin-bottom:80px;}
	.history .tit-box .box {top:0;}
	.history .tit-box p {font-size:24px; margin-bottom:20px;}
	.history .tit-box h4 {font-size:60px; margin-bottom:40px;}
	.history .row {width:100%; padding-left:30px; position:relative; padding-bottom:120px;}
	.history .row:before {content:''; width:1px; height:calc(100% - 15px); position:absolute; top:15px; left:8px; background:#ddd;}
	.history .txt-box {padding-bottom:60px;}
	.history .txt-box .year {font-size:32px; margin-bottom:24px;}
	.history .txt-box .year:before {width:18px; height:18px; margin-top:-9px; left:-30px;}
	.history .txt-box .year:after {display:none;}
	.history .txt-box .txt {margin-bottom:10px;}
	.history .txt-box .txt .month {max-width:60px; font-size:18px;}
	.history .txt-box .txt ul li {font-size:18px;;}
	/* sub 01 07 */
	.directions .maps {margin-bottom:30px;}
	.directions .maps .root_daum_roughmap {height:300px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .txt-box {padding-right:0;}
	.directions .txt-box .btns {position:relative; margin-bottom:40px;}
	.directions .txt-box .btns ul {justify-content:flex-end;}
	.directions .txt-box .btns ul li a {width:180px; line-height:50px; padding:0 20px; font-size:16px;}
	.directions .txt-box .btns ul li a:after {width:12px; height:12px; margin-top:-6px; right:20px; background-size:cover;}
	.directions .txt-box dl {font-size:18px;}
	.directions .txt-box dt {max-width:50px;}
	/* sub-common */
	.doc-sub .cnt {margin-bottom:80px;}
	.doc-tit {margin-bottom:40px;}
	.doc-tit h4 {font-size:30px; padding-left:20px;}
	.doc-tit h4:before {width:4px; height:24px; top:10px; margin-top:0;}
	.doc-tit p {font-size:18px;}
	.doc-tit p:first-of-type {margin-top:18px;}
	.doc-tit p strong {font-size:20px;}
	.title-img {margin-bottom:80px;}
	.table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.table table thead th {font-size:16px; padding:10px; white-space:nowrap;}
	.table table tbody td {font-size:16px; padding:10px; white-space:nowrap;}
	/* sub 02, sub 04 */
	.doc-slider .slick-arrow {width:60px; height:60px; margin-top:-30px;}
	/* sub 0301, sub0401 */
	.doc-wrap .col {padding:30px 0;}
	.doc-wrap .col .tit {max-width:200px; padding-right:20px;}
	.doc-wrap .col .tit360 {max-width:240px;}
	.doc-wrap .col .tit h5 {font-size:26px;}
	.doc-wrap .col .txt p {font-size:18px;}
	.doc-wrap .col .txt ol li {margin-bottom:20px; font-size:18px;}
	.doc-wrap .col .txt ol li span {font-size:16px;}
	.doc-wrap .col .txt ul li {font-size:18px;}
	.doc-wrap .col .txt ul li:before {top:12px;}
	.doc-img {height:100%; display:block; padding:60px 20px; background-position:center right;}
	.doc-img .logo {margin-bottom:20px;}
	.doc-img p {font-size:20px;}
	/* sub 04 */
	.construction .tab-menu {margin-bottom:80px;}
	.construction .tab-menu ul li a {font-size:16px; padding:12px 10px;}
	/* sub 04 01 */
	.construction01 .txt {margin-top:30px;}
	.construction01 .txt p {font-size:18px;}

}

@media (max-width: 640px) {
	
	/* sub-visual */
	.sub-visual {height:280px; margin-top:80px;}
	
	.sub-visual .title {height:calc(100% - 50px);}
	
	.sub-visual .title h2 {font-size:30px;}
	
	.sub-visual010 {margin-top:120px; height:0;}
	/* lnb */
	
	
	.lnb ul li:after {height:20px; margin-top:-10px;}
	.lnb ul li a {font-size:12px; height:50px;}
	
	
	.sub-visual01 {height:320px;}
	.sub-visual01 .title {height:calc(100% - 79px);}
	.sub-visual01 .lnb {background:#fff;}
	.sub-visual01 .lnb ul {justify-content:center; flex-wrap:wrap;}
	.sub-visual01 .lnb ul li {flex:none; width:33.33333%; border-bottom:1px solid #ddd;}	
	.sub-visual01 .lnb ul li:nth-child(4),
	.sub-visual01 .lnb ul li:nth-child(5),
	.sub-visual01 .lnb ul li:nth-child(6),
	.sub-visual01 .lnb ul li:nth-child(7) {border-bottom:0; width:25%;}
	.sub-visual01 .lnb ul li a {height:40px; width:100%;}	
	
	.sub-visual03 .title {height:calc(100% - 60px);}
	.sub-visual03 .lnb ul li a {font-size:12px; height:60px;}
	
	.sub-visual04 .title {height:calc(100% - 60px);}
	.sub-visual04 .lnb ul li a {font-size:12px; height:60px;}
	
	/* sub-title */
	.sub-title {padding:60px 15px 40px;}
	.sub-title h3 {font-size:28px;}
	.sub-title h3 span {font-size:20px;}
	/* sub */
	.real-cont {padding-bottom:100px;}
	/* sub 01 01 */
	.greetings .img-box {margin-bottom:40px;}
	.greetings .tit-box {margin-bottom:30px;}
	.greetings .tit-box p {font-size:16px; margin-bottom:12px;}
	.greetings .tit-box h4 {font-size:24px;}
	.greetings .txt-box > p {font-size:16px; margin-bottom:20px;}
	.greetings .txt {position:relative; left:0; margin-top:30px;}
	.greetings .txt p {font-size:16px;}
	.greetings .txt .ceo {font-size:18px;}
	/* sub 01 02 */
	.esg .tit-box {margin-bottom:30px;}
	.esg .tit-box h4 {font-size:24px; margin-bottom:20px;}	
	.esg .tit-box h4:before,
	.esg .tit-box h4:after {display:none;}
	.esg .tit-box p {font-size:16px;}
	.esg .img-box {margin-bottom:60px;}
	.esg .col {margin-bottom:60px;}
	.esg .col .txt {margin-bottom:30px;}
	.esg .col .txt .icon {margin-bottom:12px;}
	.esg .col .txt .icon img {width:40px;}
	.esg .col .txt h5 {font-size:24px; margin-bottom:10px; padding-bottom:10px;}
	.esg .col .txt h5:after {width:16px; margin-left:-8px;}
	.esg .col .txt p {font-size:16px;}
	/* sub 01 03 */
	.history .real-cont {padding-bottom:0;}
	.history .tit-box {margin-bottom:60px;}
	.history .tit-box p {font-size:20px; margin-bottom:18px;}
	.history .tit-box h4 {font-size:36px; margin-bottom:30px;}
	.history .row {padding-bottom:100px; padding-left:24px;}
	.history .txt-box {padding-bottom:40px;}
	.history .txt-box .year {font-size:26px; margin-bottom:20px;}
	.history .txt-box .year:before {width:16px; height:16px; margin-top:-8px; left:-23px;}
	.history .txt-box .txt .month {max-width:50px; font-size:16px;}
	.history .txt-box .txt ul li {font-size:16px;}
	/* sub 01 07 */
	.directions .maps .root_daum_roughmap {height:200px !important;}
	.directions .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.directions .txt-box .btns {margin-bottom:30px;}
	.directions .txt-box .btns ul li a {width:120px; line-height:40px; padding:0 15px; font-size:14px;}
	.directions .txt-box .btns ul li a:after {width:10px; height:10px; margin-top:-5px; right:15px;}
	.directions .txt-box dl {font-size:16px;}
	.directions .txt-box dt {max-width:40px;}
	/* sub-common */
	.doc-sub .cnt {margin-bottom:60px;}
	.doc-tit {margin-bottom:30px;}
	.doc-tit h4 {font-size:24px; padding-left:10px;}
	.doc-tit h4:before {width:3px; height:18px; top:8px;}
	.doc-tit p {font-size:16px;}
	.doc-tit p:first-of-type {margin-top:12px;}
	.doc-tit p strong {font-size:18px;}
	.title-img {margin-bottom:60px;}
	.table table thead th {font-size:14px;}
	.table table tbody td {font-size:14px;}
	/* sub 02, sub 04 */
	.doc-slider .slick-arrow {width:40px; height:40px; margin-top:-20px;}
	/* sub 0301, sub0401 */
	.doc-wrap .col {padding:20px 0; display:block;}
	.doc-wrap .col .tit {max-width:none; padding-right:0; margin-bottom:30px;}
	.doc-wrap .col .tit360 {max-width:none;}
	.doc-wrap .col .tit h5 {font-size:24px;}
	.doc-wrap .col .txt {width:100%;}
	.doc-wrap .col .txt p {font-size:16px;}
	.doc-wrap .col .txt ol li {margin-bottom:16px; font-size:16px;}
	.doc-wrap .col .txt ol li span {font-size:14px;}
	.doc-wrap .col .txt ul li {font-size:16px;}
	.doc-wrap .col .txt ul li:before {top:10px;}
	.doc-img {padding:40px 20px;}
	.doc-img p {font-size:16px;}
	.doc-img p br {display:none;}
	/* sub 04 */
	.construction .tab-menu {margin-bottom:60px;}
	.construction .tab-menu ul li a {font-size:14px; padding:10px;}
	/* sub 04 01 */
	.construction01 .txt {margin-top:20px;}
	.construction01 .txt p {font-size:16px;}
	
}

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