@charset "utf-8";

body {min-width:320px; overflow-x:hidden; letter-spacing: -0.02em;}
.inwrap{width:100%; max-width:176rem; padding:0 2rem; margin:0 auto;}
.sub-inner{width:100%; max-width:146rem; padding:0 2rem; margin:0 auto;}
body[data-scroll-locked="true"] {overflow: hidden; touch-action: none;}

/* header */
#header {position:fixed; top:0; left:0; width:100%;z-index: 500; min-width:320px;}
.header_wrap {width:100%; height:10rem; background:var(--color-red); border-bottom:1px solid transparent; transition:all 0.3s ease-in-out;}
.header_wrap .inwrap{display: flex; align-items: center; height: 100%; gap:5rem;}
#header .logo{display:flex; width:20.1rem; height:2.8rem; position:relative;}
#header .logo a{display:block; width:100%; height:100%;}
#header .logo a:before{content:""; display:block; width:100%; height:100%; background:url('../img/Layout/logo.svg') no-repeat center center / 100%; position:absolute; top:0; left:0; z-index:1;}
#header .logo a:after{content:""; display:block; width:100%; height:100%; background:url('../img/Layout/logo_c.svg') no-repeat center center / 100%; position:absolute; top:0; left:0; visibility:hidden; opacity:0;}

#gnb{display:flex; align-items:center;}
#gnb .mn_a1{position:relative; display:flex; padding:1rem 2.5rem 0.5rem; font-family:'GmarketSans'; font-weight:500; font-size:2rem; color:#fff;}
#gnb .depth2-wrapper{position:absolute;top:100%;left:0;width:100%;background:#fff;overflow:hidden;opacity:0;visibility:hidden;box-shadow: 0 4px 16px rgba(0, 0, 0, .08);}
.menu-transition .depth2-wrapper{transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
#gnb .depth2-wrapper .depth2-inner{max-width:192rem; min-height:min(30rem, 100vh - 28rem); width:100%; margin:0 auto; height:100%; background:#fff; display:flex; }
#gnb .depth2-wrapper .depth2-info{min-width: 37rem;flex: 0 1 37rem;background: var(--color-dark-red) url(../img/default/bg_text_w.svg) no-repeat right 90% bottom / 36rem;padding: 5rem 0 6rem 9rem;color: #fff;}
#gnb .depth2-wrapper .depth2-info .info-title{font-family: 'GmarketSans';font-size: 3rem;font-weight:500;margin-bottom:2rem;display:flex;align-items:center;gap:2.8rem;}
#gnb .depth2-wrapper .depth2-info .info-title:after{width:100%;height:1px;}
#gnb .depth2-wrapper .depth2-info .info-desc{font-size:1.6rem;line-height: 1.4;color: #fff;opacity:0.8;width: 20rem;}
#gnb .depth2{display:flex; flex-wrap:wrap; gap:3.2rem 2rem; flex:1; padding:4rem; min-height:0; height:100%; overflow-y:auto; transition:max-height 0.3s ease-in-out;}
#gnb .mn_l2{width:calc(20% - 1.6rem);}
#gnb .mn_a2{position: relative; overflow: hidden; z-index:1; display:flex;align-items:center;padding:1.7rem 2rem 1.5rem;font-size: 1.7rem;font-weight: 400; margin-bottom:2rem; background: var(--color-light-red) url(../img/Layout/h_mn_logo.svg) no-repeat right -5rem bottom -2rem / 8rem; transition: background-position 0s, background-color 0s;}
#gnb .mn_a2:before,
#gnb .mn_a2:after{ content: ''; position: absolute; width: 0; height: 0;opacity: 0; z-index: -1; transition: none;}
#gnb .mn_a2:before{bottom: 0; left: 0; border-bottom: 2px solid var(--color-red); border-right: 2px solid var(--color-red);}
#gnb .mn_a2:after { top: 0; right: 0; border-top: 2px solid var(--color-red); border-left: 2px solid var(--color-red);}
#gnb .mn_a2.linkmn .icon{background: url(../img/default/icon_link_b.svg) no-repeat left center / 1.7rem; display: flex; align-items: center; width: 1.7rem; height: 1.7rem; margin-left: 0.4rem;} 
#gnb .mn_a2[data-external="true"]{padding-right:4rem; position:relative;}
#gnb .mn_a2[data-external="true"]:after{content:''; display:block; width:1.4rem; height:1.4rem; background:url('../img/layout/icon_external_lg.svg') no-repeat center center; position:absolute; right:2rem; top:calc(50% - 0.2rem); transform:translateY(-50%);}
#gnb .depth3{padding:0 2rem; display:flex; flex-direction:column; gap:1.5rem;}
#gnb .mn_a3{font-weight:500; color:var(--color-text40);}
#gnb .mn_a3[data-external="true"]{padding-right:2.2rem; position:relative;}
#gnb .mn_a3[data-external="true"]:after{content:''; display:block; width:1.2rem; height:1.2rem; background:url('../img/layout/icon_external_sm.svg') no-repeat center center; position:absolute; right:0; top:0.24rem;}

#rnb{ position: absolute; right: 12rem;display:flex; align-items:center; margin-left:auto; gap:3rem;}
#rnb .resize_box {display: flex;align-items: center;background:rgba(248,249,250,0.2);padding: 0.7rem 1.5rem;}
#rnb .resize_box .resize-btn {display: flex;align-items: center;justify-content: center;background: #fff;width: 2.2rem;height: 2.2rem;border-radius: 4px;}
#rnb .resize_box .resize-btn + .resize-btn { margin-left: 5px;}
#rnb .resize_box .resize {display: flex;margin-right: 1rem;filter: invert(1) brightness(5);}
#rnb .zoom-percent{font-size:1.4rem; color:#fff; padding-left:0.5rem;}
#rnb .lang-wrapper{position:relative;}
#rnb .lang-wrapper:after{content:''; display:block; position:absolute; bottom:-0.4rem; left:0; width:100%; height:2px; background:#fff;}
#rnb .lang-wrapper .label{font-size:1.8rem; font-weight:500; color:#fff;}
#rnb .schbtn{display: block; width: 3.5rem; height: 3.5rem; background: url(../img/default/icon_search.svg) no-repeat center center; filter: invert(1) brightness(15);}
#header .menubtn{position:absolute; top:0; right:0; width:10rem; height:10rem; background:var(--color-dark-red);border-bottom-left-radius: 2rem;}
#header .menubtn a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background:url(../img/Layout/icon_menu.svg)no-repeat center center;}
 
#header[data-menu-scrolled="true"] .header_wrap{background:#fff;border-color: var(--line-gray);}
#header[data-menu-scrolled="true"] .logo a:before{visibility: hidden; opacity: 0;}
#header[data-menu-scrolled="true"] .logo a:after{visibility: visible; opacity: 1;}
#header[data-menu-scrolled="true"] #gnb .mn_a1{color:#000;}
#header[data-menu-scrolled="true"] #rnb .resize_box{background: rgba(248, 249, 250, 1);}
#header[data-menu-scrolled="true"] #rnb .resize_box .resize{filter: invert(0) brightness(0);}
#header[data-menu-scrolled="true"] #rnb .zoom-percent{color:#000;}
#header[data-menu-scrolled="true"] #rnb .lang-wrapper .label {color:#000;}
#header[data-menu-scrolled="true"] #rnb .lang-wrapper:after{background:#000;}
#header[data-menu-scrolled="true"] #rnb .schbtn{filter: none;} 

#header[data-menu-open="true"] .header_wrap{background:#fff;border-color: var(--line-gray);}
#header[data-menu-open="true"] .logo a:before{visibility: hidden; opacity: 0;}
#header[data-menu-open="true"] .logo a:after{visibility: visible; opacity: 1;}
#header[data-menu-open="true"] #gnb .mn_a1{color:#000;}
#header[data-menu-open="true"] #rnb .resize_box{background: rgba(248, 249, 250, 1);}
#header[data-menu-open="true"] #rnb .resize_box .resize{filter: invert(0) brightness(0);}
#header[data-menu-open="true"] #rnb .zoom-percent{color:#000;}
#header[data-menu-open="true"] #rnb .lang-wrapper .label {color:#000;}
#header[data-menu-open="true"] #rnb .lang-wrapper:after{background:#000;}
#header[data-menu-open="true"] #rnb .schbtn{filter: none;} 

#header.sub .header_wrap{background:#fff;border-color: var(--line-gray);}
#header.sub .logo a:before{visibility: hidden; opacity: 0;}
#header.sub .logo a:after{visibility: visible; opacity: 1;}
#header.sub #gnb .mn_a1{color:#000;}
#header.sub #rnb .resize_box{background: rgba(248, 249, 250, 1);}
#header.sub #rnb .resize_box .resize{filter: invert(0) brightness(0);}
#header.sub #rnb .zoom-percent{color:#000;}
#header.sub #rnb .lang-wrapper .label {color:#000;}
#header.sub #rnb .lang-wrapper:after{background:#000;}
#header.sub #rnb .schbtn{filter: none;} 

#gnb .mn_l1[data-active="true"] .depth2-wrapper{visibility:visible; opacity:1;}
#header[data-menu-open="true"] #gnb .mn_l1[data-active="true"] .mn_a1{color:var(--color-red);} 
#gnb .mn_l1[data-active="true"] .mn_a1:before{content:''; display:block; width:0.8rem; height:0.8rem; border-radius:50%; background:var(--color-red); position:absolute; top:0; left:1rem; }


@media screen and (min-width:1200px){
	#gnb .mn_a2:hover:before,
	#gnb .mn_a2:focus:before {opacity: 1; width: 100%; height: 100%; transition: opacity 0s, width 0.1s ease, height 0.1s ease 0.1s;}
	#gnb .mn_a2:hover:after,
	#gnb .mn_a2:focus:after {opacity: 1; width: 100%; height: 100%; transition: opacity 0s 0.2s, width 0.1s ease 0.2s, height 0.1s ease 0.3s;	}
	#gnb .mn_a2:hover, #gnb .mn_a2:focus{ background-position: right 2rem center; transition: background-position 0.3s ease;}
	/* #gnb .mn_a2.linkmn:hover, #gnb .mn_a2.linkmn:focus{background:var(--color-light-red) url(../img/default/icon_link_b.svg) no-repeat left 11.5rem center / 1.7rem;} */
	#gnb .mn_a3:hover,
	#gnb .mn_a3:focus{text-decoration:underline; text-underline-offset:0.5rem; text-decoration-thickness:0.1rem;}
}

@media screen and (max-width:1560px){
	.header_wrap .inwrap{gap:2rem;}
	#header .logo{width:22rem;}
	#gnb .mn_a1{padding:1rem 1.5rem 0.5rem;}
	#gnb .mn_l2 { width: calc(25% - 2rem);}
	#rnb{gap:2rem; right:9rem;}	
	#rnb .resize_box{padding:0.7rem 1.2rem;}
	#header .menubtn{width:8rem;}
}

@media screen and (max-width:1340px){
	#header .logo{width:20rem;}
	#gnb .mn_a1 { padding: 1rem 1.2rem 0.5rem; font-size: 1.8rem;}	
	#gnb .mn_l1[data-active="true"] .mn_a1:before{content:''; display:block; width:0.8rem; height:0.8rem; border-radius:50%; background:var(--color-red); position:absolute; top:0; left:0.4rem; }
}

@media screen and (max-width:1200px){
	.nav{display:none;}
	#rnb .resize_box{display:none;}
	.header_wrap{height:8rem;}
	#header .menubtn{height:8rem;}
	#header .menubtn a{background:url(../img/Layout/icon_menu.svg)no-repeat center center / 2rem;}
	#rnb .schbtn{width: 3rem;height: 3rem;background: url(../img/default/icon_search.svg) no-repeat center center / 1.8rem;filter: invert(1) brightness(15);}
}

@media screen and (max-width:640px){
	#header .logo{width:17rem;}
	#rnb .schbtn{width:2.8rem; height:2.8rem; background-size:1.7rem;}
	#rnb .lang-wrapper .label{font-size:1.6rem;}
	#header .menubtn{width:7.5rem;}
}

@media screen and (max-width:390px){
	#header .logo{width:16rem;}
	#rnb{gap:1.5rem;}
}


.m-gnb{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; opacity:0; visibility:hidden; transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
.m-gnb .dim{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1;}
.m-gnb .drawer-wrapper{position:absolute; right:0; top:0; max-width:50rem; width:100%; height:100%; background:#fff; z-index:2; transition:transform 0.2s ease-in-out; transform:translateX(100%);}
.m-gnb .drawer-header{display:flex; align-items:center; justify-content:space-between; padding:2rem; height:8rem;}
.m-gnb .logo{height:3rem;}
.m-gnb .logo img{height:100%; width:auto;}
.m-gnb .close-button{width:3.2rem;height:3.2rem; position:relative; margin-right:-0.8rem;}
.m-gnb .close-button:focus{outline:1px solid #fff; outline-offset:2px;}
.m-gnb .close-button:after{content:""; display:block; width:2.4rem; height:2px; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg);}
.m-gnb .close-button:before{content:""; display:block; width:2.4rem; height:2px; background:#000; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.m-gnb .drawer-util{background:var(--color-primary01); height:4.5rem; color:var(--color-text100); font-size:1.4rem; display:flex; align-items:center; justify-content:space-between; padding:0 2rem;}
.m-gnb .global-util-list{margin-right:-0.8rem;}
.m-gnb .drawer-menu{background: #fff2f2;height:calc(100% - 7.5rem);overflow:hidden;}
.m-gnb .gnb{height:100%;position:relative;}
.m-gnb .mn_l1{width:18rem;height: 5.5rem;}
.m-gnb .mn_a1{display:flex;align-items:center;width:100%;height:100%;padding:1rem 2rem;}
.m-gnb .depth2{position:absolute; top:0; left:18rem; width:calc(100% - 18rem); height:100%; overflow-y:auto; background:#fff; display:none;}
.m-gnb .mn_a2{width:100%;height:5.5rem;display:flex;align-items:center;padding:1rem 2rem;border-bottom: 1px solid var(--line-gray);position:relative;}
.m-gnb .mn_a2:not(.single):after{content:"";display:block;width: 1.4rem;height:0.2rem;background: var(--color-light);position:absolute;right:2rem;top:50%;transform:translateY(-50%);}
.m-gnb .mn_a2:not(.single):before{content:"";display:block;width:0.2rem;height: 1.4rem;background: var(--color-light);position:absolute;right:2.6rem;top:50%;transform:translateY(-50%);}
.m-gnb .mn_a2.linkmn{background:url(../img/default/icon_link_b.svg) no-repeat left 10.5rem center / 1.6rem;} 
.m-gnb .depth3{background: var(--bg-gray01);padding:1rem 2rem;font-size:1.5rem;font-weight:500;color: var(--color-dark);display:none;}
.m-gnb .mn_a3{width:100%; height:4rem; display:flex; align-items:center; position:relative;}
/* .m-gnb .mn_a3:not(.single):after{content:""; display:block; width:0; height:0; border-style:solid; border-width:0.6rem 0.5rem 0.5rem; border-color:#222 transparent transparent transparent; position:absolute; right:0; top:calc(50% + 0.2rem); transform:translateY(-50%);} */
.m-gnb .depth4{background:#fff; padding:1rem; font-size:1.4rem; color:var(--color-text76); border-radius:var(--radius01); margin-bottom:1rem; display:none;}
.m-gnb .mn_a4{width:100%; padding:0.7rem 0 0.7rem 1rem; display:flex; align-items:center; position:relative; line-height:1.28;}
.m-gnb .mn_a4:before{content:""; display:block; width:0.4rem; height:0.4rem; background:var(--color-border02); position:absolute; left:0; top:1.3rem; border-radius:50%;}
.m-gnb .mn_a4.active:before{background:var(--color-primary03);}
.m-gnb .mn_a4.active{color:var(--color-primary03);}
.m-gnb .mn_a1.active, .m-gnb .mn_l1:has(.active) .mn_a1{font-weight: 600;color: var(--color-red);border-bottom: 1px solid var(--color-red);} 
.m-gnb .mn_a2.active:before{display:none;}
.m-gnb .mn_l3 .mn_a3.active{color:var(--color-primary03);}
.m-gnb .mn_l3 .mn_a3.active:after{transform:rotate(180deg); margin-top:-0.8rem;} 
.m-gnb[data-open="true"]{opacity:1; visibility:visible;}
.m-gnb[data-open="true"] .drawer-wrapper{transform:translateX(0);}

@media screen and (min-width: 1201px){
  .m-gnb{display:none;}
}

@media screen and (min-width: 1024px){
  .m-gnb .mn_a1:hover{background:#EAF3FF;}
}

@media screen and (max-width: 472px){
  .m-gnb .global-util-list .lang-button{gap:1rem;}
  .m-gnb .global-util-list .lang-button .label{display:none;}
  .m-gnb .global-util-list .lang-list{right:0; width:10rem;}
}



/* sub-navi */
.s-container {position:relative; padding-top:10rem; min-width:320px;}
.sub-top {position:relative; width:100%; height:5.5rem; border-bottom:1px solid var(--line-gray); background:#fff;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav .home {position:relative; display:block;width:5.5rem;height:5.5rem;filter: brightness(0);background: url('../img/default/board_home.svg') no-repeat center center / 2rem;transition:all 0.3s ease;}
.subnav .home:after{content: "";display: block;width: 1px;height: 1.4rem;background: #000;position: absolute;top: 50%;right: 0;transform: translateY(-50%);opacity: 0.1;}
.subnav .sbmn_dp {position:relative;width:100%;max-width: 22rem;}
.subnav .sbdp2{max-width: 29rem;}
.subnav .sbdp3{max-width: 27rem;}
.subnav .sbmn_dp .sbmn_a1 {display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height: 100%;border-bottom: 1px solid var(--line-gray);padding: 0 2.5rem;background: #fff;transition:all 0.3s ease;line-height:1.4;}
.subnav .sbmn_dp .sbmn_a1:after {content: "";display: block;width: 1px;height: 1.4rem;background: #000;position: absolute;top: 50%;right: 0;transform: translateY(-50%);opacity: 0.1;}
.subnav .sbdp2 .sbmn_a1:after{display:none;}
.subnav .sbmn_dp .sbmn_a1 span {font-weight: 500;line-height:1.4;transition:all 0.3s ease;}
.subnav .sbmn_dp .sbmn_list {display:none; position:absolute;top: 5rem;left:0;width:100%;background: #fff;box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06);z-index:10;max-height: 24rem;height: auto;overflow-y: scroll;}
.subnav .sbmn_dp .sbmn_item {position:relative;}
.subnav .sbmn_dp .sbmn_a2 {display:flex;align-items:center;width:100%;height: 5rem;padding: 1.5rem 2rem;border: 1px solid var(--line-gray);border-width:1px 1px 0 1px;background:#f8f9fa;transition:all 0.3s ease;}
.subnav .sbmn_dp .sbmn_list.sbdp_l1 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l2 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l3 .sbmn_item:last-child .sbmn_a2 {border-width:1px 1px 1px 1px;}
.subnav .sbmn_dp .sbmn_a2 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s} 
.subnav .sbmn_dp .sbmn_a1:focus-visible,
.subnav .home:focus-visible,
.subnav .sbmn_dp .sbmn_a2:focus-visible{outline-offset: -2px;}
.subnav .sbmn_dp .sbmn_item.active a span{color:var(--color-red);text-decoration: underline; text-underline-position: under;}
.subnav .sbmn_dp > a.active span{color:var(--color-red);text-decoration: underline; text-underline-position: under;}

/* subheader */
.sub_header {position:relative;width: 100%;margin: 10rem auto;}
.sub_header .sub_htitle{text-align: center; font-family: var(--font-sebang); font-size: 3.8rem; font-weight: 700;}



@media screen and (max-width:1280px){

	.s-container {padding:8rem 0 0;}
	.sub-top .inner {padding:0;}
	#sub-content {padding:5rem 0 12rem;}
	
}

@media screen and (max-width:1024px){
	
	.sub_header .inner {max-width:100%; padding:0 0 5rem; border-bottom:2px solid #eeeeee;}
	.sub_header .header_menu {margin-bottom:1rem; font-size:1.4rem;}
	.sub_header .header_title {margin-bottom:2rem; font-size:3.4rem;}
	.sub_header .header_text {font-size:1.6rem;}
	
}

@media screen and (max-width:768px){
	
	#sub-content {padding:0 0 8rem;}
	.subnav .sbmn_dp {display:none;}
	.subnav .sbmn_dp:last-child {display:block; max-width:calc(100% - 5.9rem);}
	
	.sub_header{margin:8rem auto;}
	.sub_header .header_title {font-size:2.8rem;}
	.sub_header .header_text {font-size:1.5rem;}
	
	.sub_header .sub_htitle{font-size: 3rem; line-height: 1.4;}
	
}






/* footer */
.footer{margin:0 0 6rem;}
.footer .related-site{display:flex;width: 100%;height: 10rem; background: var(--bg-gray01);}
.footer .related-site .inwrap{display:flex;}
.footer .related-aside{position:relative; background: var(--color-red);color:#fff;width: 22rem;border-radius: 0 3rem 0 0;height: 100%;display: flex;align-items: center;justify-content: flex-start; z-index:1;}
.footer .related-aside:before{content:'';display:block;background:var(--color-red);width:100%;height:100%;position: absolute;left: -10rem;top: 0;z-index: -1;}
.footer .related-aside .title{margin-right:3rem; font-size:2rem; font-family:var(--font-sebang);}
.footer .related-aside .related-controler{display:flex; align-items:center; gap:2rem;}
.footer .related-slider{width:calc(100% - 22rem); height:100%;}
.footer .related-item{position: relative; display: flex; align-items: center; justify-content: center;}
.footer .related-item:after{content: ""; display: block; width: 1rem; height: 1rem; border-radius: 50%; background: #d9d9d9; margin:0 2rem; position: absolute; right: -2rem;}
.footer .related-link{display: flex; height: 100%; align-items: center; font-family: var(--font-sebang);}

.footer .f_until{width: 100%; background: #000; height: 7rem; color: #fff;}
.footer .f_until .inwrap{width: 100%;  height: 100%; display: flex; align-items: center; justify-content: space-between;}
.footer .f_until ul{display: flex; align-items: center; gap: 2rem 3rem;}
.footer .f_until .link li:not(:first-child){opacity:0.7;}
.footer .f_until .sns li:nth-child(even) a{filter: brightness(0) invert(1) grayscale(1);}
.footer .f_until a:focus-visible {outline: 2px dashed #fff; outline-offset: 2px;}

.footer .f_info{display:flex; align-items:center; gap:3rem 5rem; margin:5rem 0;}
.footer .f_logo{display:block; width:21.6rem; height:3rem; background:url('../img/Layout/logo_c.svg') no-repeat center center / 100%;}
.footer .f_cont{width: calc(100% - 29rem); display: flex; align-items: center; justify-content: space-between;}
.footer .address{font-style: normal;}
.footer .address div{line-height:1.2;}
.footer .address .copyright{font-size: 1.4rem; color: var(--color-light); margin-top: 1rem; line-height:1.2;}
.footer .f_call{display: flex; align-items: center; gap:1rem 3rem; font-size: 2.4rem; font-family: var(--font-sebang);}
.footer .f_call .ico_phone{width:3rem;height:3rem;background:url('../img/Layout/f_icon_phone.svg')no-repeat center center / 100%;display: inline-flex;vertical-align: middle;margin-right: 1.2rem;}
.footer .f_m_sns{display:none;}
.footer .f_m_sns .snsIcon{display: flex; align-items: center; gap: 1rem;}
.footer .f_m_sns .snsIcon li a{width: 4rem;height: 4rem;background: var(--bg-gray01);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.footer .f_m_sns .snsIcon li img{filter: grayscale(1); opacity: 0.6; width: 1.8rem; height: 1.8rem;}
.footer .family-site{display:flex; align-items:center; gap:2rem;}
.footer .family-site .tit{font-family: var(--font-sebang);}
.footer .family-site .logo-item{width:100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap:1rem;}
.footer .family-site .site{display:block; border:1px solid var(--line-gray);transition: all 0.3s;}
.footer .family-site .logo-box{position:relative; height: 7rem; padding:1rem; display:grid; place-items:center; overflow:hidden;}
.footer .family-site .logo-box img{max-width: 100%; max-height: 100%; min-height:0; object-fit: contain; object-position: center; display: block;}
.footer .family-site .site:nth-child(2) .logo-box{padding:1.5rem;}
.footer .family-site .site:nth-child(9) .logo-box img{width:63%;}

.footer .f_logoall{width: 100%; display: flex; justify-content: flex-end; margin-top: 2.5rem;}
.footer .f_logoall ul{display: flex; align-items: center; gap: 2rem;}
.footer .f_logoall ul li{width: 8rem; height: 8rem;}
.footer .f_logoall .l_mark{display:none;}
.footer .f_logoall .l_family{background: url(../img/Layout/family-friendly-logo.svg) no-repeat center center / 8rem;}


@media screen and (min-width:1200px){
	.footer .family-site .site:hover,.footer .family-site .site:focus{border-color:#000;}
}	
@media screen and (max-width:1280px){
	.footer .f_info{flex-direction: column; align-items: flex-start; margin:3.5rem 0;}
	.footer .f_cont{width:100%; flex-wrap: wrap; gap: 2rem;}
}	

@media screen and (max-width:980px){
	.footer .related-site{background: #fff; height: auto;}
	.footer .related-site .inwrap{flex-direction: column; padding: 0;}
	.footer .related-aside{padding: 0 2rem; height: 6rem;}
	.footer .related-slider{width: 100%; background: var(--bg-gray01); height: 8rem;}
	.footer .f_until{height: 100%; padding: 2rem 0;}
	.footer .f_until ul{flex-wrap: wrap;}
	.footer .f_until .sns{display:none;}
	.footer .f_m_sns{display:block; margin-bottom:3rem;}
	.footer .family-site{flex-direction: column; align-items: flex-start;}	
	.footer .f_logoall{justify-content: flex-start;}
}

@media screen and (max-width:640px){
	.footer .f_call{flex-wrap: wrap; font-size:2rem;}
	.footer .f_call .ico_phone{width:2.2rem; height:2.2rem;}	
}
@media screen and (max-width:480px){
	
	
}

@media screen and (max-width:390px){
	.footer .family-site .logo-item{grid-template-columns: repeat(2, 1fr);}
	
}



/*dockbar*/
.dockbar{display:block;position: fixed;bottom:0;left:0;background: #fff; height:6rem;width: 100%;padding:0 2rem;z-index: 10;border-radius: 1rem 1rem 0 0;box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.2);}
.dockbar ul{width: 100%; height:100%; display: flex;align-items: center;justify-content: space-around;}
.dockbar ul li{width: 7rem; height:100%;}
.dockbar .db_search a{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: url('../img/default/icon_search.svg') no-repeat center center / 2rem;}
.dockbar .db_family button{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: url('../img/Layout/dockbar-icon01.svg') no-repeat center center / 2.4rem;}
.dockbar .db_calendar a{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: url('../img/Layout/dockbar-icon02.svg') no-repeat center center / 2.4rem;}
.dockbar .db_top button{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: url('../img/Layout/dockbar-icon03.svg') no-repeat center center / 2.4rem;}
.family_layer{position: fixed;inset: 0;width: 100%;height: 100dvh;min-height:100vh;background: #fff  url(../img/default/bg_logo.svg)no-repeat bottom 12rem center / 54rem;z-index: 600;}
.family_layer .inner{position:relative; width: 100%; height: 100%; display: flex; flex-direction: column; gap:4rem; justify-content: flex-start; align-items: center; padding: 5rem 3rem;}
.family_layer .title{width:100%; display:flex; gap:1rem; flex-direction:column; align-items:center; margin-top:5rem;}
.family_layer .htit{font-family: var(--font-sebang); font-size: 2.8rem; font-weight: 800; color: var(--color-red);}
.family_layer .htit_desc{font-family: var(--font-sebang); font-size: 2rem;}
.family_layer .fm_list{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.family_layer .fm_list a{display: block; background:#fff; border: 1px solid var(--line-gray); padding:1.3rem 1.8rem;}
.family_layer .fm_list a img{width:100%; height:3.5rem;}
.family_layer .fm_close{width:2.5rem;height:2.5rem;background:url('../img/Layout/icon_close.svg') no-repeat center center / 2.5rem;position: absolute;top: 5rem;right: 3rem;}

@media screen and (min-width:1200px){
	.dockbar{display:none}	
}
@media screen and (max-width:1200px){
	.family_layer .fm_list{grid-template-columns: repeat(2, 1fr);}
	
}