@charset "UTF-8";

body{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 16px;line-height: 140%;color: #696969;}
.over-hidden {overflow:hidden;}

.header-wrap {width:100%;position: relative;z-index:500;box-sizing: border-box;background: #fff;font-family: 'Paperlogy', sans-serif;}
.header-wrap:before {content:'';height:100%;left:0;position:absolute;top:0;width:100%;background-color:transparent;z-index:-1;}
.header-wrap .header-box {max-width: 1600px;margin:0 auto;}

.footer-wrap{background: linear-gradient(90deg, #000D36 0%, #001736 50.95%, #001E3B 100%), #001736;}
.footer-box{max-width: 1440px;margin: auto;}

.main-content-wrap01 {background: #f5f5f5;}
.main-content-box01 {max-width: 1440px;margin: 0 auto;}
.main-content-wrap01-01 {background: #fff;}
.main-content-box01-01 {max-width: 1440px;margin: 0 auto;}
.main-content-wrap02 {background:#E9EBEE;}
.main-content-box02 {max-width: 1440px;margin: 0 auto;}
.main-content-wrap03 {background: #fff;}
.main-content-box03 {max-width: 1440px;margin: 0 auto;}
.main-content-wrap04 {background:#F0F0E7;}
.main-content-box04 {max-width: 1440px;margin: 0 auto;}

/*sub*/
.content-outer-wrap {margin: 0 auto;max-width: 1440px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.content-outer-wrap .lnb-wrap {width: 280px;padding: 20px 64px 0 0;}
.sub-content-wrap {width: calc(100% - 344px);box-sizing: border-box;}
.sub-content-wrap .sub-content {padding: 55px 0 100px}


/*main title*/
.main-title {margin: 0 0 48px 0;}
.main-title h3 {font-family: Paperlogy;font-weight: 700;font-size: 46px;line-height: 120%;text-transform: uppercase;color: #222;text-align:center;margin: 0 0 24px;}
.main-title .txt {font-weight: 500;font-size: 20px;line-height: 120%;letter-spacing: 0;vertical-align: middle;text-transform: uppercase;color: #696969;text-align: center;}
@media (max-width: 1200px) {
	.content-outer-wrap .lnb-wrap {display: none;}
	.sub-content-wrap {width: 100%;}
}


@media(max-width: 1024px){
	.footer-box{padding: 0 16px;}
	.sub-content-wrap .sub-content {padding: 30px 16px 50px;}
}

@media(max-width: 768px){
	.main-title {margin: 0 0 40px 0;}
	.main-title h3 {font-size: 32px;}
}
/* 기존 영역 수정 - font 태그가 포함된 경우에만 적용 */
.depth_01:has(font) .sub-mn-box .sub-mn-outer {
    width: 100% !important;
}

.gnb-box:has(font)>ul {
    flex-wrap: nowrap !important;
}

.header-inner:has(font) .logo {
    min-width: 200px;
}
.depth_01:has(font) .depth_02 > li > a {
    padding: 10px 0;
}

/* 자동 번역으로 추가된 font 태그 스타일 초기화 */
.gnb-box font,
.depth_01 font,
.sub-mn-box font {
    background-color: transparent !important;
    vertical-align: baseline !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    box-shadow: none !important;
	font-size: 18px !important;
}

/* GNB 메뉴 텍스트 줄바꿈 방지 */
.gnb-box>ul>li>a span {
    white-space: nowrap;
    display: inline-block;
}

/* 서브메뉴(Depth 2) 텍스트 정렬 및 줄바꿈 방지 보완 */
.depth_01 .depth_02>li>a font {
    display: inline;
}

/* 영문 텍스트가 길어질 경우를 대비한 유연한 너비 설정 */
.depth_01 .sub-mn-box .sub-mn-outer {
    max-width: none;
}