@charset "UTF-8";
/*반응형 사이즈 변수 모음*/
/*반응형 사이즈 변수 선언*/
/*반응형 사이즈 변수 선언*/
/*반응형 사이즈 변수 모음*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	font-family: 'notokr';
	letter-spacing: -1px;
}

img {
	image-rendering: -moz-auto;
	/* Firefox */
	image-rendering: -o-auto;
	/* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit (non-standard naming) */
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
	/* IE (non-standard property) */
}

a {
	color: #ffffff;
}

a:hover, a:link, a:visited {
	text-decoration: none;
	color: #1A2234;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	background-clip: padding-box;
	width: 100%;
	table-layout: fixed;
}

th {
	background-clip: padding-box !important;
}

caption {
	display: none;
}

select, input,textarea {
	vertical-align: top;
	border-radius: 4px;
	border: 1px solid #BDBDBD;
	padding: 8px 15px;
	height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	position: relative;
	color: #808080;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/select_arrow2.png);
	background-size: 8px;
	background-position: right 10px bottom 48%;
	background-repeat: no-repeat;
}
textarea{
	background-image:none;
	width:100%;
	height: 200px;
}
select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}

input {
	background-image: none;
	color: #373737;
}

input::-webkit-input-placeholder {
	color: #808080;
}

input:-ms-input-placeholder {
	color: #808080;
}

input::-ms-input-placeholder {
	color: #808080;
}

input::placeholder {
	color: #808080;
}

input:focus {
	outline: none;
}

.bg-pattern {
	background: #F4F9FF;
}

/*초기화*/
.head-box {
	padding: 16px 0px;
	border-bottom: 1px solid #2A2B2E;
	position: absolute;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}

.head-box::before {
	content: "";
	width: 100%;
	height: 80px;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
    border-bottom: 1px solid #ccc;
}

.head .logo {
	text-align: center;
}

.head .logo img {
	height: 46px;
}

.head .logo img.logo-c, .head .logo img.logo-w.sub {
	display: none;
}

.head .menu-box>.menu-btn {
	display: block;
	line-height: 48px;
}

.head .bg {
	
}

.head .bg.trans {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgb(0 0 0/ 0.5);
	top: 0;
	left: 0;
}

.head .menu-box>.menu-btn>i {
	font-size: 45px;
	color: #322a27;
	display: block;
}

.head .menu-box>.menu-btn.trans i {
	color: #fff;
}

.head .menu-box>.menu-btn>i:before {
	margin: auto;
	display: block;
}

.head .menu-box>.menu-btn.trans {
	position: fixed;
	z-index: 100;
	right: 19px;
	top: 11px;
}

.head .menu-box>.menu-btn.trans>i::before {
	content: '\e854';
}

.head .menu-box>.menu {
	background: #ffffff;
	position: fixed;
	left: -80%;
	top: 0;
	width: 80%;
	height: 100vh;
	z-index: 100;
	
}

.head .menu-box>.menu>li {
	vertical-align: top;
}

.head .menu-box>.menu>li.selected {
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.head .menu-box>.menu>li.support-box {
	margin-left: 0;
	padding: 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top:30px;
}

.head .menu-box>.menu>li.support-box>div {
	display: inline-block;
}
.head .menu-box>.menu>li.support-box .input-box{
}
.head .menu-box>.menu>li.support-box .input-box input{
	border:0;
}
.head .menu-box>.menu>li.support-box>div>a {
	color: #FFFFFF;
	font-size: 14px;
	display: inline-block;
	
	line-height: 36px;
	vertical-align: top;
	cursor: pointer;
}

.head .menu-box>.menu>li.support-box>div>a::after {
	content: "";
	display: inline-block;
	margin: 0 12px;
	vertical-align: middle;
	width: 1px;
	background-color: #fff;
	height: 16px;
}

.head .menu-box>.menu>li.support-box>div>a:last-child::after {
	display: none;
}

.head .menu-box>.menu>li.support-box>a {
	margin-left: 0;
	vertical-align: top;
	padding: 0;
	display: inline-block;
	margin-right: 0;
	line-height: 36px;
	display: none;
}

.head .menu-box>.menu>li.support-box>a>i {
	font-size: 24px;
}

.head .menu-box>.menu>li>.logo {
	background-color: #fff;
	padding: 17px 0;
}

.head .menu-box>.menu>li>.logo>img {
	margin: auto;
	display: block;
}

.head .menu-box>.menu>li>a {
	display: block;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 600;
	cursor: pointer;
}

.head .menu-box>.menu>li>.lev1 {
	max-height: 0px;
	-webkit-transition: max-height 0.1s;
	transition: max-height 0.1s;
	overflow: hidden;
}

.head .menu-box>.menu>li>.lev1.trans {
	max-height: 500px;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
}

.head .menu-box>.menu>li>.lev1 a {
	font-size: 14px;
	padding: 5px;
	padding-left: 15px;
	font-weight: 500;
	cursor: pointer;
	display: block;
}

.pc-lev1-box {
	display: none;
}

.head .menu-box>.menu+.bg {
	background: #000;
	opacity: 0;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 10;
}

.head .menu-box>.menu.trans {
	left: 0%;
	padding: 0 15px;
	transition: all 0.5s;
}

.head .menu-box>.menu.trans.trans+.bg {
	opacity: 0.5;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.head-box.menu-fixed .logo img.logo-w, .head-box:hover .logo img.logo-w
	{
	display: none;
}

.head-box.menu-fixed .logo img.logo-c, .head-box:hover .logo img.logo-c
	{
	display: block;
	margin: 15px auto;
}

.head-box.menu-fixed .menu-box .menu .support-box>div>a, .head-box:hover .menu-box .menu .support-box>div>a
	{
	color: #808080;
	font-weight: 300;
}

.head-box.menu-fixed .menu-box .menu .support-box>div>a::after,
	.head-box:hover .menu-box .menu .support-box>div>a::after {
	background-color: #808080;
}

.head-box.menu-fixed .menu-box .menu .support-box>div>a:last-child::after,
	.head-box:hover .menu-box .menu .support-box>div>a:last-child::after {
	display: none;
}

/*head*/
/*search-box*/
.search-box>.search {
	border: 1px solid #ccc;
	width: 250px;
	background: #fff;
	margin: auto;
	overflow: hidden;
	border-radius: 15px;
	padding: 5px;
	position: relative;
	border-color: #e6edf4;
}

.search-box>.search>input {
	width: 100%;
	text-align: left;
	border: 0;
}

.search-box>.search.icon-in>input {
	padding-right: 30px;
}

.search-box>.search.icon-in>a {
	width: 30px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	text-align: center;
	line-height: 34px;
}

.search-box>.search.icon-in>a>i {
	color: #e6edf4;
	font-size: 20px;
}

/*search-box*/
/*banner*/
.banner {
	height: 450px;
	overflow: hidden;
	padding-top: 80px;
	z-index: 1;
	position: relative;
	/*banner sub*/
	/*banner sub*/
}

.banner>img {
	width: 100%;
	height: 100%;
}

.banner>.text-box {
	color: #fff;
	z-index: 10;
	position: absolute;
	width: 330px;
	height: 250px;
	left: 50%;
	margin-left: -165px;
	top: 50%;
	margin-top: -125px;
	line-height: 1.5;
	text-align: center;
	z-index: 10;
}

.banner>.text-box .text1 {
	font-size: 12px;
	font-weight: 400;
	/*font-family: Arita-buri;*/
}

.banner>.text-box .text2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -4px;
}

.banner>.text-box .text2::after {
	content: "";
	display: block;
	margin: 10px auto;
	height: 2px;
	width: 100px;
	background-color: #FFFFFF;
}

.banner>.text-box .text3 {
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: 100;
}

.banner .swiper-container .swiper-slide a {
	width:100%;
	height:100%;
	position: relative;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: auto 100%;          
}

.banner .swiper-container .swiper-slide a:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(326.26deg, rgba(0, 0, 0, 0.09) 0%,
		rgba(0, 0, 0, 0.5) 100%);
}

.banner .swiper-container .swiper-slide img {
	width: auto;
	height: 100%;
}

.banner .swiper-container .scroll-icon {
	display: none;
}

.banner .swiper-container .swiper-pagination {
	bottom: 60px;
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	border: 2px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.16);
}

.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #FFFFFF;
}

.banner .search-box {
	margin-top: 20px;
}

.banner .search-box>.search {
	border: 3px solid #ccc;
	width: 100%;
	background: rgba(255, 255, 255, 0.12);
	margin: auto;
	overflow: hidden;
	border-radius: 29.5px;
	padding: 0px 30px;
	position: relative;
	border-color: #fff;
	padding-right: 30px;
}

.banner .search-box>.search>input {
	width: 100%;
	text-align: left;
	border: 0;
	background: none;
}

.banner .search-box>.search.icon-in>input {
	color: #FFFFFF;
	font-size: 18px;
}

.banner .search-box>.search.icon-in>input:focus {
	outline: none;
}

.banner .search-box>.search.icon-in>input::-webkit-input-placeholder {
	color: #fff;
}

.banner .search-box>.search.icon-in>input:-ms-input-placeholder {
	color: #fff;
}

.banner .search-box>.search.icon-in>input::-ms-input-placeholder {
	color: #fff;
}

.banner .search-box>.search.icon-in>input::placeholder {
	color: #fff;
}

.banner .search-box>.search.icon-in>a {
	width: 30px;
	position: absolute;
	right: 9px;
	top: 0;
	height: 100%;
	text-align: center;
	line-height: 47px;
	cursor: pointer;
}

.banner .search-box>.search.icon-in>a>i {
	color: #fff;
	font-size: 20px;
	vertical-align: top;
	position: relative;
	top: -5px;
}

.banner.sub {
	height: 364px;
	text-align: left;
	background: #fffef1;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%,
		rgba(0, 0, 0, 0.03) 100%);
	height: auto;
	padding: 50px 0;
	margin-top: 80px;
}

.banner.sub:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(326.26deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
    display: block;
    background: #fff;
}

.banner.sub>div {
    height: 100%;
    height: 105px;
    position: relative;
}

.banner.sub img {
	width: 100%;
	height: auto;
}

.banner.sub .user-info {
	text-align: center;
	padding: 0 15px;
	position: absolute;
	bottom: 30px;
	color: #fff;
}

.banner.sub .user-info>.row>.col .user-face {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
}

.banner.sub .user-info>.row>.col .user-face>img {
	width: 100%;
}

.banner.sub .user-info>.row>.col .user-info-text {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	width: 350px;
}

.banner.sub .user-info>.row>.col .user-info-text p {
	font-size: 34px;
	margin-bottom: 20px;
}

.banner.sub .user-info>.row>.col .user-info-text .col span {
	font-size: 14px;
	display: block;
	margin-bottom: 30px;
}

.banner.sub .user-info>.row>.col .user-info-text .col span.content-in {
	margin-bottom: 0;
}

.banner.sub .user-info>.row>.col .user-info-text .col span.content-in::before
	{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #81C926;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.banner.sub .user-info>.row>.col .user-info-text .col:nth-child(2) .content-in::before
	{
	background-color: #AB7DF6;
}

.banner.sub .user-info>.row>.col .user-info-text .col:nth-child(3) .content-in::before
	{
	background-color: #FACA00;
}

.banner.sub .user-info>.row>.col .user-support-info {
	float: right;
	padding-top: 54px;
	display: none;
}

.banner.sub .user-info>.row>.col .user-support-info>p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 15px;
	text-align: left;
}

.banner.sub .user-info>.row>.col .user-support-info .row {
	margin: 0;
}

.banner.sub .user-info>.row>.col .user-support-info .col {
	padding: 0;
	-webkit-box-flex: initial;
	-ms-flex-positive: initial;
	flex-grow: initial;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	margin-left: 5px;
	width: 28px;
}

.banner.sub .user-info>.row>.col .user-support-info .col .box {
	width: 28px;
	height: 28px;
	border-radius: 5%;
	border-radius: 8px;
	overflow: hidden;
	margin: auto;
	background-color: #4ECE3D;
}

.banner.sub .user-info>.row>.col .user-support-info .col .box img {
	width: 100%;
}

.banner.sub .user-info>.row>.col .user-support-info .col .box span {
	font-size: 15px;
	display: block;
	position: relative;
	text-align: center;
	top: 5px;
}

.banner.sub .page-site-info {
    position: absolute;
    top: 0;
    padding: 0 15px;
    z-index: 10;
    position: absolute;
}

.banner.sub .page-site-info span {
	font-weight: 300;
	text-align: left;
	color: #007FE6;
	font-size: 27px;
	letter-spacing: -1.35px;
	line-height: 1;
	margin-bottom: 10px;
	display: block;
}

.banner.sub .page-site-info p {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -4px;
	color: #2A2B2E;
	margin-bottom: 20px;
	text-align: left;
}

.banner.sub .page-site-info ul li {
	display: inline-block;
	color: #808080;
	margin-right: 3px;
	font-weight: 100;
	font-size: 14px;
}

.banner.sub .page-site-info ul li:first-child, .banner.sub .page-site-info ul li i
	{
	color: #2A2B2E;
	font-weight: 600;
}

.banner.sub .page-site-info ul li:last-child {
	font-weight: 600;
	color: #007FE6;
}

.banner.sub .page-site-info ul li i::before {
	margin: 0;
}
/*.banner.sub.ver1{
  height: 365px;
}
*/

/*banner*/
/*text-css*/
.h1-title {
	color: #2C405A;
	font-size: 38px;
	font-weight: 500;
	letter-spacing: -3.2px;
	line-height: 1.5;
}

.h1-title.design-border {
	position: relative;
}

.h1-title.design-border>span {
	display: block;
	width: 200px;
	margin: 12px auto 18px auto;
	height: 2px;
}

.h1-title.design-border>span::after, .h1-title.design-border>span::before
	{
	content: "";
	height: 2px;
	width: 100px;
	vertical-align: top;
	display: inline-block;
}

.h1-title.design-border>span::after {
	background-color: #C31608;
}

.h1-title.design-border>span::before {
	background-color: #2C405A;
}

.title-info1 {
	color: #0F358E;
	font-size: 20px;
	letter-spacing: -0.5px;
	line-height: 1.5;
}

.title-info2 {
	color: #2C405A;
	font-size: 20px;
	letter-spacing: -1.5px;
	line-height: 1.5;
}

.title-info3 {
	color: #2A2B2E;
	font-size: 20px;
	letter-spacing: -0.8px;
	line-height: 1.5;
	font-weight: 600;
}

.title {
	color: #2A2B2E;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 1rem;
}

.title2 {
	font-size: 24px;
	color: #2C405A;
	font-weight: 600;
}

.title2.icon-in i {
	color: #373737;
	font-size: 36px;
	vertical-align: middle;
}

.title3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
	background-color: #007FE6;
}

.title4 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -1px;
	color: #2A2B2E;
}

/*btn*/
.btn {
	border: 1px solid #CED0DA;
	border-radius: 4px;
	background: -webkit-gradient(linear, left bottom, left top, from(#F2F4F7),
		to(#FFFFFF));
	background: linear-gradient(0deg, #F2F4F7 0%, #FFFFFF 100%);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	padding: 9.5px 0px;
}

.btn i {
	color: #4A576C;
	font-size: 20px;
	vertical-align: middle;
	margin-top: -6px;
	display: inline-block;
	position: relative;
	top: 2px;
}

.btn.revers {
	background: -webkit-gradient(linear, left bottom, left top, from(#1991EB),
		to(#2DA1F8));
	background: linear-gradient(0deg, #1991EB 0%, #2DA1F8 100%);
	border: 1px solid #1585D8;
	color: #fff;
}

.btn.revers i {
	color: #fff;
}

/*btn*/
/*array-design1*/
.array-design1 .col {
	text-align: center;
}

.array-design1 .col>div {
	background-color: #e49740;
	width: 150px;
	height: 150px;
	border-radius: 5%;
	margin: auto;
}

.array-design1 .col>span {
	color: #1A2234;
	font-size: 16px;
	font-weight: 700;
	margin: 0.5rem 0;
	display: block;
}

/*array-design1*/
/*array-design2*/
.array-design2 {
	background-color: #e6edf4;
}

.array-design2 .col {
	margin-bottom: 1rem;
	text-align: center;
}

.array-design2 .col:last-child {
	margin-bottom: 0;
}

.array-design2 .col>div {
	background-color: #ffe360;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin: auto;
}

.array-design2 .col>p {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0.5rem 0;
}

.array-design2 .col>span {
	color: #fff;
	font-size: 12px;
	display: block;
}

/*array-design2*/
/*array-design3*/
.array-design3 .row {
	padding: 0 15px;
}

.array-design3 .col {
	margin-top: 25px;
	padding: 0;
	text-align: center;
}

.array-design3 .col:nth-child(3), .array-design3 .col:nth-child(4) {
	margin-top: 0;
}

.array-design3 .col:last-child {
	margin-bottom: 25px;
}

.array-design3 .col>.box {
	height: auto;
	width: auto;
	margin: auto;
}

.array-design3 .col>.box>.box-top>.img-box {
	height: 110px;
}

.array-design3 .col>.box>.box-top>.img-box img {
	width: 100%;
	height: 100%;
}

.array-design3 .col>.box>.box-top>.text-box {
	margin: 1rem 0;
	overflow: hidden;
	font-size: 14px;
	color: #2C405A;
	font-weight: 500;
	padding: 0 10px;
}

.array-design3 .col>.box>.box-top>.text-box2 {
	line-height: 1.5;
	height: 100px;
	text-align: left;
	display: block;
	font-size: 14px;
	color: #666;
	padding: 0 10px;
}

.array-design3 .col>p {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin: 0.5rem 0;
}

.array-design3 .col>span {
	color: #fff;
	font-size: 12px;
	display: block;
}

/*array-design3*/
/*array-design4*/
.array-design4 .row {
	margin-top: 50px;
}

.array-design4 .row>.col:first-child {
	margin-bottom: 20px;
}

.array-design4 .nav-tabs {
	border-bottom: 1px solid #dee2e6;
}

.array-design4 .nav-tabs .nav-item {
	margin-right: 30px;
	margin-bottom: 0;
	height: 35px;
}

.array-design4 .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.array-design4 .nav-tabs .nav-item .nav-link {
	border: 0;
	color: #95A5A6;
	font-size: 18px;
	padding: 0;
	display: block;
	height: 100%;
}

.array-design4 .nav-tabs .nav-item .nav-link.active {
	color: #2C405A;
	font-weight: 600;
	position: relative;
}

.array-design4 .nav-tabs .nav-item .nav-link.active:after {
	content: "";
	height: 4px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #C31608;
}

.array-design4 .tab-content {
	margin-top: 10px;
	height: 200px;
	overflow: hidden;
}

.array-design4 .tab-content table td {
	padding: 10px 0;
	border-bottom: 1px solid rgba(27, 42, 63, 0.3);
}

.array-design4 .tab-content table td a {
	display: block;
}

.array-design4 .tab-content table td a p {
	color: #1A2234;
	font-size: 14px;
	margin-bottom: 8px;
}

.array-design4 .tab-content table td a span {
	line-height: 20px;
	display: block;
	font-size: 14px;
	color: #95A5A6;
}

.array-design4 .tab-content table td a span i {
	font-size: 18px;
	color: #9B59B6;
	vertical-align: middle;
}

/*array-design4*/
/*array-design5*/
.array-design5 {
	background-color: #e6edf4;
}

.array-design5 .h1-title.design-border2 {
	margin-bottom: 20px;
	padding: 0 15px;
}

.array-design5 .h1-title.design-border2>span {
	display: inline-block;
	line-height: 1;
}

.array-design5 .h1-title.design-border2>span::before, .array-design5 .h1-title.design-border2>span::after
	{
	content: "";
	height: 36px;
	width: 4px;
	display: inline-block;
	background-color: #C31608;
	vertical-align: top;
}

.array-design5 .h1-title.design-border2>span::before {
	margin-right: 20px;
}

.array-design5 .h1-title.design-border2>span::after {
	margin-left: 20px;
}

.array-design5 .h1-title.design-border2>.info {
	font-size: 16px;
	color: #4B515E;
	display: inline-block;
	margin-left: 0px;
}

.array-design5 .nav-tabs {
	padding: 15px;
	border-bottom: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	position: relative;
	margin-bottom: 30px;
}

.array-design5 .nav-tabs .nav-item {
	margin-right: 30px;
	margin-bottom: 0;
}

.array-design5 .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.array-design5 .nav-tabs .nav-item .nav-link {
	border: 0;
	color: #95A5A6;
	font-size: 20px;
	padding: 0;
	display: block;
	height: 100%;
	background: none;
}

.array-design5 .nav-tabs .nav-item .nav-link.active {
	color: #C31608;
	font-weight: 600;
	position: relative;
}

.array-design5 .nav-tabs .more {
	position: absolute;
	right: 15px;
	top: 18px;
	font-size: 14px;
	color: #373737;
	cursor: pointer;
}

.array-design5 .nav-tabs .more i {
	color: #C31608;
	font-size: 16px;
	position: absolute;
	border: 3px solid #ccc;
	border-color: #C31608;
	border-radius: 20px;
	left: -27px;
	top: -3px;
}

.array-design5 .nav-tabs .more i::before {
	margin: 0;
}

.array-design5 .row .col:nth-child(1), .array-design5 .row .col:nth-child(2),
	.array-design5 .row .col:nth-child(3) {
	margin-bottom: 20px;
}

.array-design5 .row .col .box img {
	width: 100%;
	height: 170px;
}

.array-design5 .row .col .box span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 1.2em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #2C405A;
	font-size: 16px;
}

.array-design5 .row .col .box .btn {
	display: block;
	margin-top: 20px;
}

/*array-design5*/
/*array-design6*/
.array-design6 .row .box {
	width: auto;
	height: auto;
	border-width: 10px;
	border-style: solid;
}

.array-design6 .row .col:nth-child(1) {
	padding: 0;
}

.array-design6 .row .col:nth-child(1) .box {
	border-color: #dde3ea;
	padding: 30px 15px;
	float: right;
}

.array-design6 .row .col:nth-child(1) .box>span {
	color: #808080;
	font-family: "Noto Sans CJK KR";
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	display: block;
	font-weight: 300;
}

.array-design6 .row .col:nth-child(1) .box>span.position-1 {
	margin-bottom: 10px;
}

.array-design6 .row .col:nth-child(1) .box>span.position-2 {
	margin-bottom: 35px;
}

.array-design6 .row .col:nth-child(1) .box p {
	color: #2A2B2E;
	font-size: 38px;
	font-weight: 100;
	letter-spacing: -2.05px;
	line-height: 1.3;
}

.array-design6 .row .col:nth-child(1) .box p>span {
	font-weight: 300;
}

.array-design6 .row .col:nth-child(1) .box p::after {
	content: "";
	height: 4px;
	width: 100px;
	background-color: #000000;
	display: block;
	margin: 10px 0 17px 0;
}

.array-design6 .row .col:nth-child(1) .box .btn {
	color: #2A2B2E;
	line-height: 45px;
	width: 275px;
	border: 1px solid #2A2B2E;
	border-radius: 22.5px;
	font-size: 20px;
	padding: 0;
	background: rgba(0, 0, 0, 0);
}

.array-design6 .row .col:nth-child(1) .box .btn i {
	vertical-align: top;
	margin-top: 0;
	position: static;
	color: #2A2B2E;
}

.array-design6 .row .col:nth-child(1) .box>ul {
	font-size: 0;
	margin-top: 50px;
}

.array-design6 .row .col:nth-child(1) .box>ul>li {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 36px;
}

.array-design6 .row .col:nth-child(1) .box>ul>li:nth-child(1) {
	margin-right: 15px;
	color: #2A2B2E;
}

.array-design6 .row .col:nth-child(1) .box>ul>li:nth-child(2) {
	color: #A8A8A8;
	margin-right: 35px;
}

.array-design6 .row .col:nth-child(1) .box>ul>li:nth-child(3) .capsule-btn li
	{
	margin-right: 0;
	color: #808080;
}

.array-design6 .row .col:nth-child(1) .box>ul>li:nth-child(3) .capsule-btn li a
	{
	border-color: #9F9F9F;
}

.array-design6 .row .col:nth-child(1) .box>ul>li:nth-child(3) .capsule-btn li a i
	{
	color: #9F9F9F;
}

.array-design6 .row .col:nth-child(2) {
	/*background-image: url("../img/Main Page img/Sub BG 01.jpg");*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 30px 15px;
	display:none;
}

.array-design6 .row .col:nth-child(2) .box {
	float: left;
	border-color: rgba(239, 243, 246, 0.23);
	padding: 30px 15px;
	background-image: url('../img/main희망곳간 - 05.jpg');
	background-position-x: -400px;
	background-position-y: 0;
	border: 0;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

.array-design6 .row .col:nth-child(2) .box span {
	display: block;
}

.array-design6 .row .col:nth-child(2) .box span.position-1 {
	color: rgba(255, 255, 255, 0.36);
	font-size: 147px;
	letter-spacing: 0;
}

.array-design6 .row .col:nth-child(2) .box span.position-2 {
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: -1px;
}

.array-design6 .row .col:nth-child(2) .box p {
	color: #fff;
	font-size: 52px;
	font-weight: 100;
	letter-spacing: -2.6px;
	margin: 15px 0;
}

.array-design6 .row .col:nth-child(2) .box .btn {
	color: #fff;
	background: rgba(0, 0, 0, 0);
	line-height: 45px;
	width: 275px;
	border: 1px solid #fff;
	border-radius: 22.5px;
	font-size: 20px;
	padding: 0;
	margin-top: 35px;
}

.array-design6 .row .col:nth-child(2) .box .btn i {
	vertical-align: top;
	margin-top: 0;
	position: static;
	color: #fff;
}

/*array-design6*/
/*array-design7*/
.array-design7 {
	background-color: #0B60DF;
	padding: 30px 15px;
}

.array-design7 img {
	display: none;
}
.array-design7 .svg-box .all-map svg{
	width: 100%;
    height: auto;
    transition: all 0.5s;
}
.array-design7 .svg-box .all-map svg .element{
	transition: all 0.5s;
}
.array-design7 .svg-box .all-map svg .element:hover,
.array-design7 .svg-box .all-map svg .element.active{
    fill:#C0ADA0;
}
.array-design7 .svg-box .all-map svg .element.active_none{
	display:none
}
.array-design7 .svg-box .all-map svg .element.active{
    /* transform: scale(1.5,1.5); */
    position: relative;
    fill: #005CA7;
}
.array-design7 span {
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: -1px;
	display: block;
}

.array-design7 span.position-1 {
	margin-bottom: 15px;
}

.array-design7 span.position-2 {
	margin-bottom: 30px;
}

.array-design7 p {
	color: #FFFFFF;
	font-size: 41px;
	font-weight: 300;
	letter-spacing: -2.05px;
	line-height: 1.5;
	margin-bottom: 20px;
	/*font-family: Arita-buri;*/
}

.array-design7 p::after {
	content: "";
	display: block;
	background-color: #fff;
	height: 4px;
	width: 100px;
	margin-top: 20px;
}

.array-design7 p span {
	margin: 0;
	font-weight: 600;
	font-size: 41px;
	letter-spacing: 0;
	display: inline;
	/*font-family: Arita-buri;*/
}
.array-design7 p span,.array-design7 p{
	    font-size: 36px;
}
.array-design7 .svg-box{
	 
    right: 0;
    bottom: 0;
}
.array-design7 ul li {
	margin-bottom: 20px;
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.array-design7 ul li::before {
    content: "";
    height: 13px;
    width: 13px;
    border-radius: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}


.array-design7 ul li:nth-child(1)::before {
	background-color: #EE736C;
}

.array-design7 ul li:nth-child(2)::before {
	background-color: #FF8B00;
}

.array-design7 ul li:nth-child(3)::before {
	background-color: #5B95C9;
}

.array-design7 ul li:nth-child(4)::before {
	background-color: #51A394;
}

.array-design7 ul li:nth-child(5)::before {
	background-color: #956DAD;
}

.array-design7 ul li:nth-child(6)::before {
	background-color: #e44255;
}
.array-design7 .svg-box .detail-map>p {
		color: #FFFFFF;
		font-size: 74px;
		font-weight: 600;
		letter-spacing: -1.85px;
		margin-bottom: 0;
		line-height: 1.3;
		font-family: 'notokr';
		position: absolute;
		right: 0;
		bottom: 50px;
		z-index: 1;
		right: 0;
	}
	.array-design7 .svg-box .detail-map>p>span {
		color: #FFFFFF;
		font-size: 36px;
		letter-spacing: -1px;
		display: block;
		font-family: 'notokr';
	}
	.array-design7 .svg-box .detail-map>p>em {
		opacity: 0.7;
		color: #FFFFFF;
		font-size: 18px;
		letter-spacing: -1px;
		opacity: 0.7;
	}
	.array-design7 .svg-box .detail-map>p:after {
		display: none;
	}
	.array-design7 .svg-box .detail-map>ul {
		position: absolute;
		right: 0;
		width: 300px;
		height: 300px;
		top: 0;
		z-index: 1;
	}
	
	.array-design7 .svg-box .detail-map>ul>li {
		font-size: 0;
		margin-bottom: 0;
		position: absolute;
	}
	.array-design7 .svg-box .detail-map>ul>li:nth-child(1) {
		left: 143px;
		top: 139px;
	}
	.array-design7 .svg-box .detail-map>ul>li:nth-child(2) {
		left: 217px;
		top: 170px;
	}
	.array-design7 .svg-box .detail-map>ul>li:nth-child(3) {
		left: 34px;
		top: 129px;
	}
	.array-design7 .svg-box .detail-map>ul>li:nth-child(4) {
		left: 349px;
		top: 303px;
	}
	.array-design7 .svg-box .detail-map>ul>li:before, .array-design7 .svg-box .detail-map>ul>li>p:after
		{
		display: none;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle {
		height: 28px;
		width: 28px;
		border-radius: 28px;
	}
	.array-design7 .svg-box .detail-map>ul>li>.hover-text {
		display: none;
		transition: all 0.5s;
	}
	.array-design7 .svg-box .detail-map>ul>li:hover>.hover-text {
		display: block;
		position: absolute;
		top: -40px;
		width: auto;
		border-radius: 4px;
		background-color: #FFFFFF;
		box-shadow: 0 8px 16px 0 rgba(55, 70, 95, 0.07);
		color: #2A2B2E;
		font-family: 'notokr';
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		letter-spacing: -1px;
		padding: 0 10px;
		margin-bottom: 0;
		line-height: 30px;
		left: -100%;
		margin-left: -100%;
		white-space: nowrap;
		opacity: 1;
		z-index: 2;
	}
	.array-design7 .svg-box .detail-map>ul>li:hover>.cycle:before
		{
		content: "";
		width: 15px;
		height: 15px;
		background: #fff;
		position: absolute;
		top: -18px;
		left: 15px;
		margin-left: -10px;
		transform: rotate(45deg);
		z-index: 1;
	}
	.array-design7 .svg-box .detail-map>ul>li:hover>.hover-text span {
		color: #808080;
		font-size: 15px;
		letter-spacing: -1px;
		font-family: 'notokr';
		font-weight: 400;
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
	}
	.array-design7 .svg-box .detail-map>ul>li:hover>.hover-text span {
		color: #808080;
		font-size: 15px;
		letter-spacing: -1px;
		font-family: 'notokr';
		font-weight: 400;
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color1 {
		background-color: #51A394;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color2 {
		background-color: #FF8B00;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color3 {
		background-color: #5B95C9;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color4 {
		background-color: #EE736C;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color5 {
		background-color: #956DAD;
	}
	.array-design7 .svg-box .detail-map>ul>li .cycle.color6 {
		background-color: #e44255;
	}
	.array-design7 .svg-box .detail-map svg {
		position: absolute;
		right: 0;
		top: 14px;
		width: 0;
		overflow: hidden;
		height: 0;
	}
	.array-design7 .svg-box .detail-map svg.trans {
		display: block;
		/* z-index: 10; */
		width: 300px;
		height: 300px;
	}
	.array-design7 img {
		display: inline;
		position: absolute;
		right: -100px;
		top: 30px;
	}
	.array-design7 .svg-box .detail-map {
		width: 300px;
		
		position: relative;
		margin: auto;
	}
	.array-design7 .svg-box .detail-map.trans{
		height: 500px;
	}
	.array-design7 .svg-box .all-map {
		
	}
	.array-design7 .svg-box .detail-map>button {
		z-index: 5;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(1), .array-design7 .svg-box .detail-map>button:nth-child(2)
		{
		font-size: 0;
		background: none;
		border: 0;
		padding: 0;
		position: absolute;
		height: 45px;
		width: 45px;
		bottom: 191px;
		border-radius: 45px;
		border: 3px solid #fff;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(1) {
		left: 0;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(2) {
		right: 0;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(1):before,
		.array-design7 .svg-box .detail-map>button:nth-child(2):before {
		content: '';
		font-family: "epicfont";
		font-size: 41px;
		color: #fff;
		/* border: 3px solid #fff; */
		text-align: center;
		margin: 0;
		position: relative;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(1):before {
		content: '\e819';
		position: relative;
		left: -2px;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(2):before {
		content: '\e81d';
		right: -1px;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(3) {
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: -1px;
		line-height: 29px;
		text-align: center;
		background: none;
		display: inline-block;
		box-sizing: border-box;
		height: 45px;
		width: 203px;
		border: 1px solid #FFFFFF;
		border-radius: 22.5px;
		padding: 0;
		position: absolute;
		right: 0px;
		bottom: 0px;
		right: 0;
	}
	.array-design7 .svg-box .detail-map>button:nth-child(3):before {
		content: '\e81b';
		font-family: "epicfont";
	}
/*array-design7*/
/*array-design8*/
.array-design8 .row .col:nth-child(1) {
	padding: 30px 15px;
	background-image: url("../img/main희망곳간 - 11.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position-x: -130px;
}

.array-design8 .row .col:nth-child(1):before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.49);
	height: 100%;
}

.array-design8 .row .col:nth-child(1) .box {
	text-align: center;
	float: right;
	border-right: 0;
	z-index: 10;
	position: relative;
}

.array-design8 .row .col:nth-child(1) .box>span {
	font-size: 14px;
	letter-spacing: -1px;
	color: #FFFFFF;
	display: block;
	line-height: 1.5;
}

.array-design8 .row .col:nth-child(1) .box>span.position-1 {
	margin-bottom: 20px;
}

.array-design8 .row .col:nth-child(1) .box>span.position-2 {
	margin-bottom: 50px;
}

.array-design8 .row .col:nth-child(1) .box p {
	font-size: 36px;
	font-weight: 300;
	letter-spacing: -3.06px;
	line-height: 1.5;
	color: #FFFFFF;
}

.array-design8 .row .col:nth-child(1) .box p::after {
	content: "";
	height: 2px;
	width: 100px;
	background-color: #fff;
	display: block;
	margin: 20px auto;
}

.array-design8 .row .col:nth-child(1) .box .btn {
	color: #fff;
	line-height: 45px;
	width: 281px;
	border: 1px solid #fff;
	border-radius: 22.5px;
	font-size: 20px;
	padding: 0;
	background: rgba(0, 0, 0, 0);
}

.array-design8 .row .col:nth-child(1) .box .btn i {
	vertical-align: top;
	margin-top: 0;
	position: static;
	color: #fff;
}

.array-design8 .row .col:nth-child(2) {
	background-color: #EFF3F6;
	position: relative;
}

.array-design8 .row .col:nth-child(2) .box {
	float: left;
	font-size: 0;
	padding: 30px 0;
}

.array-design8 .row .col:nth-child(2) .box:before {
	content: '';
	position: absolute;
	height: 120px;
	width: 720px;
	background: linear-gradient(180deg, rgba(239, 243, 246, 0) 0.03%,
		#EFF3F6 100%);
	bottom: 0;
	left: 0;
}
/*array-design8*/
/*.array-design9*/
.array-design9 {
	height: 500px;
	overflow: hidden;
	z-index: 1;
	position: relative;
}

.array-design9 .position-relative:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(13, 36, 53, 0.46);
}

.array-design9 .background-img-ver {
	background-size: auto 100%;
}

.array-design9>.text-box {
	color: #fff;
	z-index: 10;
	position: absolute;
	height: 250px;
	top: 50%;
	margin-top: -125px;
	margin-top: -195px;
	line-height: 1.5;
	text-align: center;
	z-index: 10;
}

.array-design9>.text-box .text2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -4px;
}

.array-design9>.text-box .text2::after {
	content: "";
	display: block;
	margin: 33px auto 17px auto;
	height: 2px;
	width: 100px;
	background-color: #FFFFFF;
}

.array-design9>.text-box .text3 {
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: 100;
	margin-bottom: 30px;
	display: block;
	padding: 0 35px;
}

.array-design9>.text-box ul {
	font-size: 0;
	display: flex;
}

.array-design9>.text-box ul li {
	margin-right: 5px;
	display: inline-block;
}

.array-design9>.text-box ul li:last-child {
	margin-right: 0;
}

.array-design9>.text-box ul li .btn {
	border: 1px solid #FFFFFF;
	border-radius: 22.5px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	padding: 0 5px;
	letter-spacing: -1px;
	line-height: 24px;
	background: rgba(0, 0, 0, 0);
	    display: flex;
    white-space: nowrap;
    justify-content: center;
}

.array-design9>.text-box ul li .btn i {
	vertical-align: top;
	margin-top: 0;
	position: static;
	color: #fff;
}

.array-design9 .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
}

.array-design9 .swiper-container .scroll-icon {
	position: absolute;
	bottom: 80px;
	width: 100%;
	text-align: center;
	z-index: 1;
}

.array-design9 .swiper-container .scroll-icon img {
	display: block;
	margin: 0px auto 15px auto;
}

.array-design9 .swiper-container .scroll-icon p {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.7px;
}

.array-design9 .swiper-container .swiper-pagination {
	bottom: 60px;
}

.array-design9 .swiper-container .swiper-pagination .swiper-pagination-bullet
	{
	height: 10px;
	width: 10px;
	border: 2px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.16);
}

.array-design9 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #FFFFFF;
}

/*.array-design9*/
/*array-design10*/
.array-design10 {
	padding: 60px 0;
}

.array-design10 .col:nth-child(1) img {
	width: 100%;
	height: auto;
}

.array-design10 .col:nth-child(2) .box>span {
	color: #808080;
	font-family: "Noto Sans CJK KR";
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	display: block;
	font-weight: 300;
}

.array-design10 .col:nth-child(2) .box>span.position-1 {
	margin-bottom: 10px;
}

.array-design10 .col:nth-child(2) .box>span.position-2 {
	margin-bottom: 30px;
}

.array-design10 .col:nth-child(2) .box p {
	color: #2A2B2E;
	font-size: 41px;
	font-weight: 300;
	letter-spacing: -2.05px;
	line-height: 1.3;
}

.array-design10 .col:nth-child(2) .box p>span {
	font-weight: 300;
}

.array-design10 .col:nth-child(2) .box p::after {
	content: "";
	height: 4px;
	width: 100px;
	background-color: #000000;
	display: block;
	margin: 20px 0 20px 0;
}

.array-design10 .col:nth-child(2) .box .btn {
	color: #2A2B2E;
	line-height: 45px;
	width: 275px;
	border: 1px solid #000;
	border-radius: 22.5px;
	font-size: 20px;
	padding: 0;
	background: rgba(0, 0, 0, 0);
}

.array-design10 .col:nth-child(2) .box .btn i {
	vertical-align: top;
	margin-top: 0;
	position: static;
	color: #2A2B2E;
}

.array-design10 .swiper-button-next, .array-design10 .swiper-button-prev
	{
	height: 46px;
	width: 46px;
	padding: 10px;
	text-align: center;
}

.array-design10 .swiper-button-next i, .array-design10 .swiper-button-prev i
	{
	color: #000000;
	font-size: 36px;
}

.array-design10 .swiper-button-next i::before, .array-design10 .swiper-button-prev i::before
	{
	margin: 0;
}

.array-design10 .swiper-button-next:focus, .array-design10 .swiper-button-prev:focus
	{
	outline: none;
}

.array-design10 .swiper-button-prev {
	left: 0;
}

.array-design10 .swiper-button-next {
	right: 0;
}

.array-design10 .img-gallery {
	width: auto;
}

/*array-design10*/
/*footer*/
.footer {
	background-color: #3D4053;
	padding: 30px 0;
}

.footer .row:nth-child(1) img {
	height: 71px;
}

.footer .row:nth-child(1) p {
	margin-bottom: 5px;
}

.footer .row:nth-child(1) p span {
	color: #A3A5AE;
	font-size: 14px;
	letter-spacing: -0.78px;
}

.footer .row:nth-child(1) p span i {
	font-size: 18px;
}

.footer .row:nth-child(1) .icon {
	margin-top: 20px;
}

.footer .row:nth-child(1) .icon li {
	height: 35px;
	width: 35px;
	border: 1px solid #A3A5AE;
	text-align: center;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	border-radius: 35px;
}

.footer .row:nth-child(1) .icon li i {
	color: #A3A5AE;
	font-size: 24px;
	line-height: 31px;
	display: inline-block;
}

.footer .row:nth-child(1) .icon li i::before {
	margin: 0;
}

.footer .row:nth-child(1) .site-map {
	text-align: left;
}

.footer .row:nth-child(1) .site-map>li {
	margin-left: 56px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.footer .row:nth-child(1) .site-map>li:first-child {
	margin-left: 0;
}

.footer .row:nth-child(1) .site-map>li>a {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	display: block;
	margin-bottom: 15px;
}

.footer .row:nth-child(1) .site-map>li>ul>li {
	margin-bottom: 5px;
}

.footer .row:nth-child(1) .site-map>li>ul>li>a {
	color: #A3A5AE;
	font-size: 13px;
	letter-spacing: -1px;
	display: block;
}

.footer .border {
	border-color: #A3A5AE !important;
	margin: 1rem 0;
}

.footer .row:last-child {
	color: #fff;
	font-size: 14px;
}

.footer .row:last-child .col>p {
	font-weight: 100;
	line-height: 36px;
}

.footer .row:last-child .col>ul {
	font-size: 0;
}

.footer .row:last-child .col>ul>li {
	display: inline-block;
	line-height: 36px;
	font-size: 14px;
	margin-right: 20px;
}

.footer .row:last-child .col>ul>li:last-child {
	margin-right: 0;
}

.footer .row:last-child .select-box select {
	border-color: #A3A5AE;
	color: #A3A5AE;
	background-color: #3D4053;
	width: 200px;
}

/*footer*/
/*board-design1*/
.board-design1 .col-12 {
	margin-bottom: 10px;
}

.board-design1 .col-12:last-child {
	margin-bottom: 0;
}

/*board-box*/
.board-box {
	border: 1px solid #fff;
	border-color: white;
	padding: 15px;
	overflow: hidden;
	border-radius: 5px;
}

.board-box>p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 3.6em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.board-box>.info-box>ul {
	font-size: 0;
}

.board-box>.info-box li {
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
}

.board-box>.info-box li:last-child {
	margin-right: 0;
}

/*board-box*/
.capsule-btn>p {
	line-height: 36px;
	font-size: 16px;
	color: #8DABC4;
	display: inline-block;
	margin-right: 3px;
}

.capsule-btn>ul {
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}

.capsule-btn>ul>li {
	display: inline-block;
}

.capsule-btn>ul>li>a {
	border: 1px solid #C5D9E8;
	overflow: hidden;
	border-right: 0;
	height: 36px;
	border-color: #C5D9E8;
	display: block;
	width: 40px;
	text-align: center;
}

.capsule-btn>ul>li>a i {
	font-size: 24px;
	color: #C5D9E8;
	line-height: 36px;
}

.capsule-btn>ul>li>a.active i, .capsule-btn>ul>li>a:hover i {
	color: #0093EE;
}

.capsule-btn>ul>li:first-child a {
	border-radius: 4px 0 0 4px;
}

.capsule-btn>ul>li:last-child a {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #C5D9E8;
	border-color: #C5D9E8;
}

.sub-content .duble-box>.row>.col:first-child {
	padding-left: 0;
	padding-right: 0;
	padding: 0 15px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
}

.sub-content .duble-box>.row>.col:last-child {
	padding: 0;
	width: 225px;
	max-width: 225px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	display: none;
}

.sub-content .total-search+.duble-box {
	margin-top: 80px;
}

.sub-content .table-search .search-box>.search {
	border: 1px solid #ccc;
	width: 100%;
	background: #fff;
	padding: 5px;
	position: relative;
	border-color: #BDBDBD;
	border-radius: 4px;
	color: #808080;
}

.sub-content .table-search .search-box>.search>input {
	width: 100%;
	text-align: left;
	border: 0;
}

.sub-content .table-search .search-box>.search>input:focus {
	outline: none;
}

.sub-content .table-search .search-box>.search.icon-in>input {
	padding-right: 30px;
}

.sub-content .table-search .search-box>.search.icon-in>a {
	width: 30px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	text-align: center;
	line-height: 34px;
}

.sub-content .table-search .search-box>.search.icon-in>a>i {
	color: #808080;
	font-size: 20px;
}

.sub-content .content-box {
	border-radius: 4px;
	border: 1px solid rgba(183, 210, 229, 0.8);
	border-color: #8DABC4;
	-webkit-box-shadow: inset 0 -1px 0 0 #7E95A7;
	box-shadow: inset 0 -1px 0 0 #7E95A7;
	overflow: hidden;
	margin-bottom: 20px;
}

.sub-content .content-box:last-child {
	margin-bottom: 0;
}

.sub-content .content-box>.title {
	color: #2C405A;
	padding: 0 20px;
	line-height: 52px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	border-color: #8DABC4;
	margin: 0;
	font-weight: 500;
}

.sub-content .content-box>.title.ver1 {
	font-size: 18px;
}

.sub-content .content-box>.title>em {
	color: #007FE6;
	font-size: 16px;
	margin-left: 5px;
}

.sub-content .content-box>.title i {
	float: right;
	color: #C5D9E8;
}

.sub-content .content-box>.title i.icon2-add {
	color: #808080;
	font-size: 18px;
}

.sub-content .content-box>.title i.icon2-add::before {
	line-height: 1;
}

.sub-content .content-box>.result-box>p {
	padding: 0 30px;
	font-size: 14px;
	line-height: 42px;
	color: #8DABC4;
}

.sub-content .content-box>.result-box>ul {
	font-size: 0;
	padding: 15px 30px;
	border-bottom: 1px solid #ccc;
	border-color: #8DABC4;
}

.sub-content .content-box>.result-box>ul>li {
	display: inline-block;
	vertical-align: top;
}

.sub-content .content-box>.result-box>ul>li.img-box {
	padding-right: 10px;
	overflow: hidden;
	position: relative;
}

.sub-content .content-box>.result-box>ul>li.img-box img {
	width: 100%;
	width: 60px;
	height: 60px;
	border-radius: 5%;
}

.sub-content .content-box>.result-box>ul>li.img-box>span {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #81C926;
}

.sub-content .content-box>.result-box>ul>li.img-box>span>i {
	color: #fff;
	font-size: 20px;
}

.sub-content .content-box>.result-box>ul>li.text1>p {
	color: #0093EE;
	font-size: 14px;
}

.sub-content .content-box>.result-box>ul>li.text1>span {
	color: #8DABC4;
	font-size: 14px;
}

.sub-content .content-box>.result-box>ul>li.text2 {
	width: 165px;
	padding-left: 10px;
	color: #3F536E;
}

.sub-content .content-box>.result-box>ul>li.text2>p {
	font-weight: 600;
	font-size: 16px;
}

.sub-content .content-box>.result-box>ul>li.text2>span {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.paging-box>ul {
	font-size: 0;
	text-align: center;
}

.paging-box>ul>li {
	vertical-align: top;
	display: inline-block;
}

.paging-box>ul>li:first-child {
	margin-right: 5px;
}

.paging-box>ul>li:last-child {
	margin-left: 5px;
}

.paging-box>ul>li a {
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	color: #3F536E;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 18px;
	height: 36px;
	border-color: #A8C6DF;
}

.paging-box>ul>li a.active {
	color: #fff;
	background-color: #0093EE;
	border-color: #0093EE;
}

.paging-box>ul>li a:last-child {
	margin-right: 0;
}

.paging-box>ul>li a span, .paging-box>ul>li a i {
	font-weight: 500;
	display: block;
	text-align: center;
	line-height: 36px;
}

.paging-box>ul>li a img {
	width: 22px;
	margin: 6px 0;
}

.content-box .paging-box {
	margin: 50px 10px;
}

.content-support {
	border-radius: 4px;
	border: 1px solid rgba(183, 210, 229, 0.8);
	border-color: #8DABC4;
	-webkit-box-shadow: inset 0 -1px 0 0 #7E95A7;
	box-shadow: inset 0 -1px 0 0 #7E95A7;
	overflow: hidden;
	height: 100%;
}

.content-support .box p {
	color: #1B2431;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	background-color: #FAFBFB;
	border-bottom: 1px solid #ccc;
	border-color: #8DABC4;
	padding: 0 15px;
}

.content-support .box ul {
	padding: 20px;
	border-bottom: 1px solid #ccc;
	border-color: #8DABC4;
}

.content-support .box ul li {
	margin-bottom: 8px;
}

.content-support .box ul li:last-child {
	margin-bottom: 0;
}

.content-support .box ul li.day {
	margin-top: 15px;
}

.content-support .box ul li.day label {
	color: #273142;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	display: block;
}

.content-support .box ul li>.btn {
	color: #fff;
	height: 32px;
	padding: 7px 0px;
}

.content-support .box ul li a {
	color: #1B2431;
	font-size: 14px;
	display: block;
	overflow: hidden;
}

.content-support .box ul.ver1 li a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-color: #1B2431;
}

.content-support .box ul.ver1 i.icon-close-bold {
	color: #FF3278;
	cursor: pointer;
}

.content-support .box ul.ver2>li>a>i {
	font-size: 16px;
	float: right;
}

.content-support .box ul.ver2>li>a>i::before {
	margin-right: 3px;
	margin-left: 0;
}

.content-support .box ul.ver2>li>a>i span {
	font-size: 14px;
}

.content-support .box ul.ver2>li>a>i.up {
	color: #0094FF;
}

.content-support .box ul.ver2>li>a>i.down {
	color: #FF3278;
}

.content-support .box ul.ver2>li>a>i.new {
	color: #00C8C9;
	height: 18px;
	width: 42px;
	border: 1px solid #ccc;
	border-color: #00C8C9;
	text-align: center;
	border-radius: 4px;
}

.content-support .box ul.ver2>li>a>i.new>span {
	line-height: 16px;
	display: block;
}

.total-search {
	-webkit-box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	padding: 10px 25px;
	border: 1px solid #ccc;
	border-color: #C9CDD1;
	margin-top: -70px;
	position: relative;
	width: auto;
	background: #fff;
	z-index: 100;
	top: 0;
	border-radius: 8px;
	overflow: hidden;
	z-index: 2;
	margin: 0 15px;
    margin-top: -70px;
    /* margin-top: -35px; */
    margin-bottom: 30px;
}

.total-search.menu-list-ver {
	margin-top: -25px;
    margin-bottom: 0;
}
.total-search.multy-search{
	margin-bottom: 0;
	    margin-top: -25px;
}
.total-search .category-box>ul {
	border-bottom: 1px solid #CECECE;
	font-size: 0;
}

.total-search .category-box>ul li {
	width: auto;
	vertical-align: top;
	margin-right: 0px;
	display: inline-block;
}

.total-search.menu-list-ver .category-box>ul li:after {
	content: "";
	width: 1px;
	height: 25px;
	background-color: #CECECE;
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
}

.total-search .category-box>ul li:last-child {
	margin-right: 0;
}

.total-search .category-box>ul li a {
	color: #2A2B2E;
	font-size: 15px;
	letter-spacing: -1px;
	position: relative;
	padding: 16px 3px;
	display: inline-block;
	cursor: pointer;
}

.total-search .category-box>ul li a.active, .total-search .category-box>ul li a:hover
	{
	color: #007FE6;
	font-weight: bold;
}

.total-search .category-box>ul li a.active::after, .total-search .category-box>ul li a:hover::after
	{
	content: "";
	position: absolute;
	bottom: 0;
	background-color: #007FE6;
	width: 100%;
	height: 3px;
	left: 0;
}

.total-search .category-box>ul.info>li {
	margin-right: 0;
	letter-spacing: -1px;
	padding: 5px 0;
	width: 100%;
	/*&>li:nth-child(3){}
            &>li:nth-child(4){}
            &>li:nth-child(5){}
            &>li:nth-child(6){}*/
}

.total-search .category-box>ul.info>li>span {
	color: #007FE6;
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}

.total-search .category-box>ul.info>li>p {
	color: #2A2B2E;
	font-size: 15px;
	font-weight: 600;
}

.total-search select, .total-search input {
	width: 100%;
}

.total-search .btn {
	width: 100%;
	text-align: center;
	padding: 0;
	border-radius: 4px;
	background: #007FE6;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff !important;
	line-height: 36px;
	border: 0;
}

.total-search .btn i {
	color: #fff;
	font-size: 24px;
}

.total-search.menu-list-ver .category-box ul li:first-child {
	margin-right: 0;
	display: block;
}

.total-search.menu-list-ver .category-box ul li:first-child:after,
	.total-search.menu-list-ver .category-box ul li:last-child:after {
	content: "";
	display: none;
}

.total-search.menu-list-ver .category-box ul {
	border: 0;
	padding: 7px 0;
}

.total-search.menu-list-ver .category-box ul li:first-child a {
	color: #2A2B2E;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -1px;
	display: inline-block;
	vertical-align: top;
}

.total-search.menu-list-ver .category-box ul li:first-child a:hover,
	.total-search.menu-list-ver .category-box ul li:first-child a.active {
	color: #2A2B2E;
}

.total-search.menu-list-ver .category-box ul li a {
	color: #808080;
	font-size: 18px;
	letter-spacing: -1px;
	padding: 0;
	line-height: 27px;
}

.total-search.menu-list-ver .category-box ul li a:hover, .total-search.menu-list-ver .category-box ul li a.active
	{
	color: #007FE6;
	font-weight: 600;
}

.total-search.menu-list-ver .category-box ul li a:hover:after,
	.total-search.menu-list-ver .category-box ul li a.active:after {
	display: none;
}

.search-term {
	position: relative;
	margin-bottom: 20px;
}

.search-term P {
	color: #2A2B2E;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1.4px;
	line-height: 1;
	position: relative;
	top: -7px;
	margin-left: 10px;
	display: inline-block;
}

.search-term span {
	color: #007FE6;
	font-size: 36px;
	display: inline-block;
}

.search-term span em {
	font-size: 28px;
	font-weight: 100;
	display: inline-block;
}

.card-list-box>.row>div>.box {
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	padding: 30px;
	margin-bottom: 30px;
}

.card-list-box>.row>div>.box .img-box {
	height: auto;
	border: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.card-list-box>.row>div>.box .img-box a {
	border: 0;
}

.card-list-box>.row>div>.box .img-box a img {
	/* height:100%; */
	/* width: auto !important; */
	display: block;
	margin: auto;
}

.card-list-box>.row>div>.box .text-box p {
	color: #2A2B2E;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card-list-box>.row>div>.box .text-box .info {
	height: 30px;
	display: inline-block;
	border: 1px solid #117DCE;
	border-radius: 15px;
	font-size: 16px;
	line-height: 24px;
	margin-right: 10px;
	padding: 0px 10px;
	line-height: 30px;
	vertical-align: top;
}

.card-list-box>.row>div>.box .text-box .info.color-blue {
	border-color: #117DCE;
	color: #117DCE;
}

.card-list-box>.row>div>.box .text-box .info.color-red {
	border-color: #E7282B;
	color: #E7282B;
}

.card-list-box>.row>div>.box .text-box .info.color-orange {
	border-color: #F08703;
	color: #F08703;
}

.card-list-box>.row>div>.box .text-box .info.color-green {
	border-color: #69C41F;
	color: #69C41F;
}

.card-list-box>.row>div>.box .text-box>div {
	margin-top: 20px;
	color: #2A2B2E;
	font-size: 16px;
	letter-spacing: -1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 4.8em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	height: 6em;
	display: none;
}

.card-list-box.profile-ver>.row>div>.box {
	padding: 0;
	margin-bottom: 30px;
	font-size: 0;
}

.card-list-box.profile-ver>.row>div>.box .img-box {
	height: 100%;
	width: 229px;
	min-height: 150px;
	margin: 0;
	border: 0;
	display: inline-block;
	vertical-align: top;
}

.card-list-box.profile-ver>.row>div>.box .text-box {
	display: inline-block;
	width: 58.5%;
	padding: 30px 20px;
}

.card-list-box.profile-ver>.row>div>.box .text-box p {
	font-size: 20px;
	margin-bottom: 20px;
}

.card-list-box.profile-ver>.row>div>.box .text-box>div {
	margin-top: 15px;
	color: #808080;
	font-size: 15px;
	letter-spacing: -1px;
	overflow: inherit;
	height: auto;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: inherit;
	line-height: 1.5;
}

.table-box th {
	background-color: #FAFBFB;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	line-height: 36px;
	border-top: 1px solid #2A2B2E;
	color: #2A2B2E;
	border-bottom: 1px solid #CECECE;
}

.table-box td {
	color: #2A2B2E;
	font-size: 14px;
	padding: 5px 15px;
	line-height: 26px;
	font-weight: 500;
	border-bottom: 1px solid #CECECE;
	vertical-align: middle;
}

.table-box td .thumbnail {
	height: 60px;
	width: 60px;
	border-radius: 4px;
	overflow: hidden;
}

.result-box .table-box {
	margin: 15px 25px;
	overflow: auto;
}

.result-box .table-box table {
	width: 800px;
}

.img-gallery-box {
	overflow: auto;
}

.img-gallery {
	font-size: 0;
	text-align: center;
	width: 900px;
	width: auto;
}

.sub-content .content-box>.result-box .img-gallery-box>.img-gallery {
	padding: 15px 20px;
}

.img-gallery li {
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	height: 210px;
	padding: 5px;
	width: 188px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}

.img-gallery li:last-child {
	margin-right: 0;
}

.img-gallery li>.img {
	height: 134px;
	border-radius: 4px;
	border: 1px solid #979797;
	overflow: hidden;
}

.img-gallery li>.img {
	width: 100%;
}

.img-gallery li>.text-box {
	padding: 10px;
	text-align: left;
}

.img-gallery li>.text-box>p {
	color: #2A2B2E;
	font-size: 18px;
	margin-bottom: 5px;
}

.img-gallery li>.text-box>span {
	color: #808080;
	font-size: 15px;
}

.img-gallery li>.text-box>span>i {
	color: #808080;
	font-size: 20px;
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.array-design8 .img-gallery {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.array-design8 .img-gallery:nth-child(2) {
	margin-top: 80px;
	margin-right: 0;
}

.array-design8 .img-gallery li {
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	height: auto;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
}

.array-design8 .img-gallery li>.img {
	height: 120px;
	overflow: hidden;
	border-bottom: 1px solid #CECECE;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px;
    background-size: 100% auto;
    background-position-y: center;
}

.array-design8 .img-gallery li>.img img {
	width: 100%;
	height: 100%;
}

.array-design8 .img-gallery li>.text-box {
	padding: 10px;
	text-align: left;
}

.array-design8 .img-gallery li>.text-box>p {
	color: #2A2B2E;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -1px;
}

.array-design8 .img-gallery li>.text-box>span {
	color: #808080;
	font-size: 15px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 3.6em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
	line-height: 1.5;
	height: 4.6em;
}

.array-design8 .img-gallery li>.text-box .btn {
	display: block;
	display: none;
}

.array-design10 .img-gallery li {
	height: auto;
	width: 260px;
	margin-right: 30px;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
}

.array-design10 .img-gallery li:last-child {
	margin-right: 0px;
}

.detail-box .img-gallery li {
	width: 260px;
	height: 300px;
	margin-right: 30px;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}

.detail-box .img-gallery li:last-child {
	margin-right: 0px;
}

.detail-box .img-gallery li .img {
	height: 174px;
	margin-bottom: 15px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
}

.detail-box .img-gallery li .text {
	text-align: left;
}

.detail-box .img-gallery li .text p {
	color: #2A2B2E;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -1.13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 2.4em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	height: 3em;
	margin-bottom: 15px;
}

.detail-box .img-gallery li .text span {
	color: #007FE6;
	font-size: 13px;
	letter-spacing: -1px;
	display: inline-block;
	margin-right: 5px;
}

/*check-radio-box*/
.check-radio-box {
	display: inline-block;
}

.content-support li .check-radio-box {
	width: 49%;
	vertical-align: top;
}

.content-support li .check-radio-box:last-child {
	margin-right: 0;
}

.check-radio-box label {
	color: #1B2431;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}

.check-radio-box label::before {
	content: "";
	height: 14px;
	width: 14px;
	border: 1px solid #657690;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
}

.check-radio-box label::after {
	content: '\e84c';
	font-family: "epicfont";
	opacity: 0;
	color: #fff;
	position: absolute;
	top: 3px;
	font-size: 8px;
	left: 2px;
}

.check-radio-box input {
	position: absolute;
	z-index: -999;
	display: none;
}

.check-radio-box input[type='checkbox']:checked+label {
	font-weight: 500;
}

.check-radio-box input[type='checkbox']:checked+label:before {
	border-color: #297FCA;
	background: -webkit-gradient(linear, left bottom, left top, from(#1991EB),
		to(#2DA1F8));
	background: linear-gradient(0deg, #1991EB 0%, #2DA1F8 100%);
}

.check-radio-box input[type='checkbox']:checked+label::after {
	opacity: 1;
}

/*check-radio-box*/
/*inpu-box*/
.inpu-box {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #8492B4;
}

.content-support .box ul li .inpu-box {
	height: 32px;
}

.inpu-box input[type='text'] {
	border: 0;
	width: 100%;
	height: 100%;
	padding-right: 20px;
	padding: 0 15px;
}

.inpu-box.icon-in>a {
	position: absolute;
	right: 7px;
	top: 4px;
}

.inpu-box.icon-in>a>i {
	color: #8492B4;
	font-size: 20px;
}

/*inpu-box*/
.accordion-box {
	margin-bottom: 20px;
}

.accordion-box:last-child {
	margin-bottom: 0;
}

.accordion-box .accordion-btn-box {
	border: 1px solid #BBBECD;
	border-radius: 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	height: 66px;
	overflow: hidden;
	cursor: pointer;
}

.accordion-box .accordion-btn-box i {
	color: #808080;
	font-size: 18px;
	line-height: 66px;
	margin-right: 15px;
	float: right;
}

.accordion-box .accordion-btn-box i::before {
	line-height: 1;
}

.accordion-box .accordion-btn-box p {
	color: #007FE6;
	display: inline-block;
	vertical-align: top;
	line-height: 66px;
	font-size: 32px;
	font-weight: 600;
	padding-left: 25px;
}

.accordion-box .accordion-btn-box p::after {
	content: "";
	height: 40px;
	width: 3px;
	background: #CECECE;
	display: inline-block;
	vertical-align: top;
	margin: 13px 20px;
}

.accordion-box .accordion-btn-box ul {
	display: inline-block;
	vertical-align: top;
}

.accordion-box .accordion-btn-box ul li {
	font-size: 18px;
	color: #808080;
	display: inline-block;
	vertical-align: top;
	letter-spacing: -1.13px;
	line-height: 66px;
}

.accordion-box .accordion-btn-box ul li::after {
	content: ",";
	display: inline-block;
	margin-right: 5px;
}

.accordion-box .accordion-btn-box ul li:first-child::after {
	content: "I";
	display: inline-block;
	margin: 0 10px;
}

.accordion-box .accordion-btn-box ul li:last-child::after {
	display: none;
}

.accordion-box .folded-box {
	overflow: hidden;
	max-height: 0px;
}

.accordion-box .folded-box .search-term {
	font-size: 18px;
	letter-spacing: -1.13px;
	margin-bottom: 10px;
}

.accordion-box.trans .accordion-btn-box {
	margin-bottom: 20px;
}

.accordion-box.trans .folded-box {
	max-height: 1500px;
}

.accordion-box.trans .accordion-btn-box i::before {
	content: '\e893';
}

.accordion-box+.paging-box {
	margin-top: 45px;
}

/*fluent-design*/
.fluent-design .slider-box {
	margin-top: 30px;
}

.fluent-design .slider-box>ul {
	font-size: 0;
}

.fluent-design .slider-box>ul>li {
	display: inline-block;
	width: 100%;
}

.fluent-design .slider-box>ul>li:first-child {
	height: auto;
}

.fluent-design .slider-box>ul>li:first-child>div {
	background: linear-gradient(35.87deg, #5671EC 0%, #5755E9 100%);
}

.fluent-design .slider-box>ul>li .swiper-slide>a {
	display: block;
	width: 100%;
	height: 100%;
}

.fluent-design .slider-box>ul>li .swiper-slide img, .fluent-design .slider-box>ul>li .swiper-container
	{
	width: 100%;
	height: 100%;
}

.fluent-design .slider-box>ul>li .swiper-slide img {
	height: 100%;
}

.fluent-design .slider-box>ul>li>ul {
	font-size: 0;
}

.fluent-design .slider-box>ul>li>ul>li {
	width: 50%;
	display: inline-block;
	height: 275px;
	position: relative;
	vertical-align: top;
}

.fluent-design .slider-box>ul>li>ul>li img {
	width: 100%;
	height: 100%;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .info {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	padding: 0 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .info i {
	font-size: 18px;
	color: #fff;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .info i:first-child {
	float: left;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .info i:last-child {
	float: right;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .text-box {
	position: absolute;
	bottom: 50px;
	padding: 0 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .text-box .day {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

.fluent-design .slider-box>ul>li>ul>li.ver1 .text-box .text {
	color: #FFFFFF;
	font-size: 23px;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 {
	background-color: #FACA00;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .info {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	padding: 0 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .info i {
	font-size: 18px;
	color: #fff;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .info i:first-child {
	float: left;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .info i:last-child {
	float: right;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .text-box {
	position: absolute;
	bottom: 50px;
	padding: 0 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .text-box .day {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .text-box .text {
	color: #FFFFFF;
	font-size: 23px;
}

.fluent-design .slider-box>ul>li>ul>li.ver2 .text-box .text span {
	display: block;
	font-size: 14px;
	letter-spacing: -0.5px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 {
	background-color: #26C1C9;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .title {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	padding: 0 15px;
	text-align: center;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .title p {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.8px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .title i {
	margin-top: 50px;
	display: block;
	font-size: 47px;
	font-weight: 500;
	letter-spacing: -0.98px;
	margin-bottom: 10px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .title i:before {
	margin: 0;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .title span {
	font-size: 13px;
	letter-spacing: -0.8px;
	line-height: 1.5;
	font-weight: 100;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .text-box {
	position: absolute;
	bottom: 50px;
	padding: 0 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .text-box .day {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .text-box .text {
	color: #FFFFFF;
	font-size: 23px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .text-box .text span {
	display: block;
	font-size: 14px;
	letter-spacing: -0.5px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .info {
	position: absolute;
	bottom: 0;
	padding: 15px;
	width: 100%;
	line-height: 1.5;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .info span {
	color: #fff;
	font-size: 15px;
	letter-spacing: -1.3px;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .info span>em {
	font-size: 13px;
	letter-spacing: 0;
	display: block;
}

.fluent-design .slider-box>ul>li>ul>li.ver3 .info>i {
	position: absolute;
	right: 5px;
	font-size: 18px;
	bottom: 15px;
	color: #fff;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 img {
	height: 162px;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box {
	padding: 10px 20px;
	background-color: #FFFFFF;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .text {
	color: #2C405A;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.9px;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .text span {
	color: #95A5A6;
	display: block;
	font-size: 14px;
	letter-spacing: -0.74px;
	margin: 5px 0;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .info {
	height: 25px;
	width: 90px;
	border: 1px solid #D8E5EE;
	border-radius: 100px;
	padding: 0 5px;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .info i {
	color: #8DABC4;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 22px;
	margin-right: 15px;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .info i:last-child
	{
	margin-right: 0;
}

.fluent-design .slider-box>ul>li>ul>li.ver4 .text-box .info i:before {
	margin: 0;
	margin-right: 0 3px;
}

.fluent-design .slider-box .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.16);
}

.fluent-design .slider-box .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #FFFFFF;
}

.fluent-design .swiper-button-next, .fluent-design .swiper-container-rtl .swiper-button-prev,
	.fluent-design .swiper-button-prev, .fluent-design .swiper-container-rtl .swiper-button-next
	{
	height: 46px;
	width: 46px;
	border-radius: 7px;
	background-color: rgba(0, 0, 0, 0.27);
	padding: 10px;
	text-align: center;
}

.fluent-design .swiper-button-next i, .fluent-design .swiper-container-rtl .swiper-button-prev i,
	.fluent-design .swiper-button-prev i, .fluent-design .swiper-container-rtl .swiper-button-next i
	{
	color: #FFFFFF;
	font-size: 24px;
}

.fluent-design .swiper-button-next i::before, .fluent-design .swiper-container-rtl .swiper-button-prev i::before,
	.fluent-design .swiper-button-prev i::before, .fluent-design .swiper-container-rtl .swiper-button-next i::before
	{
	margin: 0;
}

/*fluent-design*/
/*swiper*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: none;
}

/*swiper*/
/*back-img-design*/
.back-img-design {
	height: auto;
	position: relative;
	background-image: url("../img/02.Section BG.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 30px 0;
}

.back-img-design .h1-title.design-border>span::before {
	background-color: #fff;
}

.back-img-design>img {
	width: 100%;
}

.back-img-design .row>.col {
	margin-top: 15px;
}

.back-img-design .row>.col .box {
	text-align: center;
}

.back-img-design .row>.col .box .img-box {
	margin-bottom: 15px;
}

.back-img-design .row>.col .box .text-box {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 700;
}

.back-img-design .row>.col .box .text-box em {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-left: 5px;
}

.back-img-design .row>.col .box .text-box span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-top: 15px;
}

/*back-img-design*/
/*new-notice-design*/
.new-notice-design .h1-title {
	color: #2A2B2E;
	font-size: 48px;
	margin-bottom: 25px;
	text-align: center;
	font-weight: 700;
}

.new-notice-design .box {
	height: 122px;
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	margin-bottom: 15px;
	font-size: 0;
}

.new-notice-design .box:last-child {
	margin-bottom: 0;
}

.new-notice-design .box>li {
	display: inline-block;
	padding: 20px 15px;
	vertical-align: top;
}

.new-notice-design .box>li p {
	color: #2A2B2E;
	font-size: 48px;
	letter-spacing: 0;
}

.new-notice-design .box>li p span {
	font-size: 20px;
	letter-spacing: 0;
	display: block;
	margin-top: 10px;
}

.new-notice-design .box>li:nth-child(2) {
	padding: 14px 0px;
	max-width: 200px;
}

.new-notice-design .box>li:nth-child(2) p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.new-notice-design .box>li:nth-child(2) p span {
	color: #808080;
	font-size: 18px;
	letter-spacing: -1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 1.2em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.new-notice-design .box>li:nth-child(3) {
	padding: 48px 15px;
	text-align: right;
}

.new-notice-design .box>li:nth-child(3) i {
	color: #007FE6;
	font-size: 24px;
}

.new-notice-design .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	border: 1px solid #007FE6;
	background-color: rgba(255, 255, 255, 0.16);
}

.new-notice-design .swiper-pagination-bullet.swiper-pagination-bullet-active
	{
	background-color: #007FE6;
}

.new-notice-design .swiper-container-horizontal>.swiper-pagination-bullets
	{
	bottom: 0px;
}

/*new-notice-design*/
/*fixed-navigation*/
.fixed-navigation {
	display: none;
}

/*fixed-navigation*/
/*detail-box*/
.detail-box .title {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: -1.54px;
}

.detail-box .title.icon {
	position: relative;
	padding-left: 35px;
	text-align: left;
	margin-bottom: 1rem;
}

.detail-box .title.icon i {
	color: #007FE6;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 28px;
}

.detail-box .text1, .detail-box .text2 {
	color: #2A2B2E;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	font-weight: 500;
}

.detail-box .text2 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	/*1214회의 후*/
	font-size: 18px;
	/*font-weight: 500;*/
}

.detail-box .box {
	margin-bottom: 20px;
}

.detail-box .box.info-ver {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CECECE;
}

.detail-box .box.info-list-ver {
	padding-bottom: 40px;
}

.detail-box .box.info-list-ver .box {
	padding-left: 32px;
	position: relative;
	letter-spacing: -1px;
	color: #2A2B2E;
	font-size: 16px;
	margin-bottom: 0;
}

.detail-box .box.info-list-ver .box i {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	color: #007FE6;
}

.detail-box .box.info-list-ver .box span {
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}

.detail-box .box.info-list-ver .box p {
	line-height: 1.5;
}

.detail-box .box.info-list-ver .box ul li {
	line-height: 24px;
}

.detail-box .box.content-ver .cycle-img .img {
	height: 283px;
	width: 283px;
	border-radius: 100%;
	overflow: hidden;
}

.detail-box .box.content-ver .cycle-img .img img {
	width: 100%;
	height: 100%;
}

.detail-box .box.content-ver .cycle-img p {
	margin-top: 20px;
	color: #2A2B2E;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -1px;
	text-align: center;
	width: 283px;
}

.detail-box .box.img-box {
	margin-bottom: 30px;
}

.detail-box .box.img-box .row>div>div {
	position: relative;
	height: 100%;
	border-radius: 4px;
	background-color: #FFFFFF;
	border: 1px solid #C9CDD1;
	box-shadow: 1px 10px 5px 0px rgb(167, 167, 167);
	overflow: hidden;
	padding: 5px;
}

.detail-box .box.img-box .row>div>div img {
	width: 100%;
	height: 100%;
}

.detail-box .box.img-box .row>div>div .info {
	border-radius: 15px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 30px;
	padding: 0 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	display: inline-block;
	
	/*1214 회의*/
	display:none;
}

.detail-box .box.img-box .row>div>div .info.color-blue {
	background-color: #007FE6;
}

.detail-box .box.img-box .row>div>div .info.color-green {
	background-color: #69C41F;
}

.detail-box .box.img-box .row>div>div .info.color-orange {
	background-color: #F08703;
}

.detail-box .box.img-box .row>div>div .title {
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: -1px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	margin: 0;
}

.detail-box .border-line {
	margin: 50px 0;
	background: #CECECE;
	height: 1px;
}

.detail-box .swiper-button-next, .detail-box .swiper-button-prev {
	height: auto;
	width: auto;
	padding: 10px 0;
	text-align: center;
	top: 130px;
}

.detail-box .swiper-button-next i, .detail-box .swiper-button-prev i {
	color: #007FE6;
	font-size: 70px;
}

.detail-box .swiper-button-next i::before, .detail-box .swiper-button-prev i::before
	{
	margin: 0;
}

.detail-box .swiper-button-next:focus, .detail-box .swiper-button-prev:focus
	{
	outline: none;
}

.detail-box .swiper-pagination {
	/*swiper-container 밖으로 빠져서 했을 경우*/
	width: 100%;
	text-align: center;
	bottom: -36px;
}
.detail-box .img-box .swiper-container-vertical .swiper-pagination {
    width: auto;
    bottom: auto;
}
.detail-box .img-box .swiper-pagination{
	bottom:0;
}
.detail-box .swiper-pagination-bullet {
	height: 14px;
	width: 14px;
	border: 1px solid #007FE6;
	background-color: rgba(0, 0, 0, 0);
	opacity: 1;
	margin: 0 4px;
}

.detail-box .swiper-pagination-bullet-active {
	background-color: #007FE6;
}

.detail-box .full-slide-ver .swiper-button-next, .detail-box .full-slide-ver .swiper-button-prev
	{
	height: 96px;
	width: 96px;
	border: 0;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.35);
	opacity: 1;
	top: 100px;
}

.detail-box .full-slide-ver .swiper-button-next i, .detail-box .full-slide-ver .swiper-button-prev i
	{
	color: #fff;
	font-size: 70px;
}

.detail-box .full-slide-ver .swiper-button-next i::before, .detail-box .full-slide-ver .swiper-button-prev i::before
	{
	margin: 0;
}

.detail-box .full-slide-ver .swiper-button-next:focus, .detail-box .full-slide-ver .swiper-button-prev:focus
	{
	outline: none;
}

.detail-box .full-slide-ver .swiper-slide {
	position: relative;
	overflow: hidden;
	padding: 15px 0;
}

.detail-box .full-slide-ver .swiper-slide::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0.5)));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.5) 100%);
	top: 0;
	left: 0;
	background: none;
}


.detail-box .full-slide-ver .swiper-slide .img-box {
	height: 100%;
    border-radius: 4px;
    width: 100%;
    box-shadow: 0px 3px 16px 0px rgb(165, 165, 165);
    overflow: hidden;
    padding: 15px;
    display: inline-block;
    position: relative;
    height: 300px;
    text-align: center;
}
.detail-box .full-slide-ver .swiper-slide img {
	height: 100%;
}

.detail-box .full-slide-ver .swiper-slide p {
	position: absolute;
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	text-align: center;
	bottom: 15px;
}

.detail-box .full-slide-ver .swiper-slide p span {
	display: block;
	font-size: 16px;
}

/*detail-box*/
/*modal*/
.custom-ver .modal-dialog{
    margin-top: 110px;
}
.custom-ver .modal-content {
	border: 1px solid rgba(183, 210, 229, 0.8);
	border-radius: 16px;
	background-color: #FFFFFF;
	-webkit-box-shadow: inset 0 -1px 0 0 #7E95A7;
	box-shadow: inset 0 -1px 0 0 #7E95A7;
}

.custom-ver .modal-header {
	padding: 30px;
}

.custom-ver .modal-header .modal-title {
	color: #000000;
	font-size: 36px;
	letter-spacing: -2.16px;
}

.custom-ver .modal-header .modal-title span {
	color: #007FE6;
	font-size: 20px;
}

.custom-ver .modal-header .close {
	position: absolute;
	right: 0px;
	top: 0;
	padding: 0;
	color: #fff;
	opacity: 1 !important;
}

.custom-ver .modal-header .close i {
	font-size: 40px;
}

.custom-ver .modal-body>img {
	width: 100%;
}

.custom-ver .info {
	font-size: 0;
	width: 100%;
	padding: 40px;
}

.custom-ver .info li {
	display: inline-block;
	margin-right: 20px;
	color: #808080;
	font-size: 18px;
	letter-spacing: -1.13px;
}

.custom-ver .info li:last-child {
	margin-right: 0;
}

.custom-ver .info li span {
	color: #2A2B2E;
	font-weight: 500;
	display: inline-block;
	margin-right: 15px;
}

.custom-ver .swipe-box .swiper-button-prev, .custom-ver .swipe-box .swiper-button-next
	{
	width: 70px;
	height: auto;
	top: 195px;
}

.custom-ver .swiper-button-prev {
	left: -70px;
}

.custom-ver .swiper-button-next {
	right: -70px;
}

.custom-ver .swipe-box .swiper-button-next i, .custom-ver .swipe-box .swiper-button-prev i
	{
	color: #fff;
	font-size: 70px;
	display: block;
}

.custom-ver .swipe-box .swiper-button-next i, .custom-ver .swipe-box .swiper-button-prev i
	{
	color: #fff;
	font-size: 70px;
}

.custom-ver .swipe-box .swiper-button-next i::before, .custom-ver .swipe-box .swiper-button-prev i::before
	{
	margin: 0;
}

.custom-ver .swipe-box .swiper-button-next:focus, .custom-ver .swipe-box .swiper-button-prev:focus
	{
	outline: none;
}

.custom-ver .swipe-box .swiper-slide {
	position: relative;
	overflow: hidden;
}

.custom-ver .swipe-box .swiper-slide::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0.5)));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.5) 100%);
	top: 0;
	left: 0;
}

.custom-ver .swipe-box .swiper-slide img {
	width: 100%;
}

.custom-ver .swipe-box .swiper-slide p {
	position: absolute;
	width: 100%;
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 29px;
	text-align: center;
	bottom: 15px;
}

.custom-ver .swipe-box .swiper-slide p span {
	display: block;
	font-size: 16px;
}

/*modal*/
/*custom padding,margin value*/
.py-custom-value1 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.py-custom-value2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
/*custom padding,margin value*/
/*time-line*/
.time-line {
	position: relative;
	height: 568px;
}

.time-line .time-line-info>div {
	position: absolute;
	border: 1px solid #C9CDD1;
	border-radius: 1rem;
	background-color: #FFFFFF;
	-webkit-box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	padding: 11px 30px;
	line-height: 1.3;
}

.time-line .time-line-info>div.in-img {
	padding: 8px;
	border-radius: 5px;
}

.time-line .time-line-info>div.in-img p {
	font-weight: 500;
}

.time-line .time-line-info>div:after {
	content: "";
	height: 13px;
	display: block;
	position: absolute;
	width: 13px;
	border-radius: 13px;
	background-color: #007FE6;
	border: 3px solid #fff;
}

.time-line .time-line-info>div.red:after {
	background-color: #E7282B;
}

.time-line .time-line-info>div img {
	height: 133px;
	width: 209px;
	display: block;
	margin-bottom: 7px;
}

.time-line .time-line-info>div .x-line:after {
	height: 1px;
}

.time-line .time-line-info>div .y-line:after {
	width: 1px;
}

.time-line .time-line-info>div>p {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -1px;
	text-align: center;
}

.time-line .time-line-info>div>p.red {
	color: #E7282B;
}

.time-line .time-line-info>div>span:after {
	content: "";
	background-color: #cecece;
	position: absolute;
}

.time-line .time-line-info>div:nth-child(1) {
	top: 318px;
	left: 27px;
}

.time-line .time-line-info>div:nth-child(1):after {
	top: -6px;
	left: 62px;
}

.time-line .time-line-info>div:nth-child(1) .y-line:after {
	height: 32px;
	top: -37px;
	left: 69px;
}

.time-line .time-line-info>div:nth-child(2) {
	top: 0;
	left: 0;
}

.time-line .time-line-info>div:nth-child(2):after {
	top: 76px;
	right: -12px;
}

.time-line .time-line-info>div:nth-child(2) .x-line:after {
	width: 37px;
	right: -34px;
	top: 82px;
}

.time-line .time-line-info>div:nth-child(2) .y-line:after {
	height: 170px;
	right: -35px;
	top: 82px;
}

.time-line .time-line-info>div:nth-child(3) {
	top: 318px;
	left: 220px;
}

.time-line .time-line-info>div:nth-child(3):after {
	top: -7px;
	left: 96px;
}

.time-line .time-line-info>div:nth-child(3) .y-line:after {
	height: 42px;
	top: -45px;
	left: 102px;
}

.time-line .time-line-info>div:nth-child(4) {
	left: 0;
	bottom: 0;
}

.time-line .time-line-info>div:nth-child(4):after {
	top: 76px;
	right: -12px;
}

.time-line .time-line-info>div:nth-child(4) .x-line:after {
	width: 173px;
	right: -173px;
	top: 81px;
}

.time-line .time-line-info>div:nth-child(4) .y-line:after {
	height: 197px;
	right: -173px;
	top: -116px;
}

.time-line .time-line-info>div:nth-child(5) {
	top: 146px;
	left: 334px;
}

.time-line .time-line-info>div:nth-child(5):after {
	bottom: -6px;
	right: 47px;
}

.time-line .time-line-info>div:nth-child(5) .y-line:after {
	height: 47px;
	right: 53px;
	bottom: -51px;
}

.time-line .time-line-info>div:nth-child(6) {
	top: 69px;
	left: 388px;
}

.time-line .time-line-info>div:nth-child(6):after {
	bottom: -6px;
	right: 47px;
}

.time-line .time-line-info>div:nth-child(6) .y-line:after {
	height: 138px;
	right: 53px;
	bottom: -138px;
}

.time-line .time-line-info>div:nth-child(7) {
	top: 318px;
	left: 458px;
}

.time-line .time-line-info>div:nth-child(7):after {
	top: -7px;
	left: 123px;
}

.time-line .time-line-info>div:nth-child(7) .y-line:after {
	height: 42px;
	right: 41px;
	top: -39px;
}

.time-line .time-line-info>div:nth-child(8) {
	left: 495px;
	bottom: 0;
}

.time-line .time-line-info>div:nth-child(8):after {
	top: -7px;
	left: 170px;
}

.time-line .time-line-info>div:nth-child(8) .y-line:after {
	height: 116px;
	right: 47px;
	top: -116px;
}

.time-line .time-line-info>div:nth-child(9) {
	top: 53px;
	left: 608px;
}

.time-line .time-line-info>div:nth-child(9):after {
	bottom: -7px;
	right: 110px;
}

.time-line .time-line-info>div:nth-child(9) .y-line:after {
	height: 42px;
	right: 116px;
	bottom: -40px;
}

.time-line .time-line-info>div:nth-child(10) {
	top: 318px;
	left: 687px;
	padding: 11px 15px;
}

.time-line .time-line-info>div:nth-child(10):after {
	top: -7px;
	left: 76px;
}

.time-line .time-line-info>div:nth-child(10) .y-line:after {
	height: 43px;
	right: 70px;
	bottom: 45px;
}

.time-line .time-line-info>div:nth-child(11) {
	top: 379px;
	left: 765px;
	padding: 11px 15px;
}

.time-line .time-line-info>div:nth-child(11):after {
	top: -7px;
	left: 81px;
}

.time-line .time-line-info>div:nth-child(11) .y-line:after {
	height: 107px;
	right: 39px;
	bottom: 63px;
}

.time-line .time-line-info>div:nth-child(12) {
	bottom: 0;
	right: 61px;
}

.time-line .time-line-info>div:nth-child(12):after {
	top: -7px;
	left: 38px;
}

.time-line .time-line-info>div:nth-child(12) .y-line:after {
	height: 240px;
	right: 178px;
	bottom: 46px;
}

.time-line .time-line-info>div:nth-child(13) {
	bottom: 61px;
	right: -13px;
}

.time-line .time-line-info>div:nth-child(13):after {
	top: -7px;
	left: 17px;
}

.time-line .time-line-info>div:nth-child(13) .y-line:after {
	height: 56px;
	right: 201px;
	bottom: 165px;
}

.time-line .time-line-info>div:nth-child(14) {
	top: 0;
	right: -12px;
}

.time-line .time-line-info>div:nth-child(14) p {
	color: #E7282B;
	font-weight: 700;
	font-size: 20px;
}

.time-line .time-line-info>div:nth-child(14) img {
	height: 175px;
	width: 265px;
}

.time-line .time-line-info>div:nth-child(14):after {
	bottom: -4px;
	right: 127px;
	background-color: #E7282B;
}

.time-line .time-line-info>div:nth-child(14) .y-line:after {
	height: 40px;
	right: 134px;
	bottom: -36px;
}

.time-line .year-cycle {
	position: relative;
	font-size: 0;
	height: 33px;
	top: 251px;
	background: #f4f9ff;
}

.time-line .year-cycle:before {
	content: "";
	position: absolute;
	background-color: #C4C4C4;
	height: 8px;
	width: 1131px;
	border-radius: 10px;
	top: 12px;
}

.time-line .year-cycle:after {
	content: '\e81c';
	position: absolute;
	font-family: "epicfont";
	color: #C4C4C4;
	font-size: 58px;
	right: -19px;
	top: -13px;
}

.time-line .year-cycle li {
	height: 23px;
	width: 23px;
	background-color: #C4C4C4;
	border: 5px solid #fff;
	display: inline-block;
	vertical-align: top;
	top: 5px;
	border-radius: 23px;
	position: absolute;
	-webkit-box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
	box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
}

.time-line .year-cycle li.blue {
	background-color: #007FE6;
	color: #007FE6;
}

.time-line .year-cycle li.red {
	background-color: #E7282B;
	color: #E7282B;
}

.time-line .year-cycle li span {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -1px;
	position: absolute;
	white-space: nowrap;
	bottom: -25px;
	left: -9px;
}

.time-line .year-cycle li:nth-child(1) {
	left: 17px;
}

.time-line .year-cycle li:nth-child(2) {
	left: 86px;
}

.time-line .year-cycle li:nth-child(3) {
	left: 133px;
}

.time-line .year-cycle li:nth-child(4) {
	left: 197px;
}

.time-line .year-cycle li:nth-child(5) {
	left: 249px;
}

.time-line .year-cycle li:nth-child(6) {
	left: 313px;
}

.time-line .year-cycle li:nth-child(7) {
	left: 387px;
}

.time-line .year-cycle li:nth-child(8) {
	left: 449px;
}

.time-line .year-cycle li:nth-child(9) {
	left: 522px;
}

.time-line .year-cycle li:nth-child(10) {
	left: 576px;
}

.time-line .year-cycle li:nth-child(11) {
	left: 628px;
}

.time-line .year-cycle li:nth-child(12) {
	left: 661px;
}

.time-line .year-cycle li:nth-child(13) {
	left: 706px;
}

.time-line .year-cycle li:nth-child(14) {
	left: 760px;
}

.time-line .year-cycle li:nth-child(15) {
	left: 800px;
}

.time-line .year-cycle li:nth-child(16) {
	left: 840px;
}

.time-line .year-cycle li:nth-child(17) {
	left: 887px;
}

.time-line .year-cycle li:nth-child(18) {
	left: 940px;
}

.time-line .year-cycle li:nth-child(19) {
	left: 1005px;
}

.time-line .year-cycle li:nth-child(20) {
	left: 1074px;
}

.time-line.ver1 {
	height: auto;
}

.time-line.ver1>p {
	color: #007FE6;
	font-size: 27px;
	font-weight: 900;
	letter-spacing: -0.5px;
	margin-bottom: 15px;
}

.time-line.ver1 .year-cycle {
	position: relative;
	font-size: 0;
	height: 100%;
	background: #ffffff;
	top: auto;
	padding-bottom: 20px;
}

.time-line.ver1 .year-cycle:before {
	width: 8px;
	height: 100%;
	top: 0;
}

.time-line.ver1 .year-cycle::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: auto;
	top: auto;
	left: -26px;
	bottom: -25px;
}

.time-line.ver1 .year-cycle li {
	height: auto;
	width: auto;
	border: none;
	display: block;
	vertical-align: top;
	border-radius: 0;
	padding-left: 30px;
	position: relative;
	left: auto !important;
	top: auto !important;
	background: rgba(255, 255, 255, 0);
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 20px;
}

.time-line.ver1 .year-cycle li:last-child {
	margin-bottom: 0;
}

.time-line.ver1 .year-cycle li:before {
	content: "";
	background-color: #007FE6;
	height: 23px;
	width: 23px;
	border: 5px solid #fff;
	vertical-align: top;
	top: -2px;
	border-radius: 23px;
	position: absolute;
	left: -8px;
	-webkit-box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
	box-shadow: -2px 2px 6px 0 rgba(58, 70, 93, 0.12);
}

.time-line.ver1 .year-cycle li span {
	position: static;
	bottom: auto;
	left: auto;
}

.time-line.ver1 .year-cycle li p {
	font-size: 15px;
	letter-spacing: -1px;
	margin-top: 8px;
	color: #2A2B2E;
	line-height: 1.5;
	max-width: 150px;
}

.time-line.ver1 .year-cycle li p .lev1 {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	display: block;
	padding-left: 5px;
	white-space: normal;
}

.time-line.ver1 .year-cycle li p .lev1:before {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

/*time-line*/
/*card-list-box1*/
.card-list-box1 li {
	margin-bottom: 20px;
}

.card-list-box1 li:last-child {
	margin-bottom: 0;
}

.card-list-box1 li .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	border: 1px solid #C9CDD1;
	border-radius: 5px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	box-shadow: 8px 12px 18px 0 rgba(25, 42, 70, 0.19);
	padding: 8px;
	margin-bottom: 20px;
}

.card-list-box1 li .box p {
	color: #007FE6;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 1px solid #007FE6;
	padding-bottom: 10px;
	margin: 0 12px;
	margin-bottom: 10px;
}

.card-list-box1 li .box ul {
	margin: 0 12px;
}

.card-list-box1 li .box ul li {
	color: #2A2B2E;
	font-size: 14px;
	letter-spacing: -1px;
	position: relative;
	padding-left: 10px;
	line-height: 1.5;
	margin-bottom: 0;
}

.card-list-box1 li .box ul li::before {
	content: "";
	height: 4px;
	width: 4px;
	background-color: #808080;
	display: inline-block;
	border-radius: 4px;
	position: absolute;
	top: 6px;
	left: 0;
}

/*card-list-box1*/
/*base-box1*/
.base-box1 {
	border-radius: 4px;
	background-color: #FFFFFF;
	border: 1px solid #C9CDD1;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	overflow: hidden;
	height: 100%;
}

.base-box1 .title3 {
	padding: 15px 0;
}

.base-box1 .text-box {
	padding: 0.8rem;
}

.base-box1 .text-box .lev1 {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 1.5;
}

.base-box1 .text-box .lev2 {
	letter-spacing: -1.5px;
	font-size: 14px;
	line-height: 1.5;
}

.base-box1 .text-box .lev2.info {
	font-size: 13px;
}

.base-box1 .text-box .day.position-absolute {
	left: 0;
	bottom: 15px;
}

/*base-box1*/
/*bootstrap-custom-css*/
.text-primary {
	color: #007FE6 !important;
}

.text-primary1 {
	color: #0B60DF !important;
}

.text-danger {
	color: #E7282B !important;
}

.text-dark {
	color: #2A2B2E !important;
}

.text-dark1 {
	color: #000 !important;
}

.text-warning {
	color: #F08703 !important;
}

.text-success {
	color: #229F34 !important;
}

.text-muted {
	color: #808080 !important;
}

.border-primary {
	border-color: #007FE6 !important;
}

/*bootstrap-custom-css*/
/*icon-before-m0*/
.icon-before-m0::before {
	margin: 0 !important;
}

/*icon-before-m0*/
/*desigh layout css*/
.desigh-cycle1 {
	border-width: 4px;
	overflow: hidden;
	border-style: solid;
	margin-bottom: 20px;
	border-radius: 100%;
}

.desigh-cycle1>div p {
	line-height: 1.3;
	padding: 10px 0;
	font-size: 14px;
}

.desigh-cycle1>div.bg-w p {
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 1rem;
	margin-top: 1rem;
	letter-spacing: -2px;
}

.desigh-cycle1>div.bg-w p.text-warning {
	margin-top: 0;
	padding: 0;
}

.desigh-table1 .th {
	color: #007FE6;
	font-size: 18px;
	letter-spacing: -1px;
	border: 4px solid #007FE6;
	border-radius: 8px;
	text-align: center;
	height: 100%;
	width: 90px;
	position: relative;
}

/*ie css*/
.desigh-table1 .col.flex-grow-0 {
	flex: 90px;
}

.desigh-table1 .th span {
	font-weight: bold;
	display: block;
	text-align: center;
	top: 50%;
	margin-top: -18px;
	width: 100%;
	position: absolute;
	height: 36px;
	line-height: 36px;
}

.desigh-table1 .td {
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	text-align: center;
	height: 100%;
	position: relative;
	padding: 20px 0;
}

.desigh-table1 .td p {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}

.desigh-table1 .td p span {
	font-size: 15px;
	letter-spacing: -1px;
	display: block;
	margin-bottom: 10px;
}

.desigh-table1 .td .day {
	color: #007FE6;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	position: absolute;
	width: 100%;
	text-align: center;
	top: -30px;
	left: 0;
}

.desigh-table1 .td i {
	width: 100%;
	bottom: -15px;
	left: 0;
	text-align: center;
	position: absolute;
	width: 15px;
	height: 15px;
	text-align: center;
	background: #f99;
	color: #fff;
	border-radius: 15px;
	left: 50%;
	margin-left: -7.5px;
}
.desigh-table1 .td i:before{
	margin:auto;
	font-size: 13px;
	position: relative;
	top: -2px;
	left: -0.5px;
}

/*desigh layout*/
/*grop-box*/
.grop-box .xline {
	width: 10px;
	height: 10px;
	background: #dbdbdb;
}

.grop-box .xline.big-center {
	width: 790px;
	margin: auto;
	margin-top: 48px;
}

.grop-box .base-box1 {
	height: auto;
	width: 270px;
	margin: auto;
	overflow: inherit;
}

.grop-box .yline {
	position: absolute;
	width: 10px;
	height: 49px;
	background: #dbdbdb;
	margin-left: -5px;
	left: 50%;
}

.grop-box .yline.top {
	top: -50px;
}

.grop-box .bg-color1 {
	background-color: #17C6FF;
}

.grop-box .bg-color2 {
	background-color: #15AEB0;
}

.grop-box .bg-color3 {
	background-color: #007FE6;
}

.grop-box .bg-color4 {
	background-color: #69C41F;
}

.grop-box .base-box1 p {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	padding: 15px 0;
}

.grop-box .base-box1 p span {
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 1;
	padding: 0;
	margin-bottom: 5px;
}

.grop-box .base-box1 span {
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 27px;
	text-align: center;
	display: block;
	padding: 10px;
}

.grop-box ul {
	width: 270px;
	margin: auto;
	margin-top: 15px;
}

.grop-box ul li {
	width: 127px;
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 5px;
	font-size: 18px;
	letter-spacing: -1px;
	border: 1px solid #C9CDD1;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
}

.grop-box ul li:nth-child(2n) {
	margin-right: 0px;
}

/*grop-box*/
/*.poster-ver1*/
.poster-ver1 .text-box>p {
	font-weight: 500;
	letter-spacing: -1.47px;
}

.poster-ver1 .text-box>span {
	letter-spacing: -1px;
}

.poster-ver1 .text-box>span:after {
	content: "";
	height: 4px;
	width: 100px;
	background-color: #007FE6;
	display: block;
	margin: 1rem 0;
}

.poster-ver1 .text-box>div {
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 24px;
}

.poster-ver1 .text-box>div>p {
	font-weight: 500;
	letter-spacing: -0.8px;
}

/*.poster-ver1*/
/*day_choice_box*/
.day_choice_box {
	overflow: hidden;
	text-align: center;
}

.day_choice_box .wave {
	font-size: 16px;
	margin: 0 2px;
	position: relative;
	display: inline-block;
	top: 11px;
	color: #373737;
	font-weight: 400;
	vertical-align: top;
}

.day_choice_box>.input_btn_box {
	background: #fff;
	display: inline-block;
	overflow: hidden;
	border-radius: 4px;
	width: 46.9%;
	position: relative;
	text-align: left;
	border: 1px solid #BDBDBD;
}

.day_choice_box>.input_btn_box:nth-child(1) {
	float: left;
}

.day_choice_box>.input_btn_box:nth-child(3) {
	float: right;
}

.day_choice_box>.input_btn_box input {
	border: 0;
	width: 80%;
	vertical-align: top;
	padding: 0 2px;
}

.day_choice_box>.input_btn_box input+button {
	background: rgba(255, 255, 255, 0);
	height: 36px;
	display: inline-block;
	border: 0;
	color: #373737;
	position: absolute;
	right: 0;
	top: 0;
}

.day_choice_box>.input_btn_box input+button>i {
	font-size: 17px;
	color: #373737;
}

.day_choice_box>.input_btn_box input+button>i:before {
	margin: 0;
}
/*
	.font-family-Arita-buri {
		font-family: 'Arita-buri' !important;
	}
*/
.detail-box .title.icon.font-family-Arita-buri {
	font-weight: 600;
}

.icon {
	overflow: hidden;
	text-align: center;
	margin: auto;
}

.icon img {
	width: 100%;
}
/*day_choice_box*/
.conversion {
	overflow: hidden;
	margin: 0 -15px;
}

.conversion>div {
	float: left;
	vertical-align: top;
	position: relative;
	padding: 0 15px;
	margin: 10px;
}

.conversion .info {
	border-radius: 15px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 30px;
	padding: 0 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	display: inline-block;
}

.conversion .title {
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: -1px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	margin: 0;
}

.conversion .info.color-blue {
	background-color: #007FE6;
}

.conversion .info.color-green {
	background-color: #69C41F;
}

.conversion .info.color-orange {
	background-color: #F08703;
}

.conversion>div img {
	max-height: 405px;
}

.conversion>div.col-md-12 img {
	max-height: initial;
}

.grid {
	display: block;
	position: relative;
}

.grid--column {
	display: block;
	position: relative;
	width: 33.333333%;
	width: calc(100%/ 3);
	float: left;
	padding: 0;
	box-sizing: border-box;
}

.grid--column:first-child {
	padding-right: 15px;
}

.grid--column ~ .grid--column {
	padding-left: 15px;
	padding-right: 15px;
}

.grid--column:last-of-type {
	padding-right: 0;
}

@media ( max-width : 991px) {
	.grid--column {
		width: 50%;
	}
}

@media ( max-width : 767px) {
	.grid--column {
		width: 100%;
	}
}

.grid--item .base-box1 {
	margin-bottom: 30px;
}

.grid--item:last-child .base-box1 {
	margin-bottom: 0;
}

.grid--item .base-box1 img {
	max-height: 550px;
	max-width: 425px;
	width: 100%;
}

.flex-images {
	overflow: hidden;
	font-size: 0;
}

.flex-images .item {
	float: none;
	margin: 0;
	border: 0;
	box-sizing: content-box;
	overflow: hidden;
	position: relative;
	padding: 0; /* max-height: 300px; */
	margin: 10px;
	max-width: 565px;
	display: inline-block;
	height: 300px;
}

.flex-images .item img {
	display: block;
	width: auto;
	height: 100%;
}

.time-photo {
	height: auto;
	background-repeat: no-repeat;
	background-position-x: center;
	font-size: 0;
	margin-bottom: 40px;
	background-size: 370px auto;
	width: 370px;
	margin: auto;
}

.time-photo>div {
	display: inline-block;
	width: 43%;
	height: 100%;
	position: relative;
	vertical-align: top;
	padding: 15px;
	border-radius: 4px;
	background-color: #FFFFFF;
	border: 1px solid #C9CDD1;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
}

.time-photo>div:nth-child(1) {
	margin-right: 20px;
	transform: rotate(-2deg);
}

.time-photo>div:nth-child(2) {
	transform: rotate(2deg);
}

.time-photo>div span {
	position: absolute;
	/*font-family: Arita-buri;*/
	font-size: 23px;
	padding: 5px 15px;
	background: #b598c4;
	border-radius: 3px;
	width: 105px;
	text-align: center;
	left: 50%;
	color: #fff;
	font-weight: 600;
	margin-left: -52.5px;
	top: -19px;
}

.time-photo>div span {
	position: absolute;
	/*font-family: Arita-buri;*/
	font-size: 23px;
	padding: 5px 15px;
	background: #b598c4;
	border-radius: 3px;
	width: 105px;
	text-align: center;
	left: 50%;
	color: #fff;
	font-weight: 600;
	margin-left: -52.5px;
	top: -19px;
}

.time-photo>div:nth-child(1) span {
	background: #0081ee;
}

.time-photo>div:nth-child(2) span {
	background: #ff8000;
}

.time-photo>div img {
	width: 100%;
	/* height: 100%; */
}
/*# sourceMappingURL=commons.css.map */
.nothing {
	padding: 15px 0;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.content-m-0:before {
	margin: 0 !important;
}

.total-search.integration-ver {
	padding: 22px 30px;
}

.total-search.integration-ver .category-box>ul {
	font-size: 0;
	border-bottom: 0;
}

.total-search.integration-ver .category-box>ul>li {
	display: inline-block;
	vertical-align: top;
	margin-right: 0;
}

.total-search.integration-ver .category-box>ul li:nth-child(1) {
	width: 100%;
}

.total-search.integration-ver .category-box>ul li:nth-child(2) {
	width: 50%;
}

.total-search.integration-ver .category-box>ul li:nth-child(3) {
	width: 50%;
	margin-right: 0;
}

.total-search.integration-ver .category-box>ul li a:hover, .total-search.integration-ver .category-box>ul li a.active
	{
	font-weight: 400;
}

.total-search.integration-ver .category-box>ul li a:hover::after,
	.total-search.integration-ver .category-box>ul li a.active::after {
	display: none;
}

.total-search.integration-ver .category-box>ul .input-search {
	background-color: #F4F9FF;
	border-radius: 8px;
	border: 0;
	position: relative;
	height: 48px;
}

.total-search.integration-ver .category-box>ul .input-search input {
	padding-right: 20px;
	font-size: 16px;
	letter-spacing: -1px;
	height: 48px;
	border: 0;
}

.total-search.integration-ver .category-box>ul .input-search a {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 48px;
	font-size: 30px;
	padding: 0;
}

.total-search.integration-ver .category-box>ul .input-search a i {
	color: #007FE6;
}

.total-search.integration-ver .category-box>ul .check-radio-box {
	color: #2A2B2E;
	padding: 17px 0;
}

.total-search.integration-ver .category-box>ul .btn {
	color: #2A2B2E !important;
	height: 48px;
	padding: 0;
	border: 1px solid #AFAFAF;
	border-radius: 4px;
	line-height: 48px;
	background-color: #FFFFFF;
}

.total-search.integration-ver .category-box>ul .btn i {
	color: #2A2B2E;
}

.total-search.integration-ver .category-box>ul .btn:hover {
	font-weight: 600;
}

.total-box .side {
	-ms-flex-preferred-size: 226px;
	flex-basis: 226px;
	overflow: hidden;
	margin-bottom: 20px;
}

.total-box .side .box {
	border-bottom: 1px solid #BBBECD;
	height: 100%;
}

.total-box .side .box .title {
	color: #1B2431;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.69px;
	background-color: #FAFBFB;
	line-height: 40px;
	padding: 0 20px;
	border-bottom: 1px solid #BBBECD;
	margin-bottom: 0;
}

.total-box .side .box ul {
	font-size: 0;
	padding: 10px;
}

.total-box .side .box ul li {
	display: inline-block;
	width: 50%;
	padding: 10px;
}

.total-box .side .box ul li p {
	color: #273142;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.75px;
	margin-bottom: 5px;
}

.total-box .side .box ul .input-search {
	position: relative;
	width: 100%;
	border: 1px solid #8492B4;
	border-radius: 4px;
}

.total-box .side .box ul .input-search input {
	border: 0;
	height: 32px;
	width: 100%;
}

.total-box .side .box ul .input-search a {
	font-size: 20px;
	color: #8492B4;
	position: absolute;
	right: 0;
	line-height: 32px;
}

.total-box .side .box ul .btn {
	background: #007FE6;
	height: 32px;
	color: #fff;
}

.total-box .side .box ul.ver1 li {
	color: #1B2431;
	font-size: 14px;
	letter-spacing: -0.75px;
	width: 100%;
	padding-bottom: 3px;
	overflow: hidden;
}

.total-box .side .box ul.ver1 li:last-child {
	margin-bottom: 0;
}

.total-box .side .box ul.ver1 li:before {
	content: "";
	height: 4px;
	width: 4px;
	display: inline-block;
	border-radius: 4px;
	background-color: #4B596D;
	vertical-align: middle;
	margin-right: 5px;
}

.total-box .side .box ul.ver1 li span i {
	color: #FF3278;
	font-size: 14px;
}

.total-box .side .box ul.up-down-new-ver li {
	color: #1B2431;
	font-size: 14px;
	letter-spacing: -0.75px;
	overflow: hidden;
	width: 100%;
	padding-bottom: 3px;
}

.total-box .side .box ul.up-down-new-ver li:last-child {
	margin-bottom: 0;
}

.total-box .side .box ul.up-down-new-ver li span {
	float: right;
}

.total-box .side .box ul.up-down-new-ver li span.up, .total-box .side .box ul.up-down-new-ver li span.down
	{
	font-size: 14px;
	letter-spacing: -0.75px;
}

.total-box .side .box ul.up-down-new-ver li span.up {
	color: #0094FF;
}

.total-box .side .box ul.up-down-new-ver li span.down {
	color: #FF3278;
}

.total-box .side .box ul.up-down-new-ver li span.new {
	width: 42px;
	border: 1px solid #00C8C9;
	border-radius: 4px;
	color: #00C8C9;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	margin-right: -5px;
}

.total-box .center .base-box1 {
	padding: 20px;
}

.total-box .center .base-box1>.top {
	border-bottom: 1px solid #BBBECD;
	padding-bottom: 6px;
	margin-bottom: 25px;
}

.total-box .center .base-box1>.top p {
	color: #E7282B;
	font-family: "Noto Sans CJK KR";
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 36px;
	display: inline-block;
}

.total-box .center .base-box1>.top span {
	color: #4B596D;
	font-size: 14px;
	letter-spacing: -1px;
}

.total-box .center .base-box1>.top .capsule-btn {
	margin-top: 15px;
	color: #2A2B2E;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: right;
}

.total-box .center .base-box1>.top .capsule-btn li {
	font-size: 15px;
	color: #2A2B2E;
}

.total-box .center .base-box1>.top .capsule-btn li a {
	width: auto;
	padding: 10px 20px;
	font-weight: 600;
}

.total-box .center .base-box1>.top .capsule-btn li a.active {
	color: #fff;
	background: #007FE6;
}

.total-box .center .list .box {
	margin-bottom: 80px;
}

.total-box .center .list .box:last-child {
	margin-bottom: 0;
}

.total-box .center .list .box .title {
	color: #1B2431;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbbecd;
}

.total-box .center .list .box .title span {
	color: #007FE6;
	font-size: 15px;
	letter-spacing: -1px;
}

.total-box .center .list .box .title .more {
	float: right;
	color: #007FE6;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
}

.total-box .center .list .img-text-ver {
	margin-bottom: 25px;
}

.total-box .center .list .img-text-ver:last-child {
	margin-bottom: 0;
}

.total-box .center .list .img-text-ver .img-box {
	-ms-flex-preferred-size: 200px;
	flex-basis: 100%;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	max-height: 300px;
	overflow: hidden;
}

.total-box .center .list .img-text-ver .img-box .img {
	border-radius: 4px;
	overflow: hidden;
}

.total-box .center .list .img-text-ver .img-box .img img {
	width: 100%;
	height: 100%;
}

.total-box .center .list .img-text-ver .text-box {
	font-size: 0;
	padding: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #BBBECD;
}

.total-box .center .list .img-text-ver .text-box .top {
	color: #2C405A;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1.69px;
	line-height: 27px;
}

.total-box .center .list .img-text-ver .text-box .top span {
	color: #E7282B;
	font-size: 18px;
	font-weight: bold;
}

.total-box .center .list .img-text-ver .text-box>span {
	color: #808080;
	font-size: 15px;
	letter-spacing: -0.94px;
	margin: 5px 0;
	display: block;
}

.total-box .center .list .img-text-ver .text-box>div {
	color: #2A2B2E;
	font-size: 14px;
	letter-spacing: -1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2;
	height: 3.6em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 15px;
}

.total-box .center .list .img-text-ver .text-box>div>span {
	color: #E7282B;
}

.total-box .center .list .img-text-ver .text-box a {
	height: 36px;
	width: auto;
	border: 1px solid #AFAFAF;
	padding: 0 5px;
	border-radius: 4px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
	box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
	color: #373737;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 36px;
	margin-right: 5px;
}

.slide-img {
	
}

.slide-img .base-box1 {
	
}

.slide-img .base-box1 .img-box {
	
}

.slide-img .base-box1 .img-box a {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position-x: center;
}

.slide-img .base-box1 .img-box a img {
	display: none;
}

.tab-top {
	margin-bottom: 10px;
}

.tab-top ul {
	font-size: 0;
}

.tab-top ul li {
	display: inline-block;
	vertical-align: top;
}

.tab-top ul li a {

	font-size:16px;
	display: block;
	padding: 0 15px;
	font-weight: 500;
	border: 0;
	line-height: 33px;
	border-radius: 0;
	margin-right: 10px;
	background: rgb(255 255 255/ 0);
	color: #2A2B2E !important;
	/* border-bottom: 0; */
	height: 0;
	border-right: 35px solid transparent;
	border-bottom: 35px solid #ffffff;
	cursor: pointer;
}

.tab-top ul li a:after {
	
}

.tab-top ul li a:hover, .tab-top ul li a.active {
	border-bottom-color: #17c6ff;
	color: #fff !important;
}

.tab-content {
	border-radius: 0 0 3px 3px;
	background-color: #FFFFFF;
	border: 1px solid #C9CDD1;
	-webkit-box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	box-shadow: 7px 8px 16px 0 rgba(55, 70, 95, 0.07);
	overflow: hidden;
	padding: 20px;
	border-top: 3px solid #17c6ff;
}

.detail-box .text2 .img.float-right {
	max-width: 100%;
    margin: 0;
    margin-top: 0;
    float: none !important;
    border-radius: 5px;
}

.banner.sub.custom-box {
	background-position-x: center;
	background-position-y: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
/*f&q list*/
.faq_list {
	
}

.faq_list>li {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #BBBECD;
}

.faq_list>li>div {
	position: relative;
}

.faq_list>li .question {
	width: 100%;
	line-height: 20px;
	overflow: hidden;
	padding: 15px;
}

.faq_list>li .question p {
	padding-left: 41px;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -1.29px;
	position: relative;
	color: #1B2431;
	line-height: 1.5;
}

.faq_list>li .question:before, .faq_list>li .question:after {
	content: "";
}

.faq_list>li .question:before {
	content: "Q";
	font-size: 24px;
	font-weight: 500;
	position: absolute;
	display: inline-block;
	left: 17px;
	padding: 5px 5px;
	background: #2EA2F8;
	color: #fff;
	border-radius: 4px;
	top: 13px;
}

.faq_list>li .question:after {
	content: '\e815';
	font-family: "epicfont";
	position: absolute;
	right: 7px;
	color: #4B596D;
	font-size: 30px;
	top: 19px;
	transform: rotate(-90deg);
	transition: all 0.5s;
}

.faq_list>li .question.trans:after {
	transform: rotate(0deg);
	transition: all 0.5s;
}

.faq_list>li .answer {
	overflow: hidden;
	display: none;
	padding: 15px;
	background-color: #FAFBFB;
	transition: all 0.5s;
	box-sizing: border-box;
}

.faq_list>li .answer:before, .faq_list>li .answer:after {
	content: "";
}

.faq_list>li .answer.trans {
	display: block;
}

.faq_list>li .answer:before {
	content: "A";
	font-size: 24px;
	font-weight: 500;
	position: absolute;
	display: inline-block;
	left: 17px;
	padding: 5px 8px;
	color: #008022;
	border-radius: 4px;
	border: 1px solid #008022;
	top: 8px;
}

.faq_list>li .answer:after {
	
}

.faq_list>li .answer p {
	position: relative;
	color: #4B596D;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: -1px;
	padding-left: 50px;
}

.faq_list>li:last-child {
	margin-bottom: 0;
}
/*faq_list*/
.background-img-ver {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

.detail-box .swiper-container .swiper-slide .col .text2 .img.float-right,
.detail-box .swiper-container .swiper-slide .col .text2 .img.float-left{
	max-width: 250px;
	max-height: 220px;
    margin: 20px;
    border-radius: 5px;
    margin-top: 0;
}
.grop-box.ver1{
	
}
.grop-box.ver1 ul{
	width: auto;
	    text-align: center;
}
.grop-box.ver1>ul>li{
	vertical-align: top;
	width: auto;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #C9CDD1;
	border-radius: 8px;
	padding: 0;
	overflow: hidden;
	background-color: #FFFFFF;
	box-shadow: 8px 12px 18px 0 rgba(25,42,70,0.19);
}
.grop-box.ver1 ul li p{
	background-color: #F3FAFF;
	height: 107px;
	font-size: 30px;
	/* line-height: 105px; */
	padding: 24px 25px;
	border-bottom: 1px solid #CECECE;
}
.grop-box.ver1 ul li p span{
	display: block;
	margin-top: 5px;
	line-height: 1;
	margin-top: 10px;
	color: #808080;
	font-size: 16px;
	letter-spacing: -1px;
}
.grop-box.ver1 ul li>ul{
	margin: 0;
	padding: 20px;
}
.grop-box.ver1 ul li>ul>li{
	display: block;
	width: 100%;
	border: 0;
	text-align: left;
	padding: 0;
	margin-bottom: 15px;
	color: #808080;
	padding-left: 10px;
	font-size: 16px;
	letter-spacing: -1px;
	position: relative;
}
.grop-box.ver1 ul li>ul>li:before{
	content: "";
	height: 6px;
	width: 6px;
	background-color: #007FE6;
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 6px;
}
.grop-box.ver1 ul li>ul>li:before{
	
}
.grop-box.ver1 ul li>ul>li span{
	display: block;
	margin: 10px 0;
}
/*
.detail-box .btn-box-ver1{
	position:static;
	width: 100%;
	
	text-align: right;
	margin: auto;
	padding: 0 15px;
}

.detail-box .btn-box-ver1 .swiper-button-prev,
.detail-box .btn-box-ver1 .swiper-button-next{
	position:static;
	display:inline-block;
	padding: 0;
}
.detail-box .btn-box-ver1>div>i{
	font-size: 31px;
	display: block;
}*/

.sub-content.content-ver>.datum-point, .sub-content.content-ver>.bg-pattern>.datum-point {
    padding: 30px 15px;
}
.img-text-ver1{
	
}
.img-text-ver1 img{
    width: 100%;
}

.kd_card_list {

}

.kd_card_list ul {
	font-size: 0;
	margin-bottom: 30px;
}

.kd_card_list>ul>li {
	display: inline-block;
	height: 199px;
	border-radius: 6px;
	border: 1px solid #BBBECD;
	width: 538px;
	margin-bottom: 30px;
	box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.kd_card_list>ul>li:nth-child(2n) {
	margin-left: 30px;/*온나라 경영대회 카드에 짝수 간격 땜시*/
}
.kd_card_list.ver1>ul>li:nth-child(2n){
	margin-left:auto;
}
.kd_card_list>ul>li .img_box {
	width: 182px;
	border-right: 1px solid #B0C2D4;
	height: 100%;
	display: inline-block;
}
.kd_card_list>ul>li .img_box2 {
	width: 182px;
	border-right: 1px solid #B0C2D4;
	height: 100%;
	display: inline-block;
}
.kd_card_list>ul>li .img_box a{

display: block;

height: 100%;
}
.kd_card_list>ul>li .img_box2 a{

display: block;

height: 100%;
}
.kd_card_list>ul>li .img_box a img{

width: 100%;

height: 100%;
}
.kd_card_list>ul>li .img_box2 a img{

width: 100%;

height: 100%;
}
.kd_card_list>ul>li .text_box {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 353px;
	text-align: center;
}

.kd_card_list>ul>li .text_box>div>p a {
	height: 50px;
    color: #1B2431;
    font-size: 16px;
    font-weight: 900;
    margin-top: 2px;
    text-align: left;
    margin-left: 18px;
    line-height: 25px;
    letter-spacing: -0.9px;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kd_card_list>ul>li .text_box>div>p>span {
	font-weight: 400;
	display: block;
	margin-top: 16px;
	margin-left: 18px;
	color: #0094FF;
	text-align: left;
	font-size: 14px;
	letter-spacing: -0.78px;
}

.kd_card_list>ul>li .text_box>div>ul {
	margin-bottom: 13px;
	padding-bottom: 30px;
	border-bottom: 1px solid #BBBECD;
	padding-left: 18px;
	text-align: left;
}

.kd_card_list>ul>li .text_box>ul>div>li {
	display: block;
}

.kd_card_list>ul>li .text_box>div>ul>li>p {
	font-weight: 400;
	color: #657690;
	font-size: 12px;
	letter-spacing: -0.86px;
}

.kd_card_list>ul>li .text_box>div>ul>li>p>span {
	margin-right: 5px;
	color: #4B596D;
	font-size: 12px;
	margin-right: 12px;
	font-weight: 900;
	letter-spacing: -0.86px;
}

.kd_card_list>ul>li .text_box>.btn_box a{
	font-size: 14px;
	height: 30px;
	padding: 8px;
	width: 110px;
    cursor: context-menu;
	text-align: center;
	box-sizing: border-box;
	color: #1B2431;
	font-weight: 900;
	line-height: 13px;
}
.kd_card_list>ul>li .text_box>.btn_box.ngc_btn.reverse{
	cursor: pointer;
}

.bu_btn {
	border-radius: 4px;
	background: #007FE6;
	letter-spacing: -1px;
	color: #fff !important;
}
.card-list-box.new21-ver1 {}

.card-list-box.new21-ver1 .base-box1 {
    padding: 30px;
}

.card-list-box.new21-ver1>div>.row>div {
    margin-bottom: 30px;
}

.card-list-box.new21-ver1 .img_box-box {}
.card-list-box.new21-ver1 .img_box-box .img_box {
    height: 300px;
    overflow: hidden;
    position: relative;
}
.card-list-box.new21-ver1 .img_box-box .img_box2 {
    height: 300px;
    overflow: hidden;
    position: relative;
}
.card-list-box.new21-ver1 .img_box-box .img_box a{
    display: block;
}
.card-list-box.new21-ver1 .img_box-box .img_box2 a{
    display: block;
}
.card-list-box.new21-ver1 .img_box-box .img_box a img{
    width: 100%;
}
.card-list-box.new21-ver1 .img_box-box .img_box2 a img{
    width: 100%;
}
.card-list-box.new21-ver1 .text_box-box {}
.card-list-box.new21-ver1 .text_box-box .text_box .title a{
    font-weight: 500;
    letter-spacing: -0.8px;
}
.card-list-box.new21-ver1 .text_box-box .text_box .title span{
	display:block;
	color: #007FE6;
	font-size: 14px;
	letter-spacing: -1px;
	margin-bottom: 5px;
}
.card-list-box.new21-ver1 .text_box-box .text_box li{margin-bottom:10px;}
.card-list-box.new21-ver1 .text_box-box .text_box li>p{
    color: #808080;
    font-size: 15px;
}
.card-list-box.new21-ver1 .text_box-box .text_box li>p>span{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #2A2B2E;
    margin-right: 10px;
}
.card-list-box.new21-ver1 .text_box-box .btn_box{
	text-align:center;
}
.card-list-box.new21-ver1 .text_box-box .btn_box .btn{
	font-size: 15px;
	padding: 0 15px;
	line-height: 36px;
	border: 1px solid #AFAFAF;
	  border-radius: 4px;
	  background-color: #FFFFFF;
	  box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
	  margin-right:10px;
}
.card-list-box.new21-ver1 .text_box-box .btn_box .btn i{}
.card-list-box.new21-ver1 .text_box-box .btn_box .btn:last-child{margin-right:0}
.card-list-box.new21-ver1 .text_box-box .btn_box .btn.ver1{
	background: #007FE6;
	border-color: #007FE6;
	color:#fff;
}
.card-list-box.new21-ver1 .text_box-box .btn_box .btn.ver1 i{color: #fff;}

.new-21-detail-box{}
.new-21-detail-box .top{
    margin-bottom: 30px;
}
.new-21-detail-box .top .img-box{}
.new-21-detail-box .top .img-box .img{
    border-radius: 10px;
    width: 100%;
}
.new-21-detail-box .top .img-box .img img{}
.new-21-detail-box .top .text-box{}
.new-21-detail-box .top .text-box .title{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.new-21-detail-box .top .text-box span{
    display: block;
    border-top: 1px solid #CECECE;
    padding: 17px 0;
    color: #808080;
    font-size: 18px;
    letter-spacing: -1px;
}
.new-21-detail-box .top .text-box span:last-child{
	border-bottom:1px solid #cecece;
}
.new-21-detail-box .top .text-box span em{
    color: #2A2B2E;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    display: inline-block;
    width: 100px;
}
.new-21-detail-box .top .btn-box{
    margin-top: 30px;
}
.new-21-detail-box .top .btn-box .btn{
    width: 100%;
    border: 1px solid #AFAFAF;
    border-radius: 4px;
    background: #FFFFFF;
    color: #2A2B2E;
    font-weight: 600;
    font-size: 16px;
    padding: 15px;
}
.new-21-detail-box .top .btn-box .btn i{}
.new-21-detail-box .top .btn-box .btn.ver1{
    background: #007FE6;
    border-color: #007FE6;
    color: #fff;
}
.new-21-detail-box .top .btn-box .btn.ver1 i{
    color: #fff;
}
.new-21-detail-box .area-box{
    margin-bottom: 30px;
}
.new-21-detail-box .icon-title{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CECECE;
}
.new-21-detail-box .icon-title p{
    color: #2A2B2E;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1.54px;
    line-height: 33px;
}
.new-21-detail-box .icon-title p i{
    color: #007FE6;
}
.new-21-detail-box .user-info{}
.new-21-detail-box .user-info .base-box1{
    text-align: center;
    padding: 15px;
    box-shadow: 8px 12px 18px 0 rgba(25,42,70,0.19);
}
.new-21-detail-box .user-info>div{
	margin-bottom: 10px;
}
.new-21-detail-box .user-info span{
    color: #007FE6;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 18px;
    display: block;
}

.new-21-detail-box .user-info p{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.8px;
    line-height: 36px;
    color: #2A2B2E;
}
.new-21-detail-box .lev-text{    margin-bottom: 20px;}
.new-21-detail-box .lev-text p{
    color: #1B2431;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.89px;
    line-height: 24px;
    margin-bottom: 5px;
}
.new-21-detail-box .lev-text p i{}
.new-21-detail-box .lev2{
    display: block;
    padding-left: 15px;
    position: relative;
    color: #4B596D;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 23px;
}
.new-21-detail-box .lev2:last-child{}
.new-21-detail-box .lev2:before{
	content:"•";
	position: absolute;
	left: 5px;
}
.new-21-detail-box .lev3{
    display: block;
    padding-left: 15px;
    position: relative;
    color: #4B596D;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 23px;
}
.new-21-detail-box .lev3:last-child{}

.new-21-detail-box img{
	width:100%;
}

.modal-backdrop{
  opacity: 0.7 !important;
}
.custom-ver2{}
.custom-ver2 .modal-dialog{
    max-width: 1140px;
    margin: 0;
}
.custom-ver2 .modal-content {
  border: 0;
  border-radius: 0;
  background-color: rgb(0 0 0 / 0%);
  box-shadow: none;
}

.custom-ver2 .modal-header {
  position: relative;
  background-color: #F2F5FC;
  padding: 20px;
}

.custom-ver2 .modal-header .modal-title {
    float: left;
    line-height: 1;
}
.custom-ver2 .modal-header .modal-title p{
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  /* letter-spacing: -1px; */
}
.custom-ver2 .modal-header .modal-title p i{
  margin-right: 15px;
  font-size: 40px;
}
.custom-ver2 .modal-header .modal-title span {
  color: #007FE6;
  font-size: 20px;
}

.custom-ver2 .modal-header .close {
  color: #fff;
  opacity: 1 !important;
  margin: 0;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  position: absolute;
}

.custom-ver2 .modal-header .close i {
  font-size: 40px;
  color: #000;
}

.custom-ver2 .modal-body > img {
  width: 100%;
}

.custom-ver2 .info {
  font-size: 0;
  width: 100%;
  padding: 40px;
}

.custom-ver2 .info li {
  display: inline-block;
  margin-right: 20px;
  color: #808080;
  font-size: 18px;
  letter-spacing: -1.13px;
}

.custom-ver2 .info li:last-child {
  margin-right: 0;
}

.custom-ver2 .info li span {
  color: #2A2B2E;
  font-weight: 500;
  display: inline-block;
  margin-right: 15px;
}
.custom-ver2 .modal-body{
    box-shadow: 0 12px 24px 0 rgba(50,50,50,0.8);
    padding: 0;
}
.custom-ver2 .modal-body .input-form-box{
	padding: 25px;
}
.custom-ver2 .modal-body .flex-grow-0.w-ver1,
.input-box .flex-grow-0.w-ver1{
    flex-basis: 135px;
    max-width: 135px;
}
.custom-ver2 .modal-body .flex-grow-0.w-ver2,
.input-box .flex-grow-0.w-ver2{
    flex-basis: 360px;
    max-width: 360px;
}
.custom-ver2 .modal-body .flex-grow-0.w-ver3,
.input-box .flex-grow-0.w-ver3{
    flex-basis: 190px;
    max-width: 190px;
}
.custom-ver2 .modal-body .flex-grow-0.w-ver4,
.input-box .flex-grow-0.w-ver4{
    flex-basis: 80px;
    max-width: 80px;
}
.input-form-box .lev1-box {
    margin-bottom: 20px;
}
.input-form-box .lev1-box:last-child{
  margin-bottom:0;
}
.input-form-box .lev1-box .lev1-title {
    margin-bottom: 20px;
}

.input-form-box .lev1-box .lev1-title p {
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.input-form-box .lev1-box .lev1-title p i {
    font-size: 27px;
    color: #7b7b7b;
    color: var(--gray7);
    margin-right: 5px;
}

.input-form-box .lev1-box .lev2-box {
    margin-bottom: 50px;
    padding-bottom: 50px;
    /* border-bottom:1px solid #a5a5a5; */
}
.input-form-box .lev1-box .lev2-box:last-of-type,
.input-form-box .lev1-box.ver1 .lev2-box:last-of-type{
  margin-bottom:0;
  padding-bottom:0;
  border:0;
}
.input-form-box .lev1-box .lev2-title{
    margin-bottom: 20px;
    margin-left: 1.5rem;
}
.lev2-title p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 600;
}
.lev2-title p span{
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}
.lev2-title p i {
    font-size: 28px;
    margin-right: 5px;
    color: #7b7b7b;
    color: var(--gray7);
}
.lev2-title.ver1 p{
  font-size: 24px;
}
.lev2-title.ver1 p i{
  font-size: 36px;
  vertical-align: middle;
}
.pb-100px_rem.input-form-box {}

.pt-60px_rem.pb-100px_rem.input-form-box {}

.input-form-box .lev1-box .lev2-box .form-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}

.input-form-box .lev1-box .lev2-box>.row>div {
    margin-bottom: 15px;
}
.input-form-box .lev1-box .lev2-box>.row>div:last-child{
  margin-bottom:0;
  padding-bottom: 0;
}
.input-form-box .lev1-box .lev2-box .info{
  display: block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.8px;
  padding: 0;
  line-height: 30px;
}
.input-form-box .lev1-box .lev2-box .info .detail{
  border-color: #808080;
  border-radius: 2px;
  padding: 0;
  line-height: 30px;
  padding: 0 7px;
  font-size: 15px;
  color: #808080;
}
.input-form-box .lev1-box .lev2-box .info+.guide{
  margin-top:10px;
}
.input-form-box .lev1-box .lev2-box .guide{
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row>div .info>.btn{
  min-width: auto;
  line-height: 20px;
  padding: 0px 10px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row,
.input-form-box .lev1-box .lev2-box>.row>div>.row>div>.row{
  margin-bottom:30px;
  margin-left: -15px;
  margin-right: -15px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row:last-of-type,
.input-form-box .lev1-box .lev2-box>.row>div>.row>div>.row:last-of-type{
  margin-bottom: 0;
}

.input-form-box .lev1-box .lev2-box>.row>div>.row>div:first-child{
  /* padding-left:0; */
}
.input-form-box .lev1-box .lev2-box>.row>div>.row>div{margin-bottom:10px;}
.input-form-box .lev1-box .lev2-box>.row>div>.row>div.wave{
  flex-grow: 0;
  flex-basis: 20px;
  max-width: 20px;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
  padding: 0;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mail>div.wave,
.input-form-box .lev1-box .lev2-box>.row>div>.row.phone>div.wave{
	padding: 0;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row>div:last-child{
  margin-bottom:0;
}
.input-form-box .lev1-box .lev2-box>.row>div>.btn{
  display:block;
  padding: 0;
  text-align: center;
  line-height: 34px;
}
/*
.input-form-box .lev1-box .lev2-box>.row>div>.row>div .btn {
  max-height: 36px;
  border-radius: 8px;
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  min-width: 80px;
  padding: 0px 20px;
  text-align: center;
}
*/
.input-form-box .lev1-box .lev2-box>.row>div>.row>div .btn.action{
  min-width:auto;
}
.inquiry-box .btn-box{margin-top: 70px;}
.inquiry-box .btn-box .btn{
  padding: 0 34px;
  line-height: 48px;
  margin-right: 24px;
}
.inquiry-box .btn-box .btn:last-child{margin-right:0;}
.input-form-box .lev1-box .lev2-box>.row>div>.row.phone{

}
.input-form-box .lev1-box .lev2-box>.row>div>.row.phone>div{padding-right: 5px;padding-left: 5px;}
.input-form-box .lev1-box .lev2-box>.row>div>.row.phone>div:first-child{
  padding-right: 5px;
  padding-left: 15px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.phone>div:last-child{
  padding-left: 5px;
  padding-right: 15px;
}
.row.phone .btn.certified,
.row.address .btn.certified,
.certified{
  padding: 0 0px;
  font-size: 18px;
  border-radius: 8px;
  line-height: 48px;
  display: block;
  text-align: center;
}
.btn.certified{
    border-radius: 8px;
    padding: 0 0px;
    font-size: 18px;
    line-height: 38px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mail{ /*mali => mail*/

}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mail>div{padding-right: 5px;padding-left: 5px;}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mail>div:first-child{
  padding-right: 5px;
  padding-left: 15px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mail>div:last-child{
  padding-left: 5px;
  padding-right: 15px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.address{

}
.input-form-box .lev1-box .lev2-box>.row>div>.row.address>div:first-child{
  padding-right: 5px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.address>div:nth-child(2){padding-left: 10px;margin-bottom: 10px;}
.input-form-box .lev1-box .lev2-box>.row>div>.row.address>div:nth-child(3){
  padding-right: 10px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.address>div:last-child{
  padding-left: 5px;
  padding-right: 15px;
}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mmddyy{

}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mmddyy>div:first-child{

}
.input-form-box .lev1-box .lev2-box>.row>div>.row.mmddyy>div:last-child{

}
.value-box {
    padding: 12px 0;
    border-bottom: 1px solid #A5A5A5;
    min-height: 50px;
}

.value-box p {
font-size: 30px;
    font-weight: 600;
    line-height: 28px;
}
.value-box.text-value{
  font-size: 14px;
  letter-spacing: -1px;
  padding: 0;
  line-height: 39.5px;
  min-height: 40px;
}
.value-box.text-value.disable{
  background: #f3f3f3;
}
.value-box.text-value .list{
  padding: 0 3px;
  /* letter-spacing: -2px; */
}

.value-box.text-value .list .close-btn{

}
.value-box.text-value .list .close-btn i{
  color: #D94343;
}
.value-box.text-value a{
  color: #2A2B2E;
}
.value-box p em {
    letter-spacing: -1px;
    font-size: 16px;
}
.value-box.check-radio-ver{
  display:table;
  width: 100%;
}
.value-box.check-radio-ver .check-radio-box{
  /* margin-right:8px; */
  display: table-cell;
}
.value-box.check-radio-ver .check-radio-box:last-child{
  margin-right:0;
}
/*content7*/
.content_7 {
	background: #F0F6FB;
	position: relative;
	margin-bottom: 0;
	padding: 14px 0;
}

.content_7 .swiper-wrapper {
	
}

.content_7 .swiper-wrapper .swiper-slide {
	background: #F0F6FB;
}

.content_7 .swiper-wrapper .swiper-slide ul {
	background: #F0F6FB;
	width: 100%;
	font-size: 0;
	padding: 20px 0;
}

.content_7 .swiper-wrapper .swiper-slide ul li {
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

.content_7 .swiper-wrapper .swiper-slide ul li img {
	height: 41px;
}

.content_7 .swiper-button-next, .content_7 .swiper-button-prev {
	background-image: none;
	width: auto;
	height: auto;
	top: 45px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

.content_7 .swiper-button-next i, .content_7 .swiper-button-prev i {
	color: #97A8B6;
	font-size: 36px;
}

.content_7 .swiper-button-next {
	right: 0;
}

.content_7 .swiper-button-prev {
	left: 0;
}

.swiper-slide>.text-box {
	color: #fff;
	z-index: 10;
	position: absolute;
	width: 330px;
	height: 250px;
	left: 50%;
	margin-left: -165px;
	top: 50%;
	margin-top: -125px;
	line-height: 1.5;
	text-align: center;
	z-index: 10;
}

.swiper-slide>.text-box .text1 {
	font-size: 12px;
	font-weight: 400;
	/*font-family: Arita-buri;*/
}

.swiper-slide>.text-box .text2 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: -4px;
}

.swiper-slide>.text-box .text2::after {
	content: "";
	display: block;
	margin: 10px auto;
	height: 2px;
	width: 100px;
	background-color: #FFFFFF;
}

.swiper-slide>.text-box .text3 {
	font-size: 12px;
	letter-spacing: 0px;
	font-weight: 100;
}

.A0100box1 {border-radius: 15px;
  background-color: #EFF3F6;position: relative;width: 100%;height: 100%;}

.A0100box1 img {position: absolute;}
.A0100box1 .img1 {left: 40px;top: 40px;}
.A0100box1 .img2 {height: calc(100% - 300px);bottom: 15px;right: 15px;}

.m-overscroll{overflow: auto;}
.m-overscroll table{min-width: 900px;}
.table-box.ver1{}
.table-box.ver1 th{background-color: #E4EDF7;line-height: 45px;font-size: 16px;}
.table-box.ver1 td{background:#fff; text-align:center;font-size: 16px;font-weight: 600;    padding: 15px 0;}
.tab-design-box1 {}

.tab-design-box1>ul {font-size: 0;border-bottom: 1px solid #D8D8D8;margin-bottom: 25px;padding-bottom: 5px;}

.tab-design-box1>ul>li {display: inline-block;vertical-align: top;margin-right: 15px;}

.tab-design-box1>ul>li>a {color: #2A2B2E;
  
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 24px;display: block;}

.tab-design-box1>ul>li>a:hover,
.tab-design-box1>ul>li>a.select {
  color: #3F8CFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;position: relative;
}
.tab-design-box1>ul>li>a:hover:before,
.tab-design-box1>ul>li>a.select:before{
  content:"";
  background:#3F8CFF;
position: absolute;bottom: -5px;width: 100%;left: 0;height: 3px;}
.tab-design-box-ver {}

.tab-design-box-ver .title-1 {
	line-height: 1;
	padding: 10px 25px;
	font-size: 36px;
  font-weight: 900;
  letter-spacing: -0.85px;color: #007FE6;border-bottom: 1px solid #C9CDD1;}

.tab-design-box-ver .swiper-box1 {}

.tab-design-box-ver .swiper-box1 .swiper-button-prev,.tab-design-box-ver .swiper-box1 .swiper-button-next {top: 50%;transform: translateY(-50%);}

.tab-design-box-ver .title-1>span {color: #007FE6;
  
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -1px;    display: block;}

.tab-design-box-ver .swiper-box1 .box-design {padding: 30px 10px;}
.tab-design-box-ver .swiper-box1 .box-design>.row{margin: 0;}
.tab-design-box-ver .swiper-box1 .box-design>.row>div {padding: 0;}

.tab-design-box-ver .swiper-box1 .box-design .box {border-radius: 10px;
  background-color: #F2F7FC;padding: 20px;margin: 9px;height: calc(100% - 18px);
  padding-right:0;
  }

.tab-design-box-ver .swiper-box1 .box-design .box .txt1 {color: #2A2B2E;
  
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1px;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}

.tab-design-box-ver .swiper-box1 .box-design .box ul {}

.tab-design-box-ver .swiper-box1 .box-design .box ul li {margin-bottom: 10px;}
.tab-design-box-ver .swiper-box1 .box-design .box ul li:last-child{margin-bottom:0;}
.tab-design-box-ver .swiper-box1 .box-design .box ul li p {color: #2A2B2E;
  
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.93px;margin-bottom: 5px;}

.tab-design-box-ver .swiper-box1 .box-design .box ul li span {color: #2A2B2E;
  
  font-size: 13px;
  letter-spacing: -0.87px;
  line-height: 19px;padding-left: 15px;display: block;line-height: 1.7;
 }
 .tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    margin: auto;
    margin-right: 15px;
}
.tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
}
.tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active a,
.tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet:hover a{
    color: #3F8CFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    position: relative;
}
.tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet:hover a:before,
.tab-design-box1>ul.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active a:before{
    content: "";
    background: #3F8CFF;
    position: absolute;
    bottom: -5px;
    width: 100%;
    left: 0;
    height: 3px;
}
 
.row.interval-custom1 {
    margin: 0 -5px;
}

.row.interval-custom1>div {
    padding: 0 5px;
}