@charset "UTF-8";

/* SCoreDream */
@font-face {
	font-family: "SCoreDream";
	font-weight: 100;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream1.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream1.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 200;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream2.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream2.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 300;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream3.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream3.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 400;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream4.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream4.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 500;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream5.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream5.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 600;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream6.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream6.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 700;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream7.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream7.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 800;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream8.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream8.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "SCoreDream";
	font-weight: 900;
	font-style: normal;
	src: url("/resources/branch/fonts/SCoreDream9.woff2") format("woff2"), url("/resources/branch/fonts/SCoreDream9.woff") format("woff");
	font-display: swap;
}

/* EliceDigitalBaeum */
@font-face {
	font-family: "EliceDigitalBaeum";
	font-weight: 400;
	font-style: normal;
	src: url("/resources/branch/fonts/EliceDigitalBaeumRegular.woff2") format("woff2"), url("/resources/branch/fonts/EliceDigitalBaeumRegular.woff") format("woff"), url("/resources/branch/fonts/EliceDigitalBaeumRegular.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "EliceDigitalBaeum";
	font-weight: 700;
	font-style: normal;
	src: url("/resources/branch/fonts/EliceDigitalBaeumBold.woff2") format("woff2"), url("/resources/branch/fonts/EliceDigitalBaeumBold.woff") format("woff"), url("/resources/branch/fonts/EliceDigitalBaeumBold.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	font-weight: 400;
	font-style: normal;
	src: url("/resources/branch/fonts/SBAggroL.woff") format("woff"), url("/resources/branch/fonts/SBAggroL.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	font-weight: 500;
	font-style: normal;
	src: url("/resources/branch/fonts/SBAggroM.woff") format("woff"), url("/resources/branch/fonts/SBAggroM.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	font-weight: 700;
	font-style: normal;
	src: url("/resources/branch/fonts/SBAggroB.woff") format("woff"), url("/resources/branch/fonts/SBAggroB.otf") format("opentype");
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/SBAggro.woff2") format("woff2");
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SBAggroLight.woff") format("woff");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SBAggroMedium.woff") format("woff");
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "SBAggro";
	;
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SBAggroBold.woff") format("woff");
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "JoyfulStory";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff") format("woff");
	font-weight: normal;
	font-display: swap;
}

body,
header,
section,
footer,
h1,
h2,
h3,
h4,
div,
dl,
dt,
dd,
p,
ul,
ol,
li,
button,
figure,
figcaption,
img {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

body.hiddenScroll {
	overflow: hidden;
}

body,
button {
	font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
	font-weight: 400;
	letter-spacing: -0.4px;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input,
select,
textarea {
	font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
	font-weight: 400;
	letter-spacing: -0.4px;
}

input~.caution {
	opacity: 0;
}

input:invalid {
	outline: 3px solid #f00;
}

input:invalid~.caution {
	opacity: 1;
}

input:valid {
	outline: 1px;
}

button {
	border: none;
	background-color: transparent;
	cursor: pointer;
}

button>span {
	pointer-events: none;
}

button:active,
a:active {
	opacity: 0.8;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	vertical-align: middle;
}

li {
	list-style: none;
}

.hidden,
.sound-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(0 0 0 0) !important;
	overflow: hidden !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
}

#skipnavigation {
	position: relative;
	z-index: 1100;
}

#skipnavigation .skip {
	position: absolute;
	top: 0;
	left: 0;
}

#skipnavigation a {
	display: block;
	height: 1px;
	width: 1px;
	margin-bottom: -1px;
	overflow: hidden;
	text-align: center;
	background-color: #000;
	color: #fff;
	white-space: nowrap;
}

#skipnavigation a:focus,
#skipnavigation a:active {
	height: auto;
	width: auto;
	padding: 5px;
	margin-bottom: 10px;
}

#wrap {
	position: relative;
	padding: 0;
	min-height: 100%;
	z-index: 200;
	scrollbar-width: none;
}

.mKeysub1 .bg,
#footer .bg,
#wrap .bg {
	position: relative;
	margin: 0 auto;
	width: 1500px;
	zoom: 1;
}

#wrap .bg:after {
	display: block;
	clear: both;
	content: "";
}

#wrap,
#footer {
	min-width: 1520px;
}

/* modify20260401 */

#header {
	position: sticky;
	top: 0px;
	background-color: #fff;
	z-index: 500;
}

#header .uh {
	background-color: #fafafa;
}

#header .uh .bg {
	font-size: 14px;
	height: 42px;
}

#header .uh a {
	display: inline-block;
	color: #333;
	line-height: 42px;
	height: 42px;
}

#header .uh .link {
	float: left;
}

#header .uh .link a {
	position: relative;
	float: left;
	font-size: 14px;
	font-weight: 500;
	padding: 0 13px;
	text-align: center;
	font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
}

#header .uh .link a:last-child:after {
	display: none;
}

#header .uh .link a.type2 {
	background: #299b8c;
	color: #fff;
}

#header .uh .util {
	float: right;
	font-size: 14px;
	padding: 0;
}

#header .uh .util a {
	margin: 0 0 0 18px;
}

#header .uh .util .name {
	background: url(/resources/branch/images/ico_log1.png) 0 50% no-repeat;
	padding: 0 0 0 23px;
}

#header .uh .util .name+.out {
	margin-left: 4px;
}

#header .mh .bg {
	height: 100px;
}

#header .mh h1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: left;
	width: 350px;
	height: 100px;
}

#header .mh .util {
	float: right;
	margin: 19px -13px 0 0;
}

#header .mh .util .bt {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	background-color: #299b8c;
	border-radius: 6px;
	padding: 0 10px;
	line-height: 35px;
	height: 35px;
	vertical-align: middle;
}

body.scrolling #header {
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
}

.iLog1,
.iFind1,
.iMenu1 {
	display: inline-block;
	background: url(/resources/branch/images/icon-hamberger.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 58px;
	height: 58px;
	vertical-align: middle;
}

.iFind1 {
	background-image: url(/resources/branch/images/icon-search.png);
}

.mGnb {
	font-weight: 600;
}

.mGnb .list li {
	float: left;
}

.mGnb .list li:last-child .dep2 {
	border-right: 1px solid #e8e8e8;
}

.mGnb .list li .dep1 {
	position: relative;
	display: block;
	color: #333;
	font-size: 21px;
	font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
	font-weight: 700;
	letter-spacing: -0.7px;
	padding: 0 40px;
	line-height: 100px;
	height: 100px;
	-webkit-transition: all 0.4s 0s;
	transition: all 0.4s 0s;
	z-index: 102;
}

.mGnb .list li .dep2 {
	display: none;
	position: absolute;
	top: 100px;
	left: 0;
	background-color: #fff;
	width: 100%;
	padding: 0 24px;
	z-index: 101;
}

.mGnb .list li .dep2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	margin-left: -24px;
	min-width: 1500px;
	height: 100%;
	background-color: #fff;
	-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mGnb .list li .dep2 .ti {
	position: relative;
	margin: 0 0 0 -105px;
	background-color: #fff;
	padding: 47px 0 0;
	width: 265px;
	z-index: 10;
}

.mGnb .list li .dep2 .ti:after {
	content: "";
	position: absolute;
	top: 73px;
	left: -110px;
	background-color: #777;
	width: 89px;
	height: 1px;
}

.mGnb .list li .dep2 .ti:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 20px;
	height: 100%;
}

.mGnb .list li .dep2 .ti .t {
	position: relative;
	font-size: 38px;
	font-weight: 600;
	letter-spacing: -1px;
	white-space: nowrap;
	font-family: "SCoreDream", "맑은 고딕", "돋움", dotum, sans-serif;
}

.mGnb .list li .dep2 .ti .c {
	position: relative;
	color: #979797;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 10px 0 0 5px;
	white-space: nowrap;
}

.mGnb .list li .dep2 .ls {
	padding: 47px 0;
}

.mGnb .list li .dep2 .ls ul+ul {
	margin-top: 35px;
}

.mGnb .list li .dep2 .ls ul {
	zoom: 1;
}

.mGnb .list li .dep2 .ls ul:after {
	display: block;
	clear: both;
	content: "";
}

.mGnb .list li .dep2 .ls li {
	float: left;
	margin: 0 0 0 80px;
	width: 298px;
}

.mGnb .list li .dep2 .ls li:nth-of-type(n+4) {
	margin-top: 35px;
}

.mGnb .list li .dep2 .ls li:hover .t {
	background-color: #279c2f;
	border-color: #279c2f;
	color: #fff;
}

.mGnb .list li .dep2 .ls li .t {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 10px;
	border: 1px solid #d0d0d0;
	color: #282828;
	font-size: 18px;
	padding: 0 29px;
	height: 56px;
}

.mGnb .list li .dep2 .ls li .t .icon-wrap img:last-of-type {
	display: none;
}

.mGnb .list li .dep2 .ls li .t:hover .icon-wrap img:last-of-type {
	display: block;
}

.mGnb .list li .dep2 .ls li .t:hover .icon-wrap img:first-of-type {
	display: none;
}

.mGnb .list li .dep2 .ls li .dep3 {
	padding: 0px 0 0;
}

.mGnb .list li .dep2 .ls li .dep3 a+a {
	margin-top: 8px;
}

.mGnb .list li .dep2 .ls li .dep3 a {
	position: relative;
	display: block;
	color: #4e4e4e;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 40px;
	padding: 0 0 0 20px;
}

.mGnb .list li .dep2 .ls li .dep3 a.ol {
	display: inline-block;
	background: url("/resources/branch/images/ico_outlink1.png") 100% 50% no-repeat;
	padding: 0 22px 0 20px;
	;
}

.mGnb .list li .dep2 .ls li .t+.dep3 a {
	background-position: 100% calc(50% + 7px);
	padding-top: 15px;
}

.mGnb .list li .dep2 .ls li .dep3 a:hover {
	color: #279c2f;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mGnb .list li .dep2 .ls li .dep3 a:before {
	content: "";
	background-color: #cdcdcd;
	border-radius: 50%;
	background-color: #cdcdcd;
	width: 5px;
	height: 5px;
}

.mGnb .list li.active .dep1,
.mGnb .list li.hover .dep1 {
	color: #299b8c;
}

.mGnb .list li.hover .dep2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.visual-wrap {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.mKeysub1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	width: 100%;
	max-width: 2200px;
	height: 300px;
}

.mKeysub1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 304px;
	width: 1896px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 0;
	pointer-events: none;
	z-index: 1;
}

.mKeysub1.plant:before {
	background-image: url("/resources/branch/images/sub-visual-plant.png");
}

.mKeysub1 h3 {
	font-size: 36px;
	line-height: 46px;
	font-weight: 500;
}

.mKeysub1 .info {
	font-size: 14px;
	line-height: 24px;
}

.mKeysub1 .cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
}

.mKeysub1 .left {
	position: absolute;
	width: 377px;
	height: 300px;
	padding: 76px 0 0 65px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url("/resources/branch/images/sub-visual-left.png") no-repeat 50% 0;
	font-size: 38px;
	line-height: 50px;
	letter-spacing: -2px;
	color: #333;
	font-weight: 600;
	text-align: left;
}

.mKeysub1 .left:after {
	content: "";
	position: absolute;
	bottom: -20px;
	right: -48px;
	width: 322px;
	height: 185px;
	background: url("/resources/branch/images/object-mountain.png") no-repeat 50% 50%;
	z-index: 1;
	pointer-events: none;
}

.mKeysub1 .left span {
	position: relative;
}

.mKeysub1 .left span:before {
	content: "";
	position: absolute;
	top: -20px;
	right: -20px;
	width: 27px;
	height: 26px;
	background: url("/resources/branch/images/icon-leaf.png") no-repeat 50% 50%;
}

.mKeysub1 .text-wrap {
	position: relative;
	width: min(100%, 1400px);
	margin: 0 auto;
	z-index: 2;
}

.mKeysub1 .cell {
	vertical-align: middle;
	text-align: right;
}

.mKeysub1 h3 {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -2px;
	margin: -10px 0 0;
}

.mKeysub1 .info {
	font-size: 16px;
	margin: 10px 0 0;
}

#body {
	margin: 80px auto 0;
	width: min(1500px, 100%);
}

#body .bg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
}

#body .bg.block {
	display: block;
}

#body .mLnb {
	min-width: 270px;
	width: 270px;
}

#body .contents {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 0 0 70px;
	padding: 193px 0 200px;
}

#footer {
	min-width: 1600px;
}

#footer.active {
	z-index: 201;
}

#footer {
	position: relative;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	font-size: 15px;
	margin-top: 86px;
	z-index: 1;
}

#footer .bg {
	display: -webkit-flex;
	display: flex;
	width: 1500px;
}

#footer .link {
	border-bottom: 1px solid #e5e5e5;
}

#footer .link .col {
	position: relative;
	border-right: 1px solid #e5e5e5;
}

#footer .link .col:first-child {
	border-left: 1px solid #e5e5e5;
}

#footer .link .col {
	flex: 1;
}

#footer .link .col .sel {
	display: block;
	background: url(/resources/branch/images/ico_footer1.png) calc(100% - 20px) 50% no-repeat;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	letter-spacing: -1px;
	padding: 0 40px 0 23px;
	width: 100%;
	height: 67px;
}

#footer .text .bg {
	color: #6b6b6b;
	font-size: 14px;
	padding: 47px 0;
}

#footer .text .log {
	float: left;
	padding: 30px 0 0;
	width: 320px;
}

#footer .text .txt {
	-webkit-flex: 1;
	flex: 1;
	line-height: 160%;
}

#footer .text .txt .ad {
	font-size: 15px;
	margin: 10px 0 0;
}

#footer .text .txt .nuri {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #333;
	margin: 12px 0 0;
}

#footer .text .txt .nuri img {
	padding-bottom: 5px;
}

#footer .text .txt .ad .bar {
	font-family: dotum;
}

#footer .text .txt .ln a {
	position: relative;
	display: inline-block;
	color: #3a3a3a;
	font-size: 15px;
}

#footer .text .txt .ln a+a {
	margin-left: 15px;
}

#footer .text .txt .ln a+a:before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: -10px;
	border-radius: 50%;
	background-color: #3a3a3a;
	width: 2px;
	height: 2px;
}

#footer .text .img {
	padding: 10px 0;
}

.lSelect1 {
	display: none;
	position: absolute;
	bottom: 100%;
	left: -1px;
	background-color: #fff;
	border: 4px solid #9b9b9b;
	width: calc(100% - 5px);
	z-index: 1;
}

.lSelect1 a {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	padding: 17px 20px;
}

.lSelect1 a+a {
	border-top: 1px solid #d9d9d9;
}


.swiper-wrapper {
	z-index: none;
}

.mMain22 .swiper-slide {
	margin: 0 !important;
}

.mMain22 {
	position: relative;
	padding: 0 0 61px;
}

.mMain22 .list .swiper {
	border-radius: 20px;
	overflow: hidden;
}

.mMain22 .gPag {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 34px;
	padding: 0 45px 0 20px;
	text-align: center;
	line-height: 34px;
	height: 36px;
	z-index: 1;
}

.mMain22 .swiper-pagination {
	position: static;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	margin: 0 3px 0 0;
	width: auto;
	vertical-align: top;
}

.mMain22 .custom-pagination {
	position: static;
	display: inline-block;
	font-size: 14px;
}

.mMain22 .custom-pagination .custom-dot {
	display: inline-block;
	background-color: #cbcbcb;
	border-radius: 10px;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	transition: all 0.4s 0s;
}

.mMain22 .custom-pagination .custom-dot.active {
	background-color: #41aa37;
	width: 38px;
}

.mMain22 .stop,
.mMain22 .play {
	position: absolute;
	top: -1px;
	right: -5px;
	background: url(/resources/branch/images/ico_stop1.png) 50% 50% no-repeat #41aa37;
	border-radius: 0 34px 34px 0;
	text-indent: -9999px;
	font-size: 0;
	margin-left: 3px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
}

.mMain22 .play {
	display: none;
	background-image: url(/resources/branch/images/ico_play1.png);
	vertical-align: middle;
}

.forM {
	display: none;
}

.mLnb h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #279c2f;
	border-radius: 12px;
	color: #fff;
	font-size: 30px;
	letter-spacing: -0.5px;
	font-weight: 600;
	padding: 5px 0 0;
	text-align: center;
	width: 100%;
	height: 154px;
}

.mLnb h3 span {
	position: relative;
	padding: 0 28px;
}

.mLnb h3 span:before {
	content: "";
	position: absolute;
	top: -23px;
	right: 0;
	background: url(/resources/branch/images/ico_lnb1.png) 0 0 no-repeat;
	width: 42px;
	height: 31px;
}

.mLnb .list {
	border: 1px solid #dedede;
	border-radius: 12px;
	margin: 22px 0 0;
	padding: 10px 18px;
}

.mLnb .list>li {
	border-bottom: 1px solid #ebebeb;
}

.mLnb .list>li:last-child {
	border-bottom: 0;
}

.mLnb .list>li .dep1 {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.5px;
	padding: 22px 50px 22px 10px;
	width: 100%;
	word-break: keep-all;
}

.mLnb .list>li .dep1:before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	right: 13px;
	background: url(/resources/branch/images/ico_lnb_arr1.png) 50% 50% no-repeat;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.4s 0s;
	transition: all 0.4s 0s;
}

.mLnb .list>li .dep2 {
	display: none;
	background-color: #fbfbfb;
	border-top: 1px solid #43ad4a;
	padding: 14px 0;
}

.mLnb .list>li .dep2 li a,
.mLnb .list>li .dep2 li button {
	position: relative;
	display: block;
	background: url(/resources/branch/images/ico_dep3.png) calc(100% - 20px) 50% no-repeat;
	font-size: 13px;
	font-weight: normal;
	padding: 8px 20px;
}

.mLnb .list>li .dep2 li button {
	width: 100%;
}

.mLnb .list>li .dep2 li.active a,
.mLnb .list>li .dep2 li.active button,
.mLnb .list>li .dep2 li a:hover {
	color: #50b457;
	font-weight: 500;
	background-image: url(/resources/branch/images/ico_dep3_a.png);
}

.mLnb .list>li .dep2 .iDep3 {
	padding-right: 45px;
}

.mLnb .list>li .dep2 .iDep3:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 34px;
	margin-top: -6px;
	background: url(/resources/branch/images/ico_dep3.png) 50% 50% no-repeat;
	width: 12px;
	height: 12px;
}

.mLnb .list>li .dep2 li.active .iDep3:after,
.mLnb .list>li .show .iDep3:after {
	margin-top: -1px;
	height: 2px;
}

.mLnb .list>li .dep2 .dep3 {
	display: none;
	background-color: #fff;
	border-radius: 8px;
	margin: 10px 30px 15px 0;
	padding: 17px 19px;
}

.mLnb .list>li .dep2 .dep3 li a {
	color: #000;
	font-weight: 400;
	text-decoration: none;
	padding: 2px 0 2px 11px;
}

.mLnb .list>li .dep2 .dep3 li a:before {
	top: 13px;
	background-color: #484848;
	width: 5px;
	height: 1px;
}

.mLnb .list>li .dep2 .dep3 li.active a {
	text-decoration: underline;
}

.mLnb .list>li.active .dep1,
.mLnb .list>li:hover .dep1 {
	color: #17a481;
	font-weight: 600;
}

.mLnb .list>li.active .dep1:before,
.mLnb .list>li:hover .dep1:before {
	background-image: url(/resources/branch/images/ico_lnb_arr1_a.png);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mLnb .list>li.active.nosub .dep1 {
	position: relative;
}

.mLnb .list>li.nosub .dep1 {
	padding-right: 50px;
}

.gTitle1 {
	position: relative;
	margin: 58px auto 0;
	text-align: left;
	width: 1440px;
	z-index: 1;
}

.gTitle1>.title:first-of-type {
	padding-top: 36px;
}

.gTitle1 h4 {
	color: #333;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -2.4px;
}

.gTitle1 .title {
	margin: 18px 0 0;
}

.gTitle1 .title .desc {
	margin-top: 15px;
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	font-family: SCoreDream, serif;
	color: #333;
}

.desc_in {
	margin-bottom: 50px;
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	color: #227369;
	background: #f2fbfa;
	padding: 28px 20px;
	border-radius: 15px;
}

.gTitle1 .title h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 46px;
	font-family: "SBAggro";
	line-height: 50px;
	font-weight: 500;
	color: #333;
}

/*260309 조가인 추가*/
.gTitle1 .title .h4_txt {
	text-align: center;
	font-size: 18px;
	margin: 20px 0 40px;
}

.use .guide_listw {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	text-align: center;
}

.use .guide_listw li {
	display: inline-block;
}

.use .guide_listw li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 25px;
}

.use .guide_listw li a span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	border-radius: 100%;
	background-color: #edf0f1;
}

.use .guide_listw li a p {
	text-align: center;
	font-size: 16.5px;
	font-weight: 600;
}
/*//260309 조가인 추가//*/

.gTitle1 .mBc1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
}

.gTitle1 .mBc1.forM {
	display: none;
}

.mUtil1 {
	margin-left: auto;
	text-align: right;
}

.mUtil1 a+button,
.mUtil1 a+a {
	margin-left: 8px;
}

.mUtil1 button,
.mUtil1 a {
	display: inline-block;
	background: url(/resources/branch/images/ico_util1_1.png) 50% 50% no-repeat;
	border: 1px solid #cbcbcb;
	margin-left: 8px;
	border-radius: 50%;
	text-indent: -9999px;
	font-size: 0;
	width: 46px;
	height: 46px;
	vertical-align: middle;
}

.mUtil1 .attach {
	background-image: url(/resources/branch/images/ico_util1_2.png);
}

.mUtil1 .print {
	background-image: url(/resources/branch/images/ico_util1_3.png);
}

.mUtil1 .qrcode{
	background-image: url(/resources/branch/images/ico_util1_4.png);
}

.mBc1 {
	margin: 0 0 0 9px;
	text-align: center;
}

.mBc1>span {
	position: relative;
	display: inline-block;
	color: #3b3b3b;
	font-size: 15px;
	letter-spacing: 0;
	margin: 0 0 0 28px;
	vertical-align: middle;
}

.mBc1>span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -19px;
	background: url(/resources/branch/images/ico_bc2.png) 50% 50% no-repeat;
	width: 7px;
	height: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mBc1>.cur {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mBc1 .home {
	position: relative;
	display: inline-block;
	background: url(/resources/branch/images/ico_bc1.png) 0 50% no-repeat;
	margin-left: 0;
	padding: 0 0 0 26px;
}

.mBc1 .home:before {
	display: none;
}

.mSitemap1,
.forM {
	display: none;
}

.mSitemap1.active {
	left: 0;
}

.mSitemap1 {
	display: block;
	position: fixed;
	top: 0;
	left: -100%;
	background-color: #fff;
	font-weight: 700;
	width: 100%;
	height: 100%;
	z-index: 1000;
	-webkit-transition: all 0.4s 0s;
	transition: all 0.4s 0s;
}

.mSitemap1 .title {
	background-color: #279c2f;
	padding: 16px 17px 21px;
}

.mSitemap1 .title .close {
	position: absolute;
	top: 0;
	right: 0;
	background: url(/resources/branch/images/ico_close1_m.png) 50% 50% no-repeat;
	background-size: 17px auto;
	text-indent: -9999px;
	font-size: 0;
	width: 61px;
	height: 57px;
}

.mSitemap1 .util {
	background-color: #136019;
}

.mSitemap1 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	height: calc(100% - 212px);
}

.mSitemap1 .list .dep1 {
	border-right: 1px solid #d7d7d7;
	width: 140px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.mSitemap1 .list .dep1 li.active,
.mSitemap1 .list .dep1 li a:hover {
	border-bottom-color: #279c2f;
	color: #279c2f;
	font-weight: bold;
}

.mSitemap1 .list .dep1 a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	border-bottom: 1px solid #d7d7d7;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
	padding: 0 15px;
	height: 60px;
}

.mSitemap1 .list .dep1 li.m2 a {
	background-image: url(/resources/branch/images/ico_menu1_2_m.png);
	background-position: 50% 18px;
	padding-top: 58px;
}

.mSitemap1 .list .dep1 li.m3 a {
	background-image: url(/resources/branch/images/ico_menu1_3_m.png);
}

.mSitemap1 .list .dep1 li.m4 a {
	background-image: url(/resources/branch/images/ico_menu1_4_m.png);
}

.mSitemap1 .list .dep1 li.m5 a {
	background-image: url(/resources/branch/images/ico_menu1_5_m.png);
	background-position: 50% 18px;
	padding-top: 58px;
}

.mSitemap1 .list .dep1 li.m6 a {
	background-image: url(/resources/branch/images/ico_menu1_6_m.png);
	background-position: 50% 18px;
	padding-top: 58px;
}

.mSitemap1 .list .dep2 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-top: 1px solid #dcdcdc;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.mSitemap1 .list .dep2>ul>li {
	border-bottom: 1px solid #dcdcdc;
}

.mSitemap1 .list .dep2>ul>li a,
.mSitemap1 .list .dep2>ul>li button {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	text-align: left;
	width: 100%;
	padding: 17px 40px 17px 15px;
	word-break: keep-all;
}

.mSitemap1 .list .dep2>ul>li button:before {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 18px;
	background: url(/resources/branch/images/ico_menu1_arr_m.png) 50% 50% no-repeat;
	background-size: 14px auto;
	width: 14px;
	height: 8px;
	-webkit-transition: all 0.4s 0s;
	transition: all 0.4s 0s;
}

.mSitemap1 .list .dep2>ul>li li button:before {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 18px;
	background: url(/resources/branch/images/ico_menu1_arr2_m.png) 50% 50% no-repeat;
	background-size: 12px auto;
	width: 12px;
	height: 12px;
	opacity: 1;
	-webkit-transition: all 0s 0s;
	transition: all 0s 0s;
}

.mSitemap1 .list .dep2>ul>li li.active button:before {
	margin-top: 6px;
	height: 1px;
}

.mSitemap1 .list .dep2>ul>li li .dep4 {
	display: none;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 19px 10px;
	padding: 17px 19px;
}

.mSitemap1 .list .dep2>ul>li .dep3 li .dep4 li {
	position: relative;
	padding: 0;
}

.mSitemap1 .list .dep2>ul>li .dep3 li .dep4 li:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	background-color: #484848;
	width: 5px;
	height: 1px;
}

.mSitemap1 .list .dep2>ul>li .dep3 li .dep4 li a {
	position: relative;
	display: block;
	padding: 2px 0 2px 11px;
}

.mSitemap1 .list .dep2>ul>li .dep3 li .dep4 li.active a {
	text-decoration: underline;
}

.mSitemap1 .list .dep2>ul>li a {
	padding-right: 19px;
}

.mSitemap1 .list .dep2>ul>li a:before {
	display: none;
}

.mSitemap1 .list .dep2>ul>li .dep3 {
	display: none;
	background-color: #f9f9f9;
	border-top: 1px solid #dcdcdc;
	padding: 18px 0;
}

.mSitemap1 .list .dep2>ul>li .dep3 a {
	display: block;
	color: #3c3c3c;
	font-size: 13px;
	padding: 8px 18px;
	height: auto;
}

.mSitemap1 .list .dep2>ul>li .dep3 a:hover {
	font-weight: bold;
}

.mSitemap1 .list .dep2>ul>li.active button {
	font-weight: bold;
}

.mSitemap1 .list .dep2>ul>li.active button:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mSitemap1 .list .dep2>ul>li .dep3 a.ol,
.mSitemap1 .list .dep2>ul>li a.ol {
	background-image: none;
}

.mSitemap1 .list .dep2>ul>li a.ol span {
	display: inline-block;
	font-size: 13px;
	line-height: 140%;
	padding: 17px 40px 17px 15px;
	background: url(/resources/branch/images/ico_outlink1.png) 100% 35% no-repeat;
	background-size: 12px;
	padding: 0 20px 0 0;
}

.mSitemap1 .list .dep2>ul>li .dep3 a.ol span {
	display: inline-block;
	background: url(/resources/branch/images/ico_outlink1.png) 100% 35% no-repeat;
	background-size: 12px;
	padding: 0 20px 0 0;
}


.mLang1 {
	position: relative;
}

.mLang1 .sel {
	position: relative;
	display: block;
	background: url(/resources/branch/images/ico_lang1.png) 0 3px no-repeat;
	background-size: 13px auto;
	color: #fff;
	font-size: 14px;
	padding: 0 0 0 20px;
	font-weight: 700;
}

.mLang1 .sel:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background: url(/resources/branch/images/ico_lang1_arr.png) 0 3px no-repeat;
	background-size: 11px auto;
	width: 11px;
	height: 6px;
}

.mLang1 .selList {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #279c2f;
	padding: 5px 0;
	width: 100%;
}

.mLang1 .selList a {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 2px 0 2px 20px;
}

.mLink1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 23px 5px 0;
}

.mLink1 a {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff;
	font-size: 13px;
	padding: 65px 0 0;
	text-align: center;
}

.mLink1 a:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 28px);
	background: url(/resources/branch/images/ico_sm1_1.png) 50% 50% no-repeat #bfe1c1;
	background-size: 25px auto;
	border-radius: 50%;
	width: 56px;
	height: 56px;
}

.mLink1 .log:before {
	background-image: url(/resources/branch/images/ico_sm1_2.png);
}

.mLink1 .my:before {
	background-image: url(/resources/branch/images/ico_sm1_3.png);
}

.mUtil2 {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	background-color: #136019;
	text-align: center;
	height: 50px;
}

.mUtil2 .col {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
}

.mUtil2 .col a,
.mUtil2 .col .sel {
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 50px;
	height: 50px;
}

.mUtil2 .col a>span,
.mUtil2 .col .sel>span {
	position: relative;
	background: url(/resources/branch/images/ico_util2_1.png) 100% 50% no-repeat;
	background-size: 11px auto;
	padding: 0 23px 0 0;
}

.mUtil2 .col.family .sel {
	text-align: center;
	width: 100%;
}

.mUtil2 .col.family .sel>span {
	background-image: none;
	padding-right: 20px;
}

.mUtil2 .col.family .sel>span:before {
	content: "";
	position: absolute;
	top: calc(50% - 5.5px);
	right: 0;
	background: url(/resources/branch/images/ico_lang1_arr.png) 50% 50% no-repeat;
	background-size: 11px auto;
	width: 11px;
	height: 11px;
}

.mUtil2 .col .lFamily1 {
	display: none;
	position: absolute;
	top: calc(100% - 3px);
	left: calc(50% - 85px);
	background-color: #fff;
	border: 3px solid #136019;
	padding: 15px 0;
	width: 165px;
	z-index: 1;
}

.mUtil2 .col .lFamily1 a {
	display: block;
	color: #136019;
	font-weight: 500;
	padding: 10px 5px;
	line-height: 130%;
	height: auto;
}

.gCount1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin: 0 0 27px;
}

.gCount1 .mCount1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 0;
	padding-bottom: 0;
	font-size: 15px;
	line-height: 25px;
}

.gCount1 .rt {
	text-align: right;
}

.mCount1+.mBoard1 {
	margin-top: 27px;
}

.mCount1 {
	font-size: 15px;
	margin: 52px 0 0;
}

.mCount1 strong {
	color: #f39939;
	font-weight: 500;
}

.mSearch1 .select {
	min-width: 140px;
	vertical-align: middle;
	margin-right: 3px;
}

.mSearch1 .it {
	margin-left: 1px;
	min-width: 270px;
	vertical-align: middle;
}

.mSearch1 .it.w365 {
	min-width: 365px;
}

.mSearch1 .find {
	display: inline-block;
	background: url(/resources/branch/images/ico_find2.png) 50% 50% no-repeat #17a481;
	text-indent: -9999px;
	font-size: 0;
	margin-left: -5px;
	vertical-align: middle;
	width: 48px;
	height: 48px;
}

.mSearch1 .mBtn1 {
	margin-left: 6px;
	min-width: 130px;
	line-height: 48px;
	height: 48px;
	vertical-align: top;
}

.mSearch1 .mBtn1 .find {
	display: inline-block;
	background: url(/resources/branch/images/ico_find2_2.png) 0 50% no-repeat transparent;
	text-indent: 0;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	margin: -1px 0 0;
	padding: 0 0 0 24px;
	width: auto;
	height: auto;
	vertical-align: top;
}

.mSearch1.bgGray {
	background-color: #f8f8f8;
	margin: 36px 0 0;
	padding: 33px 0;
	text-align: center;
}

.it {
	font-size: 15px;
	font-weight: 500;
	line-height: 48px;
	height: 48px;
	border: solid 1px #ddd;
	background-color: #fff;
	color: #000;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.select {
	background: url(/resources/branch/images/ico_select1.png) calc(100% - 14px) 50% no-repeat #fff;
	background-size: 14px auto;
	font-size: 15px;
	font-weight: 500;
	line-height: 48px;
	height: 48px;
	border: solid 1px #ddd;
	color: #000;
	padding: 0 45px 0 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all 0.4s 0s;
	transition: all 0.4s 0s;
}

.mPag {
	margin: 90px 0 0;
	padding-top: 50px;
	border-top: 1px solid #e1e1e1;
	line-height: normal;
	text-align: center;
}

.mPag a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	border: 1px solid #dedede;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	margin: 0 -2px 0 -4px;
	vertical-align: middle;
	text-align: center;
	min-width: 42px;
	height: 40px;
}

.mPag .active {
	position: relative;
	background-color: #279c6b;
	border-color: #279c6b;
	color: #fff;
	text-decoration: underline;
}

.mPag .first,
.mPag .last,
.mPag .prev,
.mPag .next {
	position: relative;
	display: inline-block;
	background: url(/resources/branch/images/ico_pag_first.png) 50% 50% no-repeat #fff;
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
	z-index: 10;
}

.mPag .first {
	margin-right: -6px;
}

.mPag .next,
.mPag .last {
	background-image: url(/resources/branch/images/ico_pag_last.png);
}

.mPag .prev {
	background-image: url(/resources/branch/images/ico_pag_prev.png);
	margin: 0 2px 0 0;
}

.mPag .next {
	background-image: url(/resources/branch/images/ico_pag_next.png);
	margin: 0 -3px 0 1px;
}

.ui-widget-header .ui-icon {
	background-image: url("/resources/branch/images/ui-icons_555555_256x240.png");
}

.secure_w+.title-leaves {
	margin-top: 141px;
}

.secure_w ul {
	position: relative;
	padding-top: 191px;
	margin: 0 auto;
	width: 1030px;
	clear: both;
	overflow: hidden;
	background: url("/resources/branch/images/icon-arrow-top.gif") no-repeat 50% 31px;
}

.secure_w ul li {
	padding: 125px 30px 30px;
	width: 30%;
	font-weight: 400;
	font-size: 17px;
	line-height: 27px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center 30px;
	border-radius: 150px;
	text-align: center;
}

.secure_w ul li span {
	font-weight: 500;
}

.secure_w ul li.icon1 {
	float: left;
	background-color: rgba(146, 187, 58, 0.8);
	background-image: url("/resources/branch/images/icon-business3-1.png");
}

.secure_w ul li.icon2 {
	position: absolute;
	left: 50%;
	margin-left: -18%;
	background-color: rgba(80, 152, 54, 0.8);
	background-image: url("/resources/branch/images/icon-business3-2.png");
}

.secure_w ul li.icon3 {
	float: right;
	background-color: rgba(13, 118, 58, 0.8);
	background-image: url("/resources/branch/images/icon-business3-3.png");
}

.step1_w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	margin: 40px 0;
	clear: both;
	overflow: hidden;
}

.step1_w li {
	position: relative;
	float: left;
	display: table;
	width: 312px;
	height: 228px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center right;
}

.step1_w li.st1 {
	background-image: url("/resources/branch/images/business3-bg1.gif");
}

.step1_w li.st2 {
	background-image: url("/resources/branch/images/business3-bg2.gif");
}

.step1_w li.st3 {
	background-image: url("/resources/branch/images/business3-bg3.gif");
}

.step1_w li.st4 {
	width: 264px;
	background-image: url("/resources/branch/images/business3-bg4.gif");
}

.step1_w li p {
	padding: 10px 20% 0 0;
	width: 80%;
	display: table-cell;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	vertical-align: middle;
}

.step1_w li.st4 p {
	padding-right: 5%;
}

.step2_w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	margin: 40px 0;
	clear: both;
	overflow: hidden;
}

.step2_w>li {
	position: relative;
	float: left;
	height: 175px;
	margin-right: 68px;
	background-repeat: no-repeat;
	background-position: center;
}

.step2_w li.st1 {
	width: 370px;
	background-image: url("/resources/branch/images/business3-bg5.gif");
}

.step2_w li.st2 {
	width: 370px;
	background-image: url("/resources/branch/images/business3-bg6.gif");
}

.step2_w li.st3 {
	width: 324px;
	margin-right: 0;
	background-image: url("/resources/branch/images/business3-bg7.gif");
}

.step2_w li span {
	position: absolute;
	top: 25px;
	font-weight: 700;
	font-size: 35px;
	line-height: 1;
}

.step2_w li.st1 span {
	color: #9ed443;
}

.step2_w li.st2 span {
	color: #43d1a1;
}

.step2_w li.st3 span {
	color: #40d4e2;
}

.step2_w li ul {
	padding: 40px 75px 0 60px;
}

.step2_w li ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	letter-spacing: -0.075em;
}

.step1_w li span {
	position: absolute;
	top: 50px;
	left: 15%;
	font-weight: 700;
	font-size: 35px;
	line-height: 1;
}

.step1_w li.st1 span {
	color: #9ed443;
}

.step1_w li.st2 span {
	color: #43d1a1;
}

.step1_w li.st3 span {
	color: #40d4e2;
}

.step1_w li.st4 span {
	color: #4dade3;
}

.step3_w {
	margin: 40px 0;
	clear: both;
	overflow: hidden;
}

.step3_w>li {
	float: left;
	margin-right: 2%;
	padding-right: 2%;
	width: 30.3333%;
	background-repeat: no-repeat;
	background-position: right 45px;
}

.step3_w li.icon1 {
	background-image: url("/resources/branch/images/icon-business3-arrow1.gif");
}

.step3_w li.icon2 {
	background-image: url("/resources/branch/images/icon-business3-arrow2.gif");
}

.step3_w li.icon3 {
	margin-right: 0;
	padding-right: 0;
}

.step3_w li dl {
	padding: 20px;
}

.step3_w li.icon1 dl {
	background: #a8c961;
}

.step3_w li.icon2 dl {
	background: #73ad5e;
}

.step3_w li.icon3 dl {
	background: #3d9161;
}

.step3_w li dl dt {
	display: inline-block;
	width: 100%;
	font-weight: 500;
	font-size: 20px;
	line-height: 85px;
	color: #fff;
}

.step3_w li dl dt span {
	float: left;
	display: block;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center;
	border: 5px solid #fff;
	border-radius: 50%;
	-webkit-box-shadow: 7px 7px 16px rgba(0, 0, 0, 0.25);
	box-shadow: 7px 7px 16px rgba(0, 0, 0, 0.25);
}

.step3_w li.icon1 dl dt span {
	background-image: url("/resources/branch/images/icon-business3-4.gif");
}

.step3_w li.icon2 dl dt span {
	background-image: url("/resources/branch/images/icon-business3-5.gif");
}

.step3_w li.icon3 dl dt span {
	background-image: url("/resources/branch/images/icon-business3-6.gif");
}

.step3_w li dl dt p {
	margin-left: 20px;
	float: left;
}

.step3_w li dl dd {
	margin-top: 20px;
	background: #fff;
}

.step3_w li dl dd ul {
	padding: 20px 30px;
	min-height: 105px;
}

.step3_w li dl dd ul li {
	padding-left: 10px;
	font-size: 17px;
	line-height: 26px;
	color: #333;
}

.section2 .tree_map_back {
	height: 1100px;
	padding-top: 100px;
	background: url("/resources/branch/images/bg-vegetation.jpg") no-repeat 50% 0;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: -1;
}

.section2 .tree_map {
	height: 1100px;
	padding-top: 100px;
}

.section2 .tree_map .wsize {
	position: relative;
	min-height: 1068px;
	background: url("/resources/branch/images/vegetation8.png") no-repeat 50% 95px;
}

.section2 .tree_map h3.tit {
	position: absolute;
	top: 0;
	left: 0;
}

.section2 .tree_map ul.catelist {
	position: absolute;
	bottom: 0;
}

.section2 .tree_map ul.catelist li {
	height: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 20px;
	letter-spacing: -0.05em;
}

.section2 .tree_map ul.catelist li.c1 {
	background-image: url("/resources/branch/images/icon-vegetation4.gif");
}

.section2 .tree_map ul.catelist li.c2 {
	background-image: url("/resources/branch/images/icon-vegetation5.gif");
}

.section2 .tree_map ul.catelist li.c3 {
	background-image: url("/resources/branch/images/icon-vegetation6.gif");
}

.section2 .tree_map ul.catelist li.c4 {
	background-image: url("/resources/branch/images/icon-vegetation7.gif");
}

.section2 .tree_map ul.catelist li.c5 {
	background-image: url("/resources/branch/images/icon-vegetation8.gif");
}

.section2 .wsize {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}

.section2 .txt_box {
	overflow: hidden;
	margin-left: -60px;
}

.section2 .txt_box li {
	float: left;
	width: 500px;
	padding: 0 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-left: 60px;
	letter-spacing: -0.075em;
}

.section2 .txt_box li:last-child {
	border-bottom: 0;
}

.section2 .txt_box li dl {
	display: table;
	width: 100%;
	height: 130px;
}

.section2 .txt_box li dt {
	display: table-cell;
	width: 120px;
	font-size: 22px;
	vertical-align: middle;
}

.section2 .txt_box li dd {
	display: table-cell;
	color: #555;
	line-height: 24px;
	vertical-align: middle;
	word-break: keep-all;
}

.section3 .headline_back {
	height: 220px;
	padding: 100px 0;
	background: url("/resources/branch/images/vegetation9.jpg") no-repeat 50% 0;
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: -1;
}

.section3 .headline {
	height: 220px;
	padding: 100px 0;
	color: #fff;
}

.section3 .headline h3.tit {
	padding-bottom: 70px;
	line-height: 1;
	background: url("/resources/branch/images/icon-vegetation10.gif") no-repeat 50% 100%;
	background-size: 2px 40px;
	text-align: center;
	font-size: 35px;
}

.section3 .headline p {
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.section3 .graph_cir {
	overflow: hidden;
	height: 200px;
	padding: 75px 0;
	letter-spacing: -0.05em;
}

.section3 .graph_cir dl {
	float: left;
	display: block;
	width: 198px;
	height: 198px;
	background: #e3f5e9;
	border: 1px solid #49bc85;
	border-radius: 100%;
	color: #222;
	text-align: center;
	position: relative;
	bottom: 100px;
}

.section3 .graph_cir dt {
	padding-top: 50px;
	font-size: 18px;
}

.section3 .graph_cir dd {
	padding-top: 10px;
	font-size: 22px;
}

.section3 .graph_cir ul {
	float: right;
	height: 140px;
	margin-left: 78px;
	padding: 30px 0 30px 30px;
}

.section3 .graph_cir .graph_cir_img {
	background: url("/resources/branch/images/icon-vegetation9.png") no-repeat 50%;
	width: 133px;
	top: 50px;
	left: 182px;
	position: relative;
	height: 100px;
	z-index: 1;
}

.section3 .graph_cir ul li {
	float: left;
	width: 181px;
	height: 100px;
	margin-left: 20px;
	padding-top: 38px;
	border-radius: 30px;
	border: 1px solid #49bc85;
	font-size: 22px;
	text-align: center;
}

.section3 .graph_cir ul li:first-child {
	margin-left: 0;
}

.section3 .graph_cir strong {
	display: block;
	padding-top: 10px;
	font-size: 30px;
	color: #316a49;
	letter-spacing: 0;
}

.section3 .graph_cir .graph_cir_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.section3 .graph_bar {
	overflow: hidden;
	width: 100%;
	margin-bottom: 70px;
}

.section3 .graph_bar li {
	float: left;
	text-align: center;
}

.section3 .graph_bar li span {
	display: block;
	background: #f5f5f5;
	line-height: 80px;
}

.section3 .graph_bar li dl dt {
	display: block;
	height: 80px;
	background: #4abf79;
	font-size: 20px;
	font-weight: 700;
	line-height: 80px;
	color: #163a32;
}

.section3 .graph_bar li dl dd {
	margin-top: 20px;
	font-size: 15px;
	line-height: 20px;
	color: #316a49;
	letter-spacing: -0.05em;
}

.section3 .graph_bar li.n1 {
	width: 292px;
}

.section3 .graph_bar li.n1 dt {
	font-size: 25px;
	opacity: 1;
}

.section3 .graph_bar li.n1 dd {
	font-size: 17px;
}

.section3 .graph_bar li.n2 {
	width: 207px;
}

.section3 .graph_bar li.n2 dt {
	/* opacity:0.8; */
	background: #71cc96;
}

.section3 .graph_bar li.n2 dd {
	font-size: 17px;
}

.section3 .graph_bar li.n3 {
	width: 70px;
}

.section3 .graph_bar li.n3 dt {
	/* opacity:0.6; */
	background: #94d9b0;
}

.section3 .graph_bar li.n4 {
	width: 63px;
}

.section3 .graph_bar li.n4 dt {
	/* opacity:0.4; */
	background: #b8e5ca;
}

.section3 .graph_bar li.n5 {
	width: 59px;
}

.section3 .graph_bar li.n5 dt {
	/* opacity:0.3; */
	background: #caecd8;
}

.section3 .graph_bar li.n6 {
	width: 57px;
}

.section3 .graph_bar li.n6 dt {
	/* opacity:0.2; */
	background: #dcf2e4;
}

.section3 .graph_bar li.n7 {
	width: 352px;
	font-size: 17px;
	color: #616161;
}

.section3 .paragraph {
	overflow: hidden;
}

.section3 .paragraph .btxt {
	float: left;
	font-size: 30px;
	line-height: 45px;
	color: #6b6b6b;
	letter-spacing: -0.05em;
}

.section3 .paragraph .btxt strong {
	color: #333;
}

.section3 .paragraph .stxt {
	float: right;
	width: 620px;
	padding-top: 10px;
	border-top: 1px solid #000;
}

.section3 .paragraph .stxt p {
	padding-top: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;
	color: #555;
	letter-spacing: -0.05em;
}

.detail-content .steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	margin: 20px 0 50px;
}

.detail-content .steps li {
	display: table;
	float: left;
	width: 124px;
	height: 122px;
	padding-left: 29px;
	background: url("/resources/branch/images/icon-outer2.gif") no-repeat 8px 50%;
}

.detail-content .steps li:first-child {
	padding-left: 0;
}

.detail-content .steps li p {
	display: table-cell;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	background: url("/resources/branch/images/icon-outer.gif") no-repeat 0 0;
}

.detail-content .steps li p span {
	font-size: 15px;
	color: #666;
}

.detail-content .check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	margin-bottom: 15px;
}

.detail-content .check li {
	float: left;
	width: 277px;
	text-align: center;
	margin-left: 30px;
}

.detail-content .check li:first-child {
	margin-left: 0;
}

.detail-content .check li span.num {
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	margin: 0 auto;
	background: #2cd2e1;
}

.detail-content .check li p.mtit {
	width: 100%;
	height: 85px;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	margin-top: -25px;
	padding: 50px 0 25px;
	background: #d5f6f9;
}

.detail-content .check li p.mtit span.stxt {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-top: 10px;
}

.detail-content p.check_tit {
	padding-top: 77px;
	margin-bottom: 20px;
	background: url("/resources/branch/images/icon-outer3.gif") no-repeat 50% 0;
}

.detail-content p.check_tit span {
	display: inline-block;
	width: 100%;
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	text-align: center;
	background: #2c74e1;
}

.detail-content .value_img {
	text-align: center;
}

.detail-content .value_img ul {
	display: inline-block;
	margin: 90px 0;
}

.detail-content .value_img li {
	float: left;
	padding-left: 65px;
	background: url("/resources/branch/images/icon-outer4.gif") no-repeat 17px 50%;
}

.detail-content .value_img li:first-child {
	padding-left: 0;
}

.detail-content .value_img li.las {
	padding-left: 124px;
	background: url("/resources/branch/images/icon-outer5.gif") no-repeat 28px 50%;
}

.detail-content .value_img li p {
	display: inline-block;
	width: 112px;
	height: 112px;
	border-radius: 100%;
	text-align: center;
	background: #00b573;
}

.detail-content .value_img li.las p {
	background: #c30579;
}

.detail-content .value_img li span {
	display: inline-block;
	width: 99px;
	height: 60px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 100%;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding-top: 39px;
	margin-top: 5px;
}

.detail-content .value_img li span br {
	display: none;
}

.detail-content .value_step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
}

.detail-content .value_step+.images-wrap {
	margin-top: 68px;
}

.detail-content .value_step li {
	float: left;
	width: 196px;
	height: 310px;
	margin-left: 4px;
}

.detail-content .value_step li:first-child {
	margin-left: 0;
}

.detail-content .value_step li span.num {
	display: inline-block;
	width: 45px;
	height: 33px;
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	letter-spacing: 0;
	border: 5px solid #fff;
	border-radius: 100%;
	text-align: center;
	padding-top: 12px;
	margin-left: 146px;
	background: #00c5d0;
}

.detail-content .value_step li.icon02 span.num,
.detail-content .value_step li.icon04 span.num,
.detail-content .value_step li.icon06 span.num {
	background: #3ae0ce;
}

.detail-content .value_step li div {
	width: 177px;
	height: 271px;
	margin-top: -25px;
	border: 4px solid #00c5d0;
	background-size: 45px auto;
	background-position: 50% 35px;
	background-repeat: no-repeat;
}

.detail-content .value_step li.icon02 div,
.detail-content .value_step li.icon04 div,
.detail-content .value_step li.icon06 div {
	border: 4px solid #3ae0ce;
}

.detail-content .value_step li div p {
	font-size: 17px;
	text-align: center;
	line-height: 25px;
	padding: 100px 30px 0;
}

.detail-content .value_step li div p span.italic {
	font-style: italic;
}

.detail-content .value_step li div p span.st {
	display: inline-block;
	font-size: 15px;
	color: #555;
	line-height: 22px;
	margin-top: 5px;
}

.detail-content .value_step li.icon01 div {
	background-image: url("/resources/branch/images/icon-outer6.gif");
}

.detail-content .value_step li.icon02 div {
	background-image: url("/resources/branch/images/icon-outer7.gif");
}

.detail-content .value_step li.icon03 div {
	background-image: url("/resources/branch/images/icon-outer8.gif");
}

.detail-content .value_step li.icon04 div {
	background-image: url("/resources/branch/images/icon-outer9.gif");
}

.detail-content .value_step li.icon05 div {
	background-image: url("/resources/branch/images/icon-outer10.gif");
}

.detail-content .value_step li.icon06 div {
	background-image: url("/resources/branch/images/icon-outer11.gif");
}

.terms.reverse-column .term {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	border-top: none;
}

.terms.reverse-column .term+.term {
	margin-top: 34px;
}

.terms.reverse-column label {
	margin: 0 0 32px 0;
}

.terms.reverse-column .box.outline {
	border-top: 1px solid #000;
	font-size: 16px;
	line-height: 30px;
	color: #111;
}

.terms label {
	padding-left: 38px;
}

.terms>label:first-of-type {
	margin-bottom: 24px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.terms .term {
	position: relative;
	border-top: 1px solid #000;
	padding: 31px 0;
}

.terms .term:only-of-type {
	border-top: none;
	padding: 0;
}

.terms .term:only-of-type .box {
	font-size: 16px;
	line-height: 30px;
	color: #111;
}

.terms .term:only-of-type .box~label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 27px;
}

.terms .term:only-of-type details {
	border-top: 1px solid #000;
	margin-top: 32px;
}

.terms .term:only-of-type details summary:after {
	top: -10px;
}

.terms .term:only-of-type details p {
	border-top: none;
	margin-top: 0;
}

.terms .term label {
	font-size: 17px;
	line-height: 27px;
	color: #000;
	font-weight: 700;
}

.terms .term details summary {
	list-style-type: none;
}

.terms .term details summary::-webkit-details-marker {
	display: none;
}

.terms .term details summary:after {
	content: "";
	position: absolute;
	right: 0;
	top: 20px;
	width: 40px;
	height: 40px;
	background: url("/resources/branch/images/icon-arrow-down-round.png") no-repeat 50% 50%;
	background-size: 100% auto;
	cursor: pointer;
}

.terms .term details[open] summary:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.terms .term details p {
	padding: 37px;
	border: 1px solid #ddd;
	border-top-color: #000;
	margin-top: 24px;
	font-size: 16px;
	line-height: 26px;
}

.terms+.button-navy {
	display: block;
	margin: 80px auto 0;
}

#body .board-items-table .badges {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: auto;
}

#body .badges {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 7px;
	width: 100%;
}

#body .badge,
#body .link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 33px;
	border-radius: 5px;
	padding: 0 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
}

#body .badge.small,
#body .link.small {
	height: 18px;
	padding: 4px 5px;
	font-size: 11px;
	border-radius: 3px;
	font-weight: 400;
}

#body .badge.cyan,
#body .link.cyan {
	background-color: #3baf89;
	border-color: #3baf89;
	color: #fff;
}

#body .badge.green,
#body .link.green {
	color: #fff;
	border-color: #30a643;
	background-color: #30a643;
}

#body .badge.orange,
#body .link.orange {
	color: #fff;
	border-color: #f2713f;
	background-color: #f2713f;
}

#body .badge.gray,
#body .link.gray {
	color: #fff;
	background-color: #818181;
	border-color: #818181;
}

#body .badge.outline,
#body .link.outline {
	color: #000;
	border: 1px solid #d1d1d1;
	background-color: #fff;
}

#body .badge.navy,
#body .link.navy {
	background-color: #013569;
	color: #fff;
}

#body .badge.navyBlue,
#body .link.navyBlue {
	background-color: #413129;
	color: #fff;
}

#body .badge.cherry,
#body .link.cherry {
	background-color: #d64169;
	color: #fff;
}

#body .badge.blue,
#body .link.blue {
	background-color: #1883d0;
	color: #fff;
}

#body .badge.outline-cyan,
#body .link.outline-cyan {
	height: 26px;
	color: #48b1a3;
	border: 1px solid #48b1a3;
	border-radius: 40px;
}

#body .states {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
}

#body .states .state {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 20px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 50px;
	border: 2px solid;
}

#body .states .state.green {
	color: #00ac4f;
	border-color: #00ac4f;
}

#body .states .state.gray {
	color: #6e6e6e;
	border-color: #6e6e6e;
}

#body .states .state.fill-gray {
	color: #fff;
	border-color: #adadad;
	background-color: #adadad;
}

#body .states .state.orange {
	color: #f2713f;
	border-color: #f2713f;
}

#body .circles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 19px;
}

#body [class*=circle-] {
	position: relative;
	padding-left: 26px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

#body [class*=circle-]:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#body .circle-green:before {
	background-color: #3eaa36;
}

#body .circle-gray:before {
	background-color: #e3e3e3;
}


/*메인화면_5개배너 */
.mMain2 {
	border-bottom: 0px solid #ddd;
	height: 90px;
	margin: 70px 100px;
}

.mMain2 .bg {
	display: -webkit-flex;
	display: flex;
	padding: 50px 0 0;
	width: 1350px !important;
}

.mMain2 a {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
	display: block;
	color: #373737;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	padding: 92px 0 0;
	transition: all 0.4s 0s;
}

.mMain2 a:before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -42px;
	background: url(/resources/branch/images/ico_main2_1.png) 50% 50% no-repeat;
	border-radius: 50%;
	border: 1px solid #ebebeb;
	width: 90px;
	height: 90px;
	transition: all 0.4s 0s;
}

.mMain2 a:after {
	content: "";
	position: absolute;
	top: 14px;
	left: 0;
	background-color: #e3e3e3;
	width: 1px;
	height: 40px;
}

.mMain2 a:first-child {
	margin-left: -8px;
}

.mMain2 a:last-child {
	margin-right: -8px;
}

.mMain2 a:first-child:after {
	display: none;
}

.mMain2 a.i2:before {
	background-image: url(/resources/branch/images/ico_main2_2.png);
}

.mMain2 a.i3:before {
	background-image: url(/resources/branch/images/ico_main2_3.png);
}

.mMain2 a.i4:before {
	background-image: url(/resources/branch/images/ico_main2_4.png);
}

.mMain2 a.i5:before {
	background-image: url(/resources/branch/images/ico_main2_5.png);
}

.mMain2 a.i6:before {
	background-image: url(/resources/branch/images/ico_main2_6.png);
}

.mMain2 a:hover {
	color: #333;
	font-weight: bold;
	padding-top: 84px;
}

.mMain2 a:hover:before {
	top: -25px;
	border-color: #4ab854;
	background-color: #4ab854;
}



.gallery-photos {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 50px;
}

.gallery-photos.view5 {
	grid-template-columns: repeat(5, 1fr);
	gap: 40px;
}

.gallery-photos.view5 .img-wrap {
	width: 254px;
	height: 192px;
}

.gallery-photos.view5 .title {
	margin-top: 25px;
}

.gallery-photos .img-wrap {
	width: 325px;
	height: 240px;
	border-radius: 20px;
}

.gallery-grid {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 70px;
}

.gallery-grid .img-wrap {
	width: 430px;
	height: 316px;
	border-radius: 20px;
}

.gallery-grid strong {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.gallery-box {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 70px;
}

.gallery-box:first-child {
	border-top: none;
	padding-top: 20px;
}

.gallery-box a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 428px;
	height: 100%;
	border: 1px solid #e7e7e7;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
	border-radius: 20px;
}

.gallery-box .img-wrap {
	width: 430px;
	height: 316px;
	border-radius: 20px 20px 0 0;
	z-index: 2;
}

.gallery-box .info-wrap {
	padding: 9px 44px 45px;
	text-align: left;
}

.gallery-box .education-info {
	margin-top: 35px;
}

.gallery-box .education-info.gray li strong {
	width: 74px;
	color: #393939;
	font-weight: 500;
}

.gallery-box .education-info.gray li span {
	font-weight: 600;
	color: #000;
}

.gallery-box .education-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 25px;
}

.gallery-box .education-info li strong {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 62px;
}

.gallery-box .education-info li span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.gallery-box .badge-round {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 9px;
	font-size: 13px;
}

.gallery-box .badge-round.green {
	padding: 7px 18px;
	color: #00ac4f;
	border: 1px solid #00ac4f;
	border-radius: 100px;
	font-weight: 500;
}

.gallery-poster {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 65px 55px;
}

.gallery-poster.thumb {
	grid-template-columns: 1fr;
	gap: 54px;
	padding: 48px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-poster.thumb>li {
	width: 100%;
	padding: 0 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-poster.thumb>li>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}

.gallery-poster.thumb .img-wrap {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 130px;
	flex: 0 0 130px;
	width: 130px;
	height: 185px;
}

.gallery-poster.thumb .states {
	margin-top: 0;
}

.gallery-poster .img-wrap {
	width: 305px;
	height: 405px;
}

.gallery-poster .exhibition-info {
	margin-top: 25px;
}

.gallery-poster .exhibition-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}

.gallery-poster .exhibition-info strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 40px;
	color: #666;
}

.gallery-poster .exhibition-info span {
	color: #000;
	font-weight: 600;
}

.gallery-poster-edu>li:not(:last-of-type) {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: solid 1px #e0e3e7;
}

.gallery-poster-edu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 55px;
}

.gallery-poster-edu a .title {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 0;
}

.gallery-poster-edu .img-wrap {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 220px;
	height: 294px;
}

.gallery-poster-edu .title {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 10px;
}

.gallery-poster-edu .title strong {
	margin-top: 16px;
}

.gallery-poster-edu .info-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.gallery-poster-edu .badges {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

.gallery-items {
	display: grid;
	padding-top: 70px;
	border-top: 2px solid #444;
	background-color: #fff;
}

.gallery-items.gallery-grid .title {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 10px;
}

.gallery-items.gallery-grid .title strong {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: left;
}

.gallery-items.gallery-grid .badges {
	width: auto !important;
}

.gallery-items.gallery-box .title {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

.gallery-items.gallery-box p {
	text-align: left;
}

.gallery-items.gallery-photos .title.line-clamp {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.gallery-items.gallery-photos .title.line-clamp strong {
	text-align: left;
}

.gallery-items.gallery-photos .title.line-clamp+.date {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.gallery-items.gallery-poster {
	border-top: none;
}

.gallery-items.gallery-poster .title {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 20px;
	text-align: left;
}

.gallery-items.gallery-poster-edu .title {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: left;
}

.gallery-items li {
	position: relative;
}

.gallery-items .img-wrap {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.gallery-items .img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}

.gallery-items .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 38px;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

.gallery-items .title.line-clamp strong {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}

.gallery-items .title strong {
	font-weight: 600;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	min-height: 55px;
}

.gallery-items .title+.icon-info {
	margin-top: 30px;
}

.gallery-items .desc {
	margin-top: 5px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

.gallery-items .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	line-height: 25px;
	color: #727272;
}

.gallery-items .date:before {
	content: "";
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 15px;
	height: 15px;
	background: url("/resources/branch/images/icon-calendar.png") no-repeat 50% 50%;
}

.gallery-items .states {
	margin-top: 32px;
}

.gallery-items .states+.title {
	margin-top: 14px;
}

.gallery-items .info-wrap.align-left .title {
	justify-self: flex-start;
}

.gallery-items .info-wrap.align-left .title>strong {
	text-align: left;
}

.gallery-items .info-wrap.align-left .date {
	justify-self: flex-start;
}


.dot-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 26px;
}

.dot-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 12px;
	font-size: 15px;
	line-height: 25px;
	color: #333;
}

.dot-info li>strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: 86px;
	padding-left: 10px;
	font-weight: 700;
}

.dot-info li>strong:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #333;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dot-info li p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 500;
}

.dot-info li p>strong {
	color: #db0e0e;
	font-weight: 700;
}

.swiper-wrap ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.swiper-wrap li {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.detail-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 96px;
	padding-top: 78px;
	border-top: 2px solid #444;
}

.detail-view+.fold-wrap {
	margin-top: 100px;
}

.detail-view .left-top {
	position: relative;
}

.detail-view .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding-top: 27px;
}

.detail-view .right dfn {
	font-size: 35px;
	line-height: 50px;
	font-style: normal;
	font-weight: 700;
}

.detail-view .right ul {
	margin-top: 50px;
}

.detail-view .right li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 27px;
}

.detail-view .right li strong {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 80px;
	text-decoration: underline;
}

.detail-view .right li span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.detail-view .right .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 24px;
	margin-top: 94px;
}

.detail-view .right .link-map {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 72px;
	border-radius: 10px;
	font-size: 17px;
}

.detail-view .right .link-map.green {
	background-color: #3cad39;
	color: #fff;
}

.detail-view .right .link-map.green .link-text {
	background-image: url("/resources/branch/images/icon-mark-white.png");
}

.detail-view .right .link-map.yellow {
	background-color: #361f1f;
	color: #f6df00;
}

.detail-view .right .link-map.yellow .link-text {
	background-image: url("/resources/branch/images/icon-mark-yellow.png");
}

.detail-view .right .link-text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 27px;
	padding-left: 36px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: auto 27px;
}

.detail-view .button-next,
.detail-view .button-prev {
	position: absolute;
	top: 50%;
	width: 72px;
	height: 72px;
	background: url("/resources/branch/images/icon-circle-right.png") no-repeat 50% 50%;
	-webkit-box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
	box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
	border-radius: 100%;
}

.detail-view .button-next {
	right: -36px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.detail-view .button-prev {
	left: -36px;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.detail-view .swiper {
	overflow: hidden;
	width: 650px;
}

.detail-view .thumb-swiper {
	width: 650px;
	margin-top: 40px;
}

.detail-view .thumb-swiper ul {
	gap: 20px;
}

.detail-view .thumb-swiper li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 147px;
	flex: 0 0 147px;
	cursor: pointer;
}

.detail-view .img-wrap {
	display: block;
}

.detail-view .img-wrap img {
	width: 100%;
	height: auto;
	border-radius: 30px;
}

.detail-view+.description {
	margin-top: 97px;
	padding: 70px 0 130px;
	border: solid #e5e5e5;
	border-width: 1px 0;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	font-weight: 400;
}

.detail-view .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	position: absolute;
	bottom: 33px;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	padding: 11px 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-view .pagination>span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #e1e1e1;
	cursor: pointer;
}

.detail-view .pagination>span[aria-current=true] {
	background-color: #404040;
}

.detail-view+.detail-items {
	margin-top: 92px;
	padding-top: 92px;
	border-top: 1px solid #e5e5e5;
}

.detail-view .desc {
	margin-top: 30px;
	padding-bottom: 0px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

.detail-view .desc .button-green.vr {
	position: absolute;
	left: 0;
	bottom: 0;
}

.detail-items>strong {
	display: block;
	padding-left: 38px;
	background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 50%;
	font-size: 25px;
	line-height: 35px;
}

.detail-items>ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 25px;
	margin-top: 40px;
}

.detail-items li {
	text-align: center;
}

.detail-items li .img-wrap {
	display: block;
}

.detail-items li img {
	width: 100%;
	height: auto;
}

.detail-items li strong {
	display: block;
	margin-top: 37px;
	font-size: 20px;
	line-height: 30px;
}

.detail-items li p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
}

.link-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 150px;
	height: 64px;
	margin: 74px auto 0;
	border-radius: 10px;
	background-color: #013569;
	color: #fff;
	font-weight: 700;
}

.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px;
	margin: 80px 0 82px;
}

.tabs a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-width: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px 35px;
	background-color: #fff;
	border-radius: 100px;
	border: 1px solid #d1d1d1;
	font-size: 18px;
	font-weight: 700;
}

.tabs .active a {
	background-color: #3eaa36;
	color: #fff;
	border-color: #3eaa36;
}

.tabs .active a:after {
	content: "";
	position: absolute;
	right: -7px;
	top: -21px;
	width: 42px;
	height: 41px;
	background: url("/resources/branch/images/icon-leaf-border.png") no-repeat 50% 50%;
	pointer-events: none;
}

.tabs+.box.outline-cyan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 43px;
}

.tabs+.box.outline-cyan strong {
	font-size: 19px;
	line-height: 29px;
	color: #333;
	font-weight: 700;
}

.full-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 47px;
}

.full-tabs>button {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 23px;
	border: 1px solid #ddd;
	border-bottom: 2px solid #279c2f;
	font-size: 17px;
	color: #000;
	font-weight: 500;
}

.full-tabs>button[aria-selected=true] {
	background-color: #279c2f;
	border-color: #279c2f;
	color: #fff;
}

.search-period {
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 40px;
	border: 2px solid #50a6a9;
	border-radius: 20px;
	padding: 30px 200px;
}

.search-period>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-period strong {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 90px;
	font-size: 17px;
	color: #000;
}

.search-period .left .it {
	width: 174px;
	padding-right: 42px;
	background: url("/resources/branch/images/icon-calendar-black.png") no-repeat 130px 50%;
}

.search-period .left span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 20px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: bold;
}

.search-period .right .it {
	width: 420px;
}

.search-period .right label[for=searchInput] {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.search-period label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin: 0;
}

.search-period label .select {
	margin-right: 10px;
}

.search-period label .it {
	margin: 0;
}

.search-edu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 3px solid #279c2f;
	border-radius: 20px;
	padding: 60px 124px;
}

.search-edu+.gCount1 {
	margin-top: 98px;
}

.search-edu ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.search-edu ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 15px;
}

.search-edu ul li>strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 82px;
	font-size: 17px;
	line-height: 27px;
	color: #333;
	font-weight: 500;
	white-space: nowrap;
}

.search-edu ul li>label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	cursor: pointer;
}

.search-edu ul .select {
	width: 100%;
	max-width: 227px;
}

.search-edu ul .it {
	width: 100%;
}

.search-edu ul span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 5px;
}

.search-edu ul input[type=checkbox]+label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	padding: 0 5px 0 36px;
	margin: 0;
}

input[type=checkbox] {
	display: none;
}

input[type=checkbox]:checked+label:before {
	background: #4a506b url("/resources/branch/images/icon-checked.png") no-repeat 50% 50%;
	border-color: #4a506b;
}

input[type=checkbox]+label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	height: 25px;
	position: relative;
	cursor: pointer;
}

input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 23px;
	height: 23px;
	background-color: #fff;
	border: 1px solid #666;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

input[type=radio] {
	display: none;
}

input[type=radio]:checked+label:before {
	background-color: #fff;
	border-color: #4a506b;
}

input[type=radio]:checked+label:after {
	display: block;
}

input[type=radio]+label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	height: 25px;
	position: relative;
	cursor: pointer;
}

input[type=radio]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #666;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

input[type=radio]+label:after {
	display: none;
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	width: 15px;
	height: 15px;
	background-color: #4a506b;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.swiper-tabs .swiper {
	overflow: hidden;
}

.swiper-tabs~.panel .detail-view {
	margin-top: 112px;
	border-top: none;
	padding-top: 0;
}

.swiper-tabs .swiper-slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: 270px;
}

.swiper-tabs .swiper-slide img,
.swiper-tabs .swiper-slide .img-wrap,
.swiper-tabs .swiper-slide strong {
	pointer-events: none;
}

.swiper-tabs .swiper-slide .img-wrap {
	width: 270px;
	height: 220px;
}

.swiper-tabs .swiper-slide img {
	display: block;
	width: 100%;
	height: 185px;
}
}

.swiper-tabs [role=tab] {
	position: relative;
	cursor: pointer;
}

.swiper-tabs [role=tab] strong {
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 200px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	font-size: 20px;
	word-break: keep-all;
	line-height: 30px;
	font-weight: 700;
	z-index: 1;
}

.swiper-tabs [role=tab][aria-selected=true] strong {
	bottom: 30px;
	padding-top: 80px;
}

.swiper-tabs [role=tab][aria-selected=true] strong:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 48px;
	height: 48px;
	background: url("/resources/branch/images/icon-plus.png") no-repeat 200% 200%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.swiper-tabs [role=tab][aria-selected=true]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
}

.swiper-tabs .scrollbar {
	position: relative;
	margin-top: 30px;
	cursor: pointer;
}

.swiper-tabs .scrollbar:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #696969;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.swiper-tabs [role=tab] strong {
	font-size: 17px;
	line-height: 27px;
}

.swiper-tabs .scrollbar .swiper-scrollbar-drag {
	height: 31px;
	background: url("/resources/branch/images/icon-scroll.png") no-repeat 50% 50%;
	cursor: pointer;
}

.swiper-scroll>p {
	margin-bottom: 25px;
	text-align: right;
	font-size: 16px;
	color: #595959;
	font-weight: 500;
}

.swiper-scroll .swiper {
	overflow: hidden;
}

.swiper-scroll .swiper-slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: 270px;
}

.swiper-scroll .swiper-slide img,
.swiper-scroll .swiper-slide .img-wrap,
.swiper-scroll .swiper-slide strong {
	pointer-events: none;
}

.swiper-scroll .swiper-slide .img-wrap {
	display: block;
	position: relative;
	width: 270px;
	height: 220px;
}

.swiper-scroll .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-scroll [role=tab] {
	position: relative;
	cursor: pointer;
}

.swiper-scroll [role=tab] strong {
	display: block;
	margin-top: 20px;
	text-align: center;
	font-size: 19px;
	line-height: 30px;
	font-weight: 700;
}

.swiper-scroll [role=tab][aria-selected=true] .img-wrap:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3) url("/resources/branch/images/icon-plus.png") no-repeat 50% 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.swiper-scroll .scrollbar {
	position: relative;
	margin-top: 50px;
	cursor: pointer;
}

.swiper-scroll .scrollbar:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #696969;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.swiper-scroll .scrollbar .swiper-scrollbar-drag {
	height: 31px;
	background: url("/resources/branch/images/icon-scroll.png") no-repeat 50% 50%;
	cursor: pointer;
}

.detail-info {
	border-top: 2px solid #444;
	padding-top: 67px;
}

.detail-info.border-none {
	border-top: none;
	padding-top: 0;
}

.detail-info .underline-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 27px;
	color: #333;
	word-break: keep-all;
}

.detail-info .underline-info li strong {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 80px;
}

.detail-info .underline-info li span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.detail-section+.detail-section {
	margin-top: 90px;
}

.detail-section+.title-caution {
	margin-top: 87px;
}

.detail-section .gallery-items {
	padding-top: 10px;
}

.detail-section.division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 80px;
	border-bottom: 1px solid #e5e5e5;
}

.detail-section.kGarden>.left {
	width: 496px;
	padding: 0 0 0 30px;
}

.detail-section.kGarden>.right>strong {
	font-size: 38px;
	font-weight: 600;
}

.detail-section.kGarden .underline-info {
	margin-top: 44px;
	border-bottom: none;
}

.detail-section.kGarden .underline-info+.button-green {
	margin-top: 40px;
}

.detail-section.kGarden+.description {
	margin-top: 50px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
}

.detail-section.kGarden+.description+.detail-section {
	margin-top: 78px;
}

.detail-section>strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	background: url("/resources/branch/images/icon-leaf2.png") no-repeat 0 0;
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 33px;
	color: #333;
}

.detail-section>strong.underline {
	padding-bottom: 40px;
	padding-left: 0;
	border-bottom: 1px solid #707070;
}

.detail-section>strong.detail-title {
	text-align: center;
	background: transparent;
	padding-left: 0;
	margin-bottom: 50px;
	font-size: 40px;
	line-height: 50px;
	color: #000;
	font-weight: 700;
}

.detail-section>strong.caution {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	margin-top: 30px;
	padding-left: 0;
	background: transparent;
	font-size: 15px;
	line-height: 25px;
	color: #ec1010;
	font-weight: 400;
}

.detail-section>strong.caution.gray {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 43px;
	color: #595959;
	font-size: 16px;
}

.detail-section>strong.title-leaves {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-image: url("/resources/branch/images/icon-leaves.png");
}

.detail-section>strong.title-leaves .caution {
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #333;
}

.detail-section>strong.title-leaves .caution.gray {
	color: #595959;
	text-align: left;
}

.detail-section>strong.title-leaves .caution.red {
	color: #ec1010;
}

.detail-section>strong.title-leaves .caution span {
	margin-right: 4px;
	color: #ec1010;
}

.detail-section>strong.title-none {
	padding-left: 0;
	background: transparent;
}

.detail-section>strong.title-none .caution {
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #333;
}

.detail-section>strong.title-none .caution.gray {
	color: #595959;
}

.detail-section>strong.title-none .caution.red {
	color: #ec1010;
}

.detail-section>strong.title-none .caution span {
	margin-right: 4px;
	color: #ec1010;
}

.detail-section>strong.title-bold {
	background: none;
	padding-left: 0;
	margin-bottom: 30px;
	font-size: 20px;
}

.detail-section>strong.title-bold~.title-bold {
	margin-top: 65px;
}

.detail-section>strong .caution {
	margin-left: auto;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #ec1010;
}

.detail-section>.left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 485px;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 83px 0 46px;
}

.detail-section>.right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.detail-section>.right>strong {
	display: block;
	margin-top: 37px;
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
}

.detail-section>.right .dot-info {
	padding: 44px 46px 56px;
	margin-left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f9f9f9;
	border-radius: 10px;
}

.detail-section>.right .dot-info li>strong:before {
	background-color: #3cad39;
}

.detail-section .link-list.outline-green {
	margin: 60px 0 0 0;
	border: 2px solid #3cad39;
	color: #3cad39;
	background-color: #fff;
}

.detail-section .notice {
	font-size: 16px;
	color: #333;
	line-height: 26px;
}

.detail-section+.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px;
	margin-top: 70px;
}

.detail-section+button {
	display: block;
	margin: 70px auto 0;
}

.detail-section .map-wrap {
	display: block;
	position: relative;
	width: 1500px;
	height: auto;
}

.detail-section .map-wrap img {
	width: 100%;
	height: auto;
}

.detail-section .map-wrap+strong {
	margin-top: 100px;
}

.detail-section .map-wrap .markers .marker {
	position: absolute;
	width: 41px;
	height: 52px;
	background: url("/resources/branch/images/icon-mark-red.png") no-repeat 50% 50%;
}

.detail-section .files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 0px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
	padding: 15px 45px 11px 30px;
}

.detail-section .files strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 160px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	color: #000;
}

.detail-section .files ul {
	display: grid;
	gap: 12px 30px;
}

.detail-section .files li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.detail-section .files a {
	display: block;
	padding-left: 27px;
	background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
	background-size: auto 20px;
	margin-right: 23px;
	font-size: 16px;
	color: #000;
	line-height: 26px;
}

.detail-section .files+.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.detail-section .files+.buttons button,
.detail-section .files+.buttons a {
	margin: 0;
}

.total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 35px;
	text-align: right;
	border: 5px solid #e4e4e4;
	font-size: 20px;
	line-height: 30px;
	color: #000;
	font-weight: 700;
}

.total+.detail-desc {
	margin-top: 45px;
}

.total>span {
	padding-right: 16px;
}

.total>span.left {
	margin-right: auto;
	font-size: 18px;
}

.detail-desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f7f7f7;
	border-radius: 10px;
	padding: 27px;
	font-size: 15px;
	line-height: 25px;
	color: #000;
}

.detail-desc strong {
	color: #f04d05;
}

.detail-desc>strong {
	padding-left: 27px;
	background: url("/resources/branch/images/icon-info-red.png") no-repeat 0 4px;
	color: #000;
	margin-right: 12px;
}

.box {
	border: 2px solid;
	border-radius: 20px;
	padding: 68px;
}

.box.division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 80px;
}

.box.green {
	border-color: #279c2f;
}

.box.outline {
	padding: 38px 30px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
}

.box.outline4 {
	padding: 30px 38px;
	border: 4px solid #e7e7e7;
}

.box.medium {
	max-width: 718px;
	margin: 0 auto;
	padding: 71px 20px 85px;
}

.box.outline-round {
	padding: 39px 45px;
	border-radius: 20px;
	border: 1px solid #e8e8e8;
}

.box.outline-round+.box {
	margin-top: 36px;
}

.box.outline-round .desc {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #595959;
}

.box.outline-cyan {
	border: 2px solid #50aaa8;
}

.box.outline-cyan+.detail-section {
	margin-top: 80px;
}

.box.bg-gray {
	border: none;
	background-color: #f7f7f7;
	padding: 30px 32px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 400;
}

.box.outline-round-division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 87px;
	overflow: hidden;
	padding: 0;
	border-radius: 20px;
	border: 1px solid #dfdfdf;
}

.box.scroll .schedule {
	max-height: 490px;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-scroll-chaining: chained;
	overscroll-behavior: auto;
}

.box-desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 10px;
	padding: 27px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.box-desc.cyan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 28px;
	width: 100%;
	background-color: #58b2a8;
	color: #fff;
}

.box-desc.cyan strong {
	border-radius: 50px;
	padding: 10px 20px;
	color: #000;
	background-color: #fff;
	font-weight: 700;
}

.box-desc.cyan span {
	margin-left: 20px;
	font-weight: 600;
}

.box-desc~.table-gray {
	margin-top: 54px;
}

.box-desc~.table-gray th,
.box-desc~.table-gray td {
	border-left: none;
	border-right: none;
}

.box-desc~.total {
	margin-top: 27px;
}

.box-desc~.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 18px;
	margin-top: 94px;
}

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

.box-info>strong {
	display: inline-block;
	padding-top: 132px;
	background: url("/resources/branch/images/icon-finish.png") no-repeat 50% 0;
	background-size: 89px auto;
	font-size: 22px;
}

.box-info p {
	margin-top: 23px;
	font-size: 15px;
	line-height: 25px;
	color: #6d6d6d;
}

.box-info p>strong {
	color: #242424;
}

.box-info+.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 82px;
}

.box-title-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.box-title-info li {
	display: grid;
	grid-template-columns: 120px 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
}

.box-title-info li strong {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 120px;
	padding: 11px 30px 12px;
	background-color: #524e4d;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
}

.box-title-info li span {
	font-size: 16px;
	color: #000;
	font-weight: 700;
}

.calendar {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.calendar-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.calendar .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 36px;
}

.calendar .left button {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	background: url("/resources/branch/images/icon-arrow-right.png") no-repeat 50% 50%;
}

.calendar .left button.button-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.calendar .left strong {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 27px;
	line-height: 37px;
}

.calendar .right .selected,
.calendar .right .disabled {
	position: relative;
	padding-left: 23px;
	font-size: 13px;
	line-height: 23px;
	color: #000;
	font-weight: 700;
}

.calendar .right .selected:before,
.calendar .right .disabled:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.calendar .right .selected:before {
	background-color: #3eaa36;
}

.calendar .right .disabled {
	margin-left: 10px;
}

.calendar .right .disabled:before {
	background-color: #e3e3e3;
}

.calendar .days {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 18px;
	margin-top: 28px;
	font-weight: bold;
}

.calendar .days li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	font-size: 15px;
	line-height: 25px;
	color: #000;
}

.calendar .dates {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 18px;
	margin-top: 10px;
}

.calendar .dates li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.calendar .dates .prev,
.calendar .dates .next {
	opacity: 0.4;
}

.calendar .dates button {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 15px;
	line-height: 25px;
	color: #000;
}

.calendar .dates button.today {
	color: #0bb178;
	font-weight: bold;
}

.calendar .dates button:disabled {
	background-color: #e3e3e3;
	font-weight: bold;
	cursor: default;
}

.calendar .dates button.current {
	background-color: #3eaa36;
	color: #fff;
	font-weight: bold;
}

.detail-explanation .img-wrap {
	display: block;
	margin-top: 90px;
	text-align: center;
}

.detail-explanation .img-wrap img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.detail-explanation .img-wrap+.desc {
	margin-top: 86px;
}

.detail-explanation .desc {
	padding: 0 25px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

.detail-sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 55px;
	margin-top: 70px;
}

.detail-sub .left,
.detail-sub .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.detail-sub strong {
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

.detail-sub .box.outline {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 30px;
	padding: 38px 30px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
}

.detail-sub .box.outline li {
	position: relative;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	padding-left: 10px;
}

.detail-sub .box.outline li:before {
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table+table {
	margin-top: 52px;
}

.table-black {
	min-width: 100%;
}

.table-black>thead {
	position: sticky;
	top: 0;
	z-index: 2;
}

.table-black th,
.table-black td {
	padding: 18px 0;
	line-height: 26px;
}

.table-black th {
	background-color: #3a3a3a;
	color: #fff;
	font-size: 16px;
	border: none;
}

.table-black td {
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid #e0e3e7;
}

.table-black td>strong:first-of-type {
	color: #f00a0a;
}

.table-black .button-underline {
	font-size: 16px;
	text-decoration: underline;
}

.table-black .table-gray th,
.table-black .table-gray td {
	padding: 12px;
	font-size: 14px;
	line-height: 24px;
}

.table-black .table-gray th {
	color: #000;
}

.table-black .table-gray th.bold {
	font-weight: 600;
}

.table-black .schedule-detail {
	display: none;
}

.table-black .schedule-detail.show {
	display: table-row;
}

.table-gray {
	width: 100%;
}

.table-gray.fixed {
	table-layout: fixed;
}

.table-gray th,
.table-gray td {
	border: 1px solid #e7e7e7;
	padding: 20px;
	font-size: 16px;
	line-height: 26px;
}

.table-gray th:first-of-type,
.table-gray td:first-of-type {
	border-left: none;
}

.table-gray th:last-of-type,
.table-gray td:last-of-type {
	border-right: none;
}

.table-gray th {
	border-top: 1px solid #707070;
	font-weight: 700;
	background-color: #fafafa;
}

.table-gray td {
	font-weight: 400;
	text-align: center;
}

.table-gray td.bold {
	font-weight: 600;
}

.table-gray td.bg-blue {
	background-color: #f3f9ff;
}

.table-gray td.text-blue {
	color: #1c7ee3;
}

.table-gray td.align-left {
	text-align: left;
}

.table-horizon caption {
	caption-side: top;
	font-size: 17px;
	text-align: left;
	font-weight: 700;
	margin-bottom: 22px;
}

.table-horizon tr:first-of-type th,
.table-horizon tr:first-of-type td {
	border-top: 1px solid #707070;
}

.table-horizon th,
.table-horizon td {
	padding: 18px 24px;
	border: 1px solid #e7e7e7;
	font-size: 16px;
	line-height: 26px;
}

.table-horizon th {
	background-color: #fafafa;
}

.table-horizon th:first-of-type {
	border-left: none;
}

.table-horizon td:last-of-type {
	border-right: none;
}

.table-horizon .link:first-of-type {
	margin-left: 25px;
}

.table-horizon .link+.link {
	margin-left: 12px;
}

.table-horizon .box.outline {
	padding: 30px 27px;
}

.table-horizon .box.outline li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 9px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 5px;
}

.table-horizon .box.outline li>span {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.table-horizon .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.table-horizon .caution {
	margin-top: 35px;
	font-size: 16px;
	color: #ec1010;
	line-height: 25px;
}

.table-horizon .files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 60px;
}

.table-horizon .files li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.table-horizon .files a {
	display: block;
	padding-left: 27px;
	background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
	background-size: auto 20px;
	font-size: 16px;
	color: #000;
	line-height: 26px;
}

.item-horizon {
	border-top: 1px solid #000;
}

.item-horizon.type2 li>div:only-of-type label {
	width: 1200px;
	max-width: 100%;
}

.item-horizon.type2 textarea {
	resize: none;
	width: 100%;
	height: 200px;
	font-size: 15px;
	font-weight: 500;
	line-height: 48px;
	border: solid 1px #ddd;
	background-color: #fff;
	color: #000;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-horizon li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.item-horizon li>strong,
.item-horizon li>div {
	min-height: 70px;
	padding: 18px 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e7e7e7;
}

.item-horizon li>strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 200px;
	background-color: #fafafa;
	text-align: center;
	border-right: 1px solid #e7e7e7;
}

.item-horizon li>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #333;
	font-size: 16px;
}

.item-horizon li>div:only-of-type label {
	width: 475px;
	max-width: 100%;
}

.item-horizon li>div:only-of-type label[for*=textarea] {
	width: 100%;
}

.item-horizon li>div:only-of-type label[for*=select] {
	width: 190px;
}

.item-horizon li>div:only-of-type label[for*=select] select {
	width: 100%;
}

.item-horizon li>div:only-of-type label[for*=select].middle {
	min-width: 267px;
}

.item-horizon li>div .file_add li {
	padding: 5px 0;
}

.item-horizon li>div label {
	width: 100%;
}

.item-horizon li>div label.middle {
	width: 274px;
}

.item-horizon li>div label.full {
	width: 919px;
}

.item-horizon li>div+strong {
	border-left: 1px solid #e7e7e7;
}

.item-horizon li>div~div label {
	display: block;
	width: 100%;
}

.item-horizon li>div .it {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-horizon li input[type=checkbox]+label {
	width: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	margin: 0 25px 0 0;
}

.item-horizon li input[type=checkbox]~label .it {
	width: 286px;
}

.item-horizon li input[type=radio]+label {
	width: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	margin: 0 25px 0 0;
}

.item-horizon li .caution {
	font-size: 15px;
	line-height: 25px;
	color: #ec1010;
	font-weight: 400;
	margin-left: 17px;
	opacity: 1;
}

.item-horizon li .caution.gray {
	color: #000;
}

.item-horizon li .caution.block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 12px;
	margin-left: 0;
	color: #4e4e4e;
}

.item-horizon input[type=text]:disabled {
	background-color: #fafafa;
}

.item-horizon .address {
	gap: 10px;
}

.item-horizon .address label:not(:first-of-type) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 417px;
	flex: 0 0 417px;
}

.item-horizon .address label:first-of-type {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.item-horizon .period {
	gap: 7px;
}

.item-horizon .period label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 170px;
	flex: 0 0 170px;
}

.item-horizon .period label input[type=text] {
	padding-right: 50px;
	background: url("/resources/branch/images/icon-calendar-black.png") no-repeat top 50% right 22px;
	background-size: 23px auto;
}

.item-horizon .business {
	gap: 7px;
}

.item-horizon .business label {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.item-horizon .business span {
	color: #333;
	font-size: 16px;
}

.item-horizon .essential {
	font-size: 16px;
	color: #ec1010;
	margin-left: 4px;
}

.item-horizon+.caution {
	display: block;
	font-size: 15px;
	margin-top: 22px;
	color: #ec1010;
	font-weight: 400;
	text-align: right;
}

.item-horizon .file {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-items: flex-start;
	gap: 20px;
}

.item-horizon .file .caution {
	margin-top: 15px;
	margin-left: 0;
}

.item-horizon .file .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.item-horizon textarea {
	resize: none;
	width: 100%;
	height: 650px;
	font-size: 15px;
	font-weight: 500;
	line-height: 48px;
	border: solid 1px #ddd;
	background-color: #fff;
	color: #000;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-horizon .box.outline {
	width: 100%;
	padding: 30px 27px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-horizon .box.outline li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 9px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}

.item-horizon .box.outline li>span {
	font-size: 16px;
	line-height: 26px;
	color: #000;
	font-weight: 500;
}

.item-horizon .button-navy.small+.file-wrap {
	margin-left: 20px;
}

.item-horizon .file-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 11px;
}

.item-horizon .file-wrap+.caution {
	margin-left: 40px;
}

.caution_p {
	display: block;
	font-size: 15px;
	margin-top: 22px;
	font-weight: 400;
	text-align: left;
}

.table-info {
	border-top: 2px solid #000;
}

.table-info li {
	display: grid;
	grid-template-columns: 1fr 272px 272px 272px 272px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	padding: 20px;
}

.table-info li:first-of-type {
	background-color: #fafafa;
	text-align: center;
}

.table-info li:first-of-type>div {
	font-weight: 500;
}

.table-info li:not(:first-of-type)>div:first-of-type {
	padding-left: 50px;
}

.table-info li>div {
	font-size: 16px;
	line-height: 26px;
}

.table-info li>div>span:not([id]) {
	display: none;
}

.table-info li>div:not(:first-of-type) {
	text-align: center;
}

.table-info li>div p {
	font-size: 12px;
}

.table-info .count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.table-info .count button {
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
}

.table-info .count .button-increase {
	background-image: url("/resources/branch/images/icon-plus-box.png");
}

.table-info .count .button-decrease {
	background-image: url("/resources/branch/images/icon-minus-box.png");
}

.table-info .count>span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 52px;
	font-size: 16px;
	font-weight: 700;
}

.table-grid {
	display: grid;
	grid-template-columns: 200px 1fr 330px 520px;
}

.table-grid.grid2 {
	grid-template-columns: 1fr 1fr;
}

.table-grid.grid5 {
	grid-template-columns: 1fr 260px 260px 1fr 1fr;
}

.table-grid.grid5-2 {
	grid-template-columns: repeat(4, 170px) 1fr;
}

.table-grid.grid8 {
	grid-template-columns: repeat(8, 1fr);
}

.table-grid .col1-3 {
	grid-column: 1/3;
}

.table-grid .col3 {
	grid-column: 3;
}

.table-grid .col4 {
	grid-column: 4;
}

.table-grid .col5 {
	grid-column: 5;
}

.table-grid .row2-6 {
	grid-row: 2/6;
}

.table-grid .row2-4 {
	grid-row: 2/4;
}

.table-grid .row2-5 {
	grid-row: 2/5;
}

.table-grid .row2-8 {
	grid-row: 2/8;
}

.table-grid .head {
	background-color: #fafafa;
	border-top: 2px solid #707070;
}

.table-grid>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	line-height: 25px;
	color: #000;
}

.table-grid>div:not(.border-right-none) {
	border-right: 1px solid #e7e7e7;
}

.table-grid>div strong {
	font-weight: 600;
}

.button-apply {
	display: block;
	min-width: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 60px auto 0;
	background-color: #013569;
	padding: 23px 43px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

.button-navy {
	min-width: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #013569;
	padding: 23px 43px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

.button-navy.tiny {
	border-radius: 5px;
	padding: 12px 21px;
	min-width: 0;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
}

.button-navy.small {
	min-width: 94px;
	border-radius: 5px;
	padding: 11px 20px 13px 20px;
	font-size: 15px;
}

.button-navy.round {
	border-radius: 50px;
}

.button-navy-outline {
	min-width: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #013569;
	padding: 23px 43px;
	border-radius: 10px;
	color: #000;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}

.button-navy-circle {
	width: 140px;
	height: 140px;
	border-radius: 100px;
	padding-top: 44px;
	background: #013569 url("/resources/branch/images/icon-apply.png") no-repeat 50% 37px;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}

.button-gray {
	min-width: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #aaa;
	padding: 23px 43px;
	border-radius: 10px;
	color: #fff;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
}

.button-gray.square {
	min-width: 0;
	padding: 15px 28px;
	font-size: 16px;
	border-radius: 0;
}

.button-black {
	padding: 15px 27px;
	font-size: 16px;
	text-align: center;
	background-color: #242424;
	color: #fff;
}

.button-green {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 35px;
	height: 55px;
	text-align: center;
	background-color: #3cad39;
	border-radius: 10px;
	font-size: 17px;
	color: #fff !important;
	font-weight: 700;
}

.button-green-outline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 45px;
	height: 53px;
	border-radius: 10px;
	text-align: center;
	color: #3cad39 !important;
	font-size: 17px;
	border: 2px solid #3cad39;
	font-weight: 700;
}

.button-green-middle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 11px;
	padding: 19px 32px;
	background-color: #3cad39;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.button-brown-middle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 11px;
	padding: 19px 32px;
	background-color: #361f1f;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.button-darkgray {
	padding: 15px 28px;
	background-color: #242424;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.button-gray-outline {
	min-width: 115px;
	padding: 15px 28px;
	border: 1px solid #7d7d7d;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.button-delete {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	background: url("/resources/branch/images/icon-delete.png") no-repeat 50% 50%;
}

.button-cyan {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 17px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border-radius: 5px;
	background-color: #3baf89;
}

.button-cyan-round {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 13px 31px;
	border-radius: 50px;
	background-color: #33a497;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.button-icon-outline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 16px 126px 16px 32px;
	border-radius: 100px;
	border: 1px solid #919191;
	background: url("/resources/branch/images/icon-arrow-right-line.png") no-repeat top 50% right 27px;
	font-size: 16px;
	color: #000;
}

.button-blue {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	padding: 26px 36px;
	border-radius: 100px;
	background-color: #0a67c2;
	font-size: 19px;
	color: #fff;
	font-weight: 600;
}

.schedule {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 794px;
}

.schedule-wrap {
	width: 100%;
}

.schedule-wrap .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 14px;
	margin-top: 60px;
}

.schedule-wrap .buttons .button-apply {
	margin: 0;
}

.schedule input[type=checkbox]+label {
	width: 25px;
}

.detail-theme {
	margin-top: 90px;
}

/* modify20260119 */
.detail-theme .top {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.detail-theme .top:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 335px;
	height: 100%;
	background-color: #223927;
}

.detail-theme .buttons {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	position: relative;
	width: 300px;
	height: 732px;
	padding: 20px 15px 15px 20px;
	margin-left: -20px;
	overflow-y: auto;
	overflow-x: hidden;
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory;
}

.detail-theme .buttons:before {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	width: 300px;
	height: 100%;
	background-color: #223927;
}

.detail-theme .buttons button {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 65px;
	text-align: left;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	scroll-snap-align: center;
	background-color: #223927;
	z-index: 1;
}

.detail-theme .buttons button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	width: 290px;
	height: 60px;
	background-color: #3eaa36;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 0 50px 50px 50px;
	opacity: 0;
}

/* //modify20260119 */

.detail-theme .buttons button span {
	position: relative;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
}

.detail-theme .buttons button[aria-selected=true]:before {
	opacity: 1;
}

.detail-theme .visual {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.detail-theme .panel {
	margin-top: 114px;
	text-align: center;
}

.detail-theme .panel>strong {
	display: block;
	position: relative;
	padding-top: 35px;
	font-weight: 700;
	font-size: 45px;
	letter-spacing: -1px;
	line-height: 60px;
	color: #333;
	margin-bottom: 30px;
}

.detail-theme .panel>strong:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 53px;
	height: 1px;
	background-color: #000;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-theme .panel>p {
	margin-top: 7px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

.detail-theme .panel .tags {
	margin-top: 77px;
}

.detail-theme .panel .gallery-items {
	margin-top: 60px;
	padding-top: 0;
	border-top: none;
}

.detail-theme .map {
	position: relative;
	margin-top: 108px;
}

.detail-theme .map img {
	width: 100%;
	height: auto;
}

.detail-theme .map .markers .marker {
	position: absolute;
	width: 41px;
	height: 52px;
	background: url("/resources/branch/images/icon-mark-red.png") no-repeat 50% 50%;
}

.detail-theme .visuals {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	position: relative;
}

.detail-theme .visuals .visual {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 767px;
}

.detail-theme .visuals .img-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 100%;
}

.detail-theme .visuals .img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
}

.detail-theme .visuals .button-next,
.detail-theme .visuals .button-prev {
	position: absolute;
	top: 50%;
	width: 72px;
	height: 72px;
	background: url("/resources/branch/images/icon-circle-right.png") no-repeat 50% 50%;
	-webkit-box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
	box-shadow: 0 0 10px rgba(148, 148, 148, 0.19);
	border-radius: 100%;
}

.detail-theme .visuals .button-next {
	right: 60px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.detail-theme .visuals .button-prev {
	left: 60px;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}


/* add20260121 */
.detail-theme .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	position: absolute;
	bottom: 33px;
	left: 50%;
	background-color: #fff;
	border-radius: 50px;
	padding: 11px 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-theme .pagination>span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #e1e1e1;
	cursor: pointer;
}

.detail-theme .pagination>span[aria-current=true] {
	background-color: #404040;
}

/* //add20260121 */


.tags {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
}

.tags li {
	border-radius: 50px;
	padding: 10px 17px;
	border: 1px solid #d3d3d3;
}

.info-step {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.info-step+.detail-info {
	margin-top: 80px;
}

.info-step+.box.outline {
	margin-top: 98px;
}

.info-step+.title-box {
	margin-top: 90px;
}

.info-step li {
	width: 100px;
	position: relative;
	padding-top: 118px;
	font-weight: 500;
	text-align: center;
}

.info-step li:not(:first-of-type) {
	margin-left: 104px;
}

.info-step li:not(:first-of-type):after {
	content: "";
	position: absolute;
	right: 100%;
	top: 50px;
	width: 105px;
	height: 1px;
	background-color: #cecece;
}

.info-step li.current:before {
	background-color: #3eaa36;
	border-color: #3eaa36;
}

.info-step li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.info-step li.term:before {
	background-image: url("/resources/branch/images/icon-term-off.png");
}

.info-step li.term.current:before {
	background-image: url("/resources/branch/images/icon-term-on.png");
}

.info-step li.info:before {
	background-image: url("/resources/branch/images/icon-info-off.png");
}

.info-step li.info.current:before {
	background-image: url("/resources/branch/images/icon-info-on.png");
}

.info-step li.payment:before {
	background-image: url("/resources/branch/images/icon-payment-off.png");
}

.info-step li.payment.current:before {
	background-image: url("/resources/branch/images/icon-payment-on.png");
}

.info-step li.finish:before {
	background-image: url("/resources/branch/images/icon-finish-off.png");
}

.info-step li.finish.current:before {
	background-image: url("/resources/branch/images/icon-finish-on.png");
}

.step-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 62px;
	counter-reset: number 0;
}

.step-number li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}

.step-number li:before {
	counter-increment: number;
	content: "0" counter(number);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	border-radius: 100%;
	background-color: #299b8c;
	color: #fff;
	font-size: 28px;
	font-weight: 800;
	z-index: 1;
}

.step-number li:not(:first-of-type):after {
	content: "";
	position: absolute;
	top: 42px;
	left: -50%;
	width: 100%;
	height: 9px;
	background-color: #ececec;
}

.step-number li strong {
	margin-top: 30px;
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.step-number li p {
	margin-top: 5px;
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

.board-detail {
	border-top: 2px solid #444;
	padding-top: 54px;
}

.board-detail.exhi {
	border-top: 1px solid #444;
}

.board-detail .states {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.board-detail .states+strong {
	margin-top: 28px;
}

.board-detail>strong {
	display: block;
	text-align: center;
	font-size: 23px;
	line-height: 33px;
	color: #333;
}

.board-detail .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 48px;
	padding: 24px 10px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.board-detail .info li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	font-size: 16px;
	color: #000;
}

.board-detail .info li+li {
	margin-left: 60px;
}

.board-detail .info li+li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	width: 1px;
	height: 17px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #4c4c4c;
}

.board-detail .text-wrap {
	padding: 30px 0;
	border-bottom: 1px solid #e0e0e0;
}

.board-detail .text-wrap.border-none {
	border-bottom: 0;
	padding-bottom: 0;
}

.board-detail .text-wrap .img-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.board-detail .text-wrap .img-wrap img {
	max-width: 100%;
	height: auto;
}

.board-detail .text-wrap .box.green+.detail-section {
	margin-top: 63px;
}

.board-detail .text-wrap table+.desc {
	margin-top: 94px;
}

.board-detail .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 18px;
	margin: 60px 0;
}

.board-detail .button-navy {
	display: block;
	margin: 87px auto 0;
}

.board-detail .box.green {
	padding: 35px 55px;
}

.board-detail .detail-section>strong {
	padding-left: 0;
	background: none;
}

.board-detail .files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 39px 55px 33px 0;
}

.board-detail .files strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 160px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	color: #000;
}

.board-detail .files ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 30px;
}

.board-detail .files a {
	display: block;
	padding-left: 27px;
	background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
	background-size: auto 20px;
	font-size: 16px;
	color: #000;
	line-height: 26px;
}

.board-detail .files+.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.board-detail .files+.buttons button,
.board-detail .files+.buttons a {
	margin: 0;
}

.board-detail .buttons {
	position: relative;
	padding: 0 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.board-detail .buttons:last-of-type button,
.board-detail .buttons:last-of-type a {
	margin: 0;
}

.board-detail .buttons:last-of-type button:nth-child(3):last-child,
.board-detail .buttons:last-of-type a:nth-child(3):last-child {
	position: absolute;
	right: 0;
}

.board-detail .desc {
	padding: 0 25px;
	font-size: 16px;
	line-height: 32px;
	color: #000;
}

.board-detail .img {
	margin-bottom: 40px;
	text-align: center;
}

.board-detail img {
	max-width: 1450px;
	height: auto !important;
}

.board-detail .desc+.img-wrap {
	margin-top: 60px;
}

.board-detail .youtube {
	text-align: center;
	margin-top: 20px;
}


.announcement-detail {
	border-top: 2px solid #444;
	padding-top: 60px;
}

.announcement-detail>strong {
	display: block;
	margin-top: 39px;
	font-size: 40px;
	font-weight: 600;
	line-height: 52px;
	color: #000;
}

.announcement-detail .dot-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 72px;
	max-width: 100%;
	margin-top: 51px;
	padding: 47px 46px;
	background-color: #f9f9f9;
	border-radius: 20px;
}

.announcement-detail .dot-info li {
	font-size: 17px;
	margin-top: 0;
}

.announcement-detail .dot-info li strong {
	padding-left: 12px;
}

.announcement-detail .dot-info li strong:before {
	width: 7px;
	height: 7px;
	background-color: #3cad39;
}

.announcement-detail .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 22px;
	margin-top: 70px;
}

.announcement-detail .detail-section {
	margin-top: 67px;
	padding-top: 83px;
	border-top: 1px solid #e5e5e5;
}

.announcement-detail .desc {
	padding: 0 25px;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}

.announcement-detail .files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 100px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 39px 55px 33px 0;
}

.announcement-detail .files strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 160px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	color: #000;
}

.announcement-detail .files ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 30px;
}

.announcement-detail .files a {
	display: block;
	padding-left: 27px;
	background: url("/resources/branch/images/icon-clip.png") no-repeat 0 50%;
	background-size: auto 20px;
	font-size: 16px;
	color: #000;
	line-height: 26px;
}

.announcement-detail .button-navy {
	display: block;
	margin: 95px auto 0;
}

.card-items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 56px 50px;
}

.card-items a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.card-items a>p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 17px 20px;
	background-color: #43a0aa;
	color: #fff;
}

.card-items a>p>strong {
	padding-left: 20px;
	background: url("/resources/branch/images/icon-chart.png") no-repeat 0 50%;
	background-size: 13px auto;
}

.card-items a>p>span {
	font-weight: 700;
}

.card-items li {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	overflow: hidden;
	border: 1px solid #e7e7e7;
	border-radius: 20px;
}

.card-items .item-top {
	position: relative;
	min-height: 212px;
	padding: 44px 120px 44px 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.card-items .item-top>strong {
	display: block;
	margin-top: 20px;
	word-break: keep-all;
	font-size: 20px;
	line-height: 30px;
	color: #000;
}

.card-items .status {
	position: absolute;
	top: 24px;
	right: 24px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

.card-items .status.green {
	background-color: #3eaa36;
}

.card-items .status.gray {
	background-color: #969696;
}

.board-items {
	border-top: 2px solid #666;
}

.board-items>li {
	position: relative;
	padding: 34px 400px 44px 0;
	border-bottom: 1px solid #e0e3e7;
}

.board-items>li>strong {
	display: block;
	margin-top: 26px;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
}

.board-items .dot-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 48px;
	margin-top: 21px;
}

.board-items .dot-info li {
	margin-top: 0;
}

.board-items .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.board-items-table {
	border-top: 2px solid #444;
}

.board-items-table li {
	display: grid;
	grid-template-columns: 10% 10% 1fr 15% 10% 10%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #e0e3e7;
}

.board-items-table li.titles {
	background-color: #fafafa;
	text-align: center;
}

.board-items-table li.titles strong {
	font-weight: 500;
}

.board-items-table li.reply .badges {
	margin-right: 14px;
}

.board-items-table li.reply .title {
	position: relative;
}

.board-items-table li.reply .title:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 14px;
	width: 13px;
	height: 19px;
	border: 1px solid #c4c4c4;
	border-top: none;
	border-right: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.board-items-table li.reply .title a {
	position: relative;
	padding-left: 20px;
}

.board-items-table li>span,
.board-items-table li>strong {
	padding: 20px;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	font-weight: 400;
}

.board-items-table li>span:not(.title),
.board-items-table li>strong:not(.title) {
	text-align: center;
}

.board-items-table li .required>strong {
	display: none;
}

.board-items-table li .title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}

.board-items-table li .title a:hover {
	color: #000;
	font-weight: 500;
	text-decoration: underline;
}

.board-items-table li .title .badges {
	vertical-align: middle;
}

.board-items-table li .num {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.board-items-table~.mPag {
	border-top: none;
	margin-top: 0;
}

.custom-visual {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 53px;
}

.custom-visual~.buttons {
	margin: 105px auto 0;
	text-align: center;
}

.custom-visual~.buttons a {
	display: inline-block;
}

.custom-visual.conservation .left {
	background-image: url("/resources/branch/images/background-banner-conservation.png");
}

.custom-visual.fair {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.custom-visual.fair .left {
	background: #f9f9f9;
}

.custom-visual.fair .title strong {
	font-size: 30px;
	line-height: 40px;
}

.custom-visual.kGarden {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.custom-visual.kGarden .left {
	background: #f9f9f9;
}

.custom-visual+.ticket-info {
	margin-top: 127px;
}

.custom-visual+.title-line {
	margin-top: 122px;
}

.custom-visual+.detail-section {
	margin-top: 100px;
}

.custom-visual .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 800px;
	max-width: 100vw;
	background: url("/resources/branch/images/background-banner.png") no-repeat 50% 50%;
	background-size: cover;
}

.custom-visual .title {
	font-family: "SBAggro";
	text-align: center;
	color: #272727;
}

.custom-visual .title>span,
.custom-visual .title>strong {
	position: relative;
}

.custom-visual .title>span:first-child:before,
.custom-visual .title>strong:first-child:before {
	content: "“";
	position: absolute;
	left: -33px;
	top: -6px;
	font-size: 65px;
	font-weight: 500;
	font-family: "SBAggro";
}

.custom-visual .title>span:last-child:after,
.custom-visual .title>strong:last-child:after {
	content: "”";
	position: absolute;
	right: -43px;
	bottom: -1px;
	font-size: 65px;
	font-weight: 500;
	font-family: "SBAggro";
}

.custom-visual .title span {
	font-size: 40px;
	line-height: 60px;
	font-weight: 500;
}

.custom-visual .title strong {
	font-size: 58px;
	line-height: 68px;
	font-weight: 500;
}

.custom-visual .desc {
	margin-top: 34px;
	font-size: 17px;
	line-height: 30px;
	color: #272727;
	text-align: center;
}

.custom-visual .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
}

.custom-visual [class*=button-] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 43px;
}

.custom-visual .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.custom-visual .right img {
	width: 100%;
	height: auto;
}

.check-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 22px;
}

.check-items input[type=checkbox]:checked+label:before {
	background: url("/resources/branch/images/icon-check-red-on.png") no-repeat 50% 50%;
}

.check-items input[type=checkbox]:checked+label strong,
.check-items input[type=checkbox]:checked+label span {
	color: #c91445;
}

.check-items input[type=checkbox]:disabled+label {
	cursor: default;
}

.check-items input[type=checkbox]:disabled+label:before {
	display: none;
}

.check-items input[type=checkbox]+label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: auto;
	padding: 27px 38px;
	border: 1px solid #d2d2d2;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.check-items input[type=checkbox]+label:before {
	left: initial;
	right: 38px;
	width: 28px;
	height: 28px;
	background: url("/resources/branch/images/icon-check-red-off.png") no-repeat 50% 50%;
	border: none;
}

.check-items strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 160px;
	flex: 0 0 160px;
	font-size: 18px;
	font-weight: 600;
}

.check-items span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 17px;
	padding-right: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.document-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 70px;
	margin-bottom: 74px;
}

.document-state.reject strong {
	background-color: #c91445;
}

.document-state.reject p {
	border: 1px solid #c91445;
	color: #c91445;
	background-color: #fff7f9;
}

.document-state.approval strong {
	background-color: #0b59c3;
}

.document-state.approval p {
	border: 1px solid #0b59c3;
	color: #0b59c3;
	background-color: #ebf3fe;
}

.document-state strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 150px;
	flex: 0 0 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 50px 0 0 50px;
	color: #fff;
	font-size: 19px;
	font-weight: 700;
}

.document-state p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0 50px 50px 0;
	padding: 10px 27px;
	font-size: 19px;
	line-height: 29px;
	font-weight: 700;
}

.benefits {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 38px;
}

.benefits.step {
	gap: 75px;
}

.benefits.step>li {
	position: relative;
}

.benefits.step>li:not(:last-of-type):after {
	content: "";
	position: absolute;
	top: 126px;
	right: -48px;
	width: 17px;
	height: 31px;
	background: url("/resources/branch/images/icon-triangle-right.png") no-repeat 0 0;
}

.benefits.step .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 15px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 24px;
	background-color: #314883;
	color: #fff;
	border-radius: 0 0 20px 20px;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.benefits.step .text strong {
	padding: 0;
	border-radius: 0;
	font-size: 17px;
	font-weight: 800;
}

.benefits>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.benefits>li strong {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 24px;
	background-color: #314883;
	color: #fff;
	border-radius: 0 0 20px 20px;
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
}

.benefits .icon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 150px;
	border: 1px solid #e2e2e3;
	border-bottom: none;
	border-radius: 20px 20px 0 0;
	background-color: #fafafa;
}

.benefits+.box.outline4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	margin-top: 51px;
}

.benefits+.box.outline4 strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.benefits+.box.outline4 .dot-caution {
	margin-left: 46px;
}

.benefits+.box.outline4 .dot-caution>li {
	font-weight: 600;
}

.benefit-detail+.benefit-detail {
	margin-top: 120px;
}

.benefit-detail>strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 0;
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 33px;
	color: #333;
}

.benefit-detail>strong~strong {
	margin-top: 105px;
}

.benefit-detail [role=tabpanel] {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 66px;
}

.benefit-detail [role=tabpanel]>strong {
	display: block;
	margin-top: 92px;
	text-align: center;
	font-size: 30px;
	line-height: 52px;
	color: #333;
	font-weight: 700;
}

.benefit-detail [role=tabpanel]>p {
	margin-top: 27px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #000;
	font-weight: 500;
}

.benefit-detail [role=tabpanel]>p+a {
	display: block;
	width: 260px;
	margin: 30px auto 0;
}

.benefit-detail [role=tabpanel] .how {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 44px;
	margin-top: 76px;
}

.benefit-detail [role=tabpanel] .how li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 19px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 20px;
	padding: 40px 40px 40px 95px;
	border: 1px solid #dfdfdf;
}

.benefit-detail [role=tabpanel] .how .how-payment {
	background: #f9f9f9 url("/resources/branch/images/icon-wallet.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how .how-pic {
	background: #f9f9f9 url("/resources/branch/images/icon-camera.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how .how-docs {
	background: #f9f9f9 url("/resources/branch/images/icon-computer-color.png") no-repeat 40px 50%;
}

.benefit-detail [role=tabpanel] .how strong {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.benefit-detail [role=tabpanel] .how p {
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

.benefit-detail .caution {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.benefit-detail .caution li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 22px;
	padding: 34px;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
}

.benefit-detail .caution .icon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	border: 4px solid #13a45a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.benefit-detail .caution p {
	font-size: 16px;
	line-height: 25px;
	color: #000;
	font-weight: 600;
}

.benefit-detail .dot-caution li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	color: #595959;
	line-height: 34px;
	font-weight: 500;
}

.benefit-detail .dot-caution li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #69a94e;
}

.step-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 54px;
	margin-top: 84px;
	counter-reset: section;
}

.step-items li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
}

.step-items li:not(:first-of-type):after {
	content: "";
	position: absolute;
	top: 73px;
	left: -36px;
	width: 18px;
	height: 32px;
	background: url("/resources/branch/images/icon-triangle-right.png") no-repeat 0 0;
}

.step-items .icon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 100%;
	margin: 0 auto;
	padding-top: 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.step-items .icon-wrap:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	counter-increment: section;
	content: "STEP 0" counter(section);
	background-color: #299b8c;
	height: 62px;
	width: 180px;
	color: #fff;
	font-weight: 800;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.step-items .icon-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.step-items .title {
	display: block;
	text-align: center;
	margin-top: 35px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	font-weight: 600;
}

.step-items p {
	font-size: 15px;
	line-height: 25px;
	color: #333;
	font-weight: 500;
	text-align: center;
}

.step-items p strong {
	color: #ec0303;
	font-weight: 500;
}

.dot-caution+.navy-items {
	margin-top: 41px;
}

.dot-caution+.box-division.division3 {
	margin-top: 51px;
}

.dot-caution li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	color: #595959;
	line-height: 34px;
	font-weight: 500;
}

.dot-caution li:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #69a94e;
}

.dot-caution li .color-red {
	color: #f00a0a;
}

.icon-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}

.icon-info strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 56px;
	flex: 0 0 56px;
	padding: 0 20px 0 21px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	text-align: justify;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	font-weight: 500;
}

.icon-info strong:after {
	display: inline-block;
	width: 100%;
}

.icon-info span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
}

.icon-info .location strong {
	background-image: url("/resources/branch/images/icon-mark.png");
	background-size: 14px auto;
}

.icon-info .clock strong {
	background-image: url("/resources/branch/images/icon-clock.png");
	background-size: 15px auto;
}

.ticket-info {
	margin-top: 107px;
}

.ticket-info:has(> .left, > .right) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 60px;
}

.ticket-info>.left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.ticket-info>.right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 530px;
	flex: 0 0 530px;
}

.ticket-info>.title {
	display: block;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #333;
}

.ticket-info .title-leaf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	background: url("/resources/branch/images/icon-leaf2.png") no-repeat 0 0;
	margin-bottom: 20px;
	margin-top: 70px;
	font-size: 23px;
	line-height: 33px;
	color: #333;
}

.ticket-info>.desc {
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.ticket-info .count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ticket-info .count button {
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
}

.ticket-info .count .button-increase {
	background-image: url("/resources/branch/images/icon-plus-box.png");
}

.ticket-info .count .button-decrease {
	background-image: url("/resources/branch/images/icon-minus-box.png");
}

.ticket-info .count>span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 52px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.ticket-info .table-gray col {
	width: auto !important;
}

.ticket-info .table-horizon caption {
	font-size: 15px;
	line-height: 25px;
	text-align: right;
	font-weight: 400;
	margin-bottom: 17px;
	color: #ec1010;
}

.ticket-info .table-horizon .essential {
	font-size: 16px;
	color: #ec1010;
	margin-left: 4px;
}

.ticket-info .table-horizon label {
	display: block;
	width: 332px;
}

.ticket-info .table-horizon label .it {
	width: 100%;
}

.ticket-info .step-items {
	padding: 80px 85px;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
}

.ticket-info .step-items>li:not(:first-of-type):after {
	display: none;
}

.box-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	margin-top: 58px;
}

.box-wrap>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.box-wrap .flex3 {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.box-wrap .box-title+.box-title {
	margin-top: 0;
}

.box-title {
	overflow: hidden;
	border-radius: 20px;
	border: 3px solid #524e4d;
}

.box-title+.box-title {
	margin-top: 37px;
}

.box-title .terms {
	padding: 38px 42px;
}

.box-title>.title {
	display: block;
	padding: 23px 34px 26px;
	background-color: #524e4d;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.box-title .ticket-way {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.box-title .calendar {
	padding: 46px 20px;
}

.box-title .calendar .left {
	padding-left: 20px;
}

.box-title .calendar .right {
	padding-right: 20px;
}

.box-title .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px;
	margin: 56px auto 61px;
}

.vertical-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 50px 0 70px;
	text-align: center;
}

.vertical-item>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 36px;
	min-height: 86px;
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

.vertical-item>.title>span {
	display: block;
	margin-top: 10px;
	font-size: 15px;
}

.vertical-item>.title>a {
	-ms-flex-item-align: center;
	align-self: center;
	margin-top: 16px;
}

.member-count {
	padding: 0 36px;
}

.member-count>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #e7e7e7;
}

.member-count>li:first-of-type {
	padding-top: 28px;
}

.member-count>li>strong:first-of-type {
	font-size: 18px;
}

.member-count>li>strong+.count {
	font-size: 18px;
	font-weight: 700;
}

.member-count strong {
	line-height: 26px;
	font-size: 16px;
	font-weight: 600;
}

.member-count strong:first-of-type {
	display: block;
	font-size: 19px;
	line-height: 29px;
	font-weight: 700;
}

.member-count p {
	margin-top: 5px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.member-total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 0 36px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.member-total span {
	font-size: 19px;
	font-weight: 700;
}

.member-total span:first-of-type {
	margin-right: auto;
}

.member-total span>strong {
	font-size: 19px;
	margin-right: 0;
}

.member-total strong {
	margin-right: 7px;
	font-size: 28px;
	font-weight: 700;
	color: #ee0b0b;
}

.member-total~.button-navy {
	display: block;
	margin: 56px auto 62px;
}

.outline-round>.title {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

.outline-round~.total-price {
	margin-top: 65px;
}

.select-options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 46px;
	width: 100%;
	margin-top: 17px;
}

.select-options>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.select-options .title {
	margin-right: 20px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 26px;
}

.select-options label {
	width: 307px;
}

.select-options label .select {
	width: 100%;
}

.select-options .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	margin-left: 20px;
}

.select-options .discount {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: auto;
}

.select-options .discount>span {
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
}

.select-options .discount>strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	margin-top: 19px;
	font-size: 28px;
	line-height: 38px;
	color: #ee0b0b;
	font-weight: 700;
}

.select-options .discount>strong span {
	margin-left: 7px;
	font-size: 19px;
	color: #000;
	line-height: 29px;
}

.total-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 34px 46px;
	border: 5px solid #e4e4e4;
}

.total-price+.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 18px;
	margin-top: 94px;
}

.total-price>span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #000;
}

.total-price>span strong {
	margin-right: 7px;
	font-weight: 700;
}

.total-price>.left strong,
.total-price>.right strong {
	font-size: 28px;
	color: #ee0b0b;
}

.total-price>.left strong {
	margin-left: 19px;
}

.total-price>.middle strong {
	margin-left: 22px;
	font-size: 25px;
}

.total-price>.middle .right {
	position: relative;
}

.total-price>.middle .right:before {
	content: "-";
	margin: 0 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	color: #000;
}

.total-price>.right>strong {
	margin-left: 10px;
}

.title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	padding: 30px 34px;
	font-size: 25px;
	font-weight: 600;
	border-radius: 20px;
}

.title-box+.title-leaf {
	margin-top: 60px;
}

.title-box+.outline-round {
	margin-top: 48px;
}

.title-box+.table-horizon {
	margin-top: 40px;
}

.title-box+.terms {
	margin-top: 40px;
}

.title-box+.terms~.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px;
	margin-top: 60px;
}

.title-box.green {
	border: 3px solid #3eaa36;
}

.title-box.small {
	font-size: 18px;
	line-height: 28px;
}

.title-box.small label {
	padding-left: 40px;
}

.title-box .icon-wrap {
	margin-right: 11px;
}

.green-box-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 70px;
}

.green-box-items li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 430px;
	flex: 0 0 430px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	border-radius: 20px;
	overflow: hidden;
}

.green-box-items a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.green-box-items .desc-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #1f632a;
	padding: 42px 20px 55px;
}

.green-box-items .title {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 32px;
	padding-right: 26px;
	background: url("/resources/branch/images/icon-arrow-right-green.png") no-repeat 100% 50%;
	font-size: 24px;
	color: #54d74a;
	font-weight: 600;
}

.green-box-items .desc {
	display: block;
	margin-top: 22px;
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	color: #fff;
	font-weight: 600;
}

.green-box-items .img-wrap img {
	width: 100%;
	height: auto;
}

.darkgreen-box-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}

.darkgreen-box-items.leaf {
	gap: 38px;
}

.darkgreen-box-items.leaf li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 260px;
	flex: 0 0 260px;
}

.darkgreen-box-items.leaf .title {
	padding-top: 42px;
	background-image: url("/resources/branch/images/icon-leaf-green.png");
	color: #fff;
}

.darkgreen-box-items.leaf .title+.desc {
	margin-top: 22px;
}

.darkgreen-box-items.leaf .desc-wrap {
	padding: 50px 30px 60px;
}

.darkgreen-box-items.leaf .desc {
	font-size: 15px;
}

.darkgreen-box-items li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 325px;
	flex: 0 0 325px;
	overflow: hidden;
	border-radius: 20px;
}

.darkgreen-box-items .desc-wrap {
	padding: 50px 42px 42px;
	background-color: #223927;
}

.darkgreen-box-items .desc-wrap:has(.desc) {
	padding: 50px 42px 60px;
}

.darkgreen-box-items .desc-wrap:only-of-type {
	padding: 34px 42px 38px;
}

.darkgreen-box-items .title {
	display: block;
	padding-top: 44px;
	background: url("/resources/branch/images/icon-leaves-green.png") no-repeat 50% 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	color: #a5e549;
}

.darkgreen-box-items .title+.desc {
	margin-top: 28px;
}

.darkgreen-box-items .desc {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: 500;
	color: #fff;
}

.darkgreen-box-items .desc+.desc {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #708274;
}

.darkgreen-box-items .img-wrap img {
	width: 100%;
	height: auto;
}

.gray-box-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}

.gray-box-items li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 450px;
	flex: 0 0 450px;
	overflow: hidden;
	border-radius: 20px;
}

.gray-box-items .desc-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 40px 20px 60px;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.gray-box-items .title {
	display: block;
	text-align: center;
	color: #333;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.gray-box-items .color-purple {
	color: #ea126e;
}

.gray-box-items .desc {
	margin-top: 18px;
	text-align: center;
	font-size: 15px;
	color: #333;
	line-height: 25px;
	font-weight: 500;
}

.gray-box-items .img-wrap img {
	width: 100%;
	height: auto;
}

.intro-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}

.intro-items .img-wrap img {
	width: 100%;
	height: auto;
}

.intro-items .title {
	display: block;
	margin-top: 40px;
	text-align: center;
	font-size: 28px;
	line-height: 38px;
	color: #279c2f;
	font-weight: 600;
}

.intro-items .desc {
	margin-top: 22px;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
}

.flag-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px 50px;
}

.flag-item>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
}

.flag-item strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 145px;
	flex: 0 0 145px;
	font-size: 22px;
	color: #000;
	font-weight: 700;
}

.flag-item .dot-caution {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 22px 36px;
	border-left: none;
}

.picture-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 54px;
}

.picture-items>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 63px;
}

.picture-items .desc-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
	padding-top: 34px;
}

.picture-items .sub {
	display: block;
	font-size: 23px;
	color: #000;
	font-weight: 600;
}

.picture-items .title {
	font-size: 28px;
	line-height: 38px;
	color: #000;
	font-weight: 600;
}

.picture-items .color-cyan {
	color: #299b8c;
}

.picture-items .desc {
	margin-top: 28px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	line-height: 30px;
}

.cyan-box-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 44px;
}

.cyan-box-items+.detail-section {
	margin-top: 82px;
}

.cyan-box-items>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #3da59a;
}

.cyan-box-items .type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 33px 20px;
	background-color: #299b8c;
	color: #fff;
	font-size: 23px;
	font-weight: 700;
}

.cyan-box-items .desc-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	padding: 37px 20px;
	text-align: center;
}

.cyan-box-items .color-pink {
	color: #da287c;
	font-size: 18px;
	font-weight: 700;
}

.cyan-box-items .desc {
	font-size: 15px;
	line-height: 24px;
	color: #333;
	font-weight: 500;
}

.title-line {
	display: block;
	position: relative;
	padding-top: 35px;
	text-align: center;
	font-size: 40px;
	color: #333;
	font-family: "SBAggro";
	font-weight: 500;
}

.title-line+.cyan-box-items {
	margin-top: 60px;
}

.title-line~.title-line {
	margin-top: 103px;
}

.title-line+.info-section {
	margin-top: 77px;
}

.title-line:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -26px;
	width: 53px;
	height: 1px;
	background-color: #000;
}

.title-line+.darkgreen-box-items {
	margin-top: 80px;
}

.title-caution {
	display: block;
	padding-left: 34px;
	background: url("/resources/branch/images/icon-warning.png") no-repeat 0 50%;
	font-size: 23px;
	font-weight: 700;
	color: #333;
}

.title-caution+.box.outline-round {
	margin-top: 36px;
}

.title-cyan-round {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-self: center;
	position: relative;
	padding: 21px 49px;
	background-color: #229f8f;
	font-size: 27px;
	font-family: "SBAggro";
	,
	"SCoreDream",
	serif;
	font-weight: 500;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}

.green-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.green-items li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 26px 20px;
	border-radius: 20px;
	background-color: #223927;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.fold-items {
	margin-top: 92px;
	padding-top: 51px;
	border-top: 2px solid #666;
}

.fold-items .detail-items {
	margin-top: 54px;
}

.fold-item {
	display: grid;
	grid-template-columns: 378px 1fr;
	grid-template-rows: auto auto 1fr;
	gap: 0 54px;
	border-bottom: 1px solid #e0e3e7;
}

.fold-item+li {
	margin-top: 60px;
}

.fold-item>.img-wrap {
	display: block;
	overflow: hidden;
	grid-row: 1/4;
	width: 348px;
	height: 256px;
	border-radius: 20px;
	margin-left: 30px;
}

.fold-item>.img-wrap img {
	width: 100%;
	height: auto;
}

.fold-item>strong {
	display: block;
	grid-column: 2/3;
	padding-top: 15px;
	font-size: 24px;
	color: #000;
	font-weight: 600;
	line-height: 34px;
}

.fold-item>p {
	margin-top: 27px;
	font-size: 16px;
	color: #595959;
	font-weight: 500;
	line-height: 26px;
}

.fold-item>input[type=checkbox]:checked+label {
	margin: 63px 0 62px 0;
}

.fold-item>input[type=checkbox]:checked+label:before {
	-webkit-transform: translateY(-50%) rotate(0);
	-ms-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
}

.fold-item>input[type=checkbox]:checked~.detail-items {
	display: none;
}

.fold-item>input[type=checkbox]+label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	justify-self: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 63px 0 0 0;
	padding: 22px 56px 22px 36px;
	border-radius: 10px;
	background-color: #3cad39;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}

.fold-item>input[type=checkbox]+label:before {
	left: auto;
	right: 25px;
	width: 16px;
	height: 9px;
	background-color: transparent;
	background-image: url("/resources/branch/images/icon-arrow-bottom.png");
	border: none;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.fold-item .detail-items {
	grid-column: 1/3;
	padding: 30px;
	background-color: #fafafa;
}

.fold-item .detail-items>ul {
	margin-top: 0;
	gap: 62px 25px;
}

.division-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	counter-reset: number 0;
	margin-top: 100px;
	padding-top: 100px;
	border-top: 1px solid #e5e5e5;
}

.division-number>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.division-number>div>strong {
	position: relative;
	padding-left: 122px;
	font-size: 30px;
	line-height: 40px;
	color: #000;
	font-weight: 700;
}

.division-number>div>strong:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: number;
	content: "0" counter(number);
	font-size: 80px;
	line-height: 90px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.1);
}

.division-number>div>p {
	padding-left: 122px;
	margin-bottom: 55px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

.division-number>div>.img-wrap {
	display: block;
}

.division-number>div>.img-wrap img {
	width: 100%;
	height: auto;
}

.recent-item+.gCount1 {
	margin-top: 90px;
}

.recent-item>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.recent-item .left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 434px;
	flex: 0 0 434px;
}

.recent-item .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #dfdfdf;
	border-left: none;
	padding: 58px 45px;
}

.recent-item .img-wrap img {
	width: 100%;
	height: auto;
}

.recent-item .title-underline {
	font-size: 0;
}

.recent-item .title-underline strong {
	margin-right: 13px;
	font-size: 23px;
	text-decoration: underline;
	font-weight: 600;
	line-height: 36px;
	vertical-align: middle;
}

.recent-item .badges {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	width: auto !important;
	vertical-align: middle;
}

.recent-item .desc {
	margin-top: 30px;
	font-size: 16px;
	line-height: 26px;
	color: #595959;
}

.recent-item .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	line-height: 25px;
	margin-top: auto;
	color: #727272;
}

.recent-item .date:before {
	content: "";
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 15px;
	height: 15px;
	background: url("/resources/branch/images/icon-calendar.png") no-repeat 50% 50%;
}

.arrangement-left .description-course {
	padding-bottom: 109px;
	background: url("/resources/branch/images/visual-course.png") no-repeat 100% 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.arrangement-left .description-course>.title {
	display: block;
	color: #000;
	font-size: 28px;
	font-weight: 700;
}

.arrangement-left .description-course .color-green {
	color: #3eaa36;
}

.arrangement-left .description-course>.desc {
	display: block;
	margin-top: 30px;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
}

.arrangement-left .detail-section .map-wrap {
	width: auto;
	height: auto;
}

.arrangement-left .detail-section .map-wrap+.swiper-scroll {
	margin-top: 68px;
}

.arrangement-left .detail-section .map-wrap img {
	position: relative;
	top: auto;
	left: auto;
}

.map-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 66px 168px 66px 118px;
	border-radius: 100px 0 0 0;
	background-color: #223927;
}

.map-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
}

.map-info .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.map-info .title {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
}

.map-info .title+strong,
.map-info .title+span {
	margin-left: 15px;
}

.map-info .title+strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	font-size: 38px;
	color: #fff;
	font-weight: 700;
}

.map-info .title+strong span {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
}

.map-info .title+strong span+.large {
	margin-left: 4px;
}

.map-info .title+strong span.large {
	font-size: 38px;
}

.map-info .score {
	display: block;
	position: relative;
	width: 216px;
	height: 40px;
	background: url("/resources/branch/images/icon-star-empty.png") repeat-x 0 0;
}

.map-info .score:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: url("/resources/branch/images/icon-star-fill.png") repeat-x 0 0;
}

.map-info .score[data-score="1"]:after {
	width: 57px;
}

.map-info .score[data-score="2"]:after {
	width: 114px;
}

.map-info .score[data-score="3"]:after {
	width: 171px;
}

.map-info .score[data-score="4"]:after {
	width: 228px;
}

.course-detail {
	padding: 72px 60px 55px;
	background-color: #fafafa;
	counter-reset: course 0;
}

.course-detail>strong {
	display: block;
	font-size: 23px;
	color: #000;
	font-weight: 700;
}

.course-detail>strong+ol {
	margin-top: 35px;
}

.course-detail ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px 36px;
}

.course-detail li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-weight: 500;
}

.course-detail li:not(:last-of-type):after {
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	width: 9px;
	height: 14px;
	background: url("/resources/branch/images/icon-triangle-yellow.png") no-repeat 0 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.course-detail li:before {
	counter-increment: course;
	content: counter(course);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	border-radius: 100%;
	background-color: #3d3d3d;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
}

.memberships {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 45px;
}

.memberships+.detail-section {
	margin-top: 96px;
}

.memberships>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 81px;
	padding: 56px 74px 50px;
	border: 1px solid #ddd;
	border-radius: 20px;
}

.memberships .left {
	padding: 0 20px;
}

.memberships .left>strong {
	display: block;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
}

.memberships .left>.img-wrap {
	display: block;
	margin-top: 30px;
}

.memberships .left>.img-wrap img {
	display: block;
	margin: 0 auto;
}

.memberships .right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.memberships .right>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
}

.memberships .right>ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.memberships .right>ul li>strong {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	position: relative;
	padding-left: 11px;
	font-size: 16px;
	color: #333;
	font-weight: 700;
}

.memberships .right>ul li>strong:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	background-color: #333;
	border-radius: 100%;
}

.memberships .right>ul li>p {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
	color: #333;
	font-weight: 700;
}

.memberships .right .benefit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 7px;
}

.memberships .right .benefit li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 500;
}

.memberships .right .benefit li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background-color: #333;
}

.memberships .button-wrap {
	-ms-flex-item-align: center;
	align-self: center;
}

.detail-section .dot-caution .buttons {
	margin-top: 33px;
}

.calendar-division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 66px;
}

.calendar-division>.left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.calendar-division>.right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 500px;
	flex: 0 0 500px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.calendar-division>.right .gallery-items.thumb {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-ms-scroll-chaining: chained;
	overscroll-behavior: auto;
	overflow-y: auto;
	height: 779px;
}

.calendar-division .box-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
}

.calendar-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	position: relative;
}

.calendar-controls .button-prev,
.calendar-controls .button-next {
	width: 32px;
	height: 32px;
	background: url("/resources/branch/images/icon-arrow-left-round.png") no-repeat 50% 50%;
}

.calendar-controls .button-prev {
	margin-right: 28px;
}

.calendar-controls .button-next {
	margin-left: 22px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.calendar-controls .year {
	font-size: 40px;
	font-weight: 700;
}

.calendar-controls select {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0 32px 0 0;
	background: transparent url("/resources/branch/images/icon-arrow-down.png") no-repeat 100% 50%;
	margin-left: 0px;
	font-size: 40px;
	font-weight: 700;
	text-align: right;
}

.calendar-controls .circles {
	position: absolute;
	right: 0;
}

.calendar-select {
	margin-top: 33px;
}

.calendar-select .days,
.calendar-select .dates {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.calendar-select .days>li:nth-of-type(7n+1),
.calendar-select .dates>li:nth-of-type(7n+1) {
	color: #dc3232;
}

.calendar-select .days>li:nth-of-type(7n+1) .num,
.calendar-select .dates>li:nth-of-type(7n+1) .num {
	color: #dc3232;
}

.calendar-select .days>li:nth-of-type(7n+1) button:disabled .num,
.calendar-select .dates>li:nth-of-type(7n+1) button:disabled .num {
	color: #dc3232;
}

.calendar-select .days {
	border-top: 2px solid #000;
}

.calendar-select .days>li {
	padding: 17px 0;
	background-color: #f8f8f8;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
}

.calendar-select .dates>li {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.calendar-select .dates>li:has(.button-date) {
	padding: 0;
	min-height: auto;
}

.calendar-select .dates>li:has(:not(button)) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	height: 100%;
	min-height: 142px;
	padding: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.calendar-select .dates>li:has(:not(button)):nth-last-of-type(-n+7) {
	border-bottom: 1px solid #e6e6e6;
}

.calendar-select .dates>li:nth-of-type(7n+1) {
	border-left: none;
}

.calendar-select .dates>li:nth-of-type(-n+7) {
	border-top: none;
}

.calendar-select .dates>li.selected {
	background-color: #feeeee;
}

.calendar-select .dates .button-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	height: 100%;
	min-height: 142px;
	padding: 12px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.calendar-select .dates .button-date:disabled .num {
	color: #000;
}

.calendar-select .dates .num {
	color: #000;
	font-size: 15px;
	font-weight: 700;
}

.calendar-select .dates .red {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #dc3232;
}

.calendar-select .state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
}

.calendar-select .state>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.calendar-wrap {
	width: 100%;
	margin: 0 auto;
	max-width: 884px;
}

/*260309 조가인 추가*/
.guide-section {
	margin-bottom: 60px;
}

.guide-section .guide-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	text-align: center;
}

.guide-section .guide-list li {
	display: inline-block;
}

.guide-section .guide-list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 25px;
}

.guide-section .guide-list li a span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	border-radius: 100%;
	background-color: #edf0f1;
}

.guide-section .guide-list li a p {
	text-align: center;
	font-size: 16.5px;
	font-weight: 600;
}
/*//260309 조가인 추가//*/
.cyan-division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
}

.cyan-division+.detail-section {
	margin-top: 103px;
}

.cyan-division>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.cyan-division .cyan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 216px;
	flex: 0 0 216px;
	height: 100%;
	border-radius: 20px 0 0 20px;
	background-color: #299b8c;
}

.cyan-division .cyan .title {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.cyan-division .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 43px 38px;
	border: 1px solid #e5e5e5;
	border-left: none;
	border-radius: 0 20px 20px 0;
}

.cyan-division .text .title {
	font-size: 19px;
	color: #333;
	font-weight: 700;
}

.cyan-division .text .title~.title {
	margin-top: 27px;
}

.cyan-division .text .desc {
	margin-top: 13px;
	font-size: 16px;
	color: #272727;
	font-weight: 500;
}

.box-division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	width: 100%;
}

.box-division.division3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

.box-division .cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 22px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	padding: 57px 20px 64px;
}

.box-division .cell .title {
	font-size: 28px;
	color: #333;
	font-weight: 700;
}

.box-division .cell .desc {
	margin-top: 29px;
	font-size: 20px;
	color: #333;
	font-weight: 700;
}

.box-division .cell .subDesc {
	font-size: 15px;
	color: #333;
	font-weight: 500;
	text-align: center;
}

.box-division .tiny-cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 21px;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	padding: 34px 34px;
}

.box-division .tiny-cell.center .title {
	text-align: center;
}

.box-division .tiny-cell .title {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.box-division .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px;
	gap: 14px;
}

.table-grid.grid5+.dot-caution {
	margin-top: 32px;
}

.table-grid.grid2+.dot-caution {
	margin-top: 32px;
}

.box-tree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 240px;
	padding: 0 80px 0 306px;
	background: #f9fff9 url("/resources/branch/images/visual-tree.png") no-repeat 31px 50%;
	border: 1px solid #d7e6d7;
	border-radius: 20px;
}

.box-tree .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.box-tree .text .green {
	font-size: 20px;
	font-weight: 600;
	line-height: 34px;
	color: #359d38;
}

.box-tree .text .desc {
	margin-top: 6px;
	font-size: 16px;
	font-weight: 500;
	color: #595959;
}

.navy-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 60px 27px 56px;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
}

.navy-items li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.navy-items .icon-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 120px;
	height: 120px;
	border-radius: 100px;
	background-color: #314883;
}

.navy-items .title {
	text-align: center;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	line-height: 25px;
}

.square-check .controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 43px;
}

.square-check .controls .date {
	font-size: 33px;
	font-weight: 700;
	color: #000;
}

.square-check .controls [class*=button-] {
	width: 41px;
	height: 41px;
	background: url("/resources/branch/images/icon-arrow-round.png") no-repeat 50% 50%;
}

.square-check .controls .button-next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.square-check .swiper-wrap {
	position: relative;
	margin-top: 31px;
	padding: 0 107px;
	border: 5px solid #dbdbdb;
	background-color: #fbfbfb;
}

.square-check .swiper-wrap+.box-title {
	margin-top: 67px;
}

.square-check .swiper-wrap [class*=button-] {
	position: absolute;
	top: 114px;
	width: 37px;
	height: 37px;
	background: url("/resources/branch/images/icon-arrow-left.png") no-repeat 50% 0;
}

.square-check .swiper-wrap .button-prev {
	left: 42px;
}

.square-check .swiper-wrap .button-next {
	right: 42px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.square-check .swiper-wrap input[type=radio] {
	display: none;
}

.square-check .swiper-wrap input[type=radio]:checked+label {
	-webkit-box-shadow: 0 0 0 4px #299b8c inset;
	box-shadow: 0 0 0 4px #299b8c inset;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.square-check .swiper-wrap input[type=radio]:checked+label:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	border: none;
	border-radius: 0;
	background: #299b8c url("/resources/branch/images/icon-check.png") no-repeat 50% 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.square-check .swiper-wrap input[type=radio]+label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 23px;
	position: relative;
	height: auto;
	padding: 31px 40px 27px;
	-webkit-box-shadow: 0 0 0 1px #b9b9b9 inset;
	box-shadow: 0 0 0 1px #b9b9b9 inset;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.square-check .swiper-wrap input[type=radio]+label:before,
.square-check .swiper-wrap input[type=radio]+label:after {
	display: none;
}

.square-check .swiper-wrap .date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	text-align: center;
}

.square-check .swiper-wrap .badge {
	height: 55px !important;
	font-size: 26px !important;
	font-weight: 700 !important;
}

.square-check .swiper-wrap .badge .unit {
	font-size: 20px;
	margin-left: 5px;
}

.square-check .swiper {
	overflow: hidden;
	padding: 54px 0;
}

.square-check .nodata1 {
	padding: 70px 0;
	text-align: center;
}

.square-check .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.square-check .swiper-slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 218px;
	flex: 0 0 218px;
	position: relative;
	-webkit-box-shadow: 2px 2px 7px 7px rgba(210, 210, 210, 0.3);
	box-shadow: 2px 2px 7px 7px rgba(210, 210, 210, 0.3);
}

.square-check .box-title+.buttons {
	margin-top: 89px;
}

.square-check .box-title .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 17px;
	font-size: 23px;
}

.square-check .box-title .yellow {
	color: #ffc000;
}

.square-check .box-title>ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 63px;
	width: 100%;
	padding: 34px 49px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: solid 1px #e2e2e2;
}

.square-check .box-title>ul li:last-of-type {
	border-bottom: none;
}

.square-check .box-title .time {
	font-size: 17px;
	color: #333;
	font-weight: 700;
}

.square-check .box-title .name {
	font-size: 17px;
	color: #333;
	font-weight: 500;
}

.square-check .box-title .badge {
	margin-left: auto;
}

.square-check .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 19px;
}

.intro-visual {
	position: relative;
	height: 748px;
	padding-top: 127px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.intro-visual+.detail-section {
	margin-top: 155px;
}

.intro-visual:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1520px;
	height: 100%;
	background: url("/resources/branch/images/bg-intro.jpg") no-repeat 50% 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.intro-visual .title {
	display: block;
	position: relative;
	width: 600px;
	padding-top: 122px;
	background: url("/resources/branch/images/logo-wave.png") no-repeat 50% 0;
	text-align: center;
	font-family: "SBAggro";
	font-size: 50px;
	font-weight: 500;
	color: #272727;
}

.intro-visual .desc {
	position: relative;
	width: 600px;
	margin-top: 53px;
	text-align: center;
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
	color: #272727;
}

.intro-visual .desc strong {
	color: #000;
}

.intro-visual .img-wrap {
	position: absolute;
	top: 132px;
	right: 0;
}

.overviews {
	padding: 28px 56px;
	border-radius: 20px;
	border: 6px solid #f6f6f6;
}

.overviews>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 48px;
	padding: 32px 25px;
}

.overviews>li+li {
	border-top: 1px solid #e9e9e9;
}

.overviews .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 20px;
	font-size: 17px;
	font-weight: 600;
}

.overviews .desc {
	color: #333;
	font-size: 17px;
	font-weight: 700;
}

.overviews .sub {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 47px;
}

.overviews .sub .subTitle {
	font-size: 17px;
	color: #333;
	font-weight: 700;
}

.overviews .sub .subDesc {
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	line-height: 26px;
}

.outline-round-division .step-items {
	padding: 0 45px;
}

.outline-round-division>.bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
	padding: 26px 44px;
	border-top: 1px solid #dfdfdf;
	background-color: #f9f9f9;
}

.outline-round-division>.bottom .title {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.outline-round-division>.bottom .desc {
	margin-left: 11px;
	font-size: 15px;
	line-height: 25px;
	color: #333;
	font-weight: 500;
}

.location-wrap+.location-wrap {
	margin-top: 120px;
}

.location-wrap .map-wrap {
	display: block;
}

.location-wrap .map-wrap+.address-wrap {
	margin-top: 42px;
}

.location-wrap .map-wrap img {
	width: 100%;
	height: auto;
}

.location-wrap .address-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.location-wrap .contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 38px;
}

.location-wrap .contact>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 16px;
}

.location-wrap .contact .title {
	border-radius: 50px;
	padding: 10px 21px;
	background-color: #013569;
	color: #fff;
	font-weight: 600;
	font-size: 17px;
}

.location-wrap .contact .address {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.location-wrap .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 17px;
	margin-left: auto;
}

.location-wrap .title-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 13px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 28px;
	font-weight: 700;
}

.location-wrap .title-icon+.dot-items {
	margin-top: 38px;
}

.location-wrap .title-icon+.table-gray {
	margin-top: 42px;
}

.location-wrap .title-icon .icon-wrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.location-wrap .title-icon .button-cyan-round:first-of-type {
	margin-left: 14px;
}

.location-wrap .dot-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4px;
}

.location-wrap .dot-items+.table-gray {
	margin-top: 42px;
}

.location-wrap .dot-items+.box-design {
	margin-top: 39px;
}

.location-wrap .dot-items>li {
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #252525;
	font-weight: 400;
}

.location-wrap .dot-items>li:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #252525;
}

.location-wrap .table-gray caption {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(0 0 0 0) !important;
	overflow: hidden !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
}

.location-wrap .route li {
	float: left;
	padding-left: 20px;
	margin-left: 10px;
	background: url("/resources/branch/images/icon-arrow-right-cyan.gif") no-repeat 0 7px;
}

.location-wrap .route li:first-child {
	padding-left: 0;
	margin-left: 0;
	background: none;
}

.location-wrap .box-design {
	padding: 60px;
	border: 1px solid #e0e1e3;
	border-top-color: #333;
}

.location-wrap .box-design .title {
	font-size: 22px;
	color: #000;
	font-weight: 700;
}

.location-wrap .box-design .title+.desc {
	margin-top: 20px;
}

.location-wrap .box-design .desc {
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
}

.location-wrap .box-design .desc strong {
	font-weight: 700;
}

.greeting-visual {
	padding-top: 86px;
	height: 400px;
	background: url("/resources/branch/images/visual-greeting.jpg") no-repeat 50% 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.greeting-visual+.greeting-text {
	margin-top: 109px;
}

.greeting-visual .title {
	display: block;
	font-size: 32px;
	line-height: 50px;
	font-weight: 600;
	text-align: center;
}

.greeting-visual .title+.desc {
	margin-top: 39px;
}

.greeting-visual .desc {
	text-align: center;
	font-size: 17px;
	color: #333;
	line-height: 30px;
	font-weight: 500;
}

.greeting-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 84px;
}

.greeting-text .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 93px;
	font-size: 17px;
	color: #555;
	line-height: 34px;
	font-weight: 500;
}

.greeting-text .signature-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	gap: 30px;
}

#body.main {
	width: 100%;
	min-width: 1500px;
	margin-top: 0;
}

.main .full-banner {
	overflow: hidden;
	position: relative;
}

.main .full-banner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main .full-banner li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.main .full-banner a {
	display: block;
}

.main .full-banner .img-wrap {
	display: block;
}

.main .full-banner .img-wrap img {
	display: block;
	margin: 0 auto;
}

.main .full-banner .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	margin-top: 25px;
}

.main .full-banner .pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #dadada;
}

.main .full-banner .pagination .swiper-pagination-bullet-active {
	background-color: #009845;
}

.main .quick-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 592px;
	margin-left: auto;
	margin-bottom: 50px;
}

.main .quick-nav+.items {
	margin-top: 53px;
}

.main .quick-nav>.title {
	font-size: 55px;
	font-weight: 500;
	font-family: "SBAggro";
	color: #fff;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.main .quick-nav>.title+.desc {
	margin-top: 10px;
}

.main .quick-nav>.desc {
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	color: #fff;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.main .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 570px;
	margin-left: auto;
}

.main .items+.top-swiper {
	margin-top: 53px;
}

.main .items a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 23px;
}

.main .items .icon-wrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	border-radius: 100px;
	background-color: #3d5771;
}

.main .items .title {
	display: block;
	text-align: center;
	font-size: 17px;
	color: rgb(34, 34, 34);
	font-weight: 600;
	-webkit-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.wrap1500 {
	width: 1500px;
	margin: 0 auto;
}

.top-visual {
	position: relative;
}

.top-visual[data-theme=dark] .items .title {
	color: rgb(255, 255, 255);
}

.top-visual[data-theme=dark] .quick-nav>.title {
	color: rgb(255, 255, 255);
}

.top-visual[data-theme=dark] .quick-nav>.desc {
	color: rgb(255, 255, 255);
}

.top-visual .wrap1500 {
	position: absolute;
	top: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.full-swiper {
	position: relative;
	min-width: 1500px;
	width: 100%;
	height: 830px;
	max-width: 2000px;
	margin: 0 auto;
	overflow: hidden;
}

.full-swiper .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.full-swiper .swiper-slide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden;
}

.full-swiper .img-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.full-swiper .img-wrap img {
	width: 2000px;
	height: 850px;
}

.full-swiper .button-next,
.full-swiper .button-prev {
	position: absolute;
	top: 394px;
	width: 33px;
	height: 66px;
	background: url("/resources/branch/images/icon-arrow-left3.png") no-repeat 0 50%;
	z-index: 1;
}

.full-swiper .button-prev {
	left: 40px;
}

.full-swiper .button-next {
	right: 40px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.top-swiper {
	width: 592px;
	overflow: hidden;
	margin-left: auto;
}

.top-swiper ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.top-swiper li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.top-swiper .img-wrap {
	display: block;
}

.top-swiper .img-wrap img {
	width: 100%;
	height: auto;
}

.top-swiper .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 5px;
	margin-top: 30px;
}

.top-swiper .pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 50px;
	background-color: #fff;
	opacity: 0.9
}

.top-swiper .pagination .swiper-pagination-bullet-active {
	width: 45px;
}

.today-info {
	position: relative;
	margin-top: -125px;
}

.today-info .wrap1500 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 100px;
	-webkit-box-shadow: 0 0 10px 20px rgba(183, 183, 183, 0.2);
	box-shadow: 0 0 10px 15px rgba(183, 183, 183, 0.1);
}

.today-info .wrap1500>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.today-info .wrap1500>div.closed {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.today-info .wrap1500 .button-blue {
	-ms-flex-item-align: center;
	align-self: center;
	margin-left: auto;
	margin-right: 34px;
}

.today-info .wrap1500 .button-blue .icon-wrap img {
	width: 16.5px;
	height: auto;
}

.today-info .hour {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 11px;
	padding-left: 55px;
	padding: 36px 26px 36px 55px;
}

.today-info .hour .icon-wrap {
	display: none;
}

.today-info .time-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
}

.today-info .time-wrap>.title {
	font-size: 18px;
	color: #8d8d8d;
	font-weight: 600;
}

.today-info .time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 11px;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	font-size: 35px;
	font-weight: bold;
	font-family: Arial, serif;
}

.today-info .time .desc {
	font-size: 15px;
	font-weight: 500;
	font-family: "SCoreDream", serif;
	color: #696969;
}

.today-info .weather {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 19px;
	border: solid #ececec;
	border-width: 0 1px;
	padding: 35px 34px 36px 35px;
}

.today-info .weather-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 19px;
}

.today-info .weather-wrap>.title {
	font-size: 18px;
	color: #8d8d8d;
	font-weight: 600;
}

.today-info .weather .icon-wrap {
	width: 78px;
	height: 78px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
}

.today-info .weather .icon-wrap.weather1 {
	background-image: url("/resources/branch/images/icon-weather1.png");
}

.today-info .weather .icon-wrap.weather2 {
	background-image: url("/resources/branch/images/icon-weather2.png");
}

.today-info .weather .icon-wrap.weather3 {
	background-image: url("/resources/branch/images/icon-weather3.png");
}

.today-info .weather .icon-wrap.weather4 {
	background-image: url("/resources/branch/images/icon-weather4.png");
}

.today-info .weather .icon-wrap.weather5 {
	background-image: url("/resources/branch/images/icon-weather5.png");
}

.today-info .weather .icon-wrap.weather6 {
	background-image: url("/resources/branch/images/icon-weather6.png");
}

.today-info .weather .icon-wrap.weather7 {
	background-image: url("/resources/branch/images/icon-weather7.png");
}

.today-info .weather .icon-wrap.weather8 {
	background-image: url("/resources/branch/images/icon-weather8.png");
}

.today-info .weather .icon-wrap.weather9 {
	background-image: url("/resources/branch/images/icon-weather9.png");
}

.today-info .weather .icon-wrap.weather10 {
	background-image: url("/resources/branch/images/icon-weather10.png");
}

.today-info .weather .icon-wrap.weather11 {
	background-image: url("/resources/branch/images/icon-weather11.png");
}

.today-info .weather .icon-wrap.weather12 {
	background-image: url("/resources/branch/images/icon-weather12.png");
}

.today-info .weather .icon-wrap.weather13 {
	background-image: url("/resources/branch/images/icon-weather13.png");
}

.today-info .weather .icon-wrap.weather14 {
	background-image: url("/resources/branch/images/icon-weather14.png");
}

.today-info .weather .icon-wrap.weather15 {
	background-image: url("/resources/branch/images/icon-weather15.png");
}

.today-info .weather .icon-wrap.weather16 {
	background-image: url("/resources/branch/images/icon-weather16.png");
}

.today-info .weather .icon-wrap.weather17 {
	background-image: url("/resources/branch/images/icon-weather17.png");
}

.today-info .weather .icon-wrap.weather18 {
	background-image: url("/resources/branch/images/icon-weather18.png");
}

.today-info .weather .degree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	font-size: 39px;
	font-family: Arial, serif;
	font-weight: bold;
}

.today-info .weather .desc {
	font-size: 15px;
	font-family: "SCoreDream", serif;
	line-height: 24px;
	color: #2f2f2f;
	font-weight: 400;
}

.today-info .closed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	position: relative;
	overflow: hidden;
	padding: 36px 34px 36px 50px;
}

.today-info .closed>.title {
	font-size: 18px;
	color: #8d8d8d;
	font-weight: 600;
}

.today-info .closed [class*=button-] {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	background: url("/resources/branch/images/icon-arrow-right-green2.png") no-repeat 50% 50%;
}

.today-info .closed [class*=button-].button-prev {
	left: 50px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.today-info .closed [class*=button-].button-next {
	right: 40px;
}

.today-info .swiper-holiday {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow: hidden;
}

.today-info .closed-time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.today-info .closed-time .swiper-slide {}

.today-info .closed-time>li {
	width: 100%;
	display: grid;
	grid-template-columns: auto auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px 30px;
}

.today-info .closed-time .holiday-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.today-info .closed-time .title {
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #0ba02a;
}

.today-info .closed-time .desc {
	font-size: 15px;
	line-height: 24px;
	color: #2f2f2f;
	font-weight: 500;
	margin-left: 5px;
}

.this-month {
	margin-top: -342px;
	padding-top: 450px;
	padding-bottom: 92px;
	background: url("/resources/branch/images/bg-month.png") no-repeat 50% 100%;
}

.this-month .wrap1500 {
	position: relative;
	overflow: hidden;
	padding-bottom: 47px;
}

.this-month .wrap1500>.title {
	font-size: 44px;
	font-family: "SBAggro";
	font-weight: 500;
}

.this-month .wrap1500>.title+.desc {
	margin-top: 30px;
}

.this-month .wrap1500>.desc {
	font-size: 16px;
	color: #1f1f1f;
	line-height: 28px;
	font-weight: 500;
}

.this-month .current-month {
	position: relative;
}

.this-month .current-swiper {
	max-width: 1900px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 74px;
	margin: 0 auto;
	overflow: hidden;
}

.this-month .current-swiper>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.this-month .current-swiper li {
	width: 245px;
	height: 530px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
}

.this-month .current-swiper li.swiper-slide-prev .img-wrap {
	left: -35px;
}

.this-month .current-swiper li.swiper-slide-next .img-wrap {
	left: auto;
	right: -35px;
}

.this-month .current-swiper .swiper-slide-active {
	z-index: 1;
}

.this-month .current-swiper .swiper-slide-active~.swiper-slide:not(.swiper-slide-next) .img-wrap {
	left: auto;
	right: 0;
}

.this-month .current-swiper .swiper-slide-active .img-wrap {
	width: 480px;
	height: 480px;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 8px solid #fff;
}

.this-month .current-swiper .swiper-slide-active .img-wrap:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 360px;
	width: 83px;
	height: 83px;
	background: url("/resources/branch/images/icon-plus-green.png") no-repeat 50% 50%;
}

.this-month .current-swiper .swiper-slide-active .title {
	display: block;
	padding-top: 508px;
	font-size: 19px;
	color: #1f1f1f;
	font-weight: 600;
	text-align: center;
}

.this-month .current-swiper .swiper-slide-prev .img-wrap,
.this-month .current-swiper .swiper-slide-next .img-wrap {
	top: 55px;
}

.this-month .current-swiper .title {
	display: none;
}

.this-month .current-swiper .img-wrap {
	display: block;
	position: absolute;
	top: 112px;
	left: 0;
	width: 250px;
	height: 250px;
	border-radius: 100%;
	border: 6px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.this-month .current-swiper .img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.this-month .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 12px;
	position: absolute;
	top: -96px;
	left: 50%;
	width: 1500px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.this-month button {
	width: 54px;
	height: 50px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.this-month .button-prev,
.this-month .button-next {
	background: #fff url("/resources/branch/images/icon-arrow-left-small.png") no-repeat 50% 50%;
}

.this-month .button-next {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.this-month .button-play {
	position: relative;
	background-color: #fff;
}

.this-month .button-play:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 9px solid #63645e;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.this-month .button-stop {
	background: #fff url("/resources/branch/images/icon-pause.png") no-repeat 50% 50%;
}

.this-month a {
	display: block;
}

.main-posters {
	padding: 90px 0 100px;
	border-top: 1px solid #e6e6e6;
	background-color: #fff;
}

.main-posters .wrap1500 {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-posters .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 60px;
}

.main-posters .top>.title {
	font-family: "SBAggro";
	font-weight: 500;
	font-size: 44px;
}

.main-posters .top+.swiper {
	margin-top: 36px;
	min-height: 520px;
}

.main-posters .tabs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 20px;
	margin: 0;
}

.main-posters .tabs button {
	padding: 12px 25px;
	border-radius: 50px;
	font-size: 18px;
	color: #030303;
	font-weight: 600;
}

.main-posters .tabs button.active {
	color: #fff;
	background-color: #33a72e;
}

.main-posters .dates {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 15px;
	margin-left: auto;
}

.main-posters .dates .year {
	-ms-flex-item-align: baseline;
	align-self: baseline;
	font-size: 26px;
	font-family: "SBAggro";
}

.main-posters .dates .month {
	-ms-flex-item-align: baseline;
	align-self: baseline;
	font-size: 57px;
	font-family: "SBAggro";
}

.main-posters .dates .week {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}

.main-posters .dates button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border-radius: 20px;
}

.main-posters .dates button:nth-of-type(6) .date {
	color: #125ee8;
}

.main-posters .dates button:nth-of-type(7) .date {
	color: #dd1313;
}

.main-posters .dates button.active {
	background-color: #fff;
	border: 1px solid #e1e1e1;
}

.main-posters .dates button .day {
	font-family: "SBAggro";
	font-size: 17px;
	font-weight: 600;
}

.main-posters .dates button .date {
	font-family: "SBAggro";
	font-size: 17px;
	font-weight: 600;
}

.main-posters .swiper {
	overflow: hidden;
}

.main-posters .swiper>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-posters .swiper li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.main-posters .swiper .img-wrap {
	display: block;
}

.main-posters .swiper .img-wrap img {
	width: 100%;
	height: auto;
}

.main-posters .swiper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 14px;
}

.main-posters .swiper .title {
	margin-top: 16px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	text-align: center;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	min-height: 55px;
}

.main-posters .swiper .desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: 14px;
	color: #595959;
	line-height: 22px;
	font-weight: 400;
}

.main-posters [class*=button-] {
	position: absolute;
	bottom: -47px;
	width: 64px;
	height: 30px;
	background: url("/resources/branch/images/icon-arrow-left2.png") no-repeat 0 50%;
}

.main-posters .button-prev {
	left: 0;
}

.main-posters .button-next {
	right: 0;
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
}

.main-news {
	padding: 107px 0 120px;
}

.main-news .wrap1500 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 52px;
}

.main-news .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 56px;
	margin-bottom: 37px;
}

.main-news .top>.title {
	font-size: 38px;
	font-weight: 500;
	font-family: "SBAggro";
}

.main-news .top .link-all {
	margin-left: auto;
}

.main-news .top .link-all .icon-wrap {
	display: block;
}

.main-news .tabs {
	margin: 0;
	gap: 30px;
}

.main-news .tabs button {
	position: relative;
	font-size: 19px;
	font-weight: 700;
	padding: 0;
	margin: 0;
}

.main-news .tabs button.active {
	color: #33a72e;
}

.main-news .tabs button+button:before {
	content: "";
	position: absolute;
	left: -18px;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #515151;
}

.main-news .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 800px;
}

.main-news .left .nodata {
	border: 1px solid #e8e8e8;
	border-radius: 20px;
	margin-top: 0px;
	padding: 40px;
}

.main-news .news-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 25px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
}

.main-news .news-items>li {
	border: 1px solid #e8e8e8;
	border-radius: 20px;
	padding: 30px 35px;
	height: 135px;
}

.main-news .news-items a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 18px;
	height: 100%;
}

.main-news .news-items .badge {
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.main-news .news-items .title {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-weight: 500;
}

.main-news .news-items .date {
	margin-top: -10px;
	font-size: 16px;
	color: #3a3a3a;
	font-weight: 500;
}

.main-news .right {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 650px;
	flex: 0 0 650px;
	overflow: hidden;
}

.main-news .right .swiper>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-news .right .swiper li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.main-news .right .swiper a {
	display: block;
}

.main-news .right .swiper .img-wrap {
	display: block;
}

.main-news .right .swiper .img-wrap img {
	width: 100%;
	height: auto;
}

.main-news .right .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	position: absolute;
	top: 14px;
	right: 0;
}

.main-news .right .pagination .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background-color: #cacaca;
}

.main-news .right .pagination .swiper-pagination-bullet-active {
	background-color: #1b6a65;
}

.main-live {
	margin-top: 92px;
}

.main-live .wrap1500 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 104px;
}

.main-live .wrap1500>.right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.main-live .left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1002px;
	flex: 0 0 1002px;
	overflow: hidden;
}

.main-live .left .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-live .left .top>.title {
	font-size: 36px;
	color: #333;
	font-weight: 500;
	font-family: "SBAggro";
}

.main-live .left .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.main-live .left .links .icon-wrap {
	display: block;
}

.main-live .left .links .icon-wrap img {
	display: block;
	height: auto;
}

.main-live .right {
	padding: 85px 23px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-live .right .top .icon-wrap {
	display: block;
}

.main-live .right .top .icon-wrap img {
	width: 46.5px;
	height: auto;
}

.main-live .right .top>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-self: flex-end;
	font-family: "SBAggro";
	font-weight: 500;
	font-size: 32px;
}

.main-live .right .top .desc {
	margin-top: 30px;
	text-align: right;
	font-size: 16px;
	line-height: 26px;
	color: #3a3a3a;
}

.main-live .right .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 64px;
}

.main-live .right .links a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 25px;
}

.main-live .right .links .icon-wrap {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 85px;
	height: 85px;
	border-radius: 100%;
	background-color: #edf0f1;
}

.main-live .right .links .title {
	text-align: center;
	font-size: 16.5px;
	font-weight: 600;
}

.main-live .swiper [class*=button-] {
	display: none;
}

.main-live .lives {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 34px;
}

.main-live .lives>li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: relative;
	width: 306px;
}

.main-live .lives a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px;
}

.main-live .lives [class*=category-]:before {
	content: "";
	position: absolute;
	top: 21px;
	right: 21px;
	width: 43px;
	height: 43px;
	border-radius: 100%;
	pointer-events: none;
}

.main-live .lives .category-youtube:before {
	background: url("/resources/branch/images/icon-youtube-play.png") no-repeat 50% 50%;
}

.main-live .lives .category-blog:before {
	background: url("/resources/branch/images/icon-blog.png") no-repeat 50% 50%;
}

.main-live .lives .category-facebook:before {
	background: url("/resources/branch/images/icon-facebook.png") no-repeat 50% 50%;
}

.main-live .lives .category-Instagram:before {
	background: url("/resources/branch/images/icon-Instagram.png") no-repeat 50% 50%;
}

.main-live .lives .category-garden:before {
	background: url("/resources/branch/images/icon-garden.png") no-repeat 50% 50%;
}

.main-live .lives .img-wrap {
	display: block;
}

.main-live .lives .img-wrap img {
	width: 100%;
	height: auto;
}

.main-live .lives .title {
	font-size: 18px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-top: 15px;
	color: #333;
	font-weight: 600;
	min-height: 55px;
}

/* modify20260112 */

.main-live .lives .date {
	font-size: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
}

.attendance-tiger {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 26px;
	position: relative;
	width: min(2000px, 100%);
	margin: 50px auto 0px;
}

.attendance-tiger>.left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 614px;
	flex: 0 0 614px;
	position: relative;
	border-radius: 0 20px 20px 0;
	background-color: #fff8e9;
	padding-left: 390px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.attendance-tiger>.left:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 169px;
	width: 200px;
	height: 270px;
	background: url("/resources/branch/images/icon-tiger.png") no-repeat 50% 50%;
}

.attendance-tiger>.left>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-family: "SBAggro";
	font-size: 32px;
	color: #0a1932;
	font-weight: 800;
}

.attendance-tiger>.left>.title .sub {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
	color: #0a1932;
}

.attendance-tiger>.left>.title .color-cyan {
	display: block;
	color: #fe7f29;
}


.attendance-tiger>.right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	padding-right: 24px;
}

.attendance-tiger .swiper-tiger>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.attendance-tiger .swiper-tiger li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 460px;
	flex: 0 0 460px;
	gap: 30px;
	position: relative;
	padding: 50px 35px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border:1px solid #e6e6e6;
	border-radius: 20px;
	margin-right: 20px;
}

.attendance-tiger .swiper-tiger li.closed {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: 0.7;
}

.attendance-tiger .swiper-tiger .img-wrap {
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 160px;
	flex: 0 0 160px;
	height: 160px;
	overflow: hidden;
	border-radius: 100px;
}

.attendance-tiger .swiper-tiger .img-wrap img {
	width: 100%;
	height: auto;
}

.attendance-tiger .swiper-tiger .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	margin-top:10px;
}

.attendance-tiger .swiper-tiger .text-wrap>.title {
	font-size: 30px;
	color: #333;
	font-weight: 600;
}

.attendance-tiger .swiper-tiger .time-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
}

.attendance-tiger .swiper-tiger .time-wrap>.title {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	background-color: #fff;
	border:1px solid #d1d1d1;
	border-radius: 100px;
	padding: 3px 15px;
}

.attendance-tiger .swiper-tiger .time-wrap .time {
	font-size: 22px;
	color: #333;
	font-weight: 800;
	font-family: Pretendard, "SCoreDream", serif;
}

.attendance-tiger .swiper-tiger .state {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 21px;
	right: 25px;
	width: 56px;
	height: 56px;
	border-radius: 100px;
	background-color: #49b1a5;
	font-size: 17px;
	color: #fff;
	font-weight: 600;
}

.attendance-tiger .swiper-tiger [class*=button-] {
	display: none;
}

.attendance-tiger .swiper-tiger .button-prev,
.attendance-tiger .swiper-tiger .button-next {
	position: absolute;
	top: 0;
	background: #fff url("/resources/branch/images/icon-arrow-left-small.png") no-repeat 50% 50%;
}

.attendance-tiger .swiper-tiger .button-next {
	right: 12.5px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.attendance-tiger .swiper-tiger .button-prev {
	right: 59.5px;
}

.chatbot {
	position: fixed;
	bottom: 250px;
	left: 33px;
}

.history {
	position: relative;
	padding-bottom: 233px;
}

.history:before {
	content: "";
	position: absolute;
	top: 239px;
	left: 50%;
	width: 9px;
	height: calc(100% - 239px);
	background-color: #389506;
	margin-left: -4.5px;
}

.history:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 37px;
	height: 37px;
	margin-left: -18.5px;
	border-radius: 100%;
	background-color: #389506;
}

.history .logo-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 230px;
	height: 230px;
	border: 9px solid #389506;
	border-radius: 100%;
}

.history .history-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 54px;
	margin-top: 90px;
}

.history .year {
	position: relative;
	font-size: 32px;
	color: #389506;
	font-weight: 700;
}

.history .year:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 70px;
	height: 1px;
	background-color: #389506;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.history .year:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #389506;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.history .history-month {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	margin-top: 35px;
}

.history .month {
	line-height: 26px;
	font-size: 18px;
	color: #299b8c;
	font-weight: 800;
}

.history .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.history .items>li {
	position: relative;
	font-size: 16px;
	color: #4d4d4d;
	font-weight: 500;
	line-height: 26px;
}

.history .items>li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 7px;
	margin-bottom: 3px;
	background-color: #a7a7a7;
}

.history-year {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.history-year:nth-of-type(even) {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-right: 85px;
}

.history-year:nth-of-type(even) .year:before {
	right: -85px;
}

.history-year:nth-of-type(even) .year:after {
	right: -26px;
}

.history-year:nth-of-type(even) .history-month {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.history-year:nth-of-type(even) .month {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.history-year:nth-of-type(even) .items>li {
	text-align: right;
}

.history-year:nth-of-type(odd) {
	-ms-flex-item-align: end;
	align-self: flex-end;
	padding-left: 85px;
}

.history-year:nth-of-type(odd) .year:before {
	left: -85px;
}

.history-year:nth-of-type(odd) .year:after {
	left: -26px;
}

.history-year:nth-of-type(odd) .items>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.history-year:nth-of-type(odd) .items>li:before {
	-ms-flex-item-align: baseline;
	align-self: baseline;
	margin-bottom: 0;
	margin-top: 8px;
}

.layer-sticky {
	position: sticky;
	top: 0;
	background-color: #434343;
	z-index: 501;
}

.layer-sticky.hide {
	display: none;
}

.layer-sticky.hide+#header {
	top: -48px;
}

/* modify20260401 */
.layer-sticky+#header {
	top: 151px;
}

.layer-sticky .wrap1500 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 1500px;
	margin: 0 auto;
	padding: 42px 0 27px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.layer-sticky .title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 29px;
}

.layer-sticky .title-wrap .icon-wrap {
	display: block;
}

.layer-sticky .title-wrap .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
	font-size: 27px;
	color: #04ffde;
}

.layer-sticky .title-wrap .sub {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}

.layer-sticky .text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
}

.layer-sticky .text-wrap .title {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.layer-sticky .text-wrap .texts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 82px;
}

.layer-sticky .text-wrap .texts>li {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	line-height: 26px;
}

.layer-sticky .close-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: end;
	align-self: flex-end;
	gap: 14px;
}

.layer-sticky .close-wrap input[type=checkbox] {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0;
}

.layer-sticky .close-wrap input[type=checkbox]+label:before,
.layer-sticky .close-wrap input[type=checkbox]+label:after {
	display: none;
}

.layer-sticky .close-wrap label {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

.layer-sticky .close-wrap .button-close {
	padding: 6px 11px;
	border-radius: 5px;
	background-color: #fff;
	margin-left: 5px;
	font-size: 15px;
	font-weight: 600;
}

.layer-wrap {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 500;
}

/* modify20260121 */

.layer-wrap.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.layer-popup .left>.title,
.layer-popup .right>.title {
	display: block;
	margin-bottom: 30px;
	font-family: "SBAggro";
	font-size: 32px;
	color: #fff;
	font-weight: 700;
}

.layer-popup .layer {
	display: grid;
	grid-template-columns: 566px 1fr;
	gap: 29px 44px;
	max-width: 1500px;
}

.layer-popup .left {
	position: relative;
	width: 566px;
}

.layer-popup .popup-swiper {
	width: 566px;
	overflow: hidden;
}

.layer-popup .popup-swiper>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.layer-popup .popup-swiper li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.layer-popup .popup-swiper a {
	display: block;
}

.layer-popup .popup-swiper .img-wrap {
	display: block;
}

.layer-popup .popup-swiper .img-wrap img {
	width: 100%;
	height: auto;
}

.layer-popup .pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 11px;
	position: absolute;
	top: 14px;
	right: 33px;
}

.layer-popup .pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #fff;
}

.layer-popup .pagination .swiper-pagination-bullet-active {
	background-color: #3cc31c;
}

.layer-popup .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 10px;
	right: 0;
}

.layer-popup .buttons button {
	width: 20px;
	height: 20px;
}

.layer-popup .buttons .button-stop {
	background: url("/resources/branch/images/icon-stop-white.png") no-repeat 50% 50%;
	background-size: 13px auto;
}

.layer-popup .buttons .button-play {
	background: url("/resources/branch/images/icon-play-white.png") no-repeat 50% 50%;
	background-size: 12px auto;
}

.layer-popup .right .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
}

.layer-popup .right .item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 262px;
	flex: 0 0 262px;
}

.layer-popup .right a {
	display: block;
}

.layer-popup .right .img-wrap {
	display: block;
}

.layer-popup .right img {
	display: block;
	width: 100%;
	height: auto;
}

.layer-popup .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
	grid-column: 1/3;
}

.layer-popup .bottom input[type=checkbox] {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	display: block;
	width: 22px;
	height: 22px;
	margin: 0;
}

.layer-popup .bottom input[type=checkbox]+label {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.layer-popup .bottom input[type=checkbox]+label:before,
.layer-popup .bottom input[type=checkbox]+label:after {
	display: none;
}

.layer-popup .bottom input[type=checkbox]+label~input[type=checkbox] {
	margin-left: 10px;
}

.layer-popup .bottom .button-close {
	padding: 6px 11px;
	border-radius: 5px;
	background-color: #fff;
	margin-left: 7px;
	font-size: 15px;
	font-weight: 600;
}

.scrolling .sitemap {
	top: 122px;
	height: calc(100% - 272px);
}

.sitemap {
	display: none;
	position: fixed;
	left: 0;
	top: 150px;
	width: 100%;
	padding: 75px 0;
	background-color: #f9f9f9;
	height: calc(100% - 320px);
	overflow: hidden auto;
	z-index: 500;
}

.sitemap.active {
	display: block;
}

.sitemap .wrap1500 {
	position: relative;
	width: 1500px;
	margin: 0 auto;
}

.sitemap .wrap1500 .button-close {
	position: absolute;
	top: -50px;
	right: -120px;
	width: 42px;
	height: 42px;
	background: url("/resources/branch/images/icon-close-big.png") no-repeat 50% 50%;
}

.sitemap .main-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.sitemap .main-item>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: flex-start;
	font-size: 23px;
	color: #272626;
	font-weight: 600;
}

.sitemap .main-item>a:hover {
	color: #289d30;
}

.sitemap .main-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}

.sitemap .sub-item:hover>a {
	color: #fff;
	background-color: #289d30;
	border-color: #289d30;
}

.sitemap .sub-item>a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 17px 21px;
	font-size: 15px;
	color: #222;
	font-weight: 500;
	border: 1px solid #7c7c7c;
}

.sitemap .sub-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 25px;
	margin-top: 35px;
}

.sitemap .item>a {
	padding-left: 4px;
	font-size: 14.5px;
	color: #222;
	font-weight: 400;
}

.sitemap .item>a:hover {
	color: #289d30;
	text-decoration: underline;
}

.sitemap .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	margin-top: 22px;
}

.sitemap .sub-item:hover>a.ol {
	color: #fff;
	background-color: #289d30;
	border-color: #289d30;
}

.sitemap .sub-item>a.ol {
	background-image: none;
}

.sitemap .sub-item>a.ol span {
	display: inline-block;
	font-size: 15px;
	line-height: 140%;
	padding: 17px 40px 17px 15px;
	background: url(/resources/branch/images/ico_outlink1.png) 100% 50% no-repeat;
	padding: 0 23px 0 0;
}

.sitemap .sub-item>a.ol:hover>span {
	background-image: url(/resources/branch/images/ico_outlink1_a.png);
}

.sitemap .item a.ol {
	display: inline-block;
	background: url(/resources/branch/images/ico_outlink1.png) 100% 50% no-repeat;
	padding: 0 23px 0 3px;
}

.detail-visual {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 65px;
	width: 100%;
	height: 550px;
	padding: 0 120px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.detail-visual+.detail-content {
	margin-top: 114px;
}

.detail-visual.forest {
	background: url("/resources/branch/images/bg-forest.jpg") no-repeat 50% 50%;
}

.detail-visual.forest2 {
	background: url("/resources/branch/images/bg-forest2.jpg") no-repeat 50% 50%;
}

.detail-visual.vegetation {
	gap: 33px;
	height: 430px;
	background: url("/resources/branch/images/bg-vegetation2.jpg") no-repeat 50% 50%;
}

.detail-visual.vegetation>.title {
	font-size: 46px;
	font-family: "SBAggro",
		"SCoreDream",
		serif;
	font-weight: 500;
}

.detail-visual.vegetation>.desc {
	font-size: 22px;
	font-weight: 600;
}

.detail-visual.temp {
	gap: 32px;
	height: 430px;
	background: url("/resources/branch/images/bg-temp.jpg") no-repeat 50% 50%;
}

.detail-visual.temp>.title {
	font-family: "SBAggro",
		"SCoreDream",
		serif;
	font-size: 47px;
	font-weight: 500;
}

.detail-visual.temp>.desc {
	margin-top: 24px;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.detail-visual>.title {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.detail-visual>.desc {
	text-align: center;
	font-size: 17px;
	color: #fff;
	font-weight: 600;
	line-height: 30px;
}

.detail-visual>.sub {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.detail-content .buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 15px;
	margin: 100px auto;
}

.detail-content .buttons [class*=button-] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.detail-content>.img-wrap {
	display: block;
}

.detail-content>.img-wrap+.img-box {
	margin-top: 103px;
}

.detail-content>.img-wrap+.box-circle {
	margin-top: 158px;
}

.detail-content>.img-wrap+.title-leaves {
	margin-top: 114px;
}

.detail-content>.img-wrap img {
	display: block;
	margin: 0 auto;
}

.detail-content .title-leaves {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 34px;
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 33px;
	color: #333;
	background: url("/resources/branch/images/icon-leaves.png") no-repeat 0 0;
}

.detail-content .border-wrap {
	padding: 70px;
	border: 1px solid #ddd;
	border-radius: 20px;
}

.detail-content .border-wrap+.title-leaves {
	margin-top: 109px;
}

.detail-content .border-wrap>.desc {
	font-size: 17px;
	color: #333;
	line-height: 30px;
	font-weight: 400;
}

.detail-content .border-wrap>.desc+.images-wrap {
	margin-top: 90px;
}

.detail-content .border-wrap>.img-wrap {
	display: block;
}

.detail-content .border-wrap>.img-wrap img {
	display: block;
	margin: 0 auto;
}

.detail-content .division {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 90px;
}

.detail-content .division+.images-wrap {
	margin-top: 144px;
}

.detail-content .division.add-arrow {
	padding-bottom: 207px;
	background: url("/resources/branch/images/icon-arrow-bottom.gif") no-repeat left 50% bottom 40px;
}

.detail-content .division>.left,
.detail-content .division>.right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.detail-content .division .goal-wrap .desc {
	min-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.detail-content .division .box-tree2 {
	width: 100%;
}

.detail-content .division .box-tree2>ul {
	width: 100%;
}

.tree-wrap {
	display: grid;
	gap: 123px 50px;
}

.tree-wrap.add-arrow {
	padding-bottom: 122px;
	background: url("/resources/branch/images/icon-arrow-bottom2.png") no-repeat left 50% bottom 27px;
}

.tree-wrap.add-arrow+.box-darkgreen {
	margin-top: 0;
}

.tree-wrap+.box-darkgreen {
	margin-top: 91px;
}

.tree-wrap+.images-wrap {
	margin-top: 83px;
}

.tree-wrap.tree3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.tree-wrap.tree3 .tree-parent {
	grid-column: auto/span 3;
}

.tree-wrap.division {
	gap: 21px;
}

.tree-wrap.division .tree-parent {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tree-wrap.division .tree-parent>.title {
	width: 100%;
	padding: 32px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tree-wrap.division .tree-parent:before {
	display: none;
}

.tree-wrap .tree-parent {
	position: relative;
}

.tree-wrap .tree-parent.blue>.title {
	background-color: #0f87b1;
	-webkit-box-shadow: 0 0 0 1px #0f87b1;
	box-shadow: 0 0 0 1px #0f87b1;
}

.tree-wrap .tree-parent:only-child:before {
	display: none;
}

.tree-wrap .tree-parent~.grid-child:before,
.tree-wrap .tree-parent~.grid-child:after {
	content: "";
	position: absolute;
	top: -50px;
	background-color: #e6e6e6;
}

.tree-wrap .tree-parent~.grid-child:before {
	left: -25px;
	width: 100%;
	height: 1px;
	padding: 0 25px;
}

.tree-wrap .tree-parent~.grid-child:after {
	width: 1px;
	height: 50px;
	left: 50%;
}

.tree-wrap .tree-parent~.grid-child:last-of-type:before {
	left: -50px;
	width: 50%;
}

.tree-wrap .tree-parent+.grid-child:before {
	left: 50%;
	width: 50%;
}

.tree-wrap .tree-parent:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1px;
	height: 123px;
	background-color: #e6e6e6;
}

.tree-wrap .tree-parent>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-self: center;
	padding: 32px 94px;
	background-color: #229f8f;
	-webkit-box-shadow: 0 0 0 1px #229f8f;
	box-shadow: 0 0 0 1px #229f8f;
	border-radius: 100px;
	border: 5px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.tree-wrap>.grid-child {
	position: relative;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.tree-wrap .cyan-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.tree-wrap .cyan-box>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 20px 20px 0 0;
	padding: 23px;
	background-color: #17a481;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.tree-wrap .cyan-box>.items {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 7px;
	padding: 29px 25px;
	border: 1px solid #ececec;
	border-top: none;
	border-radius: 0 0 20px 20px;
}

.tree-wrap .cyan-box>.items>li {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.box-darkgreen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.box-darkgreen.center {
	justify-self: center;
}

.box-darkgreen.center .items {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.box-darkgreen.center .items li {
	width: 100%;
}

.box-darkgreen+.images-wrap {
	margin-top: 86px;
}

.box-darkgreen+.img-wrap {
	margin-top: 111px;
}

.box-darkgreen+.tree-wrap {
	margin-top: 87px;
}

.box-darkgreen>.title {
	padding: 23px;
	border-radius: 20px 20px 0 0;
	background-color: #223927;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.box-darkgreen>.items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px 0;
	border: 1px solid #dfdfdf;
	border-top: none;
	padding: 43px 36px;
	border-radius: 0 0 20px 20px;
}

.box-darkgreen>.items>li {
	width: 50%;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: 500;
}

.images-wrap.division {
	justify-self: center;
	gap: 30px;
}

.images-wrap.division+.goal-wrap {
	margin-top: 60px;
}

.images-wrap.division ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
}

.images-wrap+.images-wrap {
	margin-top: 75px;
}

.images-wrap+.tree-wrap {
	margin-top: 116px;
}

.images-wrap>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0 auto;
}

.images-wrap li.block {
	width: 100%;
}

.images-wrap li.block .img-wrap img {
	margin: 0 auto;
}

.images-wrap li.title {
	width: 100%;
	margin-bottom: 70px;
	text-align: center;
}

.images-wrap li>.title {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.images-wrap .img-wrap {
	display: block;
}

.images-wrap .img-wrap img {
	display: block;
}

.images-wrap>.title {
	display: block;
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
	font-weight: 500;
}

.img-box+.img-box {
	margin-top: 102px;
}

.img-box .img-wrap {
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 65px;
	display: block;
}

.img-box .img-wrap img {
	display: block;
	margin: 0 auto;
}

.img-box>.title {
	display: block;
	margin-top: 29px;
	text-align: center;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}

.goal-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.goal-wrap.add-dot {
	padding-bottom: 88px;
	background: url("/resources/branch/images/icon-dots.png") no-repeat left 50% bottom 30px;
}

.goal-wrap>.title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
	padding: 29px 53px 16px;
	border-radius: 150px 150px 0 0;
	background-color: #2fa599;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}

.goal-wrap>.desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 13px;
	min-width: 700px;
	background-color: #f0faf9;
	border-radius: 200px;
	border: 5px solid #2fa599;
	padding: 37px 94px;
	font-size: 19px;
	line-height: 32px;
	color: #000;
	font-weight: 600;
	text-align: center;
}

.goal-wrap>.desc>.title {
	font-size: 22px;
	color: #149588;
	font-weight: 700;
}

.box-tree2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-self: center;
}

.box-tree2+.tree-wrap {
	margin-top: 82px;
}

.box-tree2+.images-wrap {
	margin-top: 47px;
}

.box-tree2+.title-leaves {
	margin-top: 122px;
}

.box-tree2.add-arrow {
	padding-bottom: 189px;
	background: url("/resources/branch/images/icon-arrow-bottom.gif") no-repeat left 50% bottom 40px;
}

.box-tree2.add-arrow+.tree-wrap {
	margin-top: 0;
}

.box-tree2>ul,
.box-tree2>.bg-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	padding: 140px 118px 50px;
	background: #efefef url("/resources/branch/images/icon-trees.png") no-repeat 50% 40px;
	border-radius: 20px;
}

.box-tree2 .bg-wrap {
	gap: 22px;
}

.box-tree2 .bg-wrap>.title {
	text-align: center;
	font-size: 22px;
	color: #2d2d2d;
	font-weight: 600;
}

.box-tree2 .bg-wrap>.desc {
	text-align: center;
	font-size: 16px;
	color: #2d2d2d;
}

.box-tree2 .bg-wrap table {
	border-top: 2px solid #000;
}

.box-tree2 .bg-wrap table caption {
	display: none;
}

.box-tree2 .bg-wrap table th,
.box-tree2 .bg-wrap table td {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 20px 40px;
	font-size: 15px;
}

.box-tree2>.text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 22px;
	padding: 140px 118px 50px;
	background: #efefef url("/resources/branch/images/icon-trees.png") no-repeat 50% 40px;
	border-radius: 20px;
	text-align: center;
}

.box-tree2>.text-wrap .title {
	font-size: 22px;
	color: #2d2d2d;
	font-weight: 600;
}

.box-tree2>.text-wrap .desc {
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
	color: #2d2d2d;
}

.box-tree2 li {
	font-size: 16px;
	color: #2d2d2d;
	font-weight: 500;
}

.box-circle+.box-number {
	margin-top: 184px;
}

.box-circle>.title {
	display: block;
	text-align: center;
	font-size: 40px;
	color: #333;
	font-family: "SBAggro",
		"SCoreDream",
		serif;
	font-weight: 500;
}

.box-circle .circles-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 70px;
	margin-top: 59px;
}

.box-circle .circles-wrap>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 244px;
	flex: 0 0 244px;
	height: 244px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 7px solid #83c2ba;
	border-radius: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(245, 245, 245)));
	background: linear-gradient(180deg, rgb(252, 252, 252) 0%, rgb(245, 245, 245) 100%);
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
}

.box-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.box-number+.box-number {
	margin-top: 142px;
}

.box-number>.left {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 16px;
}

.box-number>.left>.title {
	display: block;
	position: relative;
	font-size: 24px;
	line-height: 40px;
	font-weight: 600;
	padding-bottom: 43px;
	margin-bottom: 43px;
}

.box-number>.left>.title:before,
.box-number>.left>.title:after {
	content: "";
	position: absolute;
	background-color: #000;
}

.box-number>.left>.title:before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.box-number>.left>.title:after {
	right: -6px;
	bottom: -6px;
	width: 12px;
	height: 12px;
	border-radius: 50px;
}

.box-number ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
	counter-reset: number 0;
}

.box-number ol>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #000;
}

.box-number ol>li:before {
	counter-increment: number;
	content: counter(number);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50px;
	background-color: #000;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.box-number>.right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 620px;
	flex: 0 0 620px;
}

.box-number>.right .img-wrap {
	display: block;
}

.box-number>.right .img-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.grid-items .grid-item:nth-of-type(even):before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	background-color: #f2fbf5;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.grid-item {
	padding: 102px 0 117px;
	position: relative;
}

.grid-item:first-of-type {
	padding-top: 0;
}

.grid-item>.title-line+ol {
	margin-top: 62px;
}

.grid-item>.title-cyan-round+ol {
	margin-top: 67px;
}

.grid-item>ol {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
	grid-auto-flow: column;
	position: relative;
	counter-reset: number 0;
}

.grid-item>ol+.images-wrap {
	margin-top: 70px;
}

.grid-item>ol li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 30px;
}

.grid-item>ol li:before {
	counter-increment: number;
	content: "0" counter(number);
	padding-bottom: 21px;
	margin-bottom: 28px;
	border-bottom: 2px solid #000;
	font-size: 26px;
	color: #23951b;
	font-weight: 800;
}

.grid-item>.images-wrap {
	position: relative;
}

.grid-item>.images-wrap>ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 30px;
}

.grid-item>.images-wrap .img-wrap img {
	height: 300px;
	width: auto;
}

.info-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 77px;
}

.info-section+.section2 {
	margin-top: 173px;
}

.info-section>.left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 650px;
	flex: 0 0 650px;
}

.info-section>.left .img-wrap {
	display: block;
}

.info-section>.right {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.info-section>.right .img-wrap {
	display: block;
}

.info-section>.right .img-wrap+.info-items {
	margin-top: 9px;
}

.info-section>.right .img-wrap img {
	display: block;
}

.info-items li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 23px;
	padding: 25px 0;
}

.info-items li+li {
	border-top: 1px solid #e5e5e5;
}

.info-items li>.title {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 110px;
	flex: 0 0 110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
	font-size: 17px;
	font-weight: 600;
}

.info-items li>.desc {
	font-size: 17px;
	font-weight: 500;
}

.info-items li .icon-wrap {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33px;
	flex: 0 0 33px;
	margin-left: 12px;
}

.info-items li .icon-wrap img {
	display: block;
	margin: 0 auto;
}

.tiger-forest+.tiger-tree {
	margin-top: 117px;
}

.tiger-forest .visual {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 135px 74px 125px;
	background: url("/resources/branch/images/bg-tiger.png") no-repeat 50% 50%;
	background-size: 100% auto;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.tiger-forest .visual>.title {
	display: block;
	width: 100%;
	padding-bottom: 128px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	text-align: center;
	font-size: 58px;
	font-family: "SBAggro";
	font-weight: 500;
	color: #fff;
}

.tiger-forest .visual>.title .sub {
	font-size: 45px;
}

.tiger-forest .visual>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 107px;
}

.tiger-forest .visual>div>.title {
	font-size: 26px;
	color: #e9e606;
	line-height: 42px;
	font-weight: 600;
}

.tiger-forest .visual>div>.desc {
	margin-top: 39px;
	font-size: 16px;
	color: #fff;
	line-height: 29px;
	font-weight: 400;
}

.tiger-forest .bottom {
	padding: 45px 15px 47px;
	border-radius: 0 0 20px 20px;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 30px;
	font-weight: 400;
}

.tiger-forest .bottom strong {
	font-weight: 700;
}

.tiger-tree+.about-tiger {
	margin-top: 70px;
}

.tiger-tree>.title-line .sub {
	display: block;
	margin-bottom: 19px;
	font-size: 19px;
	color: #000;
	font-weight: 500;
}

.tiger-tree .tigers {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 54px 50px;
}

.tiger-tree .tigers li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 74px 70px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #f7f7f7;
	text-align: center;
}

.tiger-tree .tigers li:first-of-type {
	justify-self: center;
	grid-column: 1/3;
	margin-top: 54px;
}

.tiger-tree .tigers .relationship {
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 56px;
	flex: 0 0 56px;
	padding: 25px 0 32px;
	background: url("/resources/branch/images/icon-arrow-horizontal.png") no-repeat 0 100%;
	font-family: "JoyfulStory", "SCoreDream", serif;
	font-size: 40px;
	white-space: nowrap;
	color: #c81414;
}

.tiger-tree .tigers .relationship:empty {
	background: transparent;
}

.tiger-tree .tigers .left,
.tiger-tree .tigers .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 20px;
}

.tiger-tree .tigers .img-wrap {
	-ms-flex-item-align: center;
	align-self: center;
	position: relative;
	width: 240px;
	height: 240px;
	border-radius: 100%;
}

.tiger-tree .tigers .img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.tiger-tree .tigers .name {
	-ms-flex-item-align: center;
	align-self: center;
	position: relative;
	margin-top: 23px;
	font-size: 35px;
	color: #333;
	font-weight: 700;
}

.tiger-tree .tigers .gender {
	position: absolute;
	top: -4px;
	left: 100%;
	margin-left: 17px;
	width: 40px;
	height: 40px;
	border-radius: 100px;
}

.tiger-tree .tigers .gender.male {
	background: url("/resources/branch/images/icon-gender-male.png") no-repeat 0 0;
}

.tiger-tree .tigers .gender.female {
	background: url("/resources/branch/images/icon-gender-female.png") no-repeat 0 0;
}

.tiger-tree .tigers .birth {
	-ms-flex-item-align: center;
	align-self: center;
	font-size: 20px;
	color: #333;
	font-weight: 700;
}

.tiger-tree .tigers .desc {
	text-align: center;
	font-size: 16px;
	color: #6e6e6e;
	line-height: 26px;
	font-weight: 500;
}

.about-tiger {
	position: relative;
	background-color: #149951;
	border-radius: 20px;
}

.about-tiger>.title {
	position: absolute;
	top: 250px;
	left: 50%;
	width: 270px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 46px 0 54px;
	background-color: #fff;
	text-align: center;
	font-size: 58px;
	line-height: 70px;
	color: #149951;
	font-family: "SBAggro";
	font-weight: 500;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.about-tiger>.title:before {
	content: "";
	position: absolute;
	top: -153px;
	left: 0;
	width: 270px;
	height: 153px;
	background: url("/resources/branch/images/icon-tiger2.png") no-repeat 0 0;
	background-size: 100% auto;
}

.about-tiger .about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 370px;
	padding: 0 70px;
}

.about-tiger .about>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 18px;
	padding: 80px 0;
}

.about-tiger .about>li:nth-of-type(even) {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.about-tiger .about>li:nth-of-type(1n+3) {
	text-align: right;
}

.about-tiger .about .index {
	font-size: 17px;
	color: #f6ff00;
	font-weight: 600;
}

.about-tiger .about .title {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}

.about-tiger .about .desc {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	line-height: 26px;
}

.about-tiger .item2 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.about-tiger .item4 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.board-detail .mSwiper1 {
	margin: 20px auto;
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 1050px;
}

.board-detail .mSwiper1 .swiper-wrapper {
	display: flex;
}

.board-detail .mSwiper1 .swiper-slide {
	flex: 0 0 auto;
}

.mSwiper1 .swiperThumb {
	margin-top: 10px;
	overflow: hidden;
}

.mSwiper1 .swiper {
	position: relative;
}

.mSwiper1 .swiper-slide img {
	width: 100%;
}

.mSwiper1 .swiperThumb .swiper-slide {
	width: 234px;
	height: 105px;
	cursor: pointer;
}

.mSwiper1 .swiperThumb .swiper-slide img {
	object-fit: cover;
	width: 100%;
	height: 105px;
}

.mSwiper1 .button-next,
.mSwiper1 .button-prev {
	position: absolute;
	top: 50%;
	width: 78px;
	height: 76px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: none;
}

.mSwiper1 .button-next {
	right: 10px;
	left: auto;
}

.mSwiper1 .button-prev:before,
.mSwiper1 .button-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/branch/images/ico_next2.png) 50% 50% no-repeat;
	width: 100%;
	height: 100%;
}

.mSwiper1 .button-prev:before {
	transform: rotate(180deg);
}

/* 증빙서류팝업 */
.use_target {
	width: 1100px;
	margin: 0 auto;
}

.use_target .title {
	width: 100%;
	padding: 50px 0;
	text-align: center;
	background: #256fbc;
}

.use_target .title .smtit {
	color: #d0e2f2;
	font-size: 18px;
	font-family: "SCoreDream";
	margin: 0px;
}

.use_target .title .tit {
	margin-bottom: 20px;
	margin-top: 0px;
	color: #fff;
	font-size: 35px;
	font-family: "SCoreDream";
	margin: 0px;
}

.use_target .title .txt {
	color: #fff000;
	font-size: 15px;
	font-family: "SCoreDream";
	margin: 0px;
}

.use_target .cont {
	padding: 50px;
}

caption {
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
}

table.table1 {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #333;
	border-right: 1px solid #e0e1e3;
	font-family: "SCoreDream";
	letter-spacing: -1px;
	word-break: keep-all;
}

.use_target .cont table.table1 thead th {
	color: #000;
	background: #f9f9f9;
}

table.table1 thead th {
	font-weight: 700;
	background: #fff;
	border-bottom: 1px solid #e0e1e3;
	background: #fbfcfd;
}

.use_target .cont table.table1 th,
.use_target .cont table.table1 td {
	border: 1px solid #dfdfdf;
}

.use_target .cont table.table1 {
	border-top: 2px solid #222;
}

table.table1 tbody tr {
	color: #555;
	border-bottom: 1px solid #e5e5e5;
}

table.table1 th,
table.table1 td {
	padding: 15px 0;
	font-size: 15px;
	font-weight: 400;
	font-family: "SCoreDream";
	text-align: center;
	color: #555;
}

.use_target .cont .section {
	padding-top: 40px;
}

.use_target .cont .section ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.use_target .cont .section ul li span.num {
	float: left;
	display: inline-block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: "SCoreDream";
	border-radius: 50px;
	background: #222;
}

.use_target .cont .section ul li span.txtt {
	float: left;
	display: inline-block;
	margin-left: 15px;
	padding-top: 2px;
	color: #767676;
	font-size: 15px;
}

/* search */
.it+.ui-datepicker-trigger {
	cursor: pointer;
	margin: 0 12px 0 -34px;
}

.mRadio1 {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 30px;
}

.mRadio1 input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.01;
	width: 24px;
	height: 24px;
}

.mRadio1 .label {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 0 0 0 33px
}

.mRadio1 input+.label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/branch/images/ico_radio1.png) 0 0 no-repeat;
	width: 24px;
	height: 24px;
}

.mRadio1 input:checked+.label:before {
	background-image: url(/resources/branch/images/ico_radio1_a.png);
}

.mCheckbox1 {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 30px;
}

.mCheckbox1 input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.01;
	width: 24px;
	height: 24px;
}

.mCheckbox1 .label {
	display: block;
	position: relative;
	line-height: 24px;
	padding: 0 0 0 33px
}

.mCheckbox1 input+.label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/branch/images/ico_checkbox1.png) 50% 50% no-repeat;
	width: 24px;
	height: 24px;
}

.mCheckbox1 input:checked+.label:before {
	background-image: url(/resources/branch/images/ico_checkbox1_a.png);
}

.gSearch2 {
	display: none;
	background-color: #299b8c;
}

.gSearch2 .close {
	position: absolute;
	top: 30px;
	right: 0;
	background: url(/resources/branch/images/ico_close3.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	width: 40px;
	height: 40px;
}

.gSearch2 .bg {
	padding: 87px 0 71px;
}

.gSearch2 .search {
	display: flex;
	padding: 0 137px 0 0;
	z-index: 100;
}

.gSearch2 .search .tit {
	color: #fff;
	font-size: 30px;
	text-align: right;
	padding: 14px 32px 0 0;
	width: 283px;
}

.gSearch2 .search .input {
	flex: 1;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 70px;
	padding: 0 20px 0 0;
	overflow: hidden;
}

.gSearch2 .search .input .keyword {
	flex: 1;
	border: 0;
	border-radius: 70px 0 0 70px;
	color: #000;
	font-size: 19px;
	font-weight: bold;
	padding: 0 0 0 45px;
	width: 100%;
	height: 70px;
}

.gSearch2 .search .input .clear,
.gSearch2 .search .input .find {
	display: block;
	background: url(/resources/branch/images/ico_find1.png) 50% 50% no-repeat;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 0 0 22px;
	width: 30px;
	height: 30px;
}

.gSearch2 .search .input .clear {
	background-image: url(/resources/branch/images/ico_clear1.png);
	margin-lefT: 15px;
}

.gSearch2 .search .btnDetail {
	display: block;
	background-color: #015d51;
	border-radius: 70px;
	color: #fff;
	font-size: 19px;
	font-weight: 500;
	margin: 0 0 0 20px;
	padding: 0 33px;
	line-height: 70px;
	height: 70px;
}

.gSearch2 .search .btnDetail>span {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 0;
}

.gSearch2 .search .btnDetail>span:before {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 0;
	background: url(/resources/branch/images/ico_arr1.png) 0 0 no-repeat;
	width: 13px;
	height: 8px;
}

.gSearch2 .tag {
	display: flex;
	align-items: center;
	color: #fff;
	margin: 28px 337px 0 305px;
}

.gSearch2 .tag .ls {
	flex: 1;
	letter-spacing: -1px;
}

.gSearch2 .tag .ls .t {
	display: inline-block;
	background: url(/resources/branch/images/ico_star1.png) 0 1px no-repeat;
	padding: 0 0 0 29px;
}

.gSearch2 .tag .ls .l a {
	font-weight: normal;
	margin-left: 25px;
}

.gSearch2 .tag a {
	color: #fff;
	font-weight: 500;
}

.gSearch2.type2 {
	padding-top: 100px;
}

.gSearch2.type2 .search {
	padding-left: 220px;
	padding-right: 200px;
}

.gSearch2.type2 .search .tit {
	position: absolute;
	top: -40px;
	left: 0;
	font-size: 55px;
	padding-right: 150px;
	width: 100%;
	text-align: center;
}

.gSearch2.type2 .tag {
	margin-left: 238px;
	margin-right: 404px;
}

.gSearch2.type2 .lSearch2 {
	margin-left: 220px;
}

.lSearch2 {
	display: none;
	position: absolute;
	top: 157px;
	left: 0;
	background-color: #fff;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
	margin: 23px 0 0 283px;
	padding: 42px 37px 38px;
	width: 1020px;
	z-index: 1;
}

.lSearch2 .row+.row {
	margin: 14px 0 0;
}

.lSearch2 .row {
	display: flex;
	align-items: center;
}

.lSearch2 .row .tit {
	display: block;
	background-color: #dcdcdc;
	border-radius: 40px;
	color: #000;
	text-align: center;
	width: 107px;
	line-height: 40px;
	height: 40px;
}

.lSearch2 .row .inp {
	flex: 1;
	margin: 0 0 0 33px;
}

.lSearch2 .row .inp .mCheckbox1 {
	margin-left: 0;
	min-width: 120px;
}

.lSearch2 .row .inp .mCheckbox1 input+.label {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	padding-left: 35px;
	line-height: 25px;
	height: 25px;
}

.lSearch2 .row .inp .mCheckbox1 input+.label:before {
	background: url(/resources/branch/images/ico_checkbox2.png) 0 0 no-repeat;
	width: 25px;
	height: 25px;
}

.lSearch2 .row .inp .mCheckbox1 input:checked+.label:before {
	background-image: url(/resources/branch/images/ico_checkbox2_a.png);
}

.lSearch2 .row .inp .mToggle1+.mDate1 {
	margin-left: 15px;
}

.lSearch2 .row .mToggle1 {
	vertical-align: middle;
}

.mToggle1 {
	display: inline-flex;
	align-items: center;
}

.mToggle1 .mRadio1+.mRadio1 {
	margin-left: -1px;
}

.mToggle1 .mRadio1:first-child input+.label {
	border-radius: 6px 0 0 6px;
}

.mToggle1 .mRadio1:last-child input+.label {
	border-radius: 0 6px 6px 0;
}

.mToggle1 .mRadio1 {
	margin-left: 0;
}

.mToggle1 .mRadio1 input+.label {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #000;
	font-weight: 500;
	padding: 0 10px;
	text-align: center;
	min-width: 65px;
	line-height: 41px;
	height: 43px;
}

.mToggle1 .mRadio1 input+.label:before {
	display: none;
}

.mToggle1 .mRadio1 input:checked+.label {
	background-color: #015d51;
	border-color: #015d51;
	color: #fff;
	z-index: 1;
}

.mDate1 {
	display: inline-block;
}

.mDate1 .it {
	vertical-align: middle;
	width: 192px;
	height: 43px;
}

.mDate1 .bar {
	padding: 0 4px;
}

.ui-datepicker {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
	border: solid 1px #d4d8db;
	background-color: #fff;
	margin-top: -1px;
	padding: 0 5px;
	z-index: 1200 !important;
}

.ui-datepicker table {
	margin-bottom: 12px;
}

.ui-datepicker .ui-datepicker-header {
	background: #f7f8f7;
	border: 0;
	margin: 0 -5px;
	padding: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	color: #000;
	font-family: "Noto Sans KR";
	font-size: 16px;
	line-height: 56px;
	height: 56px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year:after {
	content: "년";
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 0;
	left: 0;
	border: 0;
	width: 35px;
	height: 56px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-prev-hover .ui-icon {
	background: url(/resources/branch/images/ico_cal_prev1.png) 50% 50% no-repeat;
}

.ui-datepicker .ui-datepicker-next {
	left: auto;
	right: 0;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-next-hover .ui-icon {
	background: url(/resources/branch/images/ico_cal_next1.png) 50% 50% no-repeat;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background: transparent;
}

.ui-datepicker th {
	font-family: "Noto Sans KR";
	font-weight: 500;
	padding: 7px 0 4px;
}

.ui-datepicker th span {
	color: #444;
	font-size: 14px;
}

.ui-datepicker .ui-state-default,
.ui-widget-content .ui-state-default {
	font-family: "Noto Sans KR";
	border: 0;
	color: #454545;
	text-align: center;
	background: #fff;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
	background-color: #015d51;
	color: #fff;
	border-radius: 50%;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight .ui-datepicker .ui-widget-header .ui-state-highlight {
	background-color: #fff;
	border-radius: 50%;
}

.ui-datepicker .ui-state-default {
	color: #666;
	font-size: 14px;
	margin: 1px 0;
	width: 26px;
	line-height: 26px;
	height: 26px;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
	background-color: #015d51;
	color: #fff !important;
	border-radius: 50%;
	line-height: 26px;
}

.ui-datepicker td.ui-datepicker-today .ui-state-default {
	border: 1px solid #015d51;
}

.ui-datepicker .mtz-monthpicker,
.ui-datepicker .ui-state-default {
	font-size: 13px;
	color: #7a7c8d;
}

.ui-datepicker .mtz-monthpicker .ui-state-active {
	border-radius: 3px;
	color: #fff;
}

.ui-datepicker .mtz-monthpicker {
	margin-top: 0;
	height: 56px;
}

.ui-datepicker .mtz-monthpicker.mtz-monthpicker-year {
	background-color: #fff;
	border: 0;
	color: #222;
	font-size: 18px;
	font-family: 'Noto Sans KR', "맑은 고딕", "돋움", dotum, sans-serif;
	background: url(/resources/branch/images/ico_select1.png) no-repeat 100% 50%;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: center;
	width: 75px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ui-datepicker .mtz-monthpicker.mtz-monthpicker-year option {
	color: #222;
	font-size: 16px;
	font-family: 'Noto Sans KR', "맑은 고딕", "돋움", dotum, sans-serif;
	border-radius: 0;
	font-weight: normal;
}

.ui-datepicker .mtz-monthpicker .ui-state-active {
	border-radius: 32px;
	color: #fff;
}

.ui-datepicker table.mtz-monthpicker {
	margin: 10px 10px 23px;
	width: 220px;
}

.ui-datepicker table.mtz-monthpicker .ui-state-default {
	cursor: pointer !important;
	color: #333;
	font-size: 15px;
}

.ui-datepicker table.mtz-monthpicker tr {
	height: auto;
}

.ui-datepicker table.mtz-monthpicker td {
	height: 32px;
	line-height: 32px;
}

.ui-widget select {
	border-radius: 3px;
	background: url(/resources/branch/images/ico_select1.png) no-repeat 100% 50% #fff;
	color: #495057;
	font-size: 14px;
	border: 1px solid #d4d8db;
	padding: 0 25px 0 10px;
	min-width: 95px;
	line-height: 29px;
	height: 32px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ui-widget select::-ms-expand {
	display: none;
}

.ui-datepicker th.ui-datepicker-week-col {
	text-indent: -9999px;
	font-size: 0;
}

.ui-datepicker th.ui-datepicker-week-col:after {
	content: "ÁÖÂ÷";
	position: absolute;
	top: 67px;
	left: 7px;
	text-indent: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.35px;
	color: #ed1b24;
}

.ui-datepicker td.ui-datepicker-week-col {
	text-align: center;
	width: 30px;
}

/* //datepicker */

.gSearch1 {
	zoom: 1;
}

.gSearch1:after {
	display: block;
	clear: both;
	content: '';
}

.gSearch1 .side {
	float: right;
	width: 299px;
}

.gSearch1 .list {
	float: left;
	width: 1080px;
}

.gSearch1 .list .result {
	background-color: #f4f4f4;
	border-radius: 15px;
	color: #333;
	font-size: 22px;
	text-align: center;
	margin: 0 0 55px;
	padding: 32px 15px;
}

.mList17+.mList17 {
	margin-top: 27px;
}

.mList17 {
	border: 2px solid #524e4d;
	border-radius: 20px;
	overflow: hidden;
}

.mList17 .tit {
	background-color: #524e4d;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 25px;
	line-height: 60px;
	height: 60px;
}

.mList17 .tab {
	display: flex;
	margin: 0 0 24px;
}

.mList17 .tab a {
	flex: 1;
	border: 1px solid #c5c5c5;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 43px;
	height: 43px;
}

.mList17 .tab a.active {
	background-color: #299b8c;
	border-color: #299b8c;
	color: #fff;
}

.mList17 .tab a:first-child {
	border-radius: 10px 0 0 10px;
}

.mList17 .tab a:last-child {
	border-radius: 0 10px 10px 0;
}

.mList17 .lst {
	padding: 30px 30px 24px;
}

.mList17 .lst li+li {
	margin: 12px 0 0;
}

.mList17 .lst li {
	padding: 0 5px;
}

.mList17 .lst li a {
	display: flex;
	align-items: center;
	color: #000;
	font-weight: 500;
}

.mList17 .lst li .num {
	display: block;
	border-radius: 6px;
	background-color: #969696;
	color: #fff;
	font-size: 14px;
	margin: 0 14px 0 0;
	text-align: center;
	width: 24px;
	line-height: 24px;
	height: 24px;
}

.mList17 .lst li .txt {
	flex: 1;
}

.mList17 .lst li:nth-child(-n+3) .num {
	display: block;
	border-radius: 6px;
	background-color: #e72e2e;
}

.mList17 .lst2 {
	padding: 12px 19px;
}

.mList17 .lst2 .ls {
	display: inline-flex;
	align-items: center;
	border: 1px solid #c5c5c5;
	background-color: #fff;
	color: #000;
	font-size: 15px;
	margin: 9px 4px;
	padding: 0 20px;
	border-radius: 41px;
	line-height: 41px;
	height: 41px;
}

.mList17 .lst2 .ls .t {
	flex: 1;
	font-weight: 500;
}

.mList17 .lst2 .ls .delete {
	display: block;
	background: url(/resources/branch/images/ico_delete2.png) 50% 50% no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 -12px 0 0;
	width: 30px;
	height: 30px;
}

.mTitle6+.mBoard1 {
	margin-top: -14px;
}

.mTitle6 {
	display: flex;
	align-items: center;
	margin: 0 0 38px;
}

.mTitle6 h4 {
	flex: 1;
	color: #212121;
	font-size: 23px;
	font-weight: bold;
}

.mTitle6 h4 em {
	color: #299b8c;
	font-style: normal;
}

.mTitle6 .more {
	display: inline-block;
	background: url(/resources/branch/images/ico_more3.png) 100% 50% no-repeat;
	margin: 0 5px 0 0;
	padding: 0 41px 0 0;
	line-height: 30px;
	height: 30px;
}

.mList20+.mTitle6,
.mList19+.mTitle6,
.mBoard1+.mTitle6,
.mList18+.mTitle6 {
	border-top: 1px solid #dedede;
	margin-top: 56px;
	padding-top: 52px;
}

.mBoard1+.mTitle6 {
	margin-top: 73px;
	padding-top: 60px;
}

.mTitle7+.mTitle1,
.mTitle7+.mList25 {
	margin-top: 60px;
}

.mTitle7 {
	position: relative;
	color: #333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 100px 0 0;
	padding: 25px 0 0;
}

.mTitle7:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 27px);
	background-color: #333;
	width: 54px;
	height: 1px;
}

.mList18 li+li {
	margin: 13px 0 0;
}

.mList18 li {
	padding: 0 0 0 5px;
}

.mList18 li a {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}

.mList18 li .ti {
	display: inline-block;
	font-size: 17px;
}

.mList18 li .bc {
	display: block;
	font-size: 15px;
	margin: 5px 0 0;
}

.mList18.type2 li+li {
	margin-top: 29px;
}

.mList19 li+li {
	margin-top: 30px;
}

.mList19 li a {
	display: block;
}

.mList19 li .tit {
	display: block;
	color: #000;
	font-size: 17px;
	font-weight: 500;
}

.mList19 li .tit .da {
	color: #b4b4b4;
	margin-left: 10px;
}

.mList19 li .txt {
	display: block;
	font-size: 15px;
	line-height: 160%;
	margin: 8px 0 0;
}

.mList19 li .bc {
	display: block;
	color: #128aef;
	font-size: 15px;
	margin: 6px 0 0;
}

.mList20 ul {
	margin: 0 0 0 -24px;
	zoom: 1;
}

.mList20 ul:after {
	display: block;
	clear: both;
	content: '';
}

.mList20 li {
	float: left;
	margin: 0 0 0 24px;
	width: 250px;
}

.mList20 li a {
	display: block;
	width: 250px;
	height: 160px;
	overflow: hidden;
}

.mList20 li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.highlight {
	background-color: #f8f459;
}

.mTab3 {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
	margin: -70px 0 70px;
}

.mTab3 .tab {
	flex: 1;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.mTab3 a {
	-webkit-flex: 1;
	flex: 1;
	position: relative;
	background-color: #fff;
	color: #000;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	line-height: 84px;
	height: 84px;
}

.mTab3 a.active {
	color: #299b8c;
}

.mTab3 a.active:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #299b8c;
	width: 100%;
	height: 2px;
}


/* 분원팝업스타일 */
.a11y {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(0 0 0 0) !important;
	overflow: hidden !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
}

.popup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.popup .popup_con {
	padding: 35px 25px;
}

.only-mobile {
	display: none !important;
}

.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: sticky;
	top: 0;
	height: 76px;
	background-color: #2a2a4a;
	color: #fff;
	padding-left: 25px;
	font-size: 19px;
	line-height: 29px;
}

.header .button-close {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 70px;
	height: 70px;
	background: transparent url("/resources/branch/images/icon-close.png") no-repeat 50% 50%;
	background-size: 23px auto;
	border: none;
}

.pop_close {
	text-align: center;
	margin-top: 30px;
	gap: 10px;
	padding-bottom: 54px;
}

.pop_close .button-black {
	padding: 15px 40px;
	border: none;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	background-color: #242424;
}


.mBoard1.w600 {
	margin: 0 auto;
	width: 600px;
}

.mBoard1 {
	border-top: 2px solid #444;
}

.mBoard1 table {
	width: 100%;
}

.mBoard1 th,
.mBoard1 td {
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	text-align: center;
	padding: 0 10px;
	word-break: keep-all;
	height: 63px;
}

.mBoard1 td strong {
	font-weight: 500;
}

.mBoard1 td.bold {
	font-weight: 500;
}

.mBoard1 th {
	background-color: #fafafa;
	font-weight: 600;
}

.mBoard1 thead th {
	background-color: #fafafa;
	border-right: 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	height: 63px;
}

.mBoard1 td .gCheckbox1 {
	margin-right: -10px;
}

.mBoard1 .ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.mBoard1 .tit {
	padding-left: 15px;
	font-weight: 400;
	color: #333;
}

.mBoard1 .tit a:hover {
	font-weight: 500;
	text-decoration: underline;
}

.mBoard1 .tit,
.mBoard1 .tal {
	text-align: left;
}

.mBoard1 .tac {
	text-align: center;
}

.mBoard1 .if {
	margin-left: 20px;
}

.mBoard1 .if.ico {
	text-indent: -16px;
	padding: 0 0 0 16px;
}

.mBoard1 .if.ico+.if.ico {
	margin-top: 0;
}

.mBoard1 div.if {
	margin: 10px 0 0;
}

.mBoard1 td .mButton1+div.if {
	margin-top: 30px;
}

.mBoard1 td .mButton1 .mFile1+.mBtn1,
.mBoard1 td .mButton1 .mBtn1+.mBtn1 {
	margin-left: 4px;
}

.mBoard1 .px20 {
	padding-left: 20px;
	padding-right: 20px;
}

.mBoard1 .pl30 {
	padding-left: 20px;
}

.mBoard1 .pl40 {
	padding-left: 40px;
}

.gShare1.active .sel {
	background: url(/resources/branch/images/ico_close6.png) 50% 50% no-repeat #3fa746;
}

.gShare1.active .lShare1 {
	display: block;
}

.gShare1 {
	position: relative;
}

.gShare1 .lShare1 {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	background-color: #3fa746;
	border-radius: 48px;
	padding: 12px 0;
	width: 48px;
}

.gShare1 .lShare1 a {
	display: block;
	background: url(/resources/branch/images/ico_share1_1.png) 50% 50% no-repeat;
	border: 0;
	border-radius: 0;
	margin: 0;
	width: 100%;
	height: 42px;
}

.gShare1 .lShare1 a.blog {
	background-image: url(/resources/branch/images/ico_share1_2.png);
}

.gShare1 .lShare1 a.kakao {
	background-image: url(/resources/branch/images/ico_share1_3.png);
}


/* 글쓰기버튼  */
.mButton5 {
	float: right;
}

.mButton5 {
	margin: 0px 0 0;
	text-align: center;
}

.mButton5 .mBtn_w {
	width: 150px;
	padding: 12px 30px;
	background-color: #17a481;
	border-color: #17a481;
	color: #fff;
	font-weight: 500;
	line-height: 40px;
	height: 40px;
}


/* //2026-01-15 이후  */

.nodata {
	display: grid;
	padding-top: 70px;
	border-top: 2px solid #444;
	background-color: #fff;
	text-align: center;
	margin-top: 20px;
}

/*2026-01-16 */
/* add20260320-2 */
.mQuick1{position:fixed;bottom:20px;right:20px;width:106px;z-index:1000;}
.mQuick1 .list{display:none;}
.mQuick1 .list a + a{margin-top:14px;}
.mQuick1 .list a{display:block;background:url(/resources/branch/images/ico_quick1_1.png) 50% 6px no-repeat #fff;border:1px solid #e3e3e3;border-radius:10px;color:#000;font-size:14px;font-weight:500;padding:74px 0 0;text-align:center;width:106px;height:40px;}
.mQuick1 .list a.i1{background-color:#08a540;border-color:#08a540;color:#fff;}
.mQuick1 .list a.i2{background-image:url(/resources/branch/images/ico_quick1_2.png);}
.mQuick1 .list a.i3{background-image:url(/resources/branch/images/ico_quick1_3.png);}
.mQuick1 .list a.i4{background-image:url(/resources/branch/images/ico_quick1_4.png);}
.mQuick1 .list a.i5{background-image:url(/resources/branch/images/ico_quick1_5.png);}
.mQuick1 .list a.i6{background-image:url(/resources/branch/images/ico_quick1_6.png);}
.mQuick1 .sel,
.mQuick1 .top{display:block;background:url(/resources/branch/images/ico_top1.png) 50% 50% no-repeat #fff;border:1px solid #e3e3e3;border-radius:50%;text-indent:-9999px;font-size:0;margin:16px auto 0;width:70px;height:70px;}
.mQuick1 .sel{background-image:url(/resources/branch/images/ico_quick1.png);background-color:#08a540;border-color:#08a540;}
.mQuick1.active .sel{background-image:url(/resources/branch/images/ico_quick1_a.png);}
.mQuick1.active .list{display:block;}
/* //add20260320-2 */


@media (max-width: 1199px) {


	/*메인화면_5개배너 */
	.mMain2 .bg {
		display: -webkit-flex;
		display: flex;
		padding: 50px 0 0;
		width: 100% !important;
	}

	.mMain2 a {
		position: relative;
		-webkit-flex: 1;
		flex: 1;
		display: block;
		color: #373737;
		font-size: 17px;
		font-weight: 500;
		text-align: center;
		padding: 92px 0 0;
		transition: all 0.4s 0s;
	}

	.mMain2 a:before {
		content: "";
		position: absolute;
		top: -13px;
		left: 50%;
		margin-left: -42px;
		background: url(/resources/branch/images/ico_main2_1.png) 50% 50% no-repeat;
		border-radius: 50%;
		border: 1px solid #ebebeb;
		width: 90px;
		height: 90px;
		transition: all 0.4s 0s;
	}

	.mMain2 a:after {
		content: "";
		position: absolute;
		top: 14px;
		left: 0;
		background-color: #e3e3e3;
		width: 1px;
		height: 40px;
	}

	.mMain2 a:first-child {
		margin-left: -8px;
	}

	.mMain2 a:last-child {
		margin-right: -8px;
	}

	.mMain2 a:first-child:after {
		display: none;
	}

	.mMain2 a.i2:before {
		background-image: url(/resources/branch/images/ico_main2_2.png);
	}

	.mMain2 a.i3:before {
		background-image: url(/resources/branch/images/ico_main2_3.png);
	}

	.mMain2 a.i4:before {
		background-image: url(/resources/branch/images/ico_main2_4.png);
	}

	.mMain2 a.i5:before {
		background-image: url(/resources/branch/images/ico_main2_5.png);
	}

	.mMain2 a.i6:before {
		background-image: url(/resources/branch/images/ico_main2_6.png);
	}

	.mMain22 .list .swiper-slide img {
		width: 100%;
	}

	.mKeysub1:before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.secure_w ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15px;
		padding-top: 95.5px;
		width: auto;
		background-size: 136px auto;
	}

	.secure_w ul li {
		width: 100%;
		padding: 62.5px 15px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-size: 39px auto;
		background-position: 50% 15px;
	}

	.secure_w ul li.icon1 {
		float: none;
	}

	.secure_w ul li.icon2 {
		position: relative;
		left: 0;
		margin-left: 0;
	}

	.secure_w ul li.icon3 {
		float: none;
	}

	.step1_w {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15px;
	}

	.step2_w {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15px;
	}

	.step2_w>li {
		margin-right: 0;
	}

	.step3_w {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15px;
	}

	.step3_w>li {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.section2 .wsize {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}

	.section3 .headline h3.tit {
		font-size: 25px;
	}

	.detail-content .steps {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.detail-content .check {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.detail-content .value_step+.images-wrap {
		margin-top: 34px;
	}

	.terms>label:first-of-type {
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 26px;
	}

	.terms .term {
		border-top: 1px solid #000;
		padding: 20px 0;
	}

	.terms .term:only-of-type details summary:after {
		top: 0;
	}

	.terms .term label {
		font-size: 15px;
		line-height: 25px;
	}

	.terms .term details summary:after {
		width: 25px;
		height: 25px;
	}

	#body .badge,
	#body .link {
		height: 27px;
		line-height: 18px;
		padding: 0 8px;
		font-size: 12px;
		font-weight: 600;
	}

	#body .badge.outline-cyan,
	#body .link.outline-cyan {
		height: 18.5px;
		font-size: 9px;
	}

	.gallery-photos {
		gap: 50px 20px;
	}

	.gallery-photos.view5 {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.gallery-photos.view5 .img-wrap {
		width: 100%;
		height: 0;
		padding-top: 1.3229166667;
	}

	.gallery-photos .img-wrap {
		padding-top: 73.8461538462%;
	}

	.gallery-grid {
		gap: 50px 20px;
	}

	.gallery-grid .img-wrap {
		padding-top: 73.488372093%;
	}

	.gallery-box {
		gap: 50px 20px;
	}

	.gallery-box a:before {
		width: calc(100% - 2px);
	}

	.gallery-box .img-wrap {
		padding-top: 73.488372093%;
	}

	.gallery-box .info-wrap {
		padding: 9px 15px 15px;
	}

	.gallery-box .education-info.gray li strong {
		width: 100%;
	}

	.gallery-box .education-info li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.gallery-box .education-info li strong {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.gallery-poster {
		grid-template-columns: 1fr 1fr;
		gap: 55px 20px;
	}

	.gallery-poster.thumb {
		gap: 20px;
		padding: 20px 0;
	}

	.gallery-poster.thumb>li {
		padding: 0 20px;
	}

	.gallery-poster.thumb>li>a {
		gap: 20px;
	}

	.gallery-poster.thumb .img-wrap {
		height: 0;
		padding-top: 70.2702702703%;
	}

	.gallery-poster .img-wrap {
		padding-top: 132.7868852459%;
	}

	.gallery-poster-edu {
		gap: 50px 20px;
	}

	.gallery-poster-edu>li:not(:last-of-type) {
		padding-bottom: 50px;
		margin-bottom: 0;
	}

	.gallery-poster-edu a {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.gallery-items {
		grid-template-columns: 1fr 1fr;
		padding-top: 30px;
	}

	.gallery-items.gallery-grid {
		grid-template-columns: 1fr;
	}

	.gallery-items.gallery-box {
		grid-template-columns: 1fr;
	}

	.gallery-items.gallery-poster-edu {
		grid-template-columns: 1fr;
	}

	.gallery-items.gallery-poster-edu a {
		gap: 20px;
	}

	.gallery-items.gallery-poster-edu .img-wrap {
		width: 140px;
		height: 185px;
	}

	.gallery-items.gallery-poster-edu .title {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		min-height: 195px;
		font-size: 19px;
		line-height: 30px;
	}

	.gallery-items.gallery-poster-edu .title strong {
		text-align: left;
	}

	.gallery-items .img-wrap {
		width: 100%;
		height: 0;
	}

	.gallery-items .title {
		gap: 5px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 16px;
		line-height: 24px;
		margin-top: 18px;
	}

	.gallery-items .date {
		font-size: 14px;
		line-height: 24px;
		color: #727272;
	}

	.gallery-items .desc {
		font-size: 14px;
		line-height: 24px;
		margin-top: 0px;
	}

	.dot-info {
		grid-template-columns: 1fr;
		margin-top: 4px;
		width: calc(100% + 160px);
		margin-left: -155px;
		padding-left: 10px;
		font-weight: 700;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.dot-info li {
		font-size: 15px;
	}

	.swiper-tabs~.panel .detail-view {
		margin-top: 50px;
	}

	.detail-view {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 46px;
		padding-top: 35px;
	}

	.detail-view .right {
		padding: 0 10px;
	}

	.detail-view .desc {
		margin-top: 15px;
		padding-bottom: 102px;
		font-size: 14px;
		line-height: 24px;
	}

	.detail-view .right .links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.detail-view .right .links {
		margin-top: 40px;
		gap: 15px;
	}

	.detail-view .right .link-map {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		height: 60px;
	}

	.detail-view .right .link-text {
		min-height: 25px;
		padding-left: 27px;
		font-size: 16px;
		font-weight: 600;
		background-size: auto 20px;
	}

	.detail-view .button-next,
	.detail-view .button-prev {
		width: 40px;
		height: 40px;
		background-size: 100% auto;
	}

	.detail-view .button-next {
		right: 15px;
	}

	.detail-view .button-prev {
		left: 15px;
	}

	.detail-view .swiper {
		width: 100%;
	}

	.detail-view .swiper li {
		width: 100% !important;
	}

	.detail-view .thumb-swiper {
		width: 100%;
		margin-top: 10px;
	}

	.detail-view .thumb-swiper ul {
		gap: 0;
	}

	.detail-view .thumb-swiper li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		padding: 0 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.detail-view .right ul {
		margin-top: 10px;
	}

	.detail-view .right li strong {
		width: 60px;
	}

	.detail-view .pagination {
		gap: 15px;
		bottom: 20px;
	}

	.detail-view .right dfn {
		font-size: 22px;
		line-height: 32px;
		font-weight: 700;
	}

	.detail-view .right li {
		margin-bottom: 5px;
		font-size: 13px;
		line-height: 24px;
	}

	.detail-view .right li span {
		font-size: 14px;
		line-height: 24px;
	}

	.detail-view+.description {
		margin-top: 50px;
		padding: 30px 0 50px;
		border: solid #e5e5e5;
		border-width: 1px 0;
		font-size: 13.5px;
		line-height: 25px;
		font-weight: 400;
	}

	.detail-view+.detail-items {
		margin-top: 50px;
		padding-top: 40px;
	}

	.detail-items li strong {
		margin-top: 20px;
		font-size: 17px;
		line-height: 27px;
	}

	.detail-items li p {
		margin-top: 0px;
		font-size: 15px;
		line-height: 22px;
		font-weight: 500;
	}

	.detail-items>ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		grid-template-columns: 1fr 1fr;
		margin-top: 20px;
	}

	#body [class*=circle-] {
		position: relative;
		padding-left: 18px;
		font-size: 13px;
		font-weight: 600;
	}

	#body [class*=circle-]:before {
		top: 50%;
		width: 14px;
		height: 14px;
	}


	.link-list {
		width: 120px;
		height: 50px;
		margin: 35px auto 0;
		border-radius: 7px;
		font-size: 15px;
	}

	.tabs {
		gap: 10.5px 10px;
		margin: 5px 0 29px;
	}

	.tabs a {
		font-size: 14px;
		min-width: 70px;
		padding: 8px 20px 6px 20px;
		line-height: 42px;
		height: 36px;
	}

	.tabs .active a:after {
		top: -10.5px;
		right: -4.5px;
		width: 21px;
		height: 21px;
		background-size: 100% auto;
	}

	.search-period {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px;
		padding: 20px;
	}

	.search-period>div {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		max-width: 400px;
	}

	.search-period strong {
		width: 100%;
		font-size: 14px;
	}

	.search-period .left {
		gap: 10px;
	}

	.search-period .left .it {
		background-position: right 10px top 50%;
		background-size: 20px auto;
	}

	.search-period .left label {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.search-period .left label .it {
		width: 100%;
	}

	.search-period .right .it {
		width: 100%;
	}

	.search-period .right strong {
		margin-bottom: 10px;
	}

	.search-edu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
		padding: 20px;
	}

	.search-edu+.gCount1 {
		margin-top: 40px;
	}

	.search-edu ul {
		grid-template-columns: 1fr;
	}

	.search-edu ul li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 5px;
	}

	.search-edu ul li+li {
		margin-top: 10px;
	}

	.search-edu ul li>strong {
		width: 100%;
		font-size: 14px;
		line-height: 24px;
		font-weight: 600;
	}

	.search-edu ul .select {
		max-width: 100%;
	}

	.swiper-tabs .scrollbar:before {
		height: 1.5px;
	}

	.swiper-tabs .scrollbar {
		margin-top: 20px;
	}

	.swiper-tabs .scrollbar .swiper-scrollbar-drag {
		width: 80px !important;
		height: 27px;
		background-size: auto 70%;
	}

	.swiper-tabs [role=tab] strong {
		width: 70%;
		text-align: center;
	}

	.swiper-scroll {
		width: 100vw;
		margin-left: -15px;
	}

	.swiper-scroll>p {
		margin-bottom: 20px;
		padding: 0 15px;
		text-align: left;
		font-size: 11.5px;
	}

	.swiper-scroll .swiper {
		padding: 0 15px;
	}

	.swiper-scroll .swiper-slide {
		width: 37.5%;
		padding: 0 7px;
	}

	.swiper-scroll .swiper-slide .img-wrap {
		width: 150px;
		height: 110px;
	}

	.swiper-scroll [role=tab] strong {
		font-size: 12px;
		margin-top: 20px;
	}

	.swiper-scroll [role=tab][aria-selected=true] .img-wrap:before {
		background-size: 24.5px auto;
	}

	.swiper-scroll .scrollbar {
		margin-top: 25px;
	}

	.swiper-scroll .scrollbar:before {
		height: 1.5px;
	}

	.swiper-scroll .scrollbar .swiper-scrollbar-drag {
		height: 15.5px;
		background-size: auto 100%;
	}

	.detail-info {
		padding-top: 37px;
	}

	.detail-section+.detail-section {
		margin-top: 50px;
	}

	.detail-section.division {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 40px;
		padding-bottom: 50px;
	}

	.detail-section.kGarden>.left {
		width: 100%;
		padding: 0;
	}

	.detail-section.kGarden+.description {
		margin-top: 40px;
		font-size: 15px;
		line-height: 26px;
	}

	.detail-section>strong,
	.detail-items>strong {
		font-size: 18px;
		line-height: 19px;
		padding-left: 22px;
		margin-bottom: 15px;
		background-size: 17px;
	}

	.detail-section>strong.detail-title {
		margin-bottom: 30px;
		font-size: 24px;
		line-height: 34px;
	}

	.detail-section>strong.title-leaves {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.detail-section>strong.title-leaves .caution {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-left: -22px;
		font-size: 13px;
		text-align: right;
	}

	.detail-section>strong.title-none .caution {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-left: -22px;
		font-size: 13px;
		text-align: right;
	}

	.detail-section>strong .caution {
		font-size: 13px;
	}

	.detail-section>.left,
	.detail-section>.right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 50%;
	}

	.detail-section>.left {
		padding: 0;
		width: 100%;
	}

	.detail-section>.right {
		width: 100%;
	}

	.detail-section>.right>strong {
		margin-top: 20px;
		font-size: 22px !important;
		line-height: 34px;
	}

	.detail-section.kGarden .underline-info {
		margin-top: 20px;
	}

	.detail-info .underline-info li strong {
		width: 40px;
		font-size: 14.5px;
		line-height: 25px;
	}

	.detail-info .underline-info.w100 li strong {
		width: 70px;
	}

	.detail-info .underline-info li {
		margin-bottom: 5px;
		font-size: 15px;
		line-height: 25px;
		font-weight: 500;
	}

	.detail-section .files a {
		padding-left: 24px;
		background-size: auto 18px;
		font-size: 14px;
		line-height: 23px;
	}

	.detail-section>.right .dot-info {
		padding: 25px 20px;
	}

	.detail-section .img-wrap {
		display: block;
		text-align: center;
	}

	.detail-section .img-wrap img {
		max-width: 100%;
		height: auto;
	}

	.detail-section .link-list.outline-green {
		margin: 60px auto 0;
	}

	.detail-section .notice {
		font-size: 14px;
	}

	.detail-section .map-wrap {
		width: 100%;
	}

	.detail-section .map-wrap+strong {
		margin-top: 50px;
	}

	.detail-section .files {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px;
	}

	.detail-section .files strong {
		width: 100%;
		padding-bottom: 20px;
		text-align: left;
	}

	.detail-section .files ul {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.detail-section .files li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 10px;
	}

	.total {
		padding: 20px;
		font-size: 18px;
		line-height: 30px;
		color: #000;
		font-weight: 600;
	}

	.detail-desc>strong {
		white-space: nowrap;
	}

	.tabs+.box.outline-cyan {
		gap: 20px;
	}

	.step-number li strong {
		margin-top: 15px;
		font-size: 16px;
	}

	.step-number li:not(:first-of-type):after {
		content: "";
		position: absolute;
		top: 28px;
		left: -50%;
		width: 100%;
		height: 9px;
		background-color: #ececec;
	}

	.step-number li:before {
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color: #299b8c;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		z-index: 1;
	}

	.step-number li p {
		margin-top: 5px;
		font-size: 12px;
	}

	.detail-section>strong.caution.gray {
		margin-top: 20px;
		font-size: 13px;
	}

	.detail-section>strong.title-bold {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.box.bg-gray {
		padding: 20px 25px;
		font-size: 14px;
		line-height: 24px;
	}

	.tabs+.box.outline-cyan strong {
		font-size: 16px;
		line-height: 27px;
		font-weight: 600;
	}

	.box {
		padding: 25px 15px;
	}

	.box.division {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 40px;
	}

	.box.outline4 {
		padding: 15px 19px;
	}

	.box.outline-round {
		padding: 30px 10px;
	}

	.box-desc.cyan {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.box-title-info {
		grid-template-columns: 1fr;
	}

	.calendar {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.calendar-top {
		gap: 10px;
	}

	.calendar .left {
		gap: 10px;
	}

	.calendar .left strong {
		text-align: center;
		font-size: 20px;
		line-height: 30px;
	}

	.calendar .right {
		text-align: right;
		margin-right: 10px;
	}

	.calendar .right .selected,
	.calendar .right .disabled {
		padding-left: 20px;
		font-size: 12px;
		line-height: 23px;
	}

	.calendar .right .selected:before,
	.calendar .right .disabled:before {
		top: 45%;
		width: 14px;
		height: 14px;
	}

	.calendar .days {
		gap: 5px;
	}

	.calendar .days li {
		width: 40px;
	}

	.calendar .dates {
		gap: 5px;
	}

	.calendar .dates button {
		width: 40px;
		height: 40px;
	}

	.detail-explanation .img-wrap {
		margin-top: 35px;
	}

	.detail-explanation .desc {
		padding: 0;
		font-size: 14px;
		line-height: 24px;
	}

	.detail-sub {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 30px;
	}

	.detail-sub .left,
	.detail-sub .right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.detail-sub .right dfn {
		font-size: 22px;
		line-height: 32px;
	}

	.detail-sub .right ul {
		margin-top: 20px;
	}

	.detail-sub .right li {
		margin-bottom: 7px;
		font-size: 14px;
		line-height: 24px;
	}

	.detail-sub strong {
		font-size: 17px;
	}

	.detail-sub .box.outline {
		margin-top: 20px;
		padding: 20px 15px;
	}

	.detail-sub .box.outline li {
		font-size: 14px;
		line-height: 24px;
	}

	table col[width*=px] {
		width: auto;
	}

	.table-black {
		width: auto;
	}

	.table-black th,
	.table-black td {
		white-space: nowrap;
		padding: 12px;
		font-size: 14px;
		line-height: 24px;
	}

	.table-black .button-underline {
		font-size: 14px;
	}

	.table-gray th,
	.table-gray td {
		padding: 15px 5px;
		font-size: 14px;
		line-height: 24px;
	}

	.route .ss {
		font-size: 13px;
		line-height: 22px;
		text-align: left !important;
	}

	.table-horizon caption {
		font-size: 13px;
		line-height: 20px;
	}

	.table-horizon th,
	.table-horizon td {
		padding: 17px 6px;
		font-size: 14px;
		line-height: 24px;
	}

	.table-horizon th {
		width: 50px;
	}

	.table-horizon .box.outline {
		padding: 20px 15px;
	}

	.table-horizon .box.outline li>span {
		font-size: 14px;
	}

	.item-horizon li>strong {
		width: 90px;
		font-size: 13px;
		line-height: 23px;
		min-height: 50px;
		padding: 10px 10px;
	}

	.item-horizon li>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: calc(100% - 90px);
		gap: 10px;
		padding: 10px;
		font-size: 13px;
		line-height: 18px;
		min-height: 50px;
	}

	.item-horizon li>div:only-of-type label[for*=select].middle {
		min-width: auto;
	}

	.item-horizon li>div+strong {
		border-left: none;
	}

	.item-horizon li input[type=checkbox]+label {
		width: 100%;
	}

	.item-horizon li input[type=checkbox]~label .it {
		width: 100%;
	}

	.item-horizon li input[type=radio]+label {
		width: 100%;
	}

	.item-horizon li .caution {
		margin-left: 0;
		margin-top: 0;
		font-size: 12px;
		line-height: 20px;
	}

	.item-horizon .address label:not(:first-of-type) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.item-horizon .period label {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.item-horizon .period label input[type=text] {
		background-position: top 50% right 10px;
	}

	.item-horizon+.caution {
		margin-top: 5px;
		font-size: 13px;
		line-height: 20px;
	}

	.item-horizon textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		font-size: 13px;
		line-height: 32px;
		height: 300px;
		padding: 0 0 0 10px;
	}

	.item-horizon .box.outline {
		padding: 20px 15px;
	}

	.item-horizon .box.outline li>span {
		font-size: 14px;
		line-height: 24px;
	}

	.item-horizon .button-navy.small+.file-wrap {
		margin-left: 0;
	}

	.item-horizon .file-wrap+.caution {
		margin-left: 0;
	}

	.table-info li {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 0;
		padding: 12px;
	}

	.table-info li:first-of-type {
		display: none;
	}

	.table-info li:not(:first-of-type)>div:first-of-type {
		padding-left: 0;
	}

	.table-info li>div>span:not([id]) {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	.table-info li>div:nth-of-type(1) {
		grid-column: 1/3;
	}

	.table-info li>div:nth-of-type(2) {
		grid-column: 1/3;
		text-align: left;
		font-size: 14px;
		line-height: 24px;
	}

	.table-info li>div:nth-of-type(3) {
		grid-column: 1/3;
		text-align: left;
		font-size: 14px;
		line-height: 24px;
	}

	.table-info li>div:nth-of-type(4) {
		grid-column: 3/4;
		grid-row: 1/4;
	}

	.table-info li>div:nth-of-type(5) {
		grid-column: 4/5;
		grid-row: 1/4;
	}

	.table-info .count button {
		width: 30px;
		height: 30px;
	}

	.table-info .count>span {
		width: 30px;
	}

	.table-grid {
		word-break: normal;
		grid-template-columns: 30px 1fr 115px 120px;
		margin: 0 -7px;
	}

	.table-grid.grid5 {
		grid-template-columns: 1fr 60px 60px 80px 80px;
	}

	.table-grid.grid5-2 {
		grid-template-columns: repeat(5, 1fr);
	}

	.table-grid>div {
		padding: 6px;
		font-size: 12.5px;
		line-height: 20px;
		gap: 3px;
	}

	.button-apply {
		display: block;
		width: 110px;
		margin: 35px auto 0;
		padding: 15px 0;
		border-radius: 7px;
		font-size: 15px;
	}

	.button-navy {
		min-width: 110px;
		padding: 15px 23px;
		border-radius: 7px;
		font-size: 14px;
	}

	.button-navy.tiny {
		padding: 10px 12px;
		font-size: 12px;
		line-height: 20px;
	}

	.button-navy.small {
		min-width: 75px;
		padding: 7px 5px;
		font-size: 12px;
		line-height: 20px;
	}

	.button-navy-outline {
		min-width: 110px;
		padding: 15px 10px;
		border-radius: 7px;
		font-size: 15px;
	}

	.button-gray {
		min-width: 110px;
		padding: 15px 0;
		border-radius: 7px;
		font-size: 15px;
	}

	.button-gray.square {
		font-size: 14px;
		padding: 10px 20px;
	}

	.button-black {
		padding: 10px 20px;
		font-size: 12px;
		font-weight: 600;
	}

	.button-green {
		padding: 10px 20px;
		text-align: center;
		background-color: #3cad39;
		border-radius: 10px;
		font-size: 15px;
		color: #fff !important;
		font-weight: 700;
	}

	.button-green-middle {
		padding: 20px 16px;
	}

	.button-brown-middle {
		padding: 20px 16px;
	}

	.button-darkgray {
		font-size: 14px;
		padding: 10px 20px;
	}

	.button-gray-outline {
		font-size: 14px;
		padding: 8px 20px;
	}

	.schedule {
		width: 100%;
		overflow-x: auto;
	}

	.detail-theme {
		margin-top: 40px;
	}

	.detail-theme .buttons {
		width: 1200px;
		height: 250px;
	}

	.detail-theme .buttons:before {
		content: "";
		position: absolute;
		top: 0;
		left: 20px;
		width: 1200px;
		max-height: 230px;
		background-color: #223927;
	}

	.detail-theme .buttons button {
		height: 44px;
		text-align: left;
		padding: 0 40px;
	}

	.detail-theme .buttons button:before {
		left: -20px;
		width: 330px;
		height: 46px;
	}

	.detail-theme .buttons button span {
		font-size: 15px;
		font-weight: 600;
	}

	.detail-theme .panel {
		margin-top: 0px;
		text-align: center;
		background-color: #fff;
	}

	.detail-theme .panel>strong:before {
		display: none;
	}

	.detail-theme .panel>strong {
		padding-top: 45px;
		font-weight: 700;
		font-size: 28px;
		line-height: 40px;
	}

	.detail-theme .panel>p {
		margin-top: 20px;
		font-size: 14px;
		line-height: 23px;
		color: #000;
	}

	.detail-theme .panel .tags {
		margin-top: 30px;
	}

	.tags li {
		font-size: 12px;
		line-height: 20px;
		height: 18px;
		padding: 5px 10px;
	}

	.detail-theme .visuals {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.detail-theme .visuals .visual {
		height: 300px;
	}

	.detail-theme .visuals .img-wrap img {
		height: 300px;
	}

	.detail-theme .visuals .button-next,
	.detail-theme .visuals .button-prev {
		width: 40px;
		height: 40px;
		background-size: 100% auto;
	}

	.detail-theme .visuals .button-next {
		right: 15px;
	}

	.detail-theme .visuals .button-prev {
		left: 15px;
	}

	.info-step {
		padding: 0 30px;
	}

	.detail-theme .map {
		margin-top: 50px;
		background-color: #fff;
	}

	.info-step+.detail-info {
		margin-top: 40px;
	}

	.info-step li {
		width: 72px;
		padding-top: 90px;
		font-size: 14px;
		font-weight: 500;
	}

	.info-step li:not(:first-of-type) {
		margin-left: 50px;
	}

	.info-step li:not(:first-of-type):after {
		width: 50px;
		top: 40px;
	}

	.info-step li:before {
		width: 70px;
		height: 70px;
		background-color: #fff;
		background-size: 40%;
		background-position: 50% 50%;
	}

	.step-number {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		gap: 30px 0;
	}

	.step-number li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
	}

	.step-number li:nth-of-type(4):after {
		display: none;
	}

	.board-detail>strong {
		font-size: 18px;
		line-height: 28px;
	}

	.board-detail .info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 12px;
	}

	.board-detail .info li+li {
		margin-left: 0;
	}

	.board-detail .info li+li:before {
		display: none;
	}

	.board-detail img {
		width: 100% !important;
		height: auto;
	}

	.board-detail .text-wrap {
		padding: 0px;
	}

	.board-detail .text-wrap .box.green+.detail-section {
		margin-top: 31.5px;
	}

	.board-detail .text-wrap table+.desc {
		margin-top: 47px;
	}

	.board-detail .buttons {
		margin-top: 45px;
	}

	.board-detail .button-navy {
		margin: 43.5px auto 0;
	}

	.board-detail .files {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 30px;
		padding: 20px;
	}

	.board-detail .files a {
		display: block;
		padding-left: 27px;
		background: url(/resources/branch/images/icon-clip.png) no-repeat 0 50%;
		background-size: auto 20px;
		font-size: 14px;
		color: #000;
		line-height: 26px;
	}

	.board-detail .files strong {
		width: 100%;
		padding-bottom: 20px;
		text-align: left;
	}

	.board-detail .files ul {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.board-detail .buttons {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}

	.board-detail .buttons:last-of-type button:nth-child(3):last-child,
	.board-detail .buttons:last-of-type a:nth-child(3):last-child {
		position: relative;
	}

	.board-detail .desc {
		padding: 0;
		font-size: 14px;
		line-height: 24px;
	}

	.announcement-detail>strong {
		margin-top: 20px;
		font-size: 24px;
		line-height: 34px;
	}

	.announcement-detail .dot-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		gap: 10px;
		padding: 20px;
		border-radius: 10px;
	}

	.announcement-detail .detail-section {
		margin-top: 50px;
		padding-top: 50px;
	}

	.announcement-detail .desc {
		padding: 0;
		font-size: 14px;
		line-height: 24px;
	}

	.announcement-detail .files {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20px;
	}

	.announcement-detail .files strong {
		width: 100%;
		padding-bottom: 20px;
		text-align: left;
	}

	.announcement-detail .files ul {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.card-items {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.board-items>li {
		padding: 30px 0;
	}

	.board-items>li>strong {
		font-size: 19px;
		line-height: 30px;
	}

	.board-items .dot-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		width: auto;
		gap: 12px;
		margin-top: 12px;
	}

	.board-items .links {
		position: relative;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-top: 43px;
	}

	.board-items-table li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 15px 10px;
	}

	.board-items-table li.titles {
		display: none;
	}

	.board-items-table li.reply .title:before {
		left: 0;
		top: 0;
		width: 10px;
		height: 15px;
	}

	.board-items-table li>span,
	.board-items-table li>strong {
		padding: 0;
		font-size: 14px;
		line-height: 24px;
	}

	.board-items-table li>span:not(.title),
	.board-items-table li>strong:not(.title) {
		text-align: left;
	}

	.board-items-table li>span:not(.required) {
		display: none;
	}

	.board-items-table li .required {
		min-width: 50%;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		white-space: nowrap;
	}

	.board-items-table li .required>strong {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		min-width: 45px;
		margin-right: 4px;
		font-weight: 500;
	}

	.board-items-table li .title {
		width: calc(100% - 40px);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.board-items-table li .title a {
		font-weight: 600;
	}

	.board-items-table li .title a:hover {
		color: inherit;
		font-weight: inherit;
		text-decoration: none;
	}

	.board-items-table li .num {
		display: none;
	}

	.board-items-table li .num.badges {
		margin-bottom: 10px;
	}

	.board-items-table li .num.badges~.title {
		padding-left: 7px;
	}

	.board-items-table li .num,
	.board-items-table li .title {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.custom-visual {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.custom-visual.fair {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.custom-visual.fair .right {
		margin-right: 0;
		margin-left: -15px;
	}

	.custom-visual.kGarden {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.custom-visual.kGarden .right {
		margin-right: 0;
		margin-left: -15px;
	}

	.custom-visual .left {
		width: 100vw;
		min-height: 200px;
		margin-left: -15px;
		padding: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.custom-visual .desc {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}

	.custom-visual+.detail-section {
		margin-top: 0px;
	}

	.custom-visual.kGarden .left {
		background: #fff;
		margin-bottom: -50px;
	}

	.intro-items .desc {
		margin-top: 22px;
		font-size: 15px;
		font-weight: 500;
		line-height: 23px;
	}

	.custom-visual .title>span:first-child:before,
	.custom-visual .title>strong:first-child:before {
		font-size: 20px;
		left: -20px;
	}

	.custom-visual .title>span:last-child:after,
	.custom-visual .title>strong:last-child:after {
		font-size: 20px;
		right: -20px;
	}

	.custom-visual .title span {
		font-size: 20px;
		line-height: 30px;
	}

	.custom-visual .title strong {
		font-size: 30px;
		line-height: 40px;
	}

	.custom-visual .right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100vw;
		margin-left: -15px;
	}

	.check-items input[type=checkbox]+label {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 27px 20px;
	}

	.check-items span {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-top: 5px;
		font-size: 14px;
		padding-right: 30px;
	}

	.document-state {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 50px;
	}

	.document-state strong {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 23px;
		padding: 10px;
		border-radius: 10px 10px 0 0;
	}

	.document-state p {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 23px;
		padding: 10px;
		border-radius: 0 0 10px 10px;
		text-align: center;
	}

	.table-horizon .files a {
		background: url(/resources/branch/images/icon-clip.png) no-repeat 0 50%;
		background-size: auto 17px;
		font-size: 14px;
		line-height: 24px;
	}

	.benefits {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

	.benefits.step {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 33px 0;
	}

	.benefits.step>li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 33px);
		flex: 0 0 calc(50% - 33px);
		margin-right: 33px;
	}

	.benefits.step>li:not(:last-of-type):after {
		top: 90px;
		right: -23px;
		width: 11px;
		height: 19px;
		background-size: 100% auto;
	}

	.benefits.step>li .icon-wrap {
		height: 87.5px;
	}

	.benefits.step>li .icon-wrap img {
		width: 45px;
		height: auto;
	}

	.benefits.step .text {
		gap: 7.5px;
		border-radius: 0 0 10px 10px;
		padding: 15px 5px;
		font-size: 12px;
		line-height: 22px;
	}

	.benefits.step .text strong {
		font-size: 14px;
	}

	.benefits>li strong {
		border-radius: 0 0 10px 10px;
		font-size: 13px;
		line-height: 21px;
		padding: 15px 10px;
	}

	.benefits .icon-wrap {
		border-radius: 10px 10px 0 0;
		height: 100px;
	}

	.benefits+.box.outline4 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8px;
	}

	.benefits+.box.outline4 .dot-caution {
		-ms-flex-item-align: start;
		align-self: flex-start;
		margin-left: 0;
	}

	.benefits .icon-wrap img {
		width: 50px;
		height: auto;
	}

	.benefit-detail+.benefit-detail {
		margin-top: 50px;
	}

	.full-tabs {
		margin-top: 15px;
	}

	.full-tabs>button {
		padding: 15px;
		font-size: 14px;
	}

	.benefit-detail [role=tabpanel]>strong {
		margin-top: 35px;
		font-size: 20px;
		line-height: 30px;
	}

	.benefit-detail [role=tabpanel]>p {
		margin-top: 10px;
		font-size: 13px;
		line-height: 22px;
		padding: 0 30px;
	}

	.benefit-detail>strong {
		font-size: 18px;
		line-height: 28px;
		padding-left: 22px;
		margin-bottom: 15px;
		background-size: 15px;
	}

	.benefit-detail [role=tabpanel] .how {
		gap: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.benefit-detail [role=tabpanel] .how li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 20px 20px 20px 75px;
		gap: 5px;
	}

	.benefit-detail [role=tabpanel] .how .how-payment {
		background-position: 20px 50%;
	}

	.benefit-detail [role=tabpanel] .how .how-pic {
		background-position: 20px 50%;
	}

	.benefit-detail [role=tabpanel] .how .how-docs {
		background-position: 20px 50%;
	}

	.benefit-detail .caution {
		grid-template-columns: 1fr;
	}

	.step-items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.ticket-info:has(> .left, > .right) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.ticket-info:has(> .left, > .right).reverse-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.ticket-info .title-leaf {
		font-size: 18px;
		line-height: 28px;
		padding-left: 22px;
		margin-bottom: 15px;
		background-size: 15px;
	}

	.ticket-info .count button {
		width: 30px;
		height: 30px;
	}

	.ticket-info .count>span {
		width: 30px;
	}

	.ticket-info .table-horizon caption {
		font-size: 13px;
		line-height: 20px;
	}

	.ticket-info .table-horizon label {
		width: 100%;
	}

	.box-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.box-title .terms {
		padding: 15px;
	}

	.box-title .ticket-way {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.member-count {
		padding: 0 15px;
	}

	.member-total {
		padding: 0 15px;
	}

	.select-options {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
	}

	.select-options>li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	.select-options .title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
		flex: 0 0 60px;
		white-space: nowrap;
	}

	.select-options label {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.select-options .buttons {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		gap: 10px;
	}

	.select-options .buttons button {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.select-options .buttons:has(button:only-of-type) {
		width: auto;
		margin-left: 7px;
		margin-top: 0;
	}

	.select-options .discount {
		width: 100%;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 20px;
		margin-top: 10px;
	}

	.select-options .discount>strong {
		margin-top: 0;
	}

	.total-price {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px;
		padding: 15px;
	}

	.total-price>.middle {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.total-price>.middle .right:before {
		position: absolute;
		top: 2px;
		left: -25px;
	}

	.green-box-items {
		gap: 35px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.green-box-items li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.darkgreen-box-items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 25px;
	}

	.darkgreen-box-items.leaf li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.darkgreen-box-items li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 100%;
	}

	.gray-box-items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 25px;
	}

	.gray-box-items li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.intro-items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.intro-items>li {
		width: 100%;
	}

	.flag-item {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.flag-item>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
	}

	.flag-item strong {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding: 20px;
	}

	.flag-item .dot-caution {
		border-top: none;
		padding: 0 20px 20px 20px;
	}

	.picture-items>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 31.5px;
	}

	.picture-items .img-wrap img {
		width: 100%;
		height: auto;
	}

	.picture-items .desc-wrap {
		padding-top: 0;
		gap: 5px;
	}

	.picture-items .desc {
		margin-top: 14px;
		font-size: 14px;
		color: #333;
		font-weight: 500;
		line-height: 24px;
	}

	.cyan-box-items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 22px;
	}

	.cyan-box-items>li {
		border-radius: 10px;
	}

	.cyan-box-items .type {
		padding: 16.5px 10px;
	}

	.cyan-box-items .desc-wrap {
		padding: 18.5px 10px;
	}

	.title-line~.title-line {
		margin-top: 51.5px;
	}

	.title-caution+.box.outline-round {
		margin-top: 18px;
	}

	.green-items {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.fold-item {
		display: block;
	}

	.fold-item>.img-wrap {
		grid-row: auto;
		margin-left: 0;
		width: 100%;
		height: auto;
	}

	.fold-item>strong {
		grid-column: auto;
	}

	.division-number {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 150px;
		padding-top: 150px;
	}

	.division-number>div>strong {
		padding-left: 0;
	}

	.division-number>div>strong:before {
		top: -100%;
		margin-top: -50px;
	}

	.division-number>div>p {
		padding-left: 0;
	}

	.recent-item>a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.recent-item .left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.recent-item .right {
		border: 1px solid #dfdfdf;
		border-top: none;
		padding: 15px;
	}

	.recent-item .title-underline strong {
		font-size: 16px;
		line-height: 26px;
	}

	.recent-item .desc {
		margin-top: 10px;
		font-size: 13px;
		line-height: 23px;
	}

	.recent-item .date {
		margin-top: 10px;
		font-size: 12px;
		line-height: 22px;
		background-position: 0 2px;
	}

	.arrangement-left .description-course {
		width: 100vw;
		margin-left: -15px;
		padding: 0 30px 113px;
		background: url("/resources/branch/images/visual-course-m.png") no-repeat 100% 100%;
		background-size: auto 113px;
	}

	.arrangement-left .description-course>.title {
		font-size: 19px;
	}

	.arrangement-left .description-course>.desc {
		margin-top: 19px;
		font-size: 11.5px;
		line-height: 20px;
	}

	.arrangement-left #body {
		padding-top: 0;
	}

	.arrangement-left .detail-section .map-wrap {
		width: 100vw;
		margin-left: -15px;
		padding-top: 0;
	}

	.arrangement-left .detail-section .map-wrap+.swiper-scroll {
		margin-top: 35.5px;
	}

	.map-info {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 18px;
		border-radius: 0;
		padding: 25px;
	}

	.map-info li {
		gap: 8.5px;
	}

	.map-info .icon {
		width: 12.5px;
	}

	.map-info .title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
		flex: 0 0 60px;
		font-size: 12.5px;
	}

	.map-info .title+strong,
	.map-info .title+span {
		margin-left: 6.5px;
	}

	.map-info .title+strong {
		font-size: 19px;
	}

	.map-info .title+strong span {
		font-size: 15px;
	}

	.map-info .title+strong span.large {
		font-size: 19px;
	}

	.map-info .score {
		width: 108px;
		height: 20px;
		background-size: auto 100%;
	}

	.map-info .score:after {
		background-size: auto 100%;
	}

	.map-info .score[data-score="1"]:after {
		width: 28.5px;
	}

	.map-info .score[data-score="2"]:after {
		width: 57px;
	}

	.map-info .score[data-score="3"]:after {
		width: 85.5px;
	}

	.map-info .score[data-score="4"]:after {
		width: 114px;
	}

	.course-detail {
		padding: 37.5px 20px;
	}

	.course-detail li {
		font-size: 13px;
		font-weight: 500;
	}

	.course-detail li:before {
		margin-right: 5px;
	}

	.course-detail li:not(:last-of-type):after {
		top: 46%;
		right: -20px;
	}

	.course-detail>strong {
		font-size: 15px;
	}

	.course-detail>strong+ol {
		margin-top: 16.5px;
	}

	.course-detail ol {
		gap: 12px 30px;
	}

	.memberships>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 36px;
		padding: 41.5px 0 0 0;
		overflow: hidden;
	}

	.memberships .left>strong {
		font-size: 23px;
	}

	.memberships .left>.img-wrap {
		margin-top: 28px;
	}

	.memberships .right {
		-ms-flex-item-align: start;
		align-self: flex-start;
		padding: 0 20px;
	}

	.memberships .right>ul li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.memberships .right>ul li>strong {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70px;
		flex: 0 0 70px;
		font-size: 13px;
	}

	.memberships .right>ul li>p {
		font-size: 13px;
	}

	.memberships .right .benefit {
		width: 100%;
		margin-top: 16px;
	}

	.memberships .right .benefit li {
		font-size: 13px;
	}

	.memberships .button-wrap {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 45.5px;
		flex: 0 0 45.5px;
		width: 100%;
	}

	.memberships .button-wrap .button-navy-circle {
		width: 100%;
		height: 100%;
		padding-top: 0;
		border-radius: 0;
		background-position: calc(50% - 30px) 50%;
		background-size: 16px auto;
	}

	.memberships .button-wrap .button-navy-circle span {
		padding-left: 26.5px;
	}

	.calendar-division {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px;
	}

	.box-title>.title {
		display: block;
		padding: 15px 20px 17px;
		font-size: 17px;
		color: #fff;
		font-weight: 700;
	}

	.calendar-division>.right .gallery-items.thumb {
		height: auto;
	}

	.calendar-controls {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20px 0px;
	}

	.calendar-controls .year {
		font-size: 22px;
	}

	.calendar-controls select {
		font-size: 22px;
		background-size: 13px;
		background: transparent url(/resources/branch/images/icon-arrow-down_m.png) no-repeat 90% 50%;
	}

	.calendar-controls .button-prev {
		margin-right: 12px;
		background-size: 28px;
		margin-bottom: 3px;
	}

	.calendar-controls .button-next {
		margin-left: 5px;
		background-size: 28px;
		margin-bottom: 3px;
	}

	.calendar-select .days>li {
		font-size: 14px;
	}

	.calendar-controls .circles {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		position: relative;
		width: 100%;
	}

	#body .circles {
		gap: 10px;
	}

	.calendar-select {
		margin-top: 25px;
		margin: 10px -9px;
	}

	.calendar-select .dates .red {
		margin-top: 15px;
		font-size: 13px;
		font-weight: 500;
	}

	.calendar-select .dates .num {
		font-size: 13px;
		font-weight: 500;
	}

	.calendar-select .dates>li:has(:not(button)) {
		padding: 5px 3px;
	}

	.calendar-select .dates .button-date {
		padding: 5px 6px;
		gap: 7px;
		min-height: 110px;
	}

	.calendar-select .state {
		gap: 5px;
	}

	.calendar-select .state>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 5px;
	}

	.cyan-division {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 25px;
	}

	.cyan-division>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.cyan-division .cyan {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		gap: 10px;
		border-radius: 15px 15px 0 0;
		padding: 15px;
	}

	.cyan-division .icon-wrap img {
		width: 20px;
		height: auto;
	}

	.cyan-division .text {
		border: 1px solid #e5e5e5;
		border-top: none;
		border-radius: 0 0 20px 20px;
		padding: 21.5px 19px;
	}

	.cyan-division+.detail-section {
		margin-top: 50px;
	}

	.cyan-division .cyan .title {
		font-size: 18px;
		font-weight: 600;
	}

	.box-division {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 25px;
	}

	.box-division.division3 {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.box-division .cell {
		gap: 11px;
		padding: 28.5px 10px 32px;
	}

	.cyan-division .text .title {
		font-size: 17px;
		line-height: 25px;
	}

	.cyan-division .text .desc {
		margin-top: 5px;
		font-size: 15px;
	}

	.box-division .cell .title {
		font-size: 17px;
		line-height: 25px;
		font-weight: 700;
	}

	.box-division .cell .desc {
		font-size: 15px;
		line-height: 25px;
		margin-top: 0px;
	}

	.box-division .cell .subDesc {
		font-size: 13px;
		line-height: 22px;
	}

	.benefit-detail .caution li {
		gap: 22px;
		padding: 20px;
		border: 1px solid #e5e5e5;
		border-radius: 20px;
	}

	.benefit-detail .caution p {
		font-size: 14px;
		line-height: 23px;
	}

	.benefit-detail .caution .icon-wrap {
		min-width: 55px;
		height: 55px;
		border: 3px solid #13a45a;
	}

	.dot-caution li:before {
		top: 9px;
		width: 4px;
		height: 4px;
	}

	.dot-caution li {
		padding-left: 12px;
		font-size: 13px;
		line-height: 24px;
	}

	.box-division .tiny-cell {
		padding: 17px;
		border-radius: 10px;
	}

	.box-division .buttons {
		margin-top: 7.5px;
	}

	.box-division .tiny-cell .title {
		font-size: 15px;
		font-weight: 600;
	}


	.box-tree {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 200px 20px 40px 20px;
		background-position: 50% 10px;
	}

	.box-tree .text {
		text-align: center;
	}

	.box-tree .text .green {
		font-size: 16px;
		line-height: 25px;
	}

	.box-tree .text .desc {
		margin-top: 6px;
		font-size: 13px;
		line-height: 22px
	}

	.navy-items li {
		gap: 15px;
	}

	.navy-items .icon-wrap {
		width: 80px;
		height: 80px;
	}

	.navy-items .icon-wrap img {
		width: 35px;
		height: auto;
	}

	.navy-items .title {
		font-size: 14px;
		color: #000;
		font-weight: 500;
		line-height: 21px;
	}

	.navy-items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 25px 10px;
		padding: 30px 13.5px 28px;
	}

	.square-check .controls {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 21.5px;
	}

	.square-check .swiper-wrap {
		padding: 0;
	}

	.square-check .swiper-wrap [class*=button-] {
		display: none;
	}

	.square-check .swiper-wrap input[type=radio]+label {
		padding: 40px 10px 10px;
	}

	.square-check .swiper-wrap .badge {
		height: 30px;
	}

	.square-check .swiper {
		padding: 15px;
	}

	.square-check .swiper-slide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 180px;
		flex: 0 0 180px;
	}

	.square-check .box-title+.buttons {
		margin-top: 44.5px;
	}

	.square-check .box-title>ul li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 10px;
		padding: 17px 24.5px;
	}

	.square-check .box-title .badge {
		margin-left: 0;
	}

	.intro-visual {
		height: auto;
		padding: 45px 0 80px;
	}

	.intro-visual+.detail-section {
		margin-top: 47.5px;
	}

	.intro-visual:before {
		min-width: 0;
		background: url("/resources/branch/images/bg-intro-m.jpg") no-repeat 50% 50%;
		background-size: 100vw auto;
	}

	.intro-visual .title {
		width: 100%;
		padding-top: 50.5px;
		font-size: 22px;
		line-height: 35px;
		background-size: 100px auto;
	}

	.intro-visual .desc {
		width: 100%;
		margin-top: 19.5px;
		font-size: 13px;
		line-height: 20px;
	}

	.intro-visual .img-wrap {
		display: block;
		position: relative;
		top: 0;
		margin: 51.5px auto 0;
		width: 340px;
	}

	.intro-visual .img-wrap img {
		width: 100%;
		height: auto;
	}

	.overviews {
		padding: 5.5px 11.5px;
		border-width: 3px;
	}

	.overviews>li {
		gap: 14px;
		padding: 17.5px 14px;
	}

	.overviews .icon-wrap {
		display: none;
	}

	.overviews .title {
		white-space: nowrap;
		font-weight: 500;
		color: #666;
		font-size: 14px;
		line-height: 23px;
	}

	.overviews .title.mobile-hidden {
		display: none;
	}

	.overviews .desc {
		font-size: 14px;
		line-height: 23px;
		font-weight: 600;
	}

	.overviews .sub {
		gap: 23.5px;
		margin-top: 10px;
	}

	.overviews .sub .subTitle {
		font-size: 15px;
	}

	.overviews .sub .subDesc {
		margin-top: 10px;
		font-size: 13px;
		line-height: 23px;
	}

	.picture-items .sub {
		font-size: 17px;
		font-weight: 500;
	}

	.picture-items .title {
		font-size: 19px;
		line-height: 32px;
		font-weight: 700;
	}

	.outline-round-division .step-items li:after {
		display: none;
	}

	.outline-round-division>.bottom {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 13px 22px;
	}

	.outline-round-division>.bottom .desc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin-left: 0;
	}

	.location-wrap .map-wrap img {
		width: 100%;
		height: 350px;
	}

	.location-wrap .title-icon .icon-wrap img {
		width: 26px;
		height: auto;
	}

	.location-wrap+.location-wrap {
		margin-top: 50px;
	}

	.location-wrap .title-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
		font-size: 18px;
		font-weight: 700;
	}

	.location-wrap .dot-items>li {
		font-size: 14px;
		line-height: 24px;
		font-weight: 400;
	}

	.button-cyan-round {
		padding: 10px 20px 8px 20px;
		border-radius: 100px;
		font-size: 13px;
		font-weight: 600;
		color: #fff;
	}

	.location-wrap .title-icon+.dot-items {
		margin-top: 20px;
	}

	.location-wrap .address-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px;
	}

	.location-wrap .contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 5px;
	}

	.location-wrap .contact>li {
		gap: 8px;
	}

	.location-wrap .contact .title {
		border-radius: 50px;
		padding: 7px 20px;
		color: #fff;
		min-width: 35px;
		font-weight: 600;
		font-size: 14px;
	}

	.location-wrap .contact .address {
		color: #333;
		font-size: 15px;
		font-weight: 600;
		line-height: 26px;
	}


	.location-wrap .buttons {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 13px;
		margin-top: 20px;
		margin-left: 0;
	}

	.location-wrap .title-icon {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.location-wrap .title-icon .button-cyan-round:first-of-type {
		margin-left: 0;
	}

	.location-wrap .route li {
		padding-left: 16px;
		margin-left: 8px;
	}

	.greeting-visual {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100vw;
		margin-left: -15px;
		height: auto;
		min-height: 350px;
		padding: 0 30px;
		background-size: auto 100%;
	}

	.greeting-visual+.greeting-text {
		margin-top: 54.5px;
	}

	.greeting-visual .title {
		font-size: 18px;
		line-height: 28px;
	}

	.greeting-visual .title+.desc {
		margin-top: 19.5px;
	}

	.greeting-visual .desc {
		font-size: 12px;
		line-height: 23px;
	}

	.greeting-text {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 42px;
	}

	.greeting-text .img-wrap {
		max-width: 100%;
		justify-self: center;
	}

	.greeting-text .img-wrap img {
		width: 100%;
		height: auto;
	}

	.greeting-text .text-wrap {
		gap: 50px;
		font-size: 14px;
		line-height: 26px;
	}

	#body.main {
		min-width: 100%;
		padding: 0;
	}

	.main .full-banner .img-wrap img {
		width: 100%;
		height: auto;
	}

	.main .full-banner .pagination {
		margin-top: 16px;
		gap: 10.5px;
	}

	.main .full-banner .pagination .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
	}

	.main .quick-nav {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		width: 100%;
		margin-left: 0;
		padding-right: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 65px;
	}

	.main .quick-nav+.items {
		margin-top: 36px;
	}

	.main .quick-nav>.title {
		font-size: 27.5px;
	}

	.main .quick-nav>.title+.desc {
		margin-top: 8px;
		font-size: 12px;
		line-height: 22px;
	}

	.main .quick-nav>.desc {
		width: 250px;
		font-size: 12.5px;
		line-height: 20px;
		white-space: wrap;
		text-align: right;
		word-break: keep-all;
	}

	.main .items {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		max-width: 360px;
		padding: 0 23px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.main .items+.top-swiper {
		margin-top: 184px;
	}

	.main .items a {
		gap: 16px;
	}

	.main .items li {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.main .items .icon-wrap {
		width: 45.5px;
		height: 45.5px;
	}

	.main .items .icon-wrap img {
		width: 16px;
		height: auto;
	}

	.main .items .title {
		font-size: 11px;
		color: rgb(255, 255, 255);
	}

	.wrap1500 {
		width: 100%;
	}

	.top-visual .wrap1500 {
		left: 0;
		top: auto;
		bottom: 29.5px;
	}

	.full-swiper {
		min-width: 100%;
		max-width: 100%;
		height: 450px;
	}

	.full-swiper+.wrap1500 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.full-swiper .img-wrap {
		width: 100%;
		height: 671.5px;
	}

	.full-swiper .img-wrap img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: auto;
		/* height: 100%; */
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.full-swiper .button-next,
	.full-swiper .button-prev {
		display: none;
	}

	.top-swiper {
		width: 340px;
		margin: 0 auto;
	}

	.top-swiper .pagination {
		margin-top: 13px;
		gap: 5px;
	}

	.top-swiper .pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	.top-swiper .pagination .swiper-pagination-bullet-active {
		width: 22.5px;
	}

	.today-info {
		margin-top: 0;
	}

	.today-info .wrap1500 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.today-info .wrap1500>div {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 22.5px 15px;
	}

	.today-info .wrap1500 .button-blue {
		gap: 10.5px;
		width: 100%;
		border-radius: 0;
		margin: 0;
		padding: 18px 10px;
		font-size: 14px;
	}

	.today-info .hour {
		-ms-flex-item-align: stretch;
		align-self: stretch;
		position: relative;
		width: 40%;
		background-color: #fff;
		z-index: 1;
	}

	.today-info .hour .icon-wrap {
		display: none;
	}

	.today-info .hour .icon-wrap img {
		width: 16px;
		height: auto;
	}

	.today-info .time-wrap {
		gap: 10.5px;
	}

	.today-info .time-wrap>.title {
		font-size: 12px;
	}

	.today-info .time {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 9px;
		font-size: 19px;
	}

	.today-info .time .desc {
		font-size: 10px;
	}

	.today-info .weather {
		-ms-flex-item-align: stretch;
		align-self: stretch;
		position: relative;
		width: 60%;
		border: none;
		background-color: #fff;
		z-index: 1;
	}

	.today-info .weather-wrap {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		gap: 12px;
	}

	.today-info .weather-wrap>.title {
		font-size: 12px;
	}

	.today-info .weather .icon-wrap {
		width: 39px;
		width: 39px;
	}

	.today-info .weather .degree {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8px;
		font-size: 19px;
	}

	.today-info .weather .desc {
		font-size: 9.5px;
		line-height: 14.5px;
	}

	.today-info .closed {
		gap: 11px;
		position: relative;
		width: 100%;
	}

	.today-info .closed:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		-webkit-box-shadow: 0 0 5px 10px rgba(183, 183, 183, 0.2);
		box-shadow: 0 0 5px 10px rgba(183, 183, 183, 0.2);
	}

	.today-info .closed>.title {
		font-size: 12px;
	}

	.today-info .closed [class*=button-].button-next {
		right: 5px;
	}

	.today-info .closed-time>li {
		gap: 9px;
	}

	.today-info .closed-time .title {
		font-size: 12px;
	}

	.today-info .closed-time .desc {
		font-size: 12px;
	}

	.this-month {
		margin-top: 0;
		padding: 51px 0 92.5px;
	}

	.this-month .wrap1500 {
		padding: 0 12.5px 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.this-month .wrap1500>.title {
		font-size: 22px;
	}

	.this-month .wrap1500>.title+.desc {
		margin-top: 17.5px;
	}

	.this-month .wrap1500>.desc {
		font-size: 11px;
		line-height: 14px;
	}

	.this-month .current-swiper {
		padding: 0;
	}

	.this-month .current-swiper li {
		height: 230px;
	}

	.this-month .current-swiper .swiper-slide-active .img-wrap {
		width: 201px;
		height: 201px;
	}

	.this-month .current-swiper .swiper-slide-active .img-wrap:after {
		top: 9px;
		left: 150.5px;
		width: 34.5px;
		height: 34.5px;
		background-size: 100% auto;
	}

	.this-month .current-swiper .swiper-slide-active .title {
		padding-top: 218px;
		font-size: 9.5px;
	}

	.this-month .current-swiper .img-wrap {
		top: 55px;
		width: 104.5px;
		height: 104.5px;
	}

	.this-month .buttons {
		gap: 7px;
		top: -83.5px;
		width: 100%;
		padding: 0 12.5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.this-month button {
		width: 40px;
		height: 40px;
	}

	.main-posters {
		padding: 42px 0 53px;
	}

	.main-posters .wrap1500 {
		padding: 0 12.5px;
	}

	.main-posters .top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.main-posters .top>.title {
		font-size: 20px;
	}

	.main-posters .top+.swiper {
		margin-top: 16px;
	}

	.main-posters .tabs {
		gap: 0;
	}

	.main-posters .tabs button {
		padding: 6px 12.5px;
		font-size: 11px;
	}

	.main-posters .dates {
		gap: 7px;
		width: 100%;
	}

	.main-posters .dates .year {
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 13px;
	}

	.main-posters .dates .month {
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 26px;
	}

	.main-posters .dates .week {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		gap: 2.5px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.main-posters .dates button {
		gap: 8px;
		padding: 9px 6px;
		border-radius: 5px;
	}

	.main-posters .dates button .day {
		font-size: 8.5px;
	}

	.main-posters .dates button .date {
		font-size: 11.5px;
	}

	.main-posters .swiper a {
		gap: 11.5px;
	}

	.main-posters .swiper .title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 13px;
		line-height: 18px;
	}

	.main-posters .swiper .desc {
		width: auto;
		-webkit-line-clamp: 2;
		font-size: 11px;
		line-height: 17px;
	}

	.main-posters [class*=button-] {
		display: block;
		position: absolute;
		margin-top: 54px;
		top: 50%;
		width: 32.5px;
		height: 32.5px;
		background: url("/resources/branch/images/icon-arrow-left-black.png") no-repeat 50% 50%;
		background-size: 100% auto;
		opacity: 0.6;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.main-posters .button-prev {
		left: 6.25px;
	}

	.main-posters .button-next {
		right: 6.25px;
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}

	.main-news {
		padding: 37.5px 0 45px;
	}

	.main-news .wrap1500 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 39px;
		padding: 0 12.5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main-news .left {
		width: 100%;
		font-size: 13px;
	}

	.main-news .top {
		margin-bottom: 23px;
	}

	.main-news .top>.title {
		font-size: 18px;
	}

	.main-news .top .link-all {
		display: none;
	}

	.main-news .tabs {
		gap: 22px;
		margin-left: auto;
	}

	.main-news .tabs button {
		font-size: 14px;
	}

	.main-news .tabs button+button:before {
		top: 5px;
		left: -13px;
		width: 2.5px;
		height: 2.5px;
	}

	.main-news .news-items {
		gap: 12.5px;
	}

	.main-news .news-items>li {
		padding: 17px 17.5px;
		border-radius: 10px;
	}

	.main-news .news-items a {
		gap: 11.5px;
	}

	.main-news .news-items .title {
		font-size: 12px;
		line-height: 18px;
		-webkit-line-clamp: 4;
	}

	.main-news .news-items .date {
		font-size: 10px;
	}

	.main-news .right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.main-news .right .pagination {
		gap: 10.5px;
	}

	.main-news .right .pagination .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
	}

	.main-live {
		margin-top: 47.5px;
	}

	.main-live .wrap1500 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 37px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main-live .wrap1500>.right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.main-live .left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.main-live .left .top {
		padding: 0 12.5px;
	}

	.main-live .left .top>.title {
		font-size: 18px;
	}

	.main-live .left .links {
		gap: 6.5px;
	}

	.main-live .left .links .icon-wrap img {
		width: 20.5px;
	}

	.main-live .right {
		padding: 46.5px 20px 50px 0;
		background-color: #f4f4f4;
	}

	.main-live .right .top>.title {
		gap: 11.5px;
		font-size: 25px;
	}

	.main-live .right .top .desc {
		margin-top: 24px;
		font-size: 12.5px;
		line-height: 20.5px;
	}

	.main-live .right .links {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		gap: 35px;
		margin-top: 50.5px;
	}

	.main-live .right .links a {
		gap: 19.5px;
	}

	.main-live .right .links .icon-wrap {
		width: 67px;
		height: 67px;
		background-color: #fff;
	}

	.main-live .right .links .icon-wrap img {
		width: 27px;
		height: auto;
	}

	.main-live .right .links .title {
		font-size: 13px;
	}

	.main-live .swiper {
		position: relative;
		padding: 0 12.5px;
	}

	.main-live .swiper [class*=button-] {
		display: block;
		position: absolute;
		top: 50%;
		width: 32.5px;
		height: 32.5px;
		background: url("/resources/branch/images/icon-arrow-left-black.png") no-repeat 50% 50%;
		background-size: 100% auto;
		opacity: 0.6;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.main-live .swiper .button-prev {
		left: 6.25px;
	}

	.main-live .swiper .button-next {
		right: 6.25px;
		-webkit-transform: translateY(-50%) rotate(180deg);
		-ms-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
	}

	.main-live .lives {
		margin-top: 17px;
	}

	.main-live .lives>li {
		width: calc(50vw - 10px - 12.5px);
	}

	.main-live .lives a {
		gap: 12.5px;
	}

	.main-live .lives [class*=category-]:before {
		top: 10.5px;
		right: 10.5px;
		width: 22px;
		height: 22px;
		background-size: 100% auto !important;
	}

	.main-live .lives .title {
		margin-top: 7px;
		font-size: 14px;
		line-height: 20px;
		min-height: 38px;
	}

	/* add20260112 */

	.main-live .lives .date {
		font-size: 13px;
	}

	.attendance-tiger {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 19px;
		margin: 50.5px 0 55px;
	}

	.attendance-tiger>.left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		background-color: transparent;
		padding-left: 12.5px;
	}

	.attendance-tiger>.left:before {
		display: none;
	}

	.attendance-tiger>.left>.title {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 22px;
		font-family: "SBAggro";
	}

	.attendance-tiger>.left>.title .sub {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		margin-bottom: 0;
		margin-top: 17px;
		font-size: 11px;
		font-weight: 500;
	}

	.attendance-tiger>.left>.title .color-cyan {
		margin-left: 4px;
		color: #0a1932;
	}

	.attendance-tiger>.right {
		padding: 0 12.5px;
	}

	.attendance-tiger .swiper-tiger li {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 296.5px;
		flex: 0 0 296.5px;
		gap: 20px;
		padding: 28px 21px;
		border-radius: 10px;
		margin-right: 15px;
	}

	.attendance-tiger .swiper-tiger .img-wrap {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100px;
		flex: 0 0 100px;
		height: 100px;
	}

	.attendance-tiger .swiper-tiger .text-wrap>.title {
		font-size: 17.5px;
	}

	.attendance-tiger .swiper-tiger .time-wrap {
		gap: 8.5px;
	}

	.attendance-tiger .swiper-tiger .time-wrap>.title {
		font-size: 11px;
	}

	.attendance-tiger .swiper-tiger .time-wrap .time {
		font-size: 15px;
	}

	.attendance-tiger .swiper-tiger .state {
		top: 12px;
		right: 14.5px;
		width: 35.5px;
		height: 35.5px;
		font-size: 10px;
	}

	.attendance-tiger .swiper-tiger [class*=button-] {
		display: block;
		width: 40px;
		height: 40px;
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	.chatbot {
		display: none;
	}

	.history {
		padding-bottom: 50px;
	}

	.history:before {
		display: none;
	}

	.history:after {
		display: none;
	}

	.history .logo-wrap {
		display: none;
	}

	.history .history-items {
		margin-top: 0;
		gap: 0;
	}

	.history .year {
		font-size: 25px;
	}

	.history .year:before {
		display: none;
	}

	.history .year:after {
		display: none;
	}

	.history .history-month {
		margin-top: 18.5px;
	}

	.history .month {
		font-size: 16px;
		line-height: 25px;
	}

	.history .items>li {
		font-size: 14px;
		line-height: 25px;
	}

	.history-year {
		width: 100%;
		border-top: 1px solid #e5e5e5;
		padding: 27px 0;
	}

	.history-year:nth-of-type(even) {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding-right: 0;
	}

	.history-year:nth-of-type(even) .history-month {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.history-year:nth-of-type(even) .month {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.history-year:nth-of-type(even) .items>li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		text-align: left;
	}

	.history-year:nth-of-type(even) .items>li:before {
		-ms-flex-item-align: baseline;
		align-self: baseline;
		margin-bottom: 0;
		margin-top: 8px;
	}

	.history-year:nth-of-type(odd) {
		-ms-flex-item-align: start;
		align-self: flex-start;
		padding-left: 0;
	}

	.layer-sticky {
		width: 100%;
	}

	.layer-sticky.hide+#header {
		top: 0;
	}

	.layer-sticky+#header {
		top: 118px;
	}

	.layer-sticky .wrap1500 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 17.5px;
		width: 100%;
		padding: 19px 23.5px 15px;
	}

	.layer-sticky .title-wrap {
		gap: 14.5px;
	}

	.layer-sticky .title-wrap .icon-wrap {
		width: 34px;
	}

	.layer-sticky .title-wrap .icon-wrap img {
		width: 100%;
		height: auto;
	}

	.layer-sticky .title-wrap .title {
		gap: 8px;
		font-size: 13.5px;
		line-height: 18.5px;
	}

	.layer-sticky .title-wrap .sub {
		font-size: 10px;
		line-height: 15px;
	}

	.layer-sticky .text-wrap {
		display: none;
	}

	.layer-sticky .close-wrap {
		gap: 6.5px;
	}

	.layer-sticky .close-wrap input[type=checkbox] {
		width: 11px;
		height: 11px;
	}

	.layer-sticky .close-wrap label {
		font-size: 8px;
	}

	.layer-sticky .close-wrap .button-close {
		padding: 3px 5.5px;
		border-radius: 2.5px;
		margin-left: 3px;
		font-size: 7.5px;
	}

	.layer-wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.layer-popup {
		height: 100%;
		padding: 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow-y: auto;
		z-index: 501;
	}

	.layer-popup .left>.title,
	.layer-popup .right>.title {
		margin-bottom: 15px;
		font-size: 24px;
	}

	.layer-popup .layer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 15px;
	}

	.layer-popup .left {
		width: 275px;
	}

	.layer-popup .popup-swiper {
		width: 100%;
	}

	.layer-popup .pagination {
		gap: 6px;
		top: 12px;
		right: 24px;
	}

	.layer-popup .pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}

	.layer-popup .buttons {
		top: 5px;
	}

	.layer-popup .buttons .button-stop {
		background-size: 6.5px auto;
	}

	.layer-popup .buttons .button-play {
		background-size: 6px auto;
	}

	.layer-popup .right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.layer-popup .right .items {
		gap: 12px;
	}

	.layer-popup .right .item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 131px;
		flex: 0 0 131px;
	}

	.layer-popup .bottom {
		gap: 7px;
		margin-left: auto;
	}

	.layer-popup .bottom input[type=checkbox] {
		width: 11px;
		height: 11px;
	}

	.layer-popup .bottom input[type=checkbox]+label {
		font-size: 8px;
	}

	.layer-popup .bottom .button-close {
		padding: 3px 5.5px;
		border-radius: 2.5px;
		margin-left: 3px;
		font-size: 7.5px;
	}

	.detail-visual {
		gap: 32.5px;
		height: auto;
		padding: 25px;
	}

	.detail-visual+.detail-content {
		margin-top: 57px;
	}

	.detail-visual.forest {
		background-size: cover;
		min-height: 450px;
	}

	.detail-visual.forest2 {
		background-size: cover;
		min-height: 450px;
	}

	.detail-visual.vegetation {
		background-size: cover;
	}

	.detail-visual.temp {
		gap: 16px;
		height: 400px;
		background-size: cover;
	}

	.detail-visual>.sub {
		font-size: 16px;
		line-height: 26px;
		font-weight: 600;
	}

	.detail-visual.vegetation>.title,
	.detail-visual>.title {
		font-size: 23px !important;
		line-height: 33px;
	}

	.detail-visual.vegetation>.desc,
	.detail-visual.temp>.desc {
		font-size: 12px;
		line-height: 20px;
		margin-top: 0px;
	}

	.title-cyan-round {
		padding: 15px 35px 13px 35px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #fff;
	}

	.grid-item>ol li:before {
		padding-bottom: 21px;
		margin-bottom: 20px;
		border-bottom: 2px solid #000;
		font-size: 22px;
	}

	.detail-visual>.desc {
		font-size: 13.5px;
		line-height: 24px;
		font-weight: 500;
	}

	.detail-content .buttons {
		gap: 7.5px;
		margin: 50px auto;
	}

	.detail-content>.img-wrap+.img-box {
		margin-top: 51.5px;
	}

	.detail-content>.img-wrap+.box-circle {
		margin-top: 79px;
	}

	.detail-content>.img-wrap img {
		width: 100%;
		height: auto;
	}

	.detail-content .title-leaves {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 18px;
		line-height: 28px;
		padding-left: 22px;
		margin-bottom: 15px;
		background-size: 15px;
	}

	.detail-content .border-wrap {
		padding: 15px;
	}

	.detail-content .border-wrap+.title-leaves {
		margin-top: 54.5px;
	}

	.detail-content .border-wrap>.desc+.images-wrap {
		margin-top: 45px;
	}

	.detail-content .border-wrap>.img-wrap img {
		width: 100%;
		height: auto;
	}

	.detail-content .division {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.detail-content .division+.images-wrap {
		margin-top: 72px;
	}

	.detail-content .division.add-arrow {
		padding-bottom: 103.5px;
		background-size: auto 71px;
		background-position: left 50% bottom 40px;
	}

	.tree-wrap {
		gap: 25px;
	}

	.tree-wrap.add-arrow {
		padding-bottom: 61px;
		background-size: 25px auto;
		background-position: left 50% bottom 13.5px;
	}

	.tree-wrap+.box-darkgreen {
		margin-top: 45.5px;
	}

	.tree-wrap+.images-wrap {
		margin-top: 41.5px;
	}

	.tree-wrap.tree3 {
		grid-template-columns: 1fr;
	}

	.tree-wrap.tree3 .tree-parent {
		grid-column: 1;
	}

	.tree-wrap .tree-parent~.grid-child:before,
	.tree-wrap .tree-parent~.grid-child:after {
		display: none;
	}

	.tree-wrap .tree-parent:before {
		display: none;
	}

	.tree-wrap .tree-parent>.title {
		padding: 16px 60px;
		font-size: 15px;
		line-height: 22px;
	}

	.tree-wrap .cyan-box>.title {
		border-radius: 10px 10px 0 0;
		padding: 11.5px;
		font-size: 15px;
	}

	.tree-wrap .cyan-box>.items {
		padding: 14.5px 12.5px;
		border-radius: 0 0 10px 10px;
	}

	.tree-wrap .cyan-box>.items>li {
		font-size: 12px;
		line-height: 19px;
	}

	.detail-content .border-wrap>.desc {
		font-size: 13px;
		line-height: 22px;
	}

	.box-darkgreen+.images-wrap {
		margin-top: 43px;
	}

	.box-darkgreen+.img-wrap {
		margin-top: 55.5px;
	}

	.box-darkgreen>.title {
		border-radius: 10px 10px 0 0;
		padding: 11.5px;
		font-size: 15px;
	}

	.box-darkgreen>.items {
		-ms-flex-direction: column;
		gap: 4px;
		padding: 20px 15px;
		border-radius: 0 0 10px 10px;
	}

	.box-darkgreen>.items>li {
		width: 100%;
		font-size: 13px;
		line-height: 23px;
		padding-right: 0px;
	}

	.images-wrap.division {
		gap: 15px;
	}

	.images-wrap.division+.goal-wrap {
		margin-top: 30px;
	}

	.images-wrap.division ul {
		gap: 7.5px;
	}

	.images-wrap+.images-wrap {
		margin-top: 37.5px;
	}

	.images-wrap+.tree-wrap {
		margin-top: 58px;
	}

	.images-wrap>ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 7.5px;
	}

	.images-wrap li.title {
		margin-bottom: 35px;
	}

	.images-wrap .img-wrap img {
		width: 100%;
		height: auto;
	}

	.images-wrap>.title {
		margin-top: 10px;
		font-size: 14px;
	}

	.img-box+.img-box {
		margin-top: 51px;
	}

	.img-box .img-wrap {
		padding: 15px;
		border-radius: 10px;
	}

	.img-box .img-wrap img {
		width: 100%;
		height: auto;
	}

	.img-box>.title {
		margin-top: 14.5px;
		font-size: 12px;
	}

	.goal-wrap>.title {
		padding: 14.5px 28.5px 8px;
		font-size: 17px;
	}

	.goal-wrap>.desc {
		gap: 6.5px;
		min-width: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 18.5px 25px;
		font-size: 13px;
		line-height: 22px;
		border-radius: 20px;
		border: 3px solid #2fa599;
	}

	.images-wrap li>.title {
		font-size: 13px;
	}

	.goal-wrap>.desc>.title {
		font-size: 18px;
	}

	.box-tree2+.tree-wrap {
		margin-top: 41px;
	}

	.box-tree2.add-arrow {
		padding-bottom: 94.5px;
		background-size: 137.5px auto;
		background-position: left 50% bottom 20px;
	}

	.box-tree2>ul,
	.box-tree2>.bg-wrap {
		gap: 4px;
		border-radius: 10px;
		padding: 90px 15px 30px;
		background-size: 35px auto;
		background-position: 50% 20px;
	}

	.box-tree2 li {
		font-size: 13px;
		line-height: 22px;
	}

	.box-tree2 .bg-wrap table th,
	.box-tree2 .bg-wrap table td {
		padding: 5px;
	}

	.box-tree2>.text-wrap .title,
	.box-tree2 .bg-wrap>.title {
		font-size: 19px;
	}

	.box-tree2 .bg-wrap>.desc {
		font-size: 13px;
		line-height: 22px;
	}

	.box-tree2>.text-wrap {
		padding: 90px 25px 30px;
		background-size: 35px auto;
		background-position: 50% 20px;
	}

	.box-tree2>.text-wrap .desc {
		font-size: 13px;
		line-height: 22px;
	}

	.box-circle+.box-number {
		margin-top: 92px;
	}

	.box-circle .circles-wrap {
		display: grid;
		grid-template-columns: repeat(2, minmax(auto, 244px));
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 35px;
		margin-top: 29.5px;
	}

	.box-circle .circles-wrap>li {
		height: auto;
		aspect-ratio: 1;
	}

	.box-number {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.box-number+.box-number {
		margin-top: 71px;
	}

	.box-number>.left {
		padding-top: 0;
	}

	.box-number>.left>.title {
		padding-bottom: 21.5px;
		margin-bottom: 21.5px;
	}

	.box-number>.right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		margin-top: 21.5px;
	}

	.grid-item {
		padding: 51px 0 58.5px;
	}

	.grid-item>.title-line+ol {
		margin-top: 31px;
	}

	.grid-item>.title-cyan-round+ol {
		margin-top: 33.5px;
	}

	.grid-item>ol {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		gap: 10px;
	}

	.grid-item>ol+.images-wrap {
		margin-top: 35px;
	}

	.grid-item>ol li {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 10px;
		width: 100%;
		padding-right: 0;
		font-size: 15px;
		line-height: 24px;
	}

	.grid-item>ol li:before {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.grid-item>.images-wrap>ul {
		gap: 15px;
	}

	.grid-item>.images-wrap .img-wrap img {
		width: 100%;
		height: auto;
	}

	.info-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 38.5px;
	}

	.info-section+.section2 {
		margin-top: 86.5px;
	}

	.info-section>.left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.info-section>.left .img-wrap img {
		width: 100%;
		height: auto;
	}

	.info-section>.right .img-wrap img {
		width: 100%;
		height: auto;
	}

	.info-items li>.title {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 55px;
		flex: 0 0 55px;
	}

	.info-items li .icon-wrap {
		display: none;
	}

	.tiger-forest+.tiger-tree {
		margin-top: 58.5px;
	}

	.tiger-forest .visual {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 67.5px 37px 62.5px;
		background-size: cover;
		border-radius: 10px 10px 0 0;
	}

	.tiger-forest .visual>.title {
		padding-bottom: 64px;
		font-size: 40px;
	}

	.tiger-forest .visual>.title .sub {
		font-size: 40px;
	}

	.tiger-forest .visual>div>.title {
		font-size: 18px;
		line-height: 30px;
	}

	.tiger-forest .visual>div {
		padding-top: 53.5px;
	}

	.tiger-forest .visual>div>.desc {
		margin-top: 19.5px;
		font-size: 13px;
		line-height: 24px;
	}

	.tiger-forest .bottom {
		padding: 22.5px 12.5px 23.5px;
		border-radius: 0 0 10px 10px;
		font-size: 13px;
		line-height: 24px;
	}

	.tiger-tree+.about-tiger {
		margin-top: 35px;
	}

	.tiger-tree .tigers {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 25px;
	}

	.tiger-tree>.title-line .sub {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.title-line {
		padding-top: 30px;
		font-size: 22px;
		font-weight: 500;
	}

	.tiger-tree .tigers li {
		gap: 0px;
		padding: 37px 20px;
	}

	.tiger-tree .tigers .left,
	.tiger-tree .tigers .right {
		gap: 5px;
	}

	.tiger-tree .tigers .name {
		margin-top: 23px;
		font-size: 22px;
	}

	.tiger-tree .tigers .birth {
		font-size: 14px;
	}

	.tiger-tree .tigers .desc {
		font-size: 13px;
		line-height: 24px;
	}

	.tiger-tree .tigers .relationship {
		-ms-flex-item-align: start;
		align-self: flex-start;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40px;
		flex: 0 0 30px;
		padding: 25px 0 32px;
		font-size: 30px;
	}

	.tiger-tree .tigers .img-wrap {
		width: 120px;
		height: 120px;
	}

	.tiger-tree .tigers .gender {
		top: 5px;
		width: 20px;
		height: 20px;
		margin-left: 8.5px;
	}

	.tiger-tree .tigers .gender.male {
		background-size: 100% auto;
	}

	.tiger-tree .tigers .gender.female {
		background-size: 100% auto;
	}

	.about-tiger {
		border-radius: 10px;
		padding: 12.5px;
	}

	.about-tiger>.title {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 133px auto 0;
		padding: 45px 0 35px;
		font-size: 40px;
		line-height: 50px;
	}

	.about-tiger .about {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 15px;
		padding: 12.5px;
	}

	.about-tiger .about .title {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.about-tiger>.title:before {
		top: -103px;
		left: 100;
		width: 270px;
		height: 153px;
		background: url(/resources/branch/images/icon-tiger2.png) no-repeat 60px 25px;
		background-size: 60% auto;
	}


	.about-tiger .about .desc {
		margin-top: 5px;
		font-size: 14px;
		line-height: 25px;
		font-weight: 500;
	}

	.about-tiger .about .index {
		font-size: 15px;
	}

	.about-tiger .about>li {
		gap: 9px;
		padding: 40px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}

	.about-tiger .about>li:first-of-type {
		border-top: none;
	}

	.about-tiger .about>li:nth-of-type(1n+3) {
		text-align: left;
	}



	/* search-m */

	.mCheckbox1 {
		margin-left: 15px;
	}

	.mCheckbox1 input {
		width: 18px;
		height: 18px;
	}

	.mCheckbox1 .label {
		display: block;
		position: relative;
		font-size: 13px;
		line-height: 18px;
		padding-left: 24px;
		margin: 20px 0 0;
	}

	.mCheckbox1 input+.label:before {
		background-size: auto 18px;
		width: 18px;
		height: 18px;
	}

	.mRadio1 {
		margin-left: 15px;
	}

	.mRadio1 input {
		width: 18px;
		height: 18px;
	}

	.mRadio1 .label {
		display: block;
		position: relative;
		font-size: 13px;
		line-height: 18px;
		padding-left: 24px
	}

	.mRadio1 input+.label:before {
		background-size: auto 18px;
		width: 18px;
		height: 18px;
	}

	.gSearch2 .close {
		top: 15px;
		right: 10px;
		background-size: auto 17px;
		width: 30px;
		height: 30px;
	}

	.gSearch2 .bg {
		padding: 20px 15px;
	}

	.gSearch2 .search {
		padding: 35px 0 0;
	}

	.gSearch2 .search .tit {
		position: absolute;
		top: 20px;
		left: 15px;
		font-size: 17px;
		text-align: left;
		padding: 0 0 10px;
		width: auto;
	}

	.gSearch2 .search .input {
		border-radius: 45px;
		padding-right: 10px;
	}

	.gSearch2 .search .input .keyword {
		border-radius: 45px 0 0 45px;
		font-size: 14px;
		padding: 0 0 0 25px;
		width: 100%;
		height: 45px;
	}

	.gSearch2 .search .input .clear,
	.gSearch2 .search .input .find {
		background-size: 18px auto;
		margin-left: 0;
		width: 30px;
		height: 30px;
	}

	.gSearch2 .search .input .clear {
		margin-left: 0;
	}

	.gSearch2 .search .btnDetail {
		border-radius: 45px;
		font-size: 14px;
		margin-left: 10px;
		padding: 0 15px;
		line-height: 45px;
		height: 45px;
	}

	.gSearch2 .search .btnDetail>span {
		padding-right: 15px;
	}

	.gSearch2 .search .btnDetail>span:before {
		top: calc(50% - 3px);
		background-size: 9px auto;
		width: 9px;
		height: 5px;
	}

	.gSearch2 .tag {
		display: block;
		margin: 15px 0 0;
		text-align: right;
	}

	.gSearch2 .tag .ls {
		font-size: 12px;
		letter-spacing: 0;
		text-align: left;
	}

	.gSearch2 .tag .ls .t {
		background-size: 12px auto;
		background-position: 0 1px;
		padding-left: 15px;
	}

	.gSearch2 .tag .ls .l a {
		margin: 0 0 0 5px;
	}

	.gSearch2 .tag a {
		font-size: 12px;
		margin: 0 0 0 10px;
	}

	.gSearch2.type2 {
		padding-top: 0;
	}

	.gSearch2.type2 .search {
		padding: 35px 0 0;
	}

	.gSearch2.type2 .search .tit {
		position: absolute;
		top: 20px;
		left: 15px;
		font-size: 20px;
		text-align: left;
		padding: 0 0 10px;
		width: auto;
	}

	.gSearch2.type2 .tag {
		display: block;
		margin: 15px 0 0;
		text-align: right;
	}

	.gSearch2.type2 .lSearch2 {
		top: 110px;
		border-radius: 10px;
		margin: 0 10px;
		padding: 15px 15px 5px;
		width: calc(100% - 50px);
	}

	.lSearch2 {
		top: 110px;
		border-radius: 10px;
		margin: 0 10px;
		padding: 15px 15px 5px;
		width: calc(100% - 20px);
	}

	.lSearch2 .row+.row {
		margin-top: 10px;
	}

	.lSearch2 .row {
		display: block;
	}

	.lSearch2 .row .tit {
		display: inline-block;
		border-radius: 30px;
		font-size: 13px;
		padding: 0 15px;
		width: auto;
		line-height: 30px;
		height: 30px;
	}

	.lSearch2 .row .inp {
		margin: 0 0 20px -10px;
	}

	.lSearch2 .row .inp .mCheckbox1 {
		margin-left: 10px;
		min-width: auto;
	}

	.lSearch2 .row .inp .mCheckbox1 input+.label {
		font-size: 13px;
		padding-left: 23px;
		line-height: 18px;
		height: 18px;
	}

	.lSearch2 .row .inp .mCheckbox1 input+.label:before {
		background-size: 18px auto;
		width: 18px;
		height: 18px;
	}

	.lSearch2 .row .inp .mCheckbox1+.mToggle1 {
		margin-left: 5px;
	}

	.lSearch2 .row .inp .mToggle1+.mDate1 {
		margin: 10px 0 0;
	}

	.mToggle1 .mRadio1:first-child input+.label {
		border-radius: 3px 0 0 3px;
	}

	.mToggle1 .mRadio1:last-child input+.label {
		border-radius: 0 3px 3px 0;
	}

	.mToggle1 .mRadio1 input+.label {
		padding: 0 10px;
		min-width: auto;
		line-height: 31px;
		height: 33px;
	}

	.mDate1 {
		display: flex;
		align-items: center;
	}

	.mDate1 .it {
		width: 100%;
		height: 33px;
	}

	.mDate1 .bar {
		padding: 0 2px;
	}

	.it+.ui-datepicker-trigger {
		margin: 0 8px 0 -22px;
		width: 15px;
	}

	.mTab3 {
		position: relative;
		display: block;
		border-bottom: 0;
		margin: -27px 0 30px;
		padding: 0 15px;
		zoom: 1;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mTab3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #ddd;
		width: 100%;
		height: 1px;
	}

	.mTab3:after {
		display: block;
		clear: both;
		content: '';
	}

	.mTab3 .tab {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		vertical-align: top;
	}

	.mTab3 a {
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		padding: 0 10px;
		text-align: center;
		font-weight: 600;
		width: 25%;
		line-height: 120%;
		height: 48px;
		white-space: nowrap;
	}

	.mTab3 a:last-child {
		margin-right: 15px;
	}

	.mTab3 a.active:before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		background-color: #299b8c;
		width: 100%;
		height: 2px;
	}

	.gSearch1 {
		padding: 0 15px;
	}

	.gSearch1 .side,
	.gSearch1 .list {
		float: none;
		width: auto;
	}

	.gSearch1 .list {
		margin-top: 0;
	}

	.gSearch1 .list .result {
		border-radius: 15px 10px;
		font-size: 16px;
		line-height: 150%;
		margin-bottom: 35px;
		padding: 22px 10px 18px 10px;
	}

	.gSearch1 .side {
		margin-top: 50px;
	}

	.mList17+.mList17 {
		margin-top: 27px;
	}

	.mList17 {
		border-width: 1px;
		border-radius: 10px
	}

	.mList17 .tit {
		font-size: 15px;
		padding: 0 0 0 15px;
		line-height: 40px;
		height: 40px;
	}

	.mList17 .tab {
		display: flex;
		margin: 0 0 24px;
	}

	.mList17 .tab a {
		font-size: 14px;
		line-height: 34px;
		height: 36px;
	}

	.mList17 .tab a:first-child {
		border-radius: 5px 0 0 5px;
	}

	.mList17 .tab a:last-child {
		border-radius: 0 5px 5px 0;
	}

	.mList17 .lst {
		padding: 15px;
	}

	.mList17 .lst li+li {
		margin-top: 6px;
	}

	.mList17 .lst li {
		font-size: 13px;
		padding: 0;
	}

	.mList17 .lst li .num {
		border-radius: 3px;
		font-size: 12px;
		margin-right: 7px;
		width: 20px;
		line-height: 20px;
		height: 20px;
	}

	.mList17 .lst2 {
		padding: 12px 10px;
	}

	.mList17 .lst2 .ls {
		font-size: 13px;
		margin: 5px 2px;
		padding: 0 10px;
		border-radius: 31px;
		line-height: 31px;
		height: 31px;
	}

	.mList17 .lst2 .ls .delete {
		background-size: 10px auto;
		margin: 0 -6px 0 0;
		width: 20px;
		height: 20px;
	}

	.mTitle6+.mBoard1 {
		margin-top: -7px;
	}

	.mTitle6 {
		margin-bottom: 20px;
	}

	.mTitle6 h4 {
		font-size: 16px;
	}

	.mTitle6 .more {
		background-size: 19px auto;
		font-size: 13px;
		margin: 0;
		padding: 0 25px 0 0;
		line-height: 19px;
		height: 19px;
	}

	.mList20+.mTitle6,
	.mList19+.mTitle6,
	.mBoard1+.mTitle6,
	.mList18+.mTitle6 {
		margin-top: 30px;
		padding-top: 30px;
	}

	.mTitle7+.mTitle1,
	.mTitle7+.mList25 {
		margin-top: 30px;
	}

	.mTitle7 {
		font-size: 22px;
		margin-top: 50px;
		padding-top: 15px;
	}

	.mTitle7:before {
		left: calc(50% - 20px);
		width: 40px;
	}

	.mList18 li+li {
		margin: 13px 0 0;
	}

	.mList18 li {
		padding: 0 0 0 5px;
	}

	.mList18 li a,
	.mList18 li .ti {
		font-size: 14px;
	}

	.mList18 li .bc {
		font-size: 13px;
	}

	.mList18.type2 li+li {
		margin-top: 17px;
	}

	.mList19 li+li {
		margin-top: 20px;
	}

	.mList19 li a {
		display: block;
	}

	.mList19 li .tit {
		font-size: 15px;
	}

	.mList19 li .tit .da {
		font-size: 14px;
	}

	.mList19 li .txt,
	.mList19 li .bc {
		font-size: 13px;
	}

	.mList20 ul {
		margin: 0 0 0 -10px;
	}

	.mList20 li {
		margin: 0 0 10px 10px;
		width: calc(50% - 10px);
	}

	.mList20 li a {
		position: relative;
		padding: 68% 0 0;
		width: 100%;
		height: 0;
	}

	.mList20 li img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.mBoard1.scrollX_m {
		overflow: hidden;
		overflow-x: auto;
	}

	.mBoard1.scrollX_m th,
	.mBoard1.scrollX_m td {
		white-space: nowrap;
	}

	.mBoard1 {
		border-top-width: 2px;
	}

	.mBoard1 thead th {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.mBoard1 thead th,
	.mBoard1 th,
	.mBoard1 td {
		font-size: 13px;
		padding-top: 0;
		padding-bottom: 0;
		word-break: break-all;
		height: 46px;
	}

	.mBoard1 .py12 td {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.mBoard1 .mFlex2 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.mBoard1 .textarea,
	.mBoard1 .it {
		margin-top: -3px;
		margin-bottom: -3px;
	}

	.mBoard1 .mFlex2+.it {
		margin-top: 8px;
	}

	.mBoard1 th.pl20,
	.mBoard1 td.pl20 {
		padding-left: 10px;
	}

	.mBoard1 .w120 {
		word-break: break-all;
		width: 50px;
	}

	.mBoard1 .w150 {
		width: 80px;
	}

	.mBoard1 .w190 {
		width: 100px;
		white-space: nowrap;
	}

	.mBoard1 .tit {
		font-weight: 500;
	}

	.mBoard1 td.addr {
		font-weight: normal;
		font-size: 13px;
		text-align: left;
	}

	.mBoard1 table table th,
	.mBoard1 table table td {
		font-size: 13px;
		padding: 5px;
	}

	.gShare1.active .sel {
		background-size: 20px auto;
		border-color: #3fa746;
	}

	.gShare1 .lShare1 {
		top: 35px;
		left: 7px;
		border-radius: 30px;
		padding: 10px 0;
		width: 30px;
	}

	.gShare1 .lShare1 a {
		background-size: 20px auto;
		height: 28px;
	}

	/* 20260201 수정사항 반영 */

	.mMain2 {
		height: auto;
	}

	.mMain2 .bg {
		flex-wrap: wrap;
		gap: 10px;
	}

	.mMain2 a {
		margin: 0;
		min-width: calc(33.3% - 20px);
		padding: 102px 0 0
	}

	.mMain2 a:hover {
		padding: 102px 0 0;
	}

	.mMain2 a:first-child {
		margin: 0;
	}

	.mMain2 a:before {
		top: 0;
	}

	.mMain2 a:hover:before {
		top: 0;
		border-color: #4ab854;
		background-color: #4ab854;
	}

	.mMain2 a:after {
		top: 26px;
	}

	.mMain2 a.i4:after {
		content: none;
	}

	.today-info .closed-time {
		padding: 0 25px;
	}

	.today-info .closed [class*=button-].button-prev {
		left: 15px;
	}

	.today-info .closed [class*=button-].button-next {
		right: 15px;
	}

}

@media (max-width: 1199px) and (max-width: 1199px) {

	.top-visual .wrap1500 {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.mPag {
		margin: 50px 0 0;
		padding-top: 40px;
	}

	.mButton5 {
		float: none;
		margin-top: 40px;
	}

	.mButton5 .mBtn_w {
		font-size: 13px;
		padding: 10px 20px;
	}

}

@media all and (max-width: 1199px) {

	.mUtil1 .attach,
	.mUtil1 .print,
	.mGnb,
	#body .mLnb,
	#header .uh,
	.forW {
		display: none;
	}

	.forM {
		display: block;
	}

	span.forM {
		display: inline;
	}

	.mKeysub1 .bg,
	#footer .bg,
	#wrap .bg {
		width: auto;
	}

	#wrap,
	#footer {
		min-width: auto;
	}

	#wrap {
		min-height: calc(100% - 460px);
	}

	#header {
		top: 0;
	}

	#header .mh .bg {
		height: 60px;
	}

	#header .mh {
		text-align: center;
	}

	#header .mh h1 img {
		height: 39px;
	}

	#header .mh h1 {
		float: none;
		width: auto;
		line-height: 60px;
		height: 60px;
	}

	#header .mh .iMenu1 {
		position: absolute;
		top: 0;
		left: 0;
	}

	#header .mh .iLog1 {
		position: absolute;
		top: 0;
		right: 0;
	}

	#header .mh .util .bt.forW {
		display: none;
	}

	.iMenu1,
	.iLog1 {
		height: 60px;
	}

	.iMenu1 {
		background-image: url(/resources/branch/images/ico_menu1_m.png);
		background-size: 19px auto;
	}

	.iLog1 {
		background-image: url(/resources/branch/images/ico_log1_m.png);
		background-size: 23px auto;
	}

	#body {
		margin: 30px 0 50px;
		padding: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		word-break: keep-all;
	}

	#body .bg {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
	}

	#body .bg.block {
		display: block;
	}

	#body .mLnb {
		min-width: 270px;
		width: 270px;
	}

	#body .contents {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 0 15px;
		margin: 0;
	}

	#footer {
		font-size: 11px;
		margin-top: 40px;
	}

	#footer .bg {
		display: block;
		width: auto;
	}

	#footer .link {
		border-bottom: 0;
		margin-bottom: -1px;
		zoom: 1;
	}

	#footer .link:after {
		display: block;
		clear: both;
		content: "";
	}

	#footer .link a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		float: left;
		border-bottom: 1px solid #e5e5e5;
		padding: 0 30px 0 15px;
		line-height: 130%;
		background-size: 6px auto;
		font-size: 11px;
		width: 50%;
		height: 35px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#footer .link .tit {
		display: none;
	}

	#footer .text {
		border-top: 1px solid #e5e5e5;
		margin-top: -1px;
	}

	#footer .text .bg {
		color: #6b6b6b;
		font-size: 14px;
		padding: 25px 20px;
	}

	#footer .text .log {
		float: none;
		padding: 0;
		width: auto;
	}

	#footer .text .log img {
		height: 23px;
	}

	#footer .text .txt {
		display: block;
		margin: 15px 0 0;
	}

	#footer .text .txt .ad {
		font-size: 10px;
		margin: 5px 0 0;
		line-height: 140%;
	}

	#footer .text .txt .ln a {
		font-size: 10px;
	}

	#footer .text .txt .ln a+a {
		margin-left: 15px;
	}

	#footer .text .txt .ln a+a:before {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: -10px;
		border-radius: 50%;
		background-color: #3a3a3a;
		width: 2px;
		height: 2px;
	}

	#footer .text .img {
		padding: 20px 0 0;
	}

	#footer .text .img img {
		height: 25px;
	}


	.mKeysub1 {
		height: 140px;
	}

	.mKeysub1 .left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: none;
		color: #fff;
		text-decoration: none;
		padding: 0;
	}

	.mKeysub1 .left span {
		font-family: "SBAggro";
		font-size: 23.5px;
	}

	.mKeysub1 .left span:before {
		display: none;
	}

	.mKeysub1 .left:before,
	.mKeysub1 .left:after {
		display: none;
	}

	.mKeysub1 .text-wrap {
		display: none;
	}

	.mKeysub1 h3 {
		font-size: 18px;
	}

	.mKeysub1 .info {
		font-size: 12px;
		margin-top: 5px;
	}

	.gTitle1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		text-align: center;
		width: auto;
		height: auto;
		padding: 0 15px;
	}

	.gTitle1 .mBc1,
	.gTitle1 h4 {
		padding: 0;
	}

	.gTitle1 .mBc1 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		text-align: center;
		margin-top: 10px;
	}

	.gTitle1 .title {
		margin-top: 37px;
	}

	.gTitle1 .title .desc {
		margin-top: 5px;
		font-size: 12px;
		line-height: 21px;
		font-weight: 400;
		padding: 0 10px;
	}

	.gTitle1 .title h4 {
		font-size: 23px;
		line-height: 32px;
		letter-spacing: 0;
		text-align: center;
	}

	.desc_in {
		margin-bottom: 30px;
		font-size: 13px;
		line-height: 23px;
		font-weight: 500;
		padding: 20px 20px;
	}

	.mBc1 {
		margin: 0;
		text-align: center;
	}

	.mBc1>span {
		font-size: 11px;
		letter-spacing: 0;
		margin: 0 0 0 14px;
	}

	.mBc1>span:before {
		top: 4px;
		left: -10px;
		background-size: 3px auto;
		width: 3px;
		height: 6px;
	}

	.mBc1 .home {
		background-position: 0 50%;
		background-size: 7px auto;
		padding: 0 0 0 13px;
	}

	.mBc1 .home:before {
		display: none;
	}

	.mUtil1 {
		position: absolute;
		top: 20px;
		right: 15px;
	}

	.mUtil1 button,
	.mUtil1 a {
		background-size: auto 14px;
		width: 30px;
		height: 30px;
	}

	/* tab */
	.mTab1 {
		position: relative;
		display: block;
		border-bottom: 0;
		margin: 0 -15px 25px;
		zoom: 1;
	}

	.mTab1:before {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		background-color: #ddd;
		width: 100%;
		height: 1px;
	}

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

	.mTab1 a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		float: left;
		border-bottom-color: #ddd;
		font-size: 12px;
		margin: 0 0 -1px;
		width: 33.333%;
		line-height: 120%;
		height: 36px;
	}

	.mTab1 a>span {
		display: block;
		padding: 0 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: keep-all;
	}

	.mTab1 a+a {
		border-left: 0;
	}

	.mTab1 a:nth-child(3n) {
		border-right: 0;
	}

	.mTab1 a.active {
		background-color: #279c2f;
		border-color: #279c2f;
		color: #fff;
	}

	.mTab1.col2_m a {
		width: 50%;
	}

	.mTab1_s {
		border-bottom: 1px solid #ddd;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0 0 25px;
		padding: 0 5px 15px;
		text-align: center;
	}

	.mTab1_s:before {
		display: none;
	}

	.mTab1_s a {
		border-radius: 27px;
		font-size: 12px;
		margin: 0 0 10px;
		padding: 5px 15px;
		line-height: 130%;
		height: auto;
	}

	.mTab1_s a+a {
		margin-left: 3px;
	}

	/* //tab */
	/* content */
	.mContact1 {
		margin: 0 20px;
		padding-left: 0;
		min-width: auto;
		max-width: none;
	}

	.mContact1 .contact {
		display: block;
		margin-left: 0;
		padding: 10px;
	}

	.mContact1 .col+.col {
		margin: 5px 0 0;
	}

	.mContact1 .col {
		display: block;
		font-size: 13px;
		line-height: 22px;
	}

	.mContact1 .col .ti {
		background-size: 14px auto;
		background-position: 10px calc(50% + 1px);
		font-size: 12px;
		padding: 0 15px 0 30px;
		line-height: 30px;
		height: 30px;
	}

	.mContact1 .col .tx {
		display: inline-block;
		font-size: 12px;
		padding: 0 0 0 10px;
	}

	.gCount1 {
		display: block;
		margin-bottom: 10px;
	}

	.gCount1 .mCount1 {
		margin-top: 0;
		padding-bottom: 0;
		font-size: 13px;
	}

	.gCount1 .rt {
		margin: 0 0 20px;
	}

	.mSearch1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mSearch1>label[for=searchText] {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.mSearch1>label[for=searchText] input[type=text] {
		width: 100%;
	}

	.mSearch1 .select {
		min-width: 70px;
	}

	.mSearch1 .select+.select,
	.mSearch1 .select+.it {
		margin-left: 2px;
	}

	.mSearch1 .it.w365 {
		min-width: auto;
		width: 100%;
	}

	.mSearch1 .it {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: auto;
	}

	.mSearch1 .find {
		background-size: 15px auto;
		width: 36px;
		height: 36px;
	}

	.mSearch1 .mBtn1 {
		margin-left: 6px;
		min-width: 60px;
		line-height: 36px;
		height: 36px;
	}

	.mSearch1 .mBtn1 .find {
		background-size: 13px auto;
		font-size: 13px;
		padding-left: 20px;
	}

	.mSearch1.bgGray {
		margin-top: 20px;
		padding: 10px;
	}

	.mSearch1.bgGray+.mCount1 {
		margin-top: 20px;
	}

	.mSearch1.bgGray.type1_m {
		display: block;
	}

	.mSearch1.bgGray.type1_m .flex_m+.flex_m {
		margin-top: 5px;
	}

	.mSearch1.bgGray.type1_m .flex_m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mSearch1.bgGray.type1_m .flex_m .select {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0;
	}

	.mSearch1.bgGray.type1_m .flex_m .select+.select {
		margin-left: 5px;
	}

	.mCount1 {
		font-size: 12px;
	}

	.mCount1+.mBoard1 {
		margin-top: 10px;
	}

	.mFaq1 .q button,
	.mFaq1 .a .con {
		display: block;
		padding: 15px 20px;
	}

	.mFaq1 .ico {
		display: inline-block;
		font-size: 13px;
		margin-right: 5px;
		width: 24px;
		line-height: 24px;
		height: 24px;
	}

	.mFaq1 .iSt5 {
		margin: 2px 10px 0 0;
		padding: 0 10px;
		min-width: auto;
	}

	.mFaq1 .q button {
		padding-right: 45px;
		width: 100%;
	}

	.mFaq1 .q button:before {
		background-size: 12px auto;
		background-position: 50% 50%;
		width: 12px;
	}

	.mFaq1 .q button:before {
		right: 20px;
	}

	.mFaq1 .a .ico {
		background-color: #9598a1;
	}

	.mFaq1 .txt {
		display: block;
		font-size: 13px;
		line-height: 150%;
		margin: 3px 10px 0 0;
		padding: 10px 0 0 -20px;
	}

	.mFaq1 .a .txt {
		padding-top: 10px;
	}

	.mBoard1.type1_m {
		border-top-width: 1px;
	}

	.mBoard1.type1_m colgroup,
	.mBoard1.type1_m thead {
		display: none;
	}

	.mBoard1.type1_m tr.mAnswer1.active {
		display: table-row;
	}

	.mBoard1.type1_m tr.mAnswer1 {
		display: none;
		border: 2px solid #656565;
	}

	.mBoard1.type1_m tr {
		position: relative;
		display: block;
		border-bottom: 1px solid #e0e3e7;
		padding: 15px 0 12px;
		text-align: left;
	}

	.mBoard1.type1_m tr:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 1px;
		height: 100%;
	}

	.mBoard1.type1_m tr td.forW {
		display: none;
	}

	.mBoard1.type1_m tr .num {
		display: none;
	}

	.mBoard1.type1_m tr .num.notice {
		display: block;
		float: left;
		margin: 0;
		text-align: left;
		vertical-align: middle;
	}

	.mBoard1.type1_m tr .tit {
		display: block;
		font-size: 15px;
		padding: 1px 10px 10px;
		text-align: left;
	}

	.mBoard1.type1_m tr .tit a {
		display: inline-block;
		font-weight: 600;
		font-size: 14px;
		padding: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.mBoard1.type1_m tr .tit a.iNew1 {
		padding: 0 0 0 42px;
	}

	.mBoard1.type1_m tr .tit a.iRe1 {
		padding: 0 0 0 79px;
	}

	.mBoard1.type1_m tr td {
		position: relative;
		border: 0;
		display: inline-block;
		font-size: 13px;
		padding: 0 7px 0 10px;
		text-align: left;
		height: auto;
	}

	.mBoard1.type1_m tr td>.t {
		display: inline-block;
		margin-right: 3px;
		font-weight: 500;
		min-width: 45px;
	}

	.mBoard1.type1_m tr td>.t.w55_m {
		min-width: 55px;
	}

	.mBoard1.type1_m tr td>.t.w65_m {
		min-width: 65px;
	}

	.mBoard1.type1_m tr td .mBtn1.ms {
		margin-top: -4px;
		vertical-align: middle;
	}

	.mBoard1.type1_m tr td.bar {
		line-height: 140%;
		margin-top: -3px;
		word-break: break-all;
		width: calc(50% - 3px);
	}

	.mBoard1.type1_m tr td.bar.type2_m {
		position: relative;
		margin: 3px 0;
		padding-left: 55px;
		width: calc(100% - 3px);
	}

	.mBoard1.type1_m tr td.bar.type2_m .t {
		position: absolute;
		top: 0;
		left: 10px;
	}

	.mBoard1.type1_m tr td.bar.type2_m.char6 {
		padding-left: 93px;
	}

	.mPn1 li .ti {
		font-size: 13px;
		margin-right: 0;
		width: auto;
		line-height: 42px;
		height: 42px;
	}

	.mPn1 li .ti span {
		padding: 0 0 0 15px;
	}

	.mPn1 li .ti span:before {
		margin-top: -4px;
		background-size: auto 6px;
		width: 10px;
		height: 7px;
	}

	.mPn1 li.next .ti span:before {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.mPn1 li .tx {
		display: block;
		font-size: 13px;
		padding: 0 10px;
		line-height: 42px;
		height: 42px;
	}

	.mPn1 li .tx span {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.mView1+.mButton1 {
		margin-top: 30px;
	}

	.mView1 .tit {
		font-size: 20px;
		line-height: 140%;
		padding: 20px 0;
	}

	.mView1 .tit .iSt2 {
		font-size: 12px;
		padding: 0 10px;
		line-height: 22px;
		height: 24px;
	}

	.mView1 .tit .ti {
		letter-spacing: -1px;
		margin-top: 13px;
	}

	.mView1 .util {
		font-size: 13px;
		padding: 10px 0;
	}

	.mView1 .util .col+.col {
		margin-left: 20px;
	}

	.mView1 .util .col:before {
		top: 3px;
		left: -12px;
		height: 12px;
	}

	.mView1 .util .col .ti {
		font-size: 13px;
		margin-right: 2px;
	}

	.mView1 {
		font-size: 14px;
		line-height: 170%;
		padding: 20px 0;
		min-height: 150px;
	}

	.mView1 .img {
		margin-top: 20px;
	}

	.mView1 .img img {
		width: 100%;
	}

	.mView1 .img img+img {
		margin: 10px 0 0;
	}

	.board-detail .mSwiper1 {
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
	}

	.board-detail .img img {
		width: 100%;
		height: auto;
	}

	.mSwiper1 .button-prev,
	.mSwiper1 .button-next {
		width: 40px;
		height: 40px;
	}

	.mSwiper1 .button-prev:before,
	.mSwiper1 .button-next:before {
		background-size: 20px auto;
	}

	.mSwiper1 .swiperThumb {
		display: none;
	}

	.mAttach2 {
		display: block;
		padding: 15px 0;
	}

	.mAttach2 .ti {
		font-size: 14px;
		margin: 0;
		width: auto;
	}

	.mAttach2 .tx {
		padding: 10px 0 0;
	}

	.mAttach2 ul {
		margin-left: 0;
	}

	.mAttach2 li {
		float: none;
		margin: 0 0 5px;
	}

	.mAttach2 li a {
		background-size: 15px auto;
		font-size: 13px;
		letter-spacing: 0;
		padding: 0 0 0 18px;
	}

	.iNew1:before {
		top: 2px;
	}

	.iLock1 span {
		background-size: 12px auto;
		background-position: 0 4px;
		padding-left: 17px;
	}

	.iRe1 {
		background: url(/resources/branch/images/ico_re1_m.png) 0 -3px no-repeat;
		background-size: 10px auto;
	}

	.iRe1:before {
		top: 1px;
		left: 15px;
		border-radius: 2px;
		font-size: 12px;
		width: 55px;
		line-height: 20px;
		height: 20px;
	}

	.iSt1,
	.iSt2,
	.iSt4 {
		font-size: 11px;
		padding: 0 4px;
		min-width: auto;
		line-height: 20px;
		height: 22px;
	}

	.iSt2 {
		padding: 0 8px;
	}

	.iSt4 {
		line-height: 18px;
		height: 18px;
	}

	.mAnswer1 ul {
		position: relative;
		padding: 15px 5px;
	}

	.mAnswer1 li:nth-child(even) {
		width: auto;
	}

	.mAnswer1 li {
		float: none;
		font-size: 12px;
		margin: 0 0 5px;
		width: auto;
	}

	.mAnswer1 li .t {
		margin: 0 10px 0 0;
		width: 100px;
	}

	.mAnswer1 li .t span {
		font-size: 12px;
		font-weight: 600;
		padding: 5px;
		width: 100px;
		line-height: 130%;
		height: auto;
	}

	.mAnswer1 li .c {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 3px 0 0;
	}

	.mAnswer1 li .c .mBtn1 {
		vertical-align: middle;
		margin: -3px 0 0 5px;
	}

	.mPag {
		margin-top: 30px;
	}

	.mPag a,
	.mPag strong {
		font-size: 12px;
		margin: 0 -1px 0 -4px;
		min-width: 28px;
		line-height: 24px;
		height: 26px;
	}

	.mPag .first,
	.mPag .last,
	.mPag .prev,
	.mPag .next {
		background-size: auto 8px;
	}

	.mList1 {
		border-top-width: 1px;
	}

	.mList1 li {
		padding: 15px 0 10px;
	}

	.mList1 .img {
		display: block;
		width: 125px;
		min-width: 125px;
		height: 95px;
	}

	.mList1 .text {
		margin: -3px 0 0 10px;
		padding: 0;
	}

	.mList1 .text .iSt1 {
		margin-bottom: 10px;
	}

	.mList1 .text .tit {
		font-size: 14px;
	}

	.mList1 .text .txt {
		font-size: 13px;
		line-height: 150%;
		margin-top: 3px;
	}

	.mList1 .text .uti {
		position: static;
		display: block;
		font-size: 12px;
		margin-top: 10px;
	}

	.mList1 .text .uti>span {
		background-size: 12px auto;
		margin: 0 10px 5px 0;
		padding: 0 0 0 16px;
	}

	.mInfo1 .txt .fs15 {
		font-size: 13px;
		line-height: 140%;
		margin-top: 10px;
	}

	.mList2 .list {
		border-radius: 10px;
		padding: 10px 10px 15px 20px;
	}

	.mList2 .list li {
		float: none;
		margin: 0 0 3px;
		width: auto;
	}

	.mList2 .list li a {
		font-size: 13px;
		padding: 0 0 0 10px;
	}

	.mList2 .list li a .i {
		background-size: 10px auto;
		width: 10px;
		height: 10px;
	}

	.mList2.type2 li:before,
	.mList2 .list li a:before {
		top: 6px;
		width: 3px;
		height: 3px;
	}

	.mList2+.mTitle1 {
		margin-top: 40px;
	}

	.mList2.type2 li {
		font-size: 13px;
		padding: 0 0 0 10px;
	}

	.mList2.type2 li:before {
		top: 8px;
	}

	.mList3 {
		padding: 20px 20px 25px;
	}

	.mList3 li+li {
		margin-top: 16px;
	}

	.mList3 li {
		font-size: 13px;
		letter-spacing: 0;
	}

	.mList3 li .ic {
		font-size: 12px;
		margin-right: 10px;
		width: 35px;
		line-height: 35px;
		height: 35px;
	}

	.mList4+.mTitle1 {
		margin-top: 40px;
	}

	.mList4.flex,
	.mList4.flex ul {
		display: block;
	}

	.mList4 {
		padding: 17px 15px;
	}

	.mList4 ul+ul,
	.mList4 li+li {
		margin-top: 8px;
	}

	.mList4 li {
		font-size: 13px;
		padding-left: 10px;
	}

	.mList4 li:before {
		top: 7px;
		width: 3px;
		height: 3px;
	}

	.mList4 li .ti {
		display: inline-block;
		margin-right: 0;
		min-width: 50px;
	}

	.mBox1+.mTitle1 {
		margin-top: 40px;
	}

	.mBox1 {
		border-width: 3px;
		font-size: 13px;
		line-height: 150%;
		padding: 20px 15px;
	}

	.mBox1 .tit {
		margin-bottom: 20px;
		padding: 0;
	}

	.mBox1 .tit2 {
		margin-bottom: 20px;
	}

	.mBox1 .tit2 span {
		padding: 7px 15px;
	}

	.mBox1 .dot {
		padding: 0 0 10px 14px;
	}

	.mBox1 .dot:before {
		top: 10px;
		left: 5px;
		width: 3px;
		height: 3px;
	}

	.mBox1 .lst {
		line-height: 170%;
		margin: 0 0 25px;
		padding: 0 0 0 10px;
	}

	.mBox1 .lst .gab {
		padding: 0 0 0 19px;
	}

	.mGallery1 {
		border-top-width: 1px;
		padding: 0 0 25px;
	}

	.mGallery1 ul {
		margin: 0 0 0 -15px;
	}

	.mGallery1 li {
		margin: 20px 0 0 15px;
		width: calc(50% - 15px);
	}

	.mGallery1 .img {
		border-radius: 10px;
		margin-bottom: 10px;
		height: auto;
	}

	.mGallery1 .img:before {
		border-radius: 10px;
	}

	.mGallery1 .img img {
		height: 38vw;
	}

	.mGallery1 .img.noimg img {
		width: 100px;
	}

	.mGallery1.type2 .tit,
	.mGallery1 .tit {
		font-size: 14px;
		margin: 8px 0 0;
	}

	.mGallery1 .txt {
		font-size: 13px;
		margin-top: 4px;
	}

	.mGallery1 .uti {
		font-size: 12px;
		margin: 5px 0 0;
	}

	.mGallery1 .uti>span {
		background-size: 12px auto;
		margin: 0 10px 5px 0;
		padding: 0 0 0 16px;
	}

	.mGallery1 .button {
		margin-top: 25px;
		padding: 0;
	}

	.mGallery1 .button .mBtn1 {
		font-size: 12px;
	}

	.mGallery1 .button .mBtn1+.mBtn1 {
		margin-left: 5px;
	}

	.mGallery1.type2 ul {
		margin: -30px 0 0 -15px;
	}

	.mGallery1.type2 li {
		margin: 50px 0 0 15px;
		width: calc(50% - 15px);
	}

	.mGallery1.type2 .img {
		margin-bottom: 10px;
		height: auto;
	}

	.mGallery1.type2 .img img {
		height: 64vw;
	}

	.mGallery2 ul+.mTitle1 {
		margin-top: 50px;
	}

	.mGallery2 ul+ul {
		margin-top: 10px;
	}

	.mGallery2 ul {
		margin: -65px 0 0;
	}

	.mGallery2 li {
		float: none;
		margin: 30px 0 0;
		width: auto;
	}

	.mGallery2 .img {
		border-radius: 10px;
		margin: 0 0 10px;
		height: auto;
	}

	.mGallery2 .img img {
		width: 100%;
	}

	.mGallery2 .text .tit {
		font-size: 16px;
	}

	.mGallery2 .text .txt {
		font-size: 14px;
		letter-spacing: 0;
		margin-top: 4px;
	}

	.mRecent1 {
		margin-bottom: 40px;
	}

	.mRecent1 a {
		display: block;
	}

	.mRecent1 .img {
		display: block;
		width: auto;
		height: auto;
	}

	.mRecent1 .img img {
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	.mRecent1 .txt {
		display: block;
		border: 1px solid #dfdfdf;
		border-top: 0;
		padding: 15px;
		height: auto;
	}

	.mRecent1 .txt .ti {
		font-size: 16px;
		line-height: 150%;
	}

	.mRecent1 .txt .tx {
		font-size: 13px;
		line-height: 150%;
		margin-top: 10px;
	}

	.mRecent1 .txt .dt {
		background-size: 12px auto;
		font-size: 12px;
		margin-top: 10px;
		padding: 0 0 0 16px;
	}

	.mTab1+.mInfo1 {
		margin-top: 0;
	}

	.mInfo1 {
		margin: 0 0 30px;
		padding: 0 0 30px;
	}

	.mInfo1 .info {
		border-radius: 10px;
		font-size: 13px;
		line-height: 150%;
		padding: 23px 20px;
	}

	.mInfo1 .info:before {
		display: none;
	}

	.mInfo1 .line {
		letter-spacing: 0;
		padding-top: 15px;
	}

	.mInfo1 .line:before {
		width: 25px;
	}

	.mInfo1 .img+.txt {
		margin-top: 20px;
	}

	.mInfo1 .img img {
		width: 100%;
	}

	.mInfo1 .txt {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 150%;
	}

	.mInfo1 .mBtn1 {
		margin-top: 20px;
	}

	.mInfo1 .mButton1.flex_m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mInfo1 .mButton1.flex_m .mBtn1+.mBtn1 {
		margin-left: 5px;
	}

	.mInfo1 .mButton1.flex_m .mBtn1 {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 0 10px;
		min-width: auto;
	}

	.mInfo2 {
		font-size: 15px;
		margin-top: 35px;
	}

	.mInfo2 span {
		background-size: 22px auto;
		padding: 0 0 0 30px;
		text-align: left;
	}

	/* //content */
	/* button */
	.mButton1.posRt {
		float: none;
		margin-top: 30px;
	}

	.mBtn1 {
		font-size: 14px;
		padding: 0 10px;
		line-height: 43px;
		height: 45px;
	}

	.mButton1.posRt .mBtn1.m,
	.mBtn1.m {
		font-size: 13px;
		padding: 0 5px;
		line-height: 35px;
		height: 35px;
	}

	.mBtn1.ms {
		border-radius: 2px;
		font-size: 11px;
		padding: 0 5px;
		line-height: 23px;
		height: 25px;
	}

	.mBtn1.w265 {
		min-width: 130px;
	}

	.mBtn1.w84 {
		min-width: 50px;
	}

	.mBtn1.w130 {
		min-width: 90px;
	}

	.mBtn1.r {
		border-radius: 3px;
	}

	.mBtn1 .down {
		background-size: 10px auto;
		padding-left: 15px;
	}

	/* //button */
	/* form */
	.select {
		background-size: 7px auto;
		background-position: calc(100% - 10px) 50%;
		font-size: 12px;
		line-height: 36px;
		height: 36px;
		padding: 0 25px 0 10px;
	}

	.select option {
		font-size: 12px;
	}

	.it {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		font-size: 13px;
		line-height: 32px;
		height: 36px;
		padding: 0 0 0 10px;
	}

	/* //form */
	/* icon */
	.iAttach1 {
		background-size: 15px auto;
		width: 20px;
		height: 20px;
	}

	/* //icon */
	/* text */
	.mTitle1 {
		background-size: 19px auto;
		font-size: 16px;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
	}

	.txtPrimary {
		color: #18be3c;
		font-weight: 700;
	}

	/* //text */
	.mEsg1 {
		border: 3px solid #e9e9e9;
		width: auto;
	}

	.mEsg1 .top,
	.mEsg1 .btm {
		position: relative;
		background: none;
		background-size: 100% auto;
		height: 60px;
	}

	.mEsg1 .top:before,
	.mEsg1 .top:after {
		content: "";
		position: absolute;
		top: -3px;
		left: -3px;
		background: url(/resources/branch/images/k_esg1_top.png) 0 0 no-repeat #fff;
		background-size: auto 100%;
		width: 61px;
		height: 100%;
	}

	.mEsg1 .top:after {
		left: auto;
		right: -3px;
		background-position: 100% 0;
	}

	.mEsg1 .btm:before,
	.mEsg1 .btm:after {
		content: "";
		position: absolute;
		bottom: -3px;
		left: -3px;
		background: url(/resources/branch/images/k_esg1_btm.png) 0 0 no-repeat #fff;
		background-size: auto 100%;
		width: 61px;
		height: 100%;
	}

	.mEsg1 .btm:after {
		left: auto;
		right: -3px;
		background-position: 100% 0;
	}

	.mEsg1 .con {
		border: 0;
		margin: -15px 0;
		padding: 0 20px;
	}

	.mEsg1 .tit {
		position: relative;
		margin: 0 0 20px;
		padding: 35px 0 0;
	}

	.mEsg1 .tit:before {
		content: "";
		position: absolute;
		top: 0;
		left: calc(50% - 33px);
		background: url(/resources/branch/images/k_esg1_top.png) -240px -45px no-repeat;
		background-size: auto 100%;
		width: 66px;
		height: 100%;
	}

	.mEsg1 .tit img {
		height: 25px;
	}

	.mEsg1 .txt {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 150%;
	}

	.mEsg1 .mList3 {
		margin-top: 30px;
	}

	.mEsg1 .all {
		position: relative;
		font-size: 15px;
		letter-spacing: 0;
		margin-top: 30px;
		padding: 0 0 35px;
	}

	.mEsg1 .all:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: calc(50% - 33px);
		background: url(/resources/branch/images/k_esg1_btm.png) -240px 0 no-repeat;
		background-size: auto 61px;
		width: 66px;
		height: 19px;
	}

	.gCount1 {
		display: block;
		margin-bottom: 10px;
	}

	.gCount1 .mCount1 {
		margin-top: 0;
		padding-bottom: 0;
	}

	.gCount1 .rt {
		margin: 0 0 20px;
	}

	.mSearch1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mSearch1 .select {
		min-width: 70px;
	}

	.mSearch1 .select+.select,
	.mSearch1 .select+.it {
		margin-left: 2px;
	}

	.mSearch1 .it.w365 {
		min-width: auto;
		width: 100%;
	}

	.mSearch1 .it {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: auto;
	}

	.mSearch1 .find {
		background-size: 15px auto;
		width: 36px;
		height: 36px;
	}

	.mSearch1 .mBtn1 {
		margin-left: 6px;
		min-width: 60px;
		line-height: 36px;
		height: 36px;
	}

	.mSearch1 .mBtn1 .find {
		background-size: 13px auto;
		font-size: 13px;
		padding-left: 20px;
	}

	.mSearch1.bgGray {
		margin-top: 20px;
		padding: 10px;
	}

	.mSearch1.bgGray+.mCount1 {
		margin-top: 20px;
	}

	.mSearch1.bgGray.type1_m {
		display: block;
	}

	.mSearch1.bgGray.type1_m .flex_m+.flex_m {
		margin-top: 5px;
	}

	.mSearch1.bgGray.type1_m .flex_m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mSearch1.bgGray.type1_m .flex_m .select {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0;
	}

	.mSearch1.bgGray.type1_m .flex_m .select+.select {
		margin-left: 5px;
	}

	.mCount1 {
		font-size: 12px;
	}

	.select {
		background-size: 7px auto;
		background-position: calc(100% - 10px) 50%;
		font-size: 12px;
		line-height: 36px;
		height: 36px;
		padding: 0 25px 0 10px;
	}

	.select option {
		font-size: 12px;
	}

	.it {
		font-size: 12px;
		line-height: 36px;
		height: 36px;
		padding: 0 0 0 10px;
	}

	.mPag {
		margin-top: 30px;
	}

	.mPag a,
	.mPag strong {
		font-size: 12px;
		margin: 0 -1px 0 -4px;
		min-width: 28px;
		line-height: 24px;
		height: 26px;
	}

	.mPag .first,
	.mPag .last,
	.mPag .prev,
	.mPag .next {
		background-size: auto 8px;
	}

	.section2 .tree_map {
		height: auto;
		padding: 50px 0;
	}

	.section2 .tree_map .wsize {
		min-height: 850px;
		background-size: auto 700px;
		background-position: 50% 150px;
	}

	.section2 .tree_map h3.tit {
		position: relative;
	}

	.section2 .tree_map h3.tit br {
		display: none;
	}

	.section2 .tree_map ul.catelist {
		position: relative;
		text-align: center;
	}

	.section2 .tree_map ul.catelist li {
		display: inline-block;
		margin: 0 10px;
		text-align: left;
	}

	.section2 .txt_box {
		margin-left: 0;
	}

	.section2 .txt_box li {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.section2 .txt_box li dl {
		height: auto;
		padding: 30px 0;
	}

	.section2 .txt_box li dt {
		font-size: 17px;
	}

	.section3 .headline_back {
		height: 220px;
		padding: 100px 0;
		position: absolute;
		left: 0px;
		right: 0px;
		z-index: -1;
	}

	.section3 .headline {
		height: 220px;
		padding: 100px 0;
	}

	.section3 .headline h3.tit {
		margin-bottom: 30px;
		padding-bottom: 0;
		background: none;
	}

	.section3 .headline p {
		font-size: 14px;
		line-height: 24px;
		word-break: keep-all;
	}

	.section3 .headline p br {
		display: none;
	}

	.section3 .graph_cir {
		height: auto;
		padding: 50px 0 0 0;
	}

	.section3 .graph_cir dl {
		float: none;
		margin: 0 auto;
		bottom: 50px;
	}

	.section3 .graph_cir dt {
		font-size: 15px;
	}

	.section3 .graph_cir dd {
		font-size: 19px;
	}

	.section3 .graph_cir strong {
		font-size: 25px;
	}

	.section3 .graph_cir ul {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		background: none;
	}

	.section3 .graph_cir ul li {
		width: 24%;
		height: auto;
		margin-left: -1px;
		padding: 30px 0;
		font-size: 19px;
	}

	.section3 .graph_cir .graph_cir_img {
		visibility: hidden;
	}

	.section3 .graph_cir .graph_cir_wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.section3 .graph_bar {
		display: table;
		vertical-align: top;
	}

	.section3 .graph_bar li {
		float: none;
		display: table-cell;
		vertical-align: top;
	}

	.section3 .graph_bar li.n1 {
		width: 26.6%;
	}

	.section3 .graph_bar li.n2 {
		width: 18.9%;
	}

	.section3 .graph_bar li.n3 {
		width: 6.3%;
	}

	.section3 .graph_bar li.n4 {
		width: 5.7%;
	}

	.section3 .graph_bar li.n5 {
		width: 5.4%;
	}

	.section3 .graph_bar li.n6 {
		width: 5.2%;
	}

	.section3 .graph_bar li.n7 {
		width: auto;
		font-size: 15px;
	}

	.section3 .graph_bar li dl dt {
		font-size: 15px !important;
	}

	.section3 .graph_bar li dl dd {
		margin-top: 10px;
		font-size: 12px !important;
		letter-spacing: -0.05em;
	}

	.section3 .paragraph .btxt {
		float: none;
		margin-bottom: 30px;
		padding: 0 30px;
		font-size: 25px;
		line-height: 40px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		word-break: keep-all;
	}

	.section3 .paragraph .btxt br {
		display: none;
	}

	.section3 .paragraph .stxt {
		float: none;
		width: 100%;
		text-align: center;
	}

	.section3 .paragraph .stxt p {
		padding-top: 10px;
		font-size: 14px;
		line-height: 22px;
		word-break: keep-all;
	}

	.section2 .tree_map {
		background-size: cover;
	}

	.section2 .tree_map .wsize {
		min-height: 600px;
		background-size: auto 450px;
	}

	.section2 .tree_map ul.catelist {
		overflow: hidden;
		margin-top: 20px;
	}

	.section2 .tree_map ul.catelist li {
		margin: 5px 10px;
		font-size: 12px;
	}

	.section2 .txt_box li dt {
		width: 30%;
		font-size: 15px;
	}

	.section2 .txt_box li dd {
		font-size: 13px;
	}

	.section3 .graph_cir dl {
		width: 148px;
		height: 148px;
	}

	.section3 .graph_cir dt {
		padding-top: 35px;
	}

	.section3 .graph_cir dd {
		padding-top: 0;
	}

	.section3 .graph_cir ul {
		height: auto;
	}

	.section3 .graph_cir ul li {
		float: none;
		width: 100%;
		margin: 10px 0 0 0;
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 15px;
	}

	.section3 .graph_cir ul li:first-child {
		margin-top: 0;
	}

	.section3 .graph_cir strong {
		padding-top: 0;
		font-size: 19px;
	}

	.section3 .graph_bar {
		display: block;
	}

	.section3 .graph_bar li {
		float: left;
		display: block;
		width: 50% !important;
		padding-bottom: 20px;
	}

	.section3 .graph_bar li:nth-child(odd) {
		clear: both;
	}

	.section3 .graph_bar li.n7 {
		display: none;
	}

	.section3 .paragraph .btxt {
		font-size: 19px;
		line-height: 30px;
	}

	.detail-content .steps li {
		width: 20%;
		height: 100px;
		background-size: 10px auto;
		margin-bottom: 20px;
	}

	.detail-content .steps li:first-child {
		padding-left: 29px;
		background: none;
	}

	.detail-content .steps li p {
		background-size: auto 100%;
		background-position: 50% 0;
	}

	.detail-content .steps li {
		width: 40%;
	}

	.detail-content .check {
		margin-bottom: 0;
	}

	.detail-content .check li {
		width: 48%;
		margin: 0 0 15px 4%;
	}

	.detail-content .check li:nth-child(3) {
		margin-left: 0;
	}

	.detail-content .check li {
		width: 100%;
		margin-left: 0;
	}

	.detail-content .check li span.num {
		width: 40px;
		height: 40px;
		font-size: 17px;
		line-height: 40px;
	}

	.detail-content .check li p.mtit {
		height: auto;
		font-size: 16px;
		padding: 40px 0 15px;
	}

	.detail-content .check li p.mtit span.stxt {
		font-size: 14px;
	}

	.detail-content p.check_tit {
		padding-top: 45px;
		background-size: 30px auto;
	}

	.detail-content p.check_tit span {
		font-size: 16px;
		line-height: 25px;
		padding: 10px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.detail-content .value_step {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: -3% 0 0 -3%;
		width: 103%;
	}

	.detail-content .value_step li {
		position: relative;
		margin: 3% 0 0 3% !important;
		width: 30.333%;
		height: auto;
	}

	.detail-content .value_step li div {
		margin-top: 0;
		width: 95%;
	}

	.detail-content .value_step li span.num {
		position: absolute;
		top: -25px;
		right: -10px;
		margin-left: 0;
	}

	.detail-content .value_img ul {
		margin: 40px 0;
	}

	.detail-content .value_img li {
		padding-left: 25px;
		background-position: 4px center;
		background-size: 16px;
	}

	.detail-content .value_img li.las {
		padding-left: 35px;
		background-position: 4px center;
		background-size: 28px;
	}

	.detail-content .value_img li p {
		width: 100px;
		height: 100px;
	}

	.detail-content .value_img li span {
		padding-top: 21px;
		margin: 6%;
		width: 88%;
		height: 88%;
		font-size: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.detail-content .value_img li span br {
		display: block;
	}

	.detail-content .value_step {
		margin: 0;
		width: 100%;
	}

	.detail-content .value_step li {
		float: none;
		margin: 15px 10px 0 !important;
		width: auto;
	}

	.detail-content .value_step li div {
		width: 100%;
		height: auto;
		background-position: center 15px;
		background-size: 34px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.detail-content .value_step li div p {
		padding: 60px 15px 15px;
		font-size: 15px;
		line-height: 22px;
	}

	.detail-content .value_step li div p br {
		display: none;
	}

	.detail-content .value_step li div p span.st {
		margin-top: 0;
		font-size: 13px;
		line-height: 1;
	}

	.detail-content .value_step li span.num {
		padding-top: 0;
		width: 50px;
		height: 50px;
		line-height: 40px;
		font-size: 17px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.detail-content .value_step li:nth-child(odd) span.num {
		right: auto;
		left: -10px;
	}

	.benefit-detail>strong {
		margin-top: 50px;
	}

	.benefit-detail .dot-caution li:before {
		top: 9px;
		width: 4px;
		height: 4px;
	}

	.benefit-detail .dot-caution li {
		padding-left: 13px;
		font-size: 13px;
		line-height: 24px;
	}

	.gallery-poster .exhibition-info {
		margin-top: 20px;
	}

	.gallery-poster .exhibition-info li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 14px;
		margin-bottom: 7px;
	}

	.gallery-poster .exhibition-info strong {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: 35px;
		color: #666;
		font-weight: 500 !important;
	}

	.gallery-poster .exhibition-info span {
		color: #666;
		font-weight: 500 !important;
		word-break: keep-all !important;
	}

	.swiper-tabs .swiper-slide img {
		height: 185px;
	}

	#body .states .state {
		padding: 5px 15px 3px 15px;
		font-size: 12px;
	}

}

@media all and (max-width: 550px) {
	.detail-content .value_img li p {
		width: 80px;
		height: 80px;
	}

	.detail-content .value_img li span {
		padding-top: 12px;
	}

	.detail-theme {}

	.detail-theme .top {
		background-color: #223927;
	}

	.detail-theme .buttons {
		width: 100%;
		height: 200px;
	}

	.detail-theme .buttons:before {
		display: none;
	}

	.detail-theme .buttons button {
		height: 44px;
		text-align: left;
		padding: 0 40px;
	}

	.detail-theme .buttons button:before {
		left: -20px;
		width: 330px;
		height: 46px;
	}

	.detail-theme .buttons button span {
		font-size: 15px;
		font-weight: 600;
	}


	/* 20260202 */
	.mMain2 {
		margin: 30px 12.5px;
	}
	.full-swiper .img-wrap img {
		width: auto;
		height: 100%;
	}
}

/* 조가인 팝업추가260206 */
.layerPopup {
	position: fixed;
	z-index: 1000;
	display: none;
}

.layerPopup.is-open {
	display: block;
}

.layerWrap {
	overflow: hidden;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}

.layerContent {}

.layerContent img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.layerFooter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-top: 1px solid #eee;
	font-size: 14px;
}

.todayClose {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.todayClose input[type="checkbox"] {
	display: inline-block;
	margin: 0;
}

.btnClose {
	border: none;
	background: none;
	cursor: pointer;
	font-size: 14px;
}

/*// 조가인 팝업추가260206 //*/