@font-face {
    font-family: "GmarketSansMedium";
    src: url("./files/GmarketSansMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PretendardLight";
    src: url("./files/Pretendard-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PretendardMedium";
    src: url("./files/Pretendard-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* 기본 */
	*, *::before, *::after { box-sizing: border-box; }
	html, body { padding: 0; margin: 0; height: 100%; }
	.unselectable { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
	.d-block { display: block; }

/* 공통 상단 */
	.header__wrapper { position: fixed; left: 0; top: 0; right: 0; width: 100%; min-width: 1280px; height: 111px; border-bottom: solid 1px transparent; z-index: 100; font-family: PretendardMedium; }
	.header__wrapper > .menu__wrapper { width: 1280px; height: 100%; margin: 0 auto; display: grid; grid-template-columns: 420px 860px; position: relative; }
	.header__wrapper.subpage, .header__wrapper:hover { background-color: #fff; border-bottom: solid 1px #e8e8e8; }
	.header__wrapper .logo_area { display: flex; height: 100%; display: flex; align-items: center; }
	.header__wrapper .logo { width: 243px; height: 35px; background: url("./images/logo_white.png") no-repeat center center; font-size: 0; }
	.header__wrapper.subpage .logo, .header__wrapper:hover .logo { background-image: url("./images/logo_blue.png"); }
	.desc__wrapper { display: none; background-color: #fff; border-top: solid 1px #e8e8e8; margin-top: -1px; }
	.desc__wrapper > .desc__body { width: 1280px; height: 100%; margin: 0 auto; display: flex; }
	.menu-width { margin-left: auto; display: flex; }
	.menu-width > div:nth-child(1) { width: 148px; }
	.menu-width > div:nth-child(2) { width: 148px; }
	.menu-width > div:nth-child(3) { width: 148px; }
	.menu-width > div:nth-child(4) { width: 130px }
	.menu-width > div:nth-child(5) { width: 200px; }
	.menu-width > div:nth-child(6) { width: 80px; justify-content: right; }
	.menu__wrapper .menu-width > div { display: flex; height: 100%; align-items: center; }
	.menu__wrapper .menu-width a { font-size: 21px; font-weight: normal; white-space: nowrap; text-decoration: none; }
	.header__wrapper:not(.subpage) .menu__wrapper .menu-width a, .header__wrapper:not(:hover) .menu__wrapper .menu-width a { color: #fff; }
	.header__wrapper:hover .menu__wrapper .menu-width a:not(.active), .header__wrapper.subpage .menu__wrapper .menu-width a { color: #333; }
	.header__wrapper.subpage .menu__wrapper a.active, .header__wrapper:hover .menu__wrapper .menu-width a:hover { color: #0036bf; text-decoration: underline; }
	.desc__wrapper .menu-width { padding-top: 15px; padding-bottom: 25px; }
	.desc__wrapper .menu-width ul { list-style: none; padding: 0; margin: 0; line-height: 40px; }
	.desc__wrapper .menu-width a { text-decoration: none; font-size: 16px; }
	.desc__wrapper .menu-width .small { font-size: 12px; }
	.desc__wrapper .menu-width a::before { content: "·"; font-weight: bold; margin-right: 4px; }
	.desc__wrapper .menu-width a:not(.active) { color: #333; }
	.desc__wrapper .menu-width a:hover, .desc__wrapper .menu-width a.active { color: #0047ff; }

/* 공통 */
	.header__bg { width: 100%; min-width: 1280px; height: 550px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: bottom; }
	.header__msg { width: 1280px; height: 440px; margin: auto auto 0 auto; text-align: center; }
	.body__wrapper { }
	.body__wrapper > div { width: 1280px; margin: 0 auto; }
	.header__bg.index .header__msg > div:nth-child(1) { color: #fff; display: inline-block; margin-top: 113px; position: relative; font-size: 60px; font-weight: normal; white-space: nowrap; z-index: 0; margin-bottom: 20px; font-family: GmarketSansMedium; }
	.header__bg.index .header__msg > div:nth-child(1)::before { content: ""; position: absolute; left: -4px; top: 19px; right: -3px; bottom: 12px; background-color: #0c1b32; z-index: -1; }
	.header__bg.index .header__msg > div:nth-child(2) { color: #fff; text-shadow: 0 0 5px #000; font-size: 24px; font-family: PretendardLight; line-height: 150%; }
	.index__bg { width: 100%; min-width: 1280px; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: bottom; background-image: url("./images/index_2.jpg"); }
	.index__bg > div { width: 1280px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 23px; font-family: PretendardLight; line-height: 150%; }
	.index__bg span { font-family: PretendardMedium; }
	.header__bg:not(.index) .header__msg > div:nth-child(1) { color: #fff; display: inline-block; margin-top: 113px; position: relative; font-size: 60px; font-weight: normal; white-space: nowrap; z-index: 0; margin-bottom: 20px; font-family: GmarketSansMedium; }
	.header__bg:not(.index) .header__msg > div:nth-child(2) { color: #fff; text-shadow: 0 0 5px #000; font-size: 24px; font-family: PretendardLight; line-height: 150%; }

/* 회사소개 */
	.header__bg.index { background-image: url("./images/bg_index.jpg"); }

/* 회사소개 > 핵심가치(VISION) */
	.header__bg.sub1_1 { background-image: url("./images/bg_sub1_1.jpg"); }
	.bgcolor1_1 { background-color: #f8f5ff; }

/* 회사소개 > 회사정보 */
	.header__bg.sub1_2 { background-image: url("./images/bg_sub1_2.jpg"); }
	.sub1_2_1 > div { margin-top: 65px; margin-bottom: 65px; position: relative; }
	.sub1_2_1 > div > img { margin: 0 auto; }
	#appdown { display: none; position: absolute; left: 50%; bottom: -69px; width: 500px; height: 285px; border: solid 1px #000; box-shadow: 2px 2px 5px black; background: url('/ez/img/about_app_bg.png') no-repeat; }
	#appdown .btn_close { cursor: pointer; }
	#appdown > div:nth-child(1) { padding-top: 21px; text-align: right; padding-right: 27px; }
	#appdown > div:nth-child(2) { margin-top: 115px; text-align: center; color: #b0b0b0; vertical-align: middle; }
	#appdown input[type=text] { width: 89px; height: 35px; border: solid 1px #cdcdcd; background-color: #f6f6f6; color: #3b3d3a; text-align: center; vertical-align: top; ime-mode: disabled; }
	#app_send { margin-left: 6px; cursor: pointer; display: inline-block; vertical-align: middle; }
	.sub1_2_2 > div { margin-bottom: 65px; }
	.sub1_2_2 > div > img { margin: 0 auto; }

/* 회사소개 > Our History */
	.header__bg.sub1_3 { background-image: url("./images/bg_sub1_3.jpg"); }
	.bgcolor1_3 { background-color: #ebf3ff; }

/* 회사소개 > 홍보영상/보도자료 */
	.header__bg.sub1_4 { background-image: url("./images/bg_sub1_4.jpg"); margin-bottom: -58px; }
	.sub1_4_head { height: 436px; background: url("./images/sub1_4_1_bg.jpg") no-repeat center center; position: relative; margin-bottom: 70px; }
	.sub1_4_head > div { position: absolute; width: 467px; height: 263px; top: 66px; }
	.sub1_4_head > div:nth-child(1) { left: 141px; }
	.sub1_4_head > div:nth-child(2) { left: 665px; }
	.sub1_4_title { padding-left: 49px; margin-bottom: 25px; }
	.sub1_4_data1 { padding-left: 49px; padding-right: 49px; display: flex; gap: 10px 30px; flex-wrap: wrap; margin-bottom: 70px; }
	.sub1_4_data1 > div { width: 273px; }
	.sub1_4_data1 > div > div:nth-child(1) { width: 100%; aspect-ratio: 273 / 202; background-color: rgb(0, 0, 255, 0.4); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; border: solid 1px #ccc; }
	.sub1_4_data1 > div > div:nth-child(2) { height: 58px; line-height: 58px; text-align: center; color: #000; }
	.sub1_4_data1 > div > div:nth-child(2) > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
	.sub1_4_data1 .thumb { width: 273px; height: 202px; }
	.sub1_4_data1 .btn_play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; }
	.sub1_4_data2 { padding-left: 49px; padding-right: 49px; display: flex; gap: 45px 31.5px; flex-wrap: wrap; margin-bottom: 80px; }
	.sub1_4_data2 > div { width: 373px; height: 335px; background-color: #f6f6f6; cursor: pointer; }
	.sub1_4_data2 > div > div:nth-child(1) { display: flex; align-items: center; justify-content: center; height: 233px; }
	.sub1_4_data2 > div > div:nth-child(1) >img { width: 100%; border: solid 2px #dfdfdf; }
	.sub1_4_data2 > div > div:nth-child(2) { padding-left: 20px; padding-top: 12px; font-size: 21px; }
	.sub1_4_data2 > div > div:nth-child(2) > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
	.sub1_4_data2 > div > div:nth-child(3) { padding-left: 20px; padding-top: 6px; font-size: 16px; }
	.sub1_4_data2 > div > div:nth-child(3) > div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
	.sub1_4_data3 { padding-left: 49px; padding-right: 49px; display: flex; gap: 0 20px; margin-bottom: 55px; }

/* 회사소개 > CI & BI */
	.header__bg.sub1_5 { background-image: url("./images/bg_sub1_5.jpg"); }

/* 회사소개 > 찾아오시는길 */
	.header__bg.sub1_6 { background-image: url("./images/bg_sub1_6.jpg"); }
	.bgcolor1_6 > div { height: 776px; background: url("./images/sub1_6_2.png") no-repeat center center; position: relative; }
	.bgcolor1_6 > div > div { position: absolute; width: 405px; height: 364px; bottom: 48px; overflow: hidden; }
	.bgcolor1_6 > div > div:nth-child(1) { left: 0; }
	.bgcolor1_6 > div > div:nth-child(2) { left: 437px; }
	.bgcolor1_6 > div > div:nth-child(3) { left: 875px; }

/* 사업소개 > 핵심역량 */
	.header__bg.sub2_1 { background-image: url("./images/bg_sub2_1.jpg"); }

/* ESG경영 > 사회공헌 */
	.header__bg.sub3_1 { background-image: url("./images/bg_sub3_1.jpg"); }
	.bgcolor3_1 { background-color: #e2eeff; }

/* ESG경영 > 친환경 */
	.header__bg.sub3_2 { background-image: url("./images/bg_sub3_2.jpg"); }
	.bgcolor3_2 { background-color: #ffffe9; }
	.bgcolor3_2_2 { margin-top: 52px; margin-bottom: 54px; }

/* ESG경영 > 윤리경영 */
	.header__bg.sub3_3 { background-image: url("./images/bg_sub3_3.jpg"); }

/* ESG경영 > 기업문화 */
	.header__bg.sub3_4 { background-image: url("./images/bg_sub3_4.jpg"); }

/* 인재상 > 인재상 */
	.header__bg.sub4_1 { background-image: url("./images/bg_sub4_1.jpg"); }
	.bgcolor4_1 { min-width: 1280px; height: 698px; background: url("./images/sub4_1_1_bg.png") no-repeat center center; background-size: cover; }

/* 인재상 > 복리후생 */
	.header__bg.sub4_2 { background-image: url("./images/bg_sub4_2.jpg"); }
	.bgcolor4_2 { background-color: #fdf4e6; }

/* 공통 하단 */
	.footer__wrapper { background-color: #f0f0f0; min-width: 1280px; }
	.footer__wrapper > div { width: 1280px; margin: 0 auto; }