@charset "utf-8";
/* Common */

@import url(font.css);
@import url(animation.css);

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


.outfit {
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/*
.box::-webkit-scrollbar{
  display:none;
}
*/
/*
body, html{overflow-x: hidden;}
.box{
   -ms-overflow-style: none;
}
*/
/**/
:root {
	--header-pcH: 9.2rem;
	--header-mobileH: 7.6rem;
	--boxShadow01: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	--f_pret: 'Pretendard';
	--bg-blue: #0067db;
	--bg-red: #e60012;
}

.pc {
	display: block;
}

.mo {
	display: none;
}

html {
	font-size: 10px;
	scroll-behavior: smooth;
}

main {
	z-index: 10;
	position: relative;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
img,
a {
	margin: 0;
	padding: 0;
	color: #393939
}

body,
input,
textarea,
select,
button,
table {
	font-family: normal 'Pretendard', 'Notokr_L', 'Noto Sans KR', 'NanumSquare', 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '돋움', dotum, AppleGothic, sans-serif;
}

img,
fieldset {
	border: 0
}

ul,
ol {
	list-style: none
}

em,
address {
	font-style: normal
}

a {
	text-decoration: none;
	color: #333;
}

button {
	text-decoration: none;
}

/*a:hover,a:active,a:focus{text-decoration:underline;cursor:pointer;color:#333}*/
a:hover,
a:active,
a:focus {
	cursor: pointer;
	color: #333
}

table {
	border: 0;
	border-collapse: collapse
}

caption {
	display: none
}

textarea,
input,
select {
	color: #666666
}

select {
	vertical-align: middle;
}

address {
	clear: both;
	margin: 0;
	padding: 0
}

em {
	margin: 0;
	padding: 0
}

.blind {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}

.clb {
	clear: both;
}

.dpB {
	display: block;
}

.txtL {
	text-align: left;
}

.txtR {
	text-align: right;
}

.txtC {
	text-align: center;
}

.txtB {
	font-weight: bold;
}

.txt15em {
	font-size: 1.5em;
}

.txt10rem {
	font-size: 1.0rem !important;
}

.posiR {
	position: relative;
}

.posiA {
	position: absolute;
}

.floatL {
	float: left
}

.floatR {
	float: right
}

.backColorG {
	background-color: #f3f3f3;
}

.backColorG_01 {
	background-color: #f8f8f8;
}

.backColorG_02 {
	background-color: #f0efec;
}

.backColorG_03 {
	background-color: #f9f9f9;
}

.backColorGreen01 {
	background-color: #8aa03e;
}

.backColorGreen02 {
	background-color: #83c648;
}

.backColorPink {
	background-color: #f6f0f1;
}

.backClolrDkIvory {
	background-color: #e3d7c8;
}


.backClolrWh_l {
	background: #fff url("../images/main/sub_l.png")left bottom no-repeat;
}

.backClolrDkIvory_r {
	background: #e3d7c8 url("../images/main/sub_r.png")right top no-repeat;
}

.backColorPurp_r {
	background: #40478f url("../images/main/main_r.png")right top no-repeat;
}

.backColorPurp01 {
	background-color: #40478f;
}

/* Font Class Style */
.b {
	font-weight: bold;
}

.u {
	text-decoration: underline
}


/* Font Color */

.green01 {
	color: #8a9f3e;
}

.green02 {
	color: #8dad24;
}

.green03 {
	color: #8aa03e;
}

.green04 {
	color: #6c7e2e;
}

.green05 {
	color: #158078;
}

.emerald01 {
	color: #0eb0ad;
}

.orange01 {
	color: #ff8c05;
	font-weight: bold;
}

.purp01 {
	color: #5f699c;
}

.blue01 {
	color: #4385f5;
}

.blue02 {
	color: #0249af !important;
}

.blue03 {
	color: #16225d !important;
}

.f18_wh {
	color: #fff;
	font-size: 18px;
}

.f977c67 {
	color: #977c67;
}

/*.png24			{tmp:expression(setPng24(this))};*/

/* 컬러 값 */
.bg-blue {
	background-color: #34368A !important;
}

.bg-lilac {
	background-color: #9469F1 !important;
}

.bg-sky {
	background-color: #3295DD !important;
}

.bg-sky02 {
	background-color: #009BDE !important;
}

.bg-yellow {
	background-color: #FED600 !important;
}

.bg-purple {
	background-color: #A668E4 !important;
}

.bg-purple01 {
	background-color: #f4eafe !important;
}

.bg-cian {
	background-color: #1A9C8F !important;
}

.bg-lightgreen {
	background-color: #36A522 !important;
}

.bg-lightpurple {
	background-color: #4145DC !important;
}

.bg-orange {
	background-color: #DC7500;
}

.bg-lightgray {
	background-color: #f4f4f4;
}

.c-white {
	color: #ffffff !important;
}

.c-blue {
	color: #34368A !important;
}

.c-yellow {
	color: #FED600 !important;
}

.c-red {
	color: #FF2323 !important;
}

.c-black {
	color: #666666 !important;
}

.c-black02 {
	color: #222222 !important;
}

/* 폰트 사이즈 */
.fs-14 {
	font-size: 1.4rem !important;
}

.fs-16 {
	font-size: 1.6rem !important;
}

.fs-18 {
	font-size: 1.8rem !important;
}

.fs-20 {
	font-size: 2rem !important;
}

.fs-22 {
	font-size: 2.2rem !important;
}

.fs-24 {
	font-size: 2.4rem !important;
}

.fs-26 {
	font-size: 2.6rem !important;
}

.fs-28 {
	font-size: 2.8rem !important;
}

.fs-30 {
	font-size: 3rem !important;
}

/* 폰트 굵기 */
.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

/* Margin Set */
.mAuto {
	margin: 0 auto;
	text-align: center;
}

.m20Auto {
	margin: 20% auto;
	text-align: center;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}

.ml45 {
	margin-left: 45px;
}

.ml50 {
	margin-left: 50px;
}

.ml55 {
	margin-left: 55px;
}

.ml65 {
	margin-left: 65px;
}

.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr35 {
	margin-right: 35px;
}

.mr40 {
	margin-right: 40px;
}

.mr45 {
	margin-right: 45px;
}

.mr50 {
	margin-right: 50px;
}

.mr450 {
	margin-right: 450px;
}

.mb4 {
	margin-bottom: 4px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb45 {
	margin-bottom: 45px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb55 {
	margin-bottom: 55px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb180 {
	margin-bottom: 180px;
}

.mt5 {
	margin-top: 5px !important;
}

.mt7 {
	margin-top: 7px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mt200 {
	margin-top: 200px;
}

/* Padding Set */
.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl18 {
	padding-left: 18px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl35 {
	padding-left: 35px;
}

.pl40 {
	padding-left: 40px;
}

.pl45 {
	padding-left: 45px;
}

.pl50 {
	padding-left: 50px;
}

.pl55 {
	padding-left: 55px;
}

.pl60 {
	padding-left: 60px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr35 {
	padding-right: 35px;
}

.pr40 {
	padding-right: 40px;
}

.pr45 {
	padding-right: 45px;
}

.pr50 {
	padding-right: 50px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb45 {
	padding-bottom: 45px;
}

.pb50 {
	padding-bottom: 50px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt45 {
	padding-top: 45px;
}

.pt50 {
	padding-top: 50px;
}

.pt55 {
	padding-top: 55px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt100 {
	padding-top: 100px;
}

.pd3 {
	padding: 3px;
}

.height100 {
	height: 100vh;
}

.input_txt {
	border: 1px solid #abadb3;
	height: 19px;
	line-height: 150%
}

.input_select {
	border: 1px solid #abadb3;
	line-height: 150%;
	height: 19px
}

.textarea {
	padding: 0;
	border: 1px solid #abadb3;
	line-height: 150%;
	text-align: justify;
}

hr,
caption {
	display: none;
}

legend {
	position: absolute;
	height: 0;
	font-size: 0px;
	line-height: 0;
	overflow: hidden;
	text-indent: -20000px;
}

.text_idt_n {
	text-indent: 0 !important
}

/* hidden */
.hidden {
	visibility: hidden;
	position: absolute;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	background: none
}

.input_submit {
	cursor: pointer;
}

button {
	cursor: pointer
}


h1 {
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0
}

h2 {
	font-size: 22px;
	margin: 0 0 10px 0;
	padding: 0
}

h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
	padding: 0
}

h4 {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0
}

h5 {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0
}

h6 {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0
}


/* Layout Common Background-color 
.header_w{background-color:#666666}
#container .snb{background-color:#f7f7f7}
#container #content{background-color:#cecece}
.footer_w{background-color:#666666}
*/

/* Layout Common */

#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	background: url("../html/images/bg_body.png") 0 -5px repeat-x;
	text-align: center;
	margin: 0 auto;
	padding: 0 2rem;
}



.footer .logoArea {
	font-family: 'Pretendard', sans-serif;
	font-weight: 700;
	font-size: 2.6rem;
	padding: 1rem 0;
	background: url('../images/logo_wh.png') 0 0 no-repeat;
	width: 12.2rem;
	background-size: 12.2rem;
	height: 5.1rem;
	overflow: hidden;
	text-indent: -9999px;
}

.footer {
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	font-family: 'Pretendard';
	width: 100%;
	overflow: hidden;
	padding: 10rem 0;
	font-size: 1.8rem;
	background-color: rgba(0, 0, 0, 1);
}

	.footer > div {
		display: flex;
		justify-content: start;
		align-items: center;
		gap: 5rem;
	}

		.footer > div > div {
			color: #fff;
			display: inline-block;
		}

			.footer > div > div .list-add li {
				color: #fff !important;
				padding: .5rem 1rem;
				font-size: 1.8rem;
				text-align: center;
				text-align: left;
				display: inline-block;
			}

				.footer > div > div .list-add li a {
					color: #fff !important;
					text-decoration: none;
				}

			.footer > div > div > p {
				color: #fff !important;
				font-family: 'Pretendard';
				padding: .5rem 1rem;
				font-size: 1.8rem;
				text-align: left;
			}

header.main-header {
	position: fixed;
	background-color: transparent;
	border-bottom: 1px solid transparent;
	top: 0;
	width: 100%;
	transition: background 0.3s linear;
}

	header.main-header.fixed {
		background: rgba(255, 255, 255, 0.82);
		backdrop-filter: blur(18px) saturate(150%);
		-webkit-backdrop-filter: blur(18px) saturate(150%);
		border-bottom: 1px solid rgba(255, 255, 255, 0.40);
		box-shadow: 0 1.8rem 4.5rem rgba(1, 23, 60, 0.10);
	}

	header.main-header.on {
		color: #222;
		background: rgba(255, 255, 255, 0.72);
		backdrop-filter: blur(18px) saturate(150%);
		-webkit-backdrop-filter: blur(18px) saturate(150%);
		border-bottom: 1px solid rgba(255, 255, 255, 0.40);
		box-shadow: 0 1.8rem 4.5rem rgba(1, 23, 60, 0.10);
	}

		header.main-header.fixed .main-gnb .gnb-depth1 > li > a,
		header.main-header.on .main-gnb .gnb-depth1 > li > a:not(.active) {
			color: #222;
		}

		header.main-header.on .main-gnb .gnb-depth1 > li > a.active {
			color: #fff;
		}

	header.main-header .side-menu > li.lang .lang-select {
		border: 0.1rem solid #fff;
		height: 4.3rem;
	}

	header.main-header .side-menu.on > li.lang .lang-select {
		border: 0.1rem solid #222;
	}

	header.main-header .side-menu > li.lang .lang-select > li > a {
		background: transparent;
	}

	header.main-header .side-menu > li.lang .lang-select > li:not(:first-child) > a:hover {
		background: #ADADAD;
		color: #fff
	}

	header.main-header .side-menu.on > li.lang .lang-select > li:first-child > a::after {
		background-image: url(/_res/seojeong/_share/img/ico-lang-arr_on02.png);
	}

	header.main-header.on .menu-mobile span,
	header.main-header.fixed .menu-mobile span {
		background: #222;
	}

	header.main-header > .gnb-bg {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.72);
		backdrop-filter: blur(18px) saturate(150%);
		-webkit-backdrop-filter: blur(18px) saturate(150%);
		border-top: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.40);
		box-shadow: 0 1.8rem 4.5rem rgba(1, 23, 60, 0.10);
		z-index: 25;
	}

	header.main-header.on > .gnb-bg {
		background: rgba(255, 255, 255, 0.72);
		backdrop-filter: blur(18px) saturate(150%);
		-webkit-backdrop-filter: blur(18px) saturate(150%);
	}

	header.main-header > .gnb-bg::after {
		display: none;
	}

.menu-mobile input:checked ~ .m-menu-list {
	box-shadow: -2rem 0 5rem rgba(1, 23, 60, 0.14);
}

.m-menu-list {
	box-shadow: none;
}

.navbar {
	padding-top: 0;
	padding-bottom: 0;
}

.container_w {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.containerSub {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.navbar-nav {
}

	.navbar-nav li > a {
		font-size: 1.8rem;
		font-family: normal 14px/1 'Pretendard', '돋움', dotum, AppleGothic, sans-serif;
		font-weight: 500;
	}

		.navbar-nav li > a:hover {
		}

	.navbar-nav li .dropdown-menu a.dropdown-item {
		font-size: 1.6rem;
		font-weight: 400;
	}

	.navbar-nav li .dropdown-menu a:hover {
		font-weight: 500;
	}

.first-slide-text {
	position: absolute;
	top: 35%;
}

* html .nav ul {
	zoom: 1;
}

.visual01 {
	position: relative;
}

	.visual01 .bgBlack {
		/*background-color:rgba(0,0,0,0.20);*/
		position: absolute;
		width: 100%;
		height: 100vh;
		z-index: 10;
	}

.popupZone_sub {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 150px;
	background: url('../images/sub_vi_5.png') center 0 no-repeat #f2f6e7;
	/* background-color:#f9f9f9; background:url('../images/sub_vi_3.png') center 0 no-repeat #f2f6e7;*/
	margin-top: 0;
}

.popupZone_img {
	width: 100%;
	height: 150px;
	background: url('../images/sub_vi_img.png') right 36% no-repeat;
	background-size: 700px auto;
}







.list_carousel .btn_list {
	position: absolute;
	left: 0;
	bottom: 5px;
	z-index: 99;
	width: 100%;
	height: 20px
}

	.list_carousel .btn_list .btn_list_w {
		position: relative;
		height: 20px;
		margin: 0 auto;
		z-index: 10;
		text-align: center;
		width: 85px;
	}

	.list_carousel .btn_list #stop2 {
		position: absolute;
		right: 0;
		top: 45px;
		width: 11px;
		height: 12px;
		background: url('../images/main_pop_stop.png') 0 0 no-repeat
	}

.list_carousel .pagination {
	right: 5px;
	top: 5px;
	width: 80%;
	position: absolute;
	z-index: 99;
	margin: 0;
	height: 15px;
}

.list_carousel .pagination {
	text-align: right;
}

	.list_carousel .pagination a {
		background: url("../images/main_pop_off.png") 0 0 no-repeat transparent;
		width: 15px;
		height: 15px;
		margin: 0 5px 0 0;
		display: inline-block;
	}

		.list_carousel .pagination a.selected {
			background: url("../images/main_pop_on.png") 0 0 no-repeat transparent;
			cursor: default;
		}

		.list_carousel .pagination a span {
			display: none;
		}


/*.swiper-slide .container{width:100%; border:1px solid green;}*/
.visualArea {
	position: relative;
	padding: 0;
	z-index: 1;
	height: 100vh;
	min-height: 95rem;
	margin: 0 auto;
}

	.visualArea .swiper-container {
		list-style: none;
	}

	/*.visualArea .swiper-slide {text-align: center; background: #fff; Center slide text vertically display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;
display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center;}
*/

	.visualArea .swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		display: flex;
		align-items: center;
	}

		/*.visualArea .swiper-slide .video-background {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}*/

		.visualArea .swiper-slide .v_background {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
		}

			.visualArea .swiper-slide .v_background video {
				/* Ensures the video covers the slide area */
				object-fit: cover;
				width: 100%;
				height: 100%;
			}

		.visualArea .swiper-slide:before {
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 55% 50%;
		}

	/*.visualArea .v_bg1{background: url("../images/main/bg_img01.png") 0 0 repeat;}*/
	.visualArea .v_bg1 {
		background: #d4edee;
	}

	.visualArea .v_bg2 {
		background: #ebf3fd;
	}

	.visualArea .v_bg3 {
		background: #e6e8f0;
	}

	.visualArea .v_bg4 {
		background: #2158d3;
	}

.v_background .bg_img img {
	height: 100vh;
}

.visualArea .swiper-slide-active .v_background video,
.visualArea .swiper-slide-active .v_background .bg_img {
	animation: bg-scale 5s alternate both ease-out;
}

.visualArea .progress-bar-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	bottom: 50%;
	left: 60px;
	transform: translateY(50%);
	z-index: 1;
	gap: 10px;
}

	.visualArea .progress-bar-wrapper .current-index {
		width: 2em;
		color: #000;
		font-size: 1.4rem;
		font-weight: 700;
		font-family: var(--f_pret);
		text-align: center;
	}

	.visualArea .progress-bar-wrapper .slide-number {
		font-size: 13px;
		font-weight: 500;
		color: #ccc;
		/* 기본 색상 */
		transition: color 0.3s ease;
	}

		.visualArea .progress-bar-wrapper .slide-number.active {
			font-weight: 700;
			color: #000;
			/* 활성화된 슬라이드 색상 */
		}

	.visualArea .progress-bar-wrapper .progress-bar {
		overflow: hidden;
		position: relative;
		width: 2px;
		height: 100px;
		background: rgba(255, 255, 255, 0.15);
	}

	.visualArea .progress-bar-wrapper .progress {
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		width: 100%;
		height: 0%;
		transition: height 0.3s ease;
	}

.visualArea .visualArea .progress-bar-wrapper .stop_btn {
}

.visualArea .progress-bar-wrapper .stop_btn .stop {
	display: flex;
	width: 10px;
	height: 14px;
	fill: #000;
	cursor: pointer;
}

.visualArea .progress-bar-wrapper .play {
	display: none;
	width: 10px;
	height: 14px;
	fill: #000;
	cursor: pointer;
}

.visualArea .progress-bar-wrapper .prev {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.5;
	transform: translateX(0px);
	width: 14px;
	height: 14px;
	fill: #000;
	cursor: pointer;
	transition: opacity 0.25s;
}

.visualArea .progress-bar-wrapper .next {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.5;
	transform: translateX(0px);
	width: 14px;
	height: 14px;
	fill: #000;
	cursor: pointer;
	transition: opacity 0.25s;
}

.visualArea .progress-bar-wrapper .prev:hover {
	opacity: 1;
}

.visualArea .progress-bar-wrapper .next:hover {
	opacity: 1;
}

.visualArea .scroll_down {
	position: absolute;
	bottom: 50%;
	right: 90px;
	z-index: 1;
}

	.visualArea .scroll_down .cont {
		position: absolute;
		bottom: 100%;
		-webkit-transform: rotateZ(90deg) translateX(-50%);
		transform-origin: 0 100%;
	}

		.visualArea .scroll_down .cont .txt {
			position: relative;
			white-space: nowrap;
			padding-right: 75px;
		}

			.visualArea .scroll_down .cont .txt::before {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				width: 44px;
				height: 100%;
				border: 2px solid #fff;
				border-radius: 3em;
			}

			.visualArea .scroll_down .cont .txt::after {
				content: '';
				display: block;
				position: absolute;
				top: calc(50% - 2px);
				right: 30px;
				width: 8px;
				height: 4px;
				border-radius: 2em;
				background: #fff;
				box-sizing: border-box;
				-webkit-animation: scroll 2s infinite;
				animation: scroll 2s infinite;
			}

			.visualArea .scroll_down .cont .txt p {
				padding: 0.75em 0;
				color: #fff;
				font-size: 13px;
				font-weight: 500;
				font-family: var(--pop);
				text-transform: uppercase;
				line-height: 1em;
			}

/*.visualArea .swiper-slide-active.v_bg2 .bg_img{animation: bg-scale 5s alternate both ease-out;}*/

@keyframes bg-scale {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

.visualArea .v_Area {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url("../images/main/visual_bg_img02.png") 0 10px no-repeat;
}

.visualArea .v_textArea {
	position: relative;
	z-index: 11;
	text-align: left;
	font-family: 'Pretendard';
	margin-top: 0;
	padding: 0 2rem;
}

	.visualArea .v_textArea > p {
		font-weight: 300;
		font-size: 2.2rem;
		letter-spacing: 1px;
		color: #d5000e;
		z-index: 2;
		opacity: 0;
		transform: translateY(-20px);
	}

.swiper-slide-active .v_textArea > p {
	animation: slideTextDown 0.4s ease forwards;
	animation-delay: 0.4s;
}

.visualArea .v_textArea > h2 {
	font-size: 7.2rem;
	font-weight: 800;
	letter-spacing: -1px;
	color: #000;
	margin-top: 2rem;
	margin-bottom: 2rem;
	opacity: 0;
	transform: translateY(-20px);
}

.swiper-slide-active .v_textArea > h2 {
	animation: slideTextDown 0.4s ease forwards;
	animation-delay: 1.0s;
}

@keyframes slideTextDown {
	0% {
		opacity: 0;
		transform: translateY(-30px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


.main_visual_con_area {
	width: 100%;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	z-index: 10;
	bottom: 20rem;
}

.swiper01 .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper01 .swiper-pagination-custom,
.swiper01 .swiper-pagination-fraction {
	bottom: 17rem;
}

.main_visual_con_area.mo_con {
	display: none
}

.web_con {
	display: block;
}

.main_con_box {
	display: block;
	/*max-width:128rem;*/
	max-width: 160rem;
	margin: 0 auto;
}

.main-visual-cate-item {
}

.web_con {
	display: block;
}

.mo_con {
	display: none;
}

.main_con_box > .con_box {
	width: calc(25% - 4rem);
	height: 30rem;
	padding: 0 4rem;
	background-color: #fefefe;
	float: left;
	margin: 0 2rem;
	border-radius: 4rem;
	font-family: 'Pretendard';
	text-align: center;
	transition: all .3s ease 0s;
	transform: translateY(0);
	box-shadow: 2rem 2rem 4.3rem #00000033;
}

	.main_con_box > .con_box > h3 {
		font-size: 2.4rem;
		font-weight: 700;
		margin-top: 2rem;
	}

	.main_con_box > .con_box > p {
		font-size: 1.6rem;
		font-weight: 500;
		margin-bottom: 1rem;
	}

	.main_con_box > .con_box > a {
		display: block;
		width: 10rem;
		margin: 0 auto;
		padding: 1rem;
		font-size: 1.6rem;
		font-weight: 600;
		border-radius: 4rem;
		background-color: #084177;
		color: #fff;
	}

		.main_con_box > .con_box > a:hover,
		.main_con_box > .con_box.on > a {
			background-color: rgba(0, 0, 0, .2);
			color: #fff;
		}

	.main_con_box > .con_box:nth-child(1):hover,
	.main_con_box > .con_box:nth-child(1).on {
		background: rgba(101, 135, 255, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;
	}

	.main_con_box > .con_box:nth-child(2):hover,
	.main_con_box > .con_box:nth-child(2).on {
		background: rgba(74, 89, 198, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;
	}

	.main_con_box > .con_box:nth-child(3):hover,
	.main_con_box > .con_box:nth-child(3).on {
		background: rgba(22, 131, 233, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;
	}

	.main_con_box > .con_box:nth-child(4):hover,
	.main_con_box > .con_box:nth-child(4).on {
		background: rgba(43, 77, 204, 1) url("../images/main/visual_bg.png")50% 30% no-repeat;
	}

	.main_con_box > .con_box:hover h3,
	.main_con_box > .con_box:hover p,
	.main_con_box > .con_box:hover a,
	.main_con_box > .con_box.on h3,
	.main_con_box > .con_box.on p,
	.main_con_box > .con_box.on a {
		color: #fff;
	}

	.main_con_box > .con_box:before {
		content: "";
		display: block;
		width: 4.5rem;
		height: 4.4rem;
		margin: 4rem auto 0 auto;
		background: url("../images/main/visual_icon.png") no-repeat;
	}

	.main_con_box > .con_box:nth-child(1):before {
		background-position: 0 0;
	}

	.main_con_box > .con_box:nth-child(2):before {
		background-position: -47px 0;
	}

	.main_con_box > .con_box:nth-child(3):before {
		background-position: -94px 0;
	}

	.main_con_box > .con_box:nth-child(4):before {
		width: 5.2rem;
		background-position: -141px 0;
	}

	.main_con_box > .con_box:nth-child(1):hover:before,
	.main_con_box > .con_box:nth-child(1).on:before {
		background-position: 0 -46px;
	}

	.main_con_box > .con_box:nth-child(2):hover:before,
	.main_con_box > .con_box:nth-child(2).on:before {
		background-position: -47px -46px;
	}

	.main_con_box > .con_box:nth-child(3):hover:before,
	.main_con_box > .con_box:nth-child(3).on:before {
		background-position: -94px -46px;
	}

	.main_con_box > .con_box:nth-child(4):hover:before,
	.main_con_box > .con_box:nth-child(4).on:before {
		width: 5.2rem;
		background-position: -141px -46px;
	}


.mainL {
	background: #fff;
	z-index: 1;
	position: relative;
	background: url("../images/main/bg_img02.png") right -10rem no-repeat;
	background-size: 50% auto;
	animation: bgMove 8s ease-in-out infinite alternate;
}

.main02 {
	background: rgba(233, 240, 250, 1);
	position: relative;
	z-index: 0;
}

	.main02::after {
		content: "";
		position: absolute;
		right: -50rem;
		bottom: -25rem;
		width: 150rem;
		height: 100%;
		background: url("../images/main/logo.svg") right bottom no-repeat;
		opacity: 0.05;
		z-index: -1;
		pointer-events: none;
	}

.main03 {
	background: #fff;
	position: relative;
}

.main04 {
	background: rgba(9, 26, 50, 1);
	position: relative;
	overflow: hidden;
}

	.main04 .v_background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

		.main04 .v_background video {
			width: 100%;
			height: 100%;
			object-fit: cover;
			opacity: 0.2;
		}

	.main04 .container {
		position: relative;
		z-index: 1;
	}

.mainR {
	background: url("../images/main/main_R.png")right top no-repeat;
}

.subVisualArea {
	width: 100%;
	height: 450px;
	background: url("../images/main/sub_visual_img01.png") #000 center 0 no-repeat;
	background-size: cover;
	margin: 10.4rem auto 0 auto;
	position: relative;
}

@keyframes bgMove {
	0% {
		background-position: right -10rem top -10rem;
	}

	50% {
		background-position: right -12rem top -10rem;
		/* 왼쪽으로 살짝 이동 */
	}

	100% {
		background-position: right -8rem top -10rem;
		/* 오른쪽으로 살짝 이동 */
	}
}

@keyframes bgMove01 {
	0% {
		background-position: left 2rem bottom 0;
	}

	50% {
		background-position: left 4rem bottom 0;
		/* 왼쪽으로 살짝 이동 */
	}

	100% {
		background-position: left 6rem bottom 0;
		/* 왼쪽으로 살짝 이동 */
	}
}

@keyframes bgMove02 {
	0% {
		/* 시작 위치: 현재 설정된 위치 */
		background-position: left 0rem bottom 10rem;
	}

	100% {
		/* 끝 위치: 왼쪽에서 3rem 정도 이동 (원하는 만큼 조절 가능) */
		background-position: left 3rem bottom 12rem;
	}
}

/* 서브페이지 탭 영역 */
.cont-right .tab01,
.cont-right .tab01_1 .cont-right .tab01-mo {
	margin-top: 2rem;
}

/* CSS (수정본) */
.tab01-mo {
	display: none;
}

.tab01 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #F9F9F9;
	border-right: 0.1rem solid #EDEDED;
	border-bottom: 0.1rem solid #EDEDED;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.tab01 > li {
		width: 25%;
		height: 7.2rem;
		background: #fff;
		box-shadow: 0.1rem 0 0 0 #EDEDED, 0.1rem 0 0 #EDEDED, 0.1rem 0.1rem 0 0 #EDEDED, 0.1rem 0 0 0 #EDEDED inset, 0 0.1rem 0 0 #EDEDED inset;
		display: flex;
	}

		.tab01 > li.active {
			border-right: 0.1rem solid #0249af;
			background: #0249af;
			box-shadow: none;
		}

			.tab01 > li.active > a {
				font-weight: 700;
				color: #fff;
			}

		.tab01 > li > a {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 1rem;
			width: 100%;
			height: 100%;
			font-weight: 500;
			font-size: 16px;
			color: #666;
			text-align: center;
			word-break: keep-all;
			text-decoration: none;
		}

.newsArea01 {
	position: relative;
	padding: 15rem 0 20rem 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	text-align: center;
}

	.newsArea01 .tit_area {
		text-align: left;
		margin-top: 10rem;
		overflow: hidden;
	}

		.newsArea01 .tit_area h3 {
			font-family: 'Pretendard';
			font-size: 2.2rem;
			font-weight: 700;
			color: #d5000e;
			margin-bottom: 3rem;
		}

		.newsArea01 .tit_area p {
			font-size: 4.8rem;
			font-family: var(--f_pret);
			color: #000;
			line-height: 140%;
			margin-bottom: 5rem;
			font-weight: 700;
			width: 80%;
			float: left;
		}

		.newsArea01 .tit_area .b_btn a {
			background: rgba(1, 23, 60, 1);
			font-size: 2rem;
			padding: 1rem 3rem;
			border-radius: 5rem;
			display: inline-block;
			width: 16rem;
			position: relative;
			color: #fff;
			text-align: left;
			float: right;
		}

			.newsArea01 .tit_area .b_btn a::after {
				content: url('../images/img-arrow.png');
				display: block;
				position: absolute;
				top: 43%;
				right: 3rem;
				opacity: .7;
				transition: transform .35s ease, opacity .35s ease;
				transform: translate(0, -50%);
				width: 1.8rem;
				height: 1.8rem;
			}

			.newsArea01 .tit_area .b_btn a:hover {
				text-decoration: none;
				background: rgba(0, 108, 255, 1);
			}

				.newsArea01 .tit_area .b_btn a:hover::after {
					opacity: 1;
					transform: translate(.8rem, -50%);
				}

	.newsArea01.swiper-slide {
		width: 35rem;
	}

	.newsArea01 .swiper-pagination-bullet,
	.popupzoneArea .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		display: inline-block;
		border-radius: 100%;
		background: rgba(0, 0, 0, .2);
	}

	.newsArea01 .swiper-pagination-bullet-active,
	.popupzoneArea .swiper-pagination-bullet-active {
		opacity: 1;
		background: #40478f;
	}

.newsArea01 {
	position: relative;
	padding: 30px 0 20rem 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	min-height: 230px;
}

	.newsArea01 .btn_more {
		position: absolute;
		right: 20px;
		top: 30px;
		margin: 0;
		padding: 0;
		font-size: 0.875rem;
	}

		.newsArea01 .btn_more > a {
			display: block;
			background: url("../images/main/more.png")0 0 no-repeat;
			width: 23px;
			height: 23px;
			text-indent: -2000px;
		}

	.newsArea01 .swiper-container {
		display: inline-block;
		width: 100%;
		overflow: visible;
	}

		.newsArea01 .swiper-container .swiper-wrapper {
		}

			.newsArea01 .swiper-container .swiper-wrapper .swiper-slide {
				position: relative;
				overflow: hidden;
				height: 31rem;
				overflow: hidden;
				display: block;
				border-radius: 4rem;
				-moz-transition: all .51s;
				-o-transition: all .51s;
				-webkit-transition: all .51s;
				transition: all .51s;
				/*box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1);*/
				cursor: pointer;
			}

				/*.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover{ border:none; box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1); }*/

				.newsArea01 .swiper-container .swiper-wrapper .swiper-slide .container {
					height: 100%;
					position: relative;
					background: rgba(255, 255, 255, 1);
				}

				.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover .container {
					/*background:rgba(193,10,30,1);*/
					border-radius: 0 0 4rem 0;
				}

					.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover .container::after {
						content: "";
						position: absolute;
						right: 0;
						bottom: 0;
						width: 132px;
						height: 132px;
						background-repeat: no-repeat;
						background-size: contain;
						background: url("../images/main/bg_link3.png")0 0 no-repeat;
						border-radius: 0 0 4rem 0;
					}

				.newsArea01 .swiper-container .swiper-wrapper .swiper-slide .container > ul {
					display: inline-block;
					width: 100%;
					height: 100%;
					padding: 4rem 4rem;
					margin: 0;
					position: relative;
					text-decoration: none;
					text-align: left;
				}

	.newsArea01 .b_date {
		color: rgba(193, 10, 30, 1);
	}

	.newsArea01 .b_tit {
		font-family: var(--f_pret);
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 120%;
		margin: 2rem 0;
	}

	.newsArea01 .b_btn_area {
		position: absolute;
		right: 2rem;
		bottom: 2rem;
		z-index: 3;
	}

		.newsArea01 .b_btn_area a {
			width: 5rem;
			height: 5rem;
			border: 1px solid rgba(160, 160, 160, 1);
			background: rgba(255, 255, 255, 1);
			-webkit-backdrop-filter: blur(18px) saturate(140%);
			backdrop-filter: blur(18px) saturate(140%);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 4rem;
		}

			.newsArea01 .b_btn_area a::before {
				content: "";
				display: block;
				width: 1.5rem;
				height: 1.4rem;
				background: url("../images/img-arrow02.png")0 0 no-repeat;
			}

	.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover .b_btn_area a {
		background: rgba(193, 10, 30, 1);
		border: 1px solid rgba(193, 10, 30, 1);
	}

		.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover .b_btn_area a::before {
			content: "";
			display: block;
			width: 1.5rem;
			height: 1.4rem;
			background: url("../images/img-arrow02.png") 0 -16px no-repeat;
		}

.inquiryArea {
	position: relative;
	padding: 15rem 0 20rem 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	text-align: center;
}

	.inquiryArea .tit_area {
		text-align: left;
		margin-top: 10rem;
	}

	.inquiryArea h3 {
		font-family: var(--f_pret);
		font-size: 4.8rem;
		color: #000;
		line-height: 140%;
		margin-bottom: 5rem;
		font-weight: 700;
	}

	.inquiryArea .box_area {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 3rem;
	}

		.inquiryArea .box_area > a {
			flex: 1;
			background: rgba(241, 243, 249, 1);
			border-radius: 2rem;
			height: 35rem;
			text-decoration: none;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

			.inquiryArea .box_area > a:hover p {
				margin-bottom: 3rem;
			}

			.inquiryArea .box_area > a > img {
				margin-bottom: 2rem;
			}

			.inquiryArea .box_area > a > p {
				font-family: var(--f_pret);
				font-size: 2.0rem;
				color: #000;
				font-weight: 600;
				transition: all .3s ease 0s;
			}

.contactArea {
	position: relative;
	padding: 15rem 0 20rem 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	text-align: center;
}

	.contactArea .tit_area {
		text-align: center;
		margin-top: 10rem;
	}

		.contactArea .tit_area h3 {
			font-family: 'Pretendard';
			font-size: 2.2rem;
			font-weight: 700;
			color: #d5000e;
			margin-bottom: 3rem;
		}

		.contactArea .tit_area p {
			font-size: 4.8rem;
			font-family: var(--f_pret);
			color: #fff;
			line-height: 140%;
			margin-bottom: 5rem;
			font-weight: 700;
		}

.button_area {
	display: inline-block;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

	.button_area a {
		padding: 2rem 4rem;
		border-radius: 4rem;
		color: #fff;
		margin: 2rem 1rem;
		font-family: var(--f_pret);
		font-size: 2.0rem;
		font-weight: 600;
		width: 28rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.button_area a:hover {
			text-decoration: none;
		}

		.button_area a:first-child {
			background: rgba(193, 10, 30, 1);
		}

		.button_area a:last-child {
			background: rgba(0, 0, 0, 1);
		}

		.button_area a i {
			display: inline-block;
			margin-right: 1rem;
			transition: all .3s ease 0s;
		}

		.button_area a:hover i {
			margin-right: 2rem;
		}

		.button_area a i.tell_icon {
			background: url("../images/main/tell_icon.png") 0 0 no-repeat;
			width: 2.6rem;
			height: 2.7rem;
		}

		.button_area a i.mail_icon {
			background: url("../images/main/mail_icon.png") 0 0 no-repeat;
			width: 2.9rem;
			height: 1.9rem;
		}

.tabArea {
	width: 100%;
	position: relative;
	margin-bottom: 100px;
}

	.tabArea ul {
		overflow: hidden;
		width: 50%;
		margin: 0 auto;
	}

		.tabArea ul > li {
			float: left;
			font-family: 'Nanumsquare', sans-serif;
			display: block;
			width: 48%;
			text-align: center;
			font-size: 1.0rem;
			border: 1px solid #d4d4d4;
		}

			.tabArea ul > li:first-child {
				border-right: none;
			}

			.tabArea ul > li > a {
				display: block;
				padding: 10px 0;
				color: #a2a1a1;
			}

			.tabArea ul > li.on a,
			.tabArea ul > li:hover a {
				font-weight: bold;
				text-decoration: none;
				border-bottom: 1px solid #000;
				color: #000;
			}



.infoArea {
	position: relative;
	padding: 20rem 0 10rem 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	text-align: center;
	display: flex;
	gap: 5rem;
	flex-direction: row;
	width: 100%;
}

	.infoArea > div {
		width: 50%;
	}

		.infoArea > div.tit_area {
			text-align: left;
			margin-top: 10rem;
		}

	.infoArea .tit_area h3 {
		font-family: 'Pretendard';
		font-size: 2.2rem;
		font-weight: 700;
		color: #d5000e;
		margin-bottom: 3rem;
	}

	.infoArea .tit_area p {
		font-size: 4.8rem;
		font-family: var(--f_pret);
		color: #000;
		line-height: 140%;
		margin-bottom: 5rem;
		font-weight: 700;
		width: 80%;
	}

	.infoArea .infoCard {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		height: auto;
	}

		.infoArea .infoCard > div:nth-of-type(2) {
			margin-top: 20rem;
		}

		.infoArea .infoCard .infoCard_wrap {
			grid-column-gap: 100px;
			grid-row-gap: 100px;
			flex-flow: wrap;
			display: flex;
		}

			.infoArea .infoCard .infoCard_wrap .i_card {
				border-radius: 16px;
				width: 350px;
				height: 500px;
				position: relative;
				overflow: hidden;
				font-family: var(--f_pret);
				padding: 5rem 2rem;
				text-align: left;
				cursor: pointer;
			}

				.infoArea .infoCard .infoCard_wrap .i_card h4 {
					color: #fff;
					font-size: 3.8rem;
					font-weight: 700;
					margin-bottom: 2rem;
				}

				.infoArea .infoCard .infoCard_wrap .i_card p {
					color: #fff;
					font-size: 1.8rem;
					line-height: 140%;
					opacity: 0;
					transition: opacity 0.6s ease-in-out;
				}

				.infoArea .infoCard .infoCard_wrap .i_card a {
					background: rgba(0, 0, 0, .2);
					color: #fff;
					border-radius: 2rem;
					padding: 1rem 2rem;
					position: absolute;
					bottom: 5rem;
					width: 15rem;
				}

				.infoArea .infoCard .infoCard_wrap .i_card:hover p {
					display: block;
					opacity: 1;
				}

				.infoArea .infoCard .infoCard_wrap .i_card a::after {
					content: url('../images/img-arrow01.png');
					display: block;
					position: absolute;
					top: 35%;
					right: 2rem;
					transition: all .3s ease 0s;
					transform: translateX(6rem);
					transform: translateY(-50%);
					width: 1.4rem;
					height: 1.3rem;
				}

				.infoArea .infoCard .infoCard_wrap .i_card:hover a {
					text-decoration: none;
					background: rgba(193, 10, 30, 1);
				}

					.infoArea .infoCard .infoCard_wrap .i_card:hover a::after {
						opacity: 1;
						right: 1rem;
					}

.i_card.card_blue01 {
	background: rgba(5, 72, 171, 1) url('../images/main/blue01_pt.png') bottom 10rem left no-repeat;
	animation: cardBlue01Float 3.2s ease-in-out infinite;
}

	.i_card.card_blue01:hover {
		background: rgba(5, 72, 171, 1) url('../images/main/blue01_bg.png') 0 0 no-repeat;
		animation: none;
	}

@keyframes cardBlue01Float {
	0%, 100% {
		background-position: left 0 bottom 10rem;
	}

	50% {
		background-position: left 1.2rem bottom 10rem;
	}
}

.i_card.card_blue02 {
	background: rgba(0, 108, 255, 1) url('../images/main/blue02_pt.png') bottom 10rem left no-repeat;
	animation: cardBlue02Slide 3.2s ease-in-out infinite;
}

	.i_card.card_blue02:hover {
		background: rgba(0, 108, 255, 1) url('../images/main/blue03_bg.png') 0 0 no-repeat;
		animation: none;
	}

@keyframes cardBlue02Slide {
	0%, 100% {
		background-position: left 0 bottom 10rem;
	}

	50% {
		background-position: left 1.2rem bottom 10rem;
	}
}

.i_card.card_blue03 {
	background: rgba(0, 108, 255, 1) url('../images/main/blue03_pt.png') bottom 10rem right no-repeat;
	animation: cardBlue03Float 3.2s ease-in-out infinite;
}

	.i_card.card_blue03:hover {
		background: rgba(0, 108, 255, 1) url('../images/main/blue02_bg.png') 0 0 no-repeat;
		animation: none;
	}

@keyframes cardBlue03Float {
	0%, 100% {
		background-position: right bottom 10rem;
	}

	50% {
		background-position: right bottom 11.2rem;
	}
}

.i_card.card_blue04 {
	background: rgba(1, 23, 60, 1);
}

	.i_card.card_blue04:hover {
		background: rgba(1, 23, 60, 1) url('../images/main/blue04_bg.png') 0 0 no-repeat;
	}

	.i_card.card_blue04::before {
		content: "";
		position: absolute;
		right: -14.25rem;
		bottom: 11.4rem;
		width: 28.5rem;
		height: 28.5rem;
		background: url('../images/main/ci.svg') center no-repeat;
		background-size: auto 1420%;
		opacity: .15;
		pointer-events: none;
		animation: cardBlue04Rotate 14s linear infinite;
	}

	.i_card.card_blue04 h4,
	.i_card.card_blue04 p {
		position: relative;
		z-index: 1;
	}

	.i_card.card_blue04 a {
		z-index: 1;
	}

	.i_card.card_blue04:hover::before {
		animation: none;
		opacity: 0;
	}

@keyframes cardBlue04Rotate {
	to {
		transform: rotate(360deg);
	}
}

.infoArea .flow-container {
	position: absolute;
	bottom: 0 !important;
}

.infoArea .flow-wrap {
	animation-duration: 40s
}

.flow-container {
}

.flow-text {
	display: flex;
	flex: 0 0 auto;
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s;
	font-size: 17rem;
	font-weight: 800;
	line-height: 80%;
	color: rgba(0, 0, 0, 1);
	/*color:rgba(170, 170, 170, 0.12);*/
}

.flow-wrap {
	animation: textLoop 15s linear infinite;
	padding-right: 1.4881vw;
}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}




.popupzoneArea {
	position: relative;
	padding: 30px 0 30px 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	min-height: 230px;
}

	.popupzoneArea h3 {
		font-family: 'Pretendard';
		font-size: 4.2rem;
		font-weight: 700;
		color: #000;
		margin-bottom: 3rem;
	}

	.popupzoneArea .btn_more {
		position: absolute;
		right: 20px;
		top: 5rem;
		margin: 0;
		padding: 0;
		font-size: 0.875rem;
	}

		.popupzoneArea .btn_more > a {
			display: block;
			background: url("../images/main/more.png")0 0 no-repeat;
			width: 23px;
			height: 23px;
			text-indent: -2000px;
		}

	.popupzoneArea .swiper-container {
		position: relative;
		background-color: #fff;
		display: inline-block;
		width: 100%;
		height: 50rem;
	}

		.popupzoneArea .swiper-container .swiper-slide {
			border-radius: 4rem 4rem 4rem 0;
			height: 45rem;
			overflow: hidden;
		}

.popupzoneImg01,
.popupzoneImg02 {
	width: 100%;
	height: 50rem;
	margin: 0 auto 2rem auto;
	background: #fff;
	background-size: cover;
}

.popupzoneArea .swiper-container .swiper-slide .popupzoneImg01 {
	background: url("../images/main/popup01.png") center 0 no-repeat;
}

.popupzoneArea .swiper-container .swiper-slide .popupzoneImg02 {
	background: url("../images/main/popup02.png") center 0 no-repeat;
}


.popupzoneArea .swiper-button-next,
.popupzoneArea .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.popupzoneArea .swiper-container-horizontal > .swiper-pagination-bullets,
.popupzoneArea .swiper-pagination-custom,
.swiper-pagination-fraction {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.galleryArea .swiper-pagination-bullet,
.popupzoneArea .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: rgba(0, 0, 0, .2);
}

.galleryArea .swiper-pagination-bullet-active,
.popupzoneArea .swiper-pagination-bullet-active {
	opacity: 1;
	background: #40478f;
}

.galleryArea {
	position: relative;
	padding: 30px 0 30px 0;
	margin: 10px 0;
	font-family: 'Pretendard', sans-serif;
	min-height: 230px;
}

	.galleryArea h3 {
		font-family: 'Pretendard';
		font-size: 4.2rem;
		font-weight: 700;
		color: #000;
		margin-bottom: 3rem;
		text-align: center;
	}

	.galleryArea .btn_more {
		position: absolute;
		right: 20px;
		top: 30px;
		margin: 0;
		padding: 0;
		font-size: 0.875rem;
	}

		.galleryArea .btn_more > a {
			display: block;
			background: url("../images/main/more.png")0 0 no-repeat;
			width: 23px;
			height: 23px;
			text-indent: -2000px;
		}

	.galleryArea .swiper-container {
		display: inline-block;
		width: 100%;
		overflow: visible;
	}

		.galleryArea .swiper-container .swiper-wrapper {
		}

			.galleryArea .swiper-container .swiper-wrapper .swiper-slide {
				position: relative;
			}

				.galleryArea .swiper-container .swiper-wrapper .swiper-slide > .container {
					width: inherit !important;
				}

				.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul {
					display: inline-block;
					width: 100%;
					overflow: hidden;
					position: relative;
					border-radius: 2rem;
				}

					.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryImg {
						height: 40rem;
						border: 1px solid rgba(0, 0, 0, .1);
						overflow: hidden;
						display: block;
						border-radius: 2rem;
					}

					/*.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText{margin:1rem 1rem 2rem 1rem;}*/
					.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText {
						border-radius: 2rem;
						background-color: rgba(0, 0, 0, .6);
						position: absolute;
						top: 100%;
						width: 100%;
						height: 100%;
						color: #fff !important;
						-o-transition: all .45s ease-in-out;
						-ms-transition: all .45s ease-in-out;
						-moz-transition: all .45s ease-in-out;
						-webkit-transition: all .45s ease-in-out;
						transition: all .45s ease-in-out;
					}

				.galleryArea .swiper-container .swiper-wrapper .swiper-slide:hover .container > ul li.galleryText {
					top: 0;
				}

				.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText a {
					color: #fff;
					position: absolute;
					top: 50%;
					transform: translate(0, -50%);
					letter-spacing: -1px;
					width: 100%;
					text-align: center;
				}

					.galleryArea .swiper-container .swiper-wrapper .swiper-slide .container > ul li.galleryText a:hover {
						text-decoration: none;
					}

.galleryImg > img {
	object-fit: fill;
	width: 45rem;
	height: 30rem;
}

.galleryText h4 {
	font-family: 'Pretendard';
	font-size: 2.0rem;
	font-weight: 500;
	color: #000;
	margin: 2rem;
}

.galleryArea .swiper-container-horizontal > .swiper-pagination-bullets,
.galleryArea .swiper-pagination-custom,
.swiper-pagination-fraction {
	position: absolute;
	bottom: -4rem;
	left: 0;
	width: 100%;
}


.btn_down01 {
	width: 180px;
	height: 40px;
	background-color: #25b597;
	border-radius: 15px;
	display: block;
}

	.btn_down01 > a {
		display: block;
		color: #fff !important;
		text-align: center;
		padding: 5% 0;
		font-size: 0.875rem;
		font-weight: bold;
		letter-spacing: -1px;
		text-decoration: none !important;
	}

	.btn_down01:hover {
		background-color: #229f85;
	}

		.btn_down01:hover > a {
			color: #fff !important;
		}

.icon_down {
	background: url("/html/new/images/iconList03.png")0 0 no-repeat;
	width: 17px;
	height: 18px;
	display: inline-block;
}

.photoZone {
	position: relative;
	padding: 0;
	font-family: Dotum;
	margin: 10px 0;
}

	.photoZone h3 {
		/*font-family:'Nanumsquare';font-size:1.6em; font-weight:600;*/
		text-indent: -5000px;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
		color: #000;
		text-align: center;
		position: relative;
		background: url("/html/new/images/h3_tit_01.png") center top no-repeat;
	}

.titline01 {
	background: url("/html/new/images/line01_bg.png") 0 15px repeat-x;
}

.main-bottom {
	background: url("../images/main/bg_img_forest.png") 0 0 repeat-x;
	object-fit: cover;
}

.bottom-quick-area {
	display: flex;
	gap: 10rem;
	align-items: center;
	justify-items: center;
	justify-content: center;
}

	.bottom-quick-area ul {
		display: flex;
		gap: 10rem;
	}

	/*.bottom-quick-area li{width: 17rem; height:17rem; border-radius:50%; background-color:rgba(0,0,0,0); transition: all .3s ease 0s; position:relative;}*/
	.bottom-quick-area li {
		width: 17rem;
		height: 17rem;
		border-radius: 50%;
		transition: all .3s ease 0s;
		position: relative;
	}

		.bottom-quick-area li a h3 {
			font-size: 2.0rem;
			font-weight: 700;
			margin-top: 1rem;
			color: #fff;
			text-align: center;
		}

		.bottom-quick-area li a {
			font-size: 2.0rem;
			font-weight: 700;
			color: #fff;
			text-align: center;
			padding-top: 10rem;
			display: block;
			width: 17rem;
			height: 17rem;
			position: absolute;
			top: 0;
		}

			.bottom-quick-area li a:hover {
				text-decoration: none;
			}

		.bottom-quick-area li:before {
			content: "";
			display: block;
			width: 5.8rem;
			height: 5.6rem;
			margin: 4rem auto 0 auto;
			background: url("../images/main/bottom_quick_icon.png") no-repeat;
			transition: all .3s ease 0s;
			transform: translateY(0);
		}

		.bottom-quick-area li:hover {
			background-color: rgba(255, 255, 255, .05);
			cursor: pointer;
			backdrop-filter: blur(4px);
		}

			.bottom-quick-area li:hover:before {
				transform: translateY(-1rem);
			}

		.bottom-quick-area li:nth-child(1):before {
			background-position: 0 0;
		}

		.bottom-quick-area li:nth-child(2):before {
			background-position: -60px 0;
		}

		.bottom-quick-area li:nth-child(3):before {
			background-position: -120px 0;
		}

		.bottom-quick-area li:nth-child(4):before {
			background-position: -180px 0;
		}

.container-fluid {
	margin: 0;
	padding: 0;
}

.section {
	position: relative;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 10px;
}

.article {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.subVisualArea .container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.containerSub .titArea {
	position: relative;
	text-align: center;
	padding: 12rem 0 8.5rem 0;
}

	/*.containerSub .titArea h2::before{content: ""; background: url("../images/main/bar_bk.png")center 0 repeat-y; display:block; height:70px; margin-bottom:10px;}*/
	/*.containerSub .titArea h2::before{content: ""; background-color:#fff; height:5px; width:5px; display:block; margin:0 auto;}*/
	.containerSub .titArea h2 {
		font-family: var(--f_pret);
		font-weight: 700;
		font-size: 5.2rem;
		letter-spacing: 0;
		color: #fff;
	}

	.containerSub .titArea p {
		font-family: outfit;
		font-weight: 300;
		font-size: 1.8rem;
		letter-spacing: 2px;
		color: rgba(213, 0, 14, 1);
		margin-bottom: 1rem;
	}

	.containerSub .titArea .sNav {
		font-family: var(--f_pret);
		padding: 5px 0;
		color: #6a6b6c;
		font-weight: 300;
	}

.sub-nav {
	position: absolute;
	bottom: 2rem;
	width: 100%;
}

	.sub-nav > .s-nav-depth1 {
		display: flex;
		margin: 0 auto;
		width: 55rem;
	}

		.sub-nav > .s-nav-depth1 > li:not(:first-child) {
			position: relative;
			border-width: 0.1rem 0.1rem 0.1rem 0;
			width: 30rem;
		}

		.sub-nav > .s-nav-depth1 > li:first-child > a {
			padding: 0;
			width: 5rem;
			background: url(../images/sub/ico-sub-home.png) center / 2.0rem 2.0rem no-repeat;
			font-size: 0;
			color: transparent;
			padding: 1rem 2rem;
		}

		.sub-nav > .s-nav-depth1 > li > a {
			display: flex;
			align-items: center;
			position: relative;
			padding: 1rem 2rem;
			font-family: 'Pretendard';
			font-size: 1.8rem;
			font-weight: 400;
			color: #fff;
			height: 6rem;
		}

		.sub-nav > .s-nav-depth1 > li:not(:first-child) > a::after {
			content: "";
			display: block;
			position: absolute;
			top: 40%;
			right: 2.2rem;
			width: 1.5rem;
			height: .9rem;
			background: url(../images/sub/ico-nav-arrdown.png) center / 1.5rem .9rem no-repeat;
			transition: transform 0.2s ease-in-out;
		}

		.sub-nav > .s-nav-depth1 > li:not(:first-child).active > a::after {
			transform: rotate(180deg);
		}

	.sub-nav .s-nav-depth2 {
		display: none;
		position: absolute;
		overflow: auto;
		width: 100%;
		/*max-height: 45rem;*/
		background: rgba(34, 34, 34, 0.85);
		z-index: 12;
	}

		.sub-nav .s-nav-depth2::-webkit-scrollbar {
			width: 0.3rem;
		}

		.sub-nav .s-nav-depth2::-webkit-scrollbar-thumb {
			background-color: #999999;
			border-radius: 0.4rem;
			background-clip: padding-box;
		}

		.sub-nav .s-nav-depth2::-webkit-scrollbar-track {
			background: transperant;
		}

		.sub-nav .s-nav-depth2 > li > a {
			display: block;
			width: 100%;
			padding: 2.3rem 2rem;
			font-weight: 500;
			font-size: 1.6rem;
			color: #ffffff;
			font-family: 'Pretendard';
			text-align: left;
		}

			.sub-nav .s-nav-depth2 > li > a:hover {
				background: rgba(34, 34, 34, 0.95);
			}

.s-nav-depth2 > li > a.n-win {
	background: url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 2.5rem / 1.25rem 1.25rem no-repeat;
}

	.s-nav-depth2 > li > a.n-win:hover {
		background: rgba(34, 34, 34, 0.95) url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 2.5rem / 1.25rem 1.25rem no-repeat;
	}

/* 서브페이지 타이틀 영역 */

.tit04 {
	margin: 6rem 0 2.4rem 0;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 130%;
	color: #222222;
}

.f_enact {
	font-weight: 400;
	font-size: 1.6rem;
	color: #9f9f9f;
}

.sub-cont {
	margin: 0 auto 18rem;
	padding: 0;
	max-width: 140rem;
	overflow: hidden;
	font-family: 'Pretendard';
	font-size: 1.6rem;
}

	.sub-cont div.sub_tit {
		margin-bottom: 2.4rem;
		font-weight: 800;
		font-size: 3.8rem;
		line-height: 150%;
		color: #222;
		border-bottom: 1px solid rgba(0, 0, 0, .4);
		padding-bottom: 5rem;
	}

		.sub-cont div.sub_tit span {
			text-decoration: none;
			position: relative;
		}

			.sub-cont div.sub_tit span::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 0;
				height: 1rem;
				background-color: rgba(253, 202, 25, .6);
				transition: width 2s ease;
			}

			.sub-cont div.sub_tit span.animate::after {
				width: 100%;
			}


.lms_con {
	display: flex;
	flex-wrap: wrap;
	justify-items: center;
	align-items: center;
	gap: 5rem;
}

	.lms_con > div {
		position: relative;
		width: calc(33.3% - 10rem/3);
		height: 15rem;
		padding: 3.5rem 2rem;
		border: 1px solid #f7f7f7;
		background-color: #f7f7f7;
		border-radius: 1.2rem;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 700;
	}

		.lms_con > div::before {
			content: '';
			position: absolute;
			bottom: 2rem;
			right: 32px;
			width: 80px;
			height: 80px;
			background-repeat: no-repeat;
			background-position: 50%;
			background-size: cover;
			background: #fff;
			border-radius: 50%;
		}

		.lms_con > div:hover {
			border: 1px solid #000;
			background-color: #fff;
		}

		.lms_con > div:nth-of-type(1)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon01.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(2)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon02.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(3)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon03.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(4)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon04.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(5)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon05.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(6)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon06.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(7)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon07.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(8)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon08.png) center / 8rem 8rem no-repeat;
		}

		.lms_con > div:nth-of-type(9)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/icon09.png) center / 8rem 8rem no-repeat;
		}


.badges_con {
	display: flex;
	flex-wrap: wrap;
	justify-items: center;
	align-items: center;
	gap: 5rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(0, 0, 0, .4);
}

	.badges_con > div {
		position: relative;
		width: calc(50% - 5rem/2);
		height: 20rem;
		padding: 3.5rem 2rem;
		border: 1px solid #f7f7f7;
		background-color: #f7f7f7;
		border-radius: 1.2rem;
		text-align: left;
		font-size: 2.0rem;
		font-weight: 700;
	}

		.badges_con > div > span {
			font-size: 1.6rem;
			font-weight: 400;
			display: block;
			width: calc(100% - 12rem);
			margin-top: 1rem;
		}

		.badges_con > div::before {
			content: '';
			position: absolute;
			bottom: 2rem;
			right: 32px;
			width: 80px;
			height: 80px;
			background-repeat: no-repeat;
			background-position: 50%;
			background-size: cover;
			background: #fff;
			border-radius: 50%;
		}

		.badges_con > div:hover {
			border: 1px solid #000;
			background-color: #fff;
		}

		.badges_con > div:nth-of-type(1)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/b_icon01.png) center / 8rem 8rem no-repeat;
		}

		.badges_con > div:nth-of-type(2)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/b_icon02.png) center / 8rem 8rem no-repeat;
		}

		.badges_con > div:nth-of-type(3)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/b_icon03.png) center / 8rem 8rem no-repeat;
		}

		.badges_con > div:nth-of-type(4)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/b_icon04.png) center / 8rem 8rem no-repeat;
		}

		.badges_con > div:nth-of-type(5)::before {
			background: rgba(255, 255, 255, 1) url(../images/sub/b_icon05.png) center / 8rem 8rem no-repeat;
		}

.badges_con02 {
	position: relative;
	margin: 0;
	padding: 0;
}

.badges_wrap_mo {
	display: none;
}

.badges_wrap {
	margin: 10rem auto 18rem;
	padding: 0;
	max-width: 150rem;
	position: relative;
}

	.badges_wrap h3 {
		position: relative;
		max-width: 56rem;
		margin: 0 auto 4rem;
		padding: 2rem 10rem;
		background: #6801ff;
		border-radius: 11rem;
		font-weight: 700;
		line-height: 100%;
		color: #fff;
		z-index: 2;
	}

	.badges_wrap::before {
		content: "";
		display: block;
		position: absolute;
		top: 3rem;
		left: 10rem;
		width: 120rem;
		height: 110rem;
		border: 0.2rem solid #DEE2E6;
		border-radius: 2.5rem;
		z-index: 0;
	}

	.badges_wrap > .badges_box {
		display: flex;
		flex-wrap: wrap;
		justify-items: center;
		align-items: center;
		gap: 5rem;
	}

		.badges_wrap > .badges_box > div:nth-child(1) {
			width: 20rem;
			background-color: #fff;
			z-index: 3;
		}

		.badges_wrap > .badges_box > div h4 {
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 1rem 1rem;
			font-size: 1.6rem;
			font-weight: 500;
			line-height: 130%;
			color: #fff;
			background: #9551f9;
			border-radius: 5rem;
			z-index: 4;
		}

		.badges_wrap > .badges_box > div > dl > dt {
			text-align: center;
			padding-bottom: 1rem;
		}

			.badges_wrap > .badges_box > div > dl > dt img {
				width: 7rem;
				height: 7rem;
			}

		.badges_wrap > .badges_box > div > dl > dd {
			padding: .5rem 1rem;
			margin: .5rem 0;
			border: 1px solid #D9D9D9;
			border-radius: 1rem;
			font-weight: 400;
		}

		.badges_wrap > .badges_box > div:nth-child(2) {
			width: 90rem;
		}

			.badges_wrap > .badges_box > div:nth-child(2) p {
				text-align: center;
				font-size: 1.6rem;
				color: #393939;
				flex: none;
			}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t {
				position: relative;
				display: inline-block;
			}

			.badges_wrap > .badges_box > div:nth-child(2) > div.box_c_t::before {
				content: "";
				display: block;
				position: absolute;
				top: 2rem;
				left: 0;
				width: 100%;
				height: 95%;
				border: 0.1rem solid #9551f9;
				z-index: 1;
				border-top: none;
			}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t p {
			}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box {
				width: 65rem;
				display: inline-block;
				float: left;
				position: relative;
				background-color: rgba(247, 247, 247, 1);
				padding: 1rem 1rem 6rem 1rem;
				border-radius: 1rem;
				margin: 0 1rem;
			}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box h5 {
					flex: none;
					width: 100%;
					text-align: center;
				}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div {
					display: flex;
					flex-wrap: wrap;
					justify-items: center;
					align-items: center;
					gap: 2rem;
				}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div > div {
						flex: 1;
					}

						.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box > div > div > ul > li {
							padding: .5rem 1rem;
							margin: .5rem 0;
							border: 1px solid #D9D9D9;
							background-color: rgba(255, 255, 255, 1);
							font-weight: 400;
							border-radius: 1rem;
							text-align: center;
						}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box p {
				}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box {
				width: 21rem;
				display: inline-block;
				float: left;
				position: relative;
				margin-left: 2rem;
				background-color: rgba(247, 242, 253, 1);
				padding: 1rem 1rem 2rem 1rem;
				border-radius: 1rem;
				margin: 0 1rem;
			}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box h5 {
					flex: none;
					width: 100%;
					text-align: center;
				}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div {
					display: flex;
					flex-wrap: wrap;
					justify-items: center;
					align-items: center;
				}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div > ul {
						flex: 1;
					}

						.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box > div > ul > li {
							padding: .5rem 1rem;
							margin: .5rem 0;
							border: 1px solid #D9D9D9;
							background-color: rgba(255, 255, 255, 1);
							font-weight: 400;
							border-radius: 1rem;
							text-align: center;
						}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t > h5 {
				display: flex;
				justify-content: center;
				width: 90%;
				margin: 2rem auto;
				padding: 1rem 0;
				background: #6801ff;
				border-radius: 5rem;
				font-weight: 700;
				line-height: 100%;
				color: #fff;
				text-align: center;
			}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b {
				border: 1px solid #c39bfd;
			}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 {
					padding: 0 2rem 1rem 2rem;
				}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 p {
						text-align: center;
						font-size: 1.6rem;
						color: #393939;
						padding: 2rem 0 0 0;
						flex: none;
					}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div {
						display: flex;
						flex-wrap: wrap;
						justify-items: center;
						align-items: center;
						gap: 2rem;
					}

						.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div {
							width: calc(50% - 2rem/2);
						}

							.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div ul {
								flex: 1;
							}

							.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_01 div > div li {
								padding: .5rem 1rem;
								margin: .5rem 0;
								border: 1px solid #D9D9D9;
								background-color: rgba(255, 255, 255, 1);
								font-weight: 400;
								border-radius: 1rem;
								text-align: center;
							}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 {
					border-top: 1px solid #c39bfd;
					padding-bottom: 1rem;
				}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 p {
						text-align: center;
						font-size: 1.6rem;
						color: #393939;
						padding: 2rem 0 0 0;
						flex: none;
					}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div {
						position: relative;
						padding: 0 2rem;
					}

						.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div ul {
							display: flex;
							flex-wrap: wrap;
							justify-items: center;
							align-items: center;
							gap: 2rem;
						}

							.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_02 div ul > li {
								flex: 1;
								text-align: center;
								padding: .5rem 1rem;
								border: 1px solid #D9D9D9;
								line-height: 100%;
								height: 4.5rem;
								background-color: rgba(255, 255, 255, 1);
								font-weight: 400;
								border-radius: 1rem;
							}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 {
					border-top: 1px solid #c39bfd;
				}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div {
						position: relative;
						padding: 0 2rem 2rem 2rem;
					}

						.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div ul {
							display: flex;
							flex-wrap: wrap;
							justify-items: center;
							align-items: center;
							gap: 2rem;
						}

							.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 div ul > li {
								flex: 1;
								text-align: center;
								padding: .5rem 1rem;
								margin: .5rem 0;
								border: 1px solid #D9D9D9;
								background-color: rgba(255, 255, 255, 1);
								font-weight: 400;
								border-radius: 1rem;
							}

					.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b .box_c_b_03 p {
						text-align: center;
						font-size: 1.6rem;
						color: #393939;
						padding: 2rem 0 0 0;
						flex: none;
					}

		.badges_wrap > .badges_box > div:nth-child(3) {
			width: 20rem;
			background-color: #fff;
			z-index: 3;
		}

.bor-purple {
	border: 1px solid #9551f9 !important;
}


@keyframes underline-animation {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}


.tit-area {
	margin: 0 auto 8rem;
	width: 100%;
	padding: 0 5rem;
	position: relative;
}

	.tit-area::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 0.1rem;
		background: rgba(0, 0, 0, .2);
	}

	.tit-area > .tit-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
		margin: 0 auto;
		max-width: 140rem;
		padding: 11.4rem 0 4rem 0;
	}

.w_row01 {
	margin-top: 10rem;
}

/*회사소개*/
.w_row02 {
	display: flex;
	flex-direction: row;
	gap: 0 10rem;
}

	.w_row02 > div:nth-child(1) {
		width: 50%;
	}

	.w_row02 > div:nth-child(2) {
		width: 50%;
	}

	.w_row02 > div {
		padding: 10rem 0;
	}

.txt-box {
	font-family: var(--f_pret);
}

.txt-box01 {
	font-family: var(--f_pret);
}

.txt-box02 {
	font-family: var(--f_pret);
}

.txt-box p {
	font-size: 2.0rem;
	line-height: 160%;
	margin: 0 0 4rem 0;
	color: rgba(0, 0, 0, 1);
}

.txt-box h4 {
	font-size: 2.2rem;
	font-family: Outfit;
	color: #d5000e;
}

.txt-box .cpn_tit {
	font-size: 6rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 1px;
}

.txt-box .cpn_tit02 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: .5px;
	margin-top: 10rem;
}

.itss-page .txt-box h4 {
	margin-bottom: 1rem;
	font-family: Outfit, var(--f_pret);
	font-size: 2.2rem;
	font-weight: 700;
	color: #d5000e;
}

.itss-page .txt-box > p:not(.cpn_tit):not(.cpn_tit02) {
	font-size: 2.0rem;
	line-height: 1.6;
	color: #222;
}

.txt-box01 p {
	font-size: 2.0rem;
	line-height: 160%;
	margin: 0 0 2rem 0;
	color: rgba(0, 0, 0, 1);
}

.txt-box01 h4 {
	font-size: 2.2rem;
	font-family: Outfit;
	color: #d5000e;
}

.txt-box01 .cpn_tit {
	font-size: 6rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 1px;
}

.txt-box01 .cpn_tit02 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: .5px;
	margin-top: 10rem;
}

.txt-box01 .cpn_txt {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 120%;
}

.client-logo-rolling {
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	position: relative;
	margin-top: 7rem;
	overflow: hidden;
}

	.client-logo-rolling::before,
	.client-logo-rolling::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 14rem;
		pointer-events: none;
		z-index: 2;
	}

	.client-logo-rolling::before {
		left: 0;
		background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	}

	.client-logo-rolling::after {
		right: 0;
		background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
	}

.client-logo-row {
	overflow: hidden;
	width: 100%;
}

.client-logo-track {
	display: flex;
	align-items: center;
	gap: 2.4rem;
	width: max-content;
	animation: clientLogoRoll 42s linear infinite;
}

.client-logo-row:nth-child(2) .client-logo-track {
	animation-duration: 48s;
	animation-direction: reverse;
}

.client-logo-row:nth-child(3) .client-logo-track {
	animation-duration: 45s;
}

.client-logo-track img {
	display: block;
	flex: 0 0 auto;
	width: 18.5rem;
	height: 12rem;
	filter: grayscale(1) opacity(.45);
	object-fit: contain;
}

@keyframes clientLogoRoll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-50% - 1.2rem));
	}
}

.txt-box02 p {
	font-size: 2.0rem;
	line-height: 160%;
	margin: 0 0 2rem 0;
	color: rgba(0, 0, 0, 1);
}

.imgs {
	margin-top: 10rem;
}

	.imgs .cpn_img {
		background: rgba(0, 0, 0, 1) url(../images/main/cpn_img.png) center center no-repeat;
		width: 100%;
		height: 80rem;
		border-radius: 5rem;
	}

.imgs01 {
	margin-top: 5rem;
}

	.imgs01 .buss_img {
		background: rgba(0, 0, 0, 1) url(../images/sub/buss_img.png) center center no-repeat;
		width: 100%;
		height: 40rem;
		border-radius: 5rem;
	}

	.imgs01 .buss_img01 {
		background: rgba(0, 0, 0, 1) url(../images/sub/buss_img02.png) center center no-repeat;
		width: 100%;
		height: 40rem;
		border-radius: 5rem;
	}

	.imgs01 .buss_img04 {
		background: rgba(0, 0, 0, 1) url(../images/sub/buss_img04.png) center center no-repeat;
		width: 100%;
		height: 40rem;
		border-radius: 5rem;
	}

/* 연혁 */

.history-wrap {
	/**/
	display: flex;
	gap: 10rem 25rem;
}

	.history-wrap > div:nth-child(1) {
		width: 50%;
	}

	.history-wrap > div:nth-child(2) {
		width: 50%;
	}

.history-bar {
	position: relative;
	padding-left: 8rem;
	margin-top: 1.2rem;
	padding-bottom: 1rem;
}

	.history-bar:before {
		content: "";
		position: absolute;
		top: 1rem;
		left: 0;
		bottom: 1.4rem;
		display: block;
		width: 1px;
		background: #ddd;
	}

.history-actbar {
	content: "";
	position: absolute;
	top: 1rem;
	left: -0rem;
	display: block;
	width: 1px;
	height: 0;
	max-height: calc(100% - 3rem);
	background: var(--bg-blue);
}

.history-cont-wrap {
	position: relative;
}

/*.history-cont-wrap:has( + .history-cont-wrap) {margin-top:2rem;margin-bottom:10rem;}*/
.history-cont + .history-cont {
	margin-top: 2.5rem;
}

.history-cont-year {
	font-size: 3.6rem;
	font-family: var(--f_pret);
	margin-bottom: 6rem;
	position: relative;
	font-weight: 700;
	line-height: 1;
}

	.history-cont-year:before {
		content: "";
		position: absolute;
		top: 1rem;
		left: -8.7rem;
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 50%;
		background: #ddd;
	}

.history-cont-txt {
	position: relative;
	/*padding-left:10rem;*/
}

	.history-cont-txt:before {
		content: "";
		position: absolute;
		top: 0.9rem;
		left: -8.3rem;
		width: 0.7rem;
		height: 0.7rem;
		border-radius: 50%;
		background: #ddd;
	}

	.history-cont-txt .date {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 2rem;
		font-family: var(--f_pret);
		line-height: 160%;
	}

	.history-cont-txt .txt {
		font-size: 2rem;
		line-height: 160%;
	}

		.history-cont-txt .txt:before {
			content: "-";
			margin-right: 1rem;
		}

	.history-cont-txt.prize .date,
	.history-cont-txt.prize .txt {
		color: var(--bg-blue);
	}

.history-cont-wrap .history-cont .history-cont-year.act:before,
.history-cont-wrap.first .history-cont .history-cont-year:before {
	background: var(--bg-blue);
}

.history-cont-wrap .history-cont .history-cont-year.act:after,
.history-cont-wrap.first .history-cont .history-cont-year:after {
	content: "";
	position: absolute;
	top: -0.5rem;
	left: -10.2rem;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	background: var(--bg-blue);
	opacity: 0.2;
}

.history-cont-wrap .history-cont .history-cont-txt.act:before,
.history-cont-wrap.first .history-cont .history-cont-txt:before {
	background: var(--bg-blue)
}

.history-cont-wrap .history-cont .history-cont-year:before,
.history-cont-wrap .history-cont .history-cont-txt:before {
	transition: all .3s;
}

.history-tab .tab-nav .name {
	white-space: nowrap;
}

.history-cont-year,
.history-cont-txt {
	opacity: 0.3;
	transition: all 0.5s ease;
}

	.history-cont-year.act,
	.history-cont-txt.act {
		opacity: 1;
		/* 기존 스타일에 맞춰 변경 */
	}

.icon_box {
}

	.icon_box i {
		display: block;
		margin-bottom: 5rem;
		transition: transform 0.3s ease;
	}

	.icon_box div:hover {
		cursor: pointer;
	}

		.icon_box div:hover i {
			transform: translateY(-1rem);
		}

	.icon_box.last_none div:last-child {
		background: #fff;
	}

/* business */
.business-wrap {
	/**/
	display: flex;
	gap: 10rem 25rem;
}

.buss_icon_box {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 3rem;
}

	.buss_icon_box div {
		flex: 1;
		background: rgba(241, 243, 249, 1);
		border-radius: 2rem;
		/*height:35rem;*/
		text-decoration: none;
		display: flex;
		flex-direction: column;
		padding: 6rem 3rem;
	}

	.buss_icon_box .box_area > a > img {
		margin-bottom: 2rem;
	}

	.buss_icon_box div p {
		font-family: var(--f_pret);
		font-size: 1.8rem;
		color: #000;
		font-weight: 600;
	}

.buss_icon_box01 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

	.buss_icon_box01 div {
		background: rgba(241, 243, 249, 1);
		border-radius: 2rem;
		text-decoration: none;
		display: flex;
		flex-direction: column;
		padding: 6rem 3rem;
		width: calc(100% / 5 - 1.5rem);
	}

	.buss_icon_box01 .box_area > a > img {
		margin-bottom: 2rem;
	}

	.buss_icon_box01 div p {
		font-family: var(--f_pret);
		font-size: 1.8rem;
		color: #000;
		font-weight: 600;
	}


.ico_computer {
	width: 5.0rem;
	height: 5.0rem;
	background: url(../images/sub/ico_computer.png) center center / 5.0rem 5.0rem no-repeat;
}

.ico_money {
	width: 5.1rem;
	height: 5.1rem;
	background: url(../images/sub/ico_money.png) center center / 5.1rem 5.1rem no-repeat;
}

.ico_note {
	width: 5.1rem;
	height: 5.0rem;
	background: url(../images/sub/ico_note.png) center center / 5.1rem 5.0rem no-repeat;
}

.ico_system {
	width: 4.6rem;
	height: 5.0rem;
	background: url(../images/sub/ico_system.png) center center / 4.6rem 5.0rem no-repeat;
}

.ico_system02 {
	width: 5.1rem;
	height: 5.4rem;
	background: url(../images/sub/ico_system02.png) center center / 5.1rem 5.4rem no-repeat;
}

.ico_system03 {
	width: 5.1rem;
	height: 5.1rem;
	background: url(../images/sub/ico_system03.png) center center / 5.1rem 5.1rem no-repeat;
}

.ico_hosting {
	width: 5.1rem;
	height: 5.1rem;
	background: url(../images/sub/ico_hosting.png) center center / 5.1rem 5.1rem no-repeat;
}

.ico_security {
	width: 5.0rem;
	height: 5.1rem;
	background: url(../images/sub/ico_security.png) center center / 5.0rem 5.1rem no-repeat;
}

.ico_puzzle {
	width: 5.1rem;
	height: 5.1rem;
	background: url(../images/sub/ico_puzzle.png) center center / 5.1rem 5.1rem no-repeat;
}

.ico_data {
	width: 5.2rem;
	height: 5.1rem;
	background: url(../images/sub/ico_data.png) center center / 5.2rem 5.1rem no-repeat;
}

.ico_cost {
	width: 6.7rem;
	height: 5.1rem;
	background: url(../images/sub/ico_cost.png) center center / 6.7rem 5.1rem no-repeat;
}

.ico_handshake {
	width: 6.3rem;
	height: 5.4rem;
	background: url(../images/sub/ico_handshake.png) center center / 6.3rem 5.4rem no-repeat;
}

.ico_browser {
	width: 5.5rem;
	height: 5.1rem;
	background: url(../images/sub/ico_browser.png) center center / 5.5rem 5.1rem no-repeat;
}

.ico_browser01 {
	width: 5.5rem;
	height: 5.1rem;
	background: url(../images/sub/ico_browser01.png) center center / 5.5rem 5.1rem no-repeat;
}

.ico_file {
	width: 5.5rem;
	height: 5.1rem;
	background: url(../images/sub/ico_file.png) center center / 5.5rem 5.1rem no-repeat;
}

.ico_file01 {
	width: 6.3rem;
	height: 5.8rem;
	background: url(../images/sub/ico_file01.png) center center / 6.3rem 5.8rem no-repeat;
}

.ico_clock {
	width: 5.3rem;
	height: 5.1rem;
	background: url(../images/sub/ico_clock.png) center center / 5.3rem 5.1rem no-repeat;
}

.ico_click {
	width: 5.1rem;
	height: 5.8rem;
	background: url(../images/sub/ico_click.png) center center / 5.1rem 5.8rem no-repeat;
}

.ico_check {
	width: 6.0rem;
	height: 5.4rem;
	background: url(../images/sub/ico_check.png) center center / 6.0rem 5.4rem no-repeat;
}

.ico_business {
	width: 5.1rem;
	height: 5.4rem;
	background: url(../images/sub/ico_business.png) center center / 5.1rem 5.4rem no-repeat;
}

.ico_business01 {
	width: 5.9rem;
	height: 5.7rem;
	background: url(../images/sub/ico_business01.png) center center / 5.9rem 5.7rem no-repeat;
}

.ico_care {
	width: 6.2rem;
	height: 6.6rem;
	background: url(../images/sub/ico_care.png) center center / 6.2rem 6.6rem no-repeat;
}

.ico_attendance {
	width: 6.2rem;
	height: 6.6rem;
	background: url(../images/sub/ico_attendance.png) center center / 6.2rem 6.6rem no-repeat;
}

.ico_flag {
	width: 5.1rem;
	height: 5.4rem;
	background: url(../images/sub/ico_flag.png) center center / 5.1rem 5.4rem no-repeat;
}

.ico_trophy {
	width: 5.1rem;
	height: 5.4rem;
	background: url(../images/sub/ico_trophy.png) center center / 5.1rem 5.4rem no-repeat;
}

.ico_ask {
	width: 6.0rem;
	height: 5.9rem;
	background: url(../images/sub/ico_ask.png) center center / 6.0rem 5.9rem no-repeat;
}

.legacy-digital-copy {
	display: none;
}

.digital-badge-page {
	width: 100%;
}

.digital-title {
	margin-bottom: 3rem;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	letter-spacing: 1px;
}

.digital-partnership > p {
	font-size: 2.0rem;
	line-height: 1.6;
	color: #222;
}

.digital-feature,
.digital-partnership {
	margin-top: 12rem;
}

.digital-badge-page h5 {
	margin-bottom: 4rem;
	font-size: 2.4rem;
	font-weight: 700;
	color: #111;
}

.digital-feature-grid {
	display: grid;
	grid-template-columns: 24rem 6rem 1fr;
	align-items: center;
	gap: 3rem;
}

.digital-university-badge {
	display: flex;
	justify-content: center;
}

.badge-mark {
	width: 18rem;
	height: 18rem;
}

	.badge-mark img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

.digital-arrow {
	position: relative;
	width: 6rem;
	height: 5.6rem;
}

	.digital-arrow::before,
	.digital-arrow::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 2.8rem;
		height: 2.8rem;
		border-top: .8rem solid #095bc8;
		border-right: .8rem solid #095bc8;
		transform: translateY(-50%) rotate(45deg);
	}

	.digital-arrow::before {
		left: 0;
	}

	.digital-arrow::after {
		left: 2rem;
	}

.digital-arrow {
	transform: rotate(180deg);
}

.digital-info-panel {
	display: grid;
	grid-template-columns: 34rem 1fr;
	gap: 4rem;
	align-items: center;
	padding: 4rem;
	border: .1rem solid #254785;
	border-radius: 1.2rem;
	background: #f6f9ff;
}

.badge-fields {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem 2rem;
	padding: 3rem;
	border-radius: .8rem;
	background: #e9eef5;
}

	.badge-fields span {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 4rem;
		border-radius: .6rem;
		background: #1474ec;
		font-size: 1.6rem;
		font-weight: 400;
		color: #fff;
	}

.digital-info-panel li,
.partner-card li {
	position: relative;
	margin-bottom: 1.8rem;
	padding-left: 1.4rem;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.7;
	color: #222;
}

	.digital-info-panel li::before,
	.partner-card li::before {
		content: "";
		position: absolute;
		top: 1.1rem;
		left: 0;
		width: .5rem;
		height: .5rem;
		border-radius: 50%;
		background: #111;
	}

.partner-cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 8rem minmax(0, 1fr);
	align-items: center;
	gap: 5rem;
	margin-top: 7rem;
}

.partner-card {
	overflow: hidden;
	border: .1rem solid #c8c8c8;
	border-radius: .8rem;
	background: #fff;
}

.partner-visual {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: 22rem;
	padding: 3rem;
	background: #021226;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

	.partner-visual::before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(rgba(2, 18, 38, .78), rgba(2, 18, 38, .78)), url("../images/sub/badge_bg.png") center / cover no-repeat;
		transition: transform .6s ease;
		z-index: 0;
	}

.partner-card:hover .partner-visual::before {
	transform: scale(1.08);
}

.partner-visual span {
	position: relative;
	z-index: 1;
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 500;
}

.partner-visual strong {
	position: relative;
	z-index: 1;
	font-size: 3rem;
	font-weight: 800;
}

.partner-visual .partner-logo {
	display: block;
	position: relative;
	z-index: 1;
	width: auto;
	height: 4.6rem;
}

.partner-card ul {
	padding: 4rem 5rem;
}

.partner-x {
	position: relative;
	width: 8rem;
	height: 8rem;
}

	.partner-x::before,
	.partner-x::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: .2rem;
		background: #111;
	}

	.partner-x::before {
		transform: rotate(45deg);
	}

	.partner-x::after {
		transform: rotate(-45deg);
	}

.location-page {
	padding-bottom: 18rem;
	font-family: var(--f_pret);
}

.location-heading {
	margin-bottom: 6rem;
}

	.location-heading h4 {
		margin-bottom: 1rem;
		font-family: Outfit, var(--f_pret);
		font-size: 2.2rem;
		font-weight: 700;
		color: #d5000e;
	}

	.location-heading p {
		margin: 0;
		font-size: 6rem;
		font-weight: 700;
		line-height: 1.2;
		color: #000;
		letter-spacing: 1px;
	}

.location-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 50rem;
	gap: 2rem;
	align-items: stretch;
}

.location-map {
	position: relative;
	min-height: 70rem;
	overflow: hidden;
	border-radius: 2rem;
	background: #eef1f6;
}

	.location-map iframe {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 70rem;
		border: 0;
	}

.location-info {
	display: flex;
	flex-direction: column;
	padding: 4.5rem 3.5rem 3.5rem;
	border-radius: 2.6rem;
	background: #f3f3f3;
}

.location-eyebrow {
	margin-bottom: 1.0rem;
	font-family: Outfit, var(--f_pret);
	font-size: 1.6rem;
	font-weight: 400;
	color: #d5000e;
}

.location-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #d6d6d6;
}

	.location-title-row h5 {
		margin: 0;
		font-size: 3.6rem;
		font-weight: 800;
		line-height: 1.25;
		color: #000;
	}

.location-list {
	margin: 3rem 0 auto;
	padding: 0;
}

	.location-list li {
		display: grid;
		grid-template-columns: 5rem 1fr;
		gap: 1.4rem;
		margin-bottom: 1.8rem;
		font-size: 1.8rem;
		line-height: 1.5;
		color: #333;
	}

	.location-list .location-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 3.2rem;
		height: 3.2rem;
		border-radius: 50%;
	}

		.location-list .location-icon::before,
		.location-list .location-icon::after {
			content: "";
			position: absolute;
			display: block;
		}

.location-icon-address::before {
	left: 50%;
	top: 50%;
	width: 1.8rem;
	height: 1.8rem;
	background: #111;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	transform: translate(-50%, -50%);
}

.location-icon-phone::before {
	left: 50%;
	top: 50%;
	width: 1.8rem;
	height: 1.8rem;
	background: #111;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E") center / contain no-repeat;
	transform: translate(-50%, -50%);
}

.location-icon-fax::before {
	left: 50%;
	top: 50%;
	width: 1.8rem;
	height: 1.8rem;
	background: #111;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E") center / contain no-repeat;
	transform: translate(-50%, -50%);
}

.location-map-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10rem;
	padding: 0 3.5rem;
	height: 6.4rem;
	border: 2px solid #000;
	border-radius: 4rem;
	background-image: linear-gradient(to right, rgba(1, 23, 60, 1) 50%, rgba(255,255,255,1) 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	font-size: 1.8rem;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	transition: background-position .4s ease, border-color .4s ease, color .4s ease;
}

	.location-map-link:hover {
		background-position: left bottom;
		border-color: rgba(1, 23, 60, 1);
		color: #fff;
		text-decoration: none;
	}

	.location-map-link::after {
		content: "";
		width: 2.4rem;
		height: 2.4rem;
		background: currentColor;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z'/%3E%3Cpath d='M15 5.764v15'/%3E%3Cpath d='M9 3.236v15'/%3E%3C/svg%3E") center / contain no-repeat;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z'/%3E%3Cpath d='M15 5.764v15'/%3E%3Cpath d='M9 3.236v15'/%3E%3C/svg%3E") center / contain no-repeat;
	}

.k-openbadge-section {
	margin-top: 12rem;
}

.k-openbadge-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	gap: 6rem;
	align-items: center;
	padding: 5rem 7rem;
	border: .1rem solid #254785;
	border-radius: 1.2rem;
}

.k-openbadge-visual {
	display: flex;
	justify-content: center;
}

	.k-openbadge-visual img {
		display: block;
		width: 100%;
		max-width: 52rem;
		height: auto;
		object-fit: contain;
	}

.k-openbadge-list li {
	position: relative;
	margin-bottom: 1.3rem;
	padding-left: 1.6rem;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.55;
	color: #111;
}

	.k-openbadge-list li::before {
		content: "";
		position: absolute;
		top: 1.1rem;
		left: 0;
		width: .5rem;
		height: .5rem;
		border-radius: 50%;
		background: #001f44;
	}

.k-openbadge-download {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 7rem;
	min-width: 36rem;
	height: 6rem;
	padding: 0 4rem;
	border-radius: 1.8rem;
	border: .1rem solid #001f44;
	background-image: linear-gradient(to right, rgba(0,108,255,1) 50%, #001f44 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	transition: background-position .4s ease, color .2s ease, border-color .2s ease;
}

	.k-openbadge-download::after {
		content: "";
		width: 1.4rem;
		height: 1.4rem;
		margin-left: 1.5rem;
		border-right: .2rem solid #fff;
		border-bottom: .2rem solid #fff;
		transform: rotate(45deg) translateY(-.3rem);
		transition: border-color .2s ease;
	}

	.k-openbadge-download:hover {
		background-position: left bottom;
		border-color: rgba(0,108,255,1);
		color: #fff;
		text-decoration: none;
	}

	.k-openbadge-download:visited,
	.k-openbadge-download:active,
	.k-openbadge-download:focus {
		color: #fff;
		text-decoration: none;
	}

.pms-page {
	width: 100%;
}

	.pms-page h4 {
		margin-bottom: 1rem;
		font-family: Outfit, var(--f_pret);
		font-size: 2.2rem;
		font-weight: 700;
		color: #d5000e;
	}

.pms-title {
	margin-bottom: 5rem;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	letter-spacing: 1px;
}

.pms-copy p {
	margin-bottom: 1rem;
	font-size: 2.0rem;
	line-height: 1.6;
	color: #222;
}

.pms-module-section,
.pms-screen-section {
	margin-top: 12rem;
}

.pms-module-panel {
	padding: 7rem 4rem 9rem;
	border-radius: 3rem;
	background: #eef2ff;
}

.pms-logo {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: .4rem;
	margin-bottom: 6rem;
}

	.pms-logo img {
		display: block;
		width: auto;
		max-width: 12rem;
		height: auto;
	}

	.pms-logo strong {
		margin-bottom: 0;
		font-size: 2.6rem;
		font-weight: 800;
		line-height: 80%;
		color: #111;
	}

.pms-module-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 2rem;
}

	.pms-module-grid article h5 {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 6.4rem;
		margin-bottom: 4rem;
		border-radius: 1rem;
		background: #122264;
		font-size: 1.8rem;
		font-weight: 700;
		color: #fff;
		text-align: center;
		transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
	}

	.pms-module-grid article ul {
		padding: 0 3rem;
	}

	.pms-module-grid article:hover h5 {
		background-color: #0b3a96;
		box-shadow: 0 1.2rem 2.5rem rgba(9, 91, 200, .18);
		transform: translateY(-.4rem);
	}

	.pms-module-grid article li {
		position: relative;
		margin-bottom: 1.4rem;
		padding-left: 1.6rem;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.4;
		color: #111;
	}

		.pms-module-grid article li::before {
			content: "";
			position: absolute;
			top: .9rem;
			left: 0;
			width: .5rem;
			height: .5rem;
			border-radius: 50%;
			background: #095bc8;
		}

.pms-screen-section h5 {
	margin-bottom: 5rem;
	font-size: 2.4rem;
	font-weight: 700;
	color: #111;
}

.pms-screen-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9rem 3rem;
}

	.pms-screen-grid figure {
		position: relative;
		margin: 0;
		text-align: center;
	}

	.pms-screen-grid img {
		display: block;
		width: 100%;
		aspect-ratio: 1.55 / 1;
		object-fit: contain;
		border: .1rem solid lightgray;
		background: #f7f8fb;
		margin: 0 auto;
	}

	.pms-screen-grid figcaption {
		margin-top: 2rem;
		font-size: 1.6rem;
		font-weight: 500;
		color: #111;
	}

	.pms-screen-grid figure:hover img {
		border-color: lightgray;
	}

	.pms-screen-grid figure:hover figcaption {
		color: #111;
	}

/* PMS chart motion overlay - keep for later use
.pms-chart-motion {
	position: absolute;
	right: 2rem;
	bottom: 5.4rem;
	display: flex;
	align-items: flex-end;
	gap: .5rem;
	width: 7.6rem;
	height: 5.2rem;
	padding: 1rem;
	border-radius: 1rem;
	background: rgba(255, 255, 255, .86);
	box-shadow: 0 .8rem 2rem rgba(18, 34, 100, .14);
	pointer-events: none;
}

.pms-chart-motion::before {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	height: .1rem;
	background: rgba(9, 91, 200, .18);
}

.pms-chart-motion i {
	position: relative;
	z-index: 1;
	display: block;
	flex: 1;
	height: 40%;
	border-radius: .4rem .4rem 0 0;
	background: linear-gradient(180deg, #2f7bff, #095bc8);
	transform-origin: bottom;
	animation: pmsBarRise 1.8s ease-in-out infinite;
}

.pms-chart-motion i:nth-child(2) {
	height: 62%;
	background: linear-gradient(180deg, #8cc7ff, #2f7bff);
	animation-delay: .18s;
}

.pms-chart-motion i:nth-child(3) {
	height: 82%;
	background: linear-gradient(180deg, #6fb8ff, #1f6fe5);
	animation-delay: .36s;
}

.pms-chart-motion i:nth-child(4) {
	height: 55%;
	background: linear-gradient(180deg, #1d4aa8, #0b1d5a);
	animation-delay: .54s;
}

.pms-screen-grid figure:nth-child(2n) .pms-chart-motion {
	left: 2rem;
	right: auto;
}

.pms-screen-grid figure:nth-child(6) .pms-chart-motion {
	width: 9rem;
	height: 6rem;
}
*/

/* PMS screen image float animation - keep for later use
.pms-screen-grid figure:nth-child(odd) img {
	animation: pmsFloat 4.8s ease-in-out infinite;
}

.pms-screen-grid figure:nth-child(even) img {
	animation: pmsFloat 5.4s ease-in-out infinite;
	animation-delay: .4s;
}

@keyframes pmsFloat {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-.6rem);
	}
}
*/

/* PMS chart motion overlay - keep for later use
@keyframes pmsBarRise {
	0%,
	100% {
		transform: scaleY(.55);
		opacity: .72;
	}

	45% {
		transform: scaleY(1);
		opacity: 1;
	}
}
*/

@media (prefers-reduced-motion: reduce) {
	.pms-screen-grid img {
		animation: none !important;
		transition: none;
	}
}

.ex_area {
	color: #16225d;
	font-size: 1.6rem;
	margin: 4rem 0;
	padding: 0;
	width: 100%;
}

.ex_area01 {
	color: #16225d;
	font-size: 1.6rem;
	margin: 0 0 8rem 0;
	padding: 0;
	width: 100%;
}

.s_check {
	background: url(../images/sub/check.png) 0 .2rem / 1.8rem 1.8rem no-repeat;
	display: inline-block;
	float: left;
	margin-right: 1rem;
	padding-left: 2.5rem;
}

.buss_box_area {
	width: 100%;
	position: relative;
	background: url(../images/sub/buss_img03.png) 0 / 100% no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 5rem 0;
	z-index: 1;
}

	.buss_box_area::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
		z-index: -1;
	}

.buss_txt_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

	.buss_txt_box div {
		background: rgba(255, 255, 255, 0.8);
		backdrop-filter: brightness(80%) saturate(125%) blur(30px);
		border-radius: 1rem;
		text-decoration: none;
		display: flex;
		padding: 2rem 2rem;
		border: 1px dashed rgba(22, 34, 93, 1);
		text-align: center;
		font-weight: 500;
		font-size: 1.8rem;
		width: calc(100% / 4 - 1.5rem);
		justify-content: space-between;
		flex-direction: column;
	}

.buss_box01 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	position: relative;
	padding: 5rem 0;
}

	.buss_box01 div > span {
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -4.5rem;
		border-radius: 50%;
		background: rgba(2, 73, 175, 1);
		color: #fff;
		font-weight: 700;
		width: 5.7rem;
		height: 5.7rem;
		text-align: center;
		padding: 1.4rem 0;
		font-size: 2rem;
	}

	.buss_box01 div {
		text-decoration: none;
		width: calc(100% / 4 - 1.5rem);
		position: relative;
	}

		.buss_box01 div p {
			background: #16225d;
			color: #fff;
			border-radius: 2rem;
			width: 100%;
			padding: 1.5rem 2rem;
			text-align: center;
			font-size: 2.0rem;
			font-weight: 500;
			letter-spacing: -.5px;
		}

		.buss_box01 div > ul {
			display: inline-block;
			background: rgba(238, 241, 253, 1);
			width: 100%;
			margin-top: 2rem;
			padding: 2rem 2.5rem;
			border-radius: 2rem;
			min-height: 21rem;
		}

			.buss_box01 div > ul li {
				position: relative;
				padding: .5rem 2rem;
				color: #000;
			}

				.buss_box01 div > ul li::before {
					content: "";
					display: block;
					position: absolute;
					top: 1.2rem;
					left: 0;
					width: 0.8rem;
					height: 0.8rem;
					background: rgba(246, 136, 136, 1);
					border-radius: 40%;
					color: #000;
				}

.buss_box02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	position: relative;
	padding: 5rem 0;
}

	.buss_box02 div {
		text-decoration: none;
		width: calc(100% / 2 - 1rem);
		position: relative;
	}

		.buss_box02 div p {
			background: #16225d;
			color: #fff;
			border-radius: 2rem;
			width: 100%;
			padding: 1.5rem 2rem;
			text-align: center;
			font-size: 2.0rem;
			font-weight: 500;
			letter-spacing: -.5px;
		}

		.buss_box02 div .buss_grouptb01 {
			border: 1px solid #16225d;
			margin: 2rem 0 0 0;
			display: flex;
			padding: 3rem 3rem;
			justify-content: center;
			align-items: center;
			border-radius: 2rem;
		}

			.buss_box02 div .buss_grouptb01 li {
				flex: 1;
				position: relative;
				text-align: center;
			}

				.buss_box02 div .buss_grouptb01 li::after {
					content: "";
					display: block;
					width: 0.1rem;
					height: 3rem;
					background: #d3d3d3;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}

				.buss_box02 div .buss_grouptb01 li:last-child::after {
					display: none;
				}

				.buss_box02 div .buss_grouptb01 li img {
					width: 70%;
					height: auto;
				}

		.buss_box02 div .buss_grouptb02 {
			display: flex;
			padding: 3rem 3rem;
			justify-content: center;
			align-items: center;
			border-radius: 2rem;
			height: 12rem;
		}

			.buss_box02 div .buss_grouptb02 li {
				flex: 1;
				position: relative;
				text-align: center;
			}

				.buss_box02 div .buss_grouptb02 li img {
				}

		.buss_box02 div .buss_grouptb03 {
			position: relative;
			width: 100%;
		}

			.buss_box02 div .buss_grouptb03 .buss_grouptb03_top {
				border: 1px solid #16225d;
				display: flex;
				padding: 1rem;
				justify-content: flex-end;
				align-items: center;
				border-radius: 2rem;
				width: 100%;
				flex-direction: column;
				height: 21.3rem;
			}

				.buss_box02 div .buss_grouptb03 .buss_grouptb03_top p {
					background: #eef1fd;
					color: #0249af;
					border-radius: 2rem;
					width: 100%;
					padding: 1.5rem 2rem;
					text-align: center;
					font-size: 1.8rem;
					font-weight: 700;
					letter-spacing: -.5px;
					position: relative;
				}

.option {
	background: #0249af;
	color: #fff;
	font-size: 1.8rem;
	padding: .5rem 2rem;
	border-radius: 1rem;
	font-size: 1.6rem;
	font-weight: 500;
	position: absolute;
	left: 1rem;
	top: 1.2rem;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_top > ul {
	margin: 2rem 0;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_top ul li {
	text-align: center;
	padding: .5rem 0;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .txt01 {
	font-size: 2.6rem;
	font-weight: 700;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .txt02 {
	font-size: 2.2rem;
	font-weight: 700;
	color: #16225d;
	display: flex;
	justify-content: center;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .buss_ico01 {
	width: 5.7rem;
	height: 3.5rem;
	background: url(../images/sub/buss_ico01.png) center center / 5.7rem 3.5rem no-repeat;
	display: inline-block;
	margin-right: 1rem;
}

.buss_box02 div .buss_grouptb03 .buss_center_tit {
	display: block;
	width: 30rem;
	height: 6rem;
	background: #3379dd;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 42%;
	color: #fff;
	z-index: 10;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 500;
	padding: 1.5rem 0;
	border-radius: 4rem;
}

.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom {
	border: 1px solid #16225d;
	margin: 2rem 0;
	display: flex;
	padding: 1rem;
	justify-content: center;
	align-items: center;
	border-radius: 2rem;
	width: 100%;
	flex-direction: column;
	height: 22rem;
}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom p {
		background: #eef1fd;
		color: #0249af;
		border-radius: 2rem;
		width: 100%;
		padding: 1.5rem 2rem;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 700;
		letter-spacing: -.5px;
		position: relative;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul {
		margin: 2rem 0;
		width: 100%;
	}

		.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li {
			text-align: center;
			padding: .5rem 0;
		}

			.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul {
				display: flex;
				padding: 3rem 3rem;
				justify-content: center;
				align-items: center;
			}

				.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul > li {
					flex: 1;
					position: relative;
					text-align: center;
				}

					.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul > li::after {
						content: "";
						display: block;
						width: 0.1rem;
						height: 3rem;
						background: #d3d3d3;
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}

					.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul > li:last-child::after {
						display: none;
					}

					.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul > li img {
						width: 11rem;
						height: auto;
					}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom .txt01 {
		font-size: 2.6rem;
		font-weight: 700;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom .buss_ico01 {
		width: 5.7rem;
		height: 3.5rem;
		background: url(../images/sub/buss_ico01.png) center center / 5.7rem 3.5rem no-repeat;
		display: inline-block;
		margin-right: 1rem;
	}

.buss_box03 {
	width: 100%;
	/*display: flex; flex-direction: row;gap:2rem;*/
	position: relative;
	padding: 5rem 0;
}

	.buss_box03 > div {
		position: relative;
		width: 100%;
	}

		/*.buss_box03 > div:nth-child(1){text-decoration:none; width: calc(80% - 1rem); position:relative;}
.buss_box03 > div:nth-child(2){text-decoration:none; width: calc(20%); position:relative;}
*/
		.buss_box03 > div .buss_grouptb01 {
			width: 100%;
			position: relative;
		}

			.buss_box03 > div .buss_grouptb01 ul {
				width: calc(80% - 1rem);
				position: relative;
				border: 1px solid #0249af;
				margin: 2rem 0 0 0;
				display: flex;
				padding: 3rem 3rem;
				justify-content: center;
				align-items: center;
				border-radius: 2rem;
			}

				.buss_box03 > div .buss_grouptb01 ul > li {
					flex: 1;
					position: relative;
					text-align: center;
				}

					.buss_box03 > div .buss_grouptb01 ul > li::after {
						content: "";
						display: block;
						width: 0.1rem;
						height: 3rem;
						background: #d3d3d3;
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}

					.buss_box03 > div .buss_grouptb01 ul > li:last-child::after {
						display: none;
					}

					.buss_box03 > div .buss_grouptb01 ul > li img {
						width: 40%;
						height: auto;
					}

		.buss_box03 > div .buss_grouptb02 {
			width: 100%;
			position: relative;
		}

			.buss_box03 > div .buss_grouptb02 > div {
				display: flex;
				flex-wrap: wrap;
				height: 12rem;
				width: calc(80% - 1rem);
			}

				.buss_box03 > div .buss_grouptb02 > div > ul {
					width: calc(60% - 3rem);
					display: flex;
					padding: 3rem 3rem;
					margin-right: 3rem;
				}

					.buss_box03 > div .buss_grouptb02 > div > ul > li {
						flex: 1;
						display: flex;
						justify-content: center;
						align-items: center;
						position: relative;
						text-align: center;
					}

						.buss_box03 > div .buss_grouptb02 > div > ul > li img {
							width: 60%;
							height: auto;
						}

				.buss_box03 > div .buss_grouptb02 > div > div {
					width: calc(40%);
					display: flex;
					justify-content: center;
					align-items: center;
				}

					.buss_box03 > div .buss_grouptb02 > div > div p {
						position: relative;
						background: #eef1fd;
						color: #0249af;
						border-radius: 2rem;
						width: 100%;
						padding: 1.5rem 2rem;
						text-align: center;
						font-size: 1.8rem;
						font-weight: 700;
						letter-spacing: -.5px;
					}

					.buss_box03 > div .buss_grouptb02 > div > div span:nth-child(1) {
						width: 18rem;
					}

					.buss_box03 > div .buss_grouptb02 > div > div span:nth-child(2) {
						text-align: center;
						width: calc(100% - 18rem);
						float: right;
						display: inline-block;
					}

		.buss_box03 > div .left_buss_grouptb01 {
			width: calc(20%);
			position: relative;
		}

			.buss_box03 > div .left_buss_grouptb01 ul {
				display: flex;
				margin: 2rem 0;
				align-items: center;
				justify-content: space-around;
			}

.option02 {
	background: #0249af;
	color: #fff;
	font-size: 1.8rem;
	padding: .5rem 2rem;
	border-radius: 1rem;
	font-size: 1.6rem;
	font-weight: 500;
	position: absolute;
	left: 1rem;
	top: 1.2rem;
}

.buss_box03 > div .buss_grouptb03 {
	width: 100%;
	position: relative;
	display: flex;
}

	.buss_box03 > div .buss_grouptb03 .left_wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		width: calc(80% - 1rem);
		margin: 2rem 0 0 0;
		padding: 3rem 3rem;
		border-radius: 2rem;
		border: 1px solid #0249af;
	}

		.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top p.tit {
				font-size: 1.8rem;
				font-weight: 700;
				color: #16225d;
				text-align: left;
				display: flex;
				align-items: center;
			}

				.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top p.tit span.buss_ico01 {
					width: 5.0rem;
					height: 3.1rem;
					background: url(../images/sub/buss_ico01.png) center center / 5.0rem 3.1rem no-repeat;
					display: inline-block;
					margin-right: 1rem;
				}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top .ex {
				display: block;
				float: right;
			}

		.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom {
			margin: 2rem 0;
			padding: 1rem;
			width: 100%;
			display: inline-block;
		}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom > .buss_txt_box01 {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				gap: 1.25rem;
			}

				.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom > .buss_txt_box01 div {
					background: rgba(238, 241, 253, 1);
					color: #16225d;
					border-radius: 1rem;
					padding: 1rem .5rem;
					text-decoration: none;
					display: flex;
					justify-content: center;
					align-items: center;
					text-align: center;
					font-weight: 400;
					font-size: 1.6rem;
					width: calc(100% / 5 - 1rem);
				}

	.buss_box03 > div .buss_grouptb03 .right_wrap {
		width: calc(20%);
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

		.buss_box03 > div .buss_grouptb03 .right_wrap > ul {
			width: calc(100%);
			display: flex;
			margin: 1rem 0;
		}

			.buss_box03 > div .buss_grouptb03 .right_wrap > ul > li {
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				text-align: center;
			}


.buss_box03 > div .buss_grouptb04 {
	width: 100%;
	position: relative;
}

	.buss_box03 > div .buss_grouptb04 > ul {
		display: flex;
		flex-wrap: wrap;
		height: 12rem;
		width: calc(80% - 1rem);
		padding: 3rem 3rem;
		margin-right: 3rem;
	}

		.buss_box03 > div .buss_grouptb04 > ul > li {
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			text-align: center;
		}

			.buss_box03 > div .buss_grouptb04 > ul > li img {
				width: 60%;
				height: auto;
			}

			.buss_box03 > div .buss_grouptb04 > ul > li.text01 {
				font-size: 1.8rem;
				font-weight: 700;
				color: #000;
			}

.buss_box03 > div .buss_ex_area {
	width: 100%;
	position: relative;
}

	.buss_box03 > div .buss_ex_area > div {
		width: calc(80% - 1rem);
		display: inline-block;
		background: rgba(238, 241, 253, 1);
		color: #020202;
		padding: 3rem 3rem;
		font-size: 1.8rem;
		padding: 2rem 3rem;
	}


.round_list_area {
	position: relative;
	width: 100%;
	font-family: var(--f_pret);
	font-size: 1.6rem;
	color: #000;
	margin-top: 5rem;
}

	.round_list_area .round_list {
		display: flex;
		gap: 2rem;
	}

		.round_list_area .round_list li {
			border: 1px solid #040404;
			border-radius: 2rem;
			padding: .5rem 2rem;
		}

.buss_list_area {
	position: relative;
	width: 100%;
	font-family: var(--f_pret);
	font-size: 1.6rem;
	color: #000;
	margin-top: 5rem;
}

	.buss_list_area .buss_list {
	}

		.buss_list_area .buss_list > li {
			padding: .5rem 2rem;
			position: relative;
		}

			.buss_list_area .buss_list > li::before {
				content: "";
				display: block;
				position: absolute;
				top: 1.2rem;
				left: 0;
				width: 0.8rem;
				height: 0.8rem;
				background: rgba(2, 73, 175, 1);
				border-radius: 40%;
				color: #000;
			}

		.buss_list_area .buss_list li li.dep01 {
			padding: .5rem 0;
			margin: 0;
		}

.timeline_list_area {
	font-family: var(--f_pret);
	font-size: 1.6rem;
	width: 100%;
	background-color: rgba(244, 248, 253, 1);
	border-radius: 2rem;
	padding: 5rem 0;
}

	.timeline_list_area > p.tit {
		background: #16225d;
		color: #fff;
		border-radius: 2rem;
		width: 50%;
		padding: 1.5rem 2rem;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 500;
		letter-spacing: -.5px;
		margin: 2rem auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.timeline_list_area > p.tit01 {
		color: #076af8;
		padding: 2rem 2rem;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 500;
		letter-spacing: -.5px;
	}

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

	.timeline_list > ul:nth-child(1) {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10rem 3rem;
	}

		.timeline_list > ul:nth-child(1) li {
			border-right: 1px solid #fff;
			/*width: calc(100% / 10);*/
			text-align: center;
			padding: 2rem 0;
			color: #fff;
			position: relative;
		}

			.timeline_list > ul:nth-child(1) li:nth-child(1) {
				background-color: #94b2dd;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(2) {
				background-color: #a9cbfb;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(3) {
				background-color: #80b3fa;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(4) {
				background-color: #60a0fb;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(5) {
				background-color: #3989fc;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(6) {
				background-color: #1a76fb;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(7) {
				background-color: #076af8;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(8) {
				background-color: #025ee2;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(9) {
				background-color: #0253c6;
				width: 9.8%;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(10) {
				background-color: #0249af;
				width: 11.8%;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 80,0 100,50 80,100 0,100' fill='%230249af'/%3E%3C/svg%3E");
				background-size: 100% 100%;
				background-color: transparent;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(1)::before {
				content: "";
				display: block;
				position: absolute;
				bottom: -4rem;
				left: 0;
				width: 0.1rem;
				height: 3.4rem;
				background: #94b2dd;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(2)::before {
				content: "";
				display: block;
				position: absolute;
				bottom: -4rem;
				left: 0;
				width: 0.1rem;
				height: 3.4rem;
				background: #94b2dd;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(4)::before {
				content: "";
				display: block;
				position: absolute;
				bottom: -4rem;
				left: 0;
				width: 0.1rem;
				height: 3.4rem;
				background: #94b2dd;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(6)::before {
				content: "";
				display: block;
				position: absolute;
				bottom: -4rem;
				left: 0;
				width: 0.1rem;
				height: 3.4rem;
				background: #94b2dd;
			}

			.timeline_list > ul:nth-child(1) li:nth-child(10)::after {
				content: "";
				display: block;
				position: absolute;
				bottom: -4rem;
				right: 3rem;
				width: 0.1rem;
				height: 3.4rem;
				background: #94b2dd;
			}

	.timeline_list > ul.text_list {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100%;
		top: 18rem;
		padding: 0 3rem;
	}

		.timeline_list > ul.text_list li {
			text-align: center;
			padding: 2rem 0;
			position: relative;
			color: #16225d;
			font-weight: 500;
		}

			.timeline_list > ul.text_list li:nth-child(1) {
				width: 9.8%;
			}

			.timeline_list > ul.text_list li:nth-child(2) {
				width: 19.6%;
			}

			.timeline_list > ul.text_list li:nth-child(3) {
				width: 19.6%;
			}

			.timeline_list > ul.text_list li:nth-child(4) {
				width: 51%;
			}



.timeline_list_area_mo {
	font-family: var(--f_pret);
	font-size: 1.6rem;
	width: 100%;
	background-color: rgba(244, 248, 253, 1);
	border-radius: 2rem;
	padding: 2rem 0;
}

	.timeline_list_area_mo > p.tit {
		background: #16225d;
		color: #fff;
		border-radius: 2rem;
		width: 50%;
		padding: 1.5rem 2rem;
		text-align: center;
		font-size: 1.8rem;
		line-height: 120%;
		font-weight: 500;
		letter-spacing: -.5px;
		margin: 2rem auto;
	}

	.timeline_list_area_mo > p.tit01 {
		color: #076af8;
		padding: 2rem 2rem;
		text-align: center;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: -.5px;
		line-height: 140%;
	}

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

	.timeline_list_mo > dl {
		width: 100%;
		padding: 0 3rem;
	}

		.timeline_list_mo > dl > dt {
			border-right: 1px solid #fff;
			/*width: calc(100% / 10);*/
			text-align: center;
			padding: 1rem 0;
			color: #fff;
			position: relative;
			font-size: 1.4rem;
			float: left;
			display: inline-block;
		}

		.timeline_list_mo > dl > dd {
			text-align: center;
			margin: 1rem 0;
			color: #16225d;
			font-weight: 500;
			display: inline-block;
			width: 100%;
			font-size: 1.4rem;
		}

		.timeline_list_mo > dl:nth-child(1) dt {
			background-color: #94b2dd;
			width: 100%;
		}

		.timeline_list_mo > dl:nth-child(1) dd {
			text-align: center;
			color: #16225d;
			font-weight: 500;
		}

		.timeline_list_mo > dl:nth-child(2) dt:nth-child(1) {
			background-color: #a9cbfb;
			width: 50%;
		}

		.timeline_list_mo > dl:nth-child(2) dt:nth-child(2) {
			background-color: #80b3fa;
			width: 50%;
		}

		.timeline_list_mo > dl:nth-child(3) dt:nth-child(1) {
			background-color: #60a0fb;
			width: 50%;
		}

		.timeline_list_mo > dl:nth-child(3) dt:nth-child(2) {
			background-color: #3989fc;
			width: 50%;
		}

		.timeline_list_mo > dl:nth-child(4) dt:nth-child(1) {
			background-color: #1a76fb;
			width: 20%;
		}

		.timeline_list_mo > dl:nth-child(4) dt:nth-child(2) {
			background-color: #076af8;
			width: 20%;
		}

		.timeline_list_mo > dl:nth-child(4) dt:nth-child(3) {
			background-color: #025ee2;
			width: 20%;
		}

		.timeline_list_mo > dl:nth-child(4) dt:nth-child(4) {
			background-color: #0253c6;
			width: 20%;
		}

		.timeline_list_mo > dl:nth-child(4) dt:nth-child(5) {
			background-color: #0249af;
			width: 20%;
		}



	.timeline_list_mo > ul:nth-child(1) li:nth-child(10) {
		background-color: #0249af;
		width: 11.8%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 80,0 100,50 80,100 0,100' fill='%230249af'/%3E%3C/svg%3E");
		background-size: 100% 100%;
		background-color: transparent;
	}

	.timeline_list_mo > ul:nth-child(1) li:nth-child(1)::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -4rem;
		left: 0;
		width: 0.1rem;
		height: 3.4rem;
		background: #94b2dd;
	}

	.timeline_list_mo > ul:nth-child(1) li:nth-child(2)::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -4rem;
		left: 0;
		width: 0.1rem;
		height: 3.4rem;
		background: #94b2dd;
	}

	.timeline_list_mo > ul:nth-child(1) li:nth-child(4)::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -4rem;
		left: 0;
		width: 0.1rem;
		height: 3.4rem;
		background: #94b2dd;
	}

	.timeline_list_mo > ul:nth-child(1) li:nth-child(6)::before {
		content: "";
		display: block;
		position: absolute;
		bottom: -4rem;
		left: 0;
		width: 0.1rem;
		height: 3.4rem;
		background: #94b2dd;
	}

	.timeline_list_mo > ul:nth-child(1) li:nth-child(10)::after {
		content: "";
		display: block;
		position: absolute;
		bottom: -4rem;
		right: 3rem;
		width: 0.1rem;
		height: 3.4rem;
		background: #94b2dd;
	}

	.timeline_list_mo > ul.text_list {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100%;
		top: 18rem;
		padding: 0 3rem;
	}

		.timeline_list_mo > ul.text_list li {
			text-align: center;
			padding: 2rem 0;
			position: relative;
			color: #16225d;
			font-weight: 500;
		}

			.timeline_list_mo > ul.text_list li:nth-child(1) {
				width: 9.8%;
			}

			.timeline_list_mo > ul.text_list li:nth-child(2) {
				width: 19.6%;
			}

			.timeline_list_mo > ul.text_list li:nth-child(3) {
				width: 19.6%;
			}

			.timeline_list_mo > ul.text_list li:nth-child(4) {
				width: 51%;
			}

/*jts*/

.jts_box {
	font-family: var(--f_pret);
	width: 100%;
	position: relative;
	padding: 5rem 0;
}

	.jts_box > p.tit {
		background: #16225d;
		color: #fff;
		border-radius: 2rem;
		width: 50%;
		padding: 1.5rem 2rem;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 500;
		letter-spacing: -.5px;
		margin: 2rem auto;
	}

.jts_area {
	font-family: var(--f_pret);
	font-size: 1.6rem;
	width: 100%;
	background-color: rgba(244, 248, 253, 1);
	border-radius: 2rem;
	padding: 5rem 0;
}

	.jts_area > div {
		display: flex;
		text-align: center;
		gap: 6rem;
		width: 90%;
		margin: 0 auto;
	}

		.jts_area > div > div {
			position: relative;
			flex: 1;
			justify-content: center;
			align-items: center;
			padding: 5rem 1rem;
			width: calc(100% - 3rem /6);
			background: rgba(26, 118, 251, 1);
			color: rgba(255, 255, 255, 1);
			font-size: 1.8rem;
			border-radius: 2rem;
		}

			.jts_area > div > div::after {
				content: "";
				background: url('../images/sub/ico_add.png') center center / 1.8rem 1.8rem;
				position: absolute;
				right: -4rem;
				top: 50%;
				display: block;
				transition: all .3s ease 0s;
				transform: translateX(4rem);
				transform: translateY(-50%);
				/*transition:all .3s ease 0s; transform: translateX(6rem) ;  transform: translateY(-50%);*/
				width: 1.8rem;
				height: 1.8rem;
			}

			.jts_area > div > div:last-child::after {
				display: none;
			}

	.jts_area > p.tit01 {
		color: #076af8;
		padding: 4rem 0 0 0;
		text-align: center;
		font-size: 2.0rem;
		font-weight: 500;
		letter-spacing: -.5px;
	}


/*전자출결*/
.attend_img_box {
	font-family: var(--f_pret);
	width: 100%;
	position: relative;
	padding: 5rem 0;
}

	.attend_img_box > div {
		display: flex;
		text-align: center;
	}

		.attend_img_box > div > div.att_img {
			flex: 1;
		}

			.attend_img_box > div > div.att_img > img {
				width: 25rem;
			}

		.attend_img_box > div > div.attend_right {
			display: flex;
			flex-direction: column;
		}

			.attend_img_box > div > div.attend_right .arrow_box {
				display: flex;
				align-items: center;
				gap: 2rem;
			}

				.attend_img_box > div > div.attend_right .arrow_box > li {
					display: flex;
					flex-direction: column;
					margin: 1rem 0;
				}

					.attend_img_box > div > div.attend_right .arrow_box > li span {
						text-align: left;
					}

					.attend_img_box > div > div.attend_right .arrow_box > li.att_r_img {
						width: 19rem;
					}

@media screen and (max-width:1280px) {
	.history-wrap {
		flex-wrap: wrap;
	}

		.history-wrap > div:nth-child(1),
		.history-wrap > div:nth-child(2) {
			width: 100%;
		}

	.history-title {
		width: 100%;
		font-size: 3.6rem;
	}

		.history-title br {
			display: none;
		}

	.history-bar {
		width: 100%;
		padding-left: 4rem;
		margin-left: 2rem;
	}

	.history-cont-year:before {
		left: -4.55rem;
		top: 0.65rem;
		width: 1.2rem;
		height: 1.2rem;
	}

	.history-cont-txt:before {
		left: -4.2rem;
		width: 0.5rem;
		height: 0.5rem;
	}

	.history-cont-year {
		font-size: 3rem;
		margin-bottom: 4rem;
	}

	.history-cont-wrap:has(+ .history-cont-wrap) {
		margin-bottom: 4rem;
	}

	.history-cont-wrap:before {
		left: -4rem;
	}

	.history-cont-wrap .history-cont .history-cont-year.act:after,
	.history-cont-wrap.first .history-cont .history-cont-year:after {
		left: -5.75rem;
		top: -0.55rem;
		width: 3.6rem;
		height: 3.6rem;
	}
}

@media screen and (max-width:499px) {
	.history-title {
		font-size: 2.8rem;
	}

	.history-cont-year {
		font-size: 2.2rem;
	}

	.history-cont-txt .date,
	.history-cont-txt .txt {
		font-size: 1.7rem;
	}
}


.tit01 {
	font-family: 'Pretendard';
	font-size: 4.6rem;
	font-weight: 700;
	color: #222;
	line-height: 1;
}

.txt01 + .txt01 {
	margin-top: 1.6rem;
}

.txt01 + .list-dot,
.txt01 + .list-type01 {
	margin-top: 1.6rem;
}

.list-dot + .txt01 {
	margin-top: 2rem;
}

.list-type01,
.list-txt {
	font-size: 1.8rem;
	font-weight: 400;
	color: #666666;
}

	.list-type01.dep01,
	.list-txt.dep01 {
		font-size: 2rem;
		text-indent: none;
	}

		.list-type01.dep01 > li {
			padding-left: 2.2rem;
			text-indent: -2.2rem;
		}

		.list-txt.dep01 > li > .list-txt.dep02 {
			padding-left: 1.7rem;
		}

	.list-type01 > li > .list-type01,
	.list-txt > li > .list-txt,
	.list-type01 > li > .list-dot {
		margin: 2rem 0;
	}

	.list-type01 > li > table,
	.list-type01 > li > .t-scroll,
	.list-type01 + table,
	.list-type01 + .t-scroll,
	.list-dot + table,
	.list-dot + .t-scroll {
		margin: 3rem 0;
	}

	.list-type01 > li {
		padding-left: 1.7rem;
		text-indent: -1.7rem;
		line-height: 150%;
	}

		.list-type01 > li + li,
		.list-txt > li + li {
			margin-top: 0.8rem;
		}

.list-dot > li {
	position: relative;
	padding-left: 1rem;
	text-indent: 0;
	font-size: 1.8rem;
	color: #666;
	line-height: 150%;
	word-break: keep-all;
}

	.list-dot > li::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.2rem;
		left: 0;
		width: 0.3rem;
		height: 0.3rem;
		background: #666;
	}

	.list-dot > li + li {
		margin-top: 0.4rem;
	}

	.list-dot > li > .t-scroll,
	.list-dot > li > table {
		margin-top: 1rem;
	}

.list-dot.black > li {
	color: #222;
}

	.list-dot.black > li::before {
		background: #222;
	}

.list-dot > li .list-type01 {
	margin-top: 0.4rem;
}

	.list-dot > li .list-type01 > li + li {
		margin-top: 0.4rem;
	}

.greetings_area {
	display: flex;
	/*align-items: center;justify-content: space-between;*/
}

	.greetings_area p.s_tit {
		font-weight: 600;
		font-size: 2.4rem;
		line-height: 130%;
		color: #222;
	}

	.greetings_area > img {
		width: 30rem;
		height: 37.5rem;
	}

/*.greetings_img{background:url("/html/images/greetings_img.jpg")0 0 no-repeat; background-size:300px 375px; width:30rem; height:37.5rem;}*/
.greetings_txt {
}

.greet-sign-area {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
	margin-top: 8rem;
	max-width: 40rem;
	width: 100%;
}

	.greet-sign-area .txt-dean {
		color: #222;
		font-size: 2.4rem;
		font-weight: 400;
		line-height: 130%;
	}

		.greet-sign-area .txt-dean > em {
			font-weight: 800;
		}

.join_area {
	display: inline-block;
	position: relative;
	width: 100%;
}

	.join_area p {
		margin-bottom: 2.4rem;
		font-weight: 800;
		font-size: 3.4rem;
		line-height: 130%;
		color: #222;
	}

	.join_area dl {
		font-size: 1.8rem;
		line-height: 160%;
		color: #666;
	}

	.join_area dt {
		position: relative;
		margin: 4rem 0 2rem 0;
		font-size: 2.4rem;
		padding-left: 1.5rem;
	}

		.join_area dt::before {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			top: .5rem;
			width: .4rem;
			height: 1.5rem;
			background: #6569ff;
			border-radius: .2rem;
		}

.rule_area h5 {
	font-size: 2rem;
	width: 100%;
	position: relative;
}

.rule_area h6 {
	font-size: 1.8rem;
}

.rule_area ol,
.rule_area ul {
	display: inline-block;
	widht: 100%;
}

.rule_area ol,
.rule_area ul,
.rule_area li {
	margin: 0;
	padding-left: 1.2rem !important;
}



.t-scroll,
.m-scroll,
.t-scroll-no-height {
	position: relative;
	overflow: auto;
}

/*테이블*/
.tbl-sty01 {
	width: 100%;
	line-height: 130%;
}

	.tbl-sty01 > thead th,
	.tbl-sty01 > tbody th,
	.tbl-sty01 > thead th {
		background: #16225d;
		font-size: 1.8rem;
		font-weight: 500;
		color: #fff;
	}

	.tbl-sty01 > thead th {
		padding: 2rem;
		line-height: 2.2rem;
		text-align: center;
		border: 0.1rem solid #ddd;
	}

	.tbl-sty01 th:first-of-type,
	.tbl-sty01 > tbody td:first-of-type {
		border-left: none;
	}

	.tbl-sty01 > thead th:last-of-type,
	.tbl-sty01 > tbody td:last-of-type {
		border-right: none;
	}

	.tbl-sty01 > tbody th {
		padding: 2rem;
		line-height: 2.2rem;
		text-align: center;
		border: 0.1rem solid #EDEDED;
	}

	.tbl-sty01 > tbody td {
		padding: 2rem;
		border: 0.1rem solid #EDEDED;
		font-size: 1.8rem;
		font-weight: 400;
		color: #000;
		text-align: center;
	}

		.tbl-sty01 > tbody td.going {
			color: #34368A;
			font-weight: 600;
		}

.tbl-desc {
	margin-top: 2rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	font-weight: 500;
	color: #666;
	line-height: 150%;
}

.tbl-bg01 {
	background: #f9f9f9 !important;
}

.tbl-bg02 {
	background: #F4F5FE !important;
}

.tbl-bd-b {
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

a.btn-filedown {
	text-decoration: none;
}

a.btn-filedown {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 15.5rem;
	height: 4.4rem;
	padding: 1rem 2rem;
	background: #6569ff;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #FFFFFF !important;
	opacity: 0.7;
}

.btn-filedown img {
	width: 1.1rem;
}

.subInfo01_1 {
	width: 100%;
	margin: 20px auto;
	position: relative;
}

	.subInfo01_1 h3::before {
		content: "";
		display: block;
		width: 1px;
		height: 36px;
		background-color: #000;
		margin: 20px auto 10px auto;
	}

	.subInfo01_1 h3 {
		font-family: 'seoul-hangang-jung-m', sans-serif;
		font-size: 2.5rem;
		letter-spacing: -0.5px;
		color: #000;
		margin-bottom: 100px;
		text-align: center;
	}

	.subInfo01_1 > div.right {
		position: absolute;
		right: 0;
		display: block;
		background: url("../images/main/sub_img01_1.png") 0 0 no-repeat;
		width: 398px;
		height: 448px;
	}

	.subInfo01_1 > div.left {
		float: left;
		display: block;
		width: 60%;
	}

		.subInfo01_1 > div.left > .titTxt01 {
			display: block;
			font-family: 'seoul-hangang-jung-l', sans-serif;
			font-size: 32px;
			letter-spacing: -1px;
			line-height: 130%;
			color: #000;
			margin: 60px 0 30px 0;
		}

	.subInfo01_1 p {
		font-family: 'NanumGothic', sans-serif;
		font-size: 1.0rem;
		line-height: 180%;
		letter-spacing: -0.5px;
		margin-bottom: 20px;
		color: #303030;
	}

.subInfo01_2 {
	width: 100%;
	margin: 20px auto;
	position: relative;
}

	.subInfo01_2 h3::before {
		content: "";
		display: block;
		width: 1px;
		height: 36px;
		background-color: #000;
		margin: 20px auto 10px auto;
	}

	.subInfo01_2 h3 {
		font-family: 'seoul-hangang-jung-m', sans-serif;
		font-size: 2.5rem;
		letter-spacing: -0.5px;
		color: #000;
		margin-bottom: 100px;
		text-align: center;
	}

	.subInfo01_2 > .row01,
	.subInfo01_2 > .row02 {
		position: relative;
		display: inline-block;
		overflow: hidden;
		height: auto;
	}

		.subInfo01_2 > .row01 > div.left {
			position: absolute;
			left: 0;
			display: block;
			background: url("../images/main/sub_img01_2.png") 0 0 no-repeat;
			width: 681px;
			height: 457px;
		}

		.subInfo01_2 > .row01 > div.right {
			float: right;
			display: block;
			width: 34%;
		}

			.subInfo01_2 > .row01 > div.right > .titTxt01 {
				display: block;
				font-family: 'seoul-hangang-jung-l', sans-serif;
				font-size: 32px;
				letter-spacing: -1px;
				line-height: 130%;
				color: #000;
				margin: 60px 0 30px 0;
			}

	.subInfo01_2 > .row02 {
		margin-top: 100px;
	}

		.subInfo01_2 > .row02 > div.left {
			float: left;
			display: block;
			width: 46%;
		}

			.subInfo01_2 > .row02 > div.left > .titTxt01 {
				display: block;
				font-family: 'seoul-hangang-jung-l', sans-serif;
				font-size: 32px;
				letter-spacing: -1px;
				line-height: 130%;
				color: #000;
				margin: 30px 0 30px 0;
			}

			.subInfo01_2 > .row02 > div.left > ul,
			.subInfo01_2 > .row02 > div.left > li {
				list-style: none;
				display: block;
				font-family: 'NanumGothic', sans-serif;
				font-size: 1.0rem;
				line-height: 180%;
				letter-spacing: -0.5px;
				margin-bottom: 20px;
				color: #303030;
			}

		.subInfo01_2 > .row02 > div.right {
			position: absolute;
			right: 0;
			display: block;
			background: url("../images/main/sub_img01_3.png") 0 0 no-repeat;
			width: 537px;
			height: 597px;
		}

	.subInfo01_2 p {
		font-family: 'NanumGothic', sans-serif;
		font-size: 1.0rem;
		line-height: 180%;
		letter-spacing: -0.5px;
		margin-bottom: 20px;
		color: #303030;
	}

.subInfo01_3_bg {
	width: 100%;
	background: url("../images/main/sub_img01_5.png") center bottom no-repeat;
}

.subInfo01_3 {
	width: 100%;
	margin: 20px auto;
	position: relative;
}

	.subInfo01_3 h3::before {
		content: "";
		display: block;
		width: 1px;
		height: 36px;
		background-color: #000;
		margin: 20px auto 10px auto;
	}

	.subInfo01_3 h3 {
		font-family: 'seoul-hangang-jung-m', sans-serif;
		font-size: 2.5rem;
		letter-spacing: -0.5px;
		color: #000;
		margin-bottom: 100px;
		text-align: center;
	}

	.subInfo01_3 > div.imgCenter {
		display: block;
		background: url("../images/main/sub_img01_4.png") center 0 no-repeat;
		width: 100%;
		height: 458px;
		margin: 0 auto;
	}

	.subInfo01_3 > div.txtCenter {
		text-align: center;
		font-family: 'NanumGothic', sans-serif;
		font-size: 1.0rem;
		line-height: 200%;
		letter-spacing: -0.5px;
		margin: 100px 0 20px 0;
		padding-bottom: 100px;
		color: #303030;
	}






.subInfo01 {
	width: 100%;
	margin: 30px auto;
}

	.subInfo01 h3 {
		font-family: 'Nanumsquare', sans-serif;
		font-size: 2.2rem;
		font-weight: 500;
		letter-spacing: -0.5px;
		color: #000;
		margin-bottom: 60px;
		text-align: center;
	}

	.subInfo01 div {
		font-family: 'NanumGothic', sans-serif;
		font-size: 1.0rem;
		line-height: 180%;
		letter-spacing: -0.5px;
		color: #000;
	}

	.subInfo01 .infoImg01 {
		float: left;
	}

	.subInfo01 .infoTxt01 {
		float: right;
		width: 46%;
	}

		.subInfo01 .infoTxt01 > ul {
			padding-left: 0 !important;
			margin: 30px 0 60px 0 !important;
		}

			.subInfo01 .infoTxt01 > ul > li {
				color: #444444;
				!important;
				list-style: none;
			}

.infoTxt01 .titTxt {
	font-family: 'Nanumsquare';
	font-size: 20px;
	letter-spacing: -0.5px;
	font-weight: 600;
	color: #444;
}

.txtEmp {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 140%;
	color: #5b5b5b;
	letter-spacing: -0.5px;
}

.titTxt::after {
	content: "";
	display: block;
	border: 0.5px solid #444;
	width: 20px;
	margin-top: 10px;
}

.infoTxt01 p {
	margin: 30px 0 60px 0;
	line-height: 160%;
	color: #444444;
}

div.addArea {
	overflow: hidden;
	margin: 30px 0 60px 0;
}

	div.addArea > div {
		margin-bottom: 5px;
	}

.round_icon {
	display: block;
	width: 26px;
	height: 26px;
	background-color: #bba391;
	border-radius: 100%;
	padding-top: 7px;
	float: left;
	margin-right: 10px;
}

.round_icon01 {
	display: block;
	width: 26px;
	height: 26px;
	background-color: #927d6e;
	border-radius: 100%;
	padding-top: 7px;
	float: left;
	margin-right: 10px;
}

.con_call {
	width: 16px;
	height: 11px;
	display: block;
	background: url("../images/main/iconArea.png") -90px 0 no-repeat;
	margin: 0 auto;
}

.subInfo02 {
	width: 100%;
	margin: 30px auto;
	position: relative;
	overflow: hidden;
}

	.subInfo02 h3 {
		font-family: 'Nanumsquare';
		font-size: 2.2rem;
		font-weight: 500;
		letter-spacing: -0.5px;
		color: #000;
		margin-bottom: 60px;
		text-align: center;
	}

	.subInfo02 div {
		font-family: 'NanumGothic';
		font-size: 1.0rem;
		line-height: 180%;
		letter-spacing: -0.5px;
	}

	.subInfo02 .infoTxt02 {
		position: relative;
		float: left;
		width: 50%;
		z-index: 10;
	}

		.subInfo02 .infoTxt02 > ul {
			padding-left: 0 !important;
		}

			.subInfo02 .infoTxt02 > ul > li {
				color: #444444 !important;
				list-style: none;
				margin: 5px 0;
			}

.bl01 {
	background: url("../images/main/bl01.png") 0 11px no-repeat;
	padding-left: 15px;
}

.bl02 {
	background: url("../images/main/bl02.png") 0 8px no-repeat;
	padding-left: 20px;
}

.subInfo02 .infoImg02 {
	position: absolute;
	bottom: 0;
	right: 0;
}

a.btnBuy01 {
	display: inline-block;
	margin: 50px 0 0 0;
	padding: 4px 10px;
	background-color: #8d11ec;
	color: #fff !important;
	border-radius: 5px;
	text-decoration: none !important;
	letter-spacing: -0.5px !important;
}

	a.btnBuy01:hover {
		background-color: #7e0fd3;
		color: #fff;
	}

.boxArea01 {
	font-family: "맑은 고딕";
	padding: 30px;
	line-height: 160%;
	text-align: center;
}

h4.subtit_text03 {
	font-family: 'Nanumsquare', sans-serif;
	font-size: 2.0em !important;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: -0.5px;
	line-height: 180%;
}

	h4.subtit_text03:after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		width: 1px;
		top: 170px;
		height: 100px;
		background: #bec79d;
	}

.box01_txt_b {
	color: #000;
	font-weight: 700;
	font-size: 1.3em;
}

.r_circle160 {
	display: block;
	width: 160px;
	height: 160px;
}

	.r_circle160 i {
		display: block;
	}

		.r_circle160 i.icon_people {
			width: 30px;
			height: 29px;
			background: url("/html/new/images/iconList.png") 0 0 no-repeat;
			margin: 25px auto 10px auto !important;
		}

.r_circle159b {
	display: block;
	position: relative;
	width: 159px;
	height: 159px;
	background: url("/html/new/images/subCircle_img01.png") 0 0 no-repeat;
	transform: translateY(-50%);
}

.r_circle1_tit_g {
	display: block;
	color: #b5d24f;
	font-size: 1.6em;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 50px 0 0 0 !important;
}

	.r_circle1_tit_g:after {
		content: "";
		display: block;
		position: absolute;
		left: 45%;
		width: 20px;
		top: 110px;
		height: 1px;
		background: #8aa03e;
	}



dl.circleExp {
	font-family: 'Nanumsquare', sans-serif;
	line-height: 200%;
}

	dl.circleExp > dt {
		font-size: 1.5em;
		color: #3c3c3b;
	}

	dl.circleExp > dd {
		font-size: 1.4em;
	}

.organ_img {
	background: url("/html/new/images/organImg.png") 0 0 no-repeat;
	width: 908px;
	height: 154px;
}


.subInfo_list02 {
	padding: 10px;
}

	.subInfo_list02 .infoImg {
		width: 100%;
		overflow: hidden;
	}

		.subInfo_list02 .infoImg > img {
			width: 100%;
			/* -webkit-transition:.4s ease; */
			/* transition:.4s ease; */
			-moz-transition: .4s ease;
			-o-transition: .4s ease;
			-ms-transition: .4s ease;
		}

			.subInfo_list02 .infoImg > img:hover {
				transform: scale(1.05);
				-webkit-transform: scale(1.05);
				-ms-transform: scale(1.05);
				-o-transform: scale(1.05);
				-moz-transform: scale(1.05);
			}

	.subInfo_list02 .infofrof {
		background-color: #54803e
		/*#5f699c 0f85c8*/
		;
		padding: 10px 15px;
		margin-top: 10px;
	}

	.subInfo_list02 h3 {
		font-family: 'Nanumsquare', sans-serif;
		font-weight: bold;
		letter-spacing: -0.5px;
		font-size: 1.8em;
		color: #fff;
		margin-top: 10px;
	}

	.subInfo_list02 .text01 {
		font-size: 1.2em;
		line-height: 150%;
		color: #fff;
	}

	.subInfo_list02 .text01_01 {
		font-size: 1.2em;
		line-height: 180%;
		letter-spacing: 0;
		color: #6c6969;
	}

	.subInfo_list02 .list01 {
		padding: 10px 0 50px 0;
		overflow: hidden;
		font-size: 1.1em;
	}

		.subInfo_list02 .list01 li {
			width: 99%;
			text-align: justify;
		}

	.subInfo_list02 .text01_icon01 {
		background: url("/html/new/images/dtIcon01.png") 0 0 no-repeat;
		width: 31px;
		height: 23px;
	}

	.subInfo_list02 .text01_icon02 {
		background: url("/html/new/images/dtIcon01.png") -31px 0 no-repeat;
		width: 31px;
		height: 23px;
		position: absolute;
		bottom: 130px;
		right: 0;
	}

.list01 .sign {
	padding-top: 100px;
	font-size: 1.2em;
	text-align: right !important;
}


.sublist01 {
	font-size: 1.2em;
	line-height: 180%;
	letter-spacing: 0;
	color: #6c6969;
}

/*subPAGE*/
.subRes_list01 {
	text-align: right;
}

	.subRes_list01 > dl {
		text-align: left;
		line-height: 200%;
		margin-bottom: 20px;
		display: inline-block;
		width: 90%;
	}

		.subRes_list01 > dl > dt {
			font-family: 'Nanumsquare', sans-serif;
			display: inline-block;
			float: left;
			font-weight: bold;
			color: #3c3c3b;
			font-size: 1.4em;
		}

		.subRes_list01 > dl > dd {
			display: inline-block;
			float: right;
			width: 80%;
			padding-left: 10px;
			font-size: 1.25em;
			font-family: "맑은 고딕";
		}

.book_list {
	text-align: center;
	padding: 20px 0 10px 0;
	background-color: #f9f9f9;
}

	.book_list .bookArea {
		margin: 0 auto;
		padding: 0 15px;
	}

.bookArea > dl {
	display: inline-block;
	float: left;
}

	.bookArea > dl:hover {
		font-weight: bold;
	}

	.bookArea > dl > dt {
		display: inline-block;
		border: 1px solid #a7a7a7;
		overflow: hidden;
		width: 130px;
		margin: 20px 22px 5px 22px;
	}

		.bookArea > dl > dt a > img {
			/* -webkit-transition:.4s ease; */
			/* transition:.4s ease; */
			-moz-transition: .4s ease;
			-o-transition: .4s ease;
			-ms-transition: .4s ease;
		}

		.bookArea > dl > dt a:hover > img {
			transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-ms-transform: scale(1.05);
			-o-transform: scale(1.05);
			-moz-transform: scale(1.05);
		}

	.bookArea > dl > dd {
		width: 130px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.2em;
		font-family: "맑은 고딕";
		letter-spacing: -0.5px;
		text-align: center;
		margin: 0 22px 20px 22px
	}


.subRes_list02 {
}

	.subRes_list02 dl {
		display: inline-block;
		margin: 20px 0;
		padding: 20px 40px;
	}

		.subRes_list02 dl > dt {
			color: #8aa03e;
			font-family: 'Nanumsquare', sans-serif;
			font-weight: bold;
			font-size: 1.5em;
			padding: 20px 0;
		}

		.subRes_list02 dl > dd {
			font-size: 1.25em;
			font-family: "맑은 고딕";
			padding-bottom: 20px;
			line-height: 170%;
			letter-spacing: -0.8px
		}

.subRes_list02_1 {
}

	.subRes_list02_1 ul {
		display: inline-block;
	}

		.subRes_list02_1 ul > li {
			display: block;
			float: left;
			width: 25%;
		}

			.subRes_list02_1 ul > li > dl {
				margin: 20px 15px 0 15px;
			}

				.subRes_list02_1 ul > li > dl > dt {
					font-family: 'Nanumsquare', sans-serif;
					font-size: 1.4em;
				}

				.subRes_list02_1 ul > li > dl > dd {
					font-size: 1.2em;
					font-family: "맑은 고딕";
					margin-top: 5px;
				}

.subRes_list03 {
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
}

	.subRes_list03 ul {
		display: inline-block;
		width: 100%;
	}

	.subRes_list03 .sub_img01 {
		background: url("/html/new/images/sub_img01.png") 0 0 no-repeat;
		width: 130px;
		height: 93px;
		float: left;
	}

	.subRes_list03 .sub_img02 {
		background: url("/html/new/images/sub_img02.png") 0 0 no-repeat;
		width: 130px;
		height: 93px;
		float: left;
	}

	.subRes_list03 .sub_img03 {
		background: url("/html/new/images/sub_img03.png") 0 0 no-repeat;
		width: 130px;
		height: 93px;
		float: left;
	}

	.subRes_list03 li:last-child {
		text-align: left;
		float: left;
		padding: 10px 40px;
		width: 85%;
	}

h4.subtit_text01 {
	font-family: 'Nanumsquare', sans-serif;
	font-size: 2.0em !important;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: -0.5px;
	line-height: 180%;
}

.subtit_text02 {
	font-family: 'Nanumsquare', sans-serif;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	letter-spacing: -0.5px;
	line-height: 150%;
}

.subRes_list03 > dl {
	text-align: left;
	line-height: 200%;
	display: inline-block;
	width: 96%;
	padding: 10px 0;
}

	.subRes_list03 > dl > dt {
		position: relative;
		font-family: 'Nanumsquare', sans-serif;
		display: inline-block;
		font-weight: bold;
		color: #2b2b2b;
		font-size: 1.4em;
		text-align: left;
		width: 100%;
		padding-bottom: 10px;
	}

	.subRes_list03 > dl > dd {
		display: inline-block;
		width: 100%;
		padding-left: 10px;
		font-size: 1.25em;
		font-family: "맑은 고딕";
	}

.bar_dotted_bt {
	border-bottom: 1px dotted #bfbfbf;
}

.bar_dotted_top {
	border-top: 1px dotted #bfbfbf;
}

.subRes_list04 {
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
}

	.subRes_list04 ul {
		display: inline-block;
		width: 100%;
	}

	.subRes_list04 li {
		float: left;
		display: block;
	}

	.subRes_list04 dl {
		text-align: left;
		line-height: 200%;
		display: inline-block;
		width: 100%;
		padding: 10px 0;
	}

		.subRes_list04 dl > dt {
			position: relative;
			font-family: 'Nanumsquare', sans-serif;
			display: inline-block;
			font-weight: bold;
			color: #2b2b2b;
			font-size: 1.4em;
			text-align: left;
			width: 100%;
			padding-bottom: 10px;
		}

		.subRes_list04 dl > dd {
			display: inline-block;
			width: 100%;
			padding-left: 10px;
			font-size: 1.25em;
			font-family: "맑은 고딕";
		}

.subRes_list05 {
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
}

	.subRes_list05 ul {
		display: inline-block;
		width: 100%;
	}

	.subRes_list05 .sub_img05 {
		background: url("/html/new/images/sImg01_05bg.jpg") 0 0 no-repeat;
		width: 188px;
		height: 206px;
		float: left;
	}

	.subRes_list05 li:last-child {
		text-align: left;
		float: left;
		padding: 20px 40px;
		width: 78%;
	}

h4.subtit_text01_1 {
	font-family: 'Nanumsquare', sans-serif;
	font-size: 1.8em !important;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: 0;
	line-height: 150%;
}

.subtit_text02_1 {
	font-family: 'Nanumsquare', sans-serif;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	letter-spacing: -0.5px;
	line-height: 150%;
}

.subRes_list05 > .type01_1 {
	margin-top: 50px;
	text-align: left;
	width: 100%;
}

	.subRes_list05 > .type01_1 dl {
		margin-bottom: 30px;
	}

	.subRes_list05 > .type01_1 dt {
		position: relative;
		font-family: 'Nanumsquare', sans-serif;
		display: inline-block;
		font-weight: bold;
		color: #2b2b2b;
		font-size: 1.4em;
		text-align: left;
		width: 100%;
		padding-bottom: 10px;
	}

	.subRes_list05 > .type01_1 dd {
		display: inline-block;
		width: 100%;
		padding-left: 0;
		font-size: 1.2em;
		font-family: "맑은 고딕";
		margin-top: 5px;
	}

	.subRes_list05 > .type01_1 li {
		font-size: 1.0em;
		color: #83817f;
		padding: 30px 0 0 0;
		line-height: 150%;
		width: 100%;
	}





@media print {

	html,
	body {
		height: auto;
	}

	#map_canvas {
		height: 650px;
	}
}

/* IE7 */
*:first-child + html .nav ul li a {
	display: inline;
	zoom: 1;
}

*:first-child + html .nav ul li ul li {
	height: 1%;
}

	*:first-child + html .nav ul li ul li a {
		display: block;
	}

/* IE6 */
* html .nav ul li a {
	display: inline;
	zoom: 1;
}

* html .nav ul li ul li {
	height: 1%;
}

	* html .nav ul li ul li a {
		display: block;
	}


.wrap {
}

.header .header_wrap,
.section,
.footer .CreateBy {
}

a.header_mobile_totalMenu {
	position: absolute;
	width: 49px;
	height: 49px;
	left: 10px;
	top: 10px;
	font-size: 0;
	text-indent: -5000px;
	background: url(./icon_totalmenu.gif) no-repeat left top;
	display: none;
}



@media screen and (max-width:1400px) {

	.badges_wrap {
		width: 100rem;
		padding: 10rem 0;
	}

		.badges_wrap::before {
			top: 3rem;
			width: 85rem;
			left: 8rem;
			height: 150rem;
		}

		.badges_wrap > .badges_box {
			display: flex;
			flex-wrap: wrap;
			justify-items: center;
			align-items: center;
			gap: 5rem;
		}

			.badges_wrap > .badges_box > div:nth-child(1) {
				width: 15rem;
			}

			.badges_wrap > .badges_box > div:nth-child(2) {
				width: 60rem;
			}

			.badges_wrap > .badges_box > div:nth-child(3) {
				width: 15rem;
				background-color: #fff;
				z-index: 3;
			}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t {
				width: 60rem;
			}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_l_box {
					width: 58rem;
					margin-bottom: 2rem;
					padding: 1rem 1rem 2rem 1rem;
				}

				.badges_wrap > .badges_box > div:nth-child(2) > .box_c_t .c01_r_box {
					width: 58rem;
				}

			.badges_wrap > .badges_box > div:nth-child(2) > .box_c_b {
				width: 60rem;
			}

	/*회사소개*/

	.txt-box p {
		font-size: 1.8rem;
	}

	.txt-box h4 {
		font-size: 2rem;
	}

	.txt-box .cpn_tit {
		font-size: 4.8rem;
		letter-spacing: 1px;
	}

	.txt-box .cpn_tit02 {
		font-size: 2.2rem;
		margin-top: 5rem;
	}

	.pms-page h4 {
		font-size: 2rem;
	}

	.pms-title {
		font-size: 4.8rem;
	}

	.pms-copy p {
		font-size: 1.8rem;
	}

	.pms-screen-section h5 {
		font-size: 2.2rem;
	}

	.txt-box02 {
		margin-top: 10rem;
	}

		.txt-box02 p {
			font-size: 1.8rem;
		}

	.imgs {
		margin-top: 5rem;
	}

		.imgs .cpn_img {
			height: 50rem;
		}
}

@media screen and (max-width:991px) {
	#header .container {
		padding: 0;
	}

	#header .header_ti {
		display: none !important;
	}

	.header_ti_m {
		display: block;
		text-align: center;
		margin: 0 auto !important;
		width: 100%;
		position: relative;
		background-color: #f8f8f8;
	}

		.header_ti_m div ul {
			width: auto;
			text-align: center;
			margin: 5px auto;
			display: inline-block;
		}

			.header_ti_m div ul > li {
				float: left;
				display: block;
				border-radius: 20px;
				padding: 10px 20px;
				margin: 5px 2px;
			}

				.header_ti_m div ul > li a {
					font-size: 0.9rem;
					font-weight: 100;
					color: #fff;
					border-bottom: none !important;
				}

		.header_ti_m li.mBar {
			display: none;
		}

	.header_ti_m {
		overflow: hidden;
		width: 100%;
		padding-top: 10px;
	}

		.header_ti_m a {
			padding: 0 10px;
			color: #6c6969;
		}

		.header_ti_m li.home {
			background-color: #a1a1a1;
		}

		.header_ti_m li.login {
			background-color: #00cf32;
		}

		.header_ti_m li.logout {
			background-color: #7d7c7c;
		}

		.header_ti_m li.admin {
			background-color: #206ea9;
		}

	nav > a.logoArea {
		text-align: center;
		margin: 15px 20px;
	}

	.logoArea > img {
		width: 115px;
		height: 44px;
	}


	/*.visualArea .bgImg01{ position:absolute; bottom:0; right:0; background: url("../images/main/visual_img01_t.png") 0 bottom no-repeat; width:300px; height:319px;}
.visualArea .v_textArea >h2{font-size:3.5rem; font-weight:700; margin-left:5%; margin-top:15%;}
.visualArea .v_textArea >h2 >span{font-size:1.5rem; font-weight:500; letter-spacing:-0.5px;}
*/
	/*.visualArea .v_bg1{background: url("../images/main/visual_bg_img02_2_t.png") center 0 no-repeat;}
.visualArea .v_textArea01 >h2{margin-right:10%; margin-top:20%;}

.visualArea .v_bg2{background: url("../images/main/visual_bg_img02_1_t.png") center 0 no-repeat;}
.visualArea .v_textArea01 >h2{margin-right:10%; margin-top:20%;}
*/
	.visualArea .v_bg2 {
		background: url("../images/main/bg02.png") center 0 no-repeat;
	}

	.visualArea .v_textArea01 > h2 {
		margin-right: 10%;
		margin-top: 20%;
	}

	.popupZone_img {
		background-position: 120% -20px;
		background-size: 400px auto;
	}

	.navbar-collapse {
		position: absolute;
		top: 7.8rem;
		width: 100%;
		background-color: rgba(255, 255, 255, 1);
	}

		.navbar-collapse .navbar-nav {
			border-radius: 0 0 2rem 2rem;
		}

	.navbar-nav {
		border-top: 1px solid #e1e1e1;
	}

		.navbar-nav li a {
			font-size: 1.8em;
			/*border-bottom:1px dotted #ffffff;*/
			color: #000;
			padding: 20px 0;
			text-align: center;
		}

		.navbar-nav li:last-child a {
			/*border-bottom:1px solid #ffffff*/
		}

	.navbar-toggler {
		margin-right: 10px;
	}

	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
	}

	.navbar-text {
		color: rgba(0, 0, 0, .5)
	}

		.navbar-text a {
			color: rgba(0, 0, 0, .9)
		}

			.navbar-text a:focus,
			.navbar-light .navbar-text a:hover {
				color: rgba(0, 0, 0, .9)
			}

	.logoArea {
		margin-left: 10px;
	}

	.navbar {
		padding: 0;
	}

	.nav-item {
		padding: 0;
	}

	.dropdown-menu {
		border: none;
		background-color: #f8f9fa;
		margin-bottom: 10px;
	}

	.navbar-nav {
		/*margin-top:20px;*/
		background-color: rgba(255, 255, 255, 1);
	}

	.nav-item {
		padding: 0px;
		margin: 0;
		/*border-top:1px solid #e1e1e1;*/
	}

		.nav-item > div > a {
		}

			.nav-item > div > a:active {
				background-color: #8a9f3d;
				color: #fff;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-tap-highlight-color: transparent;
			}

	.dropdown-menu {
		margin: 0 0;
	}


	.organ_img {
		background: url("/html/new/images/organImg_m.png") 0 0 no-repeat;
		width: 184px;
		height: 395px;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #373737 !important;
	}

		.navbar-light .navbar-nav .nav-link:focus,
		.navbar-light .navbar-nav .nav-link:hover {
			color: rgba(138, 159, 61, 1)
		}


	.subInfo01 .infoImg01 {
		float: none;
		text-align: center;
		margin-bottom: 60px;
	}

	.subInfo01 .infoTxt01 {
		float: none;
		width: 100%;
	}

	.subInfo02 .infoTxt02 {
		position: relative;
		float: none;
		width: 100% !important;
		margin-bottom: 60px;
	}

	.subInfo02 .infoImg02 {
		position: relative;
		bottom: 0;
		text-align: center;
	}

	.m-scroll > *,
	.t-scroll > table,
	.t-scroll-no-height > table {
		width: 100rem;
	}

	.t-scroll {
		height: 70rem;
	}

	.ico-scroll {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 7rem;
		height: 7rem;
		background: url('../images/sub/ico-tscroll.png') 50% / 100% no-repeat;
		transform: translate(-50%, -50%);
		z-index: 5;
		cursor: pointer;
	}
}

@media screen and (min-width:2201px) {
	.visualArea .v_textArea {
		/* margin-top: 30%; */
	}
}



@media screen and (max-width:2200px) {
	.visualArea .v_textArea {
		/* margin-top: 30%; */
	}
}

@media screen and (max-width:1999px) {
	.popupzoneImg {
		width: 100%;
	}

		.popupzoneImg > img {
			object-fit: cover;
			height: 100%;
		}
}

@media screen and (max-width:1919px) {
	.visualArea .v_textArea {
		/* margin-top: 20%; */
		margin-left: 5%;
		padding: 0 2rem;
		width: 90%;
	}

	.infoArea .infoCard .infoCard_wrap {
		grid-column-gap: 50px;
		grid-row-gap: 50px;
	}

		.infoArea .infoCard .infoCard_wrap .i_card {
			width: 95%;
		}
}

@media screen and (max-width:1550px) {

	.sub-cont {
		margin-bottom: 10rem;
		padding: 0 4rem;
	}

	.infoArea {
		position: relative;
		padding: 20rem 0 10rem 0;
		margin: 10px 0;
		display: flex;
		gap: 5rem;
		flex-direction: row;
		width: 100%;
	}
}

@media screen and (max-width:1390px) {

	.galleryImg > img {
		object-fit: fill;
		width: 45rem;
	}

	.greetings_area {
		display: block;
	}

		.greetings_area > img {
			margin-bottom: 5rem;
		}

	.greetings_txt {
		margin-left: 0;
	}


	.infoArea > div:nth-child(1) {
		width: 40%;
	}

	.infoArea > div:nth-child(2) {
		width: 60%;
	}
}


@media screen and (max-width: 1200px) {
	.subVisualArea {
		width: 100%;
		height: 25rem;
		/*background-color:#000; background: url("../images/main/sub_visual_img01.png")#f8f8f8 220% 0 no-repeat;*/
	}

	.containerSub .titArea {
		padding: 2rem 0;
	}

		.containerSub .titArea h2 {
			font-size: 4.8rem;
		}

		.containerSub .titArea p {
			font-family: outfit;
			font-weight: 300;
			font-size: 1.8rem;
			letter-spacing: 2px;
			color: rgba(213, 0, 14, 1);
			margin-bottom: 1rem;
		}

		.containerSub .titArea .sNav {
			font-family: var(--f_pret);
			padding: 5px 0;
			color: #6a6b6c;
			font-weight: 300;
		}

	.sub-nav {
		bottom: 0;
	}


	.main_con_box {
		max-width: 108rem;
		margin: 0 auto;
	}

		.main_con_box > .con_box {
			width: calc(25% - 2rem);
			height: 25rem;
			margin: 0 1rem;
		}

			.main_con_box > .con_box:hover,
			.main_con_box > .con_box.on {
				transform: translateY(-1rem);
			}

			.main_con_box > .con_box > h3 {
				font-size: 2.0rem;
				font-weight: 700;
				margin-top: 2rem;
			}


			.main_con_box > .con_box > p {
				font-size: 1.4rem;
				font-weight: 500;
				margin-bottom: 1rem;
			}

			.main_con_box > .con_box > a {
				display: block;
				width: 10rem;
				font-size: 1.4rem;
				font-weight: 600;
			}

			.main_con_box > .con_box:before {
				margin: 2rem auto 0 auto;
			}

	.bottom-quick-area ul {
		gap: 5rem;
	}

	.bottom-quick-area li,
	.bottom-quick-area li a {
		width: 15rem;
		height: 15rem;
	}

		.bottom-quick-area li a h3 {
			font-size: 1.8rem;
		}

		.bottom-quick-area li a {
			padding-top: 9.5rem;
		}

	/*회사소개*/
	.w_row01 {
		margin-top: 5rem;
	}

	.w_row02 {
		flex-direction: column;
		gap: 0;
		margin-top: 5rem;
	}

		.w_row02 > div:nth-child(1),
		.w_row02 > div:nth-child(2) {
			width: 100%;
		}

		.w_row02 > div {
			padding: 2rem 0;
		}

	.txt-box p {
		margin: 0 0 2rem 0;
	}

	.txt-box .cpn_tit {
		font-size: 4rem;
	}

	.txt-box .cpn_tit02 {
		font-size: 2.2rem;
		margin-top: 5rem;
	}

	.imgs .cpn_img {
		width: 100%;
		height: 50rem;
	}


	/* business */
	.buss_icon_box {
		width: 100%;
		flex-wrap: wrap;
		gap: 2rem;
		display: flex;
		flex-direction: inherit;
	}

		.buss_icon_box div {
			flex: none;
			background: rgba(241, 243, 249, 1);
			border-radius: 2rem;
			/*height:35rem;*/
			text-decoration: none;
			display: flex;
			padding: 6rem 3rem;
			width: calc(100% / 2 - 1rem);
		}


	.buss_icon_box01 div {
		width: calc(100% / 2 - 1.5rem);
	}

	.buss_box01 div {
		width: calc(100% / 2 - 1.5rem);
		margin-bottom: 4rem;
	}

	.buss_box02 div {
		width: calc(100%);
	}


	.timeline_list_area {
		font-size: 1.4rem;
	}

		.timeline_list_area > p.tit {
			font-size: 1.8rem;
			line-height: 120%;
		}

		.timeline_list_area > p.tit01 {
			font-size: 1.8rem;
		}





	.subInfo01_1 > div.right {
		width: 398px;
		height: 448px;
	}

	.subInfo01_1 > div.left {
		width: 50%;
	}

	.subInfo01_2 > .row01 > div.left {
		width: 520px;
	}

	.subInfo01_2 > .row01 > div.right {
		width: 38%;
	}

	.subInfo01_2 > .row02 > div.left {
		width: 40%;
	}

	.subInfo01_2 > .row02 > div.right {
		width: 517px;
		height: 575px;
	}



	.subInfo p,
	.subInfo01 div,
	.subInfo01 .infoTxt01 > ul > li,
	subInfo02 div,
	.subInfo02 .infoTxt02 {
		padding: 0 20px;
	}

	.subInfo01 .infoTxt01 {
		width: 35%;
	}

	.subInfo02 .infoTxt02 {
		width: 45%;
	}

	/*전자출결*/

	.attend_img_box > div > div.att_img > img {
		width: 20rem;
	}

	.attend_img_box > div > div.attend_right .arrow_box > li.att_r_img {
		width: 15rem;
	}
}

@media screen and (max-width: 1199px) {
	.navbar-nav li > a {
		font-size: 1.8rem;
	}

	.navbar-nav li .dropdown-menu a.dropdown-item {
		font-size: 1.6rem;
	}

	.badges_con > div {
		height: 25rem;
	}

	.infoArea {
		padding: 15rem 0 15rem 0;
	}

		.infoArea h3 {
			font-size: 1.6rem;
			margin-bottom: 3rem;
		}

		.infoArea dt {
			font-size: 2.2rem;
			line-height: 140%;
			margin-bottom: 3rem;
		}

		.infoArea dd {
			font-size: 1.8rem;
			line-height: 160%;
		}

		.infoArea > div:nth-child(1),
		.infoArea > div:nth-child(2) {
			width: 100%;
		}

	.infoArea {
		padding: 5rem 0;
		margin: 0;
		text-align: left;
		gap: 1rem;
		flex-direction: column;
		width: 100%;
	}


	.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom > .buss_txt_box01 div {
		width: calc(100% / 3 - 1rem);
	}

	.buss_box03 > div .buss_grouptb03 .right_wrap > ul li.arrow > img {
		width: 4.2rem;
	}

	.buss_box03 > div .buss_grouptb03 .right_wrap > ul li.tb_icon > img {
		width: 10rem;
	}
}

@media screen and (max-width: 1000px) {

	.badges_con02 {
		overflow: auto;
	}

	.submenu ul li a {
		font-size: 15px;
		width: 150px;
	}

	.bookTitArea {
		padding: 10px 0;
	}

	.bookArea .bookEx {
		width: 58%;
	}

	.subInfo01 .infoTxt01 {
		width: 100% !important;
	}


	.subInfo01_1 > div.right {
		max-width: 350px;
		background-position: -50px 0;
	}

	.subInfo01_1 > div.left {
		width: 55%;
	}

	.subInfo01_2 > .row01 > div.left {
		max-width: 350px;
	}

	.subInfo01_2 > .row01 > div.right {
		min-width: 50%;
	}

	.subInfo01_2 > .row02 > div.left {
		min-width: 47%;
	}

	.subInfo01_2 > .row02 > div.right {
		max-width: 380px;
		background-position: -80px 0;
	}

	/*전자출결*/
	.attend_img_box {
		padding: 5rem 0;
	}

		.attend_img_box > div {
			display: inline-block;
			text-align: center;
		}

			.attend_img_box > div > div.att_img {
				flex: 1;
				width: 33.333%;
				float: left;
			}

				.attend_img_box > div > div.att_img > img {
					width: 16rem;
				}

			.attend_img_box > div > div.attend_right {
				display: flex;
				flex-direction: column;
				width: 100%;
				align-items: center;
				padding-top: 10rem;
			}

				.attend_img_box > div > div.attend_right .arrow_box {
					display: flex;
					align-items: center;
					gap: 2rem;
				}

					.attend_img_box > div > div.attend_right .arrow_box > li {
						display: flex;
						flex-direction: column;
						margin: 1rem 0;
					}

						.attend_img_box > div > div.attend_right .arrow_box > li span {
							text-align: left;
						}

						.attend_img_box > div > div.attend_right .arrow_box > li.att_r_img {
							width: 15rem;
						}
}


@media screen and (max-width: 1080px) {



	.main_con_box {
		min-width: none !important;
		margin: 0 auto;
	}

		.main_con_box > .con_box {
			height: 24rem;
			margin: 0 1rem !important;
			padding: 1rem;
		}
}

@media screen and (max-width:950px) {

	.mainL {
	}

	.main_visual_con_area {
		bottom: 10rem;
	}

	.main_con_box {
		min-width: none !important;
		margin: 0 auto;
	}

		.main_con_box > .con_box:before {
			margin: 2rem auto 0 auto;
		}

		.main_con_box > .con_box {
			width: calc(50% - 2rem);
			height: 23rem;
			margin: 1rem 1rem !important;
		}

			.main_con_box > .con_box:hover,
			.main_con_box > .con_box.on {
				transform: translateY(-1rem);
			}

			.main_con_box > .con_box > h3 {
				font-size: 2.4rem;
				margin-top: 1rem;
			}

			.main_con_box > .con_box > p {
				font-size: 1.6rem;
				margin-bottom: 1rem;
			}

			.main_con_box > .con_box > a {
				display: block;
				width: 10rem;
				margin: 0 auto;
				padding: 1rem;
				font-size: 1.6rem;
				font-weight: 600;
				border-radius: 4rem;
				background-color: #084177;
				color: #fff;
			}

	.mainL {
		background-size: auto;
		background-position: 35% 0;
	}




	.businessArea {
		padding: 5rem 0 5rem 0;
	}

		.businessArea h3 {
			font-size: 3.6rem;
		}

		.businessArea .box-area {
			display: block;
		}

			.businessArea .box-area > div {
				height: 40rem;
				margin-bottom: 2rem;
			}

				.businessArea .box-area > div:nth-child(1) {
					background-size: 250px 209px;
					background-position: center 2rem;
				}

				.businessArea .box-area > div:nth-child(2) {
					background-size: 300px 300px;
					background-position: center -2rem;
				}

				.businessArea .box-area > div:nth-child(3) {
					background-size: 260px 260px;
					background-position: center 2rem;
				}

	.videoArea {
		padding: 5rem 0 5rem 0;
	}

		.videoArea h3 {
			font-size: 3.6rem;
		}

			.videoArea h3 span img {
				width: 4.2rem;
				height: 4.2rem;
			}

	.newsArea {
		padding: 5rem 0 5rem 0;
	}

		.newsArea h3 {
			font-size: 3.6rem;
		}

			.newsArea h3 span img {
				width: 4.2rem;
			}

		.newsArea .box_area {
			display: block;
			width: 100%;
		}

			.newsArea .box_area > div {
				width: 100%;
				margin-bottom: 2rem;
			}

				.newsArea .box_area > div ul {
					padding: 4rem 4rem;
				}

					.newsArea .box_area > div ul .b_tit {
						font-size: 1.6rem;
					}

					.newsArea .box_area > div ul .b_list {
						font-size: 2.2rem;
						line-height: 140%;
					}

					.newsArea .box_area > div ul .b_date {
						font-size: 1.2rem;
						color: #808080;
						margin-top: 2rem;
					}



	.visualArea .v_textArea > h2 {
		font-size: 5.2rem;
	}

	.visualArea .v_textArea > p {
		font-size: 1.8rem;
	}

	.badges_con > div {
		width: 100%;
		height: 22rem;
		padding: 2.5rem 2rem;
	}
}


@media screen and (max-width:768px) {

	.pc {
		display: none;
	}

	.mo {
		display: block;
	}

	#header {
		height: var(--header-mobileH);
	}

		#header .header_ti {
			display: none;
		}

	/*.footer > div{display:inline-block; }*/
	.footer > div > p {
		padding: 1.5rem 0;
		margin: 0 2rem;
		font-size: 1.6rem;
	}

	.footer > div > .logoArea {
		width: 25rem;
		display: block;
	}

	.subVisualArea {
		width: 100%;
		height: 20rem;
		margin: 7.6rem auto 0 auto;
		position: relative;
		/*background-color:#000; background: url("../images/main/sub_visual_img01.png")#f8f8f8 220% 0 no-repeat;*/
	}

		.subVisualArea .container {
			height: auto;
			flex: none;
		}

	.containerSub .titArea {
		padding: 2.8rem 0;
	}

		.containerSub .titArea h2 {
			font-size: 3.6rem;
		}

		.containerSub .titArea p {
			font-family: outfit;
			font-weight: 300;
			font-size: 1.4rem;
			letter-spacing: 2px;
			color: rgba(213, 0, 14, 1);
			margin-bottom: 1rem;
		}

		.containerSub .titArea .sNav {
			font-family: var(--f_pret);
			padding: 5px 0;
			color: #6a6b6c;
			font-weight: 300;
		}






	/*.containerSub .titArea h2::before{content: ""; background: url("../images/main/bar_bk.png")center 0 repeat-y; display:block; height:40px; margin-bottom:10px;}
.containerSub .titArea h2{font-size:2.2em;}*/
	.subVisualArea > .sub-nav.fixed {
		position: fixed;
		width: 100%;
		z-index: 25;
	}

	.sub-nav {
		bottom: 0;
		height: 5.9rem;
		background: rgba(0, 0, 0, .6);
	}

		.sub-nav > .s-nav-depth1 {
			display: flex;
			margin: 0 auto;
			width: 100%;
		}

			.sub-nav > .s-nav-depth1 > li:last-child {
				border-right: none;
			}

			.sub-nav > .s-nav-depth1 > li > a {
				display: flex;
				align-items: center;
				padding: 1rem 4.5rem 1rem 2rem;
				height: 5.6rem;
				font-size: 1.6rem;
			}

			.sub-nav > .s-nav-depth1 > li:not(:first-child) > a::after {
				top: 42%;
				right: 1.5rem;
				width: 1.8rem;
				height: 0.8rem;
			}

		.sub-nav .s-nav-depth2 {
			/*max-height: 28rem;*/
		}

			.sub-nav .s-nav-depth2 > li > a {
				padding: 2rem;
				font-size: 1.4rem;
			}

	/*.s-nav-depth2 > li > a.n-win {background: url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 1.8rem / 1rem 1rem no-repeat;}
.s-nav-depth2 > li > a.n-win:hover {background: rgba(34, 34, 34, 0.95) url(/_res/seojeong/_share/img/ico-gnb-link_on.png) right 2.3rem top 1.8rem / 1rem 1rem no-repeat;}
*/


	/*회사소개*/

	.w_row02 > div {
		padding: 0 0;
	}

		.w_row02 > div:nth-child(2) {
			padding-top: 0 !important;
		}

	.sub-cont .txt-box h4 {
		font-size: 1.4rem;
	}

	.sub-cont .txt-box p {
		margin: 0 0 2rem 0;
		font-size: 1.4rem;
		line-height: 140%;
	}

	.itss-page .txt-box > p:not(.cpn_tit):not(.cpn_tit02) {
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.sub-cont .txt-box .cpn_tit {
		font-size: 2.4rem;
	}

	.sub-cont .txt-box .cpn_tit02 {
		font-size: 1.8rem;
		margin-top: 2rem;
	}

	.client-logo-rolling {
		gap: 1.2rem;
		margin-top: 3.5rem;
	}

		.client-logo-rolling::before,
		.client-logo-rolling::after {
			width: 5rem;
		}

	.client-logo-track {
		gap: 1.2rem;
	}

		.client-logo-track img {
			width: 13rem;
			height: 8.4rem;
		}

	.imgs .cpn_img {
		width: 100%;
		height: 50rem;
	}

	.btn-home {
		display: none;
	}

	.sub-cont {
		margin-bottom: 10rem;
		padding: 0 2rem;
		max-width: 146rem;
	}

	.tit-area {
		margin: 0 auto 4rem;
		max-width: 146rem;
		padding: 0 2rem;
	}

		.tit-area > .tit-wrap {
			padding: 6rem 0 2rem 0;
		}

	.tit01 {
		font-size: 3.4rem;
	}

	.tit02 {
		margin-bottom: 1.4rem;
		font-size: 2.4rem;
	}

	.tit03 {
		margin: 6rem 0 3rem;
		font-size: 2.4rem;
	}

	.tit04 {
		margin: 4rem 0 2.4rem;
		font-size: 2rem;
	}

	.txt-box01 p {
		font-size: 2.0rem;
		line-height: 160%;
		margin: 0 0 2rem 0;
		color: rgba(0, 0, 0, 1);
	}

	.txt-box01 h4 {
		font-size: 2.2rem;
		font-family: Outfit;
		color: #d5000e;
	}

	.txt-box01 .cpn_tit {
		font-size: 2.4rem;
		letter-spacing: 0;
	}

	.txt-box01 .cpn_tit02 {
		font-size: 1.6rem;
		margin-top: 5rem;
	}

	.txt-box01 .cpn_txt {
		font-size: 1.4rem;
	}

	.txt-box02 p {
		font-size: 1.4rem !important;
		margin: 2rem 0 2rem 0;
	}

	.buss_txt_box div {
		padding: 1rem;
		font-weight: 500;
		font-size: 1.6rem;
		width: calc(100% / 2 - 1.5rem);
	}

	.sub-cont p {
		font-size: 1.6rem;
	}

	.subInfo,
	.subInfo01,
	.subInfo02 {
		margin: 0 auto;
	}

		.subInfo h3,
		.subInfo01 h3,
		.subInfo02 h3 {
			font-size: 1.9rem;
			font-weight: 500;
			letter-spacing: -1px;
			color: #000;
			margin-bottom: 60px;
			text-align: center;
		}

		.subInfo p,
		.subInfo01 div,
		.subInfo01 .infoTxt01 > ul > li,
		subInfo02 div,
		.subInfo02 .infoTxt02 {
			font-size: 0.9rem;
			margin-bottom: 20px;
			padding: 0 20px;
			line-height: 160%;
		}

	.history-wrap {
		gap: 4rem 15rem;
	}

	.history-cont-year {
		font-size: 2.4rem;
	}

	.history-cont-txt .date,
	.history-cont-txt .txt {
		font-size: 1.4rem;
	}

	/* business */
	.buss_icon_box .box_area > a > img {
		margin-bottom: 2rem;
	}

	.buss_icon_box div {
		padding: 4rem 3rem;
	}

		.buss_icon_box div p {
			font-size: 1.6rem;
			line-height: 140%;
		}

	.buss_icon_box01 .box_area > a > img {
		margin-bottom: 2rem;
	}

	.buss_icon_box01 div {
		padding: 4rem 3rem;
	}

		.buss_icon_box01 div p {
			font-size: 1.6rem;
			line-height: 140%;
		}

		.buss_icon_box01 div span {
			font-size: 1.4rem;
		}

	.icon_box i {
		margin-bottom: 2rem;
	}

	.buss_box01 {
		padding: 5rem 0 0 0;
	}

		.buss_box01 div > span {
			top: -3.5rem;
			width: 4.7rem;
			height: 4.7rem;
			padding: 1.2rem 0;
			font-size: 1.6rem;
		}

		.buss_box01 div {
			width: calc(100% / 2 - 1.5rem);
			margin-bottom: 4rem;
		}

			.buss_box01 div p {
				padding: 1.5rem 1rem;
				font-size: 1.6rem;
			}

			.buss_box01 div > ul {
				margin-top: 2rem;
				padding: 2rem 2.5rem;
				min-height: 20rem;
			}

				.buss_box01 div > ul li {
					padding: .5rem 1.5rem;
					font-size: 1.4rem;
				}

					.buss_box01 div > ul li::before {
						content: "";
						display: block;
						position: absolute;
						top: 1.4rem;
						left: 0;
						width: 0.4rem;
						height: 0.4rem;
					}


	.buss_box02 {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		position: relative;
		padding: 5rem 0;
	}

		.buss_box02 div {
			width: calc(100%);
		}

			.buss_box02 div p {
				font-size: 1.6rem;
			}


			.buss_box02 div .buss_grouptb02 {
				padding: 2rem 3rem 4rem 3rem;
				height: 12rem;
			}

				.buss_box02 div .buss_grouptb02 li {
					flex: 1;
					position: relative;
					text-align: center;
				}

					.buss_box02 div .buss_grouptb02 li img {
						width: 40%;
					}

			.buss_box02 div .buss_grouptb03 .buss_grouptb03_top {
				padding: 3.5rem 1rem;
				height: 18rem;
			}

				.buss_box02 div .buss_grouptb03 .buss_grouptb03_top p {
					padding: 1rem 2rem;
					font-size: 1.4rem;
				}

	.option {
		font-size: 1.4rem;
		padding: .5rem 2rem;
		left: 1rem;
		top: .5rem;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_top > ul {
		margin: 2rem 0;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .txt01 {
		font-size: 1.8rem;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .txt02 {
		font-size: 1.6rem;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_top .buss_ico01 {
		width: 5.7rem;
		height: 3.5rem;
		background: url(../images/sub/buss_ico01.png) center center / 5.7rem 3.5rem no-repeat;
		display: inline-block;
		margin-right: 1rem;
	}

	.buss_box02 div .buss_grouptb03 .buss_center_tit {
		font-size: 1.6rem;
		padding: 1.5rem 0;
		height: 5rem;
	}

	.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom {
		height: 18rem;
	}

		.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom p {
			padding: 1.5rem 2rem;
			font-size: 1.8rem;
		}

		.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul {
			margin: 2rem 0;
		}

			.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li {
				text-align: center;
				padding: .5rem 0;
			}

				.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul {
					padding: 3rem 3rem;
				}

					.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom > ul > li > ul > li img {
						width: 6rem;
					}

		.buss_box02 div .buss_grouptb03 .buss_grouptb03_bottom .txt01 {
			font-size: 1.8rem;
		}


	.buss_box03 {
		padding: 0;
	}

		.buss_box03 > div .buss_grouptb01 ul {
			width: 100%;
			border: 1px solid #0249af;
			padding: 2rem;
		}

			.buss_box03 > div .buss_grouptb01 ul > li img {
				width: 50%;
				height: auto;
			}

		.buss_box03 > div .buss_grouptb02 > div {
			width: 100%;
		}

			.buss_box03 > div .buss_grouptb02 > div > ul {
				width: 100%;
				padding: 2rem;
				margin-right: 0;
			}

				.buss_box03 > div .buss_grouptb02 > div > ul > li img {
					width: 60%;
					height: auto;
				}

			.buss_box03 > div .buss_grouptb02 > div > div {
				width: 100%;
			}

				.buss_box03 > div .buss_grouptb02 > div > div p {
					padding: 1.6rem 1rem;
					font-size: 1.4rem;
				}

				.buss_box03 > div .buss_grouptb02 > div > div span:nth-child(1) {
					width: 15rem;
				}

				.buss_box03 > div .buss_grouptb02 > div > div span:nth-child(2) {
					width: calc(100% - 15rem);
				}

	.option02 {
		font-size: 1.4rem;
		padding: .5rem 1rem;
		left: 1rem;
		top: 1.2rem;
	}

	.buss_box03 > div .buss_grouptb03 {
		display: inline-block;
	}

		.buss_box03 > div .buss_grouptb03 .left_wrap {
			width: calc(100%);
			padding: 2rem;
		}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top p.tit {
				font-size: 1.6rem;
			}

				.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top p.tit span.buss_ico01 {
					width: 3.0rem;
					height: 1.9rem;
					background-size: 3rem 1.9rem;
				}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_top .ex {
				font-size: 1.4rem;
			}

			.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom {
				margin: 2rem 0;
				padding: 0;
			}

				.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom > .buss_txt_box01 {
					width: 100%;
					gap: 1.25rem;
				}

					.buss_box03 > div .buss_grouptb03 .left_wrap .buss_grouptb03_bottom > .buss_txt_box01 div {
						padding: .5rem;
						font-size: 1.4rem;
						width: calc(100% / 2 - 1rem);
					}

		.buss_box03 > div .buss_grouptb03 .right_wrap {
			width: calc(100%);
			flex-wrap: inherit;
		}

			.buss_box03 > div .buss_grouptb03 .right_wrap > ul {
				width: calc(100%);
				display: flex;
				margin: 2rem 0;
				flex-direction: column;
			}

				.buss_box03 > div .buss_grouptb03 .right_wrap > ul > li {
					margin: 1rem 0;
				}

				.buss_box03 > div .buss_grouptb03 .right_wrap > ul li.arrow > img {
					width: 3.5rem;
					transform: rotate(90deg);
				}

				.buss_box03 > div .buss_grouptb03 .right_wrap > ul li.tb_icon > img {
					width: 8rem;
				}

	.buss_box03 > div .buss_grouptb04 > ul {
		width: calc(100%);
		padding: 2rem;
		margin-right: 0;
		height: 8rem;
	}

		.buss_box03 > div .buss_grouptb04 > ul > li {
			flex: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			text-align: center;
		}

			.buss_box03 > div .buss_grouptb04 > ul > li img {
				width: 100%;
			}

			.buss_box03 > div .buss_grouptb04 > ul > li.text01 {
				font-size: 1.6rem;
			}

	.buss_box03 > div .buss_ex_area > div {
		width: calc(100%);
		padding: 2rem;
		font-size: 1.6rem;
		padding: 1.5rem 2rem;
	}

	.imgs01 .buss_img {
		height: 25rem;
	}

	.imgs01 .buss_img01, .imgs01 .buss_img04 {
		height: 25rem;
	}

	/*아이콘 시작*/


	.ico_computer {
		width: 3.0rem;
		height: 3.0rem;
		background: url(../images/sub/ico_computer.png) center center / 3.0rem 3.0rem no-repeat;
	}

	.ico_money {
		width: 3.1rem;
		height: 3.1rem;
		background: url(../images/sub/ico_money.png) center center / 3.1rem 3.1rem no-repeat;
	}

	.ico_note {
		width: 3.1rem;
		height: 3.0rem;
		background: url(../images/sub/ico_note.png) center center / 3.1rem 3.0rem no-repeat;
	}

	.ico_system {
		width: 2.6rem;
		height: 3.0rem;
		background: url(../images/sub/ico_system.png) center center / 2.6rem 3.0rem no-repeat;
	}

	.ico_system02 {
		width: 3.1rem;
		height: 3.4rem;
		background: url(../images/sub/ico_system02.png) center center / 3.1rem 3.4rem no-repeat;
	}

	.ico_system03 {
		width: 3.1rem;
		height: 3.1rem;
		background: url(../images/sub/ico_system03.png) center center / 3.1rem 3.1rem no-repeat;
	}

	.ico_hosting {
		width: 3.1rem;
		height: 3.1rem;
		background: url(../images/sub/ico_hosting.png) center center / 3.1rem 3.1rem no-repeat;
	}

	.ico_security {
		width: 3.0rem;
		height: 3.1rem;
		background: url(../images/sub/ico_security.png) center center / 3.0rem 3.1rem no-repeat;
	}

	.ico_puzzle {
		width: 3.1rem;
		height: 3.1rem;
		background: url(../images/sub/ico_puzzle.png) center center / 3.1rem 3.1rem no-repeat;
	}

	.ico_data {
		width: 3.2rem;
		height: 3.1rem;
		background: url(../images/sub/ico_data.png) center center / 3.2rem 3.1rem no-repeat;
	}

	.ico_cost {
		width: 4.7rem;
		height: 3.1rem;
		background: url(../images/sub/ico_cost.png) center center / 4.7rem 3.1rem no-repeat;
	}

	.ico_handshake {
		width: 4.3rem;
		height: 3.4rem;
		background: url(../images/sub/ico_handshake.png) center center / 4.3rem 3.4rem no-repeat;
	}

	.ico_browser {
		width: 3.5rem;
		height: 3.1rem;
		background: url(../images/sub/ico_browser.png) center center / 3.5rem 3.1rem no-repeat;
	}

	.ico_browser01 {
		width: 3.5rem;
		height: 3.1rem;
		background: url(../images/sub/ico_browser01.png) center center / 3.5rem 3.1rem no-repeat;
	}

	.ico_file {
		width: 3.5rem;
		height: 3.1rem;
		background: url(../images/sub/ico_file.png) center center / 3.5rem 3.1rem no-repeat;
	}

	.ico_file01 {
		width: 3.3rem;
		height: 2.8rem;
		background: url(../images/sub/ico_file01.png) center center / 3.3rem 2.8rem no-repeat;
	}

	.ico_clock {
		width: 3.3rem;
		height: 3.1rem;
		background: url(../images/sub/ico_clock.png) center center / 3.3rem 3.1rem no-repeat;
	}

	.ico_click {
		width: 3.1rem;
		height: 3.8rem;
		background: url(../images/sub/ico_click.png) center center / 3.1rem 3.8rem no-repeat;
	}

	.ico_check {
		width: 4.0rem;
		height: 3.4rem;
		background: url(../images/sub/ico_check.png) center center / 4.0rem 3.4rem no-repeat;
	}

	.ico_business {
		width: 3.1rem;
		height: 3.4rem;
		background: url(../images/sub/ico_business.png) center center / 3.1rem 3.4rem no-repeat;
	}

	.ico_business01 {
		width: 3.9rem;
		height: 3.7rem;
		background: url(../images/sub/ico_business01.png) center center / 3.9rem 3.7rem no-repeat;
	}

	.ico_flag {
		width: 3.1rem;
		height: 3.4rem;
		background: url(../images/sub/ico_flag.png) center center / 3.1rem 3.4rem no-repeat;
	}

	.ico_trophy {
		width: 3.1rem;
		height: 3.4rem;
		background: url(../images/sub/ico_trophy.png) center center / 3.1rem 3.4rem no-repeat;
	}

	.ico_ask {
		width: 4.0rem;
		height: 3.9rem;
		background: url(../images/sub/ico_ask.png) center center / 4.0rem 3.9rem no-repeat;
	}

	.ico_care {
		width: 3.2rem;
		height: 3.6rem;
		background: url(../images/sub/ico_care.png) center center / 3.2rem 3.6rem no-repeat;
	}

	.ico_attendance {
		width: 3.2rem;
		height: 3.6rem;
		background: url(../images/sub/ico_attendance.png) center center / 3.2rem 3.6rem no-repeat;
	}

	/*아이콘 끝*/


	.round_list_area {
		font-size: 1.4rem;
		margin-top: 2rem;
	}

		.round_list_area .round_list {
			display: inline-block;
		}

			.round_list_area .round_list li {
				display: block;
				margin: .5rem;
				float: left;
				padding: .5rem 1rem;
			}

	.buss_list_area {
		font-size: 1.4rem;
		color: #000;
		margin-top: 2rem;
	}

		.buss_list_area .buss_list > li {
			padding: .2rem 1.5rem;
		}

			.buss_list_area .buss_list > li::before {
				width: 0.4rem;
				height: 0.4rem;
			}

		.buss_list_area .buss_list li li.dep01 {
			padding: .2rem 0;
		}

	/*테이블*/
	.tbl-sty01 {
		width: 100%;
		line-height: 130%;
		margin-bottom: 10rem;
	}

		.tbl-sty01 > thead th,
		.tbl-sty01 > tbody th,
		.tbl-sty01 > thead th {
			font-size: 1.4rem;
			font-weight: 500;
		}

		.tbl-sty01 > thead th {
			padding: 1rem;
			line-height: 1.8rem;
		}

		.tbl-sty01 > tbody th {
			padding: 1rem;
			line-height: 1.8rem;
		}

		.tbl-sty01 > tbody td {
			padding: 1rem;
			font-size: 1.4rem;
		}



	/* 서브페이지 탭 */
	/* 모바일(또는 좁은 화면)용 */
	.tab01 {
		display: none;
	}

		.tab01.quick-page {
			display: flex;
		}

			.tab01.quick-page > li {
				width: 33.33333333%;
			}

				.tab01.quick-page > li > a {
					padding: 0 3rem 0 1rem;
				}

	.tab01-mo {
		display: block;
		position: relative;
	}

		.tab01-mo > .menu {
			padding: 2rem 4.5rem 2rem 2rem;
			width: 100%;
			font-size: 1.8rem;
			font-weight: 700;
			color: #fff;
			background: #0249af url(../images/sub/ico-nav-arrdown.png) right 2rem center / 1.5rem .9rem no-repeat;
			cursor: pointer;
			box-sizing: border-box;
			line-height: 1.4;
		}

			/* menu에 'active' 클래스가 붙어도 동일 동작 유지 */
			.tab01-mo > .menu.active {
				/* 추가 변경 시 사용 */
			}

		.tab01-mo > ul {
			display: none;
			position: absolute;
			overflow: auto;
			width: 100%;
			max-height: 48rem;
			background: #F4F4F4;
			z-index: 11;
			border: 0.1rem solid rgba(0, 0, 0, 0.1);
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.tab01-mo > ul.open {
				display: block;
			}

			.tab01-mo > ul::-webkit-scrollbar {
				width: 0.3rem;
			}

			.tab01-mo > ul::-webkit-scrollbar-thumb {
				background-color: #999999;
				border-radius: 0.4rem;
				background-clip: padding-box;
			}

			.tab01-mo > ul > li + li {
				border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
			}

			.tab01-mo > ul > li > a {
				display: block;
				padding: 2rem;
				width: 100%;
				font-size: 1.6rem;
				font-weight: 600;
				color: #666;
				text-decoration: none;
			}

	.tab01_1 > li {
		height: 5.9rem;
	}


	.sub-cont div.sub_tit {
		font-size: 2.2rem;
	}

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

		.visualArea .progress-bar-wrapper {
			display: flex;
			flex-direction: column;
			/* 기존 세로 배치 그대로 */
			align-items: center;
			position: absolute;
			bottom: 20%;
			left: 50%;
			transform: translateY(50%) rotate(-90deg);
			/* ← 회전 추가 */
			transform-origin: center center;
			/* 회전 기준점 설정 */
			z-index: 1;
			gap: 10px;
		}

			.visualArea .progress-bar-wrapper .slide-number,
			.visualArea .progress-bar-wrapper .stop_btn {
				transform: rotate(90deg);
			}

	.infoArea {
		padding: 5rem 0;
		margin: 0;
		text-align: left;
		gap: 1rem;
		flex-direction: column;
		width: 100%;
	}

		.infoArea .infoCard {
			display: inline-block;
		}

		.infoArea > div {
			width: 100%;
		}

			.infoArea > div.tit_area {
				text-align: left;
				margin-top: 5rem;
			}

		.infoArea .tit_area h3 {
			font-size: 1.8rem;
			margin-bottom: 1rem;
		}

		.infoArea .tit_area p {
			font-size: 2.8rem;
			margin-bottom: 4rem;
			width: 100%;
			line-height: 1.5;
		}

		.infoArea .infoCard > div:nth-of-type(2) {
			margin-top: 2rem;
		}

		.infoArea .infoCard .infoCard_wrap {
			grid-column-gap: normal;
			grid-row-gap: normal;
			gap: 2rem;
			flex-flow: wrap;
			display: flex;
			justify-content: space-around;
		}

			.infoArea .infoCard .infoCard_wrap .i_card {
				width: 96%;
				height: 300px;
				padding: 3rem 1.5rem;
			}

				.infoArea .infoCard .infoCard_wrap .i_card h4 {
					font-size: 2.8rem;
					margin-bottom: 1rem;
				}

				.infoArea .infoCard .infoCard_wrap .i_card p {
					font-size: 1.8rem;
					line-height: 1.6;
					opacity: 0;
					transition: opacity 0.6s ease-in-out;
				}

				.infoArea .infoCard .infoCard_wrap .i_card a {
					padding: 1rem 1.5rem;
					bottom: 3rem;
					width: 12rem;
					font-size: 1.6rem;
				}

					.infoArea .infoCard .infoCard_wrap .i_card a::after {
						top: 40%;
						right: 1.5rem;
						transition: all .3s ease 0s;
						transform: translateX(6rem);
						transform: translateY(-50%);
						width: 1.4rem;
						height: 1.3rem;
					}

				.infoArea .infoCard .infoCard_wrap .i_card:hover a::after {
					opacity: 1;
					right: 1rem;
				}

	.flow-text {
		font-size: 12rem;
	}


	.newsArea01 {
		padding: 5rem 0;
		margin: 0;
		min-height: 20rem;
	}

		.newsArea01 .tit_area {
			margin-top: 5rem;
		}

			.newsArea01 .tit_area h3 {
				font-size: 1.6rem;
				margin-bottom: 1rem;
			}

			.newsArea01 .tit_area p {
				font-size: 2.6rem;
				margin-bottom: 4rem;
				width: 50%;
				float: left;
			}

			.newsArea01 .tit_area .b_btn a {
				font-size: 1.6rem;
				padding: 1rem 1.5rem;
				width: 15rem;
				float: right;
			}

				.newsArea01 .tit_area .b_btn a::after {
					top: 50%;
					right: 1.5rem;
				}

		.newsArea01 .btn_more {
			position: absolute;
			right: 20px;
			top: 30px;
			margin: 0;
			padding: 0;
			font-size: 0.875rem;
		}

			.newsArea01 .btn_more > a {
				display: block;
				background: url("../images/main/more.png")0 0 no-repeat;
				width: 23px;
				height: 23px;
				text-indent: -2000px;
			}

		.newsArea01 .swiper-container .swiper-wrapper .swiper-slide {
			height: 26rem;
			border-radius: 2rem;
			-moz-transition: all .51s;
			-o-transition: all .51s;
			-webkit-transition: all .51s;
			transition: all .51s;
			/*box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1);*/
			cursor: pointer;
		}

			.newsArea01 .swiper-container .swiper-wrapper .swiper-slide:hover {
				border: none;
				/*box-shadow: 1px 1px 20px 1px rgba(0,0,0,.1);*/
			}

		.newsArea01 .b_date {
			color: rgba(193, 10, 30, 1);
			font-size: 1.6rem;
		}

		.newsArea01 .b_tit {
			font-size: 2.2rem;
			margin: .5rem 0;
			line-height: 1.3;
		}

		.newsArea01 .b_list {
			font-size: 1.8rem;
			line-height: 1.6;
		}

		.newsArea01 .b_btn_area a {
			width: 4rem;
			height: 4rem;
			margin-top: 6rem;
		}

	.inquiryArea {
		padding: 5rem 0;
		margin: 0;
	}

		.inquiryArea .tit_area {
			margin-top: 5rem;
		}

		.inquiryArea h3 {
			font-size: 2.8rem;
			margin-bottom: 4rem;
			line-height: 1.4;
		}

		.inquiryArea .box_area {
			width: 100%;
			gap: 1rem;
		}

			.inquiryArea .box_area > a {
				height: 15rem;
				text-decoration: none;
			}

				.inquiryArea .box_area > a:hover p {
					margin-bottom: 1.5rem;
				}

				.inquiryArea .box_area > a > img {
					margin-bottom: 1rem;
					width: 3.5rem;
				}

				.inquiryArea .box_area > a > p {
					font-size: 1.6rem;
					line-height: 1.4;
				}

	.contactArea {
		padding: 5rem 0;
		margin: 10px 0;
	}

		.contactArea .tit_area {
			margin-top: 5rem;
		}

			.contactArea .tit_area h3 {
				font-size: 1.6rem;
				margin-bottom: 1rem;
			}

			.contactArea .tit_area p {
				font-size: 2.8rem;
				margin-bottom: 2rem;
				line-height: 1.4;
			}

	.button_area a {
		padding: 1.5rem 1rem;
		font-size: 1.6rem;
		width: 20rem;
		line-height: 1;
	}

		.button_area a i {
			display: inline-block;
			margin-right: 1rem;
		}

			.button_area a i.tell_icon {
				background-size: 2.0rem 2.1rem;
				width: 2.0rem;
				height: 2.1rem;
			}

			.button_area a i.mail_icon {
				background-size: 2.3rem 1.5rem;
				width: 2.3rem;
				height: 1.5rem;
			}



	.footer .logoArea {
		padding: 1rem 0;
		background: url('../images/logo_wh.png') 0 0 no-repeat;
		width: 12.2rem;
		background-size: 12.2rem;
		height: 5.1rem;
		margin-bottom: 2rem;
	}

	.footer {
		width: 100%;
		padding: 5rem 2rem;
		font-size: 1.6rem;
	}

		.footer > div {
			display: inline-block;
			justify-content: start;
			align-items: center;
		}

			.footer > div > div .list-add li {
				padding: 0 1rem;
				font-size: 1.5rem;
			}

			.footer > div > div > p {
				padding: .5rem 1rem;
				font-size: 1.5rem;
			}


	.txt01 {
		font-size: 1.6rem;
	}

		.txt01 + .list-dot {
			margin-top: 1.2rem;
		}

	.list-type01.dep01 {
		font-size: 1.6rem;
	}

	.list-type01 {
		font-size: 1.6rem;
	}

		.list-type01 > li {
			line-height: 130%;
		}

	.list-dot > li {
		font-size: 1.6rem;
	}

	.list-type01 > li + li,
	.list-txt > li + li.list-type01 > li > .list-type01,
	.list-txt > li > .list-txt,
	.list-type01 > li > .list-dot {
		margin: 1.2rem 0;
	}


	.infoTxt01 .titTxt {
		font-size: 1.3rem;
		text-align: center;
		display: block;
	}

	.titTxt::after {
		content: "";
		display: block;
		border: 0.5px solid #000;
		width: 20px;
		margin: 20px auto;
	}

	.txtEmp {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 140%;
		color: #000;
		letter-spacing: -1px;
	}

	.subInfo01 .infoTxt01 > ul {
		margin-bottom: 60px !important;
	}

		.subInfo01 .infoTxt01 > ul > li {
			margin: 5px 0;
		}

	.subInfo02 .infoTxt02 > ul > li {
		font-size: 0.9rem;
		line-height: 160%;
	}

	div.addArea > div {
		margin-bottom: 10px;
	}


	.mapImg > a {
		background: url("../images/map.png") -150px 0 no-repeat;
		height: 310px;
	}

	.sub_img01,
	.sub_img02,
	.sub_img03,
	.sub_img05 {
		float: none;
		margin: 0 auto;
		text-align: center;
		background-position: center 0 !important;
	}

	.subRes_list03 li:first-child {
		width: 100%;
	}

	.subRes_list03 li:last-child {
		text-align: center;
		padding: 10px 40px;
		width: 100% !important;
		margin: 0 auto;
	}

	.subRes_list04 li:first-child {
		margin-bottom: 40px;
	}

	.subRes_list05 ul {
		display: inline-block;
		width: 100%;
	}

	.subRes_list05 li:first-child {
		width: 100%;
	}

	.subRes_list05 li:last-child {
		width: 100% !important;
	}

	.v_textArea,
	.v_textArea01 {
		padding: 0 50px;
		width: 100%;
	}

	.lms_con {
		gap: 2rem;
	}

		.lms_con > div {
			width: calc(50% - 2rem / 2);
			height: 13rem;
			padding: 8rem 2rem 3rem 2rem;
			font-size: 1.8rem;
		}

			.lms_con > div::before {
				top: 2rem;
				left: 50%;
				transform: translateX(-50%);
				width: 60px;
				height: 60px;
			}

			.lms_con > div:nth-of-type(1)::before,
			.lms_con > div:nth-of-type(2)::before,
			.lms_con > div:nth-of-type(3)::before,
			.lms_con > div:nth-of-type(4)::before,
			.lms_con > div:nth-of-type(5)::before,
			.lms_con > div:nth-of-type(6)::before,
			.lms_con > div:nth-of-type(7)::before,
			.lms_con > div:nth-of-type(8)::before,
			.lms_con > div:nth-of-type(9)::before {
				background-size: 6rem 6rem;
			}

	.bookArea .bookImg {
		float: none;
		margin: 0 auto;
	}

		.bookArea .bookImg > img {
			border-radius: 50% !important;
		}

	.bookArea .bookEx {
		width: 95% !important;
	}

		.bookArea .bookEx > h4 {
			text-align: center;
		}

	.subInfo01_1 > div.right {
		min-width: 100%;
		background-position: center 0 !important;
	}

	.subInfo01_1 > div.left {
		margin-top: 460px;
		min-width: 100%
	}

	.subInfo01_2 > .row01 > div.left {
		min-width: 100%;
	}

	.subInfo01_2 > .row01 > div.right {
		width: 100% !important;
		margin-top: 480px;
	}

	.subInfo01_2 > .row02 {
		margin-top: 0 !important;
	}

		.subInfo01_2 > .row02 > div.left {
			width: 100% !important;
		}

		.subInfo01_2 > .row02 > div.right {
			display: none;
		}

	.main-bottom {
		padding: 1rem 0;
	}

	.bottom-quick-area ul {
		display: inline-block;
		width: 34rem;
	}

	.bottom-quick-area li {
		width: 13rem;
		height: 13rem;
		border-radius: 50%;
		display: block;
		float: left;
		margin: 1rem 2rem;
	}

		.bottom-quick-area li a {
			width: 13rem;
			height: 13rem;
			padding-top: 8rem;
		}

		.bottom-quick-area li:before {
			margin: 2rem auto 0 auto;
		}

	.badges_wrap_mo {
		display: block;
	}

	.badges_wrap {
		display: none;
	}

	.badges_wrap_mo {
		margin: 10rem auto;
		padding: 0;
		width: 100%;
		position: relative;
	}

		.badges_wrap_mo h3 {
			position: relative;
			width: 90%;
			margin: 0 auto 4rem;
			padding: 2rem 0;
			background: #6801ff;
			border-radius: 5rem;
			text-align: center;
			font-weight: 700;
			line-height: 100%;
			color: #fff;
			z-index: 2;
		}

		/*.badges_wrap_mo::before{content:"";display:block;position:absolute;top:3rem;left:10rem;width: 120rem;height:110rem;border:0.2rem solid #DEE2E6;border-radius:2.5rem;z-index: 0;}*/

		.badges_wrap_mo > .badges_box {
			display: flex;
			flex-wrap: wrap;
			gap: 3rem;
		}

			.badges_wrap_mo > .badges_box > div {
				width: calc(50% - 3rem /2);
			}

				.badges_wrap_mo > .badges_box > div h4 {
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 1rem 1rem;
					font-size: 1.6rem;
					font-weight: 500;
					line-height: 130%;
					color: #fff;
					background: #9551f9;
					border-radius: 5rem;
					z-index: 4;
				}

				.badges_wrap_mo > .badges_box > div > dl > dt {
					text-align: center;
					padding-bottom: 1rem;
				}

					.badges_wrap_mo > .badges_box > div > dl > dt img {
						width: 7rem;
						height: 7rem;
					}

				.badges_wrap_mo > .badges_box > div > dl > dd {
					padding: .5rem 1rem;
					margin: .5rem 0;
					border: 1px solid #D9D9D9;
					border-radius: 1rem;
					font-weight: 400;
				}

				.badges_wrap_mo > .badges_box > div:nth-child(2) p {
					text-align: center;
					font-size: 1.6rem;
					color: #393939;
					flex: none;
				}

				.badges_wrap_mo > .badges_box > div:nth-child(3) {
					width: 100%;
					background-color: #fff;
					flex: none;
					position: relative;
				}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t {
						position: relative;
						margin: 0 auto;
						display: inline-block;
						padding-bottom: 4rem;
						width: 100%;
					}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > div.box_c_t::before {
						content: "";
						display: block;
						position: absolute;
						top: 2rem;
						left: 0;
						width: 100%;
						height: 95%;
						border: 0.1rem solid #9551f9;
						z-index: 1;
						border-top: none;
					}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t p {
						text-align: center;
						color: #000;
					}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box {
						width: 96%;
						position: relative;
						background-color: rgba(247, 247, 247, 1);
						padding: 1rem 1rem 2rem 1rem;
						border-radius: 1rem;
						margin: 1rem auto;
					}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box h5 {
							flex: none;
							width: 100%;
							text-align: center;
						}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div {
							display: flex;
							flex-wrap: wrap;
							justify-items: center;
							gap: 1rem;
						}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div > div {
								flex: 1;
							}

								.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box > div > div > ul > li {
									padding: .5rem 1rem;
									margin: .5rem 0;
									border: 1px solid #D9D9D9;
									background-color: rgba(255, 255, 255, 1);
									font-weight: 400;
									border-radius: 1rem;
									text-align: center;
								}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_l_box p {
							border: 1px solid red;
						}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box {
						width: 96%;
						position: relative;
						background-color: rgba(247, 242, 253, 1);
						padding: 1rem 1rem 2rem 1rem;
						border-radius: 1rem;
						margin: 0 auto;
					}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box h5 {
							flex: none;
							width: 100%;
							text-align: center;
						}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div {
							display: flex;
							flex-wrap: wrap;
							justify-items: center;
							align-items: center;
						}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div > ul {
								flex: 1;
							}

								.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t .c01_r_box > div > ul > li {
									padding: .5rem 1rem;
									margin: .5rem 0;
									border: 1px solid #D9D9D9;
									background-color: rgba(255, 255, 255, 1);
									font-weight: 400;
									border-radius: 1rem;
									text-align: center;
								}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_t > h5 {
						display: flex;
						justify-content: center;
						width: 90%;
						margin: 2rem auto;
						padding: 1rem 0;
						background: #6801ff;
						border-radius: 5rem;
						font-weight: 700;
						line-height: 100%;
						color: #fff;
						text-align: center;
					}

					.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b {
						border: 1px solid #c39bfd;
					}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 {
							padding: 0 2rem 1rem 2rem;
						}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 p {
								text-align: center;
								font-size: 1.6rem;
								color: #393939;
								padding: 2rem 0 0 0;
								flex: none;
							}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div {
								display: flex;
								flex-wrap: wrap;
								justify-items: center;
								gap: 2rem;
							}

								.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div {
									width: calc(50% - 2rem/2);
								}

									.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div ul {
										flex: 1;
									}

									.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_01 div > div li {
										padding: .5rem 1rem;
										margin: .5rem 0;
										border: 1px solid #D9D9D9;
										background-color: rgba(255, 255, 255, 1);
										font-weight: 400;
										border-radius: 1rem;
										text-align: center;
									}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 {
							border-top: 1px solid #c39bfd;
							padding-bottom: 1rem;
						}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 p {
								text-align: center;
								font-size: 1.6rem;
								color: #393939;
								padding: 2rem 0 0 0;
								flex: none;
							}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div {
								position: relative;
								padding: 0 2rem;
							}

								.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div ul {
									display: flex;
									flex-wrap: wrap;
									justify-items: center;
									align-items: center;
									gap: .5rem;
								}

									.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_02 div ul > li {
										text-align: center;
										padding: .5rem 1rem;
										border: 1px solid #D9D9D9;
										line-height: 100%;
										height: 3rem;
										background-color: rgba(255, 255, 255, 1);
										font-weight: 400;
										border-radius: 1rem;
									}

						.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 {
							border-top: 1px solid #c39bfd;
						}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div {
								position: relative;
								padding: 0 2rem 2rem 2rem;
							}

								.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div ul {
									display: flex;
									flex-wrap: wrap;
									justify-items: center;
									align-items: center;
									gap: 2rem;
								}

									.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 div ul > li {
										flex: 1;
										text-align: center;
										padding: .5rem 1rem;
										margin: .5rem 0;
										border: 1px solid #D9D9D9;
										background-color: rgba(255, 255, 255, 1);
										font-weight: 400;
										border-radius: 1rem;
									}

							.badges_wrap_mo > .badges_box > div:nth-child(3) > .box_c_b .box_c_b_03 p {
								text-align: center;
								font-size: 1.6rem;
								color: #393939;
								padding: 2rem 0 0 0;
								flex: none;
							}

	.ex_area {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:576px) {

	#header .header_ti {
		display: none;
	}

	.logoArea {
		font-size: 2.4rem;
	}

	.logoArea {
		background: url('../images/logo.png') 0 0 no-repeat;
		width: 12rem;
		background-size: 12rem;
		height: 4.5rem;
		text-indent: -999px;
	}

	#header:focus-within .logoArea,
	#header:hover .logoArea,
	#header.active .logoArea {
		background: url('../images/logo.png') 0 0 no-repeat;
		width: 16.3rem;
		background-size: 16.3rem;
		height: 6.1rem;
	}

	.visualArea .v_textArea > h2 {
		font-size: 3.2rem;
		margin-top: 1rem;
		margin-bottom: 0;
		line-height: 1.3;
	}

	.visualArea .v_textArea > p {
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.visualArea .v_textArea {
		margin-top: 0;
		padding: 0;
		text-align: center;
	}

	.visualArea {
		height: 95vh;
		min-height: 35rem;
		margin: 0 auto;
	}

		.visualArea .swiper-container {
			list-style: none;
		}

	.web_con {
		display: none;
	}

	.mo_con {
		display: block !important;
	}

	.main_visual_con_area {
		width: 100%;
		position: relative;
		bottom: 0;
		margin-top: 5rem;
	}

	.main_con_box > .con_box:before {
		margin: 2rem auto 0 auto;
	}

	.main_con_box > .con_box {
		height: 20rem;
		margin: 1rem 1rem !important;
	}

		.main_con_box > .con_box > h3 {
			font-size: 2.4rem;
			margin-top: 1rem;
			line-height: 1.3;
		}

		.main_con_box > .con_box > p {
			display: none;
		}

		.main_con_box > .con_box > a {
			display: block;
			width: 10rem;
			margin: 0 auto;
			padding: .5rem;
			font-size: 1.6rem;
			font-weight: 600;
		}

	.move_text_box .text {
		font-size: 6.0rem;
		font-weight: 800;
	}

	.sub-cont {
		padding: 0 2rem;
	}


	.popupzoneImg01,
	.popupzoneImg02 {
		background-size: cover !important;
	}

	.popupzoneArea .swiper-container .swiper-slide .popupzoneImg01 {
		background: url("../images/main/popup01.png") center 0 no-repeat;
	}

	.popupzoneArea .swiper-container .swiper-slide .popupzoneImg02 {
		background: url("../images/main/popup02_m.png") center 0 no-repeat;
	}

	.popupZone_sub {
		height: 80px;
	}

	.popupZone_img {
		background-position: 320px -20px !important;
		height: 80px;
	}

	.containerSub .titArea .sNav {
		display: none;
	}

	.greetings_area {
		display: block;
	}

		.greetings_area > img {
			width: 100%;
			height: auto;
			margin-bottom: 5rem;
		}

	.greetings_txt {
		margin-left: 0;
	}


	.buss_box01 div {
		width: calc(100%);
	}

	/*전자출결*/

	.attend_img_box > div > div.att_img > img {
		width: 13rem;
	}

	.attend_img_box > div > div.attend_right {
		padding-top: 5rem;
	}


	/*
.visualArea .bgImg01{ position:absolute; bottom:0; left:20% !important; background: url("../images/main/visual_img01_m.png") 0 bottom no-repeat !important; width:250px; height:266px;}
.visualArea .v_textArea >h2{font-size:3.0rem !important; margin-top:10% !important; text-align:center;}
.visualArea .v_textArea >h2 > span{display:block; font-size:1.2rem !important;}
*/
	/*
.visualArea .v_bg1{background: url("../images/main/visual_bg_img02_2_m.png")center 0 no-repeat !important;}
.visualArea .v_textArea01 >h2{margin-right:0 !important; margin-top:40% !important; text-align:center; font-size:2.0rem !important;}

.visualArea .v_bg2{background: url("../images/main/visual_bg_img02_1_m.png")center 0 no-repeat !important;}
.visualArea .v_textArea01 >h2{margin-right:0 !important; margin-top:40% !important; text-align:center; font-size:2.0rem !important;}

.bottom-quick-area ul{display:flex; display:inline-blcok; gap:10rem; }
.bottom-quick-area li{width: 17rem; height:17rem; border-radius:50%; background-color:rgba(255,255,255,.1); transition: all .3s ease 0s;}
.bottom-quick-area li h3{font-size:2.0rem; font-weight:700; margin-top:1rem; color:#fff; text-align:center;}
.bottom-quick-area li:before{content:""; display:block; width:5.8rem; height:5.6rem; margin:4rem auto 0 auto; background: url("../images/main/bottom_quick_icon.png") no-repeat; transition: all .3s ease 0s; transform: translateY(0);}
.bottom-quick-area li:hover{background-color:rgba(255,255,255,.2); cursor:pointer;}
.bottom-quick-area li:hover:before{transform: translateY(-1rem);}
.bottom-quick-area li:nth-child(1):before{background-position:0 0;}
.bottom-quick-area li:nth-child(2):before{background-position:-60px 0;}
.bottom-quick-area li:nth-child(3):before{background-position:-120px 0;}
.bottom-quick-area li:nth-child(4):before{background-position:-180px 0;}

*/
}

/* Scroll Down Button */
.scroll-down-btn {
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	text-align: center;
	color: #000;
	font-family: 'Outfit', sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 1px;
	opacity: 1;
	transition: opacity 0.3s ease;
	display: flex;
	gap: 8px;
}

	.scroll-down-btn.hidden {
		opacity: 0;
		pointer-events: none;
	}

	.scroll-down-btn .text {
		display: inline-block;
	}

	.scroll-down-btn .arrow {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-bottom: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg);
		animation: scrollAnimation 1.5s infinite;
	}

@keyframes scrollAnimation {
	0% {
		transform: translateY(0) rotate(45deg);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateY(10px) rotate(45deg);
		opacity: 0;
	}
}

/* Scroll to Top Button */
.scroll-top-btn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

	.scroll-top-btn.show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.scroll-top-btn:hover {
		background-color: rgba(193, 10, 30, 0.9);
		color: #ffffff;
		border-color: rgba(193, 10, 30, 0.9);
		transform: translateY(-5px);
	}

	.scroll-top-btn svg {
		width: 20px;
		height: 20px;
	}

@media screen and (max-width:1200px) {
	.digital-title {
		font-size: 4.8rem;
	}

	.pms-title {
		font-size: 4.8rem;
	}

	.pms-module-panel {
		padding: 6rem 3rem 7rem;
	}

	.pms-module-grid {
		gap: 1.5rem;
	}

		.pms-module-grid article h5,
		.pms-module-grid article li {
			font-size: 1.6rem;
		}

		.pms-module-grid article ul {
			padding: 0 1.5rem;
		}

	.pms-screen-grid {
		gap: 7rem 2rem;
	}

	.digital-feature,
	.digital-partnership {
		margin-top: 9rem;
	}

	.digital-feature-grid {
		grid-template-columns: 18rem 4rem 1fr;
		gap: 2rem;
	}

	.badge-mark {
		width: 15rem;
		height: 15rem;
	}

	.digital-info-panel {
		grid-template-columns: 28rem 1fr;
		gap: 2.5rem;
		padding: 3rem;
	}

	.badge-fields {
		gap: .8rem 1rem;
		padding: 2rem;
	}

	.partner-cards {
		gap: 3rem;
	}

	.partner-card ul {
		padding: 3rem 4rem;
	}

	.k-openbadge-panel {
		gap: 3rem;
		padding: 4rem;
	}

	.k-openbadge-list li {
		font-size: 1.6rem;
	}

	.digital-info-panel li,
	.partner-card li {
		font-size: 1.6rem;
	}
}

@media screen and (max-width:1000px) {
	.digital-title {
		font-size: 4rem;
	}

	.location-layout {
		grid-template-columns: 1fr;
	}

	.location-map {
		min-height: 48rem;
	}

		.location-map iframe {
			min-height: 48rem;
		}

	.location-map-link {
		margin-top: 5rem;
	}

	.pms-title {
		font-size: 4rem;
	}

	.pms-module-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 3rem 2rem;
	}

	.pms-screen-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.digital-feature-grid {
		grid-template-columns: 1fr;
	}

	.digital-arrow {
		margin: 0 auto;
		transform: rotate(270deg);
	}

	.digital-info-panel {
		grid-template-columns: 1fr;
	}

		.digital-info-panel li,
		.digital-info-panel .badge-fields span {
			font-size: 1.4rem;
		}

	.badge-fields {
		max-width: 42rem;
		margin: 0 auto;
		width: 100%;
	}

	.partner-cards {
		grid-template-columns: 1fr;
	}

	.partner-x {
		margin: 0 auto;
		width: 6rem;
		height: 6rem;
	}

	.k-openbadge-panel {
		grid-template-columns: 1fr;
	}

	.k-openbadge-visual {
		max-width: 46rem;
		margin: 0 auto;
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.location-page {
		padding-bottom: 8rem;
	}

	.location-heading {
		margin-bottom: 3rem;
	}

		.location-heading h4 {
			font-size: 1.4rem;
		}

		.location-heading p {
			font-size: 2.4rem;
			letter-spacing: 0;
		}

	.location-map {
		min-height: 34rem;
		border-radius: 1.2rem;
	}

		.location-map iframe {
			min-height: 34rem;
		}

	.location-info {
		padding: 2rem;
		border-radius: 1.6rem;
	}

	.location-title-row h5 {
		font-size: 2.6rem;
	}

	.location-list li {
		grid-template-columns: 4rem 1fr;
		font-size: 1.4rem;
	}

	.location-map-link {
		margin-top: 3rem;
		height: 5.6rem;
		font-size: 1.5rem;
	}

	.pms-page h4 {
		font-size: 1.4rem;
	}

	.digital-title {
		font-size: 2.4rem;
	}

	.pms-title {
		margin-bottom: 2rem;
		font-size: 2.4rem;
		line-height: 120%;
		letter-spacing: 1px;
	}

	.digital-partnership > p {
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.pms-copy p {
		font-size: 1.4rem;
		line-height: 1.4;
	}

	.pms-module-section,
	.pms-screen-section {
		margin-top: 7rem;
	}

	.pms-module-panel {
		padding: 4rem 2rem 5rem;
		border-radius: 2rem;
	}

	.pms-logo {
		margin-bottom: 4rem;
	}

		.pms-logo img {
			max-width: 10rem;
		}

		.pms-logo strong {
			margin-bottom: 0;
			font-size: 2.1rem;
		}

	.pms-module-grid article h5 {
		min-height: 5.4rem;
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}

	.pms-module-grid article li {
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}

	.pms-screen-section h5 {
		margin-bottom: 3rem;
		font-size: 1.8rem;
	}

	.pms-screen-grid {
		gap: 5rem 2rem;
	}

		.pms-screen-grid figcaption {
			margin-top: 1.4rem;
			font-size: 1.4rem;
		}

		.pms-screen-grid figure img {
			animation: none;
		}

		/* PMS chart motion overlay - keep for later use
	.pms-chart-motion {
		right: 1.2rem;
		bottom: 4.4rem;
		width: 6.4rem;
		height: 4.4rem;
		padding: .8rem;
	}

	.pms-screen-grid figure:nth-child(2n) .pms-chart-motion {
		left: 1.2rem;
	}

	.pms-screen-grid figure:nth-child(6) .pms-chart-motion {
		width: 7rem;
		height: 4.8rem;
	}
	*/

		.pms-screen-grid figure:hover img {
			box-shadow: none;
			transform: none;
		}

	.digital-feature,
	.digital-partnership {
		margin-top: 7rem;
	}

	.digital-badge-page h5 {
		margin-bottom: 2.5rem;
		font-size: 1.8rem;
	}

	.digital-feature-grid,
	.digital-info-panel,
	.partner-cards {
		grid-template-columns: 1fr;
	}

	.digital-arrow {
		margin: 0 auto;
		transform: rotate(270deg);
	}

	.digital-info-panel {
		gap: 2.5rem;
		padding: 2rem;
	}

	.badge-fields {
		padding: 2rem;
	}

	.partner-cards {
		gap: 3rem;
		margin-top: 4rem;
	}

	.partner-x {
		margin: 0 auto;
		width: 5rem;
		height: 5rem;
	}

	.partner-card ul {
		padding: 3rem;
	}

	.k-openbadge-section {
		margin-top: 7rem;
	}

	.k-openbadge-panel {
		padding: 2.5rem;
	}

	.k-openbadge-visual {
		max-width: 42rem;
	}

	.k-openbadge-list li {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.digital-info-panel li,
	.partner-card li {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.digital-info-panel .badge-fields span {
		font-size: 1.3rem;
	}

	.k-openbadge-download {
		margin-top: 4rem;
		min-width: 0;
		width: 100%;
		height: 5.4rem;
		font-size: 1.5rem;
	}
}

@media screen and (max-width:576px) {
	.digital-title {
		font-size: 2.4rem;
	}

	.pms-module-grid,
	.pms-screen-grid {
		grid-template-columns: 1fr;
	}

		.pms-module-grid article ul {
			padding: 0 1rem;
		}

	.badge-mark {
		width: 13rem;
		height: 13rem;
	}

	.badge-fields {
		grid-template-columns: 1fr;
	}

		.badge-fields span {
			height: 3.6rem;
		}

	.partner-visual {
		min-height: 17rem;
	}

		.partner-visual strong {
			font-size: 2.4rem;
		}

		.partner-visual .partner-logo {
			height: 2.4rem;
		}

	.k-openbadge-visual {
		max-width: 32rem;
	}
}

/* Final page-specific overrides */
.containerSub .sub-cont .itss-page .txt-box h4 {
	margin-bottom: 1rem;
	font-family: Outfit, var(--f_pret);
	font-size: 2.2rem;
	font-weight: 700;
	color: #d5000e;
}

.containerSub .sub-cont .itss-page .txt-box .cpn_tit {
	font-size: 6rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	letter-spacing: 1px;
}

.containerSub .sub-cont .itss-page .txt-box > p:not(.cpn_tit):not(.cpn_tit02) {
	font-size: 2.0rem;
	line-height: 1.6;
	color: #222;
}

.wrap > header.main-header.on,
.wrap > header.main-header.fixed,
.wrap > header.fixed {
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(20px) saturate(150%);
	-webkit-backdrop-filter: blur(18px) saturate(150%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.40);
	box-shadow: 0 1.8rem 4.5rem rgba(1, 23, 60, 0.10);
}

	.wrap > header.main-header > .gnb-bg,
	.wrap > header.fixed > .gnb-bg {
		background: rgba(255, 255, 255, .92);
		backdrop-filter: blur(18px) saturate(150%);
		-webkit-backdrop-filter: blur(18px) saturate(150%);
	}

@media screen and (max-width:768px) {
	.containerSub .sub-cont .itss-page .txt-box h4 {
		font-size: 1.4rem;
	}

	.containerSub .sub-cont .itss-page .txt-box .cpn_tit {
		font-size: 2.4rem;
		letter-spacing: 0;
	}

	.containerSub .sub-cont .itss-page .txt-box > p:not(.cpn_tit):not(.cpn_tit02) {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}