@charset "utf-8";

@media (max-width: 1780px) {
/* s12 */
	.s12 .arti1 .text-box p br{display: none;}
	
}

@media (max-width: 1600px) {
/* sub-common */
	.sub-content .content{padding-right: 0;}
	
/* s13 */	
	
	.s13 .arti1 .history-img{max-width:42vw; }
	.s13 .arti1 .history-img .sticky{padding-right: 50px;}
	.s13 .arti1 .history-img .sticky small{font-size: 20px;}
	.s13 .arti1 .history-img .sticky b{font-size: 80px;}
	
}

@media (max-width: 1300px){
	.s1_3 .table-wrap table colgroup {display: none;}
	.s1_3 .table-wrap table th:nth-of-type(1) {width: 80px;}
	.s1_3 .table-wrap table th:nth-of-type(5) {width: 100px;}
	.s1_3 .table-wrap table th:nth-of-type(6) {width: 100px;}
}

@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 340px;}
	.sub-visual > .box h4{font-size: 30px;}
	
	.sub-content{margin-top: 0; padding: 0px; gap:50px}
	.lnb-box{ width:100%; padding: 0;  margin-bottom: 60px; background: #12215B; position: relative; z-index: 30;	margin-bottom: 0;}
	.lnb-box .lnb {position: relative; z-index: 100;padding: 0px;  z-index: 30; top: 0;}
	.lnb-box .lnb b{position: relative; display: block; padding: 0px 20px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb-box .lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 10px; top: 0; transition:.3s; padding: 0 20px;}
	.lnb-box .lnb b.on:after{rotate:-180deg;}
	.lnb-box .lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none; max-width:100%;	}
	.lnb-box .lnb > ul > li{max-width:100%;}
	.lnb-box .lnb > ul > li:after{display: none;}
	.lnb-box .lnb > ul > li:not(:last-child):before{display: none;}
	.lnb-box .lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd; color: #333;} 
	.lnb-box .lnb > ul > li.current > a{color: #333; background: #f4f4f4; border: none;}
	.lnb-box .lnb > ul > li > a:after{display: none !important;}
	.lnb-box .lnb > ul > li > a:before{display: none !important;;}
	.sub-content .content{padding: 0 20px;}
	
	.sub-tit{padding-bottom: 20px; margin-bottom: 40px;}
	.sub-tit strong{font-size:28px; line-height: 1.5;}
	.sub-tit .speed ul > li{font-size: 12px;}	
	
	.sub-content .tit-box {gap:5px}
	.sub-content .tit-box b{font-size: 28px;}	
	.sub-content .content{margin-bottom: 100px;}
	.slnb ul > li > a{padding: 8px 10px; width: auto;}
	.stit{font-size: 26px; line-height: 1.5; margin-bottom: 30px;}
	
	.icon-article .col4-icon{flex-wrap:wrap; gap:24px 0; margin-left: -24px;}
	.icon-article .col4-icon .box{flex:auto; gap:15px; width: calc(50% - 24px); margin-left: 24px; padding: 30px 20px; height: auto;}
	.icon-article .col4-icon .box i img{width: 12vw; max-width:80px;}
	.icon-article .col4-icon .box .tbx p{font-size: 16px;;}
	.icon-article .col4-icon .box .tbx p b{font-size: 24px; line-height: 1.5;}	
	
	
/* s11 */	
	.s11{gap:60px;}
	.s11 .arti1 .img-box{flex-direction: column; height: auto; padding: 30px 20px; padding-bottom: 0;}
	.s11 .arti1 .img-box .tbx{width: 100%;}
	.s11 .arti1 .img-box .tbx strong{font-size: 22px; line-height: 1.5;}
	.s11 .arti1 .img-box big{font-size: 50px; line-height: 1.1;}
	.s11 .arti1 .img-box figure img{width: 33vw;}
	.s11 .arti1 .text-box{padding: 30px 20px 0;}
	.s11 .arti1 .text-box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s11 .arti1 .text-box p br{display: none;}
	.s11 .arti1 .text-box sign{font-size: 16px; gap:15px; margin-top: 20px;}
	.s11 .arti1 .text-box sign b{font-size: 22px;}
	.s11 .arti2{flex-direction: column; gap:40px}
	.s11 .arti2 > .text-box,
	.s11 .arti2 > figure{max-width:100%;}
	.s11 .arti2 > .text-box{gap:20px;}
	.s11 .arti2 > .text-box p{font-size: 16px; line-height: 1.5; }
	.s11 .arti2 > .text-box p br{display: none;}
	.s11 .arti3 > figure{margin-top: 40px;}
	
/* s12 */	
	.s12{gap:60px;}
	.s12 .arti1{flex-direction: column; gap:40px;}
	.s12 .arti1 .text-box{width: 100%; gap:20px;}
	.s12 .arti1 .img-box{width: 100%;}
	.s12 .arti3 .col2-flex .box .tbx{padding-bottom: 20px; }
	.s12 .arti3 .col2-flex .box .tbx p{font-size: 18px;}
	.s12 .arti3 .col2-flex.duties-gallery{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.s12 .arti3 .duties-gallery .box .tbx{padding: 20px 12px;}
	.s12 .duties-list{column-count: 1; margin-top: 24px;}
	.s12 .duties-list li{font-size: 16px;}
	.s12 .arti4 .col3-flex .box{width: calc(50% - 24px);}
	.s12 .arti4 .col3-flex .box img{width: 100%;}

/* s13 */
	.s13 .arti1{flex-direction: column; gap:20px;	padding: 0;}
	.s13 .arti1 .history-img{max-width:100%;}
	.s13 .arti1 .history-img .sticky{text-align: left; position: static; }
	.s13 .arti1 .history-img .sticky br{display: none;}
	.s13 .arti1 .history-img .sticky small{margin-bottom: 10px;}
	.s13 .arti1 .history-img .sticky b{font-size: 60px; margin-bottom: 20px;}
	.s13 .arti1 .history{gap:40px; max-width:100%; padding-left: 40px;}
	.s13 .arti1 .history .box strong{font-size: 28px; line-height: 1.2;}
	.s13 .arti1 .history .box strong:before {width: 30px; left: -40px;     top: 17px;}
	.s13 .arti1 .history .box strong:after{left: -48px;; top: 9px;}
	.s13 .arti1 .history .box ul {}
	.s13 .arti1 .history .box ul > li{font-size: 16px;; line-height: 1.5;}
	.s13 .arti1 .history:before{top: 15px; height: calc(100% + 85px);}

/* s14 */
	.s14{gap:60px}
	.s14 ol > li > a{width: auto; padding: 8px 10px; font-size: 16px; gap:15px; height: auto;}
	.s14 ul > li{font-size: 16px; line-height: 1.5;}
	.s14 .arti2 dl{gap:5px; font-size: 16px; line-height: 1.5;}
	.s14 .arti2 dl dd{gap:2px;}
	
/* s21 */	
	.s21{gap:60px;}
	.s21 .arti1 .text-box .box b{font-size: 22px; line-height: 1.5;}
	.s21 .arti1 .text-box .box p{font-size: 16px; line-height: 1.5; }
	.s21 .arti1 .text-box .box p br{display: none;}
	.s21 .arti2 dl dt{width: 100px; font-size: 16px;}
	.s21 .arti2 dl dd{font-size: 16px; padding-left: 20px;}
	
	.card-flex{gap:20px; flex-direction: column; margin-left: 0;}
	.card-flex .box{margin-left: 0; width: 100%;}
	.card-flex.col3 .box{width: 100%; margin-left: 0;}
	.card-flex.col3 .box .tbx > b{font-size: 18px; line-height: 1.5;}
	.card-flex.col3 .box .tbx > ul > li{font-size: 16px; line-height: 1.5;}
	.card-flex.col3 .box .tbx > ul > li:before{top: 8px;}
	
	.stit2{font-size: 22px; line-height: 1.5; margin-bottom: 30px;}
	.mem-view-wrap .arti2 .edit-box{padding: 20px; }
	
/* s61 */	
	.s61{gap:60px;}
	.s61 .tit-box{margin-bottom: 30px;}
	.s61 .arti1{padding: 40px 20px; height: auto; gap:40px;} 
	.s61 .arti1 .tbx{gap:10px;}
	.s61 .arti1 .tbx b{font-size: 26px; line-height: 1.5;}
	.s61 .arti1 .tbx p{font-size: 16px; line-height: 1.5;}
	.s61 .arti1 .tbx p br{display: none;}
	.s61 .arti1 ul > li{gap:15px; padding-right: 20px; margin-right: 20px;}	
	.s61 .arti1 ul > li i img{width: 40px;}
	.s61 .arti1 ul > li p{font-size: 14px; line-height: 1.5;}
	.s61 .arti2 .img-flex > li{flex:1 1 40%}
	.s61 .arti2 .img-flex > li p{margin-top: 15px; font-size: 18px;}
	
	.s61 .arti3 .icon-flex{gap:20px 0}
	.s61 .arti3 .icon-flex > li{width: calc(50% - 24px); gap:20px; height: auto; padding: 20px;}
	.s61 .arti3 .icon-flex > li i img{width: 70px;}
	.s61 .arti3 .icon-flex > li p{font-size: 16px; line-height: 1.5;}

/* 홍보관 */
	.hall-intro{flex-direction: column; align-items: stretch; gap: 40px;}
	.hall-intro .txt,
	.hall-intro figure{max-width: none; width: 100%; flex: none;}
	.hall-intro .txt{gap: 24px;}
	.hall-intro .intro-head{gap: 10px;}
	.hall-intro .intro-head h3{font-size: 26px; line-height: 1.5;}
	.hall-intro .intro-head p,
	.hall-intro dt,
	.hall-intro dd{font-size: 16px; line-height: 1.6;}
	.hall-box{padding: 24px 20px 28px;}
	.hall-box p{font-size: 16px; line-height: 1.6;}
	.hall-thumbs .swiper-slide{height: 88px; border-radius: 14px;}
	.hall-nav{bottom: 16px;}

}

@media (max-width: 768px){
	
	.s1_3 .table-wrap table td {font-size: 16px;}
	.s1_3 .table-wrap table th:nth-of-type(1) {width: 50px;}
	.s1_3 .table-wrap table th:nth-of-type(5) {width: 80px;}
	.s1_3 .table-wrap table th:nth-of-type(6) {width: 80px;}
}

@media (max-width: 640px) {
/* s21 */
	.s21 .arti2 dl{gap:10px 0}
	.s21 .arti2 dl dd{flex:none; width: calc(100% - 100px);}
	
	.s14 .dl-box{flex-direction: column; }	
	.s14 .dl-box ol{margin-left: auto; margin-top: 20px;}

	.hall-thumbs .swiper-slide{height: 72px;}
	.hall-intro dl > div{gap: 8px;}
	
	.s1_3 .table-wrap {overflow: auto;}
	.s1_3 .table-wrap table th {font-size: 16px; width: 125px;}
}

@media (max-width: 480px) {
/* s12 */
	.s12 .arti3 .col2-flex .box{flex:100%;}
	.s12 .arti3 .col2-flex.duties-gallery{grid-template-columns: minmax(0, 1fr);}
	.s12 .arti4 .col3-flex .box{width: calc(100% - 24px);}

/* s122 */
	.icon-article .col4-icon .box{width: calc(100% - 24px); }
	.s122 .arti2 .col4-icon .box{padding: 30px 20px; height: auto;}
	.icon-article .col5-icon .box .tbx .pbox span{font-size: 18px;}
	.s21 .icon-article .col4-icon .box{padding: 30px 20px;}
	

	
}

@media (max-width: 1100px) {
	.memstat-top{flex-direction:column;}
	.memstat-info,
	.memstat-chart{max-width:none; width:100%; flex:none;}
	.memstat-chart{height:380px;}
	.memstat-mini{flex-wrap:wrap;}
	.memstat-mini .box{flex:1 1 calc(33.33% - 10px); height:120px; padding-top:24px;}
}
@media (max-width: 640px) {
	.memstat{gap:60px;}
	.memstat-tit{margin-bottom:24px; align-items:flex-start; flex-direction:column; gap:8px;}
	.memstat-tit h3{font-size:26px; line-height:1.4;}
	.memstat-hero{flex-direction:column;}
	.memstat-hero .box{height:128px; padding:22px 20px 16px;}
	.memstat-hero .num,
	.memstat-mini .num{font-size:32px; line-height:40px;}
	.memstat-mini .box{flex:0 1 calc(50% - 5px); height:108px;}
	.memstat-chart{height:auto; padding:24px 16px 20px; display:flex; flex-direction:column; align-items:center; gap:20px;}
	.memstat-donut{flex:none; width:220px; max-width:100%;}
	.memstat-legend{flex:none; width:100%; max-width:260px;}
	.openlab-gallery{grid-template-columns:1fr; gap:28px;}
	.memstat-intro{gap:24px;}
	.memstat-tabs button{height:38px; padding:6px 14px; font-size:14px;}
	.memstat-editor{min-height:280px; padding:40px 20px;}
	.memstat-editor .placeholder{font-size:20px; line-height:1.5;}
}