body {}
body header {display:flex; height:64px; align-items:center; padding:0 80px;}
body header h1 {}
body header h1 a {}
body header h1 a img {}
body header nav {width:100%;}
body header nav .gnb {display:flex; width:100%; justify-content:center;}
body header nav .gnb li {margin-right:119px;}
body header nav .gnb li:last-of-type {margin-right:0;}
body header nav .gnb li > a {font-weight:500; display:block; width:max-content;}
body header nav .gnb li > .lnb {display:none;}
body header nav .gnb li > .lnb a {}
body main {}
body main .main_bnr {position:relative; margin-bottom:60px;}
body main .main_bnr a {}
body main .main_bnr a img {width:100%;}
body main .main_bnr a em {position:absolute; top:50%; left:50%; text-align:center; font-size:3.5rem; font-weight:700; transform:translate(-50%,-50%); color:#fff; line-height:1.7;}
body main .news_stock {display:flex; width:1385px; margin:0 auto; justify-content:space-between;}
body main .news_stock .news_wrap {padding:50px 50px;}
body main .news_stock .news_wrap .news_title {display:flex; justify-content:space-between; align-items:end; margin-bottom:30px;}
body main .news_stock .news_wrap .news_title h2 {font-size:1.375rem; font-weight:600;}
body main .news_stock .news_wrap .news_title a {font-size:0.875rem;}
body main .news_stock .news_wrap .news_container {display:flex;}
body main .news_stock .news_wrap .news_container li {width:320px; padding-top:20px; height:460px; margin-right:30px; /* border:1px solid #ccc; */box-shadow:0 0 0 1px #ccc inset; border-radius:20px;}
body main .news_stock .news_wrap .news_container li:last-of-type {margin-right:0px;}
body main .news_stock .news_wrap .news_container li a {display:flex; flex-flow:column nowrap; justify-content:space-between; height:100%;}
body main .news_stock .news_wrap .news_container li a div {display:flex; flex-flow:column nowrap; padding:0 20px; margin-bottom:20px;}
body main .news_stock .news_wrap .news_container li a div span {margin-bottom:20px; font-size:0.875rem; font-weight:500; color:#323232;}
body main .news_stock .news_wrap .news_container li a div em {font-size:1.125rem; font-weight:600; line-height:1.2;}
body main .news_stock .news_wrap .news_container li a img {width:100%;}
body main .news_stock .news_wrap .news_container li a .news_content1 {}
body main .news_stock .news_wrap .news_container li a .news_content1 span {}
body main .news_stock .news_wrap .news_container li a .news_content1 em {}
body main .news_stock .news_wrap .news_container li a .news_content2 {}
body main .news_stock .news_wrap .news_container li a .news_content2 span {}
body main .news_stock .news_wrap .news_container li a .news_content2 em {}
body main .news_stock .stock_wrap {width:585px; padding:40px 40px; background-color:#f9f9f9; border-radius:30px;}
body main .news_stock .stock_wrap .management {}
body main .news_stock .stock_wrap .management a {}
body main .news_stock .stock_wrap .management a .management_title {font-size:1.375rem; font-weight:600; margin-bottom:20px;}
body main .news_stock .stock_wrap .management a .management_contents {display:flex; justify-content:space-between; align-items:start;}
body main .news_stock .stock_wrap .management a .management_contents span {font-weight:600;}
body main .news_stock .stock_wrap .management a .management_contents em {font-weight:700; font-size:1.313rem;}
body main .news_stock .stock_wrap .finance {margin:50px 0;}
body main .news_stock .stock_wrap .finance a {}
body main .news_stock .stock_wrap .finance a .finance_title {font-size:1.375rem; font-weight:600; margin-bottom:20px;}
body main .news_stock .stock_wrap .finance a .finance_contents {display:flex; justify-content:space-between; align-items:start;}
body main .news_stock .stock_wrap .finance a .finance_contents span {font-weight:600;}
body main .news_stock .stock_wrap .finance a .finance_contents em {font-weight:700; font-size:1.313rem;}
body main .news_stock .stock_wrap .stock_container {}
body main .news_stock .stock_wrap .stock_container a {}
body main .news_stock .stock_wrap .stock_container a .stock_title {font-size:1.375rem; font-weight:600; margin-bottom:20px;}
body main .news_stock .stock_wrap .stock_container a .stock_kosdaq {margin-bottom:40px;}
body main .news_stock .stock_wrap .stock_container a .stock_kosdaq em {font-size:0.938rem; font-weight:600; color:#4b4b4b; margin-right:10px;}
body main .news_stock .stock_wrap .stock_container a .stock_kosdaq span {font-size:0.938rem; font-weight:600; color:#4b4b4b;}
body main .news_stock .stock_wrap .stock_container a .stock_contents {}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock {display:flex; justify-content:space-between; margin-bottom:40px;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock:last-child {margin-bottom:0;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock p {font-weight:600;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock div {display:flex; flex-flow:column nowrap; text-align:end;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock div em {font-size:1.313rem; font-weight:700; margin-bottom:8px;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock div span {font-size:0.875rem; color:#f00; font-weight:600;}
body main .news_stock .stock_wrap .stock_container a .stock_contents .now_stock div span img {}
body main .family_brands_wrap {width:1385px; margin:0 auto;}
body main .family_brands_wrap h2 {font-size:1.375rem; font-weight:600; margin-bottom:30px;}
body main .family_brands_wrap .family_brands {}
body main .family_brands_wrap .family_brands .swiper-wrapper {}
body main .family_brands_wrap .family_brands .swiper-wrapper .swiper-slide {}
body main .family_brands_wrap .family_brands .swiper-wrapper .swiper-slide a {display:flex; flex-flow:column nowrap; align-items:center;}
body main .family_brands_wrap .family_brands .swiper-wrapper .swiper-slide a img {width:200px; margin-bottom:20px;}
body main .family_brands_wrap .family_brands .swiper-wrapper .swiper-slide a em {font-size:1.375rem; font-weight:600;}
body main .recruitment_wrap {margin:60px auto; position:relative; background:url(../images/bg/recruiting_bg.png) center / cover; width:1385px; height:500px;}
body main .recruitment_wrap .career_wrap {display:flex; position:absolute; top:50%; left:50px; flex-flow:column nowrap; transform:translateY(-50%);}
body main .recruitment_wrap .career_wrap h2 {font-size:1.438rem; font-weight:600; padding-bottom:10px; border-bottom:1px solid #aaa;}
body main .recruitment_wrap .career_wrap > p {margin:20px 0 30px; font-size:1.063rem; font-weight:500;}
body main .recruitment_wrap .career_wrap .career_contents {}
body main .recruitment_wrap .career_wrap .career_contents p {line-height:1.7; position:relative;}
body main .recruitment_wrap .career_wrap .career_contents p::after {content:'...'; position:absolute; bottom:-15px; left:0; display:block; line-height:1.7; color:#161819;}
body main .recruitment_wrap .recruitment_right_phrase {position:absolute; top:50%; right:50px; display:flex; flex-flow:column nowrap; align-items:end; transform:translateY(-50%);}
body main .recruitment_wrap .recruitment_right_phrase em {font-size:1.25rem; font-weight:600; margin-bottom:30px;}
body main .recruitment_wrap .recruitment_right_phrase a {padding:10px 20px; border:1px solid #000; border-radius:20px; width:max-content; line-height:1.2;}
body main .company_record {width:1385px; margin:0 auto; padding:0 50px;}
body main .company_record h2 {font-size:1.375rem; font-weight:600; margin-bottom:40px;}
body main .company_record .year_category {display:flex; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:50px;}
body main .company_record .year_category button {font-weight:500; color:#333; display:flex; margin-right:20px; align-items:center;}
body main .company_record .year_category button::after {content:''; display:block; width:1.5px; height:14px; background-color:#BBBBBB; margin-left:20px;}
body main .company_record .company_record_contents {display:flex; margin-bottom:50px;}
body main .company_record .company_record_contents h3 {font-size:1.5rem; font-weight:700; padding-right:50px; border-right:1px solid #ddd;}
body main .company_record .company_record_contents .year_contents {}
body main .company_record .company_record_contents .year_contents > div {margin:0 0 40px 50px; display:flex;}
body main .company_record .company_record_contents .year_contents > div:last-of-type {margin-bottom:0px;}
body main .company_record .company_record_contents .year_contents > div em {font-size:1.125rem; margin-right:40px; font-weight:600; line-height:1.2;}
body main .company_record .company_record_contents .year_contents > div span {display:block; line-height:1.7;}
body main .company_record > a {padding:10px 20px; line-height:1.2; border:1px solid #000; border-radius:20px; display:block; width:max-content; margin:0 auto;}
body main .bnr {margin:60px auto; width:max-content;}
body main .bnr img {}
body main .participating_wrap {background-color:#3249A2; padding:50px 0; text-align:center;}
body main .participating_wrap .publicity_content {}
body main .participating_wrap .publicity_content h2 {color:#fff; font-size:1.625rem; font-weight:700; margin-bottom:30px;}
body main .participating_wrap .publicity_content > p {color:#fff; line-height:1.7;}
body main .participating_wrap video {/* width:800px; */ height:480px; border-radius:20px; margin:40px 0;}
body main .participating_wrap .participating_content {}
body main .participating_wrap .participating_content > p {color:#fff; margin-bottom:60px; font-size:1.5rem; font-weight:600;}
body main .participating_wrap .participating_content .desktop_application {}
body main .participating_wrap .participating_content .desktop_application a {color:#fff; padding:14px 30px; border-radius:30px; border:1px solid #fff; margin-right:100px; font-size:1.25rem; font-weight:500; line-height:100%; display:inline-block; width:max-content;}
body main .participating_wrap .participating_content .desktop_application a:last-of-type {margin-right:0;}
body footer {width:1385px; margin:30px auto 0; padding-bottom:71px;}
body footer .policy {display:flex; align-items:center;}
body footer .policy p {font-size:0.875rem; font-weight:500;}
body footer .policy em {width:1px; height:12px; background-color:#ddd; margin:0 10px;}
body footer .company_information_wrap {display:flex; margin:10px 0;}
body footer .company_information_wrap p {font-size:0.75rem; color:#333;}
body footer .company_information_wrap em {width:1px; height:12px; background-color:#ddd; margin:0 10px;}
body footer .copyright {}
body footer .copyright p {font-size:0.75rem; color:#333;}