@charset "utf-8";

@media(max-width: 1600px){
	/* s1_1 */
	.s1_1 .greeting .tit-box {left: 0;}
}

@media(max-width: 1400px){
	.s2 .sub-tab ul {justify-content: center;}
	.real-cont.gall .sub-tab ul {justify-content: center;}

	/* s1_1 */
	.s1_1 .greeting {padding-top: 130px;}
	.s1_1 .greeting .tit-box {padding: 30px; width: 230px; height: 230px; top: -120px;}
	.s1_1 .greeting .tit-box .logo {top: 30px; left: 30px;}
}

@media(max-width: 1200px){
	.cnt .img ul {flex-wrap: wrap;}
	.cnt .img ul li {flex: none; width: 100%;}

	.gall .view-arti {gap: 40px;}
	.gall .view-arti .info-box .info {min-height: auto;}
}

@media(max-width: 1024px){
	.section-header p > br {display: none;}
	
	.sub-tab ul li a {font-size: 18px;}

	/* 공통 */
	.cnt {gap: 30px;}
	.cnt .txt {max-width: 300px;}
	.cnt .txt h6 {font-size: 24px;}
	.cnt .txt p {font-size: 16px;}
	.cnt .txt p > br {display: none;}
	
	.cnt .img ul li dl dd {padding: 30px 20px; min-height: auto;}
	.cnt .img ul li dl dd p {font-size: 16px; padding-top: 15px; margin-top: 20px;}
	.cnt .img ul li dl dd p > br {display: none;}
	
	.cnt .table-box table colgroup {display: none;}
	.cnt .table-box table th:nth-of-type(1) {width: 100px;}
	.cnt .table-box table th {font-size: 18px; line-height: 22px;}
	.cnt .table-box table td {padding: 10px 15px;}
	.cnt .table-box table td.tit p {font-size: 16px;}
	.cnt .table-box table td p {font-size: 16px; line-height: 24px;}
	
	.gall .view-arti .info-box .tit {padding: 20px;}
	.gall .view-arti .info-box .tit h5 {font-size: 24px;}
	.gall .view-arti .info-box .info dl {padding: 20px;}
	

	/* s1_1 */
	.s1_1 .greeting .txt-box .article-header h5 {font-size: 30px;}
	
	/* s1_2 */
	.s1_2 .history .year h5 {max-width: 300px;}
	.s1_2 .history::before {left: 300px;}
	
	/* s1_3 */
	.cnt .table-box.row table tbody td.tit {width: 150px;}
	
	/* s1_5 */
	.s1_5 .map-info .map-btn {justify-content: right; max-width: 370px;}
	.s1_5 .map-info .map-btn a {font-size: 18px; max-width: 150px; line-height: 60px;}
	
	/* s2 */
	.s2_3 .img .logo-box li a span {font-size: 18px;}
	
	/* s4_1 */
	.s4_1 .bg h5 {font-size: 30px;}
	
}

@media(max-width: 768px){
	.page-header .container h3 {font-size: 40px;}
	.page-header .container p {margin-top: 20px; line-height: 1.3;}
	.lnb > .container {padding: 0;}
	.lnb ul li a {font-size: 14px; line-height: 49px;}
	
	.sub-tab {margin: 40px 0 60px;}
	.sub-tab ul {gap: 10px;}
	.sub-tab ul li {max-width: 190px;}
	.sub-tab ul li a {font-size: 16px;} 

	section {padding: 80px 0 100px;}
	.real-cont {padding: 80px 0 100px;}

	.section-header h4 {font-size: 35px;}
	.section-header p {font-size: 18px; line-height: 28px; padding-top: 20px;}
	.article-header {margin-bottom: 20px;}
	.article-header h5 {font-size: 28px;}
	
	
	.bg {height: 300px; margin-top: 50px;}
	
	.board-top {margin-top: 40px;}
	.inquiry {margin-top: 40px;}
	 
	/* 공통 */
	.cnt {flex-wrap: wrap;}
	.cnt .txt {max-width: 100%;}
	.cnt .txt p {margin-top: 20px;}
	.cnt .img {max-width: 100%;}
	.cnt .txt h6 {font-size: 22px;}
	.cnt .table-box table th {font-size: 16px; line-height: 22px;}
	
	.gall .gall-tit h5 {font-size: 28px;}
	.gall .gall-tit p {font-size: 16px; padding-top: 30px;}
	.gall .gall-tit p > br {display: none;}
	.gall .board-top {margin-top: 40px; padding-top: 40px;}
	.gall .section-header p {font-size: 16px; padding-top: 40px;}
	.gall .section-header p > br {display: none;}

	.gall .view-arti {margin-top: 40px; padding: 40px 0; flex-wrap: wrap; flex-direction: column-reverse;}
	.gall .view-arti .pic-box {max-width: 100%;}
	.gall .view-arti .info-box {max-width: 100%;}
	.gall .view-arti .info-box .tit h5 {font-size: 20px;}
	.gall .view-arti .info-box .info dl {line-height: 26px;}
	.gall .view-arti .info-box .info dl dt {font-size: 16px;}
	.gall .view-arti .info-box .info dl dd p {font-size: 16px;}
	
	.gall .board-view .content-box {padding: 40px 0;}
	.gall .board-view .content-box .text .txt-box {font-size: 16px;}
	
	/* s1_1 */
	.s1_1 .greeting .txt-box .article-header h5 {font-size: 24px;}
	.s1_1 .greeting .txt-box .txt {margin-top: 20px;}
	.s1_1 .greeting .txt-box .txt p {font-size: 16px;}
	.s1_1 .greeting .txt-box .txt p > br {display: none;}
	.s1_1 .greeting .txt-box .txt p ~ p {margin-top: 15px;}
	.s1_1 .greeting .txt-box .txt dl {margin-top: 30px;}
	.s1_1 .greeting .txt-box .txt dl dt {font-size: 20px;}
	.s1_1 .greeting .txt-box .txt dl dd {font-size: 20px;}
	.s1_1 .greeting .txt-box .txt dl dd > span {font-size: 16px;}
	
	/* s1_2 */
	.s1_2 .bg h5 {font-size: 32px;}
	.s1_2 .history {padding: 70px 0 100px;}
	.s1_2 .history .year {flex-wrap: wrap;}
	.s1_2 .history .year ~ .year {margin-top: 60px;}
	.s1_2 .history .year h5 {max-width: 180px; font-size: 32px; padding-right: 0; text-align: left;}
	.s1_2 .history::before {display: none;}
	.s1_2 .history .year .month {padding-left: 0; margin-top: 30px;}
	.s1_2 .history .year .month::before {display: none;}
	
	/* s1_3 */
	.s1_3 article {margin-top: 40px;}
	.cnt .table-box.row table tbody td.tit {width: 100px;}
	
	/* s1_5 */
	.s1_5 .map {height: 300px;}
	.s1_5 .map-info {flex-wrap: wrap; gap: 20px;}
	.s1_5 .map-info .info {max-width: 100%;}
	.s1_5 .map-info .info dl {line-height: 24px;}
	.s1_5 .map-info .info dl dt {font-size: 16px;}
	.s1_5 .map-info .info dl dd {font-size: 16px;}
	.s1_5 .map-info .map-btn {max-width: 100%;}
	
	/* s2 */
	.s2 article ~ article {padding-top: 60px;}
	.s2 article:not(:last-child) {padding-bottom: 60px;}
	.s2 .article-header {margin-bottom: 40px;}
	
	.s2_3 .img .logo-box {width: calc(100% + 10px); margin: 0 -5px;}
	.s2_3 .img .logo-box li {padding: 0 10px;}
	.s2_3 .img .logo-box li:nth-of-type(3) ~ li {margin-top: 10px;}
	.s2_3 .img .logo-box li a span {font-size: 16px;}
	
	/* s4_1 */
	.s4_1 .bg h5 {font-size: 26px;}
	.s4_1 .bg a {max-width: 200px; line-height: 70px; font-size: 18px; padding: 0 20px; background-position: calc(100% - 20px) 50%; margin-top: 30px;}
	
	#faq_con .q-box {padding: 30px 15px;}
	#faq_con .q-box a {font-size: 16px; padding-left: 15px;}
	#faq_con .con_inner {padding: 30px 15px 30px 55px;}
	#faq_con .con_inner p {font-size: 16px; padding-left: 15px;}
	#faq_con .con_inner span {left: 15px;}
	
}

@media(max-width: 480px){
	.page-header {height: 500px;}
	.page-header > .container {padding-top: 230px;}
	.page-header.type4 > .container {padding-top: 260px;}
	.page-header .container p > br.mo {display: block;}
	
	.lnb {z-index: 5;}
	.lnb .btn-drop {position: relative; display: block; width: 100%; height: 50px; text-align: left; padding: 0 15px; background-color: #09294b; color: #fff;}
	.lnb .btn-drop::after {position: absolute; content:''; width: 9px; height: 5px; top: 50%; right: 15px; transform: translateY(-50%); background: url(../images/sub/btn-drop.png) 50% 50% no-repeat; background-size: auto; transition: all .2s linear;}
	.lnb.active .btn-drop::after {transform: translateY(-50%) rotate(180deg);}
	.lnb ul {position: absolute; width: 100%; top: 51px; left: 0; display: none; box-shadow: 0px 5px 10px rgba(0,0,0,0.07);}
	.lnb ul li {width: 100%; display: block; background: #fff; border-bottom: 1px solid #ddd;}
	.lnb ul li::after {display: none;}
	.lnb ul li a::after {display: none;}
	.lnb ul li a {width: 100%; display: block; padding: 0 15px; text-align: left;}
	.lnb.active ul {display: block;}

	.section-header h4 {font-size: 30px;}
	
	.sub-tab ul {gap: 0; width: calc(100% + 5px); margin: 0 -2.5px;}
	.s2 .sub-tab ul {justify-content: normal;}
	.real-cont.gall .sub-tab ul {justify-content: normal;}
	.sub-tab ul li { padding: 0 2.5px;}
	.sub-tab ul li {width: 50%; max-width: none;}
	.sub-tab ul li:nth-of-type(2) ~ li {margin-top: 5px;}
	.sub-tab ul li a {font-size: 14px; line-height: 43px;}

	.cnt .table-box table td {padding: 10px;}
	
	.gall .view-arti .info-box .tit {padding: 15px;}
	.gall .view-arti .info-box .tit h5 {font-size: 18px;}
	
	.gall .view-arti .info-box .info dl {padding: 15px;}
	/* .gall .view-arti .info-box .info dl dt {max-width: 60px;} */
	
	/* s1_1 */
	.s1_1 .greeting {padding-top: 80px;}
	.s1_1 .greeting .tit-box {padding: 15px; width: 180px; height: 180px; top: -120px;}
	.s1_1 .greeting .tit-box .logo {top: 15px; left: 15px; width: 50px;}
	
	.s1_1 .greeting .txt-box .txt dl {flex-wrap: wrap;}
	.s1_1 .greeting .txt-box .txt dl dt {width: 100%;}

	/* s1_2 */
	.s1_2 .bg h5 {font-size: 26px;}
	.s1_2 .history .year .month {margin-top: 20px;}
	.s1_2 .history .year .month dl dt {font-size: 16px; max-width: 40px;}
	.s1_2 .history .year .month dl dd {font-size: 16px;}
	
	/* s1_3 */
	.cnt .table-box.row table tbody td.tit {width: 80px;}
	
	/* s1_5 */
	.s1_5 .map-info .map-btn a {max-width: 120px; line-height: 50px; font-size: 16px;}
	
	/* s2 */
	.s2_3 .img .logo-box li a span {font-size: 14px; margin-top: 10px;}
	.s2_3 .img .logo-box li {padding: 0 10px; width: 50%;}
	.s2_3 .img .logo-box li:nth-of-type(2) ~ li {margin-top: 10px;}
	
	.s4_1 .bg h5 {font-size: 22px;}
	.s4_1 .bg a {line-height: 60px; max-width: 180px; font-size: 16px;}
	
	
	.certi-pop .popup .inner {padding: 50px 0 30px;}
	.certi-pop .popup .inner a {top: 20px; right: 20px;}
	.certi-pop .popup .inner .pop-img img {max-width: 85%;}
	
	#faq_con .q-box a {font-size: 14px;}
	#faq_con .con_inner p {font-size: 14px;}
	
	
}