* {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;}
#wrap {width:100%; min-width:1200px; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}

.overlay {position:fixed; width:100%; height:100%; background:url('/images/ncoop/common/bg_overlay.png') repeat 0 0; z-index:110; display:none;}

:root {
  --main-color: #00664F;
  --sub-section-bg: #DEEBE4;
  
  font-size: 18px;
}

.pct {display: block;}
.pc {display: block;}
.tabmobile {display: none;}
.tablet {display: none;}
.mobile {display: none;}
.mobileBr {display: none;}

/* 헤더 */
#header {position: relative; height: 70px; background: var(--main-color); z-index: 50;}
#header .headerWrap {height: 100%;}
#header .inner {display: flex; align-items: center; justify-content: space-between; height: 100%;}
#header .mobileMenu {display: none;}
#header h1 {width: 150px; flex-shrink: 0;}
#header h1 a {display: flex; align-items: center; height: 100%;}
#header .topmenu {height: 100%;}
#header .topmenu > ul {display: flex; height: 100%; align-items: center;}
#header .topmenu > ul > li {position: relative; display: flex; width: 150px; height: 100%; align-items: center;}
#header .topmenu > ul > li > a {display: flex; height: 100%; align-items: center; justify-content: center; width: 100%; font-size: 15px; font-weight: 700; color: #fff;}
#header .topmenu .submenu {display: none; position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 100%; background: #95B78A;}
#header .topmenu > ul > li:hover .submenu {display: block;}
#header .topmenu .submenu a {display: flex; align-items: center; justify-content: center; height: 70px; font-size: 15px; font-weight: 600; color: #fff;}
#header .topmenu .submenu a:hover {background: #DDE5C0; color: #2C2C2C;}
#header .btn_shopping {padding: 4px 10px; border-radius: 25px; border: 2px solid #BFE1D5; background: #BFE1D5; font-size: 14px; font-weight: 700; color: #00653E;}
#allMenu {display: none;}

/* 메인 */
#wrap.main {background: var(--main-color);}
#wrap.main #contents {border-top: 1px solid rgba(255, 255, 255, 0.10); border-bottom: 1px solid rgba(255, 255, 255, 0.10);} 

.mainVisual {display: flex; justify-content: center; overflow: hidden;}
.mainVisual img {width: 1920px; max-width: fit-content;}
.mainVisual .m_v {display: none;}

/* 서브타이틀 영역 */
.subVisual {padding: 80px 0;}
.subVisual h2 {text-align: center; font-size: 40px; font-weight: 600; color: #2C2C2C;}
.subVisual p {margin-top: 16px; text-align: center; font-size: 24px; font-weight: 500; color: var(--main-color);}
.subVisual .desc {margin-top: 30px; text-align: center; font-size: 24px; font-weight: 600; word-break: keep-all; line-height: 1.4;}
.subVisual .subgnb {display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 40px;}
.subVisual .subgnb li {width: 160px;}
.subVisual .subgnb li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border-radius: 20px; border: 2px solid #00664F; background: #FFF; font-size: 18px; font-weight: 500; color: var(--main-color);}
.subVisual .subgnb li.on a {background: var(--main-color); color: #FFF; font-weight: 600;}
.boardTitle {text-align: center; margin-bottom: 70px; font-size: 32px; font-weight: 700;}

/* 서브컨텐츠 공통 */
.subTitleArea {display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 80px;}
.subTitleArea h3 {font-size: 40px; font-weight: 700; word-break: keep-all; line-height: 1.4;}
.subTitleArea p {margin-top: 40px; font-size: 24px; font-weight: 400; line-height: 1.6; word-break: keep-all;}
.contentsArea > section {padding: 120px 0;}
.contentsArea > section:nth-child(odd) {background: var(--sub-section-bg);}

/* 이수소개 - 우리는 */
.contentsArea.about .historyArea {position: relative; display: flex; flex-direction: column; gap: 80px}
.contentsArea.about .historyArea::after {content: ''; position: absolute; left: 175px; top: 0; width: 1px; height: 100%; background: #C5C5C5;}
.contentsArea.about .timelineItem {position: relative; display: flex;}
.contentsArea.about .timelineItem .timelineYear {width: 208px; font-size: 24px; font-weight: 700; color: var(--main-color);}
.contentsArea.about .timelineItem .timelineContent {position: relative; flex: 1; display: flex; flex-direction: column; gap: 18px; }
.contentsArea.about .timelineItem .timelineContent::before {content: ''; position: absolute; left: -38px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #303336; z-index: 1;}
.contentsArea.about .timelineItem .timelineEntry {display: flex; gap: 10px;}
.contentsArea.about .timelineItem .timelineMonth {min-width: 2rem; font-weight: 700;}
.contentsArea.about .timelineItem .timelineText {font-weight: 400; word-break: keep-all;}

/* 이수소개 - 우리의 길 */
.contentsArea .purposeList {position: relative; display: flex; flex-direction: column; gap: 16px;}
.contentsArea .purposeList dl {border-radius: 8px; border: 1px solid #E4E5E7; background: #FFF; padding: 28px 40px; line-height: 1.4; word-break: keep-all;}
.contentsArea .purposeList dl dt {margin-bottom: 6px; font-size: 24px; font-weight: 500; color: var(--main-color);}
.contentsArea .purposeList dl dt strong {font-weight: 800;}
.contentsArea .purposeList dl dd {font-size: 18px; font-weight: 400;}
.contentsArea .purposeList.purposeList2 dl {border-color: #BFE1D5; background: rgba(191, 225, 213, 0.20);}
.contentsArea .purposeList .logoImg {position: absolute; right: 10px; bottom: -38px; width: 480px;}

/* 이수소개 - 우리의 일 */
.contentsArea.work .workImgArea {margin-bottom: 80px;}
.contentsArea.work .workImgArea ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px 24px; justify-items: center;}
.contentsArea.work .workImgArea ul li {width: 100%; text-align: center;}
.contentsArea.work .workImgArea ul li:first-child {grid-column: 2 / 4;}
.contentsArea.work .workImgArea ul li:nth-child(2) {grid-column: 4 / 6;}
.contentsArea.work .workImgArea ul li:nth-child(3) {grid-column: 1 / 3;}
.contentsArea.work .workImgArea ul li:nth-child(4) {grid-column: 3 / 5;}
.contentsArea.work .workImgArea ul li:nth-child(5) {grid-column: 5 / 7;}
.contentsArea.work .workImgArea ul li span {display: block; padding-top: 16px; font-size: 18px; font-weight: 600;}

/* 이수소개 - 우리의 문화 */
.contentsArea.culture h4 {text-align: center; font-size: 24px; font-weight: 700; line-height: 1.6; margin-top: 80px; word-break: keep-all;}
.contentsArea.culture .cultureImgArea {margin-top: 80px;}
.contentsArea.culture .cultureImgArea ul {display: flex; gap: 16px;}

/* 사원채용 */
.recruitmentInfo {display: flex; flex-direction: column; gap: 24px;}
.recruitmentInfo dl {display: flex; gap: 32px; line-height: 1.6; word-break: keep-all;}
.recruitmentInfo dl dt {position: relative; flex-shrink: 0; font-size: 25px; font-weight: 700; color: var(--main-color);}
.recruitmentInfo dl dt::after {content: ':'; position: absolute; right: -18px; top: 0; font-size: 25px; font-weight: 600; color: #000;}
.recruitmentInfo dl dd {font-size: 22px; color: #000; font-weight: 600; padding-top: 2px;}
.recruitmentInfo dl dd .desc {margin-top: 24px; font-size: 20px; font-weight: 400; color: #2C2C2C;}
.recruitmentInfo dl dd .desc li {display: flex; gap: .375rem;}
.recruitmentInfo dl dd .desc li::before {content: '- ';}
.recruitmentInfo .note {font-size: 18px; color: var(--main-color); font-weight: 600; line-height: 1.6;}

/* 견학신청 */
.contentsArea.applyTour > section {background: #fff;}
.contentsArea.applyTour .subTitleArea p {font-weight: 600;}
.contentsArea.applyTour .subTitleArea p span {display: block; font-size: 18px; font-weight: 400;}
.contentsArea.applyTour .recruitmentInfo {padding: 48px 80px; border-radius: 8px; background: rgba(191, 225, 213, 0.20);}
.contentsArea.applyTour .tourInfo {display: flex; margin-top: 16px; font-weight: 600; color: var(--main-color); word-break: keep-all;}
.contentsArea.applyTour .tourInfo::before {content: '※'; margin-right: .375rem;}
.contentsArea.applyTour .btnArea {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.contentsArea.applyTour .btnApplyTour {display: inline-flex; align-items: center; justify-content: center; width: 300px; padding: 14px 20px; border-radius: 50px; border: 2px solid var(--main-color); background: #FFF; font-size: 26px; font-weight: 700; color: var(--main-color); box-sizing: border-box;}
.contentsArea.applyTour .btnApplyTour:hover {background: var(--main-color); color: #FFF;}

#applyTourModal {display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 100; align-items: center; justify-content: center;}
#applyTourModal .overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4);}
#applyTourModal .modalContents {position: relative; width: 800px; max-width: 92vw; padding: 80px 100px; background: #fff; z-index: 120; overflow: hidden; box-sizing: border-box;}
#applyTourModal .btnCloseModal {position: absolute; top: 40px; right: 40px; width: 25px; background: transparent;}
#applyTourModal .modalTitle {margin-bottom: 35px; text-align: center; font-size: 36px; font-weight: 600; color: #000;}
#applyTourModal .applyTourForm {display: flex; flex-direction: column; gap: 32px; border-top: 2px solid var(--main-color); border-bottom: 1px solid #B3D1CA; padding: 50px 0;}
#applyTourModal .applyTourForm dl {display: flex; align-items: center;}
#applyTourModal .applyTourForm dl dt {width: 190px; font-size: 22px; font-weight: 600; color: #000;}
#applyTourModal .applyTourForm dl dd {flex: 1;}
#applyTourModal .applyTourForm dl dd input {width: 100%; border-radius: 5px; border: 1px solid #e4e4e4; padding: 8px 18px; box-sizing: border-box; font-size: 22px; color: #000; font-weight: 600;}
#applyTourModal .applyTourForm dl dd input::placeholder {font-weight: 400; opacity: 1; color: #A9A9A9;}
#applyTourModal .btnApplyTour {background: var(--main-color); color: #FFF;}

/* 매장소개 */
.contentsArea.store .ImgArea {display: flex; align-items: center; justify-content: center;}
.contentsArea.store .ImgArea img {width: 66%; vertical-align: top;}
.contentsArea.store .scrollHint {display: none;}

.storeTableWrap {overflow-x: auto; margin-top: 80px;}
.storeInfoTable {width: 100%; border-collapse: collapse; border-top: 1px solid var(--main-color);}
.storeInfoTable th,
.storeInfoTable td {border-bottom: 1px solid #EDEDED; font-size: 18px; text-align: center; vertical-align: middle; word-break: keep-all;}
.storeInfoTable th {padding: 20px 16px; background: var(--sub-section-bg); border-right: 1px solid #EDEDED; font-weight: 600; color: var(--main-color); line-height: 1;}
.storeInfoTable thead th {background: #F2F9F7;}
.storeInfoTable thead th:first-child {width: 160px;}
.storeInfoTable thead th:nth-child(2) {width: auto;}
.storeInfoTable thead th:nth-child(3) {width: 180px;}
.storeInfoTable thead th:nth-child(4) {width: 210px;}
.storeInfoTable thead th:last-child {width: 150px; border-right: none;}
.storeInfoTable tbody td {padding: 14px 16px; background: #fff; color: #2C2C2C; font-weight: 400; line-height: 1.7;}
.storeInfoTable tbody td.storeName {font-weight: 600; color: var(--main-color); border-right: 1px solid #EDEDED;}
.storeInfoTable tbody td:nth-child(2) {text-align: left; border-right: 1px solid #EDEDED;}
.storeInfoTable tbody td.mainProduct {border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED;}
.storeInfoTable tbody td:nth-last-child(2) {border-right: 1px solid #EDEDED;}
.storeInfoTable tbody td p.subText {font-size: 16px; color: rgba(44, 44, 44, 0.6);}

/* 푸터 */
#foot {padding: 80px 0; background: var(--main-color);}
#foot .inner {display: flex; justify-content: space-between; align-items: flex-start;}
#foot .logo {width: 150px;}
#foot .logo img {vertical-align: top;}
#foot .info {margin-top: 20px; font-size: 12px; font-weight: 400; line-height: 18px; color: #fff;}
#foot .info .copy {font-size: 10px; font-weight: 600;}
#foot .footUtils {display: flex; align-items: flex-start; gap: 40px;}
#foot .footUtils .sitemap {display: flex; gap: 32px; margin-top: 7px;}
#foot .footUtils .sitemap dl dt {min-width: 90px; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #fff;}
#foot .footUtils .sitemap dl dt a {color: #fff;}
#foot .footUtils .sitemap dl dd a {font-size: 12px; color: #C3E5DA; font-weight: 500; line-height: 1.8;}
#foot .footUtils .sitemap dl dd a:hover {text-decoration: underline;}
#foot .btn_shopping {padding: 4px 10px; border-radius: 25px; border: 2px solid #BFE1D5; background: #BFE1D5; font-size: 14px; font-weight: 700; color: #00653E;}

/********************************************************/
/**************** 테블릿 1024px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:1024px){

#wrap {width: 100%; min-width: 100%;}
.inner {width: 100%; padding: 0 32px; box-sizing: border-box;}

.pc {display: none;}
.tablet {display: block;}
.tabmobile {display: block;}

/* 헤더 */
#header .topmenu {display: none;}
#header .mobileMenu {display: block; width: 36px; background: transparent;}
#header .mobileMenu img {vertical-align: top;}

/* 모바일 전체메뉴 */
#allMenu {display: none; width:360px; position:fixed; height:100%; overflow-y:auto; left:-100%; top:0; background:#fff; z-index:120;}
#allMenu .allMenuWrap {display: flex; flex-direction: column; height: 100%;}
#allMenu .allMenuHeader {display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 12px 16px 12px 20px; background: var(--main-color); box-sizing: border-box;}
#allMenu .allMenuHeader .logo {width: 123px;}
#allMenu .allMenuHeader .btnClose {width: 24px; background: transparent;}
#allMenu .allMenuHeader img {vertical-align: top;}
#allMenu .menuWrap {flex: 1; display: flex;}
#allMenu .menuWrap .mainmenu {flex-shrink: 0; width: 130px; border-right: 1px solid #E4E5E7; box-sizing: border-box;}
#allMenu .menuWrap .mainmenu ul {display: flex; flex-direction: column; gap: 8px; padding: 16px 0;}
#allMenu .menuWrap .mainmenu ul li {position: relative; display: flex; align-items: center; height: 48px; font-size: 1rem; font-weight: 500; padding-left: 20px; cursor: pointer;}
#allMenu .menuWrap .mainmenu ul li::after {display: none; content: ''; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); width: 8px; height: 14px; background: url('/images/ncoop/common/ic_arrow_right.png') no-repeat center center; background-size: contain;}
#allMenu .menuWrap .mainmenu ul li.on::after {display: block;}
#allMenu .menuWrap .mainmenu ul li:nth-child(5)::after {display: none;}
#allMenu .menuWrap .mainmenu ul li.on,
#allMenu .menuWrap .mainmenu ul li.on a {color: var(--main-color);}
#allMenu .menuWrap .submenuWrap {flex: 1; background: #F7F7F8;}
#allMenu .menuWrap .submenuWrap .submenu {display: none; position: relative; padding: 20px 0;}
#allMenu .menuWrap .submenuWrap .submenu li:not(:first-child) {margin-top: 8px;}
#allMenu .menuWrap .submenuWrap .submenu li a {display: flex; align-items: center; height: 40px; padding-left: 32px; font-size: .9375rem;}
#allMenu .menuWrap .submenuWrap .submenu:nth-child(2) {top: 56px}
#allMenu .menuWrap .submenuWrap .submenu:nth-child(3) {top: 112px;}
#allMenu .menuWrap .submenuWrap .submenu:nth-child(4) {top: 168px;}

/* 메인 */
#wrap.main {min-height: 100dvh;}
.mainVisual .pc_v {display: none;}
.mainVisual .m_v {display: block;}
.mainVisual img {width: 100%;}

/* 이수소개 - 우리의 길 */
.contentsArea .purposeList .logoImg {width: 300px;}

/* 이수소개 - 우리의 일 */
.contentsArea.work .workImgArea ul {gap: 40px 16px;}

/* 이수소개 - 우리의 문화 */
.contentsArea.culture .cultureImgArea ul {display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px 16px; justify-items: center;}
.contentsArea.culture .cultureImgArea ul li {width: 100%; text-align: center;}
.contentsArea.culture .cultureImgArea ul li:first-child {grid-column: 2 / 4;}
.contentsArea.culture .cultureImgArea ul li:nth-child(2) {grid-column: 4 / 6;}
.contentsArea.culture .cultureImgArea ul li:nth-child(3) {grid-column: 1 / 3;}
.contentsArea.culture .cultureImgArea ul li:nth-child(4) {grid-column: 3 / 5;}
.contentsArea.culture .cultureImgArea ul li:nth-child(5) {grid-column: 5 / 7;}

/* 푸터 */
#foot .footUtils .sitemap dl dt {min-width: auto;}
#foot .btn_shopping {display: none;}

}


/********************************************************/
/**************** 테블릿 860px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:860px){

/* 이수소개 - 우리의 길 */
.contentsArea .purposeList .logoImg {display: none;}

/* 이수소개 - 우리의 일 */
.contentsArea.work .workImgArea ul {display: flex; flex-direction: column; gap: 2rem;}

/* 이수소개 - 우리의 문화 */
.contentsArea.culture .cultureImgArea ul {display: flex; flex-direction: column; gap: 1rem; justify-items: center;}

/* 사원채용 */
.recruitmentInfo dl dd .address {display: block;}

/* 푸터 */
#foot .footUtils .sitemap {display: none;}

}


/********************************************************/
/**************** 테블릿 768px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:768px){

/* 견학신청 */
#applyTourModal .modalContents {padding: 4.0625rem 1.875rem;}

/* 매장소개 */
.contentsArea.store .ImgArea img {width: 100%;}
.contentsArea.store .scrollHint {display: block; margin-bottom: .625rem; font-size: 18px; margin-top: 80px;}
.storeTableWrap {margin-top: 0;}

}



/********************************************************/
/**************** 모바일 520px 해상도 ******************/
/********************************************************/
@media only screen and (max-width:520px){

.inner {padding: 0 1rem;}

:root {
  font-size: 14px;
}

.pct {display: none;}
.pc {display: none;}
.tablet {display: none;}
.mobile {display: block;}
.mobileBr {display: inline;}

/* 헤더 */
#header {flex-shrink: 0; height: 56px;}
#header h1 {width: 126px;}
#header .mobileMenu {width: 28px;}

/* 모바일 전체메뉴 */
#allMenu {width: 300px;}
#allMenu .allMenuHeader {padding-left: 16px;}
#allMenu .menuWrap .mainmenu {width: 120px;}
#allMenu .menuWrap .mainmenu ul li {padding-left: 16px;}
#allMenu .menuWrap .submenuWrap .submenu li a {padding-left: 24px;}

/* 메인 */
#wrap.main {display: flex; flex-direction: column;}
#wrap.main #contents {flex: 1; display: flex; flex-direction: column; justify-content: center;}

/* 서브타이틀 영역 */
.subVisual {padding: 3.125rem 0;}
.subVisual h2 {font-size: 2rem;}
.subVisual p {margin-top: 1.25rem; font-size: 1.25rem;}
.subVisual .desc {margin-top: 1.875rem; font-size: 1.125rem;}
.subVisual .subgnb {margin-top: 1.25rem;}
.subVisual .subgnb li {width: 9.375rem;}
.subVisual .subgnb li a {height: 2.375rem; font-size: 1rem;}

/* 서브컨텐츠 공통 */
.contentsArea > section {padding: 4.375rem 0;}
.contentsArea > section > .inner {padding: 0 2rem;}

.subTitleArea {margin-bottom: 2.5rem;}
.subTitleArea h3 {font-size: 1.25rem;}
.subTitleArea p {margin-top: .625rem; font-size: .875rem;}

.boardTitle {font-size: 1.25rem; margin-bottom: 2.5rem;}

/* 이수소개 - 우리는 */
.contentsArea.about .historyArea {gap: 3.75rem;}
.contentsArea.about .historyArea::after {left: 5rem;}
.contentsArea.about .timelineItem .timelineYear {width: 5.75rem; font-size: 1.375rem;}
.contentsArea.about .timelineItem .timelineContent {padding-top: .25rem;}
.contentsArea.about .timelineItem .timelineContent::before {width: .5rem; height: .5rem; left: -0.9688rem; top: .625rem;}

/* 이수소개 - 우리의 길 */
.contentsArea .purposeList {gap: .625rem}
.contentsArea .purposeList dl {padding: 1.75rem 1.25rem;}
.contentsArea .purposeList dl dt {font-size: 1rem; font-weight: 600;}
.contentsArea .purposeList dl dd {font-size: .875rem;}

/* 이수소개 - 우리의 일 */
.contentsArea.work .workImgArea {margin-bottom: 2.5rem;}
.contentsArea.work .workImgArea ul li span {padding-top: .625rem; font-size: .875rem;}

/* 이수소개 - 우리의 문화 */
.contentsArea.culture h4 {margin-top: 2.5rem; font-size: .875rem;}
.contentsArea.culture .cultureImgArea {margin-top: 2.5rem;}

/* 사원채용 */
.recruitmentInfo {gap: 1.5rem;}
.recruitmentInfo dl {gap: 1.25rem;}
.recruitmentInfo dl dt {font-size: .875rem;}
.recruitmentInfo dl dt::after {right: -0.75rem; font-size: .875rem;}
.recruitmentInfo dl dd {font-size: .875rem; padding-top: 0;}
.recruitmentInfo dl dd .desc {margin-top: .75rem; font-size: .75rem;}
.recruitmentInfo dl dd .address {font-size: .75rem; font-weight: 400;}
.recruitmentInfo .note {font-size: .875rem;}

/* 견학신청 */
.contentsArea.applyTour .subTitleArea p span {font-size: .75rem;}
.contentsArea.applyTour .recruitmentInfo {padding: 1.875rem 1rem;}
.contentsArea.applyTour .tourInfo {margin-top: 10px; font-size: .75rem;}
.contentsArea.applyTour .btnArea {margin-top: 2.5rem;}
.contentsArea.applyTour .btnApplyTour {width: 15rem; font-size: 1.25rem;}

#applyTourModal .btnCloseModal {top: 1.875rem; right: 1.875rem; width: 1.125rem;}
#applyTourModal .modalTitle {font-size: 2rem; margin-bottom: 1.875rem;}
#applyTourModal .applyTourForm {padding: 1.25rem 0; gap: .625rem;}
#applyTourModal .applyTourForm dl dt {width: 4.5rem; font-size: .875rem; font-weight: 500;}
#applyTourModal .applyTourForm dl dd input {padding: .5rem 1rem; font-size: .875rem;}

/* 매장소개 */
.contentsArea.store .scrollHint  {font-size: .875rem; margin-top: 2.5rem;}
.storeInfoTable th {padding: 1.125rem .625rem; font-size: .875rem;}
.storeInfoTable tbody td {padding: .875rem .5rem; font-size: .75rem;}
.storeInfoTable tbody td p.subText {font-size: .6875rem;}

/* 푸터 */
#foot {flex-shrink: 0; padding: 32px 0;}
#foot .logo {width: 87px;}
#foot .info {margin-top: 1rem; font-size: .625rem;}
#foot .info .copy {font-size: .625rem;}

}