@charset "UTF-8"; 

/*
*   name : layout
*	header, footer, aside 등 공통 레이아웃과 관련된 요소들을 모아놓습니다.
*/

.inwrap{width:calc(100% - 4rem); max-width:178rem;  margin:0 auto; border:1px solid #000; border-top:0; border-bottom:0;}
.sub-inwrap{width:100%; max-width:158rem; padding:0 2rem; margin:0 auto;}

@media (max-width:768px) {
		.inwrap{width:calc(100% - 2.8rem);}
		.sub-inwrap{padding:0 1.4rem;}
}

/*--------------------- header ---------------------*/
.site_header {position:fixed; top:0; left:0; z-index:100; width:100%; height:12rem; background:#fff; border-bottom:1px solid #000; transition:height .3s ease, box-shadow .3s ease, border-color .3s ease;}
.site_header.is_fixed {height:10rem; }
.site_header .h-inwrap { width: 100%;  max-width: 178rem;  padding: 0 2rem;  margin: 0 auto; position: relative;  z-index: 5;  display: flex;  align-items: center;  justify-content: center; gap:4rem; height: 100%;  background: #fff;}
.header_menu {flex:0 0 2.2rem; display:flex;flex-direction:column;justify-content:center;gap:.4rem;width:2.2rem;height:2.2rem;}
.header_menu span {display:block; width:100%; height:.2rem; }
.header_menu span:nth-child(1),.header_menu span:nth-child(3){background-image:linear-gradient(to right,var(--color-bluegreen) 50%,#000 50%);background-size:200% 100%;background-position:right bottom;transition:background-position .4s ease;}
.header_menu span:nth-child(2){background-image:linear-gradient(to left,#000 50%,var(--color-bluegreen) 50%);background-size:200% 100%;background-position:left bottom;transition:background-position .4s ease;}
.header_menu:hover span:nth-child(1),.header_menu:hover span:nth-child(3){background-position:left bottom;}
.header_menu:hover span:nth-child(2){background-position:right bottom;}
.header_search_btn { flex:0 0 2.4rem; width:2.4rem;height:2.4rem;  opacity: 0;  cursor: default; }
.header_search_btn img{display:block; width:100%; height:100%; object-fit:contain;}
.gnb {flex:1 1 auto; min-width:0; width:100%; height:100%;}
.gnb_list {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.gnb_item {height:100%;}
.gnb_logo_item {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 21rem;height:100%;transition:all .3s ease;}
.gnb_logo_item + .gnb_item {margin-left:26rem;}
.gnb_link {position: relative;  display: flex;  align-items: center;  justify-content: center;  height: 100%;  font-family: 'OnemobileT';  font-size: 2rem;  white-space: nowrap; margin-right:6rem;}
.gnb_item:hover .gnb_link:after, .gnb_item:focus-within .gnb_link:after, .gnb_item.is_active .gnb_link:after {width:4rem;}
.gnb_item.is_active a{color:var(--color-bluegreen);}
.header_logo {width: 100%;height: 11rem;transform: translateY(0.9rem); transition:all .3s ease;}
.header_logo a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid #000;border-bottom:0;border-radius: 13rem 13rem 0 0;background:#fff; transition:all .3s ease;}
.header_logo img {width:12rem;  margin-top: 1.5rem; transition:all .3s ease;}
.gnb_depth_box {position:absolute; top:12rem; left:0; z-index:4; overflow:hidden; width:100vw; height:0; background:#fff; border-bottom:1px solid #000; opacity:0; transition:height .28s ease, opacity .2s ease;}
.gnb_depth_inner {display:grid; grid-template-columns:repeat(6, 1fr); width:100%; min-height:26rem;}
.gnb_depth_col {position:relative; min-width:0; min-height:26rem; padding:3rem 2rem 3.6rem; border-right:1px solid #000; text-align:center; background:#fff; transition:background .25s ease;}
.gnb_depth_col:first-child {border-left:0;}
.gnb_depth_col:last-child {border-right:0;}
.gnb_depth_col.is_active, .gnb_depth_col:hover, .gnb_depth_col:focus-within {background:#f5f5f5;}
.gnb_depth_col strong {position:relative; display: block;  margin-bottom: 3.5rem;   font-family: 'OnemobileT';  font-size: 1.8rem;  font-weight: 400;}
.gnb_depth_col strong:after{content:''; display:block; width:100%; height:1px; background:#e0e0e0; position:absolute; bottom:-1.5rem; left:50%; transform:translateX(-50%);}
.gnb_depth_col ul {display:flex; flex-direction:column; align-items:center; gap:1.8rem;}
.gnb_depth_col a {display:block;  font-size:1.6rem; font-weight:600; word-break:keep-all; transition:color .2s ease;}
.gnb_depth_col a:hover, .gnb_depth_col a:focus {color:var(--color-bluegreen);}
.mobile-logo{display:none;}

/* 헤더변환과정오류수정 */
.gnb{opacity:0;}
.header_logo{opacity:0;transition:none;}
html.is_gnb_ready .gnb{opacity:1;transition:opacity .02s ease;}
html.is_gnb_ready .header_logo{opacity:1;transition:opacity .02s ease;}

/*로고 애니메이션*/
.header_logo a{position:relative;overflow:hidden;}
.header_logo img{opacity:0;}
.header_logo a::after{content:'';position:absolute;top:50%;left:50%;width:12rem;height:8rem;transform:translate(-50%,-60%) translateY(1.5rem);-webkit-mask:url(/common/img/layout/logo.svg) center/contain no-repeat;mask:url(/common/img/layout/logo.svg) center/contain no-repeat;background:linear-gradient(115deg,#000 35%,var(--color-bluegreen) 50%,#000 65%);background-size:300% 100%;background-repeat:no-repeat;background-position:0% 0;pointer-events:none;animation:headerLogoWave 3.5s ease-in-out infinite;}
@keyframes headerLogoWave{100%{background-position:0% 0;}30%{background-position:100% 0;}0%{background-position:100% 0;}}

.mobile-gnb {position:fixed; inset:0; z-index:9999; display:none; visibility:hidden; opacity:0; transition:visibility .3s ease, opacity .3s ease;}
.mobile-gnb.is-open {visibility:visible; opacity:1;}
.mobile-gnb_dim {position:absolute; inset:0; background:rgba(0, 0, 0, .55);}
.mobile-gnb_panel {position:absolute;top:0;right:0;display:flex;flex-direction:column;width:32rem;max-width:85%;height:100%;padding: 3rem;background:#fff;transform:translateX(100%);transition:transform .35s ease;overflow-y:auto;}
.mobile-gnb.is-open .mobile-gnb_panel {transform:translateX(0);}
.mobile-gnb_head {display:flex; align-items:center; justify-content:space-between; margin-bottom:3rem;}
.mobile-gnb_head img {height:3.6rem;}
.mobile-gnb_close {position:relative; width:3.6rem; height:3.6rem; border:0; background:transparent;}
.mobile-gnb_close span {position:absolute;left:50%;top:50%;width: 1.8rem;height:1px;background:#000;}
.mobile-gnb_close span:first-child {transform:translate(-50%, -50%) rotate(45deg);}
.mobile-gnb_close span:last-child {transform:translate(-50%, -50%) rotate(-45deg);}
.mobile-gnb_nav {flex:1 1 auto;}
.mobile-gnb_list {margin:0; padding:0; list-style:none;}
.mobile-gnb-item {position:relative;border-bottom: 1px solid #000;}
.mobile-gnb-item_link {position:relative;display:block;width:100%;padding: 1.8rem 1rem;border:0;background:transparent;color:#000;font-family:'OnemobileT';font-size: 1.7rem;font-weight:600;text-align:left;cursor:pointer;}
.mobile-gnb-item.is_active > .mobile-gnb-item_link {color:var(--color-bluegreen);}
.mobile-gnb-item_link .mobile-gnb-item_arrow {position:absolute;right: 1rem;top:50%;width: 1rem;height: 1rem;border-right:1px solid #000;border-bottom:1px solid #000;transform: translateY(-85%) rotate(45deg);transition:transform .25s ease;}
.mobile-gnb-item.is_open > .mobile-gnb-item_link .mobile-gnb-item_arrow {transform:translateY(-35%) rotate(-135deg);}
.mobile-gnb-item_depth2 {max-height:0; margin:0; padding:0; list-style:none; overflow:hidden; transition:max-height .3s ease;}
.mobile-gnb-item_depth2 li:last-child a{ margin-bottom: 2rem;}
.mobile-gnb-item.is_open .mobile-gnb-item_depth2 {max-height:60rem;}
.mobile-gnb-item_depth2 a {display:block; padding:1.2rem 0 1.2rem 1.6rem; color:#333; font-size:1.6rem;}
.mobile-gnb-item_depth2 a.is_active {color:var(--color-bluegreen); font-weight:700;}
.mobile-gnb-info {margin-top:3rem; padding-top:3rem; border-top:1px solid #e0e0e0;}
.mobile-gnb-info_item + .mobile-gnb-info_item {margin-top:1.6rem;}
.mobile-gnb-info_item strong {display:block; margin-bottom:.5rem; font-size:1.4rem; font-weight:800;}
.mobile-gnb-info_item p {margin:0; color:#333; font-size:1.4rem;}
body.is-mobile-gnb-open {position:fixed; left:0; width:100%; overflow:hidden;}

.site_header.is_open .gnb_depth_box {height:26rem; opacity:1;}
.site_header.is_fixed .gnb_depth_box {top:10rem;}
.site_header.is_fixed .gnb_logo_item{width: 18.5rem;}
.site_header.is_fixed .header_logo{ height: 9rem}
.site_header.is_fixed .header_logo a{ border-radius: 10rem 10rem 0 0;}
.site_header.is_fixed .header_logo img{width:10.6rem;}

@media (max-width:1420px) {
	.site_header{height:10rem;}
	.header_logo{height:9rem;}
	.gnb_link{font-size:1.9rem; margin-right:5rem;}
	.gnb_logo_item + .gnb_item {  margin-left: 20rem;}
	.gnb_logo_item{width:17rem;}
	.header_logo img{width:10rem;}

	.header_logo a::after{width:10rem;height:6.7rem;}
}

@media (max-width:1200px) {
	.site_header {height:8rem;}
	.site_header .h-inwrap{    justify-content: space-between;}
	.header_inner {justify-content:center; padding:0 2rem;}
	.gnb {display:none;}
	.header_logo {position:static; width:10.4rem; height:6.8rem; transform:none;}
	.header_menu {left:2rem;}
	.header_search {right:2rem;}
	.gnb_depth_box {display:none;}
	.mobile-logo{display:block; width: 15rem;  height: 100%;  padding-top: 0.5rem;}
	.header_logo img{width:9rem;}
	.site_header.is_fixed{height:7.5rem;}
	.site_header.is_fixed .header_logo{height:100%;width: 14rem;}
	.site_header.is_fixed .header_logo img{width:9rem;}
	.mobile-gnb {display:block;}
	/* .header_search_btn{display:none;} */

	.header_logo a::after{width:9rem;height:6rem;transform:translate(-50%,-38%);}
	.site_header.is_fixed .header_logo a::after{width:9rem;height:6rem;}
}

.site-map {position:fixed; inset:0; z-index:9999; visibility:hidden;}
.site-map_dim {position:absolute; inset:0; background:rgba(11, 15, 15, .6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);}
.site-map_panel {position:absolute; left:50%; top:50%; width:calc(100% - 12rem); max-width:148rem; max-height:calc(100vh - 8rem); padding:5.5rem 6rem 4.5rem; background:#fff; box-shadow:0 3rem 8rem rgba(0, 0, 0, .22); overflow-y:auto;}
.site-map_close {position:absolute; right:4rem; top:4rem; width:4.8rem; height:4.8rem; border:1px solid #ddd; border-radius:50%; background:#fff; transition:border-color .25s ease, background .25s ease, transform .35s ease;}
.site-map_close:hover {border-color:var(--color-bluegreen); background:var(--color-bluegreen); transform:rotate(90deg);}
.site-map_close span {position:absolute; left:50%; top:50%; width:2rem; height:1px; background:#000; transition:background .25s ease;}
.site-map_close:hover span {background:#fff;}
.site-map_close span:first-child {transform:translate(-50%, -50%) rotate(45deg);}
.site-map_close span:last-child {transform:translate(-50%, -50%) rotate(-45deg);}
.site-map_head {margin-bottom:2rem;}
.site-map_label { margin: 0 0 0.5rem; color: var(--color-bluegreen); font-size: 1.5rem; font-weight: 800;}
.site-map_title { margin: 0;  color: #000;  font-size: 3rem;  font-weight: 800;  line-height: 1.2;  font-family: var(--font-point);}
.site-map_nav {padding-bottom:4.5rem; border-bottom:1px solid #e5e5e5;}
.site-map_list {display:grid; grid-template-columns:1.05fr 1.2fr 1.2fr 1fr 1.15fr 1fr; margin:0; padding:0; list-style:none;}
.site-map_item {position:relative; min-height:24rem; padding:0 3rem; border-left:1px solid #e5e5e5;}
.site-map_item:first-child {padding-left:0; border-left:0;}
.site-map_item_num {display:block; margin-bottom:1.6rem; color:rgba(11, 125, 130, .22);font-size:1.6rem; font-weight:800; }
.site-map_depth1 {position:relative; display:inline-block; color:#000; font-size:2rem; font-weight:800; transition:color .25s ease;}
.site-map_depth1:hover {color:var(--color-bluegreen);}
/* .site-map_depth1:after {content:""; display:block; width:3.2rem; height:2px; margin-top:1.4rem; background:var(--color-bluegreen); transition:width .3s ease;}
.site-map_item:hover .site-map_depth1:after {width:100%;} */
.site-map_depth2 {margin:2.6rem 0 0;}
.site-map_depth2 li + li {margin-top:1.6rem;}
.site-map_depth2 a {position:relative; display:inline-block; color:#333; font-size:1.7rem; font-weight:500;  transition:color .2s ease;}
.site-map_depth2 a:after {content:""; position:absolute; left:0; bottom:-.3rem; width:100%; height:1px; background:var(--color-bluegreen); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;}
.site-map_depth2 a:hover, .site-map_depth2 a:focus-visible {color:#000;}
.site-map_depth2 a:hover:after, .site-map_depth2 a:focus-visible:after {transform:scaleX(1);}
.site-map_info {display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; padding-top:3.5rem;}
.site-map_info_item {position:relative; padding:0 4rem;}
.site-map_info_item:first-child {padding-left:0;}
.site-map_info_item + .site-map_info_item {border-left:1px solid #e5e5e5;}
.site-map_info_item strong {display:block;color:var(--color-bluegreen);font-size: 1.4rem;font-weight:800;}
.site-map_info_item p {margin:1rem 0 0;color:#000;font-size:1.7rem;font-weight:600;line-height:1.5;}
body.is-site-map-open {overflow:hidden;}
@media (max-width:1420px) {
	.site-map_panel {width:calc(100% - 6rem); padding:4.5rem 4rem 4rem;}
	.site-map_list {grid-template-columns:repeat(3, 1fr); row-gap:4rem;}
	.site-map_item {min-height:18rem;}
	.site-map_item:nth-child(4) {padding-left:0; border-left:0;}
}
@media (max-width:1200px) {
	.site-map {display:none !important;}
}

/*--------------------- subnavi ---------------------*/
.sub-header-wrap {position:relative; width:100%; background:#fff; margin-top:12rem;}
.sub-header-title {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height: 25rem;border-bottom:1px solid #000;text-align:center;}
.sub-header-title_deco {display:block;width: 0.3rem;height: 2rem;background: var(--color-bluegreen);}
.sub-header-title_category {display:block;color:var(--color-bluegreen);font-family:var(--font-point);font-size: 2rem;font-weight:700;}
.sub-header-title h2 {font-family:var(--font-point);font-size:4.2rem;font-weight:700;}
.sub-navi {position:relative; z-index:10; width:100%; height:7.5rem; background:#fff; border-bottom:1px solid #000;}
.sub-navi .sub-inwrap {display:flex; align-items:center; height:100%;}
.sub-navi_row { width:100%; display:flex; align-items:center; justify-content:space-between;     gap: 2rem;}
.sub-navi_list { display:flex; align-items:center; }
.sub-navi_home {display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; flex-shrink:0;}
.sub-navi_home img {display:block; width:100%; height:100%; object-fit:contain;}
.sub-navi_sep {display:flex;align-items:center;padding:0 2rem;color:#000;font-size:2.5rem;flex-shrink:0;user-select:none;}
.sub-navi_item {position:relative; height:100%; display:flex; align-items:center; min-width:20rem;}
.sub-navi_btn {display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;cursor:pointer;font-size:1.8rem;font-weight:600;color:#000;white-space:nowrap;}
.sub-navi_btn::after {content:"";display:inline-block;width:2rem;height:0.8rem;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23555' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform .25s ease;flex-shrink:0;}
.sub-navi_item.is_open .sub-navi_btn::after {transform:rotate(180deg);}
.sub-navi_depth {position:absolute; top:5rem; left:0; width:100%; visibility:hidden; opacity:0; transform:translateY(-.4rem); border:1px solid #000; background:#fff; z-index:20; transition:visibility .22s ease, opacity .22s ease, transform .22s ease;}
.sub-navi_item.is_open .sub-navi_depth {visibility:visible; opacity:1; transform:translateY(0);}
.sub-navi_depth a {display:block; padding:1.2rem 2rem; font-size:1.6rem; font-weight:400; color:#000; transition:background .15s ease, color .15s ease;}
.sub-navi_depth a:hover, .sub-navi_depth a:focus-visible, .sub-navi_depth a.is_active, .sub-navi_depth a.on {background:var(--color-bluegreen); color:#fff;}
.sub-navi_depth .side-menuL ul {display:none;}

/*서브타이틀애니메이션*/
.sub-header-title_deco{display:block;width:0.3rem;height:2rem;background:var(--color-bluegreen);transform-origin:center;animation:decoBreath 2.4s ease-in-out infinite;}
@keyframes decoBreath{0%{transform:scaleY(1);}50%{transform:scaleY(0.8);}100%{transform:scaleY(1);}}

.navi-share_btn {display: flex;  align-items: center;  justify-content: center;  width: 4rem;  height: 4rem;  background: #fff;  cursor: pointer; }
.navi-share_panel { display:none; position:absolute; top:calc(100% - 1rem); right:clamp(0rem, 1.6vw, 12rem); width:min(30rem, calc(100vw - 4rem)); background:#fff; border:.1rem solid #ddd; box-shadow:0 .4rem 1.2rem rgba(0,0,0,.1); padding:1.2rem; z-index:100; }
.navi-share_panel.on { display:block; }
.navi-share_url { display:flex; gap:0.5rem; }
.navi-share_input {flex: 1; min-width: 0;  height: 3.6rem !important;  padding: 0 1.2rem;  font-size: 1.4rem !important;  color: #000;  border: 1px solid #e0e0e0 !important;  background: #f7f7f7;}
.navi-share_copy { flex-shrink: 0;  height: 3.6rem;  padding: 0 1rem;  font-size: 1.4rem;  color: #fff;  background: #000;  cursor: pointer;}
.navi-share_sns { display:none; gap:1rem; }
.navi-share_kakao, .navi-share_facebook { display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; border-radius:50%; border:.1rem solid #ddd; background:#fff; cursor:pointer; }
.navi-share_toast { position:fixed; left:50%; bottom:6rem; transform:translate(-50%, 1rem); background:rgba(0,0,0,.85); color:#fff; font-size:1.6rem; padding:1.2rem 2rem; border-radius:.6rem; opacity:0; visibility:hidden; transition:opacity .3s, transform .3s; z-index:999; }
.navi-share_toast.on { opacity:1; visibility:visible; transform:translate(-50%, 0); }


@media (max-width:1420px) {
	.sub-header-wrap{margin-top:10rem;}
}
@media (max-width:1200px) {
	.sub-header-wrap {margin-top:8rem;}
	.sub-header-title {height:20rem;}
	.sub-header-title h2 {font-size:3.6rem;}
	.sub-navi {height:6rem;}
	.sub-navi_depth{top:3rem;}
}
@media (max-width:768px) {
	.sub-header-title {height:16rem;}
	.sub-header-title h2 {font-size:2.8rem;}
	.sub-header-title_category {font-size:1.7rem;}
	.sub-navi_btn {font-size:1.6rem;}
	.sub-navi_list{width:100%;}
	.sub-navi_list > li:nth-child(2), .sub-navi_list > li:nth-child(3){display:none;}
	.sub-navi_item{min-width: calc(100% - 7.5rem);}
	
}

/*--------------------- footer ---------------------*/
.footer {background:#fff;border-top: 1px solid #000;}
.footer_inwrap {position:relative;padding:0;}
.footer_top {display:flex;align-items:center;justify-content:space-between;width: 100%;max-width: 158rem;height: 8rem;padding: 0 2rem;margin: 0 auto;}
.footer_policy {display:flex; align-items:center; gap:3.6rem;}
.footer_policy li{position:relative;}
.footer_policy li:last-child:after{  content: ""; position: absolute;  left: -1.7rem;  top: 50%;  width: 1px;  height: 1.4rem;  background: #ddd;  transform: translateY(-50%);}
.footer_policy a {position:relative; display:block; color:#000; font-size:1.6rem; }
.footer_policy a.point {color:var(--color-bluegreen); font-weight:700;}
.footer_policy a[target="_blank"]:after {content: "";  display: inline-block;  width: 1.8rem;  height: 1.8rem;  margin-left: .6rem;  background: url(../img/default/icon_linkmove.svg) no-repeat center / 1.6rem;  vertical-align: -0.4rem;  filter: invert(1);}
.footer_util {display:flex; align-items:center; gap:3rem;}
.footer_sns {display:flex; align-items:center; gap:3rem;}
.footer_sns a {display:block; width:1.8rem; height:1.8rem; background-repeat:no-repeat; background-position:center; background-size:contain;}
.footer_sns_ico img{filter: grayscale(1) invert(0) brightness(0); transition:all .3s ease;}
.footer_sns_ico:hover img{filter:none;}
.footer_family {position:relative; width:20rem;}
.footer_family_btn {position:relative;display:flex;align-items:center;justify-content:space-between;gap: 1rem;width:100%;height:4rem;background:#fff;text-align:left;font-weight: 600;  padding-left: 1.5rem;}
.footer_family_btn:after {content:"";position:absolute;top:50%;right:0;width:.8rem;height: .8rem;border-right: 2px solid #000;border-bottom: 2px solid #000;transform:translateY(-70%) rotate(45deg);transition:transform .25s ease;}
.footer_family.is_open .footer_family_btn:after {transform:translateY(-30%) rotate(225deg);}
.footer_family_list {position:absolute; right:0; bottom:4rem; z-index:5; display:none; width:100%; border:1px solid #000; background:#fff;}
.footer_family.is_open .footer_family_list {display:block;}
.footer_family_list a {display:block; padding:1.2rem 1.4rem; color:#000; font-size:1.5rem;}
.footer_family_list li + li {border-top:1px solid #e0e0e0;}
.footer_family_list a:hover, .footer_family_list a:focus {background:#f5f5f5;}
.footer_bottom {display:flex;flex-direction:column;align-items:center;justify-content:center;width: 100%;background: #f8f8f8; padding: 3rem 2rem;text-align:center;border-top: 1px solid #000;}
.footer_logo {width: 11rem;margin-bottom: 2rem;}
.footer_logo a {display:block;}
.footer_logo img {display:block; width:100%;}
.footer_info {}
.footer_info strong {display:block;margin-bottom:.8rem;font-size: 1.8rem;font-weight:700;}
.footer_info .time {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:3rem;}
.footer_info .time span{position:relative; font-size:1.6rem; font-weight:600; }
.footer_info .time span:last-child:after{  content: ""; position: absolute;  left: -1.7rem;  top: 50%;  width: 1px;  height: 1.4rem;  background: #ddd;  transform: translateY(-50%);}
.footer_info address { margin-top: 2.2rem;  display: flex; flex-direction: column;  gap: 0.5rem;  flex-wrap: wrap;}
.footer_info address p, .footer_info address p span{font-size:1.5rem;}
.footer_info address p{display:flex; align-items:center;  justify-content: center; flex-wrap:wrap; gap:2rem;}

	@media (max-width:1200px) {
		.footer_top {padding:0 4rem;}
	}

	@media (max-width:980px) {
		.footer_top {height:auto; flex-direction:column; align-items:flex-start; gap:2rem; padding:2.4rem 3rem;}
		.footer_util {width:100%; justify-content:space-between;}
		.footer_bottom {min-height:auto; padding:3.2rem 2rem 4rem;}
	}

	@media (max-width:768px) {
		.footer_inwrap {width:calc(100% - 2.8rem);}
		.footer_top {padding:2.2rem 2rem;}
		.footer_policy {flex-wrap:wrap; gap: 1rem 3.6rem;}
		.footer_util { gap:2rem;}
		.footer_info strong{font-size:1.6rem;}
		.footer_info address p{font-size:1.5rem;}
		.footer_logo {width:9rem;}
		.footer_info .time span{font-size:1.5rem;}
	}

	@media (max-width:500px) {
		.footer_policy li:last-child:after{display:none;}
	}

	@media (max-width:420px){		
		.footer_info .time{gap:0.5rem;}
		.footer_info .time span:last-child:after{display:none;}
	}