@charset "UTF-8";
body {
	font-weight: 400;
	font-size: 1.4rem;
	font-family: 'Pretendard';
	/*font-family: 'Noto Sans Kr'; */
	line-height: 1;
	color: #666;
}
body.hidden {
	overflow: hidden;
	height: 100%;
}
#wrap {
	overflow: hidden;
	position: relative;
}
#skipNavigation {
	position: relative;
	padding: 0;
	margin: 0;
}
#skipNavigation a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: -999px;
	left: 0;
	width: 100%;
	height: auto;
	padding: 5px;
	margin: 0;
}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {
	z-index: 999;
	top: 0;
	background-color: #003088;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}
/* **************************************** Header **************************************** */
#header {
	border-bottom: 1px solid #dfdfe5;
	background-color: #fff;
	z-index: 2;
}
#header .header-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
 -webkit-transition: all .4s .4s;
 -moz-transition: all .4s .4s;
 transition: all .4s .4s;
}
.header-wrap .header-top {
	height: 8rem;
	border-bottom: 1px solid #dfdfe5;
}
.header-wrap .header-top > .inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding-bottom: 1.4rem;
}
.header-wrap .inner {
	position: relative;
	max-width: 140rem;
	height: 100%;
	margin: 0 auto;
}
/* ========== S:Logo ========== */
#header .logo {
	display: inline-block;
	width: 19.2rem;
	height: 3.8rem;
	vertical-align: top;
}
#header .logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat 0 0 / contain;
	background-image: url(../../images/user/common/logo.svg);
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
/* E:Logo */

/* ========== S:PC right Menu ========== */
.util-wrap {
	font-size: 0;
}
.util-wrap .icon {
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	background: transparent no-repeat center / contain;
	vertical-align: top;
}
.util-wrap .dmmst {
	background-image: url(../../images/user/common/btn_icon_dmmst.svg);
}
.util-wrap .instr {
	background-image: url(../../images/user/common/btn_icon_instr.svg);
}
.util-wrap .cnter {
	background-image: url(../../images/user/common/btn_icon_cnter.svg);
}
.util-wrap .instt {
	background-image: url(../../images/user/common/btn_icon_instt.svg);
}
.util-wrap .safe {
	background-image: url(../../images/user/common/btn_icon_safe.svg);
}
.util-wrap .search {
	background-image: url(../../images/user/common/btn_icon_search.svg);
}
.util-wrap .dmmst + .btn {
	margin-left: 3rem;
}
.util-wrap .btn {
	width: 9.6rem;
 padding: .3rem 1.4rem;
	vertical-align: top;
}
.util-wrap .util-search-wrap {
	display: inline-block;
	margin-left: 2rem;
	vertical-align: top;
}
.util-wrap .util-search-wrap.active .search-box {
	visibility: visible;
	top: 0;
	opacity: 1;
}
.util-wrap .util-search-wrap .search-box {
	visibility: hidden;
	display: block;
	position: fixed;
	top: -100%;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 3;
	opacity: 0;
 transition: top .4s, opacity .4s ease-in-out;
}
.util-wrap .util-search-wrap .search-box .inner {
	position: relative;
	max-width: 140rem;
	padding: 7rem 0 2.9rem;
	background-color: #fff;
}
.util-wrap .util-search-wrap .search-box .btn-search-close {
	position: absolute;
	top: 3.4rem;
	right: 0;
	width: 5rem;
	height: 5rem;
	background: url(../../images/user/common/btn_search_close.svg) 0 / 100% no-repeat;
}
.util-wrap .util-search-wrap .ip-search-box {
	display: flex;
	width: 75rem;
	height: 6rem;
	margin: 0 auto;
	border-bottom: 2px solid #1a1a1a;
}
.util-wrap .util-search-wrap .ip-search-box input {
	flex: 1;
	padding: 1.7rem 1.4rem;
	font-size: 2rem;
	line-height: 2.6rem;
	color: #1a1a1a;
}
.util-wrap .util-search-wrap .ip-search-box input:focus, .util-wrap .util-search-wrap .ip-search-box input:active {
	outline: none;
	box-shadow: 0 0 0 2px rgb(0, 103, 242);
}

/* s : 221104 수정 */
.util-wrap .util-search-wrap .ip-search-box input::placeholder {
 font-size: 2rem;
 color: #444;
}
/* e : 221104 수정 */

.util-wrap .util-search-wrap .ip-search-box .btn-search {
	flex-shrink: 0;
	display: block;
	width: 4.2rem;
	height: 4.2rem;
 margin: .9rem;
	background: url(../../images/user/common/btn_icon_search.svg) 0 / 100% no-repeat;
}
.util-wrap .util-search-wrap .keyword-box {
	display: flex;
	width: 75rem;
	margin: 1.3rem auto 0;
	;
}
.util-wrap .util-search-wrap .keyword-box .keyword-inner {
	flex: 1;
	display: inline-block;
	font-size: 0;
	;
	vertical-align: top;
}
.util-wrap .util-search-wrap .keyword-box .text {
	flex-shrink: 0;
	display: inline-block;
	margin-right: 2rem;
	font-size: 1.4rem;
	color: #1a1a1a;
	line-height: 3.8rem;
	vertical-align: top;
}
.util-wrap .util-search-wrap .keyword-box .keyword {
	display: inline-block;
	height: 3.2rem;
	padding: 0 15px;
 margin: .3rem .6rem .3rem 0;
	border: 1px solid #dfe4ec;
	border-radius: 18px;
	font-size: 1.4rem;
	color: #444;
	line-height: 3rem;
	vertical-align: top;
}
.util-wrap .util-search-wrap .keyword-box .keyword:last-child {
	margin-right: 0;
}
/* E:PC right Menu */

/* ===== S:gnb(pc) ===== */
.gnb-wrap {
	position: relative;
}
.gnb-wrap .gnb-bg {
	display: none;
	position: absolute;
	top: 6rem;
	left: 0;
	right: 0;
	height: 20rem;
	background-color: #fff;
	z-index: 999;
}
.gnb-wrap .gnb {
	max-width: 120rem;
	margin: 0 auto;
	font-size: 0;
}
.gnb-wrap .gnb .depth01-item {
	position: relative;
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.gnb-wrap .gnb .depth01-item > .depth01 {
	display: block;
	padding: 0 2rem;
	font-size: 1.8rem;
	color: #1a1a1a;
}
.gnb-wrap .gnb .depth01-item > .depth01 a {
	position: relative;
	display: inline-block;
	line-height: 5.9rem;
	vertical-align: top;
 transition: all .23s;
}
.gnb-wrap .gnb .depth01-item > .depth01 a:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	border-bottom: 1px solid transparent;
 transition: all .23s;
}
.gnb-wrap .gnb .depth01-item.active > .depth01 a {
	color: #0067f2;
}
.gnb-wrap .gnb .depth01-item.active > .depth01 a:after {
	border-color: #0067f2;
	border-width: 3px;
}
.gnb-wrap .gnb .depth01-item.active > .sub-menu {
	background-color: #f4f6fa;
}
.gnb-wrap .gnb .sub-menu {
	display: none;
	position: absolute;
	top: 6rem;
	left: 0;
	width: 100%;
	min-height: 20rem;
	padding: 3rem 2rem 4rem;
	background-color: transparent;
	z-index: 999;
 transition: background-color .23s;
}
.gnb-wrap .gnb .sub-menu a {
	font-size: 1.6rem;
	color: #1a1a1a;
 transition: opacity .23s;
}
/* s : 221104 수정 */
.gnb-wrap .gnb .sub-menu a:hover, .gnb-wrap .gnb .sub-menu a:active, .gnb-wrap .gnb .sub-menu a:focus {
	color: #0067f2;
}
/* e : 221104 수정 */

.gnb-wrap .gnb .sub-menu li + li {
	margin-top: 2rem;
}
.gnb-wrap.active .gnb-bg {
	display: block;
	opacity: 0;
 transition: opacity .23s;
}
.gnb-wrap.active .sub-menu {
	display: block;
	opacity: 0;
 transition: background-color .23s, opacity .23s;
}
.gnb-wrap.active.animate .gnb-bg, .gnb-wrap.active.animate .sub-menu {
	opacity: 1;
}
.gnb-wrap .all-menu-wrap .btn-all-menu {
	position: absolute;
	top: 1.4rem;
	right: 0;
	width: 3.2rem;
	height: 3.2rem;
	background: url(../../images/user/common/btn_icon_allmenu.svg) 0 / 100% no-repeat;
	z-index: 2;
}
.gnb-wrap .all-menu-wrap .menu-area {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	max-width: 1180px;
	width: calc(100% - 6rem);
	height: 50rem;
	padding: 8rem 11rem 0;
	background-color: #fff;
	border-radius: 20px;
	z-index: 11;
	transform: translate(-50%, -50%);
}
.gnb-wrap .all-menu-wrap .depth1-list {
	font-size: 0;
}
.gnb-wrap .all-menu-wrap .depth1-list > li {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.gnb-wrap .all-menu-wrap .depth1-tit {
	display: block;
	margin-bottom: 1.3rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #0067f2;
	line-height: 2.7rem;
}
.gnb-wrap .all-menu-wrap .depth1-tit:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 1.8rem;
 margin: .4rem 1rem 0 0;
	background-color: #0067f2;
	vertical-align: top;
}
.gnb-wrap .all-menu-wrap .sub-menu-wrap {
	padding: 0 1.2rem;
}
/* s : 221104 수정 */
.gnb-wrap .all-menu-wrap .depth2-tit {
	display: block;
 padding: .8rem 0;
	font-size: 1.6rem;
	color: #1a1a1a;
	line-height: 2rem;
	word-break: keep-all;
 transition: color .23s;
}
.gnb-wrap .all-menu-wrap a:hover, .gnb-wrap .all-menu-wrap a:active, .gnb-wrap .all-menu-wrap a:focus {
	color: #0067f2;
}
/* e : 221104 수정 */

.gnb-wrap .all-menu-wrap .depth3-list {
 margin: .3rem 0 2.5rem;
}
.gnb-wrap .all-menu-wrap .depth3-list > li > a {
 padding: .5rem 0;
}
/* s : 221104 수정 */
.gnb-wrap .all-menu-wrap .depth3-tit {
	display: block;
	font-size: 1.6rem;
	color: #444;
	line-height: 2rem;
 transition: color .23s;
}
/* e : 221104 수정 */

.gnb-wrap .all-menu-wrap .util-wrap .btn {
	display: none;
}
.gnb-wrap .all-menu-wrap .btn-wrap {
	display: none;
}
.gnb-wrap .all-menu-wrap .btn-close {
	position: absolute;
	left: 50%;
	bottom: -3rem;
	width: 6rem;
	height: 6rem;
	border-radius: 100%;
	background-color: #0067f2;
	transform: translateX(-50%);
}
.gnb-wrap .all-menu-wrap .btn-close:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../../images/user/common/btn_icon_close_white.svg) 0 / 100% no-repeat;
	transform: translate(-50%, -50%);
}
.gnb-wrap .all-menu-wrap.active .menu-area {
	display: block;
	opacity: 0;
 transition: opacity .23s ease-in-out, left .25s ease-out;
}
.gnb-wrap .all-menu-wrap.active.animate .menu-area {
	opacity: 1;
}
.gnb-wrap .all-menu-wrap.active:before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	righT: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
	opacity: 0;
 transition: opacity .23s ease-in-out;
}
.gnb-wrap .all-menu-wrap.active.animate:before {
	opacity: 1;
}
/* E:gnb(pc) */



/* **************************************** Footer **************************************** */
#footer {
	background-color: #2d3544;
}
#footer .inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	max-width: 140rem;
	width: 100%;
	margin: 0 auto;
}
#footer .ft-top {
	overflow: hidden;
	padding: 2.5rem 0 3.4rem;
}
#footer .ft-top .menu li {
	float: left;
	display: block;
	position: relative;
	padding-right: 3rem;
}
 #footer .ft-top .menu li::after {
 content: '|';
 display: block;
 position: absolute;
 top: .7rem;
 right: 1.3rem;
 color: #6c727e;
}
 #footer .ft-top .menu li:last-child::after {
 content: none;
}
#footer .ft-top .menu li:last-child {
	padding-right: 0;
}
#footer .ft-top .menu li a {
	display: block;
 padding: .5rem 0;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	color: #ccc;
}
#footer .ft-top .family-site {
	font-size: 0;
}
#footer .ft-top .family-site select {
	width: 18rem;
	height: 3rem;
 padding-top: .4rem;
	border-radius: 2px;
	font-size: 1.4rem;
	border: 1px solid #555e70;
	background: #272e3c url(../../images/user/footer/icon_input_arrow_down_footer.svg) center right 8px / 24px no-repeat;
	color: #fff;
	vertical-align: top;
}
#footer .ft-top .family-site .btn {
	display: inline-block;
	width: 7.2rem;
	height: 3rem;
	padding: 0 1.4rem;
 margin: 0 0 0 .6rem;
	border-radius: 2px;
	background-color: #4e5a71;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 3rem;
	color: #fff;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
}
#footer .ft-btm {
	padding: 20px 0 0;
}
#footer .ft-btm .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 12rem;
}
#footer .ft-btm .ft-content {
	flex: 1;
	position: relative;
	padding-left: 15rem;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.8rem;
	color: #ccc;
}
#footer .ft-btm .ft-content .row {
	font-size: 0;
}
#footer .ft-btm .ft-content .row .dis-ib {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #ccc;
}
#footer .ft-btm .ft-content .row .dis-ib::after {
 content: '';
 display: inline-block;
 width: 1px;
 height: 1rem;
 margin: .4rem .5rem 0;
 background-color: #ccc;
 vertical-align: top;
}
#footer .ft-btm .ft-content .row .dis-ib:last-child:after {
	content: none;
}
#footer .ft-btm .ft-content .row b, #footer .ft-content .row span {
	position: relative;
	font-weight: 400;
}
#footer .ft-btm .ft-content .copyright {
	margin-top: 0rem;
	color: #999;
}
#footer .ft-btm .ft-wah {
	position:relative;
	margin-top: -15px;
	margin-right: 20px;
}
#footer .ft-btm .ft-wah img {
	width: 100px;
	height: auto;
}
#footer .ft-btm .ft-sns {
	flex-shrink: 0;
 margin-top: .5rem;
}
#footer .ft-sns a {
	display: inline-block;
	width: 2.8rem;
}
#footer .ft-sns a:not(:first-child) {
margin-left: 2rem;
}
/* E:Foot, Bottom */


#container {
	overflow: hidden;
	position: relative;
	width: 100%;
}


/* ========== 반응형 ========== */

/* PC 1430 이하 */
@media screen and (max-width: 1431px) {
 .header-wrap .header-top {
 padding-left: 1.6rem;
 padding-right: 1.6rem;
}
 .header-wrap .gnb-wrap {
 padding: 0 1.6rem;
}
 #footer .ft-top .inner, #footer .ft-btm .inner {
 padding-left: 1.6rem;
 padding-right: 1.6rem;
}
}

/* PC 1120px 이하 */
@media screen and (max-width: 1119px) {
 .gnb-wrap .all-menu-wrap .menu-area {
 padding: 8rem 8rem 0;
}
}



/* ****************************** Mobile ****************************** */
@media screen and (max-width: 990px) {
 #header .logo {
 width: 15.2rem;
 height: 3rem;
}
 .header-wrap .header-top {
 height: 5.6rem;
 border-bottom: none;
/*
        padding-right: calc(1.6rem + constant(safe-area-inset-right)); 
        padding-left: calc(1.6rem + constant(safe-area-inset-left)); 
        padding-right: calc(1.6rem + env(safe-area-inset-right)); 
        padding-left: calc(1.6rem + env(safe-area-inset-left));
        */
    }
 .header-wrap .header-top > .inner {
 align-items: center;
 padding: 0 4.2rem 0 0;
}
 .header-wrap .header-top .util-wrap .btn {
 display: none;
}
 .header-wrap .header-top .util-wrap .util-search-wrap {
 margin-left: 1rem;
}
 .header-wrap .gnb-wrap {
 position: absolute;
 right: 1.6rem;
        /*right: calc(1.6rem + constant(safe-area-inset-right)); 
        right: calc(1.6rem + env(safe-area-inset-right));
        */ 
        top: 1.2rem;
 padding: 0;
}
 .gnb-wrap .all-menu-wrap .btn-all-menu {
 position: static;
}
 .gnb-wrap .gnb {
 display: none;
}
 .gnb-wrap .all-menu-wrap .menu-area {
 overflow-y: auto;
 top: 0;
 left: 100%;
 display: block;
 width: 100%;
 height: 100%;
 padding: 0;
        /*
        padding: 0 constant(safe-area-inset-right); 
        padding: 0 env(safe-area-inset-right); 
        */
        border-radius: 0;
 transform: none;
 transition: left .25s ease-out;
}
 .gnb-wrap .all-menu-wrap.active .menu-area {
 left: 0;
 opacity: 1;
}
 .gnb-wrap .all-menu-wrap.active:before {
 content: none;
}
 .gnb-wrap .all-menu-wrap .btn-wrap {
 display: flex;
 padding: 1.4rem 1.6rem .2rem;
}
 .gnb-wrap .all-menu-wrap .btn-wrap .btn {
 flex: 1;
 padding: .8rem 1.5rem;
}
 .gnb-wrap .all-menu-wrap .btn-wrap .btn + .btn {
 margin-left: .8rem;
}
 .gnb-wrap .all-menu-wrap .util-wrap {
 display: flex;
 align-items: center;
 padding: 1rem 1.6rem;
 font-size: 0;
 border-bottom: 1px solid #dfdfe5;
}
 .gnb-wrap .all-menu-wrap .util-wrap .btn {
 display: inline-block;
 width: 100px;
 padding: .5rem 1.5rem;
 vertical-align: top;;
}
 .gnb-wrap .all-menu-wrap .util-wrap .btn-close {
 position: static;
 width: 3.2rem;
 height: 3.2rem;
 margin-left: auto;
 background-color: #fff;
 transform: none;
}
 .gnb-wrap .all-menu-wrap .util-wrap .btn-close:before {
 position: static;
 transform: none;
 background: url(../../images/user/common/btn_icon_close.svg) 0 / 100% no-repeat;
}
 .gnb-wrap .all-menu-wrap .depth1-list {
 padding: 2rem 1.6rem;
}
 .gnb-wrap .all-menu-wrap .depth1-list > li {
 display: block;
 width: 100%;
}
 .gnb-wrap .all-menu-wrap .depth1-tit {
 position: relative;
 height: 6rem;
 margin-bottom: 0;
 font-size: 1.6rem;
 color: #1a1a1a;
 line-height: 6rem;
 transition: color .23s;
}
 .gnb-wrap .all-menu-wrap .depth1-tit:before {
 width: 2.4rem;
 height: 2.4rem;
 position: absolute;
 top: 50%;
 right: 0;
 margin: 0;
 background: url(../../images/user/common/icon_allmenu_fold_arrow.svg) 0 / 100% no-repeat;
 transform: translateY(-50%) rotate(0);
 transition: transform .23s, transform .23s;
}

	/* s : 221104 수정 */
    .gnb-wrap .all-menu-wrap .sub-menu-wrap {
 padding: 0 1rem 3rem;
}
    /* e : 221104 수정 */

    .gnb-wrap .all-menu-wrap .depth1-list > li.active .sub-menu-wrap {
 padding: 0 1rem 3rem;
}
 .gnb-wrap .all-menu-wrap .depth1-list > li.active .depth1-tit {
 color: #0067f2;
}
 .gnb-wrap .all-menu-wrap .depth1-list > li.active .depth1-tit:before {
 transform: translateY(-50%) rotate(-180deg);
 background-image: url(../../images/user/common/icon_allmenu_fold_arrow_active.svg);
}
 .gnb-wrap .all-menu-wrap .sub-menu-wrap {
 display: none;
 border-top: 1px solid #dfdfe5;
 border-bottom: 1px solid #dfdfe5;
}
 .gnb-wrap .all-menu-wrap .depth2-list > li > a {
 padding: 1.3rem 0;
}
 .gnb-wrap .all-menu-wrap .depth2-tit {
 font-size: 1.4rem;
 font-weight: 500;
}
 .gnb-wrap .all-menu-wrap .depth3-list {
 margin: 0 0 2rem;
 padding: 0 1rem;
}
 .gnb-wrap .all-menu-wrap .depth3-list > li > a {
 padding: 7px 0;
}
 .gnb-wrap .all-menu-wrap .depth3-tit {
 font-size: 1.4rem;
 color: #666;
}

    /* E:Moblie MENU */


    /* S: search */
    .util-wrap .util-search-wrap .search-box {
 transition: top .34s ease-out, opacity .23s ease-in-out;
}
 .util-wrap .util-search-wrap .search-box .btn-search-close {
 top: 1.2rem;
 right: 1.6rem;
 width: 3.2rem;
 height: 3.2rem;
}
 .util-wrap .util-search-wrap.active .search-box:before {
 content: '';
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, .6);
}
 .util-wrap .util-search-wrap .search-box .inner {
 width: 100%;
 padding: 5.8rem 3rem 2.3rem;
/*
        padding-right: calc(3rem + constant(safe-area-inset-right)); 
        padding-left: calc(3rem + constant(safe-area-inset-left)); 
        padding-right: calc(3rem + env(safe-area-inset-right)); 
        padding-left: calc(3rem + env(safe-area-inset-left));
        */
    }
 .util-wrap .util-search-wrap .ip-search-box {
 width: auto;
 height: 5rem;
}
 .util-wrap .util-search-wrap .ip-search-box input {
 padding: 1.2rem 1.2rem 1.2rem 0;
 font-size: 1.8rem;
}

    /* s : 221104 수정 */
    .util-wrap .util-search-wrap .ip-search-box input::placeholder {
 font-size: 1.8rem;
}
    /* e : 221104 수정 */


    .util-wrap .util-search-wrap .ip-search-box .btn-search {
 width: 3.2rem;
 height: 3.2rem;
 margin: .8rem 0;
}
 .util-wrap .util-search-wrap .keyword-box {
 width: auto;
}
    /* E: search */
    /* E:Heder */
    
/* **************************************** Footer **************************************** */
    #footer .ft-top .inner, #footer .ft-btm .inner {
 display: block;
/*
        padding-right: calc(1.6rem + constant(safe-area-inset-right)); 
        padding-left: calc(1.6rem + constant(safe-area-inset-left)); 
        padding-right: calc(1.6rem + env(safe-area-inset-right)); 
        padding-left: calc(1.6rem + env(safe-area-inset-left));
        */
    }
 #footer .ft-top {
 padding: 1.3rem 0 2rem;
}
 #footer .ft-top .menu li a {
 padding: 7px 0;
}
 #footer .ft-top .menu li::after {
 top: 9px;
}
 #footer .ft-top .family-site {
 margin-top: 23px;
}
 #footer .ft-top .family-site select {
 width: calc(100% - 82px);
 height: 38px;
 padding-top: 7px;
}
 #footer .ft-top .family-site .btn {
 height: 38px;
 margin-left: 10px;
 line-height: 38px;
}
 #footer .ft-btm .ft-content {
 padding-left: 0;
}
 #footer .ft-btm .ft-content .row .dis-ib {
display: block !important;
}
 #footer .ft-btm .ft-content .row .dis-ib::after {
content: none;
}
 #footer .ft-btm .ft-content .row + .row {
 margin-top: 14px;
}
 #footer .ft-btm .logo {
 position: static;
 width: 108px;
 margin-top: 30px;
}
 #footer .ft-btm .ft-content .copyright {
 margin-top: 11px;
}
 #footer .ft-btm .ft-wah {
 margin-top: 15px;
}
 #footer .ft-btm .ft-sns {
 margin-top: 20px;
}
 #footer .ft-sns a:not(:first-child) {
 margin-left: 16px;
}
}