@charset "utf-8";

@media (max-width: 1400px){
	.history-wrap.history-fixed .year p {padding-left: 335px;}
	.history-wrap .txt-wrap .txt-box:last-child {padding-bottom: 45px;}
}


@media (max-width: 1200px) {
	.history-wrap .year {max-width: 400px; padding-left: 0;}
	.history-wrap .year p {left: 200px;}
	.history-wrap.history-fixed .year p {padding-left: 215px;}

}

@media (max-width: 1024px) {
	.history-wrap .year {max-width: 200px;}
	.history-wrap .year p {left: 0;}
	.history-wrap.history-fixed .year p {padding-left: 15px;}
	.history-wrap .txt-wrap .txt-box:last-child {padding-bottom: 40px;}

	.s1_2 .arti-tit h4 {font-size: 20px !important; padding: 0 20px;}
	.s1_2 .arti-tit span {font-size: 32px;}
}

@media (max-width: 768px) {
	.lnb > .container {padding: 0;}
	.page-header .container h3 {font-size: 45px;}
	
	.lnb {border-bottom: 0; position: relative; z-index: 10;}
	.lnb .btn-drop {position: relative; display: block; width: 100%; padding: 0 15px; line-height: 50px; text-align: left; background-color: #026bb7; color: #fff; font-size: 16px; font-weight: 600;}
	.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 .3s linear;}
	.lnb.on .btn-drop::after{transform: translateY(-50%) rotate(-180deg);}
	.lnb ul {position:absolute; display: none; top: 50px; left: 0; box-shadow: 0px 5px 10px rgba(0,0,0,0.05);}
	.lnb ul li {width: 100%; display: block; padding: 0 15px; border-bottom: 1px solid #ddd; background-color: #fff;}
	.lnb ul li::after {display: none;}
	.lnb ul li:last-child {border: 0;}
	.lnb ul li a {text-align: left; font-size: 16px; line-height: 49px;}
	.lnb ul li a:after {display: none;}
	.lnb.on ul {display: block;}
	
	section {padding: 80px 0 100px;}
	.section-header {margin-bottom: 50px;}
	.section-header h4 {font-size: 35px;}
	.real-cont {padding: 80px 0 100px;}
	
	.s1_1 .bg {height: 250px;}
	.history-wrap .year {display:none;}
	.history-wrap .col {display:block;}
	.history-wrap .txt-wrap {width:100%;}
	.history-wrap .txt-wrap .txt-box {padding-bottom: 40px;}
	.history-wrap .txt-wrap .txt-box:last-child {padding-bottom: 0;}
	.history-wrap .txt-wrap .txt-box .mo-year {display: block; font-size:35px; font-weight: 700; color: #026bb7;}
	.history-wrap .txt-wrap .txt {margin-top: 20px;}
	.history-wrap .txt-wrap .txt ~ .txt {margin-top: 10px;}
	.history-wrap .txt-wrap .txt-box:before {left: 0;}
	.history-wrap .txt-wrap .txt-box:after {left: 15px;}
	
	.s1_2 .arti-tit h4 {font-size: 18px !important; padding: 10px;}
	.s1_2 .arti-tit span {font-size: 28px;}
	.s1_2 .txt-box p {font-size: 16px;}
	
	.inquiry .notice dl dt {font-size: 18px; line-height: 26px; padding-left: 10px;}
	.inquiry .notice dl dt::before {top: 11px;}
	.inquiry .notice dl dd {margin-top: 10px;}
	.inquiry .notice dl dd p {font-size: 16px; line-height: 24px;}
	
	.s1_6 .map {height: 250px;}
	.s1_6 .map-info {flex-wrap: wrap; gap: 20px;}
	.s1_6 .map-info .map-btn {margin-left: auto;}
}

@media (max-width: 480px) {
	.history-wrap .txt-wrap .txt-box .mo-year {font-size: 26px;}
	.history-wrap .txt-wrap .txt .month {font-size: 16px; line-height: 26px; max-width: 40px;}
	.history-wrap .txt-wrap .txt ul li {font-size: 16px; line-height: 26px;}

	.s1_2 .arti-tit {flex-wrap: wrap;background-color: #f5f5f5; position: relative; padding-left:50px;}
	.s1_2 .arti-tit span {width: 50px; height: 50px; font-size: 24px; position: absolute; top: -25px; left: 0;}
	.s1_2 .arti-tit h4 {max-width: 100%; padding-right: 5px;}
	
	.s1_4 article ~ article {margin-top: 40px; padding-top: 40px;}
	
	.inquiry .notice {padding: 20px 15px; margin-bottom: 50px;}
	
	.s1_6 .map-info {margin-top: 20px;}
	.s1_6 .map-info .info dl dt {font-size: 16px; max-width: 40px;}
	.s1_6 .map-info .info dl dd {font-size: 16px;}
	.s1_6 .map-info .map-btn {max-width: 210px;}
	.s1_6 .map-info .map-btn a {font-size: 16px; line-height: 43px; max-width: 100px;}
}