/********************************************************** 
* reveal - 텍스트 효과
***********************************************************/
.fade-in { opacity:0; transition: 1s; }
.fade-up { transform:translateY(50px); opacity:0; transition: 1s; }
.fade-down { transform:translateY(-50px); opacity:0; transition: 1s; }
.fade-left { transform:translateX(-100px); opacity:0; transition: 1s; }
.fade-right { transform:translate(50%,-0%); opacity:0; transition: 1s; }
.active .fade-in, .active.fade-in { opacity:1; }
.active .fade-up, .active.fade-up { transform:translateY(0); opacity:1; }
.active .fade-down, .active.fade-down { transform:translateY(0); opacity:1; }
.active .fade-left, .active.fade-left { transform:translateX(0); opacity:1; }
.active .fade-right, .active.fade-right { transform:translate(0,-0%); opacity:1; }

.wrap { width: 1440px; margin: 0 auto; }

/* head */
.head { position: fixed; top: 0px; left: 0px; z-index: 99; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100px; transition: 0.3s; }
.head:hover { background: #fff; }
.head.scrolled { position: fixed; top: 0; left: 0; z-index: 99; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }

.head .wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.head .logo { position: absolute; left: 50px; }
.head .logo .logo_bl { display: none;  }
.head .logo .logo_wh { display: inline-block;  }

.head:hover .logo .logo_bl, .head.scrolled .logo .logo_bl { display: inline-block;  }
.head:hover .logo .logo_wh, .head.scrolled .logo .logo_wh { display: none;  }

.menu_inr { display: flex; flex-wrap: wrap; }
.menu_inr li { padding: 0 30px; }
.menu_inr li > a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100px; color: #fff; font-size: 20px; font-weight: 600; transition: 0.3s; }
.head:hover .menu_inr li > a, .head.scrolled .menu_inr li > a { color: #222; }
.head:hover .menu_inr li:hover > a { color: #b1d023; }
.menu_inr .logout {
	position: relative;
    background-color: #dc3545;
    color: #fff;
	padding: 5px;
}

.smenu { overflow: hidden; display: block; position: fixed; top: 100px; left: 0; z-index: 99; width: 100%; height: 0px; padding: 0px 0; background: #fff; border-top: 0px solid #ddd; border-radius: 0 0 0 50px; transition: 0.3s; }
.menu_inr li:hover > .smenu { display: block; height: auto; padding: 70px 0; border-top: 1px solid #ddd; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);  }

.menu_inr li:hover > .smenu:after, .menu_inr li:hover > .smenu:before { content:''; position: absolute; }
.menu_inr li:hover > .smenu:after { top: 30px; left: 0%; width: 103px; height: 117px; background: url('../image/main/main_con04_deco01.png') center center no-repeat; }
.menu_inr li:hover > .smenu:before { bottom: 10px; right: 0%; width: 146px; height: 178px; background: url('../image/main/main_con04_deco02.png') center center no-repeat; }

.smenu > .wrap { align-content: center; justify-content: flex-start; align-items: flex-start; display: none; }
.menu_inr li:hover > .smenu > .wrap { display: flex; z-index: 9; }

.smenu_left { display: flex; flex-wrap: wrap; align-content: flex-start; width: 25%; }
.smenu_left h3 { margin-bottom: 15px; color: #222; font-size: 35px; font-weight: 900; letter-spacing: -0.025em; }
.smenu_left p { color: #aaa; font-size: 1em; word-break: keep-all; line-height: 1.5; letter-spacing: -0.03em; }

.smenu_right { width: 75%; padding-left: 80px; }
.smenu_right dl { display: flex; flex-wrap: wrap; gap: 10px 0; }
.smenu_right dl dd { display: flex; flex-wrap: wrap; align-items: center; width: 32%; height: 60px; margin-left: 2%; }
.smenu_right dl dd:nth-child(3n+1) { margin-left: 0%; }
.smenu_right dl dd a { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; padding: 0 20px; border: 1px solid #ddd; border-radius: 10px; color: #22282d; font-size: 1em; font-weight: 600; letter-spacing: -0.03em; transition: 0.3s; }
.smenu_right dl dd a:hover, .smenu_right dl dd a:hover:after { color: #b1d023; }
.smenu_right dl dd a:hover { border: 1px solid #b1d023; }
.smenu_right dl dd a:after { content:'\e93f'; display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 0px; right: 20px; height: 100%; font-family: 'xeicon'; color: #aaa; transition: 0.3s; }

.menu-toggler, .mobile_menu { display: none; }

/* quick */
.quickbox { position: fixed; top: 0; right: 0; z-index: 99; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100px; height: 100%; background: #b1d023; }
.quick_cont_list li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.quick_cont_list li .search_btn { color: #fff; font-size: 30px; }
.quick_cont_list li .logout_btn { color: #fff; font-size: 30px; }

.searchbox { position: absolute; top: 0px; right: 0; width: 100%; background: #fff; z-index: 9999; padding: 80px 2%; box-shadow: 0 4px 12px rgba(0,0,0,0.15); opacity: 0; transform: translateY(-20px); pointer-events: none; transition: opacity .35s ease, transform .35s ease; }
.searchbox.open { opacity: 1; transform: translateY(0); pointer-events: auto; }

.searchbox .search_close { position: absolute; top: 0px; right: 0px; z-index: 2000; width: 100px; height: 100px; background: #006679; border: none; color: #fff; font-size: 28px; cursor: pointer; }

.hd_sch_wr { width:50%; margin: 0 auto; }
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch { overflow:hidden; }
#hd_sch form { display: flex; flex-wrap: wrap; gap: 0 10px;}
#hd_sch #sch_stx { width: calc(100% - 130px); height: 60px; padding: 0 20px; border-radius: 5px; border: 0; background: #eee; font-size: 1.1em; }
#hd_sch #sch_submit { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 5px; width:120px; height:60px; border:0; border-radius:5px; background:#006679; color:#fff; font-size: 1.1em; line-height: 1; cursor:pointer; }

.scrolldown { position: relative; z-index: 99; width: 100%; height: 320px; padding: 45px 0; background: #fff; opacity: 1; transition: 0.5s; }
.scrolldown p { position: absolute; top: 45px; left: calc(50% + 8px); width: 120px; margin-left: 0px; margin-top: 0px; color: #444; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; transform: rotate(90deg); transform-origin: 0% 0%; transition: margin 0.3s; }
.scrolldown i { position:absolute; left:50%; bottom:45px; overflow:hidden; width:2px; height:100px; border-radius:0; background-color: rgba(0, 0, 0, 0.3); transition:height 0.1s; }
.scrolldown i:after{ position: absolute; top: 50%; left: 0%; display: block; content: ""; width: 100%; height: 20px; background: #000; border-radius:0; animation: scrollDown 2s infinite; }

nav.mobile_menu { position: fixed; top: -100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100vh; z-index: 9001; background: rgba(255, 255, 255, 1); border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; transition: all 650ms cubic-bezier(1,0,0,1); }
nav.mobile_menu.open { top: 0; border-radius: initial; }

.menu-toggler { position: relative; width: 30px; height: 21px; display: flex; flex-direction: column; justify-content: space-between; z-index: 9999; transition: all 650ms ease-out; cursor: pointer; }
.menu-toggler.open { position: fixed; transform: rotate(-45deg); }
.bar { background-color: #fff; width: 100%; height: 3px; border-radius: 0.8rem; }
.menu-toggler.on .bar { background-color: #222; }
.open .bar { background-color: #fff; }
.bar.half { width: 100%; }
.bar.top { transform-origin: right; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
.open .bar.top { transform: rotate(-450deg) translateX(0.45rem); }
.bar.bottom { align-self: flex-end; transform-origin: left; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
.open .bar.bottom { transform: rotate(-450deg) translateX(-0.45rem); }

.mobile_menu .mobile-close-btn { position: absolute; top: 0px; right: 0px; z-index: 2000; width: 100px; height: 100px; background: #006679; border: none; color: #fff; font-size: 28px; cursor: pointer; }
.mobile_menu .mobile-close-btn i { font-size: 28px; }

.nav-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 96%; height: 100%; margin: 0 auto; }
.nav-inner .sns_list { position: absolute; right: 110px; bottom: 20px; }

.nav-list { display: flex; flex-wrap: wrap; width: 100%; height: 100%; }
.nav-list > li { flex: 1; display: flex; flex-wrap: wrap; align-content: center; text-align: left; position: relative; padding: 0 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); }
.nav-list > li:first-child { border-left: none; }
.nav-list > li:last-child { margin-bottom: 0px; }
.nav-list > li > a { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; width: auto; height: 80px; color: #222; font-size: 26px; font-weight: 800; letter-spacing: 0.03em; word-break: keep-all; }
.nav-list > li > a:after { content:''; position: absolute; right: -15px; bottom: 3px; width: 7px; height: 7px; background: #006679; border-radius: 500px; }
.nav-link { padding: 1rem; font-size: 2rem; }
.nav-link:hover, .nav-link:focus { color: #fff; }

.nav-inner ul ul { /* display: none;*/ display: block; width: 100%; height: 360px; margin-top: 30px; }
.nav-inner ul ul li { position: relative; margin-bottom: 15px; }
.nav-inner ul ul li:last-child { margin-bottom: 0px; }
.nav-inner ul ul li a { position: relative; display: inline-block; padding: 0px; color: #777; font-size: 18px; font-weight: 500; line-height: 1.8; letter-spacing: -0.03em; text-decoration: none; transition: all 0.3s; }
.nav-inner ul ul li a:hover { margin-left: 10px; color: #006679; }
.nav-inner ul ul li a:before { content:''; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #006679; transition: all 0.3s; }
.nav-inner ul ul li a:hover:before { width: 100%; }

@keyframes scrollDown {
    0%{ top: 0; }
	100% { top: 150%; }
}

/* footer */
.footer { position: relative; padding: 100px 0; background: #131313; font-size: 0.9em; }
.footer .wrap { position: relative; display: flex; flex-wrap: wrap; }
.footer .sns_menu { position: absolute; right: 0px; top: 0px; display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; z-index: 9; }
.footer .sns_menu li { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: 10px; }
.footer .sns_menu li:last-child { margin-right: 0px; }
.footer .sns_menu li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 10px; background: #222; color: rgba(255, 255, 255, 1); font-size: 0.95em; font-weight: 400; letter-spacing: -0.3px; transition: 0.3s; }
.footer .sns_menu li a.sns_btn01 { background: #fae100; color: #381e1f; }
.footer .sns_menu li a.sns_btn02 { background: #ff0000; }
.footer .sns_menu li a.sns_btn03 { background: #3b5998; }
.footer .sns_menu li a.sns_btn04 { background: linear-gradient(0deg, #f9ce34, #ee2a7b, #6228d7); background-size: cover; }
.footer .sns_menu li a i { font-size: 32px; }
.footer .sns_menu li img { width: 20px; }

.ft_logo { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; margin-bottom: 30px; }
.ft_infobox { position: relative; width: 100%; color: rgba(255, 255, 255, 0.6); line-height: 1.6; }
.ft_infobox span { position: relative; padding: 0 20px; }
.ft_infobox span.pl00 { padding-left: 0px; }
.ft_infobox span:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.4); }
.ft_infobox span.noline:after { display: none; }
.ft_infobox .ft_copy { position: relative; margin-top: 30px; padding-top: 30px; border-top:1px solid rgba(255, 255, 255, 0.2); }
.ft_infobox p, .ft_infobox a { color: rgba(255, 255, 255, 0.3); }
.ft_menu { position: absolute; right: 0; top: 30px; }
.ft_menu ul { display: flex; flex-wrap: wrap; }
.ft_menu ul li { position: relative; padding: 0 20px; }
.ft_menu ul li:first-child { padding-left: 0px; }
.ft_menu ul li:last-child { padding-right: 0px; }
.ft_menu ul li:after { content:''; position: absolute; top: 15%; right: 0px; width: 1px; height: 70%; background: rgba(255, 255, 255, 0.2); }
.ft_menu ul li:last-child:after { display: none; }
.ft_menu ul li a { color: rgba(255, 255, 255, 0.3); transition: 0.3s; }
.ft_menu ul li a:hover { color: rgba(255, 255, 255, 0.6); text-decoration: underline; }

/* main */
.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_vis { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100vh; padding-top: 0px; background: #222; background-size: cover; }

.swiper-slide .main_vis_bg { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transform: scale(1.1); transition: all 4s; }
.swiper-slide-active .main_vis_bg { transform:scale(1); }

.main_vis_bg01 { background: #222 url('../image/main/main_vis01.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg02 { background: #222 url('../image/main/main_vis02.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg03 { background: #222 url('../image/main/main_vis03.jpg') center top no-repeat; background-size: cover; }
.main_vis_bg04 { background: #222 url('../image/main/main_vis04.jpg') center top no-repeat; background-size: cover; }

/* ===========================
   메인 전체 컨테이너
=========================== */
.main_arrow { position: absolute; left: 0; bottom: 0; z-index: 98; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 550px; height: 75px; background: #b1d023; border-radius: 0 35px 0 0; padding: 0 25px; }
.main_vis .swiper-pagingbox { position: relative; z-index: 1000; display: flex; align-items: center; gap: 16px; }

/* ===========================
   숫자 (현재 / 전체)
=========================== */
.page-current, .page-total { text-align: center; width: 28px; height: 24px; line-height: 24px; color: #fff; font-size: 15px; font-weight: 700; }

/* ===========================
   Progressbar (fill div 방식)
=========================== */
.swiper-progress-bar { overflow: hidden; position: relative; width: 130px; height: 2px; background: rgba(255,255,255,0.3); border-radius: 2px; }

/* 채워지는 바 */
.swiper-progress-bar .progress-fill { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #fff; transition: width 5s linear; }

/* ===========================
   Prev / Next 버튼
=========================== */
.main_vis .swiper-button-prev, .main_vis .swiper-button-next { position: relative; top: auto; left: auto; right: auto; width: auto; height: auto; margin-top: 0; color: rgba(255,255,255,0.9); }

.main_vis .swiper-button-prev:after, .main_vis .swiper-button-next:after { font-family: 'xeicon' !important; font-size: 24px; }
.main_vis .swiper-button-prev:after { content: "\e93c"; /* < */ }
.main_vis .swiper-button-next:after { content: "\e93f"; /* > */ }

/* ===========================
   Pause / Play 버튼
=========================== */
.swiper-button-pause { position: relative; text-align: center; width: 24px; height: 24px; color: rgba(255,255,255,0.9); line-height: 24px; cursor: pointer; }
.swiper-button-pause:after { font-family: 'xeicon' !important; font-size: 22px; content: "\ea3b"; /* ❚❚ 일시정지 */ }
.swiper-button-pause.playing:after { content: "\ea3e"; /* ▶ 재생 */ }

/* ===========================
   Swiper 기본 Fraction 숨김
=========================== */
.main_vis .swiper-pagination { display: none !important; }

.main_text { position: absolute; top: 0px; left: 0px; z-index: 8; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; padding-bottom: 80px; color: #fff; }
.main_text .stitle { font-size: 36px; font-weight: 700; text-shadow: 0 0 60px rgba(0, 0, 0, 0.5); }
.main_text h2 { margin: 40px 0; color: #b1d023; font-size: 92px; font-weight: 800; text-shadow: 0 0 60px rgba(0, 0, 0, 0.5); }
.main_text p { font-size: 24px; line-height: 1.7; text-shadow: 0 0 60px rgba(0, 0, 0, 0.5); }

.main_deco { position: absolute; right: 120px; bottom: 30px; z-index: 9; width: 12%; }
.main_deco img { max-width: 100%; }

.main_con { position: relative; padding: 120px 0; }
.main_con_title { text-align: center; margin-bottom: 80px; }
.main_con_title .en_title { display: block; margin-bottom: 25px; color: #b1d023; font-size: 24px; font-weight: 900; }
.main_con_title h2 { font-size: 62px; font-weight: 900; line-height:1; }
.main_con_title p { margin-top: 30px; font-size: 24px; font-weight: 400; letter-spacing: 0.03em; }

.main_con01 { max-width: calc(100% - 200px); margin: 0 150px 0 50px; }

.main_con02 { padding: 0px 0 150px; }
.main_con02_title { margin-bottom: 50px; padding: 60px 0; background: #00a378 url('../image/main/main_con02_title_bg01.png') right top no-repeat; color: #fff; line-height: 1; }
.main_con02_title .wrap { position: relative; width: calc(100% - 200px); margin: 0 150px 0 50px; }
.main_con02_title h2 { font-size: 62px; font-weight: 800; }
.main_con02_title p { margin-top: 30px; font-size: 24px; font-weight: 400; letter-spacing: 0.03em; }

.main_con02_title .header-nav { position: absolute; right: 0; bottom: 0; display: flex; gap: 2px; }
.main_con02_title .header-nav button { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 0px; color: white; font-size: 20px; cursor: pointer; transition: all 0.3s; }
.main_con02_title .header-nav button:hover { border: 1px solid rgba(255, 255, 255, 1); }
.main_con02 .content-section { max-width: calc(100% - 200px); margin: 0 150px 0 50px; padding: 0px 0 30px; border-top: 2px solid #222; border-bottom: 1px solid #222; font-family: 'Presentation'; }

/* 기본 스타일 */
.months { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	height: 70px; 
	padding: 0 20px; 
	border-bottom: 1px solid #222;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.months::-webkit-scrollbar { height: 2px; }
.months::-webkit-scrollbar-thumb { background-color: #00a378; border-radius: 2px; }

.month { 
	cursor: pointer; 
	padding: 8px 12px; 
	border-radius: 5px; 
	transition: all 0.3s; 
	font-weight: 700; 
	color: #333;
	white-space: nowrap;
	flex-shrink: 0;
}
.month:hover { background-color: #f0f0f0; }
.month.active { color: #00a378; font-weight: 700; }

/* 달력 컨테이너 - 데스크톱 */
.calendar-wrapper {
	position: relative;
	width: 100%;
}

.calendar { 
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	gap: 10px; 
	padding: 20px 0; 
}

.day { 
	position: relative; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	text-align: center; 
	width: 40px; 
	height: 40px; 
	margin: 0 auto; 
	padding: 0; 
	border-radius: 50%; 
	font-size: 15px; 
	font-weight: 400; 
	cursor: pointer; 
	transition: all 0.3s; 
}
.day:hover, .day.has-event:hover { background-color: #00a378; color: #fff; }
.day.has-event { border: 2px solid #00a378; color: #00a378; font-weight: 700; }
.day.has-event::after { display: none; }
.day:not(.has-event) { color: #ccc; cursor: default; }
.day:not(.has-event):hover { background-color: transparent; }

/* 포스트 슬라이드 컨테이너 */
.posts-container { 
	position: relative;
	display: flex; 
	align-items: flex-start; 
	gap: 20px;
	padding: 0 60px;
}

.posts-wrapper { 
	flex: 1; 
	width: 100%; 
	overflow: hidden;
}

.posts { 
	display: flex; 
	width: 100%;
	transition: transform 0.3s ease;
}

.post { 
	text-align: center; 
	width: 20%; 
	padding: 30px 20px; 
	border-right: 1px solid #ddd; 
	cursor: pointer; 
	transition: all 0.3s;
	flex-shrink: 0;
	box-sizing: border-box;
}
.post:last-child { border-right: none; }
.post:hover {  }

.post-date { 
	margin-bottom: 15px; 
	color: #333; 
	font-size: 1.2em; 
	font-weight: 700; 
}

.post-title { 
	overflow: hidden; 
	margin-bottom: 8px; 
	color: #222;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
}

.post-cont { 
	overflow: hidden; 
	color: #666; 
	font-size: 0.9em; 
	line-height: 1.6; 
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 슬라이드 네비게이션 버튼 */
.slide-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: #00a378;
	border: none;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slide-nav:hover { background-color: #008c64; }
.slide-nav:disabled { 
	background-color: #ccc; 
	cursor: not-allowed;
	opacity: 0.5;
}
.slide-nav.prev { left: 10px; }
.slide-nav.next { right: 10px; }

/* 반응형 - 태블릿 */
@media (max-width: 1660px) {
	.calendar { gap: 0px; }
}

@media (max-width: 1440px) {
	.day { width: 30px; height: 30px; }
}

@media (max-width: 1025px) {
	.months { 
		padding: 0 10px;
		gap: 5px;
	}
	.month { 
		padding: 6px 10px; 
		font-size: 0.9em;
	}
	
	/* 달력 슬라이드 스타일 */
	.calendar-wrapper {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		padding: 0px 0;
	}
	
	.calendar-wrapper::-webkit-scrollbar {
		height: 1px;
	}
	
	.calendar-wrapper::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 1px;
	}
	
	.calendar-wrapper::-webkit-scrollbar-thumb {
		background: #00a378;
		border-radius: 1px;
	}
	
	.calendar-wrapper::-webkit-scrollbar-thumb:hover {
		background: #008c64;
	}
	
	.calendar { 
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: 8px; 
		padding: 10px 15px;
		min-width: max-content;
	}
	.day { width: 35px; height: 35px; font-size: 14px; }
	
	.posts-container { margin-top: 30px; padding: 0 50px; }
	.post { min-width: 33.333%; padding: 25px 15px; }
	.post-date { font-size: 1.1em; }
	.slide-nav { width: 35px; height: 35px; font-size: 18px; }
}

/* 반응형 - 모바일 (달력 슬라이드 활성화) */
@media (max-width: 768px) {	
	.months { 
		height: auto;
		padding: 15px 10px;
		gap: 8px;
		justify-content: flex-start;
	}
	.month { 
		padding: 6px 12px; 
	}
	
	.day {
		font-size: 14px;
		margin: 0;
		flex-shrink: 0;
	}
	
	.posts-container { padding: 0 45px; }
	.post { 
		min-width: 50%; 
		padding: 20px 15px;
	}
	.post-date { margin-bottom: 10px;	}
	.post-title { margin-bottom: 6px; }
	.post-cont { font-size: 0.85em; }
	
	.slide-nav { 
		width: 32px; 
		height: 32px; 
		font-size: 16px;
	}
	.slide-nav.prev { left: 5px; }
	.slide-nav.next { right: 5px; }
}

/* 반응형 - 작은 모바일 */
@media (max-width: 480px) {	
	.header-nav button { 
		width: 35px; 
		height: 35px;
		font-size: 18px;
	}
	
	.months { 
		padding: 10px 5px;
		gap: 5px;
	}
	.month { padding: 5px 10px; }
	
	.calendar-wrapper { }
	
	.calendar { 
		gap: 6px; 
		padding: 8px 10px;
	}
	
	.day { 	}
	
	.posts-container { padding: 0 40px; }
	.post { 
		min-width: 100%; 
		padding: 20px 10px;
		border-right: none;
	}
	.post:last-child { border-bottom: none; }
	
	.slide-nav { 
		width: 30px; 
		height: 30px; 
		font-size: 14px;
	}
}

.main_con02_banner { position: absolute; bottom: 0px; z-index:9; overflow: hidden; width: 100%; height: 145px; }
.main_con02_banner span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 145px; margin: 0 10px; color: rgba(0, 0, 0, 0.05); font-size: 145px; font-weight: 900; }

.main_con03 .wrap { width: calc(100% - 200px); margin: 0 150px 0 50px; }

.main_con04:after { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 60%; background: #f4f8f0; z-index: -1; }
.main_con04_list { display: flex; flex-wrap: wrap; justify-content: center; max-width: calc(100% - 200px); margin: 0 150px 0 50px; }
.main_con04_list li { overflow: hidden; position: relative; width: 20%; height: 540px; background: #000; }
.main_con04_list li .con04_bg { position: relative; width: 100%; height: 100%; }
.main_con04_list li .con04_bg:after { content:''; position: absolute; left: 0px; bottom: 0px; z-index: 9; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); }
.main_con04_list li .con04_bg img { display: block; width: 100%; height: 100%; transform: scale(1.2); object-fit: cover; object-position: center center; transition: 0.3s; }
.main_con04_list li:hover .con04_bg img { animation: zoomOut 3s ease-out forwards; }
.main_con04_list li .con04_textbox { position: absolute; left: 0px; bottom: 100px; z-index: 10; text-align: center; width: 100%; line-height: 1; }
.main_con04_list li .con04_textbox h3 { color: #fff; font-size: 36px; }
.main_con04_list li .con04_textbox h3 span { display: block; margin-bottom: 20px; color: #b1d023; font-size: 18px; font-weight: 700; }

/* sub */
.sub_vis { overflow: hidden; position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; height: calc(100vh - 320px); background: #000; background-size: cover; color: #fff; }
.sub_vis .bg { position: relative; width: 100%; height: 100%; background: #010005; animation: zoomOut 5s ease-out forwards;}
.sub_vis .bg01 { background: url('../image/sub/sub_vis01.jpg') center center no-repeat; background-size: cover; }
.sub_vis .sub_textbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 0px; }
.sub_vis .sub_textbox .wrap { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; height: 100%; }
.sub_vis .sub_textbox h2 { font-size: 75px; line-height: 1; font-weight: 800; }
.sub_vis .sub_textbox h2 span { display: block; margin-bottom: 30px; color: #b1d023; font-size: 24px; font-weight: 800; }

@keyframes zoomOut {
	0% { transform: scale(1.2); }
	100% { transform: scale(1); /* 원래 크기로 */ }
}

.sidebar { position: absolute; left: 0; top: -180px; z-index: 90; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 0px; }
.sidebar .sidebar_inr { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0 5px; }
.sidebar .home { position: relative; z-index: 9; width: 60px; height: 60px; background: #b1d023; border-radius: 5px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); }
.sidebar .home a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.3em; color: #fff; transition: 0.3s; }
.sidebar .depth { position: relative; }
.sidebar .depth_1 { width: 250px; }
.sidebar .depth_2 { width: 250px; margin-left: -2px; }
.sidebar .depth_1:before { display: none; }
.sidebar .depth_2:after { content:''; position: absolute; right: 0px; top: 0%; width: 1px; height: 100%; background: #ddd; display: none; }
.sidebar .depth_title { position: relative; width: 100%; height: 60px; padding: 0 20px; text-align: left; background: #fff; border: none; border-radius: 5px; color: #222; font-weight: 600; transition: 0.3s; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); }
.sidebar .depth_title:after { content:"\e942"; position: absolute; top: calc(50% - 7px); right: 15px; font-family: 'xeicon' !important; transition: 0.3s; }
.sidebar .depth_title:hover:after { color: #b1d023; }
.sidebar .depth .sub_ul { position: absolute; left: 0px; top: calc(100% - 2px); width: 100%; padding: 20px 0px; background-color: #fff; border-radius: 10px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); }
.sidebar .depth .sub_ul li { padding: 8px 20px; }
.sidebar .depth .sub_ul li a { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; color: #222; font-size: 0.95em; font-weight: 400; transition: 0.3s; }
.sidebar .depth .sub_ul li a:hover { color: #b1d023; text-decoration: underline; }

.sub_contents { position: relative; margin: 150px auto 0; }
.sub_contents img { max-width: 100%; }

.board_wrap { margin-bottom: 150px; }

.sub_title { position: relative; padding-bottom: 30px; margin-bottom: 80px; border-bottom: 1px solid #ddd; }
.sub_title h2 { font-size: 42px; font-weight: 800; line-height: 1; }
.sub_title h2 span { position: relative; z-index: 1; }
.sub_title p { position: absolute; right: 0; bottom: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 5px; color: #666; font-size: 15px; line-height:1; }
.sub_title p span { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.sub_title02 { text-align: center; padding-bottom: 0px; border-bottom: none; }

.subpage_inr { padding: 120px 0; }
.subpage_inr:first-child { padding-top: 0px; }
.subpage_inr:nth-child(even) { position: relative; background: #f2f5f6; }

.subpage_inr_in { margin-bottom: 80px; }
.subpage_inr_in:last-child { margin-bottom: 0px; }

#sub_page h3 { position: relative; text-align:left; margin-bottom: 80px; padding-left: 50px; font-size: 36px; font-weight: 800; line-height: 1; }
#sub_page h3:after { content:''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 35px; height: 35px; border: 6px solid; border-color: #b1d023 #006679 #006679 #b1d023; border-radius: 5px; }
#sub_page h3 span.date { display: inline-block; margin-left: 10px; font-size: 18px; font-weight: 500; }
#sub_page h4 { position: relative; width: 100%; margin-bottom: 50px; font-size: 32px; font-weight: 800; line-height:1;}
#sub_page h4 span { position: relative; display: inline-block; }
#sub_page h4 span:after { content:''; position: absolute; top: 0px; right: -25px; width: 10px; height: 10px; background: #006679; border-radius: 500px; }
#sub_page h4 .small_en { font-style: normal; font-size: 0.7em; font-weight: 560; }

.mb00 { margin-bottom: 0px !important; }
.mb80 { margin-bottom: 80px !important; }

.textbox02 { color: #333; font-size: 1.1em; line-height: 1.7; word-break: keep-all; }

.diagram_imgbox { text-align: center; }
.diagram_imgbox img { max-width: 100%; }
.business0501 .diagram_imgbox { margin: 50px 0; }

.greetings .subpage_inr { display: flex; flex-wrap: wrap; }
.greetings_imgbox { width: 480px; }
.greetings_textbox { width: calc(100% - 480px); padding-left: 80px; }
.greetings_textbox .greetings_title { margin-bottom: 50px; font-family: 'PuradakGentleGothic'; font-size: 42px; font-weight: normal; line-height: 1.5; }
.greetings_textbox .greetings_title .point01 { color: #006679; }
.greetings_textbox p { text-align: justify; color: #444; font-size: 1.1em; line-height: 1.7; }
.greetings_textbox p strong { color: #006679; }
.greetings_textbox p .sign { display: block; text-align: right; margin-top: 80px; font-family: 'PuradakGentleGothic'; }

.cnrise_inr01 p { font-size: 1.1em; }
.cnrise_inr01 .business04_list01, .business0206_inr01 .business04_list01 { margin: 50px 0; padding: 50px 50px; background: #f2f5f6; border-radius: 10px; }

.vision { text-align: center; margin-bottom: 50px; font-family: 'PuradakGentleGothic'; font-size: 36px; line-height: 1; }
.business0101 .vision { margin-bottom: 80px; }
.vision span { position: relative; z-index: 1; display: inline-block; }
.vision span:after { content:''; position: absolute; left: 0px; bottom: 5px; z-index: 0; width: 100%; height: 10px; background: rgba(177, 208, 35, 0.2); }
.vision span:first-child { margin-bottom: 20px; }
.vision i { color: #b1d023; font-style: normal; line-height: 1.6; }
.vision p { margin-top: 40px; color: #444; font-family: 'Pretendard'; font-size: 24px; font-weight: 500; }

.cnrise_list01 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cnrise_list01 li { display: flex; flex-wrap: wrap; text-align: center; width: 50%; border-left: 1px solid #d2dddf; }
.cnrise_list01 li:first-child { border-left: none; }
.cnrise_list01 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 50px; background: #00a378; border-radius: 5px; color: #fff; font-size: 1.2em; }
.cnrise_list01 li dl { width: 50%; border-left: 1px solid #d2dddf; }
.cnrise_list01 li dl.noline { border-left: none; }
.cnrise_list01 li dl dt, .cnrise_list01 li dl dd { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; min-height: 50px; border-bottom: 1px solid #d2dddf; }
.cnrise_list01 li dl dt { background: #fff; color: #006679; font-size: 1.1em; font-weight: 700; }
.cnrise_list01 li dl dd { padding: 20px 10px; }
.cnrise_list01 li dl dd p { width: 100%; margin-top: 10px; }
.cnrise_list01 li dl dd p strong { color: #d02323; font-size: 1.35em; }

.cnrise_inr02_in02 .stitle, .cnrise_inr02_in03 .stitle { text-align: center; margin-bottom: 50px; font-family: 'PuradakGentleGothic'; font-size: 32px; line-height: 1; }
.cnrise_inr02_in02 .stitle span, .cnrise_inr02_in03 .stitle span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 40px; padding: 0 30px; background: #006679; border-radius: 500px; color: #fff; font-family: 'Pretendard'; font-size: 20px; }
.cnrise_inr02_in02 .stitle p, .cnrise_inr02_in03 .stitle p { margin-top: 20px; }

.cnrise_list02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cnrise_list02 li { text-align: center; width: 24%; padding: 50px 10px; border-radius: 10px; font-weight: 600; font-size: 1.1em; line-height: 1.4; }
.cnrise_list02 li:nth-child(1) { border: 3px solid #b1d023; }
.cnrise_list02 li:nth-child(2) { border: 3px solid #00a378; }
.cnrise_list02 li:nth-child(3) { border: 3px solid #006679; }
.cnrise_list02 li:nth-child(4) { border: 3px solid #003e4a; }

.cnrise_list03 { display: flex; flex-wrap: wrap; justify-content: space-around; border-top: 2px solid #006679; }
.cnrise_list03 > li { width: 25%; padding-bottom: 30px; border-left: 1px solid #d2dddf; border-bottom: 1px solid #d2dddf; }
.cnrise_list03 > li:first-child { border-left: none; }
.cnrise_list03 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; padding: 0 10px; background: #ecf2f3; border-bottom: 1px solid #d2dddf; color: #003e4a; font-size: 1.15em; font-weight: 700; }
.cnrise_list03 li ul { padding: 0 30px 0 50px; }
.cnrise_list03 li ul li { list-style: decimal; width: 100%; margin-bottom: 13px; padding: 0 0 0 5px; border: none; word-break: keep-all; }
.cnrise_list03 li ul li:last-child { margin-bottom: 0px; }
.cnrise_list03 li ul li::marker { font-size: 15px; }

.cnrise_list04 { display: flex; flex-wrap: wrap; justify-content: space-around; }
.cnrise_list04 > li { width: 24%; padding: 10px; padding-bottom: 30px; background: #fff; border-radius: 5px; border: 1px solid #d2dddf; }
.cnrise_list04 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; padding: 0 10px; background: #003e4a; border-radius: 5px; color: #fff; font-size: 1.1em; font-weight: 700; }
.cnrise_list04 li ul { padding: 0 30px 0 50px; }
.cnrise_list04 li ul li { list-style: decimal; width: 100%; margin-bottom: 13px; padding: 0 0 0 5px; border: none; word-break: keep-all; }
.cnrise_list04 li ul li:last-child { margin-bottom: 0px; }
.cnrise_list04 li ul li::marker { font-size: 15px; }

.cnrise_inr03 h5 { position: relative; margin-bottom: 30px; padding-left: 35px; color: #00a378; font-size: 28px; }
.cnrise_inr03 h5:after { content:''; position: absolute; left: 0px; top: 15px; width: 20px; height: 4px; background: #00a378; border-radius: 5px; }
.cnrise_inr03 h6 { position: relative; margin-bottom: 30px; padding-left: 35px; color: #003e4a; font-size: 24px; }

.cnrise_list05 { margin-bottom: 30px; padding-left: 35px; }
.cnrise_list05 li { list-style: decimal; margin-left: 20px; margin-bottom: 30px; padding-left: 5px; color: #3b4549; font-size: 1.15em; font-weight: 700; }
.cnrise_list05 li:last-child { margin-bottom: 0px; }
.cnrise_list05 li::marker { font-size: 16px; font-weight: 400; }
.cnrise_list05 li p { margin-top: 15px; color: #555; font-size: 0.9em; font-weight: 400; }

.bizbox { position: relative; margin-left: 35px; padding: 30px 50px; background: #f2f5f6; border-radius: 10px; }
.bizbox strong { display: block; width: 100%; margin-bottom: 20px; color: #003e4a; font-size: 24px; }
.bizbox p { display: inline-flex; flex-wrap: wrap; gap: 10px; }
.bizbox p .biz_icon { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 40px; padding: 0 30px; border-radius: 5px; font-weight: 500; }
.bizbox p .biz_icon01 { background: linear-gradient(311.21deg, #00181c 20.9%, #003e4a 59.57%); color: #fff; }
.bizbox p .biz_icon02 { background: linear-gradient(311.21deg, #890000 20.9%, #d50000 59.57%); color: #fff; }
.bizbox p .biz_icon03 { background: linear-gradient(311.21deg, #b99100 20.9%, #ffc800 59.57%); }
.bizbox p .biz_icon04 { background: linear-gradient(311.21deg, #b5b5b5 20.9%, #ddd 59.57%); }
.bizbox p .biz_icon05 { background: linear-gradient(311.21deg, #00694d 20.9%, #00a378 59.57%); color: #fff; }

.hsrise_stitle { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; gap: 30px; margin-bottom: 50px; }
.hsrise_stitle span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 80%; height: 60px; padding: 0 20px; border-radius: 500px; color: #fff; font-size: 1.3em; font-weight: 600; }
.hsrise_stitle span.hsrise_stitle_inr01 { background: #263033; }
.hsrise_stitle span.hsrise_stitle_inr02 { background: #006679; }

.hsrise_list01 { display: flex; flex-wrap: wrap; justify-content: space-around; }
.hsrise_list01 > li { width: 25%; padding-bottom: 30px; border-left: 1px solid #d2dddf; border-bottom: 1px solid #d2dddf; }
.hsrise_list01 > li:first-child { border-left: none; }
.hsrise_list01 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; padding: 0 10px; background: #003e4a; border-bottom: 1px solid #d2dddf; border-radius: 5px; color: #fff; font-weight: 700; }
.hsrise_list01 li h6 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; padding: 0 10px; background: #ecf2f3; border-bottom: 1px solid #d2dddf; color: #003e4a; font-weight: 700; }
.hsrise_list01 li ul { padding: 0 30px 0 50px; }
.hsrise_list01 li ul li { list-style: decimal; width: 100%; margin-bottom: 13px; padding: 0 0 0 5px; border: none; line-height: 1.4; word-break: keep-all; }
.hsrise_list01 li ul li:last-child { margin-bottom: 0px; }
.hsrise_list01 li ul li::marker { font-size: 15px; }

.hsrise_list02 { display: flex; flex-wrap: wrap; justify-content: space-around; border-top: 2px solid #006679; }
.hsrise_list02 > li { flex:1; padding-bottom: 30px; border-left: 1px solid #d2dddf; border-bottom: 1px solid #d2dddf; }
.hsrise_list02 > li:first-child { border-left: none; }
.hsrise_list02 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; padding: 0 10px; background: #ecf2f3; border-bottom: 1px solid #d2dddf; color: #003e4a; font-size: 1.15em; font-weight: 700; }
.hsrise_list02 li p { margin-bottom: 30px; padding: 0 20px; color: #555; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.hsrise_list02 li dl { padding: 0 20px; }
.hsrise_list02 li dl dt { margin-bottom: 15px; color: #003e4a; font-size: 1.1em; font-weight: 700; }
.hsrise_list02 li dl dd { position: relative; margin-bottom: 10px; padding-left: 20px; }
.hsrise_list02 li dl dd:last-child { margin-bottom: 0px; }
.hsrise_list02 li dl dd:after { content:''; position: absolute; left: 0px; top: 7px; width: 7px; height: 7px; border: 2px solid #5a737c; border-radius: 500px; }

.hsrise_diagram01 { position: relative; margin-bottom: 80px; }
.hsrise_diagram01 h6 { position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 300px; height: 300px; padding: 20px; border-radius: 500px; background: linear-gradient(311.21deg, #006679 20.9%, #00a378 59.57%); color: #fff; font-size: 1.3em; font-weight: 700; line-height: 1.5; word-break: keep-all; }
.hsrise_diagram01 h6 .logo { margin-bottom: 10px; }
.hsrise_diagram01 h6 .logo img { width: 150px; }
.hsrise_diagram01_inr { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; }
.hsrise_diagram01_inr li { width: calc(50% - 15px); padding: 30px 180px 30px 50px; border: 1px solid #b6c2c6; border-radius: 10px; }
.hsrise_diagram01_inr li:nth-child(2n+2) { padding: 30px 50px 30px 180px; }
.hsrise_diagram01_inr li h5 { margin-bottom: 20px; color: #003e4a; font-size: 25px; }
.hsrise_diagram01_inr li dl {}
.hsrise_diagram01_inr li dl dd { position: relative; margin-bottom: 10px; padding-left: 25px; color: #555; font-weight: 500; line-height: 1.4; word-break: keep-all; }
.hsrise_diagram01_inr li dl dd:last-child { margin-bottom: 0px; }
.hsrise_diagram01_inr li dl dd:after { content:''; position: absolute; left: 0px; top: 8px; width: 8px; height: 8px; border: 2px solid #aaa; border-radius: 500px; }

.tabs { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 50px; }
.tabs li { overflow: hidden; position: relative; flex:1; }
.tabs li a { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; height: 60px; padding: 0 20px; background: #91a4ab; border-radius: 3px; color: #fff; font-size: 1.1em; font-weight: 500; letter-spacing: -0.03em; }
.tabs li a:hover, .tabs li.active a  { background: #006679; }

/*Tab Conent CSS*/
.tab_container { overflow: hidden; clear: both; width: 100%; }
.tab_content { }

.hsrise_diagram02 { margin-bottom: 80px; }
.hsrise_diagram02_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hsrise_diagram02_list li { position: relative; display: flex; flex-wrap: wrap; align-content: center; gap: 10px; width: 30%; padding: 70px 10px 10px 10px; background: #fff; border: 1px solid #d2dddf; border-radius: 10px; }
.hsrise_diagram02_list li:after { content: "\e905"; position: absolute; left: calc(50% - 20px); bottom: -60px; color: #bdcbcf; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list li h5 { position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; border-radius: 5px 5px 0 0; color: #fff; font-size: 1.15em; font-weight: 700; }
.hsrise_diagram02_list li:nth-child(1) h5 { background: #b1d023; }
.hsrise_diagram02_list li:nth-child(2) h5 { background: #00a378; }
.hsrise_diagram02_list li:nth-child(3) h5 { background: #006679; }
.hsrise_diagram02_list li dl { position: relative; width: 100%; padding: 10px 10px 20px 10px; background: #e8eef3; border-radius: 5px; }
.hsrise_diagram02_list li:nth-child(1) dl:after { content: "\e90b"; position: absolute; top: 13px; right: -18.5%; color: #5a737c; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list li:nth-child(3) dl:after { content: "\e90e"; position: absolute; top: 13px; left: -18.5%; color: #5a737c; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list li dl dt { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; text-align: left; width: 100%; height: 50px; margin-bottom: 20px; padding: 0 10px 0 60px; background: #5a737c; border-radius: 5px; color: #fff; font-weight: 500; word-break: keep-all; }
.hsrise_diagram02_list li dl dt .num { position: absolute; top: 10px; left: 10px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 30px; border-radius: 5px; font-size: 0.9em; }
.hsrise_diagram02_list li:nth-child(1) dl dt .num { background: #b1d023; }
.hsrise_diagram02_list li:nth-child(2) dl dt .num { background: #00a378; }
.hsrise_diagram02_list li:nth-child(3) dl dt .num { background: #006679; }
.hsrise_diagram02_list li dl dd { position: relative; width: 90%; margin: 0 auto; margin-bottom: 10px; padding-left: 20px; font-size: 0.9em; line-height: 1.4; word-break: keep-all; }
.hsrise_diagram02_list li dl dd:last-child { margin-bottom: 0px; }
.hsrise_diagram02_list li dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 7px; height: 7px; border: 2px solid #5a737c; border-radius: 500px; }

.hsrise_diagram02_list02 { display: flex; flex-wrap: wrap; }
.hsrise_diagram02_list02 li { position: relative; z-index:3; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; width: 30%; margin-left: -2%; padding: 30px 50px; background: rgba(255, 255, 255, 0.7); border: 2px solid #003e4a; border-radius: 500px; }
.hsrise_diagram02_list02 li:first-child { margin-left: 0%; }
.hsrise_diagram02_list02 li:nth-child(2) { z-index:1; width: 44%; background: #006679; border: 2px solid #006679; color:#fff; }
.hsrise_diagram02_list02 li:nth-child(1) dl:after { content: "\e90b"; position: absolute; top: calc(50% - 5px); right: -25px; color: #ff8800; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list02 li:nth-child(3) dl:after { content: "\e908"; position: absolute; top: calc(50% - 5px); left: -25px; color: #ff8800; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list02 li:nth-child(1) dl:before { content: "\e90b"; position: absolute; top: calc(50% - 35px); right: -25px; color: #ff8800; font-family: 'xeicon'; font-size: 40px; }
.hsrise_diagram02_list02 li:nth-child(3) dl:before { content: "\e908"; position: absolute; top: calc(50% - 35px); left: -25px; color: #ff8800; font-family: 'xeicon'; font-size: 40px; }

.hsrise_diagram02_list02 li h5 { text-align: center; width: 100%; margin-bottom: 15px; font-size: 1.2em; font-weight: 700; }
.hsrise_diagram02_list02 li .list { }
.hsrise_diagram02_list02 li .list dd { position: relative; margin-bottom: 10px; padding-left: 20px; }
.hsrise_diagram02_list02 li .list dd:last-child { margin-bottom: 0px; }
.hsrise_diagram02_list02 li .list dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 7px; height: 7px; border: 2px solid #5a737c; border-radius: 500px; }
.hsrise_diagram02_list02 li .unit_list { display: flex; flex-wrap: wrap; gap: 10px; }
.hsrise_diagram02_list02 li .unit_list dd { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; width: 80px; height: 80px; background: #003e4a; border-radius: 500px; color: #fff; font-weight: 700; }

.hsrise_diagram03 { text-align: center; background: #00a378; padding: 20px; margin-bottom: 80px; border-radius: 10px; }
.hsrise_diagram03_title { display: flex; justify-content: center; align-items: center; gap: 10px; text-align: center; width: 100%; height: 50px; margin-bottom: 20px; background: #003e4a; border-radius: 5px; color: #fff; font-size: 1.15em; font-weight: 600; }
.hsrise_diagram03_title span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 35px; padding: 0 10px; background: #fff; border-radius: 5px; color: #003e4a; font-size: 0.9em; }

.hsrise_diagram03_list { display: flex; flex-wrap: wrap; justify-content: center; }
.hsrise_diagram03_list li { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; width: 19%; margin-left: 1.25%; padding: 30px 20px; }
.hsrise_diagram03_list li:nth-child(5n+1) { margin-left: 0%; }
.hsrise_diagram03_list li:nth-child(odd) { background: #fff; border-radius: 5px; }
.hsrise_diagram03_list li:nth-child(even) { color: #fff; }
.hsrise_diagram03_list li h6 { font-family: 'PuradakGentleGothic'; font-size: 58px; font-weight: normal; }
.hsrise_diagram03_list li h5 { margin-bottom: 10px; font-size: 24px; }
.hsrise_diagram03_list li p { line-height: 1.4; }

.hsrise_list03 { display: flex; flex-wrap: wrap; }
.hsrise_list03 li { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 80px; }
.hsrise_list03 li:last-child { margin-bottom: 0px; }
.hsrise_list03 li .imgbox { width: 480px; }
.hsrise_list03 li .imgbox img { border-radius: 10px; }
.hsrise_list03 li .textbox { width: calc(100% - 480px); padding-left: 80px; }
.hsrise_list03 li .textbox h5 { font-size: 32px; margin-bottom: 30px; }
.hsrise_list03 li .textbox dl {}
.hsrise_list03 li .textbox dl dd { position: relative; margin-bottom: 10px; padding-left: 20px; line-height: 1.4; word-break: keep-all; }
.hsrise_list03 li .textbox dl dd:last-child { margin-bottom: 0px; }
.hsrise_list03 li .textbox dl dd:after { content:''; position: absolute; left: 0px; top: 8px; width: 7px; height: 7px; border: 2px solid #5a737c; border-radius: 500px; }

.hsrise_list04 { display: flex; flex-wrap: wrap; justify-content: space-around; }
.hsrise_list04 > li { width: 24%; padding-bottom: 30px; background: #fff; border-radius: 5px; border: 1px solid #d2dddf; }
.hsrise_list04 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 30px; padding: 0 10px; background: #003e4a; border-radius: 5px 5px 0px 0px; color: #fff; font-size: 1.1em; font-weight: 700; }
.hsrise_list04 li:nth-child(1) h5 { background: #b1d023; }
.hsrise_list04 li:nth-child(2) h5 { background: #00a378; }
.hsrise_list04 li:nth-child(3) h5 { background: #006679; }
.hsrise_list04 li:nth-child(4) h5 { background: #003e4a; }
.hsrise_list04 li ul { padding: 0 30px 0 30px; }
.hsrise_list04 li ul li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 0.95em; line-height: 1.4; word-break: keep-all; }
.hsrise_list04 li ul li:last-child { margin-bottom: 0px; }
.hsrise_list04 li ul li:after { content:''; position: absolute; left: 0px; top: 8px; width: 7px; height: 7px; border: 2px solid #5a737c; border-radius: 500px; }

.business_maintitle { margin-bottom: 80px; }
.hsrise .business_maintitle { margin-bottom: 0px; }
.business_maintitle .imgbox { position: relative; width: 100%; height: 550px; background: #eee; }
.business_maintitle .business0301_titleimg { background: url('../image/sub/business0301_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .business0401_titleimg { background: url('../image/sub/business0401_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .business0402_titleimg { background: url('../image/sub/business0402_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .business0403_titleimg { background: url('../image/sub/business0403_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .business0404_titleimg { background: url('../image/sub/business0404_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .business0501_titleimg { background: url('../image/sub/business0501_img01.jpg') top center no-repeat; background-size: cover; }
.business_maintitle .hsrise_titleimg { background: url('../image/sub/hsrise_img01.jpg') top center no-repeat; background-size: cover; }

.business_maintitle .textbox { position: relative; padding: 0 50px; padding-top: 100px; }
.business_maintitle .textbox p { margin-bottom: 50px; color: #444; font-size: 1.1em; line-height: 1.7; word-break: keep-all; }
.business_maintitle .textbox p strong { position: absolute; top: -70px; left: 50px; text-align: left; width: auto; margin: 0px; padding: 40px 50px; background: linear-gradient(311.21deg, #003e4a 20.9%, #006679 59.57%); border-radius: 10px 0; color: #fff; font-size: 32px; font-weight: 600; line-height: 1; box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23); }

.text_list01 li { position: relative; margin-bottom: 20px; padding-left: 25px; font-size: 1.1em; font-weight: 600; }
.text_list01 li:last-child { margin-bottom: 0px; }
.text_list01 li:after { content:''; position: absolute; left: 0px; top: 7px; width: 11px; height: 11px; border: 3px solid #006679; border-radius: 500px; }

.sub_table01 { border-top: 2px solid #006679; line-height: 1.5; }
.sub_table01 th, .sub_table01 td { text-align: center; padding: 20px 20px; border-bottom: 1px solid #d2dddf; border-left: 1px solid #d2dddf; }
.sub_table01 thead th { background: #ecf2f3; color: #003e4a; font-weight: 800; }
.sub_table01 tbody th { font-weight: 600; }
.sub_table01 .noline { border-left: none; }
.sub_table01 .align_l { text-align: left; }

.business0101_diagram01 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.business0101_diagram01 ul li { width: 25%; margin-left: -20px; }
.business0101_diagram01 ul li:first-child { margin-left: 0px; }
.business0101_diagram01 ul li .unit { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 120px; margin-bottom: 60px; padding: 0 30px; border-radius: 500px; color: #fff; }
.business0101_diagram01 ul li .unit01 { background: #b1d023; }
.business0101_diagram01 ul li .unit02 { background: #00a378; }
.business0101_diagram01 ul li .unit03 { background: #006679; }
.business0101_diagram01 ul li .unit04 { background: #003e4a; }
.business0101_diagram01 ul li .unit:after { content:''; position: absolute; left: 50%; bottom: -35px; width:1px; height: 35px; }
.business0101_diagram01 ul li .unit01:after { background: #b1d023; }
.business0101_diagram01 ul li .unit02:after { background: #00a378; }
.business0101_diagram01 ul li .unit03:after { background: #006679; }
.business0101_diagram01 ul li .unit04:after { background: #003e4a; }
.business0101_diagram01 ul li .unit:before { content:''; position: absolute; left: calc(50% - 3px); bottom: -42px; width:7px; height: 7px; border-radius: 50px; }
.business0101_diagram01 ul li .unit01:before { border: 1px solid #b1d023; }
.business0101_diagram01 ul li .unit02:before { border: 1px solid #00a378; }
.business0101_diagram01 ul li .unit03:before { border: 1px solid #006679; }
.business0101_diagram01 ul li .unit04:before { border: 1px solid #003e4a; }
.business0101_diagram01 ul li .unit .num { display: block; width: 100%; margin-bottom: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.business0101_diagram01 ul li .unit .title { display: block; width: 100%; font-size: 24px; font-weight: 800; word-break: keep-all; }
.business0101_diagram01 ul li .text { text-align: center; padding: 0 30px; color: #555; font-weight: 600; line-height: 1.5; }
.business0101_diagram01 ul li .text dl dd { position: relative; text-align: left; margin-bottom: 5px; padding-left: 20px; color: #555; font-size: 0.95em; font-weight: 500; word-break: keep-all; }
.business0101_diagram01 ul li .text dl dd:last-child { margin-bottom: 0px; }
.business0101_diagram01 ul li .text dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #00a378; border-radius: 500px; }

.business0101_title { text-align: center; margin-bottom: 80px; }
.business0101_title .title { margin-bottom: 50px; font-size: 40px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; }
.business0101_title .title span { color: #006679; }
.business0101_title p { color: #555; font-size: 20px; font-weight: 500; line-height: 1.5; }

.business0101_diagram02 { margin-bottom: 80px; }
.business0101_diagram02 ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.business0101_diagram02 ul li { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 170px; height: 188px; }
.business0101_diagram02 ul li:nth-child(even) { margin-top: 50px; }
.business0101_diagram02 ul li.hexagon_bg01 { background: url('../image/sub/hexagon_bg01.png') center center no-repeat; background-size: cover; }
.business0101_diagram02 ul li.hexagon_bg02 { background: url('../image/sub/hexagon_bg02.png') center center no-repeat; background-size: cover; }
.business0101_diagram02 ul li.hexagon_bg03 { background: url('../image/sub/hexagon_bg03.png') center center no-repeat; background-size: cover; }
.business0101_diagram02 ul li.hexagon_bg04 { background: url('../image/sub/hexagon_bg04.png') center center no-repeat; background-size: cover; }
.business0101_diagram02 ul li.hexagon_bg .icon { margin-bottom: 10px; }
.business0101_diagram02 ul li.hexagon_bg .title { text-align: center; width: 100%; color: #fff; font-size: 1.05em; font-weight: 600; letter-spacing: -0.03em; }

.business0101_textlist01 li { margin-bottom: 10px; }
.business0101_textlist01 li:last-child { margin-bottom: 0px; }
.business0101_textlist01 li dl { display: flex; flex-wrap: wrap; gap: 10px; }
.business0101_textlist01 li dl dt, .business0101_textlist01 li dl dd { display: flex; flex-wrap: wrap; align-items: center; min-height: 120px; border-radius: 10px; }
.business0101_textlist01 li dl dt { justify-content: center; text-align: center; width: 360px; background: #dee7ec; font-size: 24px; font-weight: 600; letter-spacing: -0.03em; }
.business0101_textlist01 li dl dd { width: calc(100% - 370px); padding: 30px; background: #fff; line-height: 1.5; word-break: keep-all; }

.business0102_maintext { position: relative; text-align: justify; margin-bottom: 80px; padding: 50px; background: #f2f5f6; border-radius: 10px; color: #333; font-size: 1.1em; font-weight: 400; line-height: 1.5; word-break: keep-all; }
.business0102_maintext02 { background: #fff; }
.business0102_maintext03 { padding: 0; background: #fff; }
.business0102_maintext strong { color: #006679; font-weight: 600; }

.board_wrap .business0102_maintext { text-align: center; margin-bottom: 50px; }

.business0102_diagram01 { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 50px; }
.business0102_diagram01 li { position: relative; width: 280px; background: #eee; border-radius: 500px; }
.business0102_diagram01 li:nth-child(1) { background: #f7fae9; }
.business0102_diagram01 li:nth-child(2) { background: #e5f6f1; }
.business0102_diagram01 li:nth-child(3) { background: #e5eff1; }
.business0102_diagram01 li:nth-child(4) { background: #e4ebec; }
.business0102_diagram01 li:after { content: ""; display: block; padding-bottom: 100%; }
.business0102_diagram01 li .inner { position: absolute; top: 5%; left: 5%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 90%; height: 90%; padding: 30px; background: #fff; border-radius: 500px; }
.business0102_diagram01 li .inner01 { background: #b1d023; }
.business0102_diagram01 li .inner02 { background: #00a378; }
.business0102_diagram01 li .inner03 { background: #006679; }
.business0102_diagram01 li .inner04 { background: #003e4a; }
.business0102_diagram01 li .inner .num { position: absolute; z-index: 1; bottom: 0px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding-bottom: 25%; color: #fff; font-size: 82px; font-weight: 700; line-height: 1; letter-spacing: -0.03em; opacity: 0.2; }
.business0102_diagram01 li .inner .icon { position: relative; margin-bottom: 15px; }
.business0102_diagram01 li .inner .title { position: relative; z-index: 9; display: block; margin-top: 0px; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; }
.business0102_diagram01 li .inner .title span { display: block; margin-top: 10px; font-size: 0.8em; font-weight: 500; }

.business0102_inr01 .business0102_diagram01 li .inner .title { margin-top: 45px; }

.business0102_diagram02 { display: flex; flex-wrap: wrap; justify-content: center; gap: 80px 3.75%; }
.business0102_diagram02 li { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 17%; padding: 50px 15px 30px; background: #fff; border-radius: 15px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05); }
.business0102_diagram02 li:after { content: "\e907"; position: absolute; top: calc(50% - 13px); right: -40px; color: #a8b0b3; font-family: 'xeicon'; font-size: 26px; }
.business0102_diagram02 li:nth-child(5n+5):after { display: none; }
.business0102_diagram02 li .inner .num { position: absolute; top: -25px; left: calc(50% - 25px); display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; background: #00a378; border-radius: 50px; color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05); }
.business0102_diagram02 li:nth-child(even) .inner .num { background: #006679; }
.business0102_diagram02 li .inner .title { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; font-size: 1.1em; font-weight: 700; }
.business0102_diagram02 li .inner dl { margin-top: 20px; }
.business0102_diagram02 li .inner dl dd { position: relative; text-align: left; margin-bottom: 5px; padding-left: 20px; color: #555; font-size: 16px; font-weight: 500; }
.business0102_diagram02 li .inner dl dd:last-child { margin-bottom: 0px; }
.business0102_diagram02 li .inner dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #00a378; border-radius: 500px; }

.business0103_diagram01 { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; }
.business0103_diagram01 li { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; flex:1; padding: 50px 15px 30px; background: #fff; border-radius: 15px; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05); }
.business0103_diagram01 li:after { content: "\e907"; position: absolute; top: calc(50% - 13px); right: -35px; color: #a8b0b3; font-family: 'xeicon'; font-size: 26px; }
.business0103_diagram01 li:last-child:after { display: none; }
.business0103_diagram01 li .inner .num { position: absolute; top: -25px; left: calc(50% - 25px); display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; background: #00a378; border-radius: 50px; color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05); }
.business0103_diagram01 li:nth-child(even) .inner .num { background: #006679; }
.business0103_diagram01 li .inner .title { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: center; font-size: 1.1em; font-weight: 700; }
.business0103_diagram01 li .inner dl { margin-top: 20px; }
.business0103_diagram01 li .inner dl dd { position: relative; text-align: center; margin-bottom: 5px; color: #555; font-size: 16px; font-weight: 500; word-break: keep-all; }
.business0103_diagram01 li .inner dl dd:last-child { margin-bottom: 0px; }

.business0104_inr01 .business0102_diagram01 li:nth-child(1):before { content: "\e913"; position: absolute; top: calc(50% - 13px); right: -40px; color: #a8b0b3; font-family: 'xeicon'; font-size: 26px; }
.business0104_inr01 .business0102_diagram01 li:nth-child(2):before { content: "\e960"; position: absolute; top: calc(50% - 13px); right: -40px; color: #a8b0b3; font-family: 'xeicon'; font-size: 30px; }

.business0104_diagram01_list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px; }
.business0104_diagram01_list li { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; width: 30%; }
.business0104_diagram01_list li:after { content: "\e907"; position: absolute; top: calc(50% - 13px); right: -50px; color: #a8b0b3; font-family: 'xeicon'; font-size: 26px; }
.business0104_diagram01_list li:last-child:after { display: none; }
.business0104_diagram01_list li .title { position: absolute; top: -25px; left: 10%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; text-align: center; width: 80%; height: 60px; border-radius: 5px; background: #aaa; color: #fff; font-size: 1.1em; font-weight: 800; line-height: 1.2; }
.business0104_diagram01_list li .title i { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 25px; height: 25px; background: #fff; border-radius: 500px; color: #222; font-style: normal; }
.business0104_diagram01_list li.business0104_diagram01_inr01 .title { background: #b1d023; }
.business0104_diagram01_list li.business0104_diagram01_inr02 .title { background: #00a378; }
.business0104_diagram01_list li.business0104_diagram01_inr03 .title { background: #006679; }
.business0104_diagram01_list li.business0104_diagram01_inr01 .title i { color: #b1d023; }
.business0104_diagram01_list li.business0104_diagram01_inr02 .title i { color: #00a378; }
.business0104_diagram01_list li.business0104_diagram01_inr03 .title i { color: #006679; }
.business0104_diagram01_list li dl { width: 100%; padding: 50px 30px 30px; border: 3px solid; border-radius: 10px; background: #fff; }
.business0104_diagram01_list li.business0104_diagram01_inr01 dl { border-color: #b1d023; }
.business0104_diagram01_list li.business0104_diagram01_inr02 dl { border-color: #00a378; }
.business0104_diagram01_list li.business0104_diagram01_inr03 dl { border-color: #006679; }
.business0104_diagram01_list li dl dd { position: relative; margin-bottom: 10px; padding-left: 20px;  }
.business0104_diagram01_list li dl dd:last-child { margin-bottom: 0px; }
.business0104_diagram01_list li dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0104_diagram_title { position: relative; margin-bottom: 50px;  }
.business0104_diagram_title .title01 { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 60px; padding: 0 30px; background: #006679; border-radius: 10px; color: #fff; font-size: 28px; font-weight: 600; }
.business0104_diagram_title .title02 { position: absolute; right: 0; bottom: 0; color: #5a737c; font-size: 20px; font-weight: 500; }

.business0104_diagram02 .list01 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 110px; margin-bottom: 80px; }
.business0104_diagram02 .list01 li { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; width: 30%; }
.business0104_diagram02 .list01 li:after { content: "\e907"; position: absolute; top: calc(50% - 13px); right: -50px; color: #a8b0b3; font-family: 'xeicon'; font-size: 26px; }
.business0104_diagram02 .list01 li:last-child:after { display: none; }
.business0104_diagram02 .list01 li .title { position: absolute; top: -57px; left: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; text-align: center; width: 100%; height: 60px; border: 3px solid; border-radius: 20px 20px 0px 0px; background: #fff; color: #222; font-size: 1.1em; font-weight: 800; line-height: 1.2; }
.business0104_diagram02 .list01 li .title01 { border-color: #b1d023; }
.business0104_diagram02 .list01 li .title02 { border-color: #00a378; }
.business0104_diagram02 .list01 li .title03 { border-color: #006679; }
.business0104_diagram02 .list01 li .inner { width: 100%; padding: 30px; border-radius: 0 0 10px 10px; }
.business0104_diagram02 .list01 li .inner01 { background: #b1d023; }
.business0104_diagram02 .list01 li .inner02 { background: #00a378; }
.business0104_diagram02 .list01 li .inner03 { background: #006679; }
.business0104_diagram02 .list01 li .inner h6 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 20px; padding: 0 10px; background: rgba(0, 0, 0, 0.2); border-radius: 5px; color: #fff; }
.business0104_diagram02 .list01 li dl dd { position: relative; margin-bottom: 10px; padding-left: 20px; color: #fff; }
.business0104_diagram02 .list01 li dl dd:last-child { margin-bottom: 0px; }
.business0104_diagram02 .list01 li dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 500px; }

.business0104_diagram02 .list02 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.business0104_diagram02 .list02:after { content:''; position: absolute; left: 0; top: -180px; z-index: -1; width: 100%; height: 200px; background: url('../image/sub/business0104_diagram02_bg01.png') bottom center no-repeat; background-size: contain; }
.business0104_diagram02 .list02 li { width: 24%; padding: 30px; background: #fff; border: 3px solid #b6c2c6; border-radius: 10px; }
.business0104_diagram02 .list02 li h6 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 50px; margin-bottom: 20px; background: #5a737c; border-radius: 5px; color: #fff; font-size: 1.15em; }
.business0104_diagram02 .list02 li dl dt, .business0104_diagram02 .list02 li dl dd { padding-left: 20px; }
.business0104_diagram02 .list02 li dl dt { position: relative; margin-bottom: 10px; color: #263033; font-size: 1.1em; font-weight: 700; }
.business0104_diagram02 .list02 li dl dt:after { content:''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }
.business0104_diagram02 .list02 li dl dd { text-align: justify; color: #555; font-size: 0.95em; line-height: 1.5; }

.business0107_diagram01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.business0107_diagram01 .inner { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; width: 49%; }
.business0107_diagram01 .inner h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 60px; margin-bottom: 20px; background: #006679; border-radius: 5px; color: #fff; font-size: 1.15em; }
.business0107_diagram01 .inner ul { width: 100%; min-height: 280px; padding: 30px; background: #fff; border-radius: 5px; }
.business0107_diagram01 .inner:last-child ul { width: 49%; }
.business0107_diagram01 .inner ul li { position: relative; margin-bottom: 10px; padding-left: 30px; font-size: 1.1em; font-weight: 600; }
.business0107_diagram01 .inner ul li:last-child { margin-bottom: 0px; }
.business0107_diagram01 .inner ul li:after { content: "\e928"; position: absolute; left: 0px; top: 2px; color: #006679; font-family: 'xeicon' !important; }
.business0107_diagram01 .inner ul li dl { margin-top: 15px; }
.business0107_diagram01 .inner ul li dl dd { position: relative; margin-bottom: 10px; padding-left: 15px; font-size: 17px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.business0107_diagram01 .inner ul li dl dd:last-child { margin-bottom: 0px; }
.business0107_diagram01 .inner ul li dl dd:after { content:''; position: absolute; left: 0px; top: 7px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0201_diagram01 { position: relative; display: flex; flex-wrap: wrap; gap: 30px 2%; }
.business0201_diagram01 li { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 49%; background: #ecf2f3; border-radius: 500px; }
.business0201_diagram01 li h5 { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 150px; height: 150px; background: #ddd; border-radius: 500px; color: #fff; font-size: 36px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.business0201_diagram01 li:nth-child(1) h5 { background: #b1d023; }
.business0201_diagram01 li:nth-child(2) h5 { background: #00a378; }
.business0201_diagram01 li:nth-child(3) h5 { background: #006679; }
.business0201_diagram01 li:nth-child(4) h5 { background: #003e4a; }
.business0201_diagram01 li:nth-child(5) h5 { background: #00a378; }
.business0201_diagram01 li:nth-child(6) h5 { background: #006679; }
.business0201_diagram01 li h5 i { display: block; text-align: center; width: 100%; font-style: normal; font-weight: normal; font-size: 16px; opacity: 0.6; }
.business0201_diagram01 li dl { width: calc(100% - 150px); padding: 0 30px; }
.business0201_diagram01 li dl dd { position: relative; margin-bottom: 10px; padding-left: 15px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.business0201_diagram01 li dl dd:last-child { margin-bottom: 0px; }
.business0201_diagram01 li dl dd:after { content:''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0201_diagram02 { position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
.business0201_diagram02 li { position: relative; display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 18%; margin-left: 1%; border: 2px dashed #00a378; border-radius: 500px; }
.business0201_diagram02 li:first-child { margin-left: 0%; }
.business0201_diagram02 li:last-child { margin-left: 10%; }
.business0201_diagram02 li.point { background: #006679; border: none; }
.business0201_diagram02 li:after { content: ""; display: block; padding-bottom: 100%; }
.business0201_diagram02 li.point:before { content: "\e913"; position: absolute; top: calc(50% - 20px); left: -35%; color: #a8b0b3; font-family: 'xeicon'; font-size: 40px; }
.business0201_diagram02 li h5 { text-align: center; color: #003e4a; font-size: 1.3em; }
.business0201_diagram02 li.point h5 { color: #fff; }
.business0201_diagram02 li h5 span { display: block; margin-bottom: 20px; }

.business0202_inr02 { text-align: center; }
.business0202_diagram01 { display: inline-flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 30px; background: #fff; border: 3px solid #006679; border-radius: 500px; }
.business0202_diagram01 li:nth-child(2) { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 600px); margin: 0 50px; }
.business0202_diagram01 li .icon { display: inline-flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 250px; height: 250px; background: #ddd; border-radius: 500px; }
.business0202_diagram01 li:nth-child(1) .icon { background: #00a378; }
.business0202_diagram01 li:nth-child(3) .icon { background: #006679; }
.business0202_diagram01 li .icon h5 { width: 100%; margin-top: 15px; color: #fff; font-size: 1.3em; font-weight: 700; }

.business0202_diagram01 li dl dd { position: relative; text-align: left; width: 100%; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.business0202_diagram01 li dl dd:last-child { margin-bottom: 0px; }
.business0202_diagram01 li dl dd:after { content:''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0202_list01 { display: flex; flex-wrap: wrap; padding: 50px; background: #fff; border-radius: 10px; }
.business0202_list01 li { position: relative; width: 25%; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.business0202_list01 li:last-child { margin-bottom: 0px; }
.business0202_list01 li:after { content:''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0203_diagram01 ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 0; }
.business0203_diagram01 ul li { position: relative; width: 25%; margin-left: -20px; }
.business0203_diagram01 ul li:first-child { margin-left: 0px; }
.business0203_diagram01 ul li:before { content: "\e907"; position: absolute; top: calc(50% - 13px); right: 0px; z-index: 9; color: #fff; font-family: 'xeicon'; font-size: 33px; }
.business0203_diagram01 ul li:nth-child(4):before, .business0203_diagram01 ul li:last-child:before { display: none; }
.business0203_diagram01 ul li .unit { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 140px; border-radius: 500px; color: #fff; }
.business0203_diagram01 ul li .unit01 { background: #b1d023; }
.business0203_diagram01 ul li .unit02 { background: #00a378; }
.business0203_diagram01 ul li .unit03 { background: #006679; }
.business0203_diagram01 ul li .unit04 { background: #003e4a; }
.business0203_diagram01 ul li .unit .num { display: block; width: 100%; margin-bottom: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.business0203_diagram01 ul li .unit .title { display: block; width: 100%; font-size: 24px; font-weight: 800; }
.business0203_diagram01 ul li .unit .title i { display: block; font-style: normal; font-size: 0.7em; font-weight: 500; }

.business0204_diagram01 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.business0204_diagram01 ul li { position: relative; width: 20%; margin-left: -1%; }
.business0204_diagram01 ul li:first-child { margin-left: 0px; }
.business0204_diagram01 ul li:before { content: "\e907"; position: absolute; top: calc(50% - 13px); right: 0px; z-index: 9; color: #fff; font-family: 'xeicon'; font-size: 33px; }
.business0204_diagram01 ul li:last-child:before { display: none; }
.business0204_diagram01 ul li .unit { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 140px; padding: 0 20px; border-radius: 500px; color: #fff; }
.business0204_diagram01 ul li .unit01 { background: #b1d023; }
.business0204_diagram01 ul li .unit02 { background: #00a378; }
.business0204_diagram01 ul li .unit03 { background: #006679; }
.business0204_diagram01 ul li .unit04 { background: #003e4a; }
.business0204_diagram01 ul li .unit05 { background: #00272f; }
.business0204_diagram01 ul li .unit .num { display: block; width: 100%; margin-bottom: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.business0204_diagram01 ul li .unit .title { display: block; width: 100%; font-size: 24px; font-weight: 800; }
.business0204_diagram01 ul li .unit .title i { display: block; font-style: normal; font-size: 0.7em; font-weight: 500; }

.business0204_diagram02 { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; }

.business0205_list01 li { position: relative; margin-bottom: 20px; padding-left: 120px; font-size: 1.1em; font-weight: 600; line-height: 1.5; }
.business0205_list01 li:last-child { margin-bottom: 0px; }
.business0205_list01 li .point_stitle { position: absolute; top: -5px; left: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 110px; height: 40px; padding: 0 30px; background: #ecf2f3; border-radius: 500px; color: #003e4a; font-size: 0.9em; font-weight: 600; letter-spacing: -0.03em; }

.business0206_diagram01 { display: flex; flex-wrap: wrap; }
.business0206_diagram01 li { width: 100%; margin-bottom: 20px; }
.business0206_diagram01 li:first-child { margin-bottom: 60px; }
.business0206_diagram01 li:last-child { margin-bottom: 0px; }
.business0206_diagram01_in { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 20px; }
.business0206_diagram01_in dd { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 20%; height: 80px; padding: 0 30px; border-radius: 500px; color: #fff; font-size: 1.2em; font-weight: 600; }
.business0206_diagram01_in dd:nth-child(1) { background: #00a378; }
.business0206_diagram01_in dd:nth-child(2) { background: #006679; }
.business0206_diagram01_in dd:nth-child(3) { background: #003e4a; }
.business0206_diagram01_in02 dd { background: #fff !important; color: #222; }
.business0206_diagram01_in02 dd:nth-child(1) { border: 3px solid #00a378; }
.business0206_diagram01_in02 dd:nth-child(2) { border: 3px solid #006679; }
.business0206_diagram01_in02 dd:nth-child(3) { border: 3px solid #003e4a; }
.business0206_diagram01_in03 dd { color: #222; }
.business0206_diagram01_in03 dd:nth-child(1) { background: #00a3782b; }
.business0206_diagram01_in03 dd:nth-child(2) { background: #0066792b; }
.business0206_diagram01_in03 dd:nth-child(3) { background: #003e4a2b; }
.business0206_diagram01_in01 dd:after { content:''; position: absolute; left:calc(50% - 6px); bottom: -60px; width: 12px; height: 50px; background: url('../image/sub/business0206_arrow01.png') center top no-repeat; opacity: 0.4; }
.business0206_diagram01_in dd span { display: block; margin-bottom: 5px; width: 100%; font-size: 16px; text-transform: uppercase; opacity: 0.5; }

.business0206_imgbox { position: relative; padding-bottom: 30px; }
.business0206_imgbox ul { position: absolute; bottom: 0px; right: 0px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 30px; }
.business0206_imgbox ul li { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.business0206_imgbox ul li .imglist { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.business0206_imgbox ul li h5 { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 80px; background: linear-gradient(0deg, #020e29 0%, #23285b 100%); color: #fff; font-size: 1.15em; font-weight: 600; }
.business0206_imgbox ul li h5:after, .business0206_imgbox ul li h5:before { content:''; position: absolute; left:2%; width: 96%; height: 1px; background: rgba(255, 255, 255, 0.3); }
.business0206_imgbox ul li h5:after { top: 9px; }
.business0206_imgbox ul li h5:before { bottom: 9px; }
.business0206_imgbox ul li h5 span { display: block; margin-top: 5px; font-size: 16px; font-weight: 400; }

.business0207_inr02 .business0101_diagram01 ul li .unit { height: 150px; }
.business0207_inr02 .business0101_diagram01 ul li .text { font-size: 1.2em; }

.business0301_diagram01 { display: flex; flex-wrap: wrap; gap: 2%; }
.business0301_diagram01 .inner { width: 32%; }
.business0301_diagram01 .inner h5 {  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 100%; height: 60px; margin-bottom: 50px; padding: 0 10px; background: #333; border-radius: 5px; color: #fff; font-size: 1.1em; font-weight: 700; }
.business0301_diagram01 .inner .inner_in { position: relative; text-align: center; background: #ecf2f3; border-radius: 5px; padding: 50px 10px 10px 10px; }
.business0301_diagram01 .inner .inner_in h6 { position: absolute; top: -25px; left: 5%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; width: 90%; height: 50px; margin-bottom: 30px; padding: 0 10px; background: #00a378; border-radius: 500px; color: #fff; font-size: 1.1em; font-weight: 700; }
.business0301_diagram01 .inner .inner_in p { margin-bottom: 30px; padding: 0 5%; font-size: 1.05em; font-weight: 500; word-break: keep-all; }
.business0301_diagram01 .inner .inner_in .img { text-align: center; padding: 30px; background: #fff; }

.business0302_diagram01 ul { display: flex; flex-wrap: wrap; justify-content: center; }
.business0302_diagram01 ul li { width: 20%; margin-left: -20px; }
.business0302_diagram01 ul li:first-child { margin-left: 0px; }
.business0302_diagram01 ul li .unit { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 180px; margin-bottom: 60px; padding: 20px 30px; border-radius: 500px; color: #fff; }
.business0302_diagram01 ul li .unit01 { background: #b1d023; }
.business0302_diagram01 ul li .unit02 { background: #00a378; }
.business0302_diagram01 ul li .unit03 { background: #006679; }
.business0302_diagram01 ul li .unit04 { background: #003e4a; }
.business0302_diagram01 ul li .unit05 { background: #00272f; }
.business0302_diagram01 ul li .unit:after { content:''; position: absolute; left: 50%; bottom: -35px; width:1px; height: 35px; }
.business0302_diagram01 ul li .unit01:after { background: #b1d023; }
.business0302_diagram01 ul li .unit02:after { background: #00a378; }
.business0302_diagram01 ul li .unit03:after { background: #006679; }
.business0302_diagram01 ul li .unit04:after { background: #003e4a; }
.business0302_diagram01 ul li .unit05:after { background: #00272f; }
.business0302_diagram01 ul li .unit:before { content:''; position: absolute; left: calc(50% - 3px); bottom: -42px; width:7px; height: 7px; border-radius: 50px; }
.business0302_diagram01 ul li .unit01:before { border: 1px solid #b1d023; }
.business0302_diagram01 ul li .unit02:before { border: 1px solid #00a378; }
.business0302_diagram01 ul li .unit03:before { border: 1px solid #006679; }
.business0302_diagram01 ul li .unit04:before { border: 1px solid #003e4a; }
.business0302_diagram01 ul li .unit05:before { border: 1px solid #00272f; }
.business0302_diagram01 ul li .unit span { display: block; width: 100%; }
.business0302_diagram01 ul li .unit .num { margin-bottom: 15px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.business0302_diagram01 ul li .unit .icon { margin-bottom: 15px; }
.business0302_diagram01 ul li .unit .icon img {  }
.business0302_diagram01 ul li .unit .title { font-size: 24px; font-weight: 800; word-break: keep-all; }
.business0302_diagram01 ul li .text { text-align: center; padding: 0 30px; color: #555; font-weight: 600; line-height: 1.5; }
.business0302_diagram01 ul li .text dl dd { position: relative; text-align: left; margin-bottom: 5px; padding-left: 20px; color: #555; font-size: 0.95em; font-weight: 500; word-break: keep-all; }
.business0302_diagram01 ul li .text dl dd:last-child { margin-bottom: 0px; }
.business0302_diagram01 ul li .text dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #00a378; border-radius: 500px; }

.business0303_list01 { display: flex; flex-wrap: wrap; gap: 50px 2%;}
.business0303_list01 > li { width: 32%; padding-bottom: 50px; border: 1px solid #d2dddf; }
.business0303_list01 > li div { text-align: center; margin-bottom: 30px; }
.business0303_list01 > li div .img { display: block; margin-bottom: 20px; padding: 30px; background: #f2f5f6; border-bottom: 1px solid #d2dddf; }
.business0303_list01 > li div .img img { height: 150px; }
.business0303_list01 > li div .tit { color: #555; }
.business0303_list01 > li div .tit strong { color: #333; font-size: 1.3em; }
.business0303_list01 > li h6 { margin-bottom: 20px; padding: 0 30px; }
.business0303_list01 > li ul { padding: 0 30px; }
.business0303_list01 > li ul li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 0.9em; }
.business0303_list01 > li ul li:last-child { margin-bottom: 0px; }
.business0303_list01 > li ul li:after { content:''; position: absolute; left: 0px; top: 7px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business03_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90px; height: 40px; padding: 0 15px; background: #fff; border: 1px solid #d2dddf; color: #003e4a; font-size: 14px; font-weight: 500; }
.business03_more:hover { text-decoration: underline; }

.snslist { display: flex; flex-wrap: wrap; align-content: center; align-items: center; gap: 20px; }
.snslist li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.snslist li .logo_icon { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 50px; padding: 0 20px; border: 1px solid #a8b0b3; border-radius: 5px; }
.snslist li .logo_icon img { height: 22px; }
.snslist li .sns_icon { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50px; background: #222; color: rgba(255, 255, 255, 1); font-size: 0.95em; font-weight: 400; letter-spacing: -0.3px; transition: 0.3s; }
.snslist li .facebook_icon { background: #3b5998; }
.snslist li .insta_icon { background: linear-gradient(0deg, #f9ce34, #ee2a7b, #6228d7); background-size: cover; }
.snslist li .sns_icon i { font-size: 24px; }

/* 전체 컨테이너 */
.map_page {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* 지도 영역 */
.map_img_new {
    width: 600px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	padding: 30px 0;
	background: #f2f5f6;    
    border-radius: 10px;
}

.map_img_new img { display: block; max-width: 100%; height: auto; width: auto; }

/* 오른쪽 내용 영역 */
.map_con {
    flex: 1;
    min-width: 280px;
    padding-left: 40px;
}

/* 탭 */
.business0306_tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    margin: 20px 0;
}

.business0306_tabs li {
    flex: 1;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #91a4ab;
    color: #fff;
    border-radius: 3px;
    font-size: clamp(14px, 2vw, 18px);
    cursor: pointer;
    font-weight: 500;
}

.business0306_tabs li.current {
    background: #006679;
}

/* 리스트 */
#netList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 2%;
}

#netList li {
    flex: 0 0 32%;
}

#netList li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    text-align: center;
    padding: 0 10px;
    border: 1px solid #d2dddf;
    border-radius: 3px;
    color: #333;
    font-size: clamp(13px, 2vw, 16px);
    background: #fff;
}

/* 모바일 최적화 */
@media (max-width: 992px) {
    .map_con {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .map_page {
        flex-direction: column;
    }

    #netList li {
        flex: 0 0 49%;
    }
}

@media (max-width: 480px) {
    .business0306_tabs li {
        height: 45px;
    }
}

.business0307_diagram01 { display: flex; flex-wrap: wrap; gap: 30px; }
.business0307_diagram01 .inner { width: 100%; }
.business0307_diagram01 .inner ul { display: flex; flex-wrap: wrap; gap: 10px; }
.business0307_diagram01 .inner ul li { display: flex; flex-wrap: wrap; align-items: center; min-height: 130px; padding: 30px; border-radius: 10px; }
.business0307_diagram01 .inner ul li.title { width: 360px; color: #fff; }
.business0307_diagram01 .inner01 ul li.title { background: #00a378; }
.business0307_diagram01 .inner02 ul li.title { background: #006679; }
.business0307_diagram01 .inner03 ul li.title { background: #003e4a; }
.business0307_diagram01 .inner ul li.title .icon { text-align: center; width: 80px; }
.business0307_diagram01 .inner ul li.title h5 { width: calc(100% - 100px); padding-left: 10px; font-size: 1.3em; }
.business0307_diagram01 .inner ul li.title h5 span { display: block; margin-top: 10px; font-size: 16px; font-weight: 500; opacity: 0.8; }
.business0307_diagram01 .inner ul li.cont { width: calc(100% - 370px); background: #fff; }
.business0307_diagram01 .inner ul li.cont dl { width: 100%; }
.business0307_diagram01 .inner ul li.cont dl dd { position: relative; text-align: left; margin-bottom: 10px; padding-left: 20px; color: #555; font-size: 1em; font-weight: 400; word-break: keep-all; }
.business0307_diagram01 .inner ul li.cont dl dd:last-child { margin-bottom: 0px; }
.business0307_diagram01 .inner ul li.cont dl dd:after { content:''; position: absolute; left: 0px; top: 6px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business04_list01 li { position: relative; margin-bottom: 20px; padding-left: 30px; font-size: 1.1em; font-weight: 600; line-height: 1.5; }
.business04_list01 li:last-child { margin-bottom: 0px; }
.business04_list01 li:after { content: "\e928"; position: absolute; left: 0px; top: 2px; color: #006679; font-family: 'xeicon' !important; }
.business04_list01 li .point_stitle { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 45px; padding: 0 30px; background: #ecf2f3; border-radius: 500px; color: #003e4a; font-weight: 500; letter-spacing: -0.03em; }

.subject_list { display: flex; flex-wrap: wrap; gap: 5px; }
.subject_list li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 45px; padding: 0 30px; background: #ecf2f3; border-radius: 500px; color: #003e4a; font-weight: 500; letter-spacing: -0.03em; }

.business04_table01 { border-top: 2px solid #006679; line-height: 1.5; }
.business04_table01 th, .business04_table01 td { text-align: center; padding: 20px 20px; border-bottom: 1px solid #d2dddf; border-left: 1px solid #d2dddf; word-break: keep-all; }
.business04_table01 th:first-child { border-left: none; }
.business04_table01 thead th { background: #ecf2f3; color: #003e4a; font-weight: 800; }
.business04_table01 tbody th { font-weight: 600; }
.business04_table01 .noline { border-left: none; }
.business04_table01 .align_l { text-align: left; }

.table_inlist dd { position: relative; text-align: left; width: 100%; margin-bottom: 10px; padding-left: 15px; padding-right: 15px; font-weight: 400; line-height: 1.4; word-break: keep-all; }
.table_inlist dd:last-child { margin-bottom: 0px; }
.table_inlist dd:after { content:''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.business0404_slist01 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; margin-bottom: 50px; }
.business0404_slist01 dd { position: relative; text-align: center; width: 23%; }
.business0404_slist01 dd:after { content: "\e907"; position: absolute; top: 10px; right: -10%; color: #a8b0b3; font-family: 'xeicon'; font-size: 23px; }
.business0404_slist01 dd:last-child:after { display: none; }
.business0404_slist01 dd h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 50px; margin-bottom: 10px; background: #00a378; border-radius: 5px; color: #fff; }
.business0404_slist01 dd .inner { width: 100%; padding: 30px 0; background: #e7efed; border-radius: 5px; }
.business0404_slist01 dd .inner_wh02 { width: 212%; }

.business0404_slist02 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
.business0404_slist02 dd { position: relative; text-align: center; width: 49%; border: 2px solid #e7efed; border-radius: 5px; }
.business0404_slist02 dd h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 50px; background: #e7efed; border-radius: 5px 5px 0 0; }
.business0404_slist02 dd .inner { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; width: 100%; padding: 30px 30px; background: #fff; border-radius: 5px; font-size: 17px; font-weight: 500; }
.business0404_slist02 dd .inner dl { width: 100%; }
.business0404_slist02 dd .inner dl dd { text-align: left; width: 100%; margin-bottom: 10px; padding-left: 20px; border: none; border-radius: 0px; }
.business0404_slist02 dd .inner dl dd:last-child { margin-bottom: 0px; }
.business0404_slist02 dd .inner dl dd:after { content:''; position: absolute; left: 0px; top: 7px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.location_info { margin-top: 50px; border-top: 2px solid #006679; }
.location_info li { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d2dddf; }
.location_info li strong, .location_info li p { display: flex; flex-wrap: wrap; align-items: center; min-height: 60px; }
.location_info li strong { justify-content: center; width: 250px; background: #ecf2f3; }
.location_info li p { width: calc(100% - 250px); padding: 10px 30px; gap: 15px;}
.location_info li p span { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; }
.location_info li p span i { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; background: #ecf2f3; border-radius: 500px; color: #006679; }

.business05_list { display: flex; flex-wrap: wrap; margin-bottom: 80px; }
.business05_list:last-child { margin-bottom: 0px; }
.business05_list li { display: flex; flex-wrap: wrap; align-content: center; width: calc(100% - 480px); padding-left: 80px; }
.business05_list li.imgbox { width: 480px; padding-left: 0px; }
.business05_list li.imgbox img { max-width: 100%; border-radius: 10px; }

.business0501_list01 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
.business0501_list01 li { position: relative; text-align: center; width: 49%; border: 2px solid #e7efed; border-radius: 5px; }
.business0501_list01 li h5 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 50px; background: #e7efed; border-radius: 5px 5px 0 0; font-size: 1.1em; }
.business0501_list01 li .inner { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; width: 100%; padding: 30px 30px; background: #fff; border-radius: 5px; font-size: 17px; font-weight: 500; }
.business0501_list01 li .inner dl { width: 100%; }
.business0501_list01 li .inner dl dd { position: relative; text-align: left; width: 100%; margin-bottom: 10px; padding-left: 20px; border: none; border-radius: 0px; }
.business0501_list01 li .inner dl dd:last-child { margin-bottom: 0px; }
.business0501_list01 li .inner dl dd:after { content:''; position: absolute; left: 0px; top: 7px; width: 6px; height: 6px; border: 2px solid #5a737c; border-radius: 500px; }

.noemail { word-break: keep-all; line-height: 1.6; letter-spacing: -0.02em; }
.noemail_textbox { margin-bottom: 50px; padding: 50px; background: rgba(0, 0, 0, 0.05); border-radius: 10px; }
#sub_page.noemail h4 { margin-bottom: 30px; font-size: 1.15em; font-weight: 600; }
.noemail p { margin-bottom: 30px; word-break: keep-all; }