body {font-family: "Pretendard Variable", sans-serif !important; letter-spacing: -1.2px; font-size: 16px !important; word-break: keep-all;}
#wrap {position: relative; width: 100%;}
@media (max-width: 767px) {
	#wrap {overflow: hidden;}
}

/* header */
header {position: absolute; left: 0; top: 0; width: 100%; z-index: 999; box-shadow: 0 5px 10px rgba(0,0,0,.15);}
header.sub {border-bottom: 1px solid #e6e6e6;}
header > .wrap {position: relative; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; transition: all .5s; background: #fff;}
header .logo {position: absolute; left: 100px; z-index: 99;}
header .logo a {display: inline-block; /*width: 174px; height: 37px; background: url(/assets/service/img/common/logo.png) no-repeat 50%; background-size: contain;*/}
header nav {height: 100%;}
header nav ul#menuWrap {height: 100%; display: flex; gap: 60px; align-items: center;}
header nav ul#menuWrap > li {height: 100%; display: flex; align-items: center;}
header nav ul#menuWrap > li > a {font-size: 26px; color: #000; font-weight: 600; transition: all .4s; display: block; height: 100%;}
header nav ul#menuWrap > li > a span {position: relative; height: 100%; display: flex; align-items: center;}
header nav ul#menuWrap > li > a span:before {position: absolute; width: 0; height: 3px; background: #fff; left: 0; bottom: 0; content: ''; display: inline-block; transition: all .2s;}
header.sub nav ul#menuWrap > li a span:before {background: #8a9bee;}
header nav ul#menuWrap > li:hover a span:before{width: 100%;}
header nav ul#menuWrap > li .depth2 {display: none; height: auto !important; width: 100%; position: absolute; left: 0; top: 79px; background: #f5f5f5; padding: 40px 0; box-shadow: 0 10px 10px rgba(0,0,0,.05); z-index: 99999;}
header.sub nav ul#menuWrap > li:hover > a {color: #8a9bee;}
header.sub nav ul#menuWrap > li > a {color: #000;}
/*header:hover .wrap {background: #fff;}
header:hover .logo a {background: url(/assets/service/img/common/sub_logo.png) no-repeat 50%; background-size: contain;}
header:hover nav ul#menuWrap > li > a {color: #000;}*/
header:hover nav ul#menuWrap > li > a span:before {background: #8a9bee;}
header:hover nav ul#menuWrap > li:hover > a {color: #8a9bee;}
header .depth2 .depth2-in {margin: 0 auto; display: flex; align-items: start; justify-content: center; padding: 0 100px;}
header .depth2-in > ul {display: flex; gap: 15px 80px; flex-wrap: wrap;}
header .depth2-in > ul > li p {padding-left: 10px; font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px;}
header .depth2-in > ul > li p a {font-size: 20px; color: #000 !important; font-weight: 700 !important}
header .depth2-in ul li ul {display: flex; flex-wrap: wrap; gap: 4px 8px; max-height: 100px; /*overflow-y: scroll;*/}
header .depth2-in ul li ul li {display: flex; background: #fff; border-radius: 5px; padding: 8px 10px;}
header .depth2-in ul li ul li a {display: block; width: 100%; height: 100%; color: #000; font-size: 14px;}
header .depth2-in ul li ul li a:hover {color: #8a9bee;}
header .side {position: absolute; right: 100px; top: 20px;}
header .side ul {display: flex; gap: 10px; align-items: center; justify-content: center;}
header .side ul li {text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 5px; background: #fff;}
header .side ul li.login {width: auto; padding: 0 15px;}
header.sub .side ul li.login {background: #f1f1fa;}
header .side ul li.login a img {display: inline-block; margin-right: 7px;}
header .side ul li a {display: block; width: 100%; height: 100%; color: #000; font-size: 14px; font-weight: 600;}
header .side ul li.kakao {background: url(/assets/service/img/common/login_kakao.png) no-repeat 50% #FEE500;}
header .side ul li.naver {background: url(/assets/service/img/common/login_naver.png) no-repeat 50% #03C75A;}
header .side ul li.mypage {background: #b9ccff;}
header:hover .side ul li.login {background: #f1f1fa;}
header .head {position: relative; width: 100%; height: 40px; background: #F9F9F9; border-bottom: 1px solid #ddd;}
header .head .wrap {height: 100%; padding: 0 100px; display: flex; align-items: center; justify-content: space-between;}
header .head .left {height: 100%; display: flex; align-items: center; font-weight: 600;}
header .head .left .link {background-color: #1991d1; display: flex; align-items: center; gap: 0 20px;}
header .head .left .link img {height: 10px; width: auto;}
header .head .left > a {display: block; height: 100%; padding: 0 13px; background: #1D2C87; color: #fff; font-size: 14px; display: flex; align-items: center; gap: 0 5px;}
header .head .left select {border: 0; width: 280px; height: 100%; background: url(/assets/service/img/common/sel_navy.png) no-repeat 93% 50% #E6EBF3; padding: 0 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #5E6F8E; font-weight: 600; font-size: 14px;}
header .head .right {height: 100%;}
header .head .right ul {height: 100%; display: flex; align-items: center; border-left: 1px solid #ddd;}
header .head .right ul li {height: 100%; border-right: 1px solid #ddd;}
header .head .right ul li a {padding: 0 15px; display: block; font-size: 14px; line-height: 40px; color: #868686;}
@media (max-width: 1600px) {
	header .depth2-in > ul {gap: 50px;}
	header .depth2-in > ul > li {min-width: 18%;}
	header .depth2-in > ul > li:nth-child(2) {width: 50%;}
}
@media (max-width: 1199px) {
	header .head .wrap {padding: 0 40px;}
	header .logo {left: 40px;}
	header .side {right: 40px;}
	header nav ul#menuWrap > li .depth2 {padding: 30px 0;}
	header .depth2 .depth2-in {padding: 0 40px;}
	header .depth2-in > ul {gap: 30px;}
	header .depth2-in > ul > li p, header .depth2-in > ul > li p a {font-size: 18px;}
	header .depth2-in ul li ul li {padding: 5px 10px;}
	header .depth2-in ul li ul li a {font-size: 14px;}
}
@media (max-width: 991px) {
	header .head .left select {display: none;}
	header nav ul#menuWrap > li > a {font-size: 22px;}
	header nav ul#menuWrap > li .depth2 {padding: 20px; top: 59px;}
	header .depth2-in > ul > li {width: 100%; margin: 15px 0;}
	header .depth2-in > ul > li:nth-child(2) {width: 100%;}
	header .depth2-in > ul > li p {margin-bottom: 10px;}
	header .depth2-in ul li ul li {width: calc(33.3333% - 10px);}
	header .depth2-in > ul {display: block;}
	header .side {top: 15px;}
}
@media (max-width: 767px) {
	header .head {display: none;}
	header > .wrap {height: 60px;}
	header .logo {left: 20px;}
	header .logo a img {height: 36px;}
	header nav {display: none;}
	header .side {right: 20px; top: 10px;}
	header .side ul {gap: 0;}
}
@media (max-width: 480px) {
	header .logo {left: 20px;}
	header .logo a {width: 130px;}
}
.header {position: fixed;}
#pageMenu { position: fixed; right:40px; top:220px; z-index: 600; }
#pageMenu li { margin: 10px 0; }
#pageMenu a { display: block; width: 100%; position: relative; padding-left: 55px; }
#pageMenu a span { color: #fff; font-size: 18px; font-weight: 600; line-height: 30px; display: inline-block; }
#pageMenu.on a span { color: #fff; }
#pageMenu a i {display: inline-block; position: absolute; width: 40px; height: 40px; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); }
#pageMenu li a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; transition: all .3s;}
#pageMenu li.active:first-child a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: url(/assets/service/img/main/ico-tab1.png) no-repeat 50%; transition: all 0.3s; border: 0; border-radius: 0;}
#pageMenu li.active:last-child a i::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: url(/assets/service/img/main/ico-tab2.png) no-repeat 50%; transition: all 0.3s; border: 0; border-radius: 0;}
#pageMenu li.active a i {width: 40px; height: 40px; border-radius: 50%; background: #22ABF5; border: 0;}
#pageMenu li.active a span {color: #22ABF5;}
.fp-viewing-page3 #pageMenu {display: none;}
@media (max-width: 1840px) {
	#pageMenu a span {opacity: 0;}
	#pageMenu a i {right: 0; left: auto;}
}
@media (max-width: 1800px) {
	#pageMenu {right: 10px;}
}
@media (max-width: 1600px) {
	#pageMenu {display: none;}
}
#gnbM {display: none;}

.sitemap {width: 400px; height: 100vh; background-color: #e9eaf5; position: fixed; top: 0; right: -100%; transition: right 0.4s ease; padding: 20px; z-index: 100000;}
.sitemap .top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.sitemap .top .pop-logo img {height: 30px; width: auto;}
.sitemap .top .btn-close img {height: 20px; width: auto;}
.sitemap .menuTit {width: 100%; border-radius: 10px; margin-bottom: 10px !important; font-size: 18px; padding: 10px 15px !important; font-weight: 600; background: #bcc4d7; color: #202939;}
.sitemap .menuTit a {color: #202939;}
.sitemap ul {margin: 0;}
.sitemap .pop-box > ul {margin-bottom: 10px; padding: 10px; border-radius: 10px; background: #fff;}
.sitemap .pop-box > ul > li {margin: 10px 0;}
.sitemap .pop-box > ul > li > a {position: relative; padding-left: 18px; font-size: 16px; color: #202939;}	
.sitemap .pop-box > ul > li > a:before {display: block; content: ''; position: absolute; left: 3px; top: 6px; width: 5px; height: 5px; border-radius: 50%; background: #bcc4d7;}
.sitemap .pop-box ul li ul {padding-left: 20px; margin-top: 10px;}
.sitemap .pop-box ul li ul li {margin: 3px 0;}
.sitemap .pop-box ul li ul li a {color: #8f9dbf;}
.sitemap .sitemap-login {display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid #cacce1;}
.sitemap .sitemap-login ul {display: flex; width: 100%; height: 100%; align-items: center;}
.sitemap .sitemap-login ul li {position: relative; width: 25%; height: 100%;}
.sitemap .sitemap-login ul li:before {display :block; content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dcdde9;}
.sitemap .sitemap-login ul li a {display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #202939;}
@media (max-width: 767px) {
	.sitemap .sitemap-login {display: block;}
}
@media (max-width: 480px) {
	.sitemap {width: 100%;}
}

.pop-sch {display: none; width: 100%; max-width: 1400px; padding: 40px 20px; background-color: #fff; box-shadow: 0 0 19px -8px #00000069; position: absolute; top: 80px; left: 50%; transform: translateX(-50%);}
.pop-sch .input-wrap {display: flex; gap: 0 10px; justify-content: center; align-items: center; max-width: 800px; margin: 0 auto;}
.pop-sch .input-wrap .input {position: relative; width: calc(100% - 70px);}
.pop-sch .input-wrap input {width: 100%; height: 60px; padding: 0 70px 0 20px; background: #fff; border-radius: 10px; border: 2px solid #22abf5; font-size: 20px; color: #757575;}
.pop-sch .input-wrap .btn-sch {position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(/assets/service/img/common/pop_sch.png) no-repeat 50%; background-size: 24px;}
.pop-sch .pop-close {width: 60px; height: 60px; background: url(/assets/service/img/common/pop-close.png) no-repeat 50% #374879; border-radius: 10px; background-size: 20px;}
.keyword-wrap {width: 95%; margin: 20px auto 0; display: flex; gap: 0 30px;}
.keyword-wrap .tit {display: inline-block; width: 220px; vertical-align: top; color: #333; font-size: 20px;}
.keyword-wrap .tit span {color: #22abf5;}
.keyword-wrap ul {width: calc(100% - 250px); display: flex; flex-wrap: wrap; gap: 5px;}
.keyword-wrap ul li a {display: block; padding: 8px 15px; border-radius: 26px; background: #f5f5f5; color: #777;}
.keyword-wrap ul li a:hover {color: #fff; background: #22abf5;}
@media (max-width: 1440px) {
	.pop-sch {width: calc(100% - 40px);}
}
@media (max-width: 1400px) {
	.pop-sch {width: 100%;}
}
@media (max-width: 1199px) {
	.keyword-wrap {flex-direction: column; width: 100%;}
	.keyword-wrap .tit, .keyword-wrap ul {width: 100%;}
}
@media (max-width: 991px) {
	.pop-sch {padding: 30px 20px;}
}
@media (max-width: 767px) {
	.pop-sch {top: 60px;}
}
@media (max-width: 640px) {
	.pop-sch {padding: 20px;}
	.pop-sch .input-wrap input {height: 50px; padding: 0 55px 0 15px; font-size: 15px;}
	.pop-sch .input-wrap .btn-sch, .pop-sch .pop-close {width: 50px; height: 50px; background-size: 18px;}
	.keyword-wrap ul li a {padding: 5px 12px; font-size: 13px; border-radius: 20px;}
}

/*sub title / searchBox */
.subCon {position: relative; max-width: 1400px; margin: 0 auto;}
.cont {position: relative; max-width: 1400px; margin: 0 auto; padding: 30px 0 100px;}
.cont.w100 {max-width: 100%;}
.cont .conTit {position: relative; text-align: center; margin-bottom: 30px;}
.cont .conTit h3 {padding-top: 20px; font-size: 40px; color: #222;}
.cont .conTit .tab-wrap {position: absolute; right: 0; top: 0;}
.cont .conTit .tab-wrap ul {display: flex; align-items: center; gap: 10px;}
.cont .conTit .tab-wrap ul li a {text-align: center; display: block; width: 115px; height: 75px; border-radius: 15px; padding-top: 11px; background: #8a9bee; }
.cont .conTit .tab-wrap ul li a span {display: block; font-size: 16px; color: #fff; margin-top: 5px;}
.cont .conTit .tab-wrap ul li.active a {background: #374CB1;}
.cont .subTit {position: relative; font-size :30px; margin: 60px 0 15px; font-weight: 700; padding-top: 15px;}
.cont .subTit:before {position: absolute; left: 0; top: 0; display: inline-block; content: ''; width: 8px; height: 8px; border-radius: 50%;}
.cont .subTit:after {position: absolute; left: 12px; top: 0; display: inline-block; content: ''; width: 8px; height: 8px; border-radius: 50%;}
.cont .subTit:before {background: #E3E3E3;}
.cont.intro .subTit:after {background: #5E74E1;}
.cont.univ1 .subTit:after {background: #8e001c;}
.cont .searchBox {width: 100%; margin-bottom: 50px; background: #F7F8F9; border-radius: 15px; padding: 30px; display: flex; justify-content: space-between;}
.cont .searchBox .sch_list {width: calc(100% - 250px);}
.cont .searchBox .sch_list .list {display: flex; align-items: center; margin: 15px 0;}
.cont .searchBox .sch_list .list.formGroup {margin: 7px 0;}
.cont .searchBox .sch_list .list .tit {width: 100px; font-size: 18px; color: #000;}
.cont .searchBox .sch_list .list ul {display: flex; align-items: center;}
.cont .searchBox .sch_list .list ul li {position: relative; margin-left: 20px;}
.cont .searchBox .sch_list .list ul li:nth-child(1) {margin-left: 0;}
.cont .searchBox .sch_list .list input[type="text"] {width: calc(100% - 100px); height: 45px; background: #fff; border: 0; border-radius: 10px; padding: 0 15px;}
.cont .searchBox .sch_list .list label span {font-size: 16px; color: #474747; display: inline-block; margin-left: 7px;}
.cont .searchBox .sch_btn {text-align: center; width: 160px; height: 130px; background: #49506a; border-radius: 15px;}
.cont .searchBox .sch_btn button {width: 100%; height: 100%;}
.cont .searchBox .sch_btn span {display: block; margin-top: 10px; font-size: 20px; color: #fff;}
.contents {position: relative; padding-top: 120px;}
.topBar {position: relative; width: 100%; height: 60px; border-bottom: 1px solid #e6e6e6; background: #F3F5FF; z-index: 500;}
.topBar .wrap {position: relative; max-width: 1400px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.topBar .wrap .lnb {height: 100%;}
.topBar .wrap .lnb > ul {display: flex; height: 100%;}
.topBar .wrap .lnb > ul > li {float: left; width: auto; height: 100%;}
.topBar .wrap .lnb > ul > li.home {display: block; width: 59px; height: 100%; border-right: 1px solid #e6e6e6; background: url(/assets/service/img/common/ico_home.png) no-repeat 50%;}
.topBar .wrap .lnb > ul > li.depth {position: relative; border-right: 1px solid #e6e6e6; z-index: 999;}
.topBar .wrap .lnb > ul > li.depth a {z-index: 9999; display: block; width: 100%; height: 100%;}
.topBar .wrap .lnb > ul > li.depth ul {display: none; position: absolute; left: 0; top: 60px; margin: 0; padding: 20px 30px; width: 100%; background: #4e6ee3; box-shadow: 15px 15px 20px 0 rgba(0,0,0,.1); z-index: 1;}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a {display:block; padding: 7px 0; font-size: 15px; color: rgba(255,255,255,.4);}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a:hover {color:#fff;}
.topBar .wrap ul li.depth a span {float: left; padding: 0 70px 0 20px; width: 100%; color: #222; line-height: 60px; text-align: left; border-right: 1px solid rgba(255,255,255,.2); font-weight: 500; background: url(/assets/service/img/common/lnb_btn.png) no-repeat 90% 50%; font-size: 16px;}
.topBar .wrap .lnb .lnb_wrap li.depth a.menu_active {box-shadow: 15px 15px 20px 0 rgba(0,0,0,.1);}
.topBar .wrap .lnb .lnb_wrap li.depth a.menu_active span {position: relative; color: #fff; border-right: 0; background: url("/assets/service/img/common/lnb_btnW.png") no-repeat 90% center #4e6ee3;}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a {position: relative; display: block; padding: 7px 0; font-size: 15px; color: rgba(255,255,255,.4); word-break: keep-all;}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a:after {display: inline-block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 2px; width: 7px; height: 7px; border-radius: 50%; background: #fff; opacity: 0;}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a.active {color: #fff;}
.topBar .wrap .lnb .lnb_wrap li.depth ul li a.active:after {opacity: 1 !important;}
.topBar .sch {position: relative;}
.topBar .sch input {width: 360px; height: 36px; border-radius: 5px; background: #fff; border: 0; padding: 0 15px;}
.topBar .sch input::placeholder {font-size: 15px; color: #ababab; font-weight: 500;}
.topBar .sch button {position: absolute; right: 0; top: 0; width: 36px; height: 36px; background: url(/assets/service/img/common/ico_sch.png) no-repeat 50%;}
@media (max-width: 1440px) {
	.topBar .wrap {width: 100%; padding: 0 40px 0 0;}
}
@media (max-width: 1400px) {
	.cont .searchBox .sch_list {width: calc(100% - 180px);}
	.cont .formGroup.checkbox-type3 label {font-size: 15px;}
}
@media (max-width: 1200px) {
	.cont .searchBox {position: relative; padding: 20px 24px; margin-bottom: 40px;}
	.cont .searchBox .sch_list {width: 100%;}
	.cont .searchBox .sch_list .list:nth-of-type(1) {margin-top: 0;}
	.cont .searchBox .sch_list .list input[type="text"] {width: calc(100% - 250px);}
	.cont .searchBox .sch_btn {position: absolute; top: 20px; right: 24px; width: 130px; height: 45px;}
	.cont .searchBox .sch_btn button {display: flex; justify-content: center; align-items: center;}
	.cont .searchBox .sch_btn button img {height: 20px; margin-right: 10px;}
	.cont .searchBox .sch_btn span {margin-top: 0;}
}
@media (max-width: 991px) {
	.topBar {height: 50px;}
	.topBar .wrap .lnb > ul > li.depth ul {top: 50px; padding: 15px 10px;}
	.topBar .wrap .lnb > ul > li {width: auto;}
	.topBar .wrap .lnb > ul > li.home {width: 49px; background-size: 16px;}
	.topBar .wrap ul li.depth a span {line-height: 50px; padding-left: 15px; padding-right: 40px; font-size: 14px; background-size: 12px;}
	.topBar .sch input {width: 240px;}
	.cont .searchBox {margin-bottom: 30px; padding: 0; background: none; flex-direction: column;}
	.cont .searchBox .sch_list .list {align-items: start;}
	.cont .searchBox .sch_list .list .tit {margin-top: 1%;}
	.cont .searchBox .sch_list .list ul {display: block; width: calc(100% - 100px); overflow: hidden;}
	.cont .searchBox .sch_list .list ul li {display: inline-block; float: left; margin: 0.5%;}
	.cont .searchBox .sch_list .list ul li:nth-of-type(1) {margin-left: 0.5%;}
}
@media (max-width: 767px) {
	.contents {padding-top: 60px;}
	.topBar .wrap {padding: 0 20px 0 0;}
	.topBar .sch input {width: 200px;}
	.cont .searchBox .sch_list .list input[type="text"] {width: calc(100% - 220px); border-radius: 10px;}
	.cont .searchBox .sch_btn {width: 110px; border-radius: 10px;}
	.cont .searchBox .sch_btn button img {height: 16px; margin-right: 8px;}
	.cont .searchBox .sch_btn span {font-size: 18px;}
}
@media (max-width: 640px) {
	.topBar {display: none;}
	.cont .searchBox {display: block; margin-bottom: 30px;}
	.cont .searchBox .sch_list .list input[type="text"] {width: 100%;}
	.cont .searchBox .sch_btn {position: static; width: 100%; height: 40px; margin-top: 20px;}
	.cont .searchBox .sch_btn button img {height: 14px; margin-right: 6px;}
	.cont .searchBox .sch_btn span {font-size: 16px;}
}
@media (max-width: 480px) {
	.topBar {height: 40px;}
	.topBar .wrap .lnb > ul > li.home {width: 30px; background-size: 12px;}
	.topBar .wrap .lnb > ul > li.depth {width: calc(50% - 15px);}
	.topBar .wrap .lnb > ul > li.depth ul  {top: 40px;}
	.topBar .wrap ul li.depth a span {line-height: 40px; font-size: 13px; padding-left: 10px; padding-right: 30px; background-position: 95% 50%;}
	.cont .searchBox .sch_list .list {display: block;}
	.cont .searchBox .sch_list .list ul {width: 100%; margin-top: 10px;}
	.cont .searchBox .sch_list .list input[type="text"] {margin-top: 10px; height: 35px;}
	.cont .formGroup.checkbox-type3 label:before {width: 16px; height: 16px;}
	.cont .formGroup.checkbox-type3 input[type=checkbox] + label {padding: 6px 10px 6px 20px;}
}

/* footer */
.bnWrap {width: 100%; height: 120px; background-color: #fff;}
.foot-banner {display: flex; align-items: center; height: 120px; padding: 0 100px; background: #f7f8f9;}
.foot-banner .wrap {max-width: 1500px; width: 100%; margin: 0 auto;}
.foot-banner .item {display: inline-block; align-items: center; justify-content: center; background: #fff; border: 1px solid #e9e9e9; height: 70px; margin: 0 5px; border-radius: 10px; padding: 15px; box-sizing: border-box;}
.foot-banner .item a {display: flex; align-items: center; justify-content: center; height: 100%;}
.foot-banner .item img {max-width: 100%; max-height: 100%;}
.foot-banner .slick-arrow {font-size: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; display: block !important;}
.foot-banner .slick-prev {left: -80px; background: url(/assets/service/img/common/slick-prev.png) no-repeat 50%;}
.foot-banner .slick-next {right: -80px; background: url(/assets/service/img/common/slick-next.png) no-repeat 50%;}
@media (max-width: 1199px) {
	.foot-banner {height: 100px;}
}
@media (max-width: 767px) {
	.foot-banner {height: auto; padding: 15px 20px;}
	.foot-banner .item {height: 55px; padding: 10px;}
}
@media (max-width: 480px) {
	.foot-banner .item {border: 0; margin: 0;}
}
@media (max-width: 360px) {
	.foot-banner {padding: 0 15px;}
}

footer {position: relative; width: 100%; padding: 40px 100px; background: #000; z-index: 99;}
footer .wrap {display: flex; justify-content: space-between; align-items: center;}
footer .btLeft, footer .btRight {display: flex; gap: 50px; align-items: center;}
footer .address {color: #fff;}
footer .address span {display: inlie-block; margin-right: 10px;}
footer .address .copyright {margin: 10px 0 0; color: #999;}
footer .link {display: flex; gap: 30px;}
footer .link a {font-size: 18px; color: #fff; font-weight: 300;}
footer .link a.bold {font-weight: 600;}
footer .family {position: relative; width: 250px; height: 50px; text-align: left;}
footer .family ul {position: absolute; display: none; bottom: 50px; margin: 0 !important; padding: 10px 0; width: 100%; background: #000; border: 1px solid #fff; border-bottom: 0; z-index: 999; transition: all .3s;}
footer .family ul.open {display: block;}
footer .family ul li {color: #fff; padding: 0 20px;}
footer .family ul li a {display: block; font-size: 14px; color :#fff; padding: 7px 0;}
footer .family button {position: relative; border: 1px solid #fff; display: block; width: 100%; height: 100%; background: none; text-align: left; text-transform: uppercase; padding: 0 25px; font-size: 18px; font-weight: 300; font-size: 18px; color: #fff; display: flex; justify-content: space-between; align-items: center; cursor: pointer; z-index: 9999;}
footer .family button img {transform: rotate( 0deg ); transition: all .3s;}
footer .family button.on img {transform: rotate( 180deg ); transition: all .3s;}
@media (max-width: 1440px) {
	footer .btLeft, footer .btRight {gap: 30px;}
	footer .family {width: 200px;}
}
@media (max-width: 1199px) {
	footer {padding: 30px 40px;}
	footer .btRight {display: block;}
	footer .family {height :45px; margin-top: 15px;}
	footer .family ul {bottom: 45px;}
}
@media (max-width: 991px) {
	footer .btLeft {display: block;}
	footer .bottom_logo {margin-bottom: 15px;}
	footer .address .copyright {margin-top: 8px;}
}
@media (max-width: 767px) {
	footer {padding: 30px 20px;}
	footer .wrap {flex-direction: column; align-items: flex-start;}
	footer .address .copyright {margin-top: 5px;}
	footer .btRight {display: flex; justify-content: space-between; margin-top: 20px; align-items: center;}
	footer .link {margin-top: 0;}
	footer .link a {font-size: 15px;}
	footer .family {margin-top: 0; height: 40px;}
	footer .family ul {bottom: 40px;}
	footer .family ul li {padding: 0 10px;}
	footer .btLeft {display: flex;}
}
@media (max-width: 640px) {
	footer .btLeft {display: block;}
}
@media (max-width: 480px) {
	footer .btRight {display: block;}
	footer .link {gap: 15px;}
	footer .family {margin-top: 10px;}
}