/* mobile */
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css);

* {
	font-family: Pretendard, sans-serif
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
div,
td,
th,
li,
b {
	font-family: Pretendard, NanumSquare, Apple Gothic, MalgunGothic, sans-serif;
	generic-font: "Apple Gothic", "MalgunGothic", sans-serif;
	font-display: swap
}

@font-face {
	font-family: 'SG-Icon-Font';
	src: url('/font/SG-Icon-Font.ttf');
	font-weight: normal;
	font-style: normal
}


@media (min-width: 1px) and (max-width: 1089px) {

	.login {
		display: block
	}

	.mpage {
		display: block;
	}

	.spage {
		overflow-x: auto;
		white-space: nowrap;
	}

}

/* desktop */
@media (min-width: 1090px) {

	.login {
		display: none
	}

	.mpage {
		display: none;
	}


	/* header */

	.top-line {
		background: #333333;
	}

	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}

body {
	background: #fff;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.mb_logo {
	display: none;
}

.mba_ssdiv {
	display: none;
}

.mba_ssdiv2 {
	display: none;
}

.navbar-expand-lg .nav-link .fa-angle-double-right {
	display: none;
}

.nab_box .nav_info .nav-item {
	position: relative;
	padding: 10px 20px;
}

@media (max-width: 1279px) {
	.container {
		max-width: 100%;
	}

	.mb_logo {
		display: block;
		padding: 15px;
		background: #fff;
		text-align: center;
	}

	.mb_logo img {
		height: 54px;
	}

	.mb_logo .mb_logo_logo .logo_black {
		display: block;
	}

	.mb_logo .mb_logo_logo .logo_white {
		display: block;
	}

	body.dark .mb_logo .mb_logo_logo .logo_black {
		display: none;
	}

	body.dark .mb_logo .mb_logo_logo .logo_white {
		display: block;
	}


}

.navbar .mbs_top {
	background: #161A1E;
}

.navbar-expand-lg .show .nav-link .fa-angle-double-right {
	float: right;
	line-height: 46px;
}

.mba_ssdiv2 {
	width: 50%;
	margin: 15px auto;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background: #fff;
	padding: 5px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.mba_ssdiv2 .center_mma {
	text-align: center;
}

.mba_ssdiv2 a {
	font-size: 14px;
	color: #404040;
	display: inline-block;
	padding: 7px 12px;
	font-weight: 500;
}

.mba_ssdiv2 a.logi {
	color: #fd557e;
}

.mba_ssdiv2 .left_mma .names {
	margin-bottom: 10px;
}

.mba_ssdiv {
	display: block;
	width: 100%;
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #eaeaea;
}

.mba_ssdiv .mba_sslogin {
	display: flex;
	padding: 10px;
}

.mba_ssdiv .mba_sslogin .money {
	margin-top: 10px;
}

.mba_ssdiv .mba_sslogin a {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.mba_ssdiv .mba_sslogin .left_mma {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}




.navbar-light.collapsed .navbar-toggler-icon {
	background-image: url('../imgs/ico_menu.svg?v=101');
	width: 36px;
	height: 36px;
}

body.dark .navbar-light.collapsed .navbar-toggler-icon {
	background-image: url('../imgs/ico_menu.svg?v=101');
}

.navbar-light .navbar-toggler-icon {
	background-image: url('../imgs/close_white.png?v=101');
	width: 36px;
	height: 36px;
}

.navbar-expand-lg .navbar-toggler {
	display: block !important;
	z-index: 7778;
	position: static;
	right: 10px;
	padding: 0 5px;
}

.navbar-expand-lg .collapsed {
	right: 10px;
	left: auto;
	top: 3px;
}

.navbar-expand-lg .navbar-toggler:focus {
	outline: 0;
}

.navbar-expand-lg>.container>.show {
	display: block !important;
}

.navbar-expand-lg .navbar-nav {
	flex-direction: column;
	margin-top: 0;
	background: #fff;
}

.navbar-expand-lg .navbar-nav .nav-item {
	width: 100%;
	padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-item .nav-link {
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	display: block;
	font-size: 16px;
	color: #aebbcd;
}

#navbarResponsive {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	overflow-y: scroll;
	z-index: 7777;
}

body.dark #navbarResponsive {
	background: #272727;
}

.navbar-expand-lg .navbar-collapse:not(.show) {
	display: none !important;
}

.navbar-expand-lg .show {
	display: block !important;
}

.navbar-expand-lg .show .nav-link .fa-angle-double-right {
	display: inline-block !important;
}

.nab_box .nabs_botop {
	justify-content: flex-end;
	display: flex;
}

.navbar_sslogin {
	display: flex;
	align-items: center;
	height: 100%;
}

.left_smenb .left_iuser {
	margin-left: 10px;
}

.left_smenb .left_iuser a {
	font-size: 14px;
	color: #000;
}

.left_smenb .left_iuser a.money {
	margin-left: 10px;
	display: none;
}

.nab_box .nabs_botop .navbar_ssbtn {
	display: block;
	padding: 0 20px;
	margin: 0 4px;
	border: 1px solid #2c3db8;
	border-radius: 20px;
	background: #fff;
	color: #2c3db8;
	font-size: 14px;
	line-height: 35px;
}

.nab_box .nabs_botop .navbar_ssbtn.join_btn {
	background: #2c3db8;
	color: #fff;
}

.nab_box .nabs_botop .navbar_sstxt {
	font-size: 12px;
	color: #000;
	margin-left: 20px;
	display: inline-block;
	height: 34px;
	line-height: 34px;
}

.navbar .mbs_top {}

.nab_box {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.main_top {
	background: #2b2b2b;
}

.nab_box .nab_top {
	display: flex;
	justify-content: flex-start;
	width: 30%;
	padding: 0;
}

.nab_box .mb_visit {
	width: 20%;
}

.nab_box .mb_visit p {
	margin-bottom: 0;
	padding: 0;
	font-size: 16px;
	color: #fff;
}

.nab_box .nabb_sub {
	display: none;
}

.nab_box .nabs_botop {
	width: 100%;
}

.nab_box .nab_top .navbar_ssdiv {
	position: absolute;
	right: 0;
	top: 20px;
}

.nab_box .nav_info {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.nab_box .nav_info .nav-item .nav_item_div {
	z-index: 2;
	border-top: 1px solid rgba(0, 0, 0, .15);
	position: absolute;
	top: 100%;
	bottom: auto;
	left: 0%;
	right: auto;
	display: none;
}

.nab_box .nav_info .nav-item .nav_item_div a {
	color: #333;
	font-weight: bold;
	display: block;
}

.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box {
	width: 320px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	border-top-style: none;
	flex-direction: column;
	padding: 30px;
	transition: color .2s, background-color .2s;
	display: flex;
}

.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box:hover {
	color: #ff574a;
}

.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box h2 {
	font-size: 18px;
	font-weight: 700;
	transition: opacity .2s;
}

.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box p {
	font-size: 14px;
	margin: 8px 0 0;
	line-height: 24px;
	transition: opacity .2s;
}


@media (min-width: 1200px) {
	.navbar .container {
		max-width: 100%;
	}

	.id_max .container {
		max-width: 100%;
	}

	.container {
		max-width: 1280px;
	}

	.navbar-nav li {
		padding: 20px 0 20px 24px;
	}

	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn:last-child {
		margin-right: 0;
	}

	.left_smenb {
		display: inline-block;
		margin-right: 20px;
	}

	.left_smenb:after {
		clear: both;
		display: block;
		content: "";
	}

	.nab_box .nabs_botop {
		justify-content: flex-end;
	}

	.navbar_sslogin {
		display: flex;
	}

	.left_smenb .left_iuser {
		margin-left: 10px;
	}

	.left_smenb .left_iuser a {
		font-size: 12px;
		color: #393939;
	}

	.left_smenb .left_iuser a.money {
		margin-left: 10px;
	}

	.ma_trand {
		max-width: 1280px;
		margin: 0 auto;
		height: 350px;
	}

	#navbarResponsive {
		padding: 30px 40px;
		width: 400px;
		border-left: 1px solid #ddd;
	}

	.navbar-light .navbar-toggler-icon {
		position: fixed;
		top: 20px;
		right: 40px;
	}

	.navbar-light.collapsed .navbar-toggler-icon {
		position: static;
	}

}

.ma_trand {
	height: 350px;
}

.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn i {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
}



.fixed-top {
	padding: 0;
	display: block;
}

.navbar .navbar_cont {
	width: 100%;
}

.navbar .navbar_cont .navcont_info {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

.navbar .navbar_subcont {
	width: 70%;
	max-width: 1300px;
	margin: 0 auto;
}

.fixed-top .logo .logo_black {
	display: none;
}

body.dark .fixed-top .logo .logo_black {
	display: none;
}

.fixed-top .logo .logo_white {
	display: block;
}

body.dark .fixed-top .logo .logo_white {
	display: block;
}


.fixed-top .navbar-collapse .nav-item .nav-link {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.fixed-top .navbar-collapse .nav-item .nav-link img {
	height: 23px;
	margin-right: 5px;
}

.fixed-top .navbar-collapse .nav-item .nav-link:after {
	display: none;
}

.bg-bo {
	background-color: #1C2230 !important;
}

.navbar-expand-lg .ml-auto {
	margin-left: auto;
}

.c,
.c-full {
	max-width: 1400px;
	margin: 0 auto;
}

.sec-main-visual {
	position: relative;
	padding-top: 0px;
	background: transparent;
	background-size: cover;
}

.top_cts {
	padding-top: 50px;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.top_cts .cts_inner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-left: 630px;
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
}

.top_cts .cts_inner .visual_wrap {
	width: 570px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.top_cts .cts_inner .visual_wrap .visual_banner {
	display: flex;
	flex-direction: column;
	height: 500px;
	position: relative;
	box-shadow: 2px 2px 15px rgb(0 0 0 / 24%);
	border-radius: 30px;
	overflow: hidden;
}

.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider {
	height: 450px;
	margin: 0;
}

.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list {
	height: 100%;
}

.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list .slick-track {
	height: 100%;
}

.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list .slick-track div {
	height: 100%;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-arrow {
	position: absolute;
	top: calc(50% + 15px);
	transform: translateY(-50%);
	width: 35px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	z-index: 5;
	background-image: url("../imgs/ico_sprite.png");
	background-repeat: no-repeat;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-next {
	right: 18px;
	background-position: -339px -240px;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-prev {
	left: 20px;
	background-position: -278px -240px;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-next:before,
.top_cts .cts_inner .visual_wrap .visual_banner .slick-prev:before {
	display: none;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots {
	display: flex;
	align-items: center;
	gap: 12px;
	position: absolute;
	right: 55px;
	bottom: -50px;
	height: 50px;
	z-index: 2;
	width: auto;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots button {
	all: unset;
	display: block;
	width: 12px;
	height: 12px;
	background: #d1d1d1;
	border-radius: 50%;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	cursor: pointer;
}

.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots .slick-active button {
	background: #1c8be0;
}

.top_cts .cts_inner .visual_wrap .visual_banner img {
	display: block;
	border-radius: 30px 30px 0 0;
	width: 100%;
	height: 100%;
}

.top_cts .cts_inner .visual_wrap .visual_banner .control {
	height: 50px;
	width: 100%;
	top: auto;
	bottom: 0;
	background: #fff;
	position: absolute;
	right: 0;
}

.top_cts .cts_inner .visual_wrap .visual_banner .control button {
	width: 14px;
	height: 14px;
	font-size: 0;
	position: absolute;
	line-height: 0;
	background: none;
	background-image: url("../imgs/ico_sprite.png");
	background-repeat: no-repeat;
	border: 0;
}

.top_cts .cts_inner .visual_wrap .visual_banner .control button.ctr_btn {
	top: 18px;
	right: 30px;
	z-index: 3;
}

.top_cts .cts_inner .visual_wrap .visual_banner .control button.pause {
	background-position: -68px -8px;
}

.top_cts .cts_inner .visual_wrap .visual_banner .control button.play {
	background-position: -96px -8px;
}


.top_cts .main_quickmenu {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.top_cts .main_quickmenu h2 {
	font-weight: 700;
	font-size: 38px;
	line-height: 60px;
}

.top_cts .main_quickmenu h2 strong {
	color: #1864cb;
	font-weight: 700;
}

.top_cts .board_wrap {
	width: 100%;
}

.top_cts .board_wrap .bw_inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	gap: 0 20px;
}

.top_cts .board_wrap .bw_inner .item {
	flex: 1 1 auto;
}

.top_cts .board_wrap .bw_inner .item .in_box {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 30px;
	border: 0.5px solid #e0e1e2;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 3px 10px rgba(104, 111, 115, 0.15);
}

.top_cts .board_wrap .bw_inner .item .in_box .txt {
	font-size: 24px;
	line-height: 34px;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

.top_cts .board_wrap .bw_inner .item .in_box .ico {
	width: 72px;
	height: 72px;
	margin-top: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.top_cts .board_wrap .bw_inner .item img {
	width: 100%;
}

.top_cts .board_wrap .bw_tab {
	margin: 30px auto 0;
	max-width: 700px;
	width: 100%;
}

.top_cts .board_wrap .bw_tab a {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	display: block;
}

.top_cts .board_wrap .bw_tab a img {
	width: 100%;
}

#main-slide,
#main-slide .swiper-container {
	overflow: hidden;
	height: 920px;
	position: relative;
}

#main-slide .swiper-slide {
	overflow: hidden;
}

#main-slide .swiper-slide .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#main-slide .swiper-slide .img::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}

/*#main-slide .swiper-slide-active .img { transform:scale(1.1); transition:all 5.5s linear; }
#main-slide .swiper-slide-prev .img { transition:all 1s; }*/

#main-slide .ctrl {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	z-index: 2;
}

#main-slide .ctrl .pg {
	position: static;
	display: inline-block;
	width: auto;
}

#main-slide .ctrl .pg span {
	width: 14px;
	height: 14px;
	background: white;
	opacity: 0.8;
	margin: 0 9px;
	transition: all .2s ease;
}

#main-slide .ctrl .pg span.swiper-pagination-bullet-active {
	position: relative;
}

#main-slide .ctrl .pg span.swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	left: -7px;
	top: -7px;
	right: -7px;
	bottom: -7px;
	border: 1px solid white;
	border-radius: 50%;
}

#main-slide .ctrl .playstop {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 15px;
	width: 14px;
	height: 14px;
	color: white;
}

#main-slide .ctrl .playstop::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	border: 1px solid white;
	border-radius: 50%;
}

#main-slide .ctrl .playstop i {
	position: absolute;
}

#main-slide .ctrl .playstop .fa-play {
	display: block;
}

#main-slide .ctrl .playstop .fa-pause {
	display: none;
}

#main-slide .ctrl .playstop.on .fa-play {
	display: none;
}

#main-slide .ctrl .playstop.on .fa-pause {
	display: block;
}

#main-slide .ctrl .playstop:hover {
	color: #333;
}

#main-slide .ctrl .playstop:hover::before {
	background: white;
	color: #333;
}

#main-slide .nav {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 14%;
	z-index: 2;
	cursor: pointer;
}

#main-slide .nav i {
	z-index: 2;
	color: rgba(255, 255, 255, 0.5);
	font-size: 80px;
}

#main-slide .prev {
	left: 0;
	justify-content: flex-end;
	padding-right: 3%;
}

#main-slide .next {
	right: 0;
	justify-content: flex-start;
	padding-left: 3%;
}

#main-slide .nav:hover i {
	color: white;
}

#main-slide .swiper-slide .c {
	position: relative;
	height: 100%;
	padding: 0;
	border: 1px solid transparent;
	/*IE Bug:: border 부분을 넣어야함*/
}

#main-slide .content {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	color: #fff;
}

#main-slide .content .head {
	margin-bottom: 0;
	font-family: 'NSR';
}

#main-slide .content .desc {
	margin-top: -10px;
	animation-delay: 600ms;
	font-size: 42px;
}

#main-slide .content .desc2 {
	margin-top: 5px;
	animation-delay: 700ms;
	font-size: 21px;
}

#main-slide .content .btn-area {
	margin-top: 30px;
	animation-delay: 800ms;
}

#main-slide .content .btn-view {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	height: 46px;
	line-height: 44px;
	color: #333;
}

#main-slide .content .btn-view::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 23px;
	background: white;
	transition-duration: 300ms;
}

#main-slide .content .btn-view:hover::before {
	transform: scale(0.9);
}

#main-slide .content .btn-view span {
	position: relative;
}

#main-slide .sli1 .bg-cover {
	background-image: url("/img/grit/pc_main01.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

#main-slide .sli2 .bg-cover {
	background-image: url("/img/grit/pc_main02.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

#main-slide .sli3 .bg-cover {
	background-image: url("/img/grit/pc_main03.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

.title_box {
	display: flex;
	align-items: flex-start;
	margin-top: 30px;
}

.title_box .title {
	font-size: 50px;
	line-height: 70px;
	font-weight: 700;
}

.title_box .more {
	margin: 24px 0 0 auto;
	padding-right: 22px;
	background: url(/resources/images/ico_more_gray.svg) no-repeat right center;
	color: #666;
	font-size: 18px;
	line-height: 23px;
}

.title_box .s_txt {
	margin: 70px 0 0 auto;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
}

.main_slides {
	width: 100%;
}

.main_slides .slides_info {
	max-width: 92vw;
	height: 890px;
	margin: 0 auto;
	background: url("/img/grit/QSHero-Feb2022-noLogo-rounded.jpg")no-repeat;
	background-size: 100%;
	display: flex;
	justify-content: center;
}

.main_slides .slides_info .slides_txt {
	display: flex;
	flex-direction: column;
	padding-top: 100px;
	text-align: center;
	gap: 20px;
}

.main_slides .slides_info .slides_txt h2 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}

.main_slides .slides_info .slides_txt p {
	font-size: 24px;
	color: #f7f7f7;
	font-weight: 500;
}

.ma_environment_wrap {
	background: #fff;
	width: 100%;
	max-width: 1400px;
	margin: 50px auto;
}

.ma_environment {
	display: flex;
	margin-top: 26px;
	padding-bottom: 90px;
}

.ma_environment .datalist {
	flex: 1;
}

.ma_environment .datalist>li+li {
	margin-top: 16px;
}

.ma_environment .datalist .inbox {
	display: flex;
	align-items: center;
	padding: 28px 40px 28px 30px;
	border: 0.5px solid #e0e1e2;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 3px 10px 0px rgba(104, 111, 115, 0.15);
}

.ma_environment .datalist .inbox .ico {
	width: 75px;
	height: 75px;
	margin-right: 20px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.ma_environment .datalist .inbox .tit {
	font-size: 24px;
	line-height: 31px;
	font-weight: 700;
}

.ma_environment .datalist .inbox .con {
	position: relative;
	margin-left: auto;
	text-align: right;
}

.ma_environment .datalist .inbox .con .txt {
	font-size: 35px;
	line-height: 49px;
	font-weight: 700;
}

.ma_environment .datalist .inbox .con .cnt {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: -2px;
	color: #ff5042;
	font-size: 12px;
	line-height: 16px;
}

.ma_environment .databox {
	flex: 1;
	position: relative;
	margin-left: 20px;
	border-radius: 20px;
	background: url(../imgs/ma_bg_environment01.png) no-repeat center bottom #e9faf4;
	background-size: cover;
}

.ma_environment .databox .leftbox {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	top: 43px;
	left: 40px;
}

.ma_environment .databox .leftbox .tit {
	font-size: 24px;
	line-height: 31px;
	font-weight: 700;
}

.ma_environment .databox .leftbox .con .txt {
	font-size: 35px;
	line-height: 49px;
	font-weight: 700;
}

.ma_environment .databox .leftbox .con .cnt {
	margin-top: -2px;
	padding-right: 2px;
	color: #2ebab4;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}

.ma_environment .databox .rightbox {
	position: absolute;
	top: 42px;
	left: 237px;
	color: #393f44;
	font-size: 26px;
	line-height: 34px;
	font-weight: 700;
}

.ma_environment .databox .rightbox em {
	color: #2ebab4;
}

.enviroment {
	margin: 0 auto;
	max-width: 1400px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.enviroment .slick-slide {
	margin: 0 10px;
}

.enviroment .slick-list {
	margin: 0 -10px;
}

.enviroment .top-section {
	width: 100%;
	display: flex;
	margin-right: -0.5%;
}

.enviroment .icon-box {
	display: flex !important;
	background-color: #f7fef7;
	border: 1px solid #d9f2d9;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	width: 24.5%;
	margin-right: 0.5%;
}

.enviroment .icon-box img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	margin-right: 20px;
}

.enviroment .icon-box .icon-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: left;
}

.enviroment .icon-box .icon-text span {
	font-size: 16px;
	font-weight: 700;
}

.enviroment .icon-box .icon-text p {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

.enviroment .bottom-section {
	width: 100%;
	display: flex;
	margin-right: -0.5%;
}

.enviroment .content-box {
	flex: 1;
	display: flex !important;
	justify-content: space-between;
	background-color: #dfffd9;
	border: 1px solid #b8f5b3;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: center;
	text-align: center;
	width: 49.5%;
	margin-right: 0.5%;
}

.enviroment .content-box img {
	height: 230px;
}

.enviroment .content-box .content-text {
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-align: left;
}

.enviroment .content-box .content-text span {
	font-size: 26px;
	font-weight: 700;
}

.enviroment .content-box .content-text p {
	font-size: 48px;
	font-weight: 700;
	margin: 0;
}



.contents02 {
	width: 100%;
	max-height: 780px;
	padding: 90px 0 120px 6vw;
	background-color: #f0f0f0;
	margin-top: 40px;
}

.contents02 .flt_clr {
	width: 100%;
	display: flex;
}

.contents02 .flt_clr .tit_box {
	max-width: 258px;
	margin-top: 100px;
	margin-bottom: 60px;
}

.contents02 .flt_clr .tit_box .tit {
	font-size: 45px;
	letter-spacing: -0.01em;
	line-height: 1.11;
	font-weight: 700;
	color: #000;
	margin: 0;
	padding: 0;
}

.contents02 .flt_clr .tit_box .sub_tit {
	margin: 20px 0 0;
	font-weight: 300;
	color: #777;
}

.contents02 .flt_clr .tit_box .btn_box {
	margin-top: 60px;
}

.contents02 .flt_clr .tit_box .btn_box .btn {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	vertical-align: top;
	border: 1px solid #b7b7b7;
	cursor: pointer;
}

.contents02 .flt_clr .tit_box .btn_box .btn i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.contents02 .flt_clr .tit_box .btn_box .btn i img {
	max-width: 100%;
}

.contents02 .flt_clr .product_list {
	width: calc(100% - 308px);
	margin-left: 50px;
}

.contents02 .flt_clr .product_list .swiper-container2 {
	padding-top: 30px;
	overflow: hidden;
}

.contents02 .flt_clr .product_list .swiper-container2 li {
	max-width: 360px;
	width: 25%;
}

.contents02 .flt_clr .product_list .swiper-container2 .product {
	position: relative;
	transition: all 0.5s;
	margin-bottom: 20px;
}

.contents02 .flt_clr .product_list .swiper-container2 li.active .product {
	transform: translateY(-30px);
}

.contents02 .flt_clr .product_list .swiper-container2 li.active .product::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(31, 31, 31, 0.31);
	box-shadow: 12.3px 13.2px 29px 0 rgba(0, 0, 0, 0.36);
}

.contents02 .flt_clr .product_list .swiper-container2 .product .img_box {}

.contents02 .flt_clr .product_list .swiper-container2 .product .img_box img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box {
	display: none;
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 30px;
	text-align: center;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box h2 {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -0.4px;
	color: #fff;
	margin: 0;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box p {
	margin: 20px 0 0;
	color: #e2e2e2;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box {
	margin-top: 64px;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a {
	max-width: 240px;
	display: inline-block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: 2px solid #fff;
	padding: 0 20px;
}

.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a i {
	margin-left: 10px;
}


.contents02 .flt_clr .product_list .swiper-container2 li.active .product .info_box {
	display: block;
}

.contents02 .flt_clr .product_list .swiper-container2 li .sub_t {
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: -0.01em;
	font-weight: 400;
	text-align: center;
	margin: 0;
	padding: 0;
}

.contents02 .flt_clr .product_list .swiper-container2 li .more_box {
	display: none;
}

.contents02 .flt_clr .product_list .swiper-container2 li .more_box a {
	display: inline-block;
	padding: 5px 0;
	font-weight: 500;
}

.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i {
	display: inline-block;
	margin-left: 20px;
}

.contents02 .flt_clr .product_list .swiper-container2 li.active .sub_t {
	display: none;
}

.contents02 .flt_clr .product_list .swiper-container2 li.active .more_box {
	display: block;
}


.btm_cts {
	width: 100%;
	background: #F0F0F0;
	height: 830px;
}

.btm_cts .cts_inner {
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
	position: relative;
}

.btm_cts .cts_inner .business_wrap {
	position: relative;
	overflow-x: hidden;
}

.btm_cts .cts_inner .business_wrap .business_paging {
	position: absolute;
	left: 0;
	top: 185px;
	display: flex;
	align-items: center;
	gap: 41px;
	z-index: 2;
}

.btm_cts .cts_inner .business_wrap .business_paging li {
	position: relative;
	cursor: pointer;
}

.btm_cts .cts_inner .business_wrap .business_paging li a {
	transition: all .1s;
	font-size: 24px;
	color: #666;
}

.btm_cts .cts_inner .business_wrap .business_paging li:first-child a:after {
	content: "";
	width: 1px;
	height: 24px;
	background-color: #c2c6c7;
	display: inline-block;
	position: absolute;
	right: -21px;
	top: 6px;
}

.btm_cts .cts_inner .business_wrap .business_paging li.on a {
	font-size: 28px;
	color: #1864cb;
	font-weight: 600;
}

.btm_cts .cts_inner .business_wrap .domestic {
	width: 100%;
	padding-left: 275px;
}

.btm_cts .cts_inner .business_wrap .domestic .inner {
	max-width: 935px;
	height: 730px;
	background: url("../imgs/domestic_busi_bg.png")center top no-repeat;
	padding: 0 28px;
}

.btm_cts .cts_inner .business_wrap .overseas {
	width: 100%;
	padding-left: 200px;
	padding-top: 70px;
}

.btm_cts .cts_inner .business_wrap .overseas .inner {
	max-width: 1135px;
	height: 660px;
	background: url("../imgs/overseas_busi_bg11.png") left top 30px no-repeat;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span {
	display: flex;
	gap: 8px;
	font-size;
	14px;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span:before {
	content: '';
	width: 16px;
	height: 22px;
	background-image: url("../imgs/overseas_ico.png");
	background-repeat: no-repeat;
	display: block;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit01:before {
	background-position: 0 0;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit02:before {
	background-position: 0 -32px;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit03:before {
	background-position: 0 -64px;
}

.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit04:before {
	background-position: 0 -96px;
}

.btm_cts .cts_inner .business_wrap .text_info {
	position: absolute;
	left: 0;
	top: 240px;
	font-size: 15px;
	line-height: 1.7;
	width: 100%;
	margin: 0;
	padding: 0;
}

.btm_cts .cts_inner .business_wrap .more {
	position: absolute;
	left: 0;
	top: 395px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	border: 1px solid #242424;
	border-radius: 15px;
	padding: 6px 15px 4px;
	width: 100%;
	max-width: 200px;
	background-image: linear-gradient(#003461, #003461);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: .4s;
	color: #242424;
}

.btm_cts .cts_inner .business_wrap .more:after {
	content: "";
	background: url("../imgs/ico_sprite.png") -44px -10px no-repeat;
	width: 8px;
	height: 14px;
	display: block;
}

.btm_cts .cts_inner .business_wrap .control {
	width: 90px;
	display: flex;
	align-items: center;
	right: auto;
	left: 0;
	top: 335px;
	height: 20px;
	position: absolute;
}

.btm_cts .cts_inner .business_wrap .control button {
	width: 30px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	background: 0;
	border: 0;
	background-image: url("../imgs/ico_sprite.png");
	background-repeat: no-repeat;
	color: #242424;
}

.btm_cts .cts_inner .business_wrap .control button.prev_btn {
	background-position: 0 0;
}

.btm_cts .cts_inner .business_wrap .control button.next_btn {
	background-position: -30px 0;
	margin-left: 4px;
}

.btm_cts .cts_inner .business_wrap .control button.crt_btn {
	width: 20px;
	margin-left: auto;
	position: relative;
	top: auto;
}

.btm_cts .cts_inner .business_wrap .control button.play {
	background-position: -90px 0;
}

.btm_cts .cts_inner .business_wrap .control button.pause {
	background-position: -60px 0;
}





.btm_cts .cts_inner .info_center_wrap {
	position: absolute;
	right: 0;
	top: 150px;
	z-index: 2;
	width: 450px;
	height: 440px;
	border-radius: 30px;
	box-shadow: 1px 2px 8px 0 rgba(0, 1, 1, 0.24);
	padding: 40px;
	background: url("../imgs/info_center_bg2.png") right bottom 18px no-repeat, linear-gradient(to bottom, #edf0fa 150px, #fff 150px);
}

.btm_cts .cts_inner .info_center_wrap .info_center {
	width: 100%;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts {
	position: relative;
	display: flex;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts>li.on>a {
	color: #1864cb;
	font-size: 28px;
	font-weight: 600;
	display: block;
	line-height: 30px;
	transition: all .1s;
	position: relative;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt {
	font-size: 15px;
	width: 100%;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt br {
	display: none;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul {
	width: 100%;
	margin-top: 55px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a {
	display: flex;
	align-items: center;
	gap: 18px;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a:before {
	content: "";
	width: 40px;
	height: 40px;
	min-width: 40px;
	display: block;
	background-color: #1c8be0;
	background-image: url("../imgs/info_center_ico.png");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list01 a:before {
	background-position: 0 0;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list02 a:before {
	background-position: 0 -50px;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list03 a:before {
	background-position: 0 -100px;
}

.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list04 a:before {
	background-position: 0 -150px;
}

.sec_customer_1 {
	padding: 100px 0;
	text-align: center;
	background: url("/img/ocen/main-contact.png")top/cover no-repeat;
}

.sec_customer_1 .info {
	text-align: center;
}

.sec_customer_1 .info p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px #000;
}



@media (max-width:1550px) {
	.top_cts {
		height: auto;
		background: none;
		position: relative;
	}

	.top_cts .cts_inner {
		padding: 0 30px;
	}

	.top_cts .cts_inner .visual_wrap {
		left: auto;
		position: relative;
	}

	.top_cts .cts_inner .main_quickmenu {
		padding-left: 50px;
		width: calc(100% - 570px);
		height: auto;
	}

	.top_cts .cts_inner .main_quickmenu h2 {
		padding-top: 40px;
	}

	.top_cts .board_wrap:before {
		content: '';
		width: 100%;
		height: 420px;
		background: #ecf2f5;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		z-index: -1;
	}

	.top_cts .board_wrap .bw_inner {
		padding: 0;
	}

	.top_cts .board_wrap .bw_inner .item {
		margin-top: 45px;
	}

	.top_cts .board_wrap .bw_tab {
		padding-left: 0;
	}

	.btm_cts {
		height: auto;
		margin-top: 0;
		background: none;
	}

	.btm_cts .cts_inner {}

	.btm_cts .cts_inner .business_wrap {
		height: 730px;
		overflow: hidden;
		padding: 0 30px;
		background: #d8edf6;
	}

	.btm_cts .cts_inner .business_wrap .business_paging {
		left: 30px;
	}

	.btm_cts .cts_inner .business_wrap .control {
		left: 30px;
	}

	.btm_cts .cts_inner .business_wrap .domestic {
		padding-left: 260px;
	}

	.btm_cts .cts_inner .business_wrap .domestic .inner {
		width: 100%;
		max-width: none;
	}

	.btm_cts .cts_inner .business_wrap .overseas {
		padding-left: 220px;
	}

	.btm_cts .cts_inner .business_wrap .overseas .inner {
		width: 100%;
		max-width: 1135px;
		margin: 0 auto;
		background-size: contain;
	}

	.btm_cts .cts_inner .info_center_wrap {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		background: #fff;
		box-shadow: none;
		border-radius: 0;
		padding: 50px 30px;
		height: 265px;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul {
		margin-top: 48px;
		flex-direction: row;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li {
		width: calc(100% / 4);
	}
}

.youtubecls {
	border-radius: 20px;
	width: 315px;
	height: 160px;
}

@media (max-width: 1024px) {
	#main-slide .nav {
		width: 60px;
		padding: 0 !important;
	}

	#main-slide .prev {
		padding-right: 15px;
	}

	#main-slide .next {
		padding-left: 15px;
	}
}

.pc_y {
	display: block;
}

.mobile_y {
	display: none;
}

.video-container {
	position: relative;
	padding-bottom: calc(56.25% * 0.98);
	/* 16:9 */
	width: 98%;
	height: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.youtubecls1 {
	cursor: pointer;
	border-radius: 10px !important;
	padding-left: 1%;
	margin-bottom: 12px;
}

@media (max-width: 900px) {
	.sec-main-visual {
		height: 300px;
		padding-top: 0;
	}


	.navbar.in_mohd .navbar_cont {
		border-bottom: 0;
	}

	.pc_y {
		display: none;
	}

	.mobile_y {
		display: block;
	}

	.top_cts .board_wrap .bw_tab {
		padding-left: 0;
	}

	#main-slide .sli1 .bg-cover {
		background-size: 100% 100%;
		background-image: url("/img/grit/m_main01.png");
	}

	#main-slide .sli2 .bg-cover {
		background-size: 100% 100%;
		background-image: url("/img/grit/m_main02.png");
	}

	#main-slide .sli3 .bg-cover {
		background-size: 100% 100%;
		background-image: url("/img/grit/m_main03.png");
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a {
		justify-content: flex-end;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list02 a {
		justify-content: flex-start;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list04 a {
		justify-content: flex-start;
	}


	#main-slide,
	#main-slide .swiper-container {
		height: 470px;
	}

	#main-slide .content {
		position: static;
		width: 100%;
		height: 100%;
		padding: 0 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: white;
	}

	#main-slide .ctrl {
		display: none;
	}

	#main-slide .nav {
		display: none;
	}

	#main-slide .content .head {
		font-size: 26px;
		font-weight: bold;
	}

	#main-slide .content .desc {
		font-size: 20px;
		margin-top: 10px;
	}

	#main-slide .content .desc2 {
		width: 80%;
		font-size: 18px;
	}

	.navbar_sslogin {
		flex-wrap: wrap;
	}

	.nab_box .nabs_botop .navbar_ssbtn {
		font-size: 12px;
		margin-left: 10px;
		height: 30px;
		line-height: 30px;
		padding: 0 8px;
		display: none;
	}

	.nab_box .nabs_botop .navbar_sstxt {
		display: none;
	}

	.nab_box .nabs_botop .navbar_sstxt.money {
		display: none;
	}


	.ma_environment_wrap .inner_center {
		padding: 0 20px;
	}

	.title_box {
		flex-wrap: wrap;
	}

	.title_box .title {
		font-size: 28px;
		line-height: 34px;
		margin: 0;
		text-align: center;
		width: 100%;
	}

	.title_box .s_txt {
		margin: 10px 0 0 auto;
	}

	.ma_environment {
		flex-wrap: wrap;
	}

	.ma_environment .datalist {
		flex: auto;
		width: 100%;
	}

	.ma_environment .datalist .inbox {
		padding: 15px 30px 15px 20px;
	}

	.ma_environment .datalist .inbox .ico {
		width: 60px;
		height: 60px;
	}

	.ma_environment .datalist .inbox .tit {
		font-size: 16px;
		line-height: 30px;
		margin: 0;
	}

	.ma_environment .datalist .inbox .con .txt {
		font-size: 24px;
		line-height: 26px;
		margin: 0;
	}

	.ma_environment .datalist .inbox .con .cnt {
		margin-top: 5px;
	}

	.ma_environment .databox {
		flex: auto;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 20px 20px 60px;
		margin-left: 0;
	}

	.ma_environment .databox .leftbox {
		position: static;
	}

	.ma_environment .databox .leftbox .tit {
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.ma_environment .databox .leftbox .con .txt {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 10px;
	}

	.ma_environment .databox .rightbox {
		font-size: 16px;
		line-height: 26px;
		position: static;
	}

	.enviroment .bottom-section {
		flex-direction: column;
		gap: 20px;
	}

	.enviroment .content-box .content-text span {
		font-size: 16px;
	}

	.enviroment .content-box .content-text p {
		font-size: 24px;
	}

	.enviroment .content-box img {
		height: 110px;
		margin: 10px 0px;
	}

	.enviroment .top-section {
		display: block !important;
		margin-bottom: -16px;
	}

	.enviroment .icon-box {
		width: 100% !important;
		margin-right: 0.5%;
		margin-bottom: 10px;
	}

	.enviroment .content-box {
		width: 100%;
		margin-right: 0%;
		padding: 10px;
	}

	.enviroment .icon-box .icon-text {
		display: contents !important;
	}

	.enviroment .icon-box img {
		width: 30px;
		height: 30px;
		margin-right: 20px;
	}

	.enviroment .icon-box .icon-text span {
		font-size: 20px;
		width: 120px;
	}

	.enviroment .icon-box .icon-text p {
		font-size: 18px;
		width: 45%;
		text-align: right;
	}

	.youtubecls {
		width: 100%;
		height: 200px;
	}

	.youtubecls1 {}
}





.home_slider {
	width: 100%;
	max-width: 1400px;
	max-height: 815px;
	min-height: 720px;
	height: 91vh;
	margin: 0 auto;
}

.home_slider .slick-slider-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.main-slider {
	width: 100%;
	height: 100%;
}

.main-slider .slick-list {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.main-slider .slick-list .slick-track {
	width: 100%;
	height: 100%;
}

.main-slider .slick-list .slick-track .slick-item {
	width: 100%;
	height: 100%;
	display: block;
}

.main-slider .slick-list .slick-track .slick-slide>div {
	width: 100%;
	height: 100%;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info {
	display: flex;
	height: 100%;
	width: 100%;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text {
	display: flex;
	flex-direction: column;
	width: 40%;
	height: 100%;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt {
	height: calc(100% - 70px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 70px;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt h2 {
	font-size: 32px;
	font-weight: normal;
	line-height: 42px;
	margin: 0;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt p {
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 28px;
	word-break: break-word;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text a {
	display: flex;
	width: 100%;
	height: 70px;
	align-items: center;
	background: #321850;
	color: #fff;
	padding-left: 72px;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img {
	width: 60%;
	height: 100%;
}

.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img .slick_background {
	width: 100%;
	height: 100%;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

.slick_background1 {
	background-image: url("../imgs/main-1.jpg");
}

.slick_background2 {
	background-image: url("../imgs/main-2.jpg");
}

.slick_background3 {
	background-image: url("../imgs/main-3.jpg");
}

.home_slider .slick-slider-absolute-pagination {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.home_slider .slick-slider-absolute-pagination .item {
	width: 100%;
	max-width: 16%;
	margin: 0 auto;
}

.slick-slider-pagination-wrapper {
	background: #e8e8e8;
	height: 70px;
	position: relative;
	z-index: 2;
	margin-left: -28px;
}

.slick-slider-pagination-wrapper p {
	margin: 0;
}

.slick-slider-pagination-wrapper .slick-arrow {
	transform: translateX(-50%);
	bottom: 16px;
	left: 50%;
	margin-left: -40px;
	transition: color ease-in-out .15s;
	color: #321850;
	cursor: pointer;
	display: inline-block;
	position: absolute;
}

.slick-slider-pagination-wrapper .slick-arrow i {
	display: inline-block;
	font-size: 20px;
	padding: 5px 5px;
}

.slick-slider-pagination-wrapper .slick-arrow+.slick-arrow {
	margin-left: 40px;
}

.slick-slider-pagination {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slick-slider-pagination li {
	transform: translateX(-50%);
	bottom: 16px;
	left: 50%;
	position: absolute;
	display: inline-block;
}

.slick-slider-pagination li .h3 {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
}

.slick-slider-pagination li .u-caption {
	display: inline-block;
	color: #878787;
	font-size: 14px;
	line-height: 24px;
	margin-left: 5px;
	position: relative;
}

.slick-slider-pagination li+li {
	margin-top: 0;
}

.slick-slider-pagination li:not(.slick-active) {
	display: none;
}


.main_news {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.main_news .news_info {
	width: 100%;
	display: flex;
}

.main_news .news_info .news_list {
	width: 40%;
	padding: 100px 70px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	background: #ebe8ee;
}

.main_news .news_info .news_list .item {
	width: 100%;
}

.main_news .news_info .news_list .item h2 {
	font-size: 24px;
	font-weight: 500;
	margin: 0;
}

.main_news .news_info .news_list .item ul {
	width: 100%;
	margin: 20px 0 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.main_news .news_info .news_list .item ul li {
	width: 100%;
}

.main_news .news_info .news_list .item ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
}

.main_news .news_info .news_content {
	width: 60%;
	padding: 100px 70px;
}

.main_news .news_info .news_content .item {
	max-width: 550px;
	margin: 0 auto;
}

.main_news .news_info .news_content h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px;
}

.main_news .news_info .news_content h2 {
	font-size: 30px;
	font-weight: 500;
	margin: 0 0 30px;
}

.main_news .news_info .news_content p {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: normal;
}

.main_news .news_info .news_content a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #000;
	font-weight: 500;
	font-size: 16px;
}


.main_sub {
	width: 100%;
	max-width: 1400px;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
}

.main_sub .sub_slide {
	width: 100%;
	height: 100%;
}

.main_sub .sub_slide .slick-slider-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.main_sub .sub_slide .slick-slider-wrapper .sub-slider {
	width: 100%;
	height: 100%;
}

.main_sub .sub_slide .slick-slider-wrapper .sub-slider>div {
	width: 100%;
	height: 100%;
}

.main_sub .sub_slide .slick-slider-wrapper .sub-slider .slick-track {
	width: 100%;
	height: 100%;
}

.main_sub .sub_slide .slick-slider-wrapper .sub-slider .slick-track .slick-slide>div {
	width: 100%;
	height: 100%;
}

.sub-slider .sub_item {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.sub-slider .sub_item .sub_txt {
	width: 100%;
	padding: 100px 72px;
	position: relative;
	z-index: 1;
}

.sub-slider .sub_item .sub_txt .sub_text {
	padding: 0 12px;
	max-width: 41%;
	margin-left: 7%;
}

.sub-slider .sub_item .sub_txt .sub_text h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}

.sub-slider .sub_item .sub_txt .sub_text h2 {
	font-size: 24px;
	font-weight: 500;
	margin: 30px 0 0;
}

.sub-slider .sub_item .sub_txt .sub_text p {
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 0;
}

.sub-slider .sub_item .sub_txt .sub_text a {
	font-size: 16px;
	margin-top: 20px;
	font-weight: 500;
	display: block;
	color: #000;
}

.sub-slider .sub_item .sub_txt .sub_text.sub_white {
	color: #fff;
}

.sub-slider .sub_item .sub_txt .sub_text.sub_white a {
	color: #fff;
}

.sub-slider .sub_item .sub_background {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	position: absolute;
}

.sub-slider .sub_item .sub_background .bg_img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	display: block;
}

.sub_background .bg_img1 {
	background-image: url("../imgs/mainsub-1.jpg");
}

.sub_background .bg_img2 {
	background-image: url("../imgs/mainsub-2.jpg");
}

.sub_background .bg_img3 {
	background-image: url("../imgs/mainsub-3.jpg");
}

.slick-slider-wrapper .sub_pagenation {
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 0 72px;
}

.slick-slider-wrapper .sub_pagenation .info {
	display: flex;
	padding: 0 12px;
	margin-left: 7%;
}

.slick-slider-wrapper .sub_pagenation .info .sub_tab {
	font-weight: bold;
	transition: opacity linear .5s;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.slick-slider-wrapper .sub_pagenation .info .sub_tab .link_txt {
	margin-top: 10px;
	padding-left: 0;
	color: #321850;
	transition: all ease-in-out .15s;
	cursor: pointer;
	display: inline;
}

.slick-slider-wrapper .sub_pagenation .info .sub_tab .sg-icon {
	font-size: 60px;
	color: #321850;
	transition: all ease-in-out .15s;
	cursor: pointer;
}

.slick-slider-wrapper .sub_pagenation .info .sub_tab+.sub_tab {
	margin-left: 60px;
}

.slick-slider-wrapper .sub_pagenation .info .sub_tab:not(.active) {
	opacity: .5;
}

.sg-icon {
	font-family: 'SG-Icon-Font' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.sg-icon-location_blade:before {
	content: ""
}

.sg-icon-location_factory:before {
	content: ""
}

.sg-icon-location_pin:before {
	content: ""
}

.sg-icon-location_service:before {
	content: ""
}

.sg-icon-location_store:before {
	content: ""
}

.sg-icon-collapse:before {
	content: ""
}

.sg-icon-country:before {
	content: ""
}

.sg-icon-special_features:before {
	content: ""
}

.sg-icon-download_down:before {
	content: ""
}

.sg-icon-download_up:before {
	content: ""
}

.sg-icon-expand:before {
	content: ""
}

.sg-icon-location:before {
	content: ""
}

.sg-icon-output:before {
	content: ""
}

.sg-icon-partner:before {
	content: ""
}

.sg-icon-pause_video:before {
	content: ""
}

.sg-icon-play_video:before {
	content: ""
}

.sg-icon-scope:before {
	content: ""
}

.sg-icon-sound_off:before {
	content: ""
}

.sg-icon-sound_on:before {
	content: ""
}

.sg-icon-year:before {
	content: ""
}

.sg-icon-customer_benefit:before {
	content: ""
}

.sg-icon-experience_since:before {
	content: ""
}

.sg-icon-fleet_availabilty:before {
	content: ""
}

.sg-icon-issues_resolved:before {
	content: ""
}

.sg-icon-life_time:before {
	content: ""
}

.sg-icon-production_increase:before {
	content: ""
}

.sg-icon-serial_production:before {
	content: ""
}

.sg-icon-service_category:before {
	content: ""
}

.sg-icon-weather_uptime:before {
	content: ""
}

.sg-icon-backlog:before {
	content: ""
}

.sg-icon-blade:before {
	content: ""
}

.sg-icon-client:before {
	content: ""
}

.sg-icon-commonfile:before {
	content: ""
}

.sg-icon-commonphone:before {
	content: ""
}

.sg-icon-communications:before {
	content: ""
}

.sg-icon-community:before {
	content: ""
}

.sg-icon-compliance:before {
	content: ""
}

.sg-icon-conference:before {
	content: ""
}

.sg-icon-construction:before {
	content: ""
}

.sg-icon-efficiency:before {
	content: ""
}

.sg-icon-employees:before {
	content: ""
}

.sg-icon-energy:before {
	content: ""
}

.sg-icon-grid:before {
	content: ""
}

.sg-icon-gwinstalled:before {
	content: ""
}

.sg-icon-hseq:before {
	content: ""
}

.sg-icon-humanresources:before {
	content: ""
}

.sg-icon-internet:before {
	content: ""
}

.sg-icon-it:before {
	content: ""
}

.sg-icon-itapplication:before {
	content: ""
}

.sg-icon-lightbulb:before {
	content: ""
}

.sg-icon-manufacturing:before {
	content: ""
}

.sg-icon-money:before {
	content: ""
}

.sg-icon-nacelle:before {
	content: ""
}

.sg-icon-noise_emissions:before {
	content: ""
}

.sg-icon-nominal_power2:before {
	content: ""
}

.sg-icon-pm:before {
	content: ""
}

.sg-icon-procurement:before {
	content: ""
}

.sg-icon-profit:before {
	content: ""
}

.sg-icon-quality:before {
	content: ""
}

.sg-icon-realtime:before {
	content: ""
}

.sg-icon-revenue:before {
	content: ""
}

.sg-icon-sales:before {
	content: ""
}

.sg-icon-scale:before {
	content: ""
}

.sg-icon-securefile:before {
	content: ""
}

.sg-icon-supplychain:before {
	content: ""
}

.sg-icon-sustainability:before {
	content: ""
}

.sg-icon-tower:before {
	content: ""
}

.sg-icon-training:before {
	content: ""
}

.sg-icon-appaccess:before {
	content: ""
}

.sg-icon-shareprice_down:before {
	content: ""
}

.sg-icon-shareprice_up:before {
	content: ""
}

.sg-icon-swipen_mobile:before {
	content: ""
}

.sg-icon-youtube:before {
	content: ""
}

.sg-icon-twitter:before {
	content: ""
}

.sg-icon-linkedin:before {
	content: ""
}

.sg-icon-instagram:before {
	content: ""
}

.sg-icon-facebook:before {
	content: ""
}

.sg-icon-windenergy:before {
	content: ""
}

.sg-icon-service:before {
	content: ""
}

.sg-icon-onshore:before {
	content: ""
}

.sg-icon-offshore:before {
	content: ""
}

.sg-icon-wind_class:before {
	content: ""
}

.sg-icon-technology:before {
	content: ""
}

.sg-icon-rotor_diameter:before {
	content: ""
}

.sg-icon-nominal_power:before {
	content: ""
}

.sg-icon-hub_high:before {
	content: ""
}

.sg-icon-available_certificate:before {
	content: ""
}

.sg-icon-telefonnummer:before {
	content: ""
}

.sg-icon-sorting:before {
	content: ""
}

.sg-icon-service_benefits:before {
	content: ""
}

.sg-icon-search:before {
	content: ""
}

.sg-icon-plus:before {
	content: ""
}

.occupation {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.occupation .occupation_info {
	width: 100%;
	display: flex;
}

.occupation .occupation_info .left_txt {
	width: 40%;
	padding: 100px 70px;
	background: #f4f4f4;
}

.occupation .occupation_info .left_txt h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.occupation .occupation_info .left_txt h2 {
	font-size: 24px;
	font-weight: 500;
	margin: 30px 0 0;
}

.occupation .occupation_info .left_txt p {
	margin: 20px 0 0;
	font-size: 14px;
}

.occupation .occupation_info .left_txt a {
	display: block;
	font-size: 14px;
	margin-top: 20px;
	font-weight: 500;
	color: #000;
}

.occupation .occupation_info .right_txt {
	width: 60%;
	padding: 100px 70px;
}

.occupation .occupation_info .right_txt .item {
	max-width: 550px;
	margin: 0 auto;
}

.occupation .occupation_info .right_txt h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px;
}

.occupation .occupation_info .right_txt h2 {
	font-size: 30px;
	font-weight: 500;
	margin: 0 0 30px;
}

.occupation .occupation_info .right_txt p {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: normal;
}

.occupation .occupation_info .right_txt a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #000;
	font-weight: 500;
	font-size: 16px;
}


.tile_img {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 100px 0;
}

.tile_img .tile_imgwrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

.tile_img .tile_imgwrapper .tile_imgwrapper_pagination {
	width: 100%;
	height: 36px;
}

.tile_img .tile_imgwrapper .tile_imgwrapper_pagination .item {
	width: 100%;
	height: 100%;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper {
	width: 110px;
	height: 100%;
	position: relative;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-arrow {
	transform: translateX(-50%);
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	transition: color ease-in-out .15s;
	color: #321850;
	cursor: pointer;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-arrow+.tile-arrow {
	margin-left: 40px;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination {
	height: 100%;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li {
	transform: translateX(-50%);
	bottom: 0;
	left: 50%;
	display: inline-block;
	position: absolute;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li .h3 {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li .u-caption {
	display: inline-block;
	color: #878787;
	font-size: 14px;
	line-height: 24px;
	margin-left: 5px;
	position: relative;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li+li {
	margin-top: 0;
}

.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li:not(.active) {
	display: none;
}

.tile_img .tile_imgwrapper .tile_img_slider {
	height: 100%;
	margin-top: 60px;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item {
	width: 100%;
	padding: 0;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top {
	width: 100%;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h2 {
	font-size: 26px;
	font-weight: 500;
	margin: 30px 0 0;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info {
	width: 100%;
	display: flex;
	margin-top: 40px;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text {
	width: 50%;
	padding: 0 100px;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p {
	font-size: 16px;
	line-height: 28px;
	margin: 0;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p+p {
	margin-top: 20px;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text a {
	margin-top: 20px;
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #321850;
	font-weight: 500;
	font-size: 16px;
	background: #321850;
	color: #fff;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img {
	width: 50%;
}

.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img img {
	width: 100%;
}

.interest {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 40px;
}

.interest .interest_top {
	width: 100%;
}

.interest .interest_top h2 {
	font-size: 26px;
	font-weight: 500;
	margin: 0;
}

.interest .interest_top .interest_item {
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.interest .interest_top .interest_item .item {
	width: 30%;
}

.interest .interest_top .interest_item .item img {
	width: 100%;
}

.interest .interest_top .interest_item .item h4 {
	font-size: 16px;
	margin: 30px 0 0;
	font-weight: 500;
}

.interest .interest_top .interest_item .item h3 {
	font-size: 24px;
	font-weight: 500;
	margin: 20px 0 0;
}

.interest .interest_top .interest_item .item p {
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 28px;
}

.interest .interest_top .interest_item .item ul {
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.interest .interest_top .interest_item .item ul li {
	width: 50%;
	margin-bottom: 10px;
}

.interest .interest_top .interest_item .item ul li b {
	margin-left: 10px;
	font-size: 16px;
}

.review_content {
	width: 100%;
	background: #f8f8fc;
	padding: 100px 0;
	margin: 40px 0;
}

.review_content .yotube_review {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 100px;
}

.review_content .yotube_review .top {
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
}

.review_content .yotube_review .top h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 56px;
	text-align: center;
	color: #12124f;
	margin: 0 0 30px;
}

.review_content .yotube_review .top a {
	font-size: 24px;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	color: #fd5572;
}

.review_content .yotube_review .content {
	display: flex;
	gap: 20px;
}

.review_content .yotube_review .content .item {
	flex: 1 1 auto;
	width: calc(33.3333% - 10px);
}

.review_content .yotube_review .content .item img {
	width: 100%;
	border-radius: 10px;
}

.review_content .yotube_review .content .item h4 {
	margin: 24px 0 0;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

.review_content .site_review {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.review_content .site_review .top {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.review_content .site_review .top h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 52px;
	text-align: center;
	color: #12124f;
	margin: 0 0 30px;
}

.review_content .site_review .top p {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #404040;
	padding: 16px 0 40px;
	margin: 0;
}

.review_content .site_review .top a {
	font-size: 20px;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	color: #404040;
}

.review_content .site_review .top a i {
	color: #fd5572;
}

.review_content .site_review .content {
	display: flex;
	gap: 20px;
}

.review_content .site_review .content .item {
	flex: 1 1 auto;
	width: calc(33.3333% - 10px);
	padding: 30px 20px;
	overflow: hidden;
}

.review_content .site_review .content .item img {
	width: 100%;
	border-radius: 10px;
}

.review_content .site_review .content .item p {
	font-size: 20px;
	font-weight: 500;
	line-height: 16px;
	padding-top: 16px;
	margin: 0;
	text-align: center;
}

.sunlisk {
	width: 100%;
}

.sunlisk .sunlist_info {
	width: 100%;
	max-width: 1280px;
	margin: 50px auto;
}

.sunlisk .sunlist_info .sunlist_content {
	width: 100%;
	display: flex;
	gap: 20px;
	margin-top: 30px;
}

.sunlisk .sunlist_info .sunlist_content .item {
	flex: 1 1 auto;
	width: calc(33.3333% - 10px);
	padding: 30px 20px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 7px;
}

.sunlisk .sunlist_info .sunlist_content .item h2 {
	color: #fd5572;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin: 0 0 30px;
}

.sunlisk .sunlist_info .sunlist_content .item p {
	color: #404040;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
}


.footer {
	color: #fff;
	background-color: #141625;
	justify-content: center;
	width: 100%;
	padding: 60px 95px;
	display: flex;
}

.footer_block {
	flex-direction: column;
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
	display: flex;
}

.f_link_box {
	font-size: 15px;
	line-height: 27px;
}

.f_link {
	color: #fff;
	margin-right: 16px;
	text-decoration: none;
	transition: color .2s;
}

.f_info {
	border-top: 1px solid rgba(255, 255, 255, .5);
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 24px;
	display: flex;
}

.f_warp1 {
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	flex-direction: row;
	align-items: flex-start;
	width: 50%;
	min-width: 699px;
	padding-top: 20px;
	display: flex;
}

.f_logo_warp {
	align-items: center;
	width: 150px;
	margin-bottom: 14px;
	font-family: GmarketSans, sans-serif;
	font-size: 20px;
	font-weight: 700;
	display: flex;
}

.f_logo {
	width: 100%;
}

.f_warp2 {
	width: 40%;
	min-width: 400px;
	display: flex;
}

.f_warp2 .kakao_cs {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px 7px;
	justify-content: center;
	width: 100%;
	background: #ffe812;
	color: #000;
	border-radius: 10px;
}

.f_warp2 .kakao_cs img {
	width: 30px;
}

.bold-text-3 {
	margin-right: 4px;
	font-family: GmarketSans, sans-serif;
	font-weight: 700;
}

.fixed-top .logo img {
	height: auto;
	width: 100%;
	max-width: 120px;
}

@media (min-width: 1280px) {


	.main_bg .main_tss {
		top: 100px;
		left: 100px;
	}

	.container .ma_batext .ma_title {
		font-size: 16px;
	}

	.container .ma_batext .ma_txt {
		font-size: 16px;
	}

	body .sub_banner .sub_img .sub_txt {
		top: 50px;
		left: 50px;
	}

	body .mj_title p {
		font-size: 20px;
	}
}

.pc_slide {
	width: 100%;
	height: 100%;
	display: block;
}

.mb_slide {
	display: none;
}

@media (max-width: 900px) {


	#main-slide .mb_slide .content {
		top: 40px;
		left: 20px;
	}

	#main-slide .mb_slide .content .desc2 {
		font-size: 18px;
		margin-top: 10px;
	}

	.home_slider {
		min-height: 870px;
		max-height: none;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info {
		flex-wrap: wrap;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img {
		width: 100%;
		height: 35%;
		order: 1;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text {
		width: 100%;
		order: 2;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt {
		justify-content: flex-start;
		padding: 30px 20px;
		height: calc(100% - 375px);
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt p {
		font-size: 14px;
		line-height: 24px;
	}

	.home_slider .slick-slider-absolute-pagination {
		top: 35%;
		bottom: auto;
		margin-top: -70px;
		padding: 0;
	}

	.home_slider .slick-slider-absolute-pagination .item {
		width: 154px;
		max-width: none;
		margin: 0;
	}

	.slick-slider-pagination-wrapper {
		margin-left: 0;
	}

	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text a {
		padding-left: 20px;
	}

	.main_news .news_info {
		flex-wrap: wrap;
	}

	.main_news .news_info .news_list {
		width: 100%;
		padding: 35px 20px;
	}

	.main_news .news_info .news_content {
		width: 100%;
		padding: 35px 20px;
	}

	.main_news .news_info .news_list .item h2 {
		font-size: 22px;
	}

	.main_news .news_info .news_list .item ul li a {
		font-size: 14px;
	}

	.main_news .news_info .news_content h2 {
		font-size: 24px;
	}

	.main_news .news_info .news_content p {
		font-size: 14px;
	}

	.main_sub {
		height: 510px;
	}

	.sub-slider .sub_item .sub_txt {
		padding: 35px 20px;
	}

	.sub-slider .sub_item .sub_txt .sub_text {
		padding: 0;
		margin-left: 0;
		max-width: none;
	}

	.sub-slider .sub_item .sub_txt .sub_text h2 {
		font-size: 22px;
	}

	.slick-slider-wrapper .sub_pagenation {
		bottom: 40px;
		padding: 0 20px;
	}

	.slick-slider-wrapper .sub_pagenation .info {
		padding: 0;
		margin: 0;
	}

	.slick-slider-wrapper .sub_pagenation .info .sub_tab .link_txt {
		display: none;
	}

	.slick-slider-wrapper .sub_pagenation .info .sub_tab+.sub_tab {
		margin-left: 20px;
	}

	.occupation .occupation_info {
		flex-wrap: wrap;
	}

	.occupation .occupation_info .left_txt {
		width: 100%;
		padding: 35px 20px;
	}

	.occupation .occupation_info .left_txt h2 {
		font-size: 22px;
	}

	.occupation .occupation_info .right_txt {
		width: 100%;
		padding: 35px 20px;
	}

	.occupation .occupation_info .right_txt h2 {
		font-size: 26px;
	}

	.occupation .occupation_info .right_txt p {
		font-size: 14px;
		line-height: 26px;
	}

	.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper {
		margin: 0 auto;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h2 {
		font-size: 22px;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top {
		padding: 0 20px;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info {
		flex-wrap: wrap;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img {
		width: 100%;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text {
		width: 100%;
		padding: 35px 20px;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p {
		font-size: 14px;
		line-height: 26px;
	}

	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text a {
		width: 100%;
		text-align: center;
	}

	.interest .interest_top {
		padding: 0 20px;
	}

	.interest .interest_top h2 {
		font-size: 22px;
	}

	.interest .interest_top .interest_item {
		flex-wrap: wrap;
		gap: 20px;
	}

	.interest .interest_top .interest_item .item {
		width: 100%;
	}

	.interest .interest_top .interest_item .item h3 {
		font-size: 22px;
	}

	.interest .interest_top .interest_item .item p {
		margin: 20px 0 0;
		font-size: 14px;
	}

	.interest .interest_top .interest_item .item ul li b {
		font-size: 14px;
	}
}

.modal-backdrop {
	background: rgba(0, 0, 0, 0.4);
}

#memo_modal .modal-content .modal-header {
	border-bottom: 1px solid #365291;
	position: relative;
}

#memo_modal .modal-content .modal-header h2 {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	font-size: 24px;
	font-weight: 500;
	color: #365291
}

#memo_modal .modal-content .modal-header h2 img {
	height: 50px;
}

#memo_modal .modal-content .modal-header button {
	color: #000;
	text-shadow: none;
	font-size: 35px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.memo_content {
	width: 100%;
}

.memo_content .memo_top {
	width: 100%;
	position: relative;
}

.memo_content .memo_top ul {
	margin: 0;
	padding: 0;
	display: flex;
}

.memo_content .memo_top ul li a {
	display: block;
	border: 1px solid transparent;
	padding: 15px 25px;
	text-align: center;
	color: #777;
	margin: 0 0 -1px;
}

.memo_content .memo_top ul li a.on {
	border: 1px solid #ddd;
	border-top: 3px solid #365291;
	border-bottom: 1px solid #fff;
	color: #333;
}

.memo_content .memo_top .sub_a {
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px 10px;
	color: #666;
}

.memo_content .memo_table {
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

.memo_content .memo_table table {
	width: 100%;
}

.memo_content .memo_table table tr {
	line-height: 32px;
	font-weight: 600;
}

.memo_content .memo_table table th {
	padding: 5px;
	text-align: center;
	background: #f7f7f7;
	color: #000;
	font-size: 14px;
}

.memo_content .memo_table table td {
	padding: 5px;
	background: #fff;
	color: #333;
	font-size: 13px;
	border-bottom: 1px solid #eaeaea;
}

.memo_content .memo_table table td a {
	color: #333;
}

.memo_content .memo_table table td.date {
	width: 20%;
	text-align: center;
}

.memo_content .memo_table table td .cards {
	width: 100%;
	font-size: 13px;
	margin-bottom: 10px;
	border: 1px solid #365291;
}

.memo_content .memo_table table td .cards .card_body {
	background: #f7f7f7;
	color: #333;
	padding: 20px;
}

.memo_content .memo_table table td .cards .card_body p {
	margin-bottom: 5px;
}

.memo_content .memo_table table td .cards .card_body .card_body_title {
	margin-top: 10px;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 0;
}

.memo_content .memo_input_table {
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

.memo_content .memo_input_table table {
	width: 100%;
}

.memo_content .memo_input_table table th {
	width: 35%;
	padding: 7px 5px;
	background: #f7f7f7;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.memo_content .memo_input_table table td {
	width: 65%;
	padding: 7px 5px;
	border-bottom: 1px solid #ddd;
}

.memo_content .memo_input_table table td input {
	width: 100%;
	height: 40px;
	padding: 0 5px;
}

.memo_content .memo_input_table table td textarea {
	width: 100%;
	height: 150px;
	padding: 0 5px;
}

.memo_content .memo_input_table .memo_btn {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.memo_content .memo_input_table .memo_btn button {
	width: 49%;
	height: 40px;
	background: #fff;
	color: #000;
	font-size: 13px;
	border: 1px solid #365291;
}

.partner {
	width: 100%;
	max-width: 1400px;
	margin: 50px auto;
}

.partner h2 {
	font-size: 36px;
	font-weight: bold;
}

.partner ul {
	margin-top: 30px;
}

.partner ul li a {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 30px 40px;
	border-radius: 7px;
	border: 1px solid #eaeaea;
	gap: 20px;
	color: #000;
	max-width: 96%;
}

.partner ul li a h2 {
	font-size: 24px;
	font-weight: 500;
}

.partner ul li a p {
	font-size: 14px;
}

.id_max {
	width: 100%;
	overflow: hidden;
	margin-top: -93px;
}

.main_market {
	width: 100%;
	position: relative;
}

.main_market .main_market_info {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.main_market .main_market_info h4 {
	font-size: 14px;
}

.main_market .main_market_info h2 {
	font-size: 24px;
	font-weight: bold;
}

.main_market .main_market_info .main_market_info_content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.main_market .main_market_info .main_market_info_content .item {
	width: 30%;
	padding: 40px;
	border: 1px solid #eaeaea;
	border-radius: 12px;
}

.main_market .main_market_info .main_market_info_content .item h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

.main_market .main_market_info .main_market_info_content .item p {
	margin-bottom: 0;
	font-size: 14px;
}

.main_market .main_market_sub {
	width: 100%;
	max-width: 1400px;
	margin: 40px auto 0;
}

.main_market .main_market_sub h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.main_market .main_market_sub p {
	font-size: 14px;
	margin-bottom: 0;
	max-width: 800px;
}

.main_group {
	width: 100%;
	background: #1f3374;
	padding: 70px 0;
}

.main_group .main_group_info {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.main_group .main_group_info .item {
	margin-bottom: 20px;
}

.main_group .main_group_info .item h2 {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}

.main_group .main_group_info .items {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.main_group .main_group_info .items p {
	font-size: 14px;
	max-width: 600px;
	color: #fff;
	margin: 0;
}

.main_group .main_group_info .items a {
	display: block;
	padding: 10px 20px;
	width: 140px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
}

.main_fomc {
	width: 100%;
}

.main_fomc .main_fomc_info {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.main_fomc .main_fomc_info .title {
	width: 100%;
	margin-bottom: 30px;
}

.main_fomc .main_fomc_info .title h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.main_fomc .main_fomc_info .title p {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.main_fomc .main_fomc_info .content {
	width: 100%;
	display: flex;
	align-items: center;
	background: #F1F5F7;
}

.main_fomc .main_fomc_info .content .item_img {
	width: 40%;
}

.main_fomc .main_fomc_info .content .item_img img {
	width: 100%;
}

.main_fomc .main_fomc_info .content .item_txt {
	width: 60%;
	text-align: center;
}

.main_fomc .main_fomc_info .content .item_txt h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.main_fomc .main_fomc_info .content .item_txt p {
	font-size: 16px;
	margin-bottom: 20px;
}

.main_fomc .main_fomc_info .content .item_txt a {
	display: inline-block;
	padding: 5px 30px;
	border: 1px solid #006eb6;
	color: #fff;
	background: #006eb6;
	box-shadow: 0 0.0625rem 0.125rem 0 rgba(60, 64, 67, .3), 0 0.125rem 0.375rem 0.125rem rgba(60, 64, 67, .15);
	border-radius: 7px;
}

.footer {
	background: #f2f2f2;
	padding: 30px 20px;
	border-top: 1px solid #ddd;
}

.footer .footer_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	max-width: 1320px;
}

.footer .left-section {
	display: flex;
	align-items: center;
	max-width: 50%;
}

.footer .logo {
	margin-right: 15px;
}

.footer .logo img {
	height: 100px;
}

.footer .left-section p {
	margin: 5px 0;
	color: #333;
}

.footer .right-section {
	text-align: right;
}

.footer .right-section .links {
	display: flex;
	justify-content: flex-end;
	gap: 15px;
	margin-bottom: 20px;
}

.footer .right-section .links a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
}

.footer .right-section .info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 10px;
}

.footer .right-section .info img {
	height: 20px;
	vertical-align: middle;
}

.footer .right-section .social-icons {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.footer .right-section .social-icons a img {
	height: 44px;
}

@media (max-width: 768px) {
	.main_slides .slides_info {
		max-width: 96vw;
		height: 620px;
		background-size: 300%;
		background-position: top center;
	}

	.main_slides .slides_info .slides_txt {
		padding-top: 70px;
	}

	.main_slides .slides_info .slides_txt h2 {
		font-size: 22px;
	}

	.main_slides .slides_info .slides_txt p {
		font-size: 14px;
	}

	.footer {
		padding: 20px 10px;
	}

	.footer .footer_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer .logo img {
		height: 70px;
	}

	.footer .left-section {
		max-width: 100%;
		margin-bottom: 15px;
		flex-direction: column;
		justify-content: center;
	}

	.footer .right-section {
		text-align: left;
		width: 100%;
	}

	.footer .right-section .links {
		justify-content: flex-start;
	}

	.footer .right-section .info {
		justify-content: flex-start;
	}

	.footer .right-section .social-icons {
		justify-content: flex-start;
	}
}

.logo_black {
	display: block;
	margin: 0 auto;
}

body.dark .logo_black {
	display: none;
}

.logo_white {
	display: none;
}

body.dark .logo_white {
	display: block;
	margin: 0 auto;
}

.pc_banner {
	display: none;
}

.tablet_banner {
	display: block;
}

.mobile_banner {
	display: none;
}

.pc_middle_banner {
	display: none;
}

.tablet_middle_banner {
	display: block;
}

.mobile_middle_banner {
	display: none;
}

.siteb_pc {
	display: none;
}

.siteb_tablet {
	display: block;
}

.siteb_mobile {
	display: none;
}

.head_submenu {
	width: 100%;
}

.head_submenu .submenu_ul {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}

.head_submenu .submenu_ul .submenu_li {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.head_submenu .submenu_ul .submenu_li .submenu_a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}
.scroll_white .head_submenu .submenu_ul .submenu_li .submenu_a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.head_submenu .submenu_ul .submenu_li .tab_driver {
	width: 1px;
	height: 10px;
	background: #bbb;
}

.floating {
	background-color: #fff !important;
	border-bottom: 1px solid #5e595959
}

.floating .navbar_cont .nab_box .navbar_subcont .head_submenu .submenu_ul .submenu_li .submenu_a {
	color: #404040 !important;
}

.ms1 {
	position: absolute;
	margin: 0px 300px 300px 300px
}

.ms1 .font1 {
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	margin-bottom: 24px;
}

.ms1 .font2 {
	color: #d1cbcb;
	font-size: 30px;
}

.navbar_cont .nab_box .nab_top .logowhite {
	display: block;
}

.navbar_cont .nab_box .nab_top .logoblack {
	display: none;
}

.floating .navbar_cont .nab_box .nab_top .logowhite {
	display: none !important;
}

.floating .navbar_cont .nab_box .nab_top .logoblack {
	display: block !important;
}

@media (max-width: 1200px) {
	.ms1 {
		margin: 0px 150px 200px 150px
	}

	.ms1 .font1 {
		color: #fff;
		font-size: 36px;
	}

	.ms1 .font2 {
		color: #d1cbcb;
		font-size: 26px;
	}
}

@media (max-width: 600px) {
	.ms1 {
		margin: 0px 30px 50px 30px;
	}

	.ms1 .font1 {
		color: #fff;
		font-size: 24px;
		margin-bottom: 18px;
	}

	.ms1 .font2 {
		color: #d1cbcb;
		font-size: 18px;
	}
}

.head_submenu .submenu_ul .submenu_li ul {
	display: none;
	position: absolute;
	top: 45px;
	width: 144px;
	background: #fff;
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 7px;
	z-index: 9999;
}

.head_submenu .submenu_ul .submenu_li ul li {
	width: 100%;
}

.head_submenu .submenu_ul .submenu_li ul li a {
	width: 100%;
	display: block;
	padding: 12px 0;
	border-bottom: 1px dotted #eaeaea;
	text-align: center;
	font-size: 16px;
	color: #404040;
}

.head_submenu .submenu_ul .submenu_li ul li:last-child a {
	border-bottom: 0;
}

.hd_drop_down {
	height: 215px;
	margin: 0;
	min-width: 312px;
	padding: 4px 16px 16px;
	right: auto;
	left: -60px;
	position: absolute;
	top: 40px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
	z-index: 11;
}

.hd_drop_link {
	margin-top: 12px;
	color: #606772;
	background: #f1f2f4;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hd_drop_link .hd_drop_link_a {
	height: 48px;
	font-size: 16px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #606772;
}

.hd_drop_link i {
	display: block;
	height: 18px;
	width: 1px;
	background: #dddfe2;
	margin: 0;
}

.hd_drop_bon {
	height: 48px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 16px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mba_sslogin .hd_drop_bon {
	display: none;
}

@media (min-width: 1280px) {
	.pc_banner {
		display: block;
	}

	.tablet_banner {
		display: none;
	}

	.mobile_banner {
		display: none;
	}

	.pc_middle_banner {
		display: block;
	}

	.tablet_middle_banner {
		display: none;
	}

	.mobile_middle_banner {
		display: none;
	}

	.siteb_pc {
		display: block;
	}

	.siteb_tablet {
		display: none;
	}

	.siteb_mobile {
		display: none;
	}
}

@media (max-width: 900px) {
	.pc_banner {
		display: none;
	}

	.tablet_banner {
		display: none;
	}

	.mobile_banner {
		display: block;
	}

	.pc_middle_banner {
		display: none;
	}

	.tablet_middle_banner {
		display: none;
	}

	.mobile_middle_banner {
		display: block;
		text-align: center;
	}

	.sub_banner .sub_img .sub_iimg img {
		width: 100%;
	}

	.mobile_middle_banner h2 {
		font-size: 18px;
		text-align: center;
		margin: 20px 0 10px;
		font-weight: bold;
		color: #fff;
	}

	.mobile_middle_banner p {
		font-size: 12px;
		text-align: center;
		color: #fff;
	}

	.siteb_mobile {
		display: block;
	}

	.siteb_tablet {
		display: none;
	}

	.siteb_pc {
		display: none;
	}

	.hd_drop_down {
		display: none !important;
	}

	.hd_drop_link {
		width: 100%;
	}

	.hd_drop_link .hd_drop_link_a {
		height: 40px;
	}

	.hd_drop_bon {
		width: 100%;
		font-size: 14px;
		height: 44px;
		margin-top: 10px;
		display: flex;
	}

	.mba_sslogin .hd_drop_bon {
		display: flex;
	}

	.fixed-top {
		padding: 0;
	}

	.navbar .navbar_cont .navcont_info {
		padding: 0 10px;
	}

	.head_submenu {
		padding: 0;
	}

	.head_submenu .submenu_ul {
		height: 42px;
	}

	.head_submenu .submenu_ul .submenu_li .submenu_a {
		font-size: 14px;
	}

	.nab_box {
		flex-wrap: wrap;
	}

	.nab_box .nab_top {
		width: 45%;
		padding: 10px 0;
	}

	.nab_box .nab_top .navbar-brand {
		padding: 0;
		margin: 0;
	}

	.nab_box .nab_top .navbar-brand img {
		max-width: 80px;
	}

	.nab_box .nabb_sub {
		width: 55%;
		display: block;
	}

	.navbar-expand-lg .navbar-toggler {
		position: static;
	}

	.nab_box .mb_visit {
		width: 47%;
	}

	.nab_box .mb_visit p {
		font-size: 10px;
	}

	.nab_box .nabs_botop .botop_su {
		padding: 0;
		position: relative;
		z-index: 9999;
	}

	.fixed-top .navbar-collapse .nav-item .nav-link {
		color: #000;
	}

	.nab_box .nav_info .nav-item .nav_item_div {
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}

	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box {
		width: 100%;
		padding: 20px;
	}

	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box h2 {
		font-size: 14px;
	}

	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box p {
		font-size: 10px;
	}

	.navbar .navbar_subcont {
		display: none;
	}

	.head_submenu .submenu_ul .submenu_li ul {
		display: none !important;
	}

	.mba_ssdiv .mba_sslogin {
		flex-wrap: wrap;
	}


	.mba_ssdiv2:after {
		clear: both;
		display: block;
		content: "";
	}

	.main_bg {
		height: 90vh;
		object-fit: cover;
	}

	.main_bg .main_box {
		width: 100%;
	}

	.main_bg .main_box .main_txt {
		padding: 20px;
	}

	.main_bg .main_box .main_txt h2 {
		font-size: 18px;
		line-height: 24px;
	}

	.main_bg .main_box .main_txt p {
		font-size: 12px;
	}

	.main_bg .main_box .main_bo_txt {
		padding: 0 20px;
	}

	.main_bg .main_box .main_bo_txt li {
		width: 50%;
		min-width: 0;
		height: 120px;
		padding: 20px 10px;
	}

	.main_bg .main_box .main_bo_txt li p {
		font-size: 14px;
		line-height: 10px;
	}

	.main_bg .main_box .main_bo_txt li h4 {
		font-size: 10px;
		line-height: 10px;
	}

	.main_bg .main_box .main_bo_txt li h2 {
		font-size: 18px;
		line-height: 22px;
	}

	.main_bg .main_box .main_bo_txt li h5 {
		font-size: 10px;
		line-height: 10px;
	}

	.top_cts {
		padding-top: 20px;
	}

	.top_cts .cts_inner {
		justify-content: center;
		padding: 0 20px;
	}

	.top_cts .cts_inner .visual_wrap {
		width: 100%;
		height: 80vw;
		order: 2;
	}

	.top_cts .cts_inner .visual_wrap .visual_banner {
		height: 100%;
	}

	.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider {
		height: calc(100% - 50px);
	}

	.top_cts .main_quickmenu {
		width: 100%;
		order: 1;
		padding-left: 0;
	}

	.top_cts .main_quickmenu h2 {
		font-size: 24px;
		padding-top: 10px;
		line-height: 1.5;
		text-align: center;
	}

	.top_cts .board_wrap {
		margin-top: 30px;
		position: relative;
		background: #ecf2f5;
		padding: 20px 10px;
	}

	.top_cts .board_wrap:before {
		display: none;
	}

	.top_cts .board_wrap .bw_inner {
		gap: 10px;
		flex-wrap: wrap;
	}

	.top_cts .board_wrap .bw_inner .item {
		width: calc(50% - 5px);
		margin-top: 0;
	}

	.top_cts .board_wrap .bw_inner .item .in_box {
		text-align: center;
	}

	.top_cts .board_wrap .bw_inner .item .in_box .txt {
		font-size: 12px;
		line-height: 22px;
		order: 2;
		text-align: center;
	}

	.top_cts .board_wrap .bw_inner .item .in_box .ico {
		width: 40px;
		height: 40px;
		margin: 0 auto 10px;
		order: 1;
	}

	.top_cts .board_wrap .bw_inner .item img {
		height: 100%;
	}

	.contents02 {
		position: relative;
		max-height: 780px;
		min-height: 470px;
		height: 111vw;
		padding: 60px 0 60px 15px;
		margin-top: 10px;
	}

	.contents02 .flt_clr {
		flex-wrap: wrap;
	}

	.contents02 .flt_clr .tit_box {
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
		text-align: center;
		max-width: none;
		padding-right: 15px;
	}

	.contents02 .flt_clr .tit_box .tit {
		font-size: 25px;
		line-height: 1;
	}

	.contents02 .flt_clr .tit_box .tit br {
		display: none;
	}

	.contents02 .flt_clr .tit_box .sub_tit {
		font-size: 13px;
	}

	.contents02 .flt_clr .tit_box .btn_box {
		margin-top: 15px;
	}

	.contents02 .flt_clr .tit_box .btn_box .btn {
		width: 30px;
		height: 30px;
	}

	.contents02 .flt_clr .product_list {
		width: 100%;
		margin-left: 0;
	}

	.contents02 .flt_clr .product_list .swiper-container2 {
		padding-top: 15px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li {
		width: 33%;
		max-width: 360px;
		margin-bottom: 10px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li.active .product {
		transform: translateY(-15px);
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product {
		margin-bottom: 10px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .img_box {}

	.contents02 .flt_clr .product_list .swiper-container2 .product .img_box img {
		height: 170px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box {
		padding: 0 10px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box h2 {
		font-size: 20px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box p {
		margin-top: 10px;
		font-size: 10px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box {
		margin-top: 30px;
		font-size: 12px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a {
		padding: 0 5px;
		height: 30px;
		line-height: 30px;
		font-size: 11px;
		border: 1px solid #fff;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a i {
		margin-left: 5px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a img {
		width: 6px;
		height: 9px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li .sub_t {
		font-size: 17px;
		line-height: 1.7;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a {
		font-size: 12px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i {
		margin-left: 10px;
	}

	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i img {
		width: 18px;
		height: 6px;
	}

	.btm_cts {
		position: relative;
	}

	.btm_cts .cts_inner {
		padding: 0;
	}

	.btm_cts .cts_inner .business_wrap {
		height: 500px;
		padding: 0;
	}

	.btm_cts .cts_inner .business_wrap .business_paging {
		top: 25px;
		left: 50%;
		transform: translateX(-50%);
		margin: 0;
		width: 100%;
		justify-content: center;
	}

	.btm_cts .cts_inner .business_slide {
		height: 100%;
	}

	.btm_cts .cts_inner .business_slide .slick-list {
		height: 100%;
	}

	.btm_cts .cts_inner .business_slide .slick-list .slick-track {
		height: 100%;
	}

	.btm_cts .cts_inner .business_wrap .domestic {
		padding-left: 0;
	}

	.btm_cts .cts_inner .business_wrap .domestic .inner {
		height: 490px;
		padding: 0;
		background-size: contain;
		background-position: bottom;
	}

	.btm_cts .cts_inner .business_wrap .overseas .overseas_tit {
		gap: 20px;
		top: 90px;
		position: relative;
	}

	.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span {
		font-size: 12px;
	}

	.btm_cts .cts_inner .business_wrap .text_info {
		top: 80px;
		text-align: center;
		z-index: 1;
		font-size: 17px;
	}

	.btm_cts .cts_inner .business_wrap .more {
		bottom: 30px;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.btm_cts .cts_inner .business_wrap .overseas {
		padding-left: 0;
		padding-right: 0;
	}

	.btm_cts .cts_inner .business_wrap .overseas .inner {
		height: 490px;
		background: url("../imgs/overseas_busi_bg3.png") center no-repeat;
		background-size: contain;
	}

	.btm_cts .cts_inner .business_wrap .control {
		display: none;
	}

	.btm_cts .cts_inner .info_center_wrap {
		padding: 30px 20px;
		height: 295px;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts {
		justify-content: center;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt {
		text-align: center;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul {
		flex-wrap: wrap;
		margin-top: 28px;
	}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li {
		width: calc((100% - 20px) / 2);
	}

	.review_content {
		padding: 60px 0;
	}

	.review_content .yotube_review {
		margin-bottom: 60px;
	}

	.review_content .yotube_review .top {
		margin-bottom: 30px;
	}

	.review_content .yotube_review .top h2 {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.review_content .yotube_review .top a {
		font-size: 18px;
	}

	.review_content .yotube_review .content {
		flex-wrap: wrap;
		justify-content: center;
	}

	.review_content .yotube_review .content .item {
		width: 90%;
		flex: none;
	}

	.review_content .yotube_review .content .item h4 {
		font-size: 16px;
		margin-top: 12px;
	}

	.review_content .site_review .top {
		margin-bottom: 30px;
	}

	.review_content .site_review .top h2 {
		font-size: 24px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.review_content .site_review .top a {
		font-size: 18px;
	}

	.review_content .site_review .content {
		flex-wrap: wrap;
		justify-content: center;
	}

	.review_content .site_review .content .item {
		width: 90%;
		flex: none;
		padding: 10px 20px;
	}

	.review_content .site_review .content .item h2 {
		font-size: 18px;
		height: 52px;
	}

	.review_content .site_review .content .item h4 {
		font-size: 14px;
		height: 120px;
		line-height: 24px;
	}

	.review_content .site_review .content .item h6 {
		font-size: 14px;
		line-height: 20px;
	}

	.review_content .site_review .content .item p {
		font-size: 14px;
	}

	.main_market {
		padding: 0 20px;
	}

	.main_market .main_market_info h2 {
		font-size: 18px;
		width: 80%;
	}

	.main_market .main_market_info .main_market_info_content {
		flex-wrap: wrap;
	}

	.main_market .main_market_info .main_market_info_content .item {
		width: 100%;
		margin-bottom: 20px;
		padding: 30px 20px;
	}

	.main_market .main_market_sub h2 {
		font-size: 16px;
	}

	.main_group {
		padding: 70px 20px;
	}

	.main_group .main_group_info .items p {
		margin-bottom: 20px;
	}

	.main_group .main_group_info .items {
		flex-wrap: wrap;
	}

	.main_fomc {
		padding: 0 20px;
	}

	.main_fomc .main_fomc_info .title h2 {
		font-size: 18px;
	}

	.main_fomc .main_fomc_info .title p {
		font-size: 14px;
	}

	.main_fomc .main_fomc_info .content {
		flex-wrap: wrap;
	}

	.main_fomc .main_fomc_info .content .item_img {
		width: 100%;
	}

	.main_fomc .main_fomc_info .content .item_txt {
		width: 100%;
		padding: 30px 20px;
	}

	.main_fomc .main_fomc_info .content .item_txt h2 {
		font-size: 18px;
	}

	.main_fomc .main_fomc_info .content .item_txt p {
		font-size: 14px;
	}

	.sunlisk .sunlist_info {
		padding: 0 10px;
	}

	.sunlisk .sunlist_info .sunlist_content {
		flex-wrap: wrap;
	}

	.sunlisk .sunlist_info .sunlist_content .item {
		width: 100%;
	}

	.sunlisk .sunlist_info .sunlist_content .item h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.sunlisk .sunlist_info .sunlist_content .item p {
		font-size: 14px;
		line-height: 24px;
	}

	.footer {
		padding: 20px 15px;
		font-size: 14px;
		line-height: 24px;
	}

	.footer_block {
		width: 100%;
		padding: 0;
	}

	.f_link_box {
		width: 100%;
	}

	.f_link {
		margin-right: 12px;
		font-size: 14px;
		line-height: 24px;
	}

	.f_info {
		flex-direction: column;
		min-width: auto;
		flex-wrap: wrap;
	}

	.f_warp1 {
		width: 100%;
		min-width: auto;
		flex-direction: column;
	}

	.f_logo_warp {
		margin-bottom: 1vw;
		font-size: 14px;
		line-height: 24px;
	}

	.text-block {
		font-size: 12px;
		line-height: 24px;
	}

	.f_warp2 {
		width: 100%;
		min-width: auto;
		margin-top: 8vw;
		font-size: 12px;
		line-height: 24px;
	}
}



.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.list-group-first {
	padding: 50px 0px 50px 20px;
	background: #4c4f6f;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	border-top: 3px solid #313450;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.carousel-item a {
	color: #fff;
}

/* 네비게이션 수정 */
.dropdown-menu {
	border-radius: 0px;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 7px 15px;
	clear: both;
	font-weight: 400;
	color: #000;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.dropdown-item:hover {
	background: #f5f5f5;
}

.color-gray {
	color: #666
}

.color-red {
	color: #ff0000
}


.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f19 {
	font-size: 19px;
}

.f20 {
	font-size: 20px;
}

/* pages */
.info-2 i {
	font-size: 20px;
}

table th,
table td {
	font-family: 'S-CoreDream-4Regular';
	font-size: 14px;
}



#bo_v_sns li span {
	display: none;
}

#bo_v_sns {
	display: none;
	position: absolute;
	top: -50px;
	right: 0px;
	margin-left: -90px;
	width: 180px;
	padding: 0;
	list-style: none;
	zoom: 1
}


.dropdown-menu {
	background: #fff;
}

body.dark .dropdown-menu {
	background: #272727;
}

.dropdown-menu .dropdown-item {
	color: #000;
	padding: 10px 20px;
	text-align: center;
}

body.dark .dropdown-menu .dropdown-item {
	color: #fff;
}

.dropdown-menu .dropdown-item:hover {
	background: #fff;
}

body.dark .dropdown-menu .dropdown-item:hover {
	background: #373737;
}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		min-width: 0;
		width: 100%;
	}

	.dropdown-menu .dropdown-item {
		text-align: center;
	}
}



#kakao {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 90;
	border-radius: 50%;
}

#kakao img {
	width: 100%;
}

#star {
	position: fixed;
	bottom: 70px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 90;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
}

#star img {
	width: 100%;
}

.img_light {
	display: none;
}

body.dark .img_light {
	display: block;
}

body.dark .img_dark {
	display: none;
}



@media (max-width:900px) {
	#kakao {
		right: 10px;
		bottom: 20px;
	}
}

.imgcls1 {
	height: 240px;
	margin-bottom: -20px;
}