@charset "utf-8";

.header__inner .logo { width: 300px; }
.gnb .gnb__list > li > a { font-size: 18px; }
#allMenu .logo { width: 540px; }
#allMenu .logo img { width: 100%; }
#allMenu .gnb__list > li > a { font-size: 40px; }
#allMenu .lnb__list > li { font-size: 24px; }
#allMenu .lnb__list > li > a { line-height: 1.5; }

.btn-f-link { width: 224px; }

@media screen and (max-width:1820px) {
    .header__inner .logo { width: 260px; }
}
@media screen and (max-width:1640px) {
	#allMenu .logo { width: calc(30% - 40px); }
}
@media screen and (max-width:1400px) {
    .header__inner .logo { width: 220px; }
	.gnb .gnb__list > li > a { font-size: 16px; }
    #allMenu .gnb__list > li > a { font-size: 36px; }
    #allMenu .lnb__list > li { font-size: 20px; }
}

@media screen and (max-width:1200px) {
    #allMenu .gnb__list > li > a { font-size: 30px; }
    #allMenu .lnb__list > li { font-size: 16px; }
}

@media screen and (max-width:1024px) {
    .header__inner .logo { width: 180px; }
    #allMenu .gnb__list > li > a { width: 230px; }
    #allMenu .lnb { width: calc(100% - 270px); }
	
	.btn-f-link { width: 200px; }
}

@media screen and (max-width:768px) {
    #allMenu .gnb__list > li > a { width: fit-content; font-size: 22px; }
    #allMenu .lnb { width: 100%; }
    #allMenu .lnb__list > li { font-size: 15px; }
}

/* main */
.main-title .mo-br { display: none; }

@media screen and (max-width: 1024px) {
    .main-title { font-size: 45px; }
}
@media screen and (max-width:768px) {
	.main-title { font-size: 34px; }
	.main-title .mo-br { display: inline; }
}

/* sub */
.sec-about .sec-title-box .img-box img { width: 300px; }
.amc-title .logo { max-width: 84%; }
.sec-summary .summary__list > li { max-width: 400px; }
.structure__wrap .row-1 .arrow.col .label { white-space: nowrap; font-size: 20px; }
.structure__list .item > span, .structure__list .line .label { font-size: 16px; }
.data__top .title { font-size: 25px; }
.data__top .unit { font-size: 15px; }
.popup-item > .box .title { font-size: 32px; }
.mo-calendar .cell:first-child { width: 85px; }
.mo-calendar .quarter .cell { width: 100%; }
.mo-calendar .month .cell:not(:first-child), .mo-calendar .row .cell:not(:first-child) { width: calc((100% - 85px) / 3); }
.calendar-layout .event__wrap .row .cell .event { font-size: 13px; word-break: keep-all; }
.search-box .selectric .label { line-height: 1.5; }

@media screen and (max-width: 1640px) {
    .structure__list .item > span, .structure__list .line .label { font-size: clamp(12px, 0.97vw, 16px); }
    .calendar-layout .event__wrap .row .cell .event { font-size: 12px; }
    .calendar-layout .event__wrap .row .cell .event > br { display: none; }
}
@media screen and (max-width: 1400px) {
    .data__top .title { font-size: 24px; }
}
@media screen and (max-width: 1200px) {
    #lnbBox .lnb__list > li > a { font-size: 16px; }
    .structure__list .item > span > br { display: none; }
    .structure__list .line .label > span { white-space: nowrap; }
    .data__top .title { font-size: 22px; }
}
@media screen and (max-width: 1024px) {
    #lnbBox .lnb__list > li > a { font-size: 14px; }
	.popup-item > .box .title { font-size: 26px; }
    .amc .bg-img .text-box img {  width: 500px; }
	.amc .bg-img .text-box > em > br { display: inline; }
    .structure__wrap .row-1 .arrow.col .label { font-size: 16px; }
}
@media screen and (max-width: 768px) {
    #lnbBox .lnb__list > li > a { font-size: 18px; }
	
	.popup-item > .box .title { font-size: 18px; }
	.amc-title .logo { width: 300px; }
	.amc .bg-img .text-box > em { font-size: 1.2em; }
	.data__top { flex-direction: column; align-items: flex-start; }
    .data__top .title { font-size: 20px; }
	.data__top .unit { margin-left: auto; font-size: 14px; }
    .sec-summary .summary__list > li { max-width: initial; }
    .structure__list .item > span { font-size: 11px; }
    .structure__list .line .label { font-size: 10px; }
	.tab-type-radius .tab__item { padding: 0 15px; font-size: 13px; }
}
@media screen and (max-width: 640px) {
    .amc .bg-img .text-box img {  width: 350px; }
	.amc-title .logo { max-width: 80%; }
}