html {
	height: auto;
	clear: both;
}
body {
	position: relative;
	height: 100%; /* overflow: overlay;clear:both; */
	overflow-x: hidden;
}
/*.poppins{font-family: 'Poppins', sans-serif;}*/

/* [s] header */

#header {
	position: fixed;
	width: 100%;
	height: 90px;
	margin-top: 0px;
	border-bottom: 1px solid #f2f2f2;
	background: #fff;
	z-index: 99;
}
#header.fixed {
	animation: 400ms ease-in-out 0s normal none 1 running fadeInDown;
}
#header .inner {
	z-index: 5;
}
#header .head_logo {
	position: absolute;
	top: 26px;
	left: 5px;
	width: 88px;
	height: 38px;
	margin: 0 0 0 0 !important;
	background: url("/img/kpac_logo.png") no-repeat center / contain;
}
#header .head_logo a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.gnb_wrap {
	position: relative;
	width: 55%;
	margin: 0 auto;
}
.gnb_depth1 {
	padding-top: 33px;
	color: #222;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
}
.gnb_depth1 > li {
	position: relative;
	display: inline-block;
	margin-left: 7.8%;
	letter-spacing: 0;
}
.gnb_depth1 > li:first-of-type {
	margin-left: 1px;
}
.gnb_depth2 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 300px;
	padding-top: 95px;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}
.gnb_depth2 > li {
	margin-bottom: 15px;
	letter-spacing: 0;
}
.gnb_depth2 > li:hover {
	color: #0b326e;
	font-weight: 600;
	transition: 0.1s;
}

/* .company .menu_1, .product .menu_2, .tech .menu_3, .manage .menu_4, .recruit .menu_5 .customer .menu_6  {color:#0B326E;} */

.right_menu {
	position: absolute;
	top: 36px;
	right: 0;
}
.right_menu li {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 30px;
	cursor: pointer;
}
.right_menu .lang_btn {
	background: url("/img/lang_btn.png") no-repeat center / contain;
}
.right_menu .login_btn {
	background: url("/img/login_btn.png") no-repeat center / contain;
}
.right_menu .toggle_btn {
	display: none;
}
.right_menu .search_btn {
	height: 22px;
	margin-right: 3px;
	background: url("/img/search_btn.png") no-repeat center / contain;
}
.right_submenu {
	position: absolute;
	top: 155%;
	text-align: center;
	color: #adadad;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -0.02em;
}
.right_submenu > div {
	position: absolute;
	top: 3px;
	height: 54px;
	padding: 12px 0 0;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0 -5px 10px rgba(0, 0, 0, 0.03);
}
.right_submenu > div::before {
	content: "";
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #fff;
}
.right_submenu .lang_sub {
	display: none;
	left: -35px;
	width: 154px;
}
.right_submenu .login_sub {
	display: none;
	left: -4px;
	width: 200px;
}
.right_submenu .logout_sub {
	display: none;
	left: -4px;
	width: 200px;
}
.right_submenu a {
	color: #adadad;
	transition: color 0.2s;
}
.right_submenu a:hover {
	color: #222;
}
.right_submenu .lang_sub .vbar {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin-right: 10px;
	margin-left: 10px;
	background: #e6e6e6;
}

.gnb_bg {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	height: 368px;
	background: #fff;
}

.search_modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100;
}
.search_modal .inner {
	height: 90px;
	border-bottom: 1px solid #f2f2f2;
}
.search_modal h1 {
	position: absolute;
	top: 26px;
	left: 5px;
	width: 88px;
	height: 38px;
	margin: 0;
}
.search_modal h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.search_modal .close_btn {
	position: absolute;
	top: 36px;
	right: 5px;
	cursor: pointer;
}
.search_inner {
	width: 690px;
	height: 314px;
	margin: 215px auto 0;
	text-align: center;
}
.search_inner h2 {
	margin: 0 0 24px 0;
	font-size: 42px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.search_inner p {
	margin-bottom: 43px;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 30px;
}
.search_inner p span {
	display: block;
}

.search_tools {
	position: relative;
	width: 100%;
	height: 66px;
	padding: 21px 28px;
	border-radius: 33px;
	background: #f6f6f6;
}
.search_tools input {
	width: 100%;
	outline: none;
	border: none;
	background: none;
	font-size: 20px !important;
}
.search_tools input::placeholder {
	color: #b6b6b6;
	letter-spacing: -0.01em;
}
.search_tools input:focus {
	box-shadow: none !important;
}
.search_tools button {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 16px;
}
.search_tools button img {
	margin-top: 4px;
}

.search_rec {
	width: 460px;
	height: 42px;
	margin: 30px auto 0;
}
.search_rec li {
	display: inline-block;
	width: auto;
	height: 100%;
	margin-right: 4px;
	margin-top: 10px;
	border: 1px solid #dddddd;
	border-radius: 21px;
	padding: 0 15px;
	line-height: 42px;
	letter-spacing: -0.01em;
}
.search_rec li:last-of-type {
	margin-right: 0;
}

/* main 전용 header */
.main #header {
	/* background: #003C83; */
	background: linear-gradient(180deg, #000 -165%, rgba(56, 56, 56, 0) 100%);
	background-blend-mode: multiply;
	border: none;
	transition: 0.5s;
}
.main #header:hover {
	background: #003c83;
}
.main #header.fixed {
	background: #003c83 !important;
}
.main #header .head_logo {
	background: url("/img/kpac_logo_wh.png") no-repeat center / contain;
}
/* .main #header .head_logo a{display:inline-block;width:100%;height:100%;margin-top:-50px;font-size:inherit !important;line-height:100% !important;} */
.main .gnb_depth1 {
	color: #fff;
}
.main .gnb_depth1 > li:hover {
	color: inherit;
}
.main .gnb_depth1 > li:hover > a {
	color: #70c7d1;
}
.main .gnb_depth2 > li:hover {
	color: #70c7d1;
}
.main .gnb_depth2 > li > a:hover {
	color: #70c7d1;
}
.main .right_menu .lang_btn {
	background: url("/img/lang_btn_wh.png") no-repeat center / contain;
}
.main .right_menu .login_btn {
	background: url("/img/login_btn_wh.png") no-repeat center / contain;
}
.main .right_menu .search_btn {
	margin-right: 3px;
	background: url("/img/search_btn_wh.png") no-repeat center / contain;
}
.main .gnb_bg {
	border-top: 1px solid #285fa0;
	background: #003c83;
}
.search_modal h1 {
	font-size: 16px !important;
}
.search_modal input {
	border-bottom: none !important;
	height: auto !important;
}
/* [e] header */

/* [s] main 페이지 */
.main_video {
	position: relative;
	width: 100%;
	height: 980px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 312px 0;
	background: none;
	overflow: hidden;
}
.video_slide_wp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.video_slider video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.video_slider .slick-dots {
	position: relative;
	margin-top: -300px;
}
.video_slider button {
	position: absolute;
	top: 0vw;
	opacity: 0;
	transform: translateX(-50%);
	width: 33px;
	border: none;
	background: none;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0);
	transition: 1s;
}
.video_slider button.on {
	opacity: 1;
	top: -1vw;
}
#slick-slide-control00 {
	left: 46.9%;
}
#slick-slide-control01 {
	left: 49.7%;
}
#slick-slide-control02 {
	left: 52.5%;
}
#slick-slide-control00::after {
	content: "01";
	color: rgba(255, 255, 255, 0.6);
}
#slick-slide-control01::after {
	content: "02";
	color: rgba(255, 255, 255, 0.6);
}
#slick-slide-control02::after {
	content: "03";
	color: rgba(255, 255, 255, 0.6);
}
.slick-dots .slick-active button::after {
	color: #ffffff !important;
}

.slick_btn_wp {
	display: none;
	position: relative;
	width: 270px;
	margin: 0 auto;
}
.slick_btn_wp .slick_pause {
	position: absolute;
	top: 3px;
	right: 0;
	width: 8px;
	height: 12px;
	background: url("/img/slick_stop.png") no-repeat center / contain;
}
.slick_btn_wp .slick_play {
	display: none;
	position: absolute;
	top: 3px;
	right: 0;
	width: 13px;
	height: 10px;
	background: url("/img/slick_play.png") no-repeat center / contain;
}

.slick_bar_wp {
	position: relative;
	width: 270px;
	height: 6px;
	margin: 50px auto 0;
	opacity: 0;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	overflow: hidden;
	transition: 1s;
}
.slick_bar_wp.on {
	margin: 30px auto 0;
	opacity: 1;
}
.slick_bar_wp .slick_bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 6px;
	background: #fff;
	border-radius: 5px;
}
.bar-ani {
	animation-name: slickBar;
	animation-duration: 8s;
	animation-iteration-count: 1;
	width: 100%;
}
@keyframes slickBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.main_img {
	width: 100%;
	height: 980px;
	display: flex;
	flex-direction: column;
	align-items: center; /* padding:312px 0; */ /* background:url("/img/main_img.jpg") center / cover; */
}
.main_img .main_txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 668px; /* height: 208px; */
	padding: 0px;
	gap: 40px;
	color: #ffffff;
	z-index: 1;
}
.main_img .main_txt p {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}
.main_img .main_txt h2 {
	margin: 0;
	font-weight: 600;
	font-size: 48px;
	line-height: 70px;
	text-align: center;
	white-space: pre;
	letter-spacing: -0.01em;
}
.main_img .main_btn {
	width: 874px;
	margin-top: 74px;
}
.main_img .search_tools {
	float: left;
	width: 624px;
	height: 60px;
	padding: 21px 28px;
}
.main_img .search_tools input {
	border: none;
	outline: none;
	height: auto;
	font-size: 16px !important;
	text-decoration: none;
	font-family: "Pretendard Variable", sans-serif !important;
}
.main_img .search_tools input:focus {
	border: none !important;
	outline: none;
	box-shadow: none !important;
	text-decoration: none;
}
.main_img .search_tools input::placeholder {
	color: #b6b6b6;
}
.main_img .main_pom_btn {
	float: left;
	position: relative;
	width: 240px;
	height: 60px;
	margin-left: 10px;
	padding: 17px 30px; /* background:none; */
	background: rgba(0, 0, 0, 0.3); /* mix-blend-mode: multiply; */
	border: 1px solid #fff;
	border-radius: 30px;
	color: #fff;
	font-family: "Pretendard Variable", sans-serif !important;
	font-weight: 600;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	transition: background 0.2s;
}
.main_img .main_pom_btn:hover {
	background: #004cc0;
	border: none;
}

.main_img .main_pom_btn img {
	position: absolute;
	top: 25px;
	right: 30px;
	transition: margin-right 0.2s;
}
.main_img .main_pom_btn:hover img {
	margin-right: -5px;
}

.news_box {
	width: 480px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
	padding: 40px 32px;
	background: #fff;
}
.news_box .news_tit {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
	color: #222;
}
.news_box .close_ico {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.news_box .close_ico img {
	padding: 9px;
	background: #0e326f;
}
.news_box .news_wp {
	border-top: 2px solid #0f326f;
}
.news_box .news_wp li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	font-size: 14px;
	font-weight: 400;
	color: #222;
	border-bottom: 1px solid #ebebeb;
}
.news_box .news_wp p {
	width: 320px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_sec01 {
	width: 100%; /* overflow-x:hidden;overflow-y:visible; */
}
.main_sec01_txt {
	margin: 150px auto 0px;
	text-align: center;
}
.main_sec01_txt h3 {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 42px;
}
.main_sec01_txt p {
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
}
.main_slide_wp {
	position: relative;
	width: 100%;
	height: 670px;
	overflow-x: hidden;
	overflow-y: visible;
}
.main_slide_wp .slider {
	position: absolute;
	width: 1006px;
	height: 536px;
	margin: 0 auto; /* overflow:hidden; */
}
.main_slide_wp .slider::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.25);
}
/* .main_slide_wp .slider .slider-item{width:100%;height:100%;overflow:hidden;}
.main_slide_wp .slider .slider-item a{display:inline-block;width:100%;height:100%;overflow:hidden;}
.main_slide_wp .slider .slider-item a img{width:101%;} */
.main_slide_wp .center_slider {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.main_slide_wp .left_slider {
	top: 50%;
	left: 0;
	transform: translate(-30%, -50%);
	width: 716px;
	height: 383px;
}
.main_slide_wp .right_slider {
	top: 50%;
	right: 0;
	transform: translate(30%, -50%);
	width: 716px;
	height: 383px;
}
.main_slide_wp .slider img {
	width: 100%;
}
.main_slide_wp a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.main_slide_wp .slider_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	opacity: 0;
	margin-top: 5%;
	transition: opacity 0.8s, margin-top 0.8s;
}
.main_slide_wp .slick-active .slider_txt {
	opacity: 1;
	margin-top: 0;
	transition: opacity 1.5s 1.4s, margin-top 1.2s 1.4s;
}
.main_slide_wp .slider_txt h3 {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 42px;
	line-height: 54px;
}
.main_slide_wp .slider_txt h4 {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
}
.main_slide_wp .slider_txt p {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.main_slide_wp .slider_txt p span {
	display: block;
}
.slider_num {
	opacity: 0;
	position: absolute;
	bottom: 10%;
	right: 6%;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #b3b3b3;
	transition: opacity 0.3s;
}
.slider_num span {
	font-weight: 600;
	font-size: 30px;
	line-height: 34px;
	color: #ffffff;
}
.main_slide_wp .slick-active .slider_num {
	opacity: 1;
	transition: opacity 0.3s 1.4s;
}
.slick-sub-prev,
.slick-sub-next {
	display: none !important;
}
.slider_btn_wp {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 54px;
	z-index: 4;
}
.slider_prev_btn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 54px;
	height: 54px;
	background: url("/img/arrow_ms_lft.png") no-repeat center / contain;
	transition: background 0.2s, transform 0.2s;
	cursor: pointer;
}
.slider_prev_btn:hover {
	background: url("/img/arrow_ms_rgt.png") no-repeat center / contain;
	transform: rotate(180deg);
}
.slider_next_btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 54px;
	height: 54px;
	background: url("/img/arrow_ms_lft.png") no-repeat center / contain;
	transform: rotate(180deg);
	transition: background 0.2s, transform 0.2s;
	cursor: pointer;
}
.slider_next_btn:hover {
	background: url("/img/arrow_ms_rgt.png") no-repeat center / contain;
	transform: rotate(0deg);
}

.inner2_1 {
	float: right;
	width: 765px;
}
.inner2_2 {
	float: left;
	width: 765px;
}
.main_sec04 {
	width: 100%;
	margin-top: -150px;
}
.main_sec04 h3 {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 42px;
}
.main_sec04 p {
	margin-bottom: 52px;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}
.main_sec04_pro {
	float: left;
	width: 50%;
	height: 600px;
	padding: 180px 0 0 0;
	background: #f8f8f8;
}
.main_sec04_pro_cont a {
	position: relative;
	display: inline-block;
	width: 185px;
	height: 32px;
	margin: 0 26px 30px 0;
	font-family: "Poppins";
	letter-spacing: -0.02em;
	font-weight: 500;
	font-size: 18px;
	transition: transform 0.3s;
}
.main_sec04_pro_cont a::after {
	position: absolute;
	top: 9px;
	right: 0;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("/img/arrow_kpt.png") no-repeat center / contain;
	transition: background 0.3s;
}
.main_sec04_pro_cont a:hover {
	transform: scale(1.04);
	color: #0e326f;
}
.main_sec04_pro_cont a:hover::after {
	content: "";
	background: url("/img/arrow_kpt_hv.png") no-repeat center / contain;
}

.main_sec04_cst {
	float: left;
	width: 50%;
	height: 600px;
	padding: 180px 0 0 0;
	background: url("/img/main_cst_bg.jpg") no-repeat center right / cover;
	color: #fff;
}
.main_sec04_cst_tit {
	position: relative;
	width: 100%;
	padding-left: 18%;
}
.main_sec04_cst_tit a {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	font-weight: 600;
	transition: margin-right 0.5s;
}
.main_sec04_cst_tit a:hover {
	margin-right: 0px;
}
.main_sec04_cst_tit img {
	display: inline-block;
	margin: 0 0 3px 17px;
}
.main_sec04_cst_cont {
	width: 100%;
	padding-left: 18%;
}
.main_sec04_cst_cont a {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	transition: transform 0.3s;
}
.main_sec04_cst_cont a:hover {
	transform: scale(1.02);
}
.main_sec04_cst_cont a::after {
	position: absolute;
	bottom: 10px;
	right: 0;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("/img/arrow_kpt_wh.png") no-repeat center / contain;
}
.main_sec04_cst_cont span {
	margin-left: 30px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}

.main_sec02 {
	width: 100%;
	min-height: 480px;
	padding: 150px 0 0;
	clear: both;
}
.main_sec02_tit {
	float: left;
	width: 264px;
}
.main_sec02_tit h3 {
	margin: 0 0 50px 0;
	font-size: 42px;
	font-weight: 700;
}
.main_sec02_tit a {
	display: inline-block;
	color: #003c83;
	font-size: 16px;
	font-weight: 600;
	transition: margin-left 0.5s;
}
.main_sec02_tit a:hover {
	margin-left: 5px;
}
.main_sec02_tit img {
	display: inline-block;
	margin: 0 0 3px 17px;
}
.main_sec02_cont {
	float: right;
}
.main_sec02_cont .main_news_li {
	display: inline-block;
	width: 330px;
	margin-left: 57px;
	margin-bottom: 152px;
}
.main_sec02_cont .main_news_li a {
	display: block;
	transition: transform 0.5s;
}
.main_sec02_cont .main_news_li a:hover {
	transform: scale(1.04);
}
.main_sec02_cont .main_news_li h4 {
	margin: 0 0 20px 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.2em;
}
.main_sec02_cont .main_news_li p {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	height: 90px;
}
.main_sec02_cont .main_news_li span {
	display: inline-block;
	margin: 40px 0 60px 0;
	font-size: 14px;
	color: #777777;
}
.main_sec02_cont .main_news_li div {
	width: 40px;
	height: 40px;
	background: url("/img/arrow_news.png") center / contain;
	transition: background 0.3s;
}
.main_sec02_cont .main_news_li a:hover div {
	background: url("/img/arrow_news_hv.png") center / cover;
}

.main_sec03 {
	clear: both;
	width: 100%;
	height: 578px;
	padding: 128px 0;
	background: url("/img/main_bene_bg.jpg") center 65% / cover;
	color: #fff;
	background-attachment: fixed;
}
.main_sec03_tit {
	float: left;
	width: 300px;
	padding-top: 105px;
}
.main_sec03_tit h3 {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 33px 0;
}
.main_sec03_tit p {
	font-weight: 500;
	font-size: 18px;
}
.main_sec03_cont {
	float: right;
	width: 909px;
	margin-left: -5px;
}
.main_sec03_cont .main_bene_li {
	float: left;
	position: relative;
	display: inline-block;
	width: 322px;
	height: 322px;
	margin-left: -30px;
	border-radius: 50%;
	cursor: default;
}
.main_sec03_cont .main_bene_li img {
	position: absolute;
	top: 80px;
	transform: scale(0);
	transition: transform 0.5s;
}
.main_sec03_cont .main_bene_li:nth-of-type(1) img {
	left: 124px;
}
.main_sec03_cont .main_bene_li:nth-of-type(2) img {
	left: 134px;
}
.main_sec03_cont .main_bene_li:nth-of-type(3) img {
	left: 133px;
}
.main_sec03_cont .main_bene_li h4 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 130px 0 0 0;
	width: 100%;
	font-family: "Poppins";
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	transition: margin 0.5s;
}
.main_sec03_cont .main_bene_li div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/img/main_bene_cir.png") center / contain;
	transition: background 0.5s;
}
.main_sec03_cont .main_bene_li:hover div {
	background: url("/img/main_bene_cir_hv.png") center / contain;
	animation: rotate 40s linear infinite;
}
.main_sec03_cont .main_bene_li:hover img {
	transform: scale(1);
}
.main_sec03_cont .main_bene_li:hover h4 {
	margin: 170px 0 0 0;
}

/* [e] main 페이지 */

/* sub 페이지 */

/* [s] 공통부분 */
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	width: auto !important;
	text-align: center;
	/* 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;
}

.sub_top {
	width: 100%;
	height: 358px;
	padding-top: 162px;
	background-color: #fff;
}
.sub_top .left_sub_top {
	float: left;
	width: 100%;
}
.sub_top h2 {
	margin: 0 0 51px 1px;
	font-size: 48px;
}
.sub_top .sub_menu li {
	display: inline-block;
	margin: 0 45.5px 0 1.5px;
	font-size: 24px;
	font-weight: 600;
	color: #adadad;
	transition: color 0.2s;
}
.sub_top .sub_menu li.checked {
	color: #0b326e;
}
.sub_top .sub_menu li:hover {
	color: #0b326e;
}
.sub_top .pg_root {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 33px;
	color: #adadad;
	font-size: 15px;
	font-weight: 600;
}
.sub_top .pg_root span:nth-of-type(2),
.sub_top .pg_root span:nth-of-type(3) {
	padding-left: 28px;
	margin-left: 11px;
	background: url(../img/root_ico.png) no-repeat left center;
}
.sub_top .pg_root span:nth-of-type(3) {
	margin-right: 1.5px;
	color: #444444;
}

/* tab바 공통 */
.sub_tab {
	flex: 1;
	padding: 10px 0;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.sub_tab li {
	float: left;
	clear: both;
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 400;
	line-height: 25px;
	color: #adadad;
	cursor: pointer;
	transition: color 0.2s;
}
.sub_tab li.current {
	color: #222222;
	text-decoration-line: underline;
}
.sub_tab li:hover {
	color: #222222;
	text-decoration-line: underline;
}
.tab_contents_wp {
	flex: 5;
}
.tab_contents {
	display: none;
	width: 100%;
	clear: both;
}
.tab_contents.current {
	display: block;
}
.tab_contents_tb {
	width: 100%;
	line-height: 30px;
	text-align: center;
}
table.tab_contents_tb {
	border-top: 2px solid #0b326e;
}
table.tab_contents_tb tbody {
	width: 100%; /*  line-height:60px; */
}
table.tab_contents_tb th {
	height: 60px;
	background: #fafafa;
	border-bottom: 1px solid #ebebeb;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}
table.tab_contents_tb td {
	height: 60px;
	border-bottom: 1px solid #ebebeb;
}
table.tab_contents_tb td:nth-of-type(2) {
	text-align: left;
}

.sub_tb_full {
	margin-top: 120px;
}
.sub_tb_full table {
	width: 100%;
	border-top: 2px solid #0b326e; /*  line-height:30px;  */
	text-align: center;
}
.sub_tb_full table tr {
	/* line-height:60px; */
}
.sub_tb_full table th {
	padding: 15px 0;
	background: #fafafa;
	border-bottom: 1px solid #ebebeb;
}
.sub_tb_full table td {
	padding: 15px 0;
	border-bottom: 1px solid #ebebeb;
}
.sub_tb_full table td:nth-of-type(2) {
	text-align: left;
}

.tb_top {
	width: 100%;
}
.tb_top p {
	float: left;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}
.tb_top p span {
	font-weight: 700;
}
.tb_top .search_tools {
	float: right;
	width: 30%;
	height: 46px;
	padding: 13px 15px;
	margin-bottom: 40px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.sub_tb_full .search_tools {
	width: 25%;
}
.search_tools02 {
	width: 30% !important;
}
.tb_top .search_tools input {
	font-size: 16px !important;
}
.tb_top .search_tools button {
	width: 18px;
	right: 15px;
}
.tb_top .search_tools button img {
	width: 100%;
}
.tb_top .search_select {
	display: none;
	float: right;
	width: 350px;
	height: 46px;
	padding: 10px 20px;
	margin-right: 8px;
	background: url("/img/select_rec.png") no-repeat calc(100% - 20px) center;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}
.tb_top .search_select::expand {
	display: none;
}
.tb_top .search_tools .compare_btn {
	width: 160px;
	height: 60px;
	border-radius: 5px;
	background: #004cc0;
	color: #fff;
	top: -100%;
	right: 0;
	font-weight: 600;
	letter-spacing: -0.16px;
}
.page_more {
	display: flex;
	margin: 70px auto 0;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.page_more button {
	width: 238px;
	height: 54px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #222;
	transition: 0.2s;
}
.page_more button:hover {
	background: #222;
	color: #fff;
}
.page_num {
	display: flex;
	width: 400px;
	margin: 70px auto 0;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.page_num .btn {
	flex: 1;
	height: 9px;
	margin-bottom: 12.5px;
}
.page_num .btn img {
	height: 100%;
}
.page_num .right {
	transform: rotate(180deg);
}
.page_num ul {
	flex: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_num ul li {
	flex: 1;
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #868686;
}
.page_num ul li.active {
	font-weight: 700;
	color: #0e326f;
	text-decoration-line: underline;
}

/* 서브페이지 추가네비 */
.sub_top_li {
	position: relative;
	width: 100%;
	height: auto;
	background: #003c83;
	color: #5f80c1;
}
.sub_top_li li {
	display: inline-block;
	height: 90px;
	margin-right: 77px;
	line-height: 90px;
	font-size: 18px;
	font-weight: 600;
	transition: color 0.2s;
}
.sub_top_li li:last-of-type {
	margin-right: 0;
}
.sub_top_li li.checked {
	color: #fff;
}
.sub_top_li li:hover {
	color: #fff;
}

.sub_bnr {
	width: 100%;
	height: 380px;
	padding: 115px 0;
	background: url("/img/sub_3_bnr.jpg") center / cover;
	color: #fff;
	background-attachment: fixed !important;
}
.sub_bnr h3 {
	margin: 0 0 21px 1px;
	font-size: 46px;
	font-weight: 600;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.sub_bnr p {
	margin-left: 1px;
	font-size: 18px;
	line-height: 30px;
}
/* 밑에 코멘트 없는거 */
.sub_bnr2 {
	background: url("/img/sub_3_bnr2.jpg") center / cover;
}
.sub_bnr2 h3 {
	margin: 45px 0 21px 1px;
}
.sub2_bnr13 h3 {
	margin: 45px 0 21px 1px;
}
.sub2_bnr15 h3 {
	margin: 45px 0 21px 1px;
}

/* 배경사진 다르게 */
.sub_bnr3 {
	background: url("/img/sub_3_bnr2.jpg") center / cover;
}
.sub_bnr4 {
	background: url("/img/sub_1_bnr1.jpg") no-repeat center / cover;
}
.sub_bnr5 {
	background: url("/img/sub_1_bnr2.jpg") center / cover;
}
.sub_bnr6 {
	background: url("/img/sub_1_bnr3.jpg") center / cover;
}
.sub_bnr7 {
	background: url("/img/sub_1_bnr4.jpg") no-repeat center / cover;
}
.sub_bnr8 {
	background: url("/img/sub_1_bnr5.jpg") center / cover;
}
.sub_bnr9 {
	background: url("/img/sub_1_bnr6.jpg") no-repeat left / cover;
}
.sub_bnr10 {
	background: url("/img/sub_1_bnr7.jpg") center / cover;
}
.sub_bnr11 {
	background: url("/img/sub_1_bnr8.jpg") center / cover;
}
.sub_bnr12 {
	background: url("/img/sub_1_bnr9.jpg") center / cover;
}
.sub_bnr13 {
	background: url("/img/sub_1_bnr10.jpg") center / cover;
}

.sub2_bnr {
	background: url("/img/sub_2_bnr.jpg") center / cover;
}
.sub2_bnr1 {
	background: url("/img/sub_2_bnr1.jpg") center / cover;
}
.sub2_bnr2 {
	background: url("/img/sub_2_bnr2.jpg") center / cover;
}
.sub2_bnr3 {
	background: url("/img/sub_2_bnr3.jpg") center / cover;
}
.sub2_bnr4 {
	background: url("/img/sub_2_bnr4.jpg") center / cover;
}
.sub2_bnr5 {
	background: url("/img/sub_2_bnr5.jpg") center / cover;
}
.sub2_bnr6 {
	background: url("/img/sub_2_bnr6.jpg") center / cover;
}
.sub2_bnr7 {
	background: url("/img/sub_2_bnr7.jpg") no-repeat center / cover;
}
.sub2_bnr8 {
	background: url("/img/sub_2_bnr8.jpg") no-repeat center / cover;
}
.sub2_bnr9 {
	background: url("/img/sub_2_bnr9.jpg") center / cover;
}
.sub2_bnr10 {
	background: url("/img/sub_2_bnr10.jpg") center / cover;
}
.sub2_bnr11 {
	background: url("/img/sub_2_bnr11.jpg") center / cover;
}
.sub2_bnr12 {
	background: url("/img/sub_2_bnr12.jpg") center / cover;
}
.sub2_bnr13 {
	background: url("/img/sub_2_bnr13.png") center / cover;
}
.sub2_bnr14 {
	background: url("/img/sub_2_bnr14.jpg") center / cover;
}
.sub2_bnr15 {
	background: url("/img/sub_2_bnr15.jpg") center / cover;
}

.sub4_bnr {
	background: url("/img/sub_4_bnr.jpg") no-repeat center / cover;
}
.sub5_bnr {
	background: url("/img/sub_5_bnr.jpg") no-repeat center / cover;
}

.sub_contents {
	position: relative;
	width: 100%;
	padding-bottom: 160px;
}
.contents_wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	height: auto;
	margin-top: 50px !important;
}
.contents_wrap h5 {
	flex: 1;
	font-weight: 500;
	letter-spacing: -0.01em;
}

/* 공통 제목 */
.sub_top h2 {
	font-size: 48px;
}
.sub_bnr h3 {
	font-size: 46px;
}
.sub_contents h4 {
	font-size: 42px;
}
.sub_contents h5 {
	font-size: 28px;
}
.sub_contents h6 {
	font-size: 22px;
}

/* [e] 공통부분 */

/* [s] sub 1 회사소개 */
body.company .contents_wrap {
	margin-top: 110px;
}

.status_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f9f9f9;
	overflow: hidden;
}
.status_bg img {
	width: 100%;
}
.status_tit {
	flex: 1;
	margin: 58px 17% 0 0;
}
.status_tit h4 {
	margin-bottom: 98px;
	font-weight: 700;
	line-height: 54px;
}
.status_tit p {
	font-weight: 500;
	line-height: 30px;
}
.status_cont {
	flex: 2;
}
.status_cont_li {
	display: flex;
}
.status_cont_li .circle {
	display: inline-block;
	width: 218px;
	height: 218px;
	margin: 26px -15px 0 0;
	background: #003c83;
	border-radius: 50%;
	text-align: center;
	transition: transform 0.3s;
}
.status_cont_li .circle:nth-of-type(even) {
	background: #004cc0;
}
.status_cont_li .circle:hover {
	transform: scale(1.05);
}
.status_cont_li .circle:hover h6 {
	margin-top: 47%;
}
.status_cont_li .circle:hover h6::after {
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	margin: 20px auto 0;
	background: url("/img/mini_arrow_wh.png") no-repeat center / contain;
}
.status_cont_li h6 {
	margin-top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	transition: margin-top 0.2s;
}
.status_cont_li span {
	display: block;
	transform: translateX(7px);
	font-weight: 700;
	font-size: 22px;
}
.status_cont_tb {
	width: 100%;
	margin-top: 80px;
	border-top: 2px solid #0b326e;
	font-size: 16px;
	line-height: 26px;
}
.status_cont_tb tr {
	float: left;
	display: flex;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #ebebeb;
}
.status_cont_tb td {
	margin: auto 0;
}
.status_cont_tb .t_tit {
	flex: 2;
	padding: 0 20px;
	font-weight: 500;
}
.status_cont_tb .t_cont {
	flex: 21;
	padding: 0 10px;
	font-weight: 400;
}
.status_cont_tb .t_half {
	width: 50%;
	height: 90px;
}
.status_cont_tb .t_half .t_tit {
	flex: 1;
	margin-top: auto;
	margin-bottom: auto;
}
.status_cont_tb .t_half .t_cont {
	flex: 4;
	margin-top: auto;
	margin-bottom: auto;
}
.cn .status_cont .t_tit {
	flex: none;
	width: 8em;
}

.history_tit {
	flex: 5;
	margin-right: 9%;
}
/* .history_tit.fixed{position:fixed;top:0;left:0;} */
.history_tit h4 {
	margin-top: 50px;
	line-height: 58px;
	font-size: 38px;
}
.history_tit h4 span {
	color: #004cc0;
}
.history_tit_img {
	width: 100%;
}
.history_tit_img img {
	width: 100%;
}
.history_cont {
	position: relative;
	flex: 6; /* height:755px;overflow-y:auto; */
}
.history_cont > li {
	display: grid;
	grid-template-columns: 1fr 5fr;
}
.history_cont .history_cont_tit {
	border-right: 1px solid #ebebeb;
}
.history_cont_li li {
	position: relative;
	padding: 0 0 50px 50px;
}
.history_cont_li li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: -7px;
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #003c83;
	margin-right: 60px;
}
.history_cont_li h5 {
	margin-bottom: 10px;
	font-size: 20px;
}
.history_cont_li p {
	line-height: 30px;
}
.history_cont li.this .history_cont_tit {
	font-weight: 700;
	color: #003c83;
}
.history_cont li.this h5 {
	font-weight: 700;
	color: #003c83;
}
.history_cont li.this p {
	font-weight: 500;
	color: #003c83;
}
.history_cont li.kep_history {
	position: relative;
	border-top: 1px solid #ebebeb;
}
.history_cont li.kep_history h6 {
	padding-top: 50px;
}
.history_cont li.kep_history ul {
	padding-top: 50px;
}
.history_cont li.kep_history::before {
	content: "이하 내용은 한국엔지니어링플라스틱(주)의 연혁입니다";
	position: absolute;
	top: -30px;
	left: 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #7c7c7c;
}

.pb01_cont_map {
	width: 100%;
	height: 570px;
	background: lightgray;
}
.pb01_cont_tb {
	width: 100%;
	margin-top: 60px;
	border-top: 2px solid #0b326e;
	font-size: 16px;
	line-height: 30px;
}
.pb01_cont_tb tr {
	float: left;
	display: flex;
	width: 50%;
	height: 90px;
	border-bottom: 1px solid #ebebeb;
}
.pb01_cont_tb .t_tit {
	width: 120px;
	margin: auto 0;
	font-weight: 500;
}
.pb01_cont_tb .t_cont {
	padding: 0 10px;
	margin: auto 0;
	font-weight: 400;
}
.pb01_cont_img {
	display: flex;
	gap: 20px;
}
.pb01_cont_img img {
	width: 100%;
}
.pb01_cont_tit {
	padding: 40px 0 12px;
}
.pb01_cont_info {
	line-height: 1.62;
	letter-spacing: -0.16px;
}
.pb01_cont_mapbtn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 0;
	margin: 80px auto 40px;
	width: 236px;
	height: 54px;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #003c83;
	color: #003c83;
	background: #fff;
	border-radius: 5px;
}
.pb01_cont_mapbtn i {
	width: 24px;
	height: 24px;
	background: url("/img/pb_mapbtn.svg");
}
.show_map .pb01_cont_mapbtn i {
	background-image: url("/img/pb_mapbtn_on.svg");
}
.pb01_cont_mapbtn::after {
	/* content: ""; */
	position: absolute;
	right: 75px;
	top: 42%;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #003c83;
	border-right: 1px solid #003c83;
	transform: rotate(135deg);
	transition: 0.2s;
}
.pb01_cont_map2 {
	display: none;
}
.show_map .pb01_cont_mapbtn {
	background: #003c83;
	color: #fff;
}
.show_map .pb01_cont_mapbtn::after {
	border-color: #fff;
	transform: rotate(315deg);
	top: 50%;
}

.show_map .pb01_cont_map2 {
	display: block;
}
/*.pb01_cont_tb .china_map .t_cont{white-space:pre;}*/

.assoc_wrap .it_li li {
	width: 367px;
}
.assoc_wrap .it_li li h6 {
	font-size: 18px;
}
.assoc_box {
	position: relative;
	width: 100%;
	height: 240px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.assoc_box01 {
	background: url("/img/mgc_logo.jpg") no-repeat center / 80%;
}
.assoc_box02 {
	background: url("/img/assoc_02.png") no-repeat center / 80%;
}
.assoc_box03 {
	background: url("/img/assoc_03.png") no-repeat center / contain;
}
.assoc_box04 {
	background: url("/img/assoc_04.png") no-repeat center / contain;
}
.assoc_box05 {
	background: url("/img/assoc_05.png") no-repeat center / contain;
}
/* 글로벌 네트워크 */
.assoc_wrap .map {
}
.assoc_wrap .map .forPC {
}
.assoc_wrap .map .forMob {
	display: none;
}
.assoc_wrap .map .img {
	border-radius: 5px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.assoc_wrap .map .img img {
	width: 100%;
}
.assoc_wrap .map .markers {
}
.assoc_wrap .map .markers .marker {
	position: absolute;
}

.assoc_wrap .map .markers .marker .pin {
	position: absolute;
	bottom: 0;
	left: -16px;
	/* transform: translateX(-50%); */
}
.assoc_wrap .map .markers .marker .info {
	display: flex;
	flex-direction: column;
	position: absolute;
	gap: 8px;
	padding: 24px 20px;
}
.assoc_wrap .map .markers .marker .info::after {
	content: "";
	position: absolute;
	border-color: #003c83;
	border-style: solid;
}
.assoc_wrap .map .markers .marker .info .country {
	color: #003c83;
	font-weight: 600;
	line-height: 1.5;
}
.assoc_wrap .map .markers .marker .info .tit {
	color: #444;
	font-weight: 700;
	line-height: 1;
}
.assoc_wrap .map .markers .marker .info .depart {
	color: #444;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
}
.assoc_wrap .map .markers .marker.korea {
	top: 37.61%;
	left: 42.55%;
}
.assoc_wrap .map .markers .marker.korea .info {
	top: -250px;
	left: -160px;
}
.assoc_wrap .map .markers .marker.korea .info::after {
	bottom: -20px;
	right: 6px;
	width: 85px;
	height: 38px;
	border-width: 0 0 1px 1px;
}
.assoc_wrap .map .markers .marker.thailand {
	top: 48.21%;
	left: 36.33%;
}
.assoc_wrap .map .markers .marker.thailand .info {
	top: 0;
	right: 24px;
}
.assoc_wrap .map .markers .marker.thailand .info::after {
	top: -32px;
	right: -8px;
	width: 78px;
	height: 51px;
	border-width: 1px 0 0 1px;
}
.assoc_wrap .map .markers .marker.china {
	top: 43%;
	left: 39.87%;
}
.assoc_wrap .map .markers .marker.china .info {
	top: -5px;
	left: 27px;
}
.assoc_wrap .map .markers .marker.china .info::after {
	top: -25px;
	left: 0;
	width: 45px;
	height: 50px;
	border-width: 1px 1px 0 0;
}
.assoc_wrap .map .markers .marker.japan {
	top: 36.19%;
	left: 45.62%;
}
.assoc_wrap .map .markers .marker.japan .info {
	bottom: 32px;
	left: 23px;
}
.assoc_wrap .map .markers .marker.japan .info::after {
	bottom: 0;
	left: -7px;
	width: 40px;
	height: 22px;
	border-width: 0 1px 1px 0;
}

.benefit_main_img {
	flex: 5;
	margin-right: 9%;
}
.benefit_main_img img {
	width: 100%;
}
.benefit_wrap {
	flex: 6;
}
.benefit_wrap h4 {
	margin-bottom: 50px;
	line-height: 58px;
}
.benefit_wrap h4 span {
	color: #004cc0;
}
.benefit_wrap li {
	display: grid;
	grid-template-columns: 1fr 6fr;
	gap: 3%;
	margin-bottom: 40px;
}
.benefit_wrap li:last-of-type {
	margin-bottom: 0;
}
.benefit_wrap li:nth-of-type(even) .benefit_cir {
	background: #004cc0;
}
.benefit_cir {
	position: relative;
	width: 100%;
	height: 0;
	padding: 50%;
	border-radius: 50%;
	background: #0e326f;
}
.benefit_cir img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 23%;
	transform: translate(-50%, -50%);
}
.benefit_wrap li:nth-of-type(2) img {
	width: 30%;
}
.benefit_wrap li:nth-of-type(3) img {
	width: 33%;
}
.benefit_wrap li:nth-of-type(5) img {
	width: 35%;
}
.benefit_cont {
	height: auto;
	margin: auto 0;
	font-size: 20px;
	line-height: 30px;
}
.benefit_cont h6 {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
}
.benefit_cont p {
	margin-top: 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}

.ceo_tit_wp {
	margin-top: 110px;
}
.ceo_tit {
	font-size: 40px;
	line-height: 58px;
}
.ceo_tit b {
	color: #003c83;
}
#ceo_wrap {
	gap: 10%;
	margin-top: 20px;
	border-bottom: 2px solid #222;
}
.ceo_bg {
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	width: 807px;
	height: 224px;
	overflow: hidden;
	z-index: -1;
}
.ceo_bg img {
	width: 100%;
}
.ceo_cont {
	flex: 6;
	white-space: pre;
}
.ceo_cont p {
	line-height: 32px;
}

.ceo_cont h3 {
	margin: 10px 0 30px;
	font-weight: 600;
	font-size: 18px;
}
.ceo_cont h3 span {
	font-weight: 400;
	font-size: 18px;
}
.ceo_img {
	flex: 5;
	position: relative;
}
.ceo_img img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

.rnd_cont {
	flex: 3;
	margin-top: 100px;
}
.rnd_cont .hr {
	width: 110%;
	height: 1px;
	margin: 10% 0;
	background: #ebebeb;
}
.rnd_cont > div {
	display: flex;
	margin-bottom: 30px;
}
.rnd_cont > div:last-of-type {
	margin-bottom: 0;
}
.rnd_cont > div > h5 {
	flex: 1;
	font-weight: 500;
	font-size: 28px;
}
.rnd_cont > div > ul {
	flex: 2;
}
.rnd_cont_li {
	float: left;
	width: 50%;
}
.rnd_cont_li h6 {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
}
.rnd_cont_li li {
	font-size: 16px;
	line-height: 30px;
}
.rnd_tech_li {
	column-count: 2;
}
.rnd_tech_li li {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	list-style-type: disc;
}
.rnd_img {
	flex: 2;
	position: relative;
}
.rnd_img img {
	position: absolute;
	top: 50%;
	transform: translateY(-45%);
	right: 0;
	width: 70%;
}
/* 연구소 소개 */
.rnd_top {
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
}
.rnd_mid {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	height: auto;
}
.rnd_mid .rnd_cont {
	padding: 135px 0 105px;
	margin-top: 0;
}
.rnd_mid .rnd_img {
}
.rnd_mid .rnd_img img {
	width: 100%;
}
.rnd_bottom {
	width: 100%;
	margin-top: 80px;
}
.rnd_bottom h5:first-of-type {
	margin-top: 0;
}
.rnd_bottom h5 {
	margin-top: 64px;
}
.rnd_bottom p {
	margin-top: 16px;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.18px;
}
.rnd_bottom .bottom_box {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 40px;
}
.rnd_bottom .bottom_box li {
	display: flex;
	width: calc((100% - 54px) / 4);
	padding: 23px 40px;
	align-items: center;
	column-gap: 24px;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.rnd_bottom .bottom_box li .txt {
	font-size: 18px;
	line-height: 30px;
}
.rnd_bottom .bottom_box li .txt span {
	display: block;
	margin-top: 4px;
	color: #666;
	font-size: 16px;
	line-height: 1.5;
}
.rnd_bottom .design_solution {
	margin-top: 40px;
}
.rnd_bottom .design_solution .design_solution_list {
	padding: 32px 0;
	border-radius: 5px;
	border: 1px solid #ddd;
}
.rnd_bottom .design_solution .design_solution_list + .design_solution_list {
	margin-top: 24px;
}
.rnd_bottom .design_solution .design_solution_list .box_tit {
	color: #003c83;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	padding-left: 40px;
}
.rnd_bottom .design_solution .design_solution_list .bottom_box {
	margin-top: 16px;
}
.rnd_bottom .design_solution .design_solution_list .bottom_box li {
	border: 0;
}
/* rnd_field */
.rnd_field {
	display: flex;
	flex-wrap: wrap;
	row-gap: 48px;
	column-gap: 18px;
}
.rnd_field .list {
	width: calc((100% - 36px) / 3);
}
.rnd_field .list .img {
	position: relative;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.rnd_field .list .img img {
	width: 100%;
	vertical-align: top;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.rnd_field .list:hover .img img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.rnd_field .list h5 {
	margin-top: 32px;
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -0.2px;
}
.rnd_field .list p {
	color: #444;
	line-height: 1.625;
	letter-spacing: -0.16px;
	padding-bottom: 24px;
}

.ci_wrap h5 {
	flex: 1;
	letter-spacing: -0.01em;
}
.ci_cont {
	flex: 5;
}
.kpac_logo_wp {
	display: flex;
	gap: 20px;
}
.kpac_logo {
	position: relative;
	flex: 1;
	height: 300px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.kpac_logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 239px;
}
.kpac_color {
	flex: 1;
	display: flex;
	margin-top: 30px;
}
.kpac_color h6 {
	flex: 2;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	font-family: "Poppins", sans-serif;
}
.kpac_color > ul {
	flex: 5;
}
.kpac_color > ul > li {
	display: flex;
	margin-bottom: 44px;
}
.kpac_color > ul > li p {
	font-family: "Poppins", sans-serif;
}
.kpac_color > ul > li span {
	display: block;
	margin-top: 2px;
	font-family: "Poppins", sans-serif;
}
.kpac_color .cir {
	width: 52px;
	height: 52px;
	margin-right: 20px;
	background: #0b326e;
	border-radius: 100px;
}
.kpac_color .cir2 {
	background: #70c7d1;
}
.kpac_color .cir3 {
	background: #3f3b3a;
}
.kpac_color .cir4 {
	background: #b5b6b6;
}
.kpac_color .cmyk {
	flex: 3;
}
.kpac_color .rgb {
	flex: 2;
}
.kpac_color_txt {
	display: inline-block;
}
.kpac_color_txt li {
	display: inline-block;
	width: 40px;
}
.bi_li {
	display: flex;
	gap: 45px 20px;
	flex-wrap: wrap;
}
.bi_li li {
	width: 302.5px;
}
.bi_li li div {
	position: relative;
	width: 100%;
	height: 170px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.bi_li li div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
}
.bi_li li div.kepex img {
	width: 54%;
}
.bi_li li p {
	margin-top: 20px;
}

.video_wrap {
	margin-top: 0 !important;
}
.video_li li {
	cursor: pointer;
}
.play_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: url("/img/play_btn.png") center / contain;
	transition: background 0.2s;
}
.video_li li:hover .play_btn {
	background: url("/img/play_btn_hv.png") center / contain;
}
.video_box01 {
	background: url("/img/video_thum01.png") center / cover;
}
.video_box02 {
	background: url("/img/video_thum02.png") center / cover;
}
.video_box03 {
	background: url("/img/video_thum03.png") center / cover;
}
.video_box04 {
	background: url("/img/video_thum04.png") center / cover;
}
.video_box05 {
	background: url("/img/video_thum05.png") center / cover;
}
.video_box06 {
	background: url("/img/video_thum06.png") center / cover;
}
.video_modal_wrap .tech_modal {
	height: 50vw;
	max-width: 1280px;
	max-height: 720px;
	padding: 0;
	background: none;
	overflow: visible;
}
.video_modal_wrap .close_btn {
	display: none;
}

.poster_wrap {
	margin-top: 0 !important;
}
.poster_li li {
	cursor: pointer;
}
.poster_li .read_btn {
	position: relative;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	transition: opacity 0.2s;
}
.poster_li .read_btn div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: url("/img/read_btn.png") center / contain;
}
.poster_li li:hover .read_btn {
	opacity: 1;
}
.poster_box {
	position: relative;
	width: 100%;
	height: 335px;
	border-radius: 5px;
}
.poster_box01 {
	background: url("/img/poster_thum01.jpg") center / cover;
}
.poster_box02 {
	background: url("/img/poster_thum02.jpg") center / cover;
}
.poster_box03 {
	background: url("/img/poster_thum03.jpg") center / cover;
}
.poster_box04 {
	background: url("/img/poster_thum04.jpg") center / cover;
}
.poster_box05 {
	background: url("/img/poster_thum05.jpg") center / cover;
}
.poster_box06 {
	background: url("/img/poster_thum06.jpg") center / cover;
}
.poster_box07 {
	background: url("/img/poster_thum07.jpg") center / cover;
}

.exhbn_wrap {
	margin-top: 0 !important;
}
.exhbn_li {
	border-top: 2px solid #0e326f;
}
.exhbn_li {
	width: 100%;
}
.exhbn_li li {
	width: 100%;
	padding: 60px 0;
	border-bottom: 1px solid #ebebeb;
}
.exhbn_li li > a {
	display: flex;
	gap: 40px;
	width: 100%;
	height: 100%;
	text-align: left;
}
.exhbn_box {
	width: 367px;
	height: 240px;
}
.exhbn_box img {
	width: 100%;
}
.exhbn_cont {
	flex: 1;
}
.exhbn_cont_txt {
	float: left;
}
.exhbn_cont_txt .exhbn_tit {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
}
.exhbn_cont_txt .exhbn_body {
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
}
.exhbn_cont_txt .exhbn_date {
	display: inline-block;
	margin: 102px 0 0 0;
	font-size: 14px;
	color: #777777;
}
.exhbn_pg {
	float: right;
	position: relative;
	width: auto;
	height: 100%;
}
.exhbn_li li .exhbn_pg .pg_img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: url("/img/arrow_news.png") center / contain;
	transition: background 0.3s;
}
.exhbn_li li:hover .exhbn_pg .pg_img {
	background: url("/img/arrow_news_hv.png") center / contain;
}
.exhbn_detail_wrap {
	display: block;
}
.exhbn_detail_tit {
	width: 100%;
	text-align: center;
}
.exhbn_detail_tit h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 42px;
}
.exhbn_detail_tit .exhbn_date {
	display: inline-block;
	margin: 24px 0 50px 0;
}
.exhbn_detail_cont {
	position: relative;
	padding-top: 50px;
	border-top: 2px solid #0e326f;
}
.exhbn_inner {
	width: 100%;
	max-width: 1270px;
	margin: 0 auto;
}
.exhbn_detail_img {
	width: 100%;
	margin-bottom: 50px;
}
.exhbn_detail_img img {
	width: 100%;
}
.exhbn_detail_txt {
	padding: 40px 0 60px;
}
.exhbn_nav_v2 {
	position: absolute;
	top: calc((100% - 300px) / 2);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
}
.exhbn_nav_v2 .btn {
	position: absolute;
	top: 0;
	width: 58px;
	height: 58px;
	background: url("/img/exhbn_v2_btn.png") center / contain;
	transition: background 0.3s;
}
.exhbn_nav_v2 .btn a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.exhbn_nav_v2 .btn:hover {
	background: url("/img/exhbn_v2_btn_hv.png") center / contain;
}
.exhbn_nav_v2 .btn_lft {
	left: 1px;
	transform: scaleX(-1);
}
.exhbn_nav_v2 .btn_rgt {
	right: 1px;
}
.exhbn_v2_li {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100%;
	gap: 20px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ebebeb;
}
.exhbn_v2_li li {
	height: 180px;
	border-radius: 5px;
}
.exhbn_v2_li li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.exhbn_v2_li li:nth-of-type(1) {
	background: url("/img/exhbn_thum01.jpg") center / cover;
}
.exhbn_v2_li li:nth-of-type(2) {
	background: url("/img/exhbn_thum02.jpg") center / cover;
}
.exhbn_v2_li li:nth-of-type(3) {
	background: url("/img/exhbn_thum03.jpg") center / cover;
}
.exhbn_v2_li li:nth-of-type(4) {
	background: url("/img/exhbn_thum04.jpg") center / cover;
}

.news_li_wrap {
	margin-top: 0 !important;
}
.news_li_li {
	border-top: 2px solid #0e326f;
}
.news_li_li {
	width: 100%;
}
.news_li_li li {
	width: 100%;
	padding: 60px 0;
	border-bottom: 1px solid #ebebeb;
}
.news_li_li li > a {
	display: flex;
	gap: 40px;
	width: 100%;
	height: 100%;
	text-align: left;
}
.news_li_box {
	width: 367px;
	height: 240px;
}
.news_li_box img {
	width: 100%;
}
.news_li_cont {
	flex: 1;
}
.news_li_cont_txt {
	float: left;
}
.news_li_cont_txt .news_li_tit {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
}
.news_li_cont_txt .news_li_body {
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	white-space: pre;
}
.news_li_cont_txt .news_li_date {
	display: inline-block;
	margin: 102px 0 0 0;
	font-size: 14px;
	color: #777777;
}
.news_li_pg {
	float: right;
	position: relative;
	width: auto;
	height: 100%;
}
.news_li_li li .news_li_pg .pg_img {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: url("/img/arrow_news.png") center / contain;
	transition: background 0.3s;
}
.news_li_li li:hover .news_li_pg .pg_img {
	background: url("/img/arrow_news_hv.png") center / contain;
}
.news_li_detail_wrap {
	display: block;
}
.news_li_detail_tit {
	width: 100%;
	text-align: center;
}
.news_li_detail_tit h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 42px;
}
.news_li_detail_tit .news_li_date {
	display: inline-block;
	margin: 24px 0 50px 0;
}
.news_li_detail_cont {
	position: relative;
	padding-top: 50px;
	border-top: 2px solid #0e326f;
}
.news_li_inner {
	width: 100%;
	max-width: 1270px;
	margin: 0 auto;
}
.news_li_detail_img {
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}
.news_li_detail_img img {
	width: 100%;
}
.news_li_detail_txt {
	padding: 40px 0 50px;
}
.news_li_nav {
	padding: 29px 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.news_li_nav ul {
	display: flex;
}
.news_li_nav li {
	flex: 1;
}
.news_li_nav li p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}
.news_li_nav_lft p {
	float: left;
	margin-right: 40px;
	color: #adadad;
}
.news_li_nav_rgt p {
	float: right;
	margin-left: 40px;
}
.news_li_nav .pre {
	color: #adadad;
	font-weight: 600;
}
.news_li_nav .nxt {
	color: #003c83;
	font-weight: 600;
}
.news_li_nav .arrow {
	margin-top: 8px;
	width: 9px;
	height: 9px;
}
.news_li_nav .pre_arrow {
	float: left;
	margin-right: 10px;
	background: url("/img/arrow_kpt_no.png") no-repeat center / contain;
}
.news_li_nav .nxt_arrow {
	float: right;
	margin-left: 10px;
	background: url("/img/arrow_kpt_hv.png") no-repeat center / contain;
}

.news_tb th:nth-of-type(1),
.news_tb td:nth-of-type(1) {
	width: 7%;
}
.news_tb th:nth-of-type(2),
.news_tb td:nth-of-type(2) {
	width: 70%;
}
.news_tb th:nth-of-type(3),
.news_tb td:nth-of-type(3) {
	width: 13%;
}
.news_tb th:nth-of-type(4),
.news_tb td:nth-of-type(4) {
	width: 10%;
}

.invt_box {
	width: 238px;
	height: 54px;
	border: 1px solid #222222;
	border-radius: 3px;
	line-height: 54px;
	transition: background 0.2s, border 0.2s, color 0.2s;
}
.invt_box > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-weight: 500;
	font-size: 16px;
}
.invt_box:hover {
	background: #003c83;
	border: 1px solid #003c83;
	color: #fff;
}

.down_li {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 30px 10px;
}
.down_li li {
	width: 238px;
	cursor: pointer;
}
.down_li li h6 {
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}
.down_li .down_box {
	width: 100%;
	height: 284px;
	background: #888888;
	border-radius: 5px 5px 0px 0px;
}
.down_li .down_txt {
	width: 100%;
	height: 54px;
	border: 1px solid #003c83;
	border-radius: 0px 0px 5px 5px;
	color: #003c83;
	text-align: center;
	line-height: 54px;
}
.down_li li:hover .down_txt {
	background: #003c83;
	color: #fff;
}
.down_li li .down_img {
	display: inline-block;
	position: relative;
	width: 17px;
	height: 17px;
	line-height: 57px;
	margin-left: 10px;
}
.down_li li:hover .down_img {
}
.down_li li .down_img::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	background: url("/img/bnr_download_bl.png") no-repeat center / contain;
}
.down_li li:hover .down_img::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	background: url("/img/bnr_download.png") no-repeat center / contain;
}

/* .down_img{display:inline-block;width:17px;height:17px;margin-left:10px;background:url("/img/bnr_download_bl.png") no-repeat center / contain;} */

body.company .cert_wrap {
	margin-top: 50px;
}
.cert_li {
	width: 100%;
}
.cert_li li {
	display: flex;
	gap: 40px;
	width: 100%;
	padding: 60px 0;
	border-bottom: 1px solid #ebebeb;
}
.cert_box {
	width: 238px;
	height: 337px;
}
.cert_box img {
	width: 100%;
}
.cert_cont {
	flex: 1;
}
.cert_cont_txt {
	margin-bottom: 59px;
}
.cert_cont_txt h6 {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #003c83;
}
.cert_cont_txt h6 span {
	display: block;
	margin-top: 4px;
	font-weight: 400;
	font-size: 20px;
	color: #222222;
}
.cert_cont_txt p {
	color: #444444;
	font-size: 16px;
	line-height: 28px; /* white-space:pre; */
}
.cert_cont_down {
	width: 236px;
	height: 54px;
	border: 1px solid #003c83;
	border-radius: 5px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: #003c83;
}
.cert_cont_down:hover {
	background: #003c83;
	color: #fff;
}
.cert_cont_down span {
	line-height: 54px;
}
.cert_cont_down .down_img {
	display: inline-block;
	position: relative;
	width: 17px;
	height: 17px;
	line-height: 57px;
	margin-left: 10px;
}
.cert_cont_down .down_img::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	background: url("/img/bnr_download_bl.png") no-repeat center / contain;
}
.cert_cont_down:hover .down_img::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	background: url("/img/bnr_download.png") no-repeat center / contain;
}
/* [e] sub 1 회사소개 */

/* [s] sub 2 제품소개 */
.big_prd_tab {
	display: none;
}
.prd_tab {
	display: none;
}

.prd_tb_wp {
	width: 100%;
	margin-top: 60px;
}
.prd_tb {
	width: 100%;
	border-top: 2px solid #0e326f;
	border-spacing: 0px;
	border-collapse: collapse;
}
.prd_tb caption {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}
.prd_tb caption span {
	color: #004cc0;
}
.prd_tb thead {
	background: #fafafa;
	text-align: center;
}
.prd_tb tr {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.prd_tb th {
	padding: 15px 30px;
	border: 1px solid #fafafa;
	border-bottom: 1px solid #ebebeb;
}
.prd_tb td {
	padding: 15px 30px;
	border: 1px solid #ebebeb;
}
.prd_tb .td_1st {
	background: #fafafa;
	border-left: none;
	text-align: center;
}
.prd_tb .td_3rd {
	white-space: pre;
}
.prd_tb .td_last {
	border-right: none;
}
.prd_tb tbody tr th {
	background: #fafafa;
	border-left: none;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.prd_tb tbody tr td:last-of-type {
	border-right: none;
}
.prd_tb tbody .grade input {
	float: left;
	margin: 8px 10px 0 0;
	transform: scale(1.1);
	accent-color: #003c83 !important;
}
.prd_tb02 tr td:first-of-type {
	padding: 15px 10px;
	text-align: center;
}

.sub_top_li sup {
	margin-bottom: 10px;
}
.sub2_bnr {
	padding: 100px 0;
}
.product .sub_top_li li {
	line-height: 80px;
}
.bnr_right {
	position: absolute;
	width: 411px;
	height: 118px;
	right: 0;
	top: 30px;
}
.bnr_right button {
	width: 49%;
	height: 54px;
	padding: 0 10px;
	background: #fff;
	border: none;
	border-radius: 50px;
	font-weight: 600;
	font-size: 16px;
	color: #003c83;
	line-height: 26px;
}
.bnr_right button:nth-of-type(2) {
	margin-left: 2%;
}
.bnr_right button:nth-of-type(3) {
	width: 100%;
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid #fff;
	color: #fff;
}
.bnr_right button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.bnr_right button div {
	position: relative;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 80px;
}
.bnr_right button img {
	position: absolute;
	top: 5px;
	left: 0;
	width: 17px;
}
.bnr_right button:nth-of-type(3) div {
	margin-left: 20px;
}
.bnr_right button:nth-of-type(3) img {
	top: 2px;
}

.kepital_organ_wp {
	display: flex;
	gap: 20px;
}
.kepital_organ {
	flex: 1;
}
.kepital_organ p {
	width: 100%;
	height: 72px;
	border-radius: 10px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
}
.kepital_organ:first-of-type p {
	background: #003c83;
}
.kepital_organ:last-of-type p {
	background: #b6265f;
}
.kepital_organ .calc {
	margin-top: 20px;
}
.kepital_organ .calc_img {
	width: 100%;
	height: auto;
}
.kepital_organ .calc_img img {
	width: 100%;
}
/* kepital-medical */
.medical .medical_sect + .medical_sect {
	margin-top: 64px;
}
.medical .medical_sect ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
}
.medical .medical_sect ul.mx_series {
	gap: 22px;
}
.medical .medical_sect ul.mx_series li {
	display: flex;
	width: calc((100% - 22px) / 2);
	padding: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	gap: 20px;
}
.medical .medical_sect ul.mx_series li .circle {
	display: flex;
	width: 80px;
	height: 80px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -0.14px;
	border-radius: 40px;
	gap: 4px;
	flex-shrink: 0;
}
.medical .medical_sect ul.mx_series li:nth-child(1) .circle {
	background: #035c5e;
}
.medical .medical_sect ul.mx_series li:nth-child(2) .circle {
	background: #43aeb0;
}
.medical .medical_sect ul.mx_series li:nth-child(3) .circle {
	background: #408a5d;
}
.medical .medical_sect ul.mx_series li:nth-child(4) .circle {
	background: #0d9782;
}
.medical .medical_sect ul.mx_series li .circle span {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.24px;
}
.medical .medical_sect ul.mx_series li .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.2px;
}
.medical .medical_sect ul.mx_series li .txt span {
	color: #444;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.16px;
}
.medical .medical_sect ul.mx_series li .txt span.color {
	display: block;
	color: #0d9782;
}
.medical .medical_sect ul.solutions {
	gap: 22px;
}
.medical .medical_sect ul.solutions li {
	width: calc((100% - 66px) / 4);
}
.medical .medical_sect ul.solutions li .img {
	border-radius: 5px;
	overflow: hidden;
}
.medical .medical_sect ul.solutions li .img img {
	width: 100%;
	vertical-align: top;
}
.medical .medical_sect ul.solutions li .txt {
	margin-top: 8px;
	color: #444;
	line-height: 26px;
}
.medical .medical_sect ul.partner {
	gap: 20px;
}
.medical .medical_sect ul.partner li {
	display: flex;
	width: calc((100% - 40px) / 3);
	border-radius: 5px;
	padding: 40px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.medical .medical_sect ul.partner li:nth-child(1) {
	background: #035c5e;
}
.medical .medical_sect ul.partner li:nth-child(2) {
	background: #43aeb0;
}
.medical .medical_sect ul.partner li:nth-child(3) {
	background: #408a5d;
}
.medical .medical_sect ul.partner li .txt {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: -0.2px;
}
.medical .medical_sect ul.partner li .txt span {
	display: block;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.16px;
}
.medical .medical_sect ul.partner + p {
	margin-top: 28px;
	color: #444;
	line-height: 1.3;
	font-weight: 600;
}
/* kepital-sustainability */
.sub_contents .sustainability h5 {
	white-space: normal;
}
.sustainability .tab_sect_cont .img.mt60 {
	margin-top: 60px;
}
.sustainability .tab_sect_cont img {
	width: 100%;
	vertical-align: top;
}
.sustainability .tab_sect_cont .step {
	position: relative;
	display: flex;
	max-width: 700px;
	margin: 60px auto 0;
	justify-content: center;
	column-gap: 80px;
}
.sustainability .tab_sect_cont .step > div {
	flex: 1;
}
.sustainability .tab_sect_cont .step strong {
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding-bottom: 9px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.2px;
	text-align: center;
}
.sustainability .tab_sect_cont .step :not(.step3) strong::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: calc(100% + 80px);
	height: 1px;
	background: #d9d9d9;
}
.sustainability .tab_sect_cont .step strong::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
.sustainability .tab_sect_cont .step1 strong::after {
	background: #0d326f;
}
.sustainability .tab_sect_cont .step2 strong::after {
	background: #408a5d;
}
.sustainability .tab_sect_cont .step3 strong::after {
	background: #00bac9;
}
.sustainability .tab_sect_cont .step ul li {
	position: relative;
	padding: 0 4px 0 20px;
	line-height: 30px;
	letter-spacing: -0.16px;
}
.sustainability .tab_sect_cont .step ul li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 12px;
	width: 4px;
	height: 4px;
	background: #222;
	border-radius: 50%;
}
.sustainability .tab_sect_cont .portfolio_info {
	margin-top: 24px;
}
.sustainability .tab_sect_cont .portfolio_info p {
	line-height: 30px;
	letter-spacing: -0.16px;
}
.sustainability .tab_sect_cont .portfolio_info p + p {
	margin-top: 4px;
}
/* product_portfolio */
.product_portfolio {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.product_portfolio li {
	width: calc((100% - 36px) / 3);
	aspect-ratio: 1/1;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: center;
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.32px;
}
.product_portfolio li:hover {
	background-color: #fff;
}
.product_portfolio li:nth-child(1):hover {
	background-image: url("../img/product_portfolio01.png");
}
.product_portfolio li:nth-child(2):hover {
	background-image: url("../img/product_portfolio02.png");
}
.product_portfolio li:nth-child(3):hover {
	background-image: url("../img/product_portfolio03.png");
}
.product_portfolio li:nth-child(4):hover {
	background-image: url("../img/product_portfolio04.png");
}
.product_portfolio li:nth-child(5):hover {
	background-image: url("../img/product_portfolio05.png");
}
.product_portfolio li:nth-child(6):hover {
	background-image: url("../img/product_portfolio06.png");
}
.product_portfolio li:nth-child(7):hover {
	background-image: url("../img/product_portfolio07.png");
}
.product_portfolio li:nth-child(8):hover {
	background-image: url("../img/product_portfolio08.png");
}
.product_portfolio li:nth-child(9):hover {
	background-image: url("../img/product_portfolio09.png");
}
.product_portfolio li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.tab_sect {
	display: flex;
	margin-bottom: 120px;
	text-align: left;
}
.tab_sect:last-of-type {
	margin-bottom: 0;
}
.tab_sect_tit {
	flex: 1;
	line-height: 42px;
	white-space: pre;
}
.tab_sect_cont {
	flex: 4;
}
.tab_sect_cont > p {
	margin-bottom: 30px;
	line-height: 30px;
}
.product_p {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.product_p_pre {
	white-space: pre;
}
.tab_sect_cont .calc {
	width: 100%;
	height: auto;
	padding: 30px 80px;
	background: #f2f7ff;
	border-radius: 10px;
	color: #003c83;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
}
.kepital_char_wp {
	display: flex;
	width: 100%;
}
.kepital_char_wp.no_flex {
	display: block;
}
.kepital_char_wp .plus {
	width: 42px;
	height: 42px;
	margin: auto 17px;
}
.kepital_char_wp .plus img {
	width: 100%;
}
.kepital_char {
	flex: 1;
}
.kepital_char_txt {
	margin: 30px 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
}
.kepital_char:first-of-type .kepital_char_txt {
	width: 100%;
}
.kepital_char h6 {
	height: 72px;
	background: #003c83;
	border-radius: 10px;
	text-align: center;
	line-height: 60px;
	font-weight: 500;
	color: #fff;
	font-size: 20px;
}
.kepital_char_wp .kepital_char:last-of-type h6 {
	background: #b6265f;
}
.kepital_char:nth-of-type(2) h6 {
	background: #004cc0;
}
.kepital_char ol {
	padding: 20px 30px;
	border-radius: 10px;
	background: #fbfbfb;
}
.kepital_char ol li {
	margin-bottom: 10px;
	line-height: 28px;
}
.homo_char {
	padding: 40px 54px;
	margin-bottom: 40px;
	column-count: 2;
	column-gap: 6%;
	background: #fbfbfb;
	border-radius: 10px;
}
.homo_char li {
	margin-bottom: 8px;
	list-style: disc;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.homo_box {
	/* display:flex;gap:20px; */
}
.homo_box .homo_img {
	/* flex:5; */
	height: 0;
	margin-top: 40px;
	padding-bottom: 30%;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
	background: url("/img/homo_img.png") no-repeat center / 80%;
}
/* .homo_box .homo_txt{flex:3;position:relative;}
.homo_box .homo_txt p{position:absolute;bottom:0;left:0;white-space:pre;font-weight: 400;font-size: 16px;line-height: 28px;} */
.kepital_use {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	width: 100%;
	gap: 12px;
}
.kepital_use li {
	position: relative;
	flex: 1;
	height: auto;
	padding-bottom: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.kepital_use li:nth-of-type(1) a {
	background: url("/img/kepital_use_item01.png") center / cover;
}
.kepital_use li:nth-of-type(2) a {
	background: url("/img/kepital_use_item02.png") center / cover;
}
.kepital_use li:nth-of-type(3) a {
	background: url("/img/kepital_use_item03.png") center / cover;
}
.kepital_use li:nth-of-type(4) a {
	background: url("/img/kepital_use_item04.png") center / cover;
}
.kepital_use li:hover a {
	transform: scale(1.1);
	transition: transform 0.2s;
}
.kepital_use li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.kepital_use li p {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
}

.calc02 p {
	display: inline-block;
}
.calc02 span {
	display: block;
}
.calc02 > div {
	position: relative;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: auto 20px;
}
.calc02 > div img {
	position: absolute;
	top: -10px;
	left: 0;
	width: 17px;
}
.kpm_pa6_char {
	padding: 20px 30px;
	column-gap: 0.005%;
}
.kpm_pa6_char li {
	list-style-type: decimal;
	list-style-position: inside;
}
/* .kpm_pa6_char li.pd_lft{margin-left:30px;} */
.kpm_pa6_char li::marker {
	display: inline-block;
}
.kpm_pa6_wp {
	gap: 20px;
}
.kpm_pa6_char02 {
	display: flex;
	gap: 5%;
	padding: 30px;
	background: #fafafa;
	border-radius: 10px;
}
.kpm_pa6_txt {
	flex: 5;
}
.kpm_pa6_txt h5 {
	margin-bottom: 8px;
	color: #222;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}
.kpm_pa6_data {
	flex: 2;
	width: 160px;
	height: 60px;
	background: #004cc0;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 60px;
}
.kpm_pa6_cmpr {
	flex: 2;
	width: 160px;
	height: 60px;
	background: #70c7d1;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 60px;
}

.kpm_ppa_char {
	column-count: 1;
}
.tab_sect_cont .calc03 img {
	width: 80%;
}
/* .tab_sect_cont .calc04 img{width:90%;} */
.calc04 {
	display: inline-block;
}
.calc04_01 {
	float: left;
	width: 19%;
}
.calc04_02 {
	float: left;
	width: 24%;
}
.calc04_03 {
	float: left;
	width: 33%;
}
.calc04 .calc04_or {
	float: left;
	width: 40px;
	margin: 50px 10px 0;
	font-size: 14px;
	color: #222;
}
.calc04 .calc04_arrow {
	float: left;
	margin-top: 20px;
}

.car_sub_txt {
	white-space: pre;
}
.car_wp .cir {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	background: #004cc0;
	border-radius: 50%;
	text-align: center;
	font-weight: 600;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
}
.car_num {
	width: 100%;
	height: auto;
}
.car_num li {
	float: left;
	margin: 0 40px 16px 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	cursor: default;
}
.car_img_wp {
	width: 100%;
	clear: both;
	padding-top: 80px;
}
.car_part {
	position: relative;
	float: left;
	width: 17%;
	height: 0;
	padding-bottom: 15%;
}
.car_part img {
	width: 100%;
}
.car_wp .nav_item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.car_wp .nav_item ol {
	position: relative;
	width: 100%;
	height: 100%;
}
.car_img {
	position: relative;
	float: right;
	width: 70%;
	height: 0;
	padding-bottom: 35%;
	margin-right: 10%;
}
.car_img img {
	width: 100%;
}
.car_img_wp .cir {
	position: absolute;
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.4);
	line-height: 34px;
	transition: background 0.2s;
	cursor: pointer;
}
.car_img_wp .cir:hover {
	background: #004cc0;
}
.car_img_wp .cir.hover {
	background: #004cc0;
}
.car_part .cir {
	left: 50%;
	transform: translateX(-50%);
}
.car_img_wp .cir .item {
	position: absolute;
	border: 2px solid #0154a0;
	border-radius: 6px;
	padding: 8px;
	z-index: 11;
	background: #fff;
	/* display: none; */
}

.car_part .cir:nth-of-type(1) {
	top: 20%;
}
.car_part .cir:nth-of-type(2) {
	top: 55%;
}
.car_part .cir:nth-of-type(3) {
	top: 85%;
}

.car_img .cir:nth-of-type(1) {
	top: 28%;
	right: 24%;
}
.car_img .cir:nth-of-type(2) {
	top: 18%;
	right: 8%;
}
.car_img .cir:nth-of-type(3) {
	top: 25%;
	right: 12%;
}
.car_img .cir:nth-of-type(4) {
	top: 22%;
	right: 16%;
}

.car_int {
	position: relative;
	width: 100%;
}
.car_int img {
	width: 100%;
}
.car_int .cir:nth-of-type(1) {
	top: 53%;
	left: 17%;
}
.car_int .cir:nth-of-type(2) {
	top: 92%;
	right: 40%;
}
.car_int .cir:nth-of-type(3) {
	top: 10%;
	right: 1%;
}
.car_int .cir:nth-of-type(4) {
	top: 45%;
	right: 25%;
}
.car_int .cir:nth-of-type(5) {
	top: 45%;
	right: 55%;
}
.car_int .cir:nth-of-type(6) {
	top: 3%;
	right: 48%;
}
.car_int .cir:nth-of-type(7) {
	top: 85%;
	right: 55%;
}
.car_int .cir:nth-of-type(8) {
	top: 60%;
	right: 2%;
}
.car_int .cir:nth-of-type(9) {
	top: 45%;
	right: 5%;
}
.car_int .cir:nth-of-type(10) {
	top: 35%;
	right: 12%;
}

.car_ext .cir:nth-of-type(1) {
	top: 25%;
	right: 33%;
}
.car_ext .cir:nth-of-type(2) {
	top: 45%;
	right: 30%;
}
.car_ext .cir:nth-of-type(3) {
	top: 7%;
	right: 15%;
}
.car_ext .cir:nth-of-type(4) {
	top: 63%;
	right: 65%;
}
.car_ext .cir:nth-of-type(5) {
	top: 10%;
	right: 30%;
}
.car_ext .cir:nth-of-type(6) {
	top: 18%;
	right: 5%;
}
.car_ext .cir:nth-of-type(7) {
	top: -2%;
	right: 40%;
}

.car_pt .cir:nth-of-type(1) {
	top: 48%;
	left: 23%;
}
.car_pt .cir:nth-of-type(2) {
	top: 43%;
	left: 27%;
}
.car_pt .cir:nth-of-type(3) {
	top: 42%;
	left: 12%;
}
.car_pt .cir:nth-of-type(4) {
	top: 35%;
	left: 45%;
}
.car_pt .cir:nth-of-type(5) {
	top: 40%;
	left: 40%;
}
.car_pt .cir:nth-of-type(6) {
	top: 70%;
	left: 6%;
}
.car_pt .cir:nth-of-type(7) {
	top: 50%;
	left: 15%;
}

.car_cha .cir:nth-of-type(1) {
	top: 70%;
	left: 15%;
}
.car_cha .cir:nth-of-type(2) {
	top: 38%;
	right: 10%;
}
.car_cha .cir:nth-of-type(3) {
	top: 40%;
	left: 14%;
}
.car_cha .cir:nth-of-type(4) {
	top: 55%;
	left: 51%;
}
.car_cha .cir:nth-of-type(5) {
	top: 37%;
	left: 37%;
}
.car_cha .cir:nth-of-type(6) {
	top: 62%;
	left: 37%;
}
.car_cha .cir:nth-of-type(7) {
	top: 27%;
	right: 0%;
}

.car_modal_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99;
}
.car_modal_wrap {
	width: 100%;
	height: 110%;
}
.car_modal_wrap .close_btn {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(275px, -215px);
	width: 56px;
	height: 58px;
	border: none;
	border-radius: 50%;
	background: #222;
	cursor: pointer;
	z-index: 101;
}
.car_modal_wrap .close_btn span {
	position: absolute;
	top: 28px;
	left: 18px;
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
}
.car_modal_wrap .close_btn span:first-of-type {
	transform: rotate(45deg);
}
.car_modal_wrap .close_btn span:last-of-type {
	transform: rotate(-45deg);
}
.car_modal .item {
	display: none;
	gap: 30px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	height: 371px;
	overflow-y: auto;
	overflow-x: visible;
	padding: 60px;
	border-radius: 10px;
	background: #fff;
	z-index: 100;
}
.car_modal .item::-webkit-scrollbar {
	width: 26px;
}
.car_modal .item::-webkit-scrollbar-thumb {
	width: 6px;
	border-radius: 13px;
	background: #d9d9d9;
	background-clip: padding-box;
	border: 10px solid transparent;
}
.car_modal .item .thumb {
	flex: 10;
	position: relative;
}
.car_modal .item .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.car_modal .item > dl {
	flex: 21;
	position: relative;
}
.car_modal .item.long .dl2 {
	padding-bottom: 60px;
}
.car_modal .item .name {
	margin-top: 4px;
	font-weight: 500;
	font-size: 28px;
	line-height: 35px;
}
.car_modal .item .grade {
	margin: 10px 0 7px;
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
}
.car_modal .item .char {
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #444444;
}
.blind {
	display: block;
	overflow: hidden;
	position: absolute;
	top: -1000em;
	left: 0;
}

.it_li {
	display: flex;
	gap: 60px 20px;
	flex-wrap: wrap;
	justify-content: space-around;
}
.it_li li {
	width: 496px;
}
.it_li li h6 {
	margin-top: 16px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
}
.it_li .it_box {
	position: relative;
	width: 100%;
	height: 324px;
	border-radius: 5px;
}
.it_li .it_box01 {
	background: url("/img/it_printer.png") center / cover;
}
.it_li .it_box02 {
	background: url("/img/it_phone.png") center / cover;
}
.it_li .it_box .cir {
	position: absolute;
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	color: #fff;
	line-height: 32px;
	transition: background 0.2s;
	cursor: pointer;
	transition: background 0.2s;
}
.it_li .it_box .cir:hover {
	background: #004cc0;
}
.it_li .it_box01 .cir.nav01 {
	top: 50%;
	left: 60%;
}
.it_li .it_box01 .cir.nav02 {
	top: 70%;
	left: 65%;
}
.it_li .it_box02 .cir.nav03 {
	top: 40%;
	left: 60%;
}
/* #it_modal_wrap .item h6{position:absolute;top:40px;left:60px;font-weight: 500;font-size: 28px;line-height: 28px;} */
#it_modal_wrap .item h6 {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 500;
	font-size: 28px;
	line-height: 28px;
}
#it_modal_wrap .item > dl {
	margin: 0;
	padding-top: 48px;
}
#it_modal_wrap .name {
	font-size: 16px;
	line-height: 28px;
}
#it_modal_wrap .thumb img {
	margin-top: 48px; /* height:100%;object-fit: contain; */
}

.app_box01 {
	background: url("/img/app_wm.png") center / cover;
}
.app_box02 {
	background: url("/img/app_fan.png") center / cover;
}
.app_box03 {
	background: url("/img/app_oven.png") center / cover;
}
.app_box01 .cir.nav01 {
	background: rgba(190, 190, 190, 0.7);
	top: 35%;
	left: 20%;
}
.app_box02 .cir.nav02 {
	background: rgba(190, 190, 190, 0.7);
	top: 50%;
	left: 75%;
}
.app_box03 .cir.nav03 {
	background: rgba(190, 190, 190, 0.7);
	top: 60%;
	left: 80%;
}

.bm_li {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	width: 100%;
}
.bm_li li {
	width: 496px;
}
.bm_box {
	float: left;
	position: relative;
	width: 48%;
	height: 0;
	padding-bottom: 48%;
}
.bm_box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	border-radius: 5px;
}
.bm_txt {
	float: right;
	width: 48%;
	margin-right: 1%;
}
.bm_txt {
	margin-bottom: 92px;
}
.bm_txt h5 {
	margin-bottom: 2px;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -0.01em;
	color: #004cc0;
}
.bm_txt h6 {
	margin-bottom: 16px;
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.01em;
	white-space: pre;
}
.bm_txt p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	white-space: pre;
}

.grade_contents .search_select {
	display: block !important;
	float: left;
}
.grade_contents .type_select {
	display: block !important;
	width: 240px;
}
.grade_contents .sub_tb_full table td:nth-of-type(2) {
	text-align: center;
}
.grade_contents .sub_tb_full table td input[type="checkbox"] {
	transform: scale(1.1);
	accent-color: #003c83 !important;
}
.board_tb tr th:last-of-type span {
	display: inline-block;
	width: 30%;
}
.board_tb tr td:last-of-type .download {
	display: inline-block;
	cursor: pointer;
}
.board_tb tr td:last-of-type .download:nth-of-type(2) {
	width: 40%;
}
.board_tb tr td:last-of-type .download:nth-of-type(3) {
	width: 25%;
}
.board_tb tr td:last-of-type .download:nth-of-type(4) {
	width: 25%;
}
.board_tb tr td:last-of-type .download:hover {
	color: #003c83;
}
.grade_tb td div {
	position: relative;
	display: inline-block;
	width: 16px;
	margin-left: 10px;
}
.grade_tb td div img {
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
}
.mo_grade_tb {
	display: none;
}
.grade_down_arrow {
	display: none;
}
.grade_down_wp .m_pdf {
	display: none !important;
}
.grade_down_wp .m_download {
	display: none !important;
	width: 30%;
}
/* [e] sub 2 제품소개 */

/* [s] sub 3 기술지원 */
.customer table {
	flex: 5;
	border-top: 2px solid #0b326e;
	border-bottom: 1px solid #ebebeb;
	line-height: 30px;
	text-align: center;
}
.customer tr {
	border-bottom: 1px solid #ebebeb;
}
.customer tr td {
	margin: auto 0;
}
.customer tr td:nth-of-type(1) {
	height: 90px;
	background-color: #fafafa;
	line-height: 90px;
	font-weight: 500;
}
.customer tr td:nth-of-type(2) {
}
.customer tr td:nth-of-type(3) {
	text-align: left;
}
.customer tr td .call_btn {
	display: inline-block;
	width: 154px;
	height: 44px;
	background: #fff;
	border-radius: 22px;
	border: 1px solid #222;
	color: #222;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.01em;
	line-height: 44px;
	transition: 0.2s;
	cursor: pointer;
}
.customer tr td .call_btn.big {
	height: 60px;
	line-height: 30px;
}
.customer tr td .call_btn a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.customer tr td .open_btn {
	display: inline-block;
	width: 154px;
	height: 44px;
	background: #fff;
	border-radius: 22px;
	border: 1px solid #0b326e;
	color: #003c83;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.01em;
	line-height: 44px;
	transition: 0.2s;
	cursor: pointer;
}
.customer tr td:nth-of-type(4) .open_btn:hover {
	background: #0b326e;
	color: #fff;
}

.customer tr .online_inquiry_td button {
	display: inline-block;
	width: 154px;
	height: 44px;
	background: #fff;
	border-radius: 22px;
	border: 1px solid #0b326e;
	color: #003c83;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.01em;
	line-height: 44px;
	transition: 0.2s;
	cursor: pointer;
	transition: background 0.3s color 0.3s;
}
.customer tr .online_inquiry_td button:hover {
	background: #003c83;
	color: #fff;
}

/* [s] 문의하기 모달팝업 */
.tech_modal_wrap {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.tech_modal_wrap .close_btn {
	position: fixed;
	top: 5%;
	right: 50%;
	transform: translate(456px, -28px);
	width: 56px;
	height: 58px;
	border: none;
	border-radius: 50%;
	background: #222;
	cursor: pointer;
	z-index: 3;
}
.tech_modal_wrap .close_btn span {
	position: absolute;
	top: 28px;
	left: 18px;
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
}
.tech_modal_wrap .close_btn span:first-of-type {
	transform: rotate(45deg);
}
.tech_modal_wrap .close_btn span:last-of-type {
	transform: rotate(-45deg);
}
.tech_modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 90%;
	max-width: 860px;
	overflow-y: auto;
	overflow-x: visible;
	padding: 60px 34px 60px 60px;
	border-radius: 10px;
	background: #fff;
}
.tech_modal::-webkit-scrollbar {
	width: 26px;
}
.tech_modal::-webkit-scrollbar-thumb {
	width: 6px;
	border-radius: 13px;
	background: #d9d9d9;
	background-clip: padding-box;
	border: 10px solid transparent;
}
.tech_modal h4 {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 500;
	line-height: 42px;
	letter-spacing: -0.01em;
}
.tech_modal p {
	font-weight: 400;
	line-height: 26px;
	color: #444;
}

.user_form {
	position: relative;
	margin-top: 50px;
}
.user_form > div {
	position: relative;
	height: auto;
	margin-bottom: 12px;
	clear: both;
}
.user_form > div:after {
	content: "";
	display: block;
	clear: both;
}
.user_form label {
	display: inline-block;
	width: 110px;
	font-weight: 500;
	line-height: 30px;
}
.user_form label[for="user_contents"] {
	position: absolute;
	top: 10px;
	left: 0;
}
.user_form label[for="user_purchase"] {
	float: left;
	line-height: 24px;
}
.user_form label[for="user_application"] {
	float: left;
	line-height: 24px;
}
.user_form label[for="user_title"] {
	float: left;
}
.user_form textarea {
	margin-left: 115px;
}
.user_form select {
	appearance: none;
	background: url("/img/select_rec.png") no-repeat calc(100% - 20px) center;
}
.user_form select::expand {
	display: none;
}
.user_form select,
.user_form input,
.user_form textarea {
	height: 46px;
	padding: 10px 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
}
.user_form input::placeholder,
.user_form textarea::placeholder {
	color: #d9d9d9;
}
.user_form hr {
	margin: 22px 0;
	border: 1px solid #ebebeb;
	clear: both;
}
.user_form .file_ul_wp span {
	margin-left: 20px;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #adadad;
}
.user_form .file_ul {
	display: inline-block;
	width: 100px;
	height: 50px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #d9d9d9;
	line-height: 50px;
	text-align: center;
	transition: background 0.2s;
	cursor: pointer;
}
.user_form .file_ul:hover {
	border: 1px solid #d9d9d9;
	background: rgba(217, 217, 217, 0.8);
}

.user_form #user_inquiry {
	width: 200px;
}
.user_form #user_name,
#user_company,
#user_position {
	width: 393px;
}
.user_purapp_wp {
	width: 100%;
	height: 46px;
}
.user_purapp_wp label {
	white-space: pre;
}
.user_form #user_purchase,
#user_application {
	float: left;
	width: 393px;
	margin-left: 5px;
}
.user_form #user_country,
.user_form #user_city {
	width: 192px;
	margin-right: 4px;
}
.user_form #user_tel,
#user_tel2,
#user_tel3 {
	width: 125.67px;
	margin-right: 4px;
}
.user_form #user_email {
	width: 181px;
	margin-right: 5px;
}
.user_form #email_select {
	width: 181px;
	margin-left: 5px;
}
.user_form #user_title {
	float: left;
	width: 393px;
	margin-left: 5px;
}
.user_form #user_contents {
	width: 622px;
	height: 160px;
	resize: none;
}
.user_tel_wp {
	display: inline-block;
}
.user_email_wp {
	display: inline-block;
}

.user_scrty_wrap {
	height: 46px;
}
.user_scrty_wrap > * {
	margin-right: 4px;
}
.user_scrty_wrap label {
	float: left;
}
.user_scrty_wrap #scrty {
	float: left;
	width: 209px;
	height: 46px;
	padding: 10px 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #f9f9f9;
	font-size: 16px;
}
.user_scrty_wrap #user_scrty {
	float: left;
	width: 297px;
	margin-left: 5px;
}
.user_scrty_wrap .scrty_btn {
	float: left;
	width: 21px;
	height: 46px;
	margin-left: 5px;
}
.user_scrty_wrap button {
	width: 21px;
	height: 21px;
	padding: 1.3px 1px 0;
	margin: 0;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #fff;
}
.user_scrty_wrap button:first-of-type {
	margin-bottom: 3px;
}
.user_scrty_wrap button:hover {
	background: #f9f9f9;
}

.agree_wrap {
	padding-bottom: 70px;
}
.agree_wrap h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}
.agree_wrap .agree_contents {
	width: 732px;
	height: 160px;
	padding: 10px 10px;
	margin-bottom: 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #f9f9f9;
	font-size: 14px;
	line-height: 26px;
	color: #444;
}
.agree_wrap .agree_contents div {
	width: 712px;
	height: 140px;
	padding: 0 10px;
	overflow-y: scroll;
}
.agree_wrap .agree_contents div::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.agree_wrap .agree_contents div::-webkit-scrollbar-thumb {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #d9d9d9;
}
.agree_wrap input {
	display: none;
}
.agree_wrap label {
	position: relative;
	width: auto;
	margin-left: 30px;
	font-size: 14px;
	line-height: 26px;
}
.agree_wrap label:last-of-type {
	margin-left: 50px;
}
.agree_wrap label::before {
	position: absolute;
	top: 3px;
	left: -25px;
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	box-sizing: border-box;
}
.agree_wrap .agree_tab_btn:checked + label::before {
	border: 5px solid #0b326e;
}
.agree_2_tb h5 {
	white-space: pre;
}
.agree_2_tb .user_form {
	position: relative;
}
.tech_modal .submit_btn {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 160px;
	height: 60px;
	background: #003c83;
	border: none;
	border-radius: 5px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	letter-spacing: -0.01em;
	cursor: pointer;
}
/* [e] 문의하기 모달팝업 */

.download div {
	position: relative;
	display: inline-block;
	width: 30px;
}
.download div img {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-85%); /*width:100%;*/
}

.cae_intro h5 {
	line-height: 42px;
	white-space: pre;
}
.cae_intro_conts {
	flex: 5;
	display: flex;
}
.cae_intro_conts li {
	flex: 1;
	position: relative;
	display: inline-block;
	font-size: 18px;
	letter-spacing: 0em;
	line-height: 32px;
}
.cae_intro_conts li p {
	position: absolute;
	bottom: 0;
	left: 0;
	white-space: pre;
}
.cae_intro_conts li img {
	width: 90%;
}

.cae_proc {
	flex: 5;
	margin-top: 30px;
}
.cae_proc ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.cae_proc ul li {
	flex: 1 25%;
	height: 124px;
	padding-left: 5%;
	border-top: 1px solid #d7e2fd;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0em;
	color: #222;
}
.cae_proc ul li .cir {
	width: 12px;
	height: 12px;
	margin: -6px 0 25px 0;
	border-radius: 50%;
	background: #004cc0;
}
.cae_proc ul li p {
	margin-top: 15px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #444;
}

.cae_area:last-of-type {
	margin-top: 70px;
}
.cae_area h5 p {
	font-size: 20px;
	line-height: 34px;
}
.cae_area > div {
	flex: 3;
}
.analysis_wrap {
	margin-bottom: 50px;
}
.analysis_wrap dt {
	font-size: 20px;
	font-weight: 500;
}
.analysis_wrap dd {
	margin: 15px 0 30px;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
.anal_depth {
	display: flex;
}
.anal_depth .anal_box {
	width: 295px;
	margin-right: 20px;
	position: relative;
	padding-bottom: 20%;
	border-radius: 10px;
	border: 1px solid #d9d9d9;
}

.cae_area:first-of-type .analysis_wrap:nth-of-type(1) .anal_box {
	background: url("/img/cae_anal_img01.jpg") no-repeat center / 80%;
}
.cae_area:first-of-type .analysis_wrap:nth-of-type(2) .anal_box {
	background: url("/img/cae_anal_img02.jpg") no-repeat center / 80%;
}
.cae_area:first-of-type .analysis_wrap:nth-of-type(3) .anal_box {
	background: url("/img/cae_anal_img03.jpg") no-repeat center / 80%;
}
/* .cae_area:last-of-type .analysis_wrap:nth-of-type(1) .anal_box{background:url("/img/cae_anal_img04.jpg") no-repeat center / 80%;} */
.cae_area:last-of-type .analysis_wrap:nth-of-type(1) .anal_box {
	background: url("/img/cae_anal_img05.jpg") no-repeat center / 80%;
}
.cae_area:last-of-type .analysis_wrap:nth-of-type(2) .anal_box {
	background: url("/img/cae_anal_img06.jpg") no-repeat center / 80%;
}
.cae_area:last-of-type .analysis_wrap:nth-of-type(3) .anal_box {
	background: url("/img/cae_anal_img07.jpg") no-repeat center / 80%;
}
.cae_area:last-of-type .analysis_wrap:nth-of-type(4) .anal_box {
	background: url("/img/cae_anal_img08.jpg") no-repeat center / 40%;
}
.cae_area:last-of-type .analysis_wrap:nth-of-type(5) .anal_box {
	background: url("/img/cae_anal_img09.jpg") no-repeat center / 80%;
}

.anal_li {
	flex: 1;
	padding: 30px 30px 30px 40px;
	border-radius: 10px;
	background: #fbfbfb;
}
.anal_li ul {
	display: inline-block;
	column-count: 1;
	column-gap: 6%;
}
.anal_li li {
	list-style: disc;
	margin-bottom: 00px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
}
.anal_li_2 {
	flex: 1;
}
.anal_li_2 ul {
	height: 100%;
	padding: 30px 30px 30px 40px;
	border-radius: 10px;
	background: #fbfbfb;
}
.anal_li_2 li {
	list-style: disc;
	margin-bottom: 0px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 30px;
}

/* [e] sub 3 기술지원 */

/* [s] sub 4 지속가능경영 */
body.manage .sub_top {
	height: 258px;
}
.csm_txt {
	width: 100%;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	white-space: pre;
}
.csm_wp {
	width: 100%;
	margin-top: 100px;
}
.csm_wp > h5 {
	flex: 1;
	min-width: 200px;
	line-height: 42px;
	letter-spacing: -0.01em;
	white-space: pre;
}
.csm_cont {
	flex: 3;
}
.csm_li {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}
.csm_li li {
	padding: 30px;
	background: #f9f9f9;
	border-radius: 10px;
}
.csm_li li h6 {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
}
.csm_li li p {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.csm_ico {
	width: 100%;
	margin-top: 100px;
}
.csm_ico li {
	display: flex;
	width: 100%;
}
.csm_ico .hr {
	width: 100%;
	height: 1px;
	margin: 50px 0;
	background: #efefef;
}
.csm_ico_tit {
	flex: 1;
	margin-right: 3%;
}
.csm_ico_tit div {
	position: relative;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background: #0e326f;
	border-radius: 50%;
}
.csm_ico_tit div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}
.csm_ico_tit h5 {
	width: 64px;
	margin: 15px auto 0;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #003c83;
}
.csm_ico_cont {
	flex: 9;
}
.csm_ico_cont h6 {
	margin-bottom: 18px;
	font-weight: 500;
	font-size: 20px;
	line-height: 36px;
	white-space: pre;
}
.csm_ico_cont p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	white-space: pre;
}

/* [e] sub 4 지속가능경영 */

/* [s] sub 5 채용정보 */
.recruit_wp h5 {
	flex: 1;
	line-height: 42px;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: -0.01em;
}
.recruit_cont {
	flex: 6;
	width: 100%;
}
.recruit_cont .hr {
	width: 100%;
	height: 1px;
	margin: 80px 0;
	background: #efefef;
	clear: both;
}
.recruit_cont h6 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
}
.recruit_cont .submit_btn {
	float: right;
	width: 160px;
	height: 60px;
	background: #003c83;
	border: none;
	border-radius: 5px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	letter-spacing: -0.01em;
	cursor: pointer;
}

.person_li {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px 20px;
	width: 100%;
}
.person_li li {
	display: flex;
	width: 100%;
}
.person_li .hr {
	width: 100%;
	height: 1px;
	margin: 50px 0;
	background: #efefef;
}
.person_tit {
	flex: 1;
	margin-right: 3%;
}
.person_tit div {
	position: relative;
	width: 64px;
	height: 64px;
	background: #0e326f;
	border-radius: 50%;
}
.person_tit div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}
.person_tit h5 {
	width: 64px;
	margin-top: 15px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #003c83;
}
.person_cont {
	flex: 4;
}
.person_cont h6 {
	margin-bottom: 18px;
	font-weight: 500;
	font-size: 20px;
	line-height: 36px;
	white-space: pre;
}
.person_cont p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	white-space: pre;
}

.system_h5 {
	font-weight: 500;
	font-size: 28px;
	line-height: 42px;
}
.system_p {
	margin-bottom: 50px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.system_li {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px 20px;
}
.system_li.gap20 {
	gap: 20px;
}
.system_li li {
	position: relative;
	height: 100px;
	padding: 0 30px;
	border-radius: 10px;
	background: #f7f7f7;
}
.system_li li:nth-of-type(even) {
	background: #e7ebf3;
}
.system_li li p {
	display: flex;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	width: 90%;
}
.system_li li b {
	width: 25px;
	margin-top: -1px;
	color: #004cc0;
	font-weight: 700;
	font-size: 20px;
}
.system_li li span {
	width: calc(100% - 25px);
	font-weight: 500;
	font-size: 18px;
}
.system_cont {
	display: flex;
	gap: 60px;
}
.system_img {
	flex: 1;
}
.system_img img {
	width: 100%;
}
.system_li02 {
	flex: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 21px;
}
.system_li02 h5 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
}
.system_li03 {
	padding: 20px 20px 20px 40px;
	background: #fbfbfb;
	border-radius: 10px;
}
.system_li03 li {
	list-style: disc;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}

.comp_h5 {
	font-weight: 500;
	font-size: 28px;
	line-height: 42px;
}
.comp_p {
	margin-bottom: 50px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.comp_li {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}
.comp_li li {
	position: relative;
	height: 270px;
	background: #f7f7f7;
	text-align: center;
}
.comp_li li:nth-of-type(even) {
	background: #e7ebf3;
}
.comp_li li .num {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: #0e326f;
	border-radius: 10px 0px;
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
	color: #70c7d1;
}
.comp_li li p {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	width: 90%;
}
.comp_li li span {
	display: block;
	width: 90%;
	margin: 0 auto;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
}
.comp_li li span:nth-of-type(2) {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
}
.comp_li02 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}
.comp_li02 > li {
	display: flex;
	width: 100%;
}
.comp_li02 > li:nth-of-type(1) {
	padding: 0 0 50px 0px;
	border-bottom: 1px solid #efefef;
}
.comp_li02 > li:nth-of-type(2) {
	padding: 0 0 50px 20px;
	border-bottom: 1px solid #efefef;
}
.comp_li02 > li:nth-of-type(3) {
	padding: 50px 0 0;
}
.comp_li02 > li:nth-of-type(4) {
	padding: 50px 0 0 20px;
}
.comp_li02 .hr {
	width: 100%;
	height: 1px;
	margin: 50px 0;
	background: #efefef;
}
.comp_tit {
	flex: 1;
	margin-right: 3%;
}
.comp_tit div {
	position: relative;
	width: 64px;
	height: 64px;
	background: #0e326f;
	border-radius: 50%;
}
.comp_tit div img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}
.comp_cont {
	flex: 4;
}
.comp_cont h6 {
	margin-bottom: 18px;
	font-weight: 500;
	font-size: 20px;
	line-height: 36px;
	white-space: pre;
}
.comp_cont p {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	white-space: pre;
}
.comp_li03 {
	padding-left: 20px;
}
.comp_li03 li {
	list-style: disc;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
}

.training_h5 {
	font-weight: 500;
	font-size: 28px;
	line-height: 42px;
}
.training_p {
	margin-bottom: 50px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
.training_li {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
	margin-bottom: 30px;
}
.training_li > li {
	position: relative;
	height: 100px;
	border-radius: 50px;
	background: #f6f6f6;
	text-align: center;
}
.training_li > li:nth-of-type(even) {
	background: #e7ebf3;
}
.training_li > li p {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	width: 90%;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	color: #003c83;
}
.training_li02 {
	width: 100%;
}
.training_li02 li {
	margin-left: 10px;
	list-style-type: "- ";
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.training_cont {
	display: flex;
	gap: 60px;
}
.training_img {
	flex: 5;
}
.training_img img {
	width: 100%;
}
.training_li03 {
	flex: 4;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 21px;
}
.training_li03 h5 {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
}
.training_li04 {
	padding: 20px 20px 20px 40px;
	background: #fbfbfb;
	border-radius: 10px;
}
.training_li04 li {
	list-style: disc;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	white-space: pre;
}

.agree_info {
	width: 100%;
}
.agree_info > li {
	margin-bottom: 30px;
}
.agree_info > li h6 {
	margin-bottom: 8px;
}
.agree_info > li p {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.agree_info > li span {
	display: block;
	margin-top: 30px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #444444;
}
.recruit_process {
	display: inline-block;
}
.recruit_process li {
	float: left;
	position: relative;
	width: 154px;
	height: 154px;
	margin-top: 8px;
	margin-right: 10px;
	background: #f6f6f6;
	border-radius: 50%;
}
.recruit_process li:nth-of-type(6) {
	background: #004cc0;
}
.recruit_process li:last-of-type {
	margin-right: 0;
	background: #e7ebf3;
}
.recruit_process li h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 70px;
	line-height: 154px;
	color: #ebebeb;
	text-align: center;
}
.recruit_process li:nth-of-type(6) h2 {
	color: #0045af;
}
.recruit_process li:nth-of-type(7) h2 {
	color: #dbe0ec;
}
.recruit_process li h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color: #003c83;
}
.recruit_process li:nth-of-type(6) h3 {
	color: #ffffff;
}
.agree_li {
	width: 100%;
}
.agree_li input#chk_all {
	display: none;
}
.agree_li input#chk_all:checked ~ .all_agree_box {
	border: 1px solid #003c83;
	color: #003c83;
}
.agree_li input#chk_all:checked ~ .all_agree_box p::after {
	content: "";
	background: url("/img/agree_chk.png") no-repeat center / contain;
}
.agree_li .all_agree_box {
	width: 100%;
	height: 68px;
	border: 1px solid #adadad;
	border-radius: 5px;
	color: #adadad;
	text-align: center;
}
.agree_li .all_agree_box p {
	font-weight: 500;
	font-size: 18px;
	line-height: 68px;
}
.agree_li .all_agree_box p::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 15px;
	margin-left: 16px;
	background: url("/img/agree_chk_none.png") no-repeat center / contain;
}
.agree_li ul {
	margin-top: 40px;
	display: inline-block;
	width: 100%;
}
.agree_li li {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
}
/* .agree_li li input[type="checkbox"] {float:left;margin:9px 14px 0 0;transform:scale(1.1);accent-color: #003C83 !important;} */
.agree_li li input[type="checkbox"] {
	display: none;
}
.agree_li li label {
	float: left;
	position: relative;
	width: auto;
	margin-left: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
}
.agree_li li label::before {
	position: absolute;
	top: -1px;
	left: -30px;
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.agree_li li input:checked ~ label::before {
	border: none;
	background: url("/img/check-box.png") no-repeat center / contain;
}
.agree_li li .open {
	float: right;
	color: #828282;
	font-size: 16px;
	cursor: pointer;
}
.agree_li li .open:hover {
	color: #222;
}

.recruit_modal_wp {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.recruit_modal_wp .agree_wrap {
	height: 90%;
	padding: 0;
	margin: 0;
}
.recruit_modal_wp .agree_contents {
	height: 100%;
}
.recruit_modal_wp .agree_contents div {
	height: 100%;
}

.recruit_modal_wp .close_btn {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(403px, -452px);
	width: 56px;
	height: 58px;
	border: none;
	border-radius: 50%;
	background: #222;
	cursor: pointer;
	z-index: 3;
}
.recruit_modal_wp .close_btn span {
	position: absolute;
	top: 28px;
	left: 18px;
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
}
.recruit_modal_wp .close_btn span:first-of-type {
	transform: rotate(45deg);
}
.recruit_modal_wp .close_btn span:last-of-type {
	transform: rotate(-45deg);
}

.recruit_cont .search_select {
	width: 438px;
	height: 46px;
	padding: 10px 20px;
	background: url("/img/select_rec.png") no-repeat calc(100% - 20px) center;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}
.recruit_cont .search_select::expand {
	display: none;
}
.recruit_cont input[type="text"],
.recruit_cont input[type="password"],
.recruit_cont input[type="number"] {
	width: 368px;
	height: 46px;
	padding: 0 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}

.recruit_cont input[type="date"] {
	width: 160px !important;
	min-width: 160px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.recruit_cont td {
	/*padding:22px 0 0;*/
	border-bottom: none !important;
	padding: 22px 0;
}
/*.recruit_cont tr:nth-of-type(3) td, .recruit_cont tr:nth-of-type(7) td, .recruit_cont tr:nth-of-type(10) td{padding:22px 0 22px;}*/
.recruit_cont .border {
	height: 1px;
	background: #ededed;
}
.recruit_cont .border td {
	padding: 0;
}
.recruit_cont .pw_find {
	margin-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
	color: #003c83;
}
.recruit_cont .pw_find img {
	width: 15px;
}

.submit_btn2 {
	margin-top: 80px;
}
.tel_num {
	display: block;
	width: 238px;
	height: 56px;
	margin-top: 40px;
	background: #fff;
	border: 1px solid #003c83;
	border-radius: 5px;
	font-weight: 500;
	font-size: 18px;
	color: #003c83;
}
.file_ul {
	display: inline-block;
	width: 100px;
	height: 50px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #d9d9d9;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	transition: background 0.2s;
	cursor: pointer;
}
#file_ox {
	margin-left: 8px;
}

.file_wp {
	position: relative;
}
.file_wp .file_cont {
	position: absolute;
	bottom: -6px;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #adadad;
}
.border_last {
	width: 100%;
	height: 1px;
	margin-top: 58px;
	background: 1px solid #ebebeb;
}

.result_th {
	text-align: left;
	font-weight: 500;
}
.inquiry_th {
	text-align: left;
	font-weight: 500;
}
.agree2_th {
	text-align: left;
	font-weight: 500;
}

.inquiry_cont table {
	padding-bottom: 59px;
	border-bottom: 1px solid #ebebeb;
}
.inquiry_cont tr:nth-of-type(1) input {
	width: 496px;
}
.inquiry_cont tr:nth-of-type(6) input {
	width: 100%;
}
.inquiry_cont tr:nth-of-type(6) td,
.inquiry_cont tr:nth-of-type(13) td {
	padding: 22px 0 22px;
}
.inquiry_tr_last .file_ul {
	float: left;
	height: 46px;
	line-height: 46px;
}
.inquiry_tr_last #file_ox {
	float: left;
}
#inquiry_contents {
	width: 100%;
	height: 200px;
	padding: 20px;
	resize: none;
}
#inquiry_contents::placeholder {
	font-size: 16px;
	color: #d9d9d9;
}

.inquiry_history_tit {
	margin: 50px 0 20px;
}

/*22-12-22 추가*/
/* .recruit .table_wp, .recruit .rec-tb04 {display: none;} */

.recruit .sub_tab li a {
	font-size: 22px;
	font-weight: 500;
}
.recruit .form-wrap {
	margin-top: 80px;
	position: relative;
}
.recruit .form-wrap2 {
	margin-top: 0;
}
.recruit .form-wrap-step5 ul:nth-child(3) {
	border-top: none;
}

.recruit .form-wrap button {
	height: 46px;
	font-size: 16px;
	font-weight: 500;
	border: 0;
	margin-left: 7px;
	border-radius: 3px;
}
.recruit .form-wrap button.search {
	background: #003c84;
	color: #fff;
	width: 70px;
}
.recruit .form-wrap button.cancel {
	background: #d9d9d9;
	color: #222;
	width: 70px;
	margin-left: 3px;
}
.recruit .form-wrap .sign {
	margin: 0 5px;
}
.recruit .form-wrap:nth-child(1) {
	margin-top: 0;
}
.recruit .form-wrap .caption {
	font-size: 20px;
	font-weight: 600;
	color: #003c83;
	margin-bottom: 30px;
}
.recruit .form-wrap select {
	width: 129px;
	height: 46px;
	padding: 10px 20px;
	background: url(/img/select_rec.png) no-repeat calc(100% - 20px) center;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}

.recruit .form-wrap .rdimg {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px #ebebeb solid;
	border-radius: 50%;
	position: relative;
	top: 0px;
	margin-right: 8px;
}
.recruit .form-wrap input[type="radio"]:checked + .rdimg {
	background: #0e326e;
}
.recruit .form-wrap input[type="radio"]:checked + .rdimg:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 50%;
	margin-left: -4px;
}
.recruit .form-wrap ul {
	border-top: 2px #003c83 solid;
	position: relative;
}
.recruit .form-wrap2 ul {
	border-top: none;
}
.recruit .form-wrap ul.add_form {
	border-top: none;
}

.recruit .form-wrap ul li {
	display: flex;
	padding-bottom: 24px;
	align-items: baseline;
	flex-wrap: wrap;
}
.recruit .form-wrap ul li:first-child {
	padding-top: 24px;
}
.recruit .form-wrap ul li:first-child {
	padding-top: 24px;
}

#form_univ li:nth-child(1),
#form_grad li:nth-child(1) {
	padding-top: 0;
}
#form_univ li:nth-child(2),
#form_grad li:nth-child(2) {
	padding-top: 24px;
}
.recruit .form-wrap ul li.padding {
	padding-top: 24px;
}
.recruit .form-wrap ul li .flex {
	flex: 1;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.recruit .form-wrap ul li.border {
	height: 1px;
	background: #ebebeb;
	padding: 0;
	margin-bottom: 24px;
}
.recruit .form-wrap ul .tit {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	width: 130px;
}
.recruit .form-wrap ul .in {
	width: calc(100% - 130px);
}
.recruit .form-wrap .name input {
	width: 202px;
}
.recruit .form-wrap .phone input {
	width: 104px;
}
.recruit .form-wrap .search_select,
.recruit .form-wrap .email .input2 {
	width: 147px;
}
.recruit .form-wrap .email .input1 {
	width: 286px;
}
.recruit .form-wrap .address input {
	width: 496px;
	margin-top: 10px;
}
.recruit .form-wrap .address .post {
	display: flex;
	align-items: center;
}
.recruit .form-wrap .address .post input {
	width: 130px;
	margin-top: 0;
}
.recruit .form-wrap .address .btn_zip_new {
	width: 118px;
	color: #222;
	background: #d9d9d9;
	display: inline-block;
	height: 46px;
	border: none;
	border-radius: 3px;
	margin-left: 1%;
	font-size: 16px;
}
.recruit .form-wrap .img-in {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
}
.recruit .form-wrap .picture {
	align-items: flex-start;
}
.recruit .form-wrap .img-position {
	position: relative;
}
.recruit .form-wrap .img-in p {
	font-size: 14px;
	color: #444;
}
.recruit .form-wrap .img-in .photo {
	width: 120px;
	height: 125px;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.recruit .form-wrap .img-in label {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit .form-wrap .img-in label i {
	display: block;
	text-align: center;
}
.recruit .form-wrap .img-in label img {
	margin-bottom: 20px;
}
.recruit .form-wrap .img-in label span {
	font-size: 12px;
	color: #222;
	font-weight: 500;
}
/* .recruit .form-wrap input[type=file] {position: absolute; width: 0; height: 0; overflow: hidden;} */
.recruit .form-wrap .img-in .txt {
	margin-left: 20px;
}
.recruit .form-wrap .img-in .btn_insert_pic {
	color: #222;
	margin-top: 20px;
	display: inline-block;
	margin-top: 10px;
}
.recruit .form-wrap .notice {
	color: #444;
	font-size: 14px;
	line-height: 22px;
	margin-top: 20px;
}
.recruit .form-wrap .army select {
	width: 109px;
}
.recruit .form-wrap .army select:first-child {
	width: 153px;
}
.recruit .form-wrap .year {
	width: 116px;
}
.recruit .form-wrap .month {
	width: 88px;
}
.recruit .form-wrap .grade input {
	width: 100px;
}
/* .recruit .form-wrap .grade .tit,.recruit .form-wrap .day .tit{text-align: center;} */
.recruit .form-wrap .major .in div {
	margin-top: 10px;
	width: 100%;
}
.recruit .form-wrap .major .in div:first-child {
	margin-top: 0px;
}
/* .recruit .form-wrap input[type=file]{position: absolute; width: 0; height: 0; overflow: hidden;} */
.recruit .form-wrap .file-choice {
	display: inline-block;
	color: #222;
	background: #d9d9d9;
	font-size: 16px;
	font-weight: 600;
	width: 100px;
	padding: 13px 0;
	border-radius: 3px;
	text-align: center;
}
.recruit .form-wrap .upload-name {
	color: #aaaaaa;
	font-size: 16px;
	margin-left: 10px;
	display: inline-block;
	padding-right: 25px;
}
.recruit .form-wrap .file-area input {
	margin-left: 5px;
}
.recruit .form-wrap .grade-card p {
	font-size: 14px;
	color: #444;
	line-height: 20px;
	word-break: keep-all;
}
.recruit .form-wrap .btn_search_new {
	width: 70px;
	font-size: 16px;
	color: #fff;
	background: #013c82;
	border: none;
	border-radius: 3px;
	height: 46px;
}
.recruit .form-wrap .btn_cancel_new {
	width: 70px;
	font-size: 16px;
	color: #333;
	background: #d9d9d9;
	border: none;
	border-radius: 3px;
	height: 46px;
}
.recruit .form-wrap .btn_add,
.recruit .form-wrap .btn_delete {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 1;
	font-size: 14px;
	color: #222;
	background: none;
	height: auto;
	text-align: center;
}
.recruit .form-wrap ul li.btn_delete {
	padding: 0;
}
.recruit .form-wrap .btn_delete input {
	border: none;
	background: none;
}
.recruit .form-wrap .btn_delete i,
.recruit .form-wrap .btn_add i {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	font-style: normal;
	margin-left: 15px;
	line-height: 18px;
}
.recruit .form-wrap .btn_add i {
	color: #fff;
	background: #013c82;
}
.recruit .form-wrap .btn_delete {
	position: absolute;
	right: 0;
	top: 84px;
}
.recruit .form-wrap ul li.btn_delete {
	top: 0;
}

.recruit .form-wrap .btn_delete i {
	color: #fff;
	background: #e4403f;
}
.recruit .form-wrap .school-infor select {
	width: 130px;
}
.recruit .form-wrap .grade .in {
	display: flex;
	align-items: center;
}
.recruit .form-wrap .graduate .in {
	display: flex;
}
.recruit .form-wrap .graduate .g-in {
	display: flex;
}
.recruit .form-wrap .graduate .in .first-sel {
	display: flex;
	align-items: center;
}
.recruit .form-wrap .graduate .in .last-sel select {
	width: 146px;
}
.recruit .form-wrap .graduate .in select {
	margin-right: 5px;
}
.recruit .form-wrap .day .in {
	display: flex;
}
.recruit .form-wrap .day select {
	margin-right: 5px;
}
.recruit .form-wrap .section2 {
	margin-right: 10px;
}
.recruit .form-wrap .company-infor > div {
	display: flex;
	align-items: center;
}
.recruit .form-wrap .spot .tit,
.recruit .form-wrap .salary .tit {
	text-align: center;
}
.recruit .form-wrap .spot input {
	width: 160px;
}
.recruit .form-wrap .salary input {
	width: 140px;
}
.recruit .form-wrap .duty {
	align-items: flex-start;
}
.recruit .form-wrap .duty .tit {
	margin-top: 5px;
	font-size: 14px;
}
.recruit .form-wrap .duty .tit span {
	display: inline-block;
	margin-top: 5px;
}
.recruit .form-wrap .duty textarea {
	resize: none;
	border: 1px #d9d9d9 solid;
	border-radius: 3px;
	width: 100%;
}
.recruit .introduce li {
	margin-top: 85px;
	border-bottom: 1px #ebebeb solid;
	padding-bottom: 25px;
}
.recruit .introduce li:first-child {
	margin-top: 0;
}
.recruit .introduce .tit {
	font-size: 20px;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
	color: #003c84;
	padding-bottom: 25px;
	border-bottom: 2px #003c84 solid;
	margin-bottom: 25px;
	align-items: baseline;
	line-height: 30px;
	word-break: keep-all;
}
.recruit .introduce .tit .char_count_wrap {
	margin-left: auto;
	color: #222;
	font-size: 14px;
	font-weight: 500;
}
.recruit .introduce .text-area textarea {
	width: 100%;
	resize: none;
	padding: 20px;
	border: 1px #d9d9d9 solid;
	border-radius: 2px;
}
.recruit .complete .btn-wrap {
	text-align: center;
	margin-top: 80px;
}
.recruit .complete button {
	width: 160px;
	height: 60px;
	font-size: 18px;
	border-radius: 5px;
	border: 1px #003c84 solid;
	font-weight: 600;
	margin: 0 5px;
}
.recruit .complete button.all-ok {
	background: #003c84;
	color: #fff;
}
.recruit .complete button.preview {
	background: #fff;
	color: #003c84;
}
.recruit .com-wrap {
	border: 1px #ebebeb solid;
	border-radius: 5px;
	padding: 45px 40px;
}
.recruit .com-wrap p {
	color: #222;
	word-break: keep-all;
}
.recruit .com-wrap p:first-child {
	font-size: 18px;
	line-height: 27px;
}
.recruit .com-wrap p:last-child {
	font-size: 16px;
	line-height: 23px;
	margin-top: 30px;
}
.recruit .com-wrap p span {
	font-weight: normal;
	color: #003c84;
}
.recruit .com-wrap p.end01 {
	line-height: 30px;
}
.recruit .com-wrap p.end03 {
	margin-top: 50px;
	line-height: 28px;
	font-size: 16px;
}
.recruit .language .btn-wrap {
	bottom: initial;
}
.recruit .language .tit {
	background: #fafafa;
	text-align: center;
	width: 100% !important;
	height: 64px;
	line-height: 64px;
	border-bottom: 1px #ebebeb solid;
}
.recruit .language ul {
	display: flex;
	flex-wrap: wrap;
}
.recruit .language ul li {
	padding: 0 !important;
	flex: 1;
	border-bottom: 1px #ebebeb solid;
}
.recruit .language .in {
	width: 100% !important;
	/* height: 86px; */
	line-height: 86px;
	text-align: center;
	padding: 0 2%;
	position: relative;
}
.recruit .language .in input[type="text"] {
	width: 100%;
}
.recruit .language .ui-datepicker-trigger {
	position: absolute;
	top: 30px;
	right: 16px;
	cursor: pointer;
}

.recruit .language .day input {
	width: 130px;
}
.recruit .language .host input {
	width: 229px;
}
.recruit .language .test-name .in,
.recruit .language .test-grade .in {
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit .language .test-name p,
.recruit .language .test-grade p {
	line-height: 23px;
}
.recruit .language .btn_delete {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	font-style: normal;
	line-height: 18px;
	color: #fff;
	position: static;
}
.recruit .language .btn_delete i {
	margin-left: 0;
}
.recruit .language .btn-cal {
	background: none;
	position: absolute;
	top: 20px;
	right: 10px;
}
.recruit .language .cal-wrap {
	position: relative;
	display: inline-block;
}
.recruit .language .cal-wrap input {
	padding-right: 40px;
}
.recruit .language .grade-card {
	width: 100%;
	flex: none;
	padding: 24px 0 !important;
}
.recruit .language .grade-card .tit {
	font-size: 16px;
	font-weight: 500;
	color: #222;
	width: 130px !important;
	background: none;
	border: none;
	line-height: initial;
	height: auto;
}
.recruit .language .grade-card .in {
	width: calc(100% - 130px) !important;
	text-align: left;
	line-height: initial;
	height: auto;
}
.recruit .language .certificate input {
	width: 420px;
}
.recruit .language .certificate .in {
	padding-right: 15px;
}
.recruit .language .infor-delete {
	width: 100px;
	flex: 0.5;
}
.recruit .language .period .in {
	display: flex;
	align-items: center;
	padding-right: 5px;
	justify-content: center;
}
.recruit .language .period input {
	width: 130px !important;
}
.recruit .language .period.date input {
	width: 160px !important;
}
.recruit .language .country input {
	width: 205px;
}
.recruit .language .content input {
	width: 312px;
}
.recruit .language .leader-section input {
	width: 130px;
}
.recruit .language .group-name input,
.recruit .language .active input {
	width: 160px;
}
.recruit .language .note input {
	width: 228px;
}
.recruit .language textarea {
	width: 100%;
	border: 1px #d9d9d9 solid;
	border-radius: 3px;
	resize: none;
	margin: 20px 0;
	height: 178px;
}
.recruit .language .etc-active .in {
	padding: 0;
}
.recruit .language .plus-infor {
	border-top: 0;
}
.recruit .language .plus-infor .tit {
	display: none;
}
.recruit .language .etc {
	width: 100%;
}
.recruit .form-wrap .period.com-period .in {
	display: flex;
}
.recruit .form-wrap .period.com-period .in .first-cel {
	margin-right: 5px;
}
.recruit .btn_recruit01_1,
.recruit .btn_recruit02,
.recruit .btn_recruit04,
.recruit .btn_recruit05,
.recruit .btn_recruit06 {
	display: flex;
	margin-left: auto;
	margin-top: 50px;
}

#form_lang .lang-name:nth-child(3) select {
	width: 180px;
}

/*23-06-07 추가*/
.recruit_cont.step2 table th {
	background: none;
	border-bottom: 0;
}
.recruit_cont.step2 table td {
	text-align: left;
}
.recruit .form-wrap .radio {
	display: flex;
}
.recruit .form-wrap .radio span {
	margin-right: 15px;
	display: flex;
}
.recruit .form-wrap .radio input {
	margin-right: 5px;
}
/* .recruit .form-wrap input[type="radio"]{margin: 0; display: none;}
.recruit .form-wrap .radio{display: flex;}
.recruit .form-wrap .radio label{font-size: 16px; color: #222; display: flex; align-items: center; margin-right: 25px;} */

/* [e] sub 5 채용정보 */

/* footer */
#footer {
	position: relative;
	clear: both;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 60px 0 68px;
	margin-top: auto;
	background: #fff;
	border-top: 1px solid #f2f2f2;
}

#footer h2 {
	float: left;
	margin: 0 6.5% 0 0;
}
#footer h2 img {
	float: left;
	margin-top: 5px;
}
#footer .ftxt {
	float: left;
	margin: 3px 0 0px;
}
#footer .ftxt a {
	font-size: 16px;
	margin-right: 25px;
	font-weight: 500;
}
#footer .ftxt a:first-of-type {
	color: #003c83;
	font-weight: 600;
}
/* #footer .ftxt p{margin-top:30px; font-size:14px; font-weight:400;line-height: 22px;color:#444;} */
#footer .ft_inform {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #444;
}
#footer .ft_inform .inner {
	display: flex;
	gap: 5px;
}
#footer .ft_inform .left p {
	display: flex;
	justify-content: space-between;
}
#footer .ftxt .vbar {
	margin-right: 10px;
	margin-left: 10px;
}
#footer copy {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #444;
}

#footer .rft {
	position: relative;
	float: right;
}
/* #footer .ft_sns {height:20px; color:#D1D1D1; font-size:13px;}
#footer .ft_sns img {margin:0 13px -3px 20px;} */
#footer .ft_fam {
	overflow: hidden;
	position: absolute;
	bottom: -53px;
	right: 0;
	width: 232px;
	height: 52px;
	background: #fff;
	border: 1px solid #0e326f;
	border-radius: 26px;
	font-size: 14px;
	text-align: left;
	font-weight: 600;
	color: #0e326f;
}
/*#footer .ft_fam.on {height:205px;}*/
#footer .ft_fam p {
	cursor: pointer;
}
#footer .ft_fam .poppins {
	font-weight: 500;
}
#footer .ft_fam_inner {
	position: absolute;
	bottom: 15px;
	left: 24px;
	width: 184px;
}
#footer .ft_fam_li {
	margin-bottom: 17px;
	border-bottom: 1px solid #f2f2f2;
}
#footer .ft_fam_li li {
	margin-bottom: 12px;
	line-height: 20px;
}
#footer .ft_fam .ft_fam_plus {
	position: absolute;
	bottom: 7px;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: 3px;
}
#footer .ft_fam .ft_fam_plus span {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 0.5px;
	background: #0e326f;
}
#footer .ft_fam .ft_fam_plus span:last-of-type {
	transform: rotate(90deg);
}
#footer .ft_fam p.on ~ .ft_fam_plus span:last-of-type {
	transform: rotate(0deg);
}

.sitemap_btn {
	cursor: pointer;
	font-size: 16px; /* margin-right: 25px; */
	font-weight: 500;
}
.sitemap_modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100;
}
.sitemap_modal .inner {
	height: 90px;
	border-bottom: 1px solid #f2f2f2;
}
.sitemap_modal h1 {
	position: absolute;
	top: 26px;
	left: 5px;
	width: 88px;
	height: 38px;
	margin: 0;
}
.sitemap_modal h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.sitemap_modal .close_btn {
	position: absolute;
	top: 36px;
	right: 5px;
	cursor: pointer;
}
.sitemap_inner {
	width: 90%;
	max-width: 1530px;
	margin: 0 auto;
}
.sitemap_dep1 {
	display: flex;
	gap: 60px;
	width: 100%;
	height: 100%;
	margin-top: 100px;
}
.sitemap_dep1 > li {
	flex: 1;
}
.sitemap_dep1 > li > h2 {
	margin: 0 0 40px 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: -0.01em;
}
.sitemap_dep2 > li {
	margin-bottom: 36px;
}
.sitemap_dep2 > li > a {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
}
.sitemap_dep2 > li > a::before {
	content: " - ";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -20px;
}
.sitemap_dep2 > li:hover > a {
	color: #0e326f;
}
.sitemap_dep3 {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin-top: 10px;
	padding-left: 20px;
}
.sitemap_dep3.sitemap_company {
	width: 145px;
}
.sitemap_dep3.sitemap_product {
	width: 150px;
}
.sitemap_dep3.sitemap_tech {
	width: 250px;
	gap: 6px 0;
}
.sitemap_dep3.sitemap_tech > li {
	width: 50%;
}
.sitemap_dep3 > li {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.sitemap_dep3 > li:hover {
	text-decoration-line: underline;
}

.top_btn {
	display: none;
	position: fixed;
	bottom: 48px;
	right: 49px;
	width: 52px;
	height: 52px;
	z-index: 90;
	cursor: pointer;
}
.top_btn.fixed {
	position: absolute;
	bottom: 121px;
	right: 49px;
}
.top_btn img {
	width: 100%;
}
.top_btn a {
	position: absolute;
	right: -9999px;
}
.perinfo_modal_wp {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.perinfo_modal_wp .agree_wrap {
	height: 90%;
	padding: 0;
	margin: 0;
}
.perinfo_modal_wp .agree_contents {
	height: 100%;
}
.perinfo_modal_wp .agree_contents div {
	height: 100%;
}
.ft_agree_modal_wp {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9999;
}
.ft_agree_modal_wp .agree_wrap {
	height: 90%;
	padding: 0;
	margin: 0;
}
.ft_agree_modal_wp .agree_contents {
	height: 100%;
}
.ft_agree_modal_wp .agree_contents div {
	height: 100%;
}

.perinfo_modal_wp .close_btn {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(403px, -452px);
	width: 56px;
	height: 58px;
	border: none;
	border-radius: 50%;
	background: #222;
	cursor: pointer;
	z-index: 3;
}
.perinfo_modal_wp .close_btn span {
	position: absolute;
	top: 28px;
	left: 18px;
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
}
.perinfo_modal_wp .close_btn span:first-of-type {
	transform: rotate(45deg);
}
.perinfo_modal_wp .close_btn span:last-of-type {
	transform: rotate(-45deg);
}

/* 로그인 */
.login_wp {
	width: 100%;
	padding: 240px 0 150px;
}
.login_cont {
	width: 496px;
	margin: 0 auto;
}
.login_cont h2 {
	text-align: center;
	font-weight: 700;
	font-size: 42px;
	line-height: 50px;
}
.login_input .id_input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin: 40px 0 12px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.login_input .pw_input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin-bottom: 40px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.check_box {
	width: 18px;
	height: 18px;
}
.agree_wrap input {
	display: none;
}
label[for="id_save"] {
	position: relative;
	width: auto;
	margin-left: 30px;
	font-size: 14px;
	line-height: 26px;
}
label[for="id_save"]::before {
	position: absolute;
	top: -1px;
	left: -30px;
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.login_detail {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.login_detail .login_save {
	float: left;
}
.login_detail .id_save {
	display: none;
}
.login_detail .id_save:checked + label::before {
	background: url("/img/check-box.png") no-repeat center / contain;
}
.login_detail .login_find {
	float: right;
	margin-top: 3px;
}
.login_find span {
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #666666;
}
.login_go {
	clear: both;
	width: 100%;
	height: 70px;
	margin-bottom: 12px;
	background: #0e326f;
	border-radius: 3px;
	font-weight: 700;
	font-size: 20px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}
.login_go a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.join_go {
	width: 100%;
	height: 70px;
	border-radius: 3px;
	border: 1px solid #0e326f;
	font-weight: 700;
	font-size: 20px;
	line-height: 70px;
	text-align: center;
	color: #0e326f;
}
.join_go a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.login_input .idfind_name {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin: 40px 0 12px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.login_input .idfind_tel {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin-bottom: 40px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.login_input .pwfind_name {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin: 40px 0 12px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.login_input .pwfind_email {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin-bottom: 40px;
	outline: none;
	border: 1px solid #e0e0e0;
}

.join_cont {
	width: 497px;
	margin: 0 auto;
}
.join_cont > h2 {
	text-align: center;
	font-weight: 700;
	font-size: 42px;
	line-height: 50px;
}
.join_cont > p {
	margin: 20px 0 40px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	white-space: pre;
}
.join_input > input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	margin-bottom: 12px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.join_email_wp {
	display: flex;
	gap: 8px;
	width: 100%;
}
.join_email_wp input {
	width: 378px;
	height: 60px;
	padding: 0 20px;
	margin-bottom: 12px;
	outline: none;
	border: 1px solid #e0e0e0;
}
.join_email_wp div {
	width: 110px;
	height: 60px;
	border: 1px solid #003c83;
	border-radius: 3px;
	font-weight: 500;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	color: #003c83;
	cursor: pointer;
}
.join_detail {
	margin: 40px 0 16px;
}
.join_detail li {
	display: inline-block;
	width: 100%;
	margin-bottom: 14px;
	clear: both;
}
.join_detail input {
	display: none;
}
.join_detail label {
	float: left;
	position: relative;
	width: auto;
	margin-left: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
}
.join_detail label::before {
	position: absolute;
	top: -1px;
	left: -30px;
	display: inline-block;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}
.join_detail input:checked ~ label::before {
	border: none;
	background: url("/img/check-box.png") no-repeat center / contain;
}
.join_detail .open {
	float: right;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #828282;
	text-decoration-line: underline;
}

.myinfo_wp {
	width: 100%;
	border-top: 2px solid #0b326e;
}
.myinfo_cont {
	width: 754px;
	margin: 0 auto;
}
.myinfo_cont > h2 {
	text-align: center;
	font-weight: 700;
	font-size: 42px;
	line-height: 50px;
}
.myinfo_cont > p {
	margin: 20px 0 40px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	white-space: pre;
}
.myinfo_tb {
	width: 100%;
	padding-bottom: 23px;
	border-top: 2px solid #0e326f;
	border-bottom: 1px solid #ebebeb;
}
.myinfo_tb .search_select {
	width: 238px;
	height: 46px;
	padding: 10px 20px;
	background: url("/img/select_rec.png") no-repeat calc(100% - 20px) center;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}
.myinfo_tb .search_select::expand {
	display: none;
}
.myinfo_tb input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	font-size: 16px;
	outline: none;
	appearance: none;
}
.myinfo_tb tr {
	height: 80px;
}
.myinfo_tb th {
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}
.myinfo_tb td {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}
.myinfo_email_wp {
	display: flex;
	gap: 8px;
	width: 100%;
}
.myinfo_email_wp input {
	flex: 7;
}
.myinfo_email_wp div {
	flex: 2;
	width: 110px;
	height: 60px;
	border: 1px solid #003c83;
	border-radius: 3px;
	font-weight: 500;
	text-align: center;
	font-size: 16px;
	line-height: 60px;
	color: #003c83;
}
.info_btn_wp {
	display: flex;
	width: 496px;
	margin: 30px auto 0;
	gap: 12px;
}
.info_btn_wp .info_go {
	width: 242px;
	height: 70px;
	background: #0e326f;
	border-radius: 3px;
	color: #ffffff;
	line-height: 70px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
.info_btn_wp .info_cancel {
	width: 242px;
	height: 70px;
	background: #d9d9d9;
	border-radius: 3px;
	color: #444444;
	line-height: 70px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}
.myinfo_cont .info_leave {
	display: block;
	margin-top: 70px;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	text-decoration-line: underline;
	text-align: right;
}

/* 통합검색 */
.search_result_wp h3 {
	margin-top: 110px;
	font-size: 25px;
	text-align: center;
}
.search_result_wp h3 span {
	color: #004cc0;
}
.search_result_wp table {
	width: 100%;
	border-collapse: collapse;
}
.search_result_wp caption {
	margin: 70px auto 30px;
	font-weight: 500;
	font-size: 20px;
	text-align: left;
}
.search_result_wp caption span {
	font-weight: 600;
}
.search_result_wp table:first-of-type caption {
	margin: 50px auto 30px;
}
.search_result_wp th {
	width: 7%;
	padding: 10px 30px;
	background: #fafafa;
}
.search_result_wp td {
	padding: 10px 30px;
}
.search_result_wp tr:nth-of-type(odd) th {
	padding-top: 30px;
}
.search_result_wp tr:nth-of-type(even) th {
	padding-bottom: 30px;
}
.search_result_wp tr:nth-of-type(odd) td {
	padding-top: 30px;
}
.search_result_wp tr:nth-of-type(even) td {
	padding-bottom: 30px;
}
.search_result_wp tr {
	line-height: 26px;
}
.search_result_wp tr:nth-of-type(odd) {
	padding-top: 10px;
}
.search_result_wp tr:nth-of-type(1) th {
	border-top: 2px solid #111;
}
.search_result_wp tr:nth-of-type(1) td {
	border-top: 2px solid #111;
}
.search_result_wp tr:nth-of-type(even) th {
	border-bottom: 1px solid lightgray;
}
.search_result_wp tr:nth-of-type(even) td {
	border-bottom: 1px solid lightgray;
}

/* error페이지 */

.error_page {
	display: flex;
	width: 100vw;
	height: 100vh;
	justify-content: center;
	align-items: center;
}
.error_page img {
	display: block;
	width: 84px;
	margin: 0 auto;
}
.error_page h2 {
	margin-top: 30px;
	font-weight: 700;
	font-size: 36px;
	line-height: 54px;
	text-align: center;
}
.error_page p {
	margin-top: 14px;
	font-weight: 400;
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	letter-spacing: -0.01em;
}
.error_page a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 230px;
	height: 70px;
	margin: 100px auto 0;
	background: #0e326f;
	border-radius: 3px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
}