@charset "utf-8";

@media (max-width: 1320px) {


}

@media (max-width: 1024px) {
/* sub */
	.sub-visual{height: 380px;}
	.sub-visual > .box h4{font-size: 28px;line-height: 1.5;}
	.sub-visual > .box .speed > ul > li{font-size: 14px; line-height: 1.5;}
	.sub-visual > .box .speed > ul > li:not(:last-child):after{margin: 0 6px;}
	.sub-tit{font-size: 26px; margin-bottom: 30px;}
	.lnb-wrap{padding: 0; margin-top: -50px; margin-bottom: 60px;}
	.lnb {position: relative; z-index: 100;padding: 0 20px;}
	.lnb b{position: relative; display: block; padding: 0px 0px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 0px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none;}
	.lnb > ul > li{max-width:100%;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.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 > ul > li.current > a{color: #fff; background: #333;}

/* s13 */
	.s1{margin-bottom: 100px;}
	.s13 .arti1 .table-wrap table colgroup{display: none;}
	.s13 .arti1 .table-wrap table tr > *{font-size: 18px;}
	.s13 .arti1 .table-wrap table tr > * span{font-size: 16px;}
	.s13 .arti1 .table-wrap table tr > *:first-child{width: 100px;}
	.s13 .arti1 .table-wrap table tr > *:nth-child(2){width: 150px;}
	.s13 .arti1 .table-wrap table tr > *:last-child{padding: 15px 20px;}
	.s13 .arti1 .table-wrap table tr > * ul > li{font-size: 16px; line-height: 1.5;}
	.s13 .arti1 .table-wrap table tr > * ul > li:before{top: 11px;}
	
/* s21 */	
	.s2{margin-bottom: 100px;}
	.s21 .arti1{margin-top: 0;}
	.s21 .arti1 .img-box{height: auto; padding: 60px 20px;}
	.s21 .arti1 .img-box .tbx p{font-size: 22px; line-height: 1.5;}
	
	.s21 .arti1 > .tbx{margin-top: 40px; padding: 0 20px;}
	.s21 .arti1 > .tbx dl{align-items:center;}
	.s21 .arti1 > .tbx dl dt span{font-size: 18px;}
	.s21 .arti1 > .tbx dl dt span:before{top: 7px;}
	.s21 .arti1 > .tbx dl dd .dot-ul > li{font-size: 16px; line-height: 1.5;}
	.s21 .arti1 > .tbx dl dd .dot-ul > li:before{top: 9px;}
	
	/* s2 */
	.s2 .gallery-list ul:is(.col3, .col4, .col5) {margin-left: -20px;}
	.s2 .gallery-list ul:is(.col3, .col4, .col5) li {margin-left: 20px; margin-bottom: 50px;}
	.s2 .gallery-list ul.col3 li {width: calc(33.33333333% - 20px);}
	.s2 .gallery-list ul li a .tit {font-size: 20px;}
	.s2 .gallery-list ul li a .txt-box dl {align-items: flex-start;}
	
	.real-cont .article-header h4 {font-size: 40px;}
	
	.s2 .arti01 .arti-cnt .img-box {max-width: 350px;}
	.s2 .arti01 .arti-cnt table td {padding: 15px 10px;}
	.s2 .arti03 .arti-cnt .item {flex-wrap: wrap;}
	.s2 .arti03 .arti-cnt .item .col {max-width: 100%;}
	.s2 .arti03 .arti-cnt .item .col:nth-of-type(1) {padding-right: 0px;}
	.s2 .arti03 .arti-cnt .item .col:nth-of-type(2) {padding-left: 0px;}
	.s2 .arti03 .arti-cnt .item .col ~ .col {margin-top: 15px;}
	
	.s2 .arti04 .arti-cnt table colgroup {display: none;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(2) {width: 250px;}
	

}
@media (max-width: 768px) {
	.s2 select {padding: 0 15px; background-position: calc(100% - 10px) 50%; font-size: 16px;}
	.s2 .search_bar input {width: 190px; font-size: 16px;}
	.s2 .search_bar select {width: 100px; padding-left: 15px; font-size: 16px;}
	
	.s2 article {margin-top: 50px;}
	.s2 .gallery-list ul.col3 li {width: calc(50% - 20px);} 
	.s2 .gallery-list ul li a .tit {font-size: 18px; margin-top: 20px;}
	.s2 .gallery-list ul li a .txt-box dl {flex-wrap: wrap; gap: 5px;}
	.s2 .gallery-list ul li a .txt-box dl ~ dl {margin-top: 10px;}
	.s2 .gallery-list ul li a .txt-box dl dt {font-size: 14px; max-width: 80px;}
	.s2 .gallery-list ul li a .txt-box dl dd {width: 100%;}
	
	.s2 article ~ article {margin-top: 60px;}
	.real-cont .article-header h4 {font-size: 30px;}
	.s2 .arti-tit {font-size: 25px; padding-left: 15px; margin-bottom: 30px;}
	.s2 .arti-tit::before {height: 20px; background-size: auto 20px; top: 3px;}
	
	.s2 .arti01 .arti-cnt {flex-wrap: wrap;}
	.s2 .arti01 .arti-cnt .img-box {max-width: 100%;}
	.s2 .arti01 .arti-cnt .table-wrap {width: 100%;}
	.s2 .arti01 .arti-cnt table td {font-size: 16px;}
	
	.s2 .arti02 .content-box {padding: 25px;}

	.s2 .arti03 .arti-cnt .label {font-size: 16px;}
	.s2 .arti03 .arti-cnt .row .input {font-size: 16px; padding: 0 10px;}
	
	.s2 .arti04 .arti-cnt table th {font-size: 16px;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(1) {width: 50px;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(2) {width: 100px;}
	.s2 .arti04 .arti-cnt table td {font-size: 16px;}
	
	.s2 .board-view-btn {margin-top: 40px;}
	.s2 .board-view-btn > a {width: 100px; line-height: 50px; font-size: 18px;}
}


@media (max-width: 640px) {
/* s13 */
	.s13 .arti1 .table-wrap{width: 100%; overflow-y: auto;}
	.s13 .arti1 .table-wrap table{width: 700px;;}

/* s21 */
	.s21 .arti1 > .tbx dl{flex-direction: column; align-content: flex-start; gap:10px}
	.s21 .arti1 > .tbx dl dt{flex:100%; width: 100%;}
	.s21 .arti1 > .tbx dl dd{flex:100%; width: 100%;}
	.s21 .arti1 > .tbx dl dd .dot-ul{width: 100%;}
	.s21 .arti1 > .tbx dl dd .flex-ul > li p{font-size: 16px;}
	.s21 .arti1 > .tbx dl dd .flex-ul > li{padding: 10px; width: 90px; height: 90px;}
}

@media (max-width: 480px) {
/* s13 */
	.s13 .arti1 .table-wrap table{width: 520px;;}
	
	.s2 select {width: 75px; padding: 0 10px; background-position: calc(100% - 5px) 50%; font-size: 14px;}
	.s2 .search_bar {padding-right: 10px;}
	.s2 .search_bar select {padding-left: 10px; font-size: 14px; width: 75px; background-position: calc(100% - 10px) 50%;}
	.s2 .search_bar input {width: 140px; font-size: 14px;}
	.s2 .search_bar .sch_btn {background-size: 15px auto; width: 15px; height: 15px; background-repeat: no-repeat;}
	
	.s2 .gallery-list ul.col3 li {width: calc(100% - 20px);}
	.s2 .gallery-list ul li a .txt-box dl {flex-wrap: nowrap; align-items: center; margin-top: 20px;}
	
	.s2 .arti01 .arti-cnt table td {font-size: 14px;}
	.s2 .arti04 .arti-cnt {overflow: auto;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(3) {width: 120px;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(4) {width: 100px;}
	.s2 .arti04 .arti-cnt table th:nth-of-type(5) {width: 100px;}
	.s2 .arti04 .arti-cnt table td {word-break: break-all}
	
}