@charset "utf-8";

/* ==================================================
	공통사항
================================================== */
.cont_inner {
	width: 100%;
	margin-top: 4rem;
}

.cont_inner2 {
	width: 100%;
	margin-top: 6rem;
}

/* 애니메이션 */
.cont_inner {
	opacity: 0;
	transform: translateY(50px)
}

.cont_inner.active {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s 0.8s;
	-webkit-transition: all 0.7s 0.8s;
}

/* 모바일CSS */
@media screen and (max-width:1200px) {
	.cont_inner{
		padding: 0 2rem;
	}
}
@media screen and (max-width:1023px) {
	.cont_inner {
		margin-top: 0;
		padding: 0 1rem;
	}

	.cont_inner2 {
		margin-top: 4rem;
	}
}

/* ==================================================
	아이콘
================================================== */
.con_title {
	position: relative;
	font-size: 2.6rem;
	font-weight: var(--font-sb);
	padding-left: 1.8rem;
}

.con_title:before {
	content: "";
	position: absolute;
	top: 0.2rem;
	left: 0;
	width: 0.5rem;
	height: 2.4rem;
	background: var(--brand-color-main);
}

.dot_title {
	position: relative;
	font-size: 3.5rem;
	font-weight: var(--font-bd);
}

.dot_title:after {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	background: var(--brand-color-sub);
	border-radius: 50%;
	display: inline-block;
	margin-left: 0.5rem;
}

.dot_title2 {
	position: relative;
	font-size: 3.2rem;
	font-weight: var(--font-bd);
}

.dot_title2:after {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	background: var(--brand-color-sub);
	border-radius: 50%;
	display: inline-block;
	margin-left: 0.5rem;
}

.l-list01 {
	line-height: 1.2;
	font-size: 1.8rem;
}

.l-list01>li {
	position: relative;
	padding-left: 1.5rem;
	margin-top: 1rem;
	color: #606060;
}

.l-list01>li:first-child {
	margin-top: 0;
}

.l-list01>li:before {
	content: "";
	position: absolute;
	top: 0.9rem;
	left: 0;
	width: 0.5rem;
	height: 0.5rem;
	background: #b8b8b8;
}

.l-list01>li span {
	font-weight: var(--font-bd);
}

.width_line_list {
	margin-top: 0.5rem;
	font-size: 1.6rem;
}

.width_line_list>li:before {
	position: absolute;
	top: 0.9rem;
	left: 0;
	content: "";
	display: block;
	width: 0.5rem;
	height: 1px;
	background: #a0a0a0;
}

.width_line_list>li {
	position: relative;
	padding-left: 1.4rem;
	margin-bottom: 0.3rem;
}

.width_line_list>li:last-child {
	margin-bottom: 0;
}

.a-tit01 {
	font-size: 2.2rem;
	background: url('../../lib/images/icon/arrow_icon.svg') no-repeat 0 0.3rem;
	background-repeat: no-repeat;
	padding-left: 2.7rem;
	line-height: 1.4;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.con_title {
		font-size: 2.4rem;
		padding-left: 1.7rem;
	}

	.con_title:before {
		height: 2.2rem;
	}

	.l-list01 {
		font-size: 17px;
	}

	.l-list01>li:before {
		top: 9px;
		width: 5px;
		height: 5px;
	}

	.a-tit01 {
		font-size: 18px;
		padding-left: 3rem;
	}
}

/* ==================================================
	테이블
================================================== */
table.chart01 {
	width: 100%;
	border-top: solid 2px #c5cbcf;
	border-bottom: solid 2px #c5cbcf;
	font-size: 1.5rem;
	letter-spacing: -0.025em;
}

table.chart01 tr th {
	background-color: #e2e5e7;
	text-align: center;
	color: var(--color-black);
	font-weight: var(--font-bd);
}

/*table.chart01 td {
	padding-left: 2.5rem !important;
	line-height: 1.35;
}*/

table.chart01 tr th,
table.chart01 tr td {
	padding: 1rem 0.2rem;
	border-bottom: solid 1px #c5cbcf;
	border-left: 1px solid #c5cbcf;
	vertical-align: middle;
}

table.chart01 tr th:first-child,
table.chart01 tr td:first-child {
	border-left: 0;
}

table.chart01 tr td.ch_bl {
	border-left: 1px solid #c5cbcf;
}

table.chart01 tr td.ch_bg {
	background: #f8f8f8;
}

table.chart02 {
	width: 100%;
	border-top: solid 1px #262626;
	border-bottom: solid 1px #cdcdcd;
	text-align: center;
	font-size: 1.7rem;
}

table.chart02 tr th {
	background-color: #E5E5E5;
	color: var(--color-black);
	font-weight: var(--font-bd);
}

table.chart02 tr th:first-child {
	border-left: 0;
}

table.chart02 tr td {
	line-height: 1.35;
}

table.chart02 tr td:first-child {
	background: #F8F8F8;
	border-left: 0;
	font-weight: var(--font-sb);
}

table.chart02 tr th,
table.chart02 tr td {
	padding: 1.3rem 0.3rem;
	border-bottom: solid 1px #cdcdcd;
	vertical-align: middle;
	border-left: solid 1px #cdcdcd;
}

/* 테이블 사이즈 */
.chart01_width {
	width: 25%;
}

.chart02_width01 {
	width: 35%;
}

.chart02_width02 {
	width: 50%;
}

.chart02_width03 {
	width: 15%;
}

/* 모바일CSS */
@media screen and (max-width: 1023px) {
	table.chart01 {
		font-size: 1.6rem;
	}

	table.chart02 {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 640px) {

	table.chart02 tr th,
	table.chart02 tr td {
		padding: 1.3rem 1rem;
	}
}



/* ==================================================
	반응형 테이블 스크롤
================================================== */
.msg_touch_help {
	display: none;
}

/* 모바일CSS */
@media screen and (max-width:720px) {
	.con_table_wrap {
		overflow-x: auto;
	}

	.con_table_wrap {
		position: relative;
	}

	.table_scroll {
		width: 100%;
		
	}

	.msg_touch_help {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px;
		display: block;
	}

	.msg_touch_help img {
		width: 100px;
		height: 100px;
	}
}

/* ==================================================
	애니메이션
================================================== */
@-webkit-keyframes fadeUpAni {
	0% {
		opacity: 0;
		transform: translate3d(0, 54px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

.fadeUp.active {
	animation-name: fadeUpAni;
	animation-duration: 2s;
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	line-height: 0;
	border-radius: 1rem;
}

.over-cover img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.over-cover:hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

/* ==================================================
	영상
================================================== */
.movie_con {
	text-align: center;
}

.movie_con video {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
}

.promovie_con {
	text-align: center;
}

.promovie_con video {
	width: 100%;
	max-width: 1000px;
}

/* ==================================================
	유튜브 영상
================================================== */
.youtubeWrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden
}

.youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.youtubeWrap .btn_prev,
.youtubeWrap .btn_next {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	color: var(--color-white)
}

.youtubeWrap .btn_prev {
	left: 0
}

.youtubeWrap .btn_next {
	right: 0
}

.youtubeWrap .btn_prev>img {
	float: left
}

.youtubeWrap .btn_next>img {
	float: right
}

.youtubeWrap .btn_prev>span,
.youtubeWrap .btn_next>span {
	display: inline-block;
	float: left;
	height: 90px;
	padding: 0 15px;
	margin: 20px 0;
	max-height: 50px;
	max-width: 180px;
	font-size: 16px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}

.youtubeWrap .btn_prev:hover>span,
.youtubeWrap .btn_prev:focus>span,
.youtubeWrap .btn_next:hover>span,
.youtubeWrap .btn_next:focus>span {
	display: inline-block
}

.overveiw-wrap {
	/* overflow: hidden; */
}

/* ==================================================
	탭메뉴1
================================================== */
#mlayer_menu {
	margin: -10rem auto 0 auto;
	padding: 3rem 13rem;
	width: 100%;
	background-color: var(--color-gray1);
    border-radius: 1.5rem;
}
#mlayer_menu ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10rem;
	align-items: center;
}

#mlayer_menu ul li {	
	position: relative;
	width: 100%;
}
#mlayer_menu ul li::after{
	content: "";
    width: 25px;
    height: 50px;
    background: url('../../lib/images/about/his_arrow01.png');
	background-repeat: no-repeat;
    position: absolute;
    right: -50px;
	top: 50%;
	transform: translateY(-50%);
}
#mlayer_menu ul li:last-child::after{
	content: none;
}
#mlayer_menu ul li button {
	padding: 2rem 0;
	width: 100%;
	text-decoration: none;
	font-size: var(--rem-22);
	text-align: center;
	cursor: pointer;
	background: var(--color-white);
    border-radius: 1rem;
}

#mlayer_menu ul li button.on {
	color: var(--color-white);
	font-weight: var(--font-bd);
	background-color: var(--brand-color-main);
}
#mlayer_menu ul li button p{
	font-size: var(--rem-30);
	font-weight: var(--font-sb);
}
#mlayer_menu ul li button p span{
	padding: 0.5rem 0 0 0;
	display: block;
	font-size: var(--rem-18);
	font-weight: normal;
}

/*** 모바일CSS ***/
@media all and (max-width:1024px){
	#mlayer_menu{
		padding: 3rem 5rem;
	}
}


@media all and (max-width:800px) {
	#mlayer_menu ul li button p{
		font-size: var(--rem-24);
	}
	#mlayer_menu ul li button p span{
	padding: 0 0 0 1rem;
	display: inline;
}
}

@media all and (max-width:640px) {	
	#mlayer_menu {
		padding: 3rem 2rem;
	}
	#mlayer_menu ul{
		grid-template-columns: repeat(1, 3fr);
		gap: 1rem;
	}	
	#mlayer_menu ul li button p{
		font-size: var(--rem-20);
	}
	#mlayer_menu ul li::after{
		content: none;
	}
}
/* ==================================================
	탭메뉴2
================================================== */
#mlayer2_menu {
	margin-bottom: 15px;
}
#mlayer2_menu ul{
	display: flex;
	padding: 2px 0;
	border-top: solid 1px var(--color-black);
	border-bottom: solid 1px var(--color-gray2);
}
#mlayer2_menu ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#mlayer2_menu ul li {
	position: relative;
	width: 50%;
	line-height: 1.1;
	font-size: var(--rem-30);
}
#mlayer2_menu ul li:nth-child(1){
	padding-right: 0.5rem;
}

#mlayer2_menu ul li button {
	position: relative;
	padding: 1.2rem 0;
	display: block;
	width: 100%;
	text-decoration: none;
	color: var(--color-gray3);
	text-align: center;
	cursor: pointer;
	font-size: var(--rem-22);
	background-color: var(--color-gray1);
}

#mlayer2_menu ul li button.on {
	font-weight: var(--font-sb);
	color: var(--color-white);
	background-color: #8098CC;
}

/*** 모바일CSS ***/
@media all and (max-width:900px) {
	#mlayer2_menu ul li {
		width: 50%;
		margin-top: -1px;
	}

	#mlayer2_menu ul li button {
		padding: 15px 3px;
		/* font-size: 1.8rem; */
	}
}

@media all and (max-width:640px) {

	#mlayer2_menu ul li button {
		font-size: 2rem;
	}
}

@media all and (max-width:450px) {
	#mlayer2_menu ul li {
		padding: 0;
	}

	#mlayer2_menu ul li button {
		/* font-size: 1.4rem; */
	}
}


/* ==================================================
	여백 및 정렬 등 세부 공통사항
================================================== */
.mgt01 {
	margin-top: 1rem;
}

.mgt06 {
	margin-top: 6rem;
}

.ta_r {
	text-align: right;
}
.ta_l{
	text-align: left;
}

.w100 {
	width: 100%;
}
.b_bot{
	padding-bottom: 1.5rem;
	border-bottom: solid 1px var(--color-gray2);
}
.fwb{
	font-weight: bold;
}
.t_red{
	color: var(--color-red);
}
/* ==================================================
	서브상단멘트 공통
================================================== */
.sub_txt01 {
	padding-bottom: 3rem;
	font-size: var(--rem-35);
	font-weight: var(--font-sb);
	color: var(--brand-color-main);
}

/* 모바일CSS */
@media screen and (max-width:800px) {
	.sub_txt01 {
		line-height: 1.3;
	}
}



/* ==================================================
	회사소개 - 인사말
================================================== */
.grtBox{	
}
.grt_top {
	text-align: center;
}
.grt_top img{
	width: 100%;
	border-radius: 2rem;
}
.grt_top h3{
	padding: 5rem 0 3rem 0;
	font-size: var(--rem-35);
	font-weight: var(--font-bd);
	color: var(--brand-color-main);
}
.grt_top p{
	margin: 0 auto;
	width: 65%;
}
.grt_top p:nth-child(4){
	padding: 3rem 0;
}
.grt_bot{
	padding-top: 6.5rem;
	position: relative;
}
.grt_bot::before{
	content: "";
	position: absolute;
	left: 50%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #BA2B2B;
}
.grt_bot h3{
	padding-top: 3.5rem;
	font-size: var(--rem-28);
	font-weight: var(--font-bd);
	text-align: center;
}
.grt_bot ul{
	padding-top: 3rem;
	margin: 0 auto;
    width: 75%;
	display: flex;
	gap: 5rem;
}
.grt_bot ul li{
	padding: 2rem;
	max-width: 300px;
	min-height: 400px;
	border-radius: 1.5rem;
	color: var(--color-white);
}
.grt_bot ul li p{
	font-size: var(--rem-30);
	font-weight: var(--font-sb);
}
.grt_bot ul li p span{
	padding-top: 1rem;
	display: block;
	font-size: var(--rem-16);
	font-weight: normal;
}
.grt_bot ul li:nth-of-type(1){
	background:url(../../lib/images/about/grt_img02.jpg) no-repeat;
	background-size: cover;
}
.grt_bot ul li:nth-of-type(2){
	background:url(../../lib/images/about/grt_img03.jpg) no-repeat;
	background-size: cover;
}
.grt_bot ul li:nth-of-type(3){
	background:url(../../lib/images/about/grt_img04.jpg) no-repeat;
	background-size: cover;
}


.cont_inner .grt_bot {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.7s ease;
}

/* .cont_inner에 active 클래스가 붙으면 등장 */
.cont_inner.active .grt_bot {
    opacity: 1;
    transform: translateY(0);
}

/* 리스트 항목도 순차 등장 */
.cont_inner .grt_bot ul li {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

/* 순차적으로 등장하도록 딜레이 추가 */
.cont_inner.active .grt_bot ul li:nth-of-type(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.3s;
}
.cont_inner.active .grt_bot ul li:nth-of-type(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.5s;
}
.cont_inner.active .grt_bot ul li:nth-of-type(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.7s;
}

/* 모바일CSS */
@media screen and (max-width:1024px){
	.grt_bot ul {
		gap: 3rem;
	}
	.grt_bot ul li{
		min-height: 300px;
	}

}
@media screen and (max-width:800px){	
	.grt_top img{
		border-radius: 1rem;
		min-height: 160px;
        object-fit: cover;
	}
	.grt_top h3{
		font-size: var(--rem-30);
		line-height: 1.3;
	}
	.grt_top p {
		width: 100%;
		text-align: left;
	}
	.grt_bot ul {
		width: 100%;
		gap: 1rem;
	}
	.grt_bot ul li{
		min-height: 150px;
        max-width: 100%;
	}
}
@media screen and (max-width:500px){
	.grt_bot ul{
		display: block;
	}
	.grt_bot ul li{
		margin: 0 auto 3rem auto;
	}
}


/* ==================================================
	회사소개 - 개요
================================================== */
.ov> ul{
	display: flex;
	justify-content: space-between;
	gap: 7rem;
}
.ov ul li{
	flex: 1;
}
.ov ul li img{
	width: 100%;
	border-radius: 2rem;
}
.ov ul li  h3{
	padding-bottom: 1rem;
	font-size: var(--rem-35);
	color: var(--brand-color-main);
	font-weight: var(--font-bd);
}
.ov ul li ul{
	padding-top: 2rem;
}
.ov ul li ul li{
	padding: 1rem 0;
	border-bottom: solid 1px var(--color-gray2);
}
.his{
	padding-top: 3rem;
}
.his h3{
	font-size: var(--rem-80);
	font-weight: var(--font-bd);
	color: var(--color-gray2);
}
.his ul{
	display: grid;
	grid-template-columns: repeat(2, 3fr);
	justify-content: space-between;
	gap: 2rem 5rem;
}
.his ul li{	
    padding-left: 3rem;
	display: flex;
    align-items: center;
	position: relative;
	height: 80px;
	border: solid 1px var(--color-gray2);
	border-radius: 1.5rem;	
}
.his ul li::before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
	width: 20px;
	height: 20px;
	background-color: var(--color-red);
	border-radius: 50%;	
}
.his ul li p:nth-of-type(1){
	width: 15rem;
	position: relative;
	font-size: var(--rem-20);
	font-weight: var(--font-bd);
}
.his ul li p:nth-of-type(1)::before{
	content: "";
	width: 1px;
	height: 40px;
	background-color: var(--color-gray2);
	position: absolute;
    right: 25%;
}

/* 모바일CSS */
@media screen and (max-width:800px){	
	.ov> ul {
		display: block;
	}
	.ov ul li img {
		border-radius: 1rem;
		margin-bottom: 1rem;
	}
	.his ul li {
		padding-top: 1.5rem;
		display: block;
	}
	.his ul li p:nth-of-type(1)::before{
		content: none;
	}
}
@media screen and (max-width:500px){
	.ov ul li h3 {
		padding-bottom: 1.5rem;
		line-height: 1.3;
	}
	.his {
		padding-top: 8rem;
	}
	.his ul{
		grid-template-columns: repeat(1, 5fr);
	}
	.his h3 {
		font-size: var(--rem-60);
		line-height: 1;
		padding-bottom: 2rem;
	}
}



/* ==================================================
	회사소개 - CI BI
================================================== */
.cibi_cont{
	position: relative;
}
.cibi_cont:nth-of-type(1){
	padding-bottom: 10rem;
}
.cibi_cont::before{
	content: "";
	width: 100%;
	height: 1px;
	border-top: solid 1px var(--color-black);
	position: absolute;
    left: 0;
    top: 30px;
}
.cibi_cont .tit{
	margin: 0 auto;
	position: relative;
	z-index: 1;  
	width: 60px;
	height: 60px;
	font-size: var(--rem-30);
	line-height: 60px;
	font-weight: var(--font-bd);
	color: var(--color-white);
	text-align: center;
	background-color: var(--color-red);
	border-radius: 50%;
}
.ciBox{
	padding-top: 5rem;
}
.ciBox ul{
	display: flex;
	justify-content: space-between;
    gap: 5rem;
}
.ciBox ul li {
	width: 50%;
	text-align: center;
}
.ciBox ul li p{
	font-size: var(--rem-24);
	font-weight: var(--font-sb);
}
.ciBox ul li div{
	margin-top: 1.5rem;
	padding: 4.5rem;
	border: solid 1px var(--color-gray2);
	border-radius: 1.5rem;
}
.ciBox ul li div img{
	width: 100%;
	max-width: 452px;
}
.ci_txt{
	padding: 5rem 0;
	margin: 0 auto;
	width: 70%;
	text-align: center;
}
.ci_txt h3, .ci_col h3, .bi_txt h3{
	padding-bottom: 2rem;
	font-size: var(--rem-30);
	font-weight: var(--font-bd);
}
.ci_col{
	padding: 3rem;
	display: flex;
	gap: 10rem;
	align-items: center;
	background: #F1F3F8;	
    border-radius: 1.5rem;
}
.ci_col h3{
	flex: 1;
}
.ci_col .ci_col_txt{
	display: flex;
}
.color_guide {
	flex: 8;
	display: flex;
	gap: 4rem;
	padding: 2rem;
}
.color_guide .color_item:nth-child(1) .color_box{
	background-color: rgb(23,28,97);
}
.color_guide .color_item:nth-child(2) .color_box{
	background-color: rgb(23,42,136);
}
.color_guide .color_item:nth-child(3) .color_box{
	background-color: rgb(0,0,0);
}
.color_item {
	display: flex;
	align-items: center;
	gap: 2.5rem;
}
.color_box {
	width: 60px;
	height: 60px;
}
.color_info p {
	margin: 0;
}
.biBox{}
.bi_pic{
	padding: 6rem 0;
	margin: 0 auto;
	width: 50%;
	text-align: center;
	border: solid 1px var(--color-gray2);
	border-radius: 1.5rem;
}
.bi_pic img{
	width: 100%;
	max-width: 432px;
}
.bi_txt{
	padding: 5rem 0;
	text-align: center;
}
.biBox .color_guide .color_item .color_box{
	background-color: rgb(0,0,0);
}

/* 모바일CSS */
@media screen and (max-width:800px){
	.ciBox ul {
		gap: 1rem;
	}
	.ci_txt {
		width: 100%;
	}
	.ci_col{
		display: block;
	}
	.color_item{
		display: block;
	}
	.color_guide{
		padding: 0;
	}
	.bi_pic{
		width: 100%;
		padding: 6rem 3rem;
	}
}
@media screen and (max-width:500px){
	.ciBox ul{
		display: block;
	}
	.ciBox ul li{
		width: 100%;
	}
	.ciBox ul li:nth-child(2){
		margin-top: 2rem;
	}
	.ciBox ul li div{
		padding: 3rem;
		margin-top: 0.5rem;
	}
	.color_guide{
		display: block;
	}
    .color_item{
		display: flex;
	}
	.color_guide .color_item:nth-child(2){
		padding: 2rem 0;
	}
}


/* ==================================================
	회사소개 - 오시는 길
================================================== */
.biBox {
    padding-top: 5rem;
}
.drc_txt{
	padding-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5rem;
}
.drc_txt p{
	display: flex;
	align-items: center;
	gap: 1rem;
}
.drc_txt p span{
	display: block;
	width: 40px;
	height: 40px;
	background-color: var(--color-red);
	border-radius: 50%;
}
.drc_txt p:nth-child(1) span{
	background:url(../../lib/images/about/ico_add.png)var(--color-red) no-repeat;
}
.drc_txt p:nth-child(2) span{
	background:url(../../lib/images/about/ico_tel.png)var(--color-red) no-repeat;
}
.drc_cont div{
	margin-top: 1rem;
	border-radius: 2rem;
}
/* .drc_cont .wrap_map{
	height: 500px;
} */
.root_daum_roughmap .cont{
	display: none;
}

/* 모바일 */
@media (max-width: 500px){
	.drc_txt{
		display: block;
	}
	.drc_txt p:nth-child(2){
		padding-top: 1rem;
	}
}


/* ==================================================
	제품소개 - TPS
================================================== */
.tps_top{
	}
.tps_top ul{
	display: flex;
	justify-content: space-between;
	gap: 5rem;
}
.tps_top ul li{
	flex: 1;
}
.tps_top ul li .tit h3{
	font-size: var(--rem-38);
	font-weight: var(--font-bd);
	color: var(--brand-color-main);
}
.tps_top ul li .tit p{
	font-size: var(--rem-21);
	color: var(--brand-color-main);
	line-height: 1.1;
}
.tps_top ul li .txt p{
	padding-top: 2rem;
}
.tps_top ul li img{
	border-radius: 2rem;
	width: 100%;
    min-width: 450px;
}
.tps_tit{
	padding: 8rem 0 1rem 0;
	font-size: var(--rem-30);
	font-weight: var(--font-bd);
}
.tps_chars ul{
	padding-top: 1.5rem;
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	justify-content: space-between;
	gap: 2rem 5rem;
}
.tps_chars ul li{
	padding-bottom: 1rem;
	border-bottom: solid 1px var(--color-black);
}
.tps_chars ul div{
	display: flex;
	align-items: baseline;
    gap: 1rem;
}
.tps_chars ul div i{
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--color-red);
	border-radius: 50%;
	aspect-ratio: 1 / 1; 
	color: var(--color-white);
	font-weight: var(--font-bd);
	font-style: normal;
	text-align: center;
}
.tps_chars ul div p span{
	display: block;
	font-size: var(--rem-24);
	font-weight: var(--font-sb);
}
.tps_chars> div{
	padding-top: 5rem;
	text-align: center;
}
.tps_chars div img{
	width: 80%;
	border-radius: 1rem;
}
.tps_spec{
	/* padding-top: 8rem; */
}
.tps_spec .tps_tit{
	min-width: 600px;
}
.lif_chart .tps_tit{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.lif_chart .tps_tit span{
	font-size: var(--rem-18);
	color: var(--color-red);
	font-weight: normal;
}
.tps_spec table{
	margin-top: 1rem;
	width: 100%;
	min-width: 600px;
}
.tps_spec thead th {
	background: #D9DEEC;
	font-weight: 600;
	padding: 12px 10px;
	vertical-align: middle;
	border-left: 1px solid #c5cbcf;
	border-right: 1px solid #c5cbcf;
	border-top: none;
	border-bottom: none;
}
.tps_spec thead tr:nth-child(2) th{
	border-top: solid 1px #c5cbcf;
	border-radius: 0;
}
.tps_spec thead th:first-child {
	border-left: none;
	border-top-left-radius: 12px;
	}
	.tps_spec thead th:last-child {
	border-right: none;
	border-top-right-radius: 12px;
	line-height: 1.2;
}

/* ---------- TBODY ---------- */
.tps_spec tbody td {
	padding: 12px 10px;
	border-top: 1px solid #c5cbcf;
	border-bottom: 1px solid #c5cbcf; /* 마지막 라인 표시 */
	border-left: 1px solid #c5cbcf;
	border-right: 1px solid #c5cbcf;
	vertical-align: middle;
	text-align: center;
}
.tps_spec tbody tr:first-child td {
	border-top: 1px solid #c5cbcf;
}
.tps_spec tbody td:first-child {
	border-left: none;
}
.tps_spec tbody td:last-child {
	border-right: none;
}
.tps_spec .specImg {
	padding-top: 5rem;
	text-align: center;
}
.tps_spec .specImg  img{
	width: 100%;
	max-width: 1000px;
}

/* 조립도 */
.assembly ul{
	padding: 3rem 2rem;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	background-color: var(--color-gray1);
    border-radius: 1.5rem;   
}
.assembly ul img{
	width: 100%;
}

/* 영상 */
.tps_mov{
	/* padding-top: 8rem; */
}

.tps_mov div{
	margin-top: 2rem;
}
.tps_mov  ul li p{
	padding-top: 1rem;
	text-align: center;
}
.tps_mov ul{
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 2rem;
}
.youtubeWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

/* 모바일 */
@media (max-width: 800px){
	.tps_top ul {
		display: block;
	}
	.tps_top ul li .tit{
		padding-bottom: 2rem;
	}
	.tps_top ul li .txt p {
		padding-top: 1rem;
	}
	.tps_top ul li .txt p br{
		display: none;
	}
	.tps_top ul li img {
		border-radius: 1rem;
		margin-top: 3rem;
		min-width: 350px;
	}
	.tps_chars ul {
		grid-template-columns: repeat(1, 2fr);
	}
	.tps_chars div img {
		width: 100%;
	}
	.tps_mov ul{
		grid-template-columns: repeat(2, 1fr);
	}
	/* .tps_spec table{
		width: 100%;
		overflow-x: scroll;
	} */
	.lif_chart{
		overflow-x: scroll;
	}
}

/* ==================================================
	제품소개 - LIFLAE
================================================== */
.liflae_top{
	padding-bottom: 7rem;
}
.liflae_top> img{
	width: 100%;
	border-radius: 2rem;
}
.lif_cont01{
	padding-top: 7rem;
	display: flex;
	justify-content: space-between;
	gap: 15rem;
}
.lif_cont01 .lif_txt01 p:nth-child(1){
	padding-bottom: 2rem;
	font-size: var(--rem-38);
	font-weight: var(--font-bd);
	color: var(--brand-color-main);
	line-height: 1.3;
}
.lif_cont01 .lif_txt01 span{
	padding-bottom: 0.5rem;
	display: block;
	font-size: var(--rem-22);
	color: var(--brand-color-dmain);
}
.lif_cont01 .lif_txt01 p:nth-child(2){
	padding-bottom: 2rem;
}

/* 모바일 */
@media (max-width: 1024px){
	.lif_cont01{
		gap: 5rem;
	}
}
@media (max-width: 800px){
	.liflae_top> img {
		border-radius: 1rem;
		min-height: 160px;
        object-fit: cover;
	}
	.lif_cont01{
		padding-top: 4rem;
		display: block;
		text-align: center;
	}
	.lif_cont01 .lif_txt01 p:nth-child(2) {
		padding-bottom: 1rem;
	}
	.lif_cont01 div:nth-child(2){
		padding-top: 3rem;
	}
	.lif_cont01 div:nth-child(2) img{
		width: 100%;
		max-width: 382px;
	}
}
@media (max-width: 500px){
	.lif_cont01 .lif_txt01 p:nth-child(1) {
		font-size: var(--rem-30);
	}	
	.lif_cont01 .lif_txt01 p:nth-child(2), .lif_cont01 .lif_txt01 p:nth-child(3){
		text-align: left;
	}
}

/* 제품특징 */
.lif_charsBox p{
	font-size: var(--rem-30);
	font-weight: var(--font-bd);
}
.lif_charsBox .lif_chars01{
	padding: 2rem 0 3rem 0;
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 2rem;
	width: 70%;
}
.lif_charsBox .lif_chars01 li{
	display: flex;
	align-items: center;
	gap: 1rem;
	line-height: 1.3;
}
.lif_charsBox .lif_chars01 li span{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	aspect-ratio: 1 / 1; 
	color: var(--color-white);
	font-weight: var(--font-bd);
	background-color: var(--color-red);
	border-radius: 50%;
	text-align: center;
}
.lif_chars02{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.2rem;
}
.lif_chars02 li img{
	width: 100%;
	border-radius: 1rem;
	display: block;	
}
.lif_chars03 h3{
	padding: 8rem 0 0 0;
	font-size: var(--rem-30);
    font-weight: var(--font-bd);
}
.lif_chars03> ul{
	padding: 4rem 0 8rem 0;
	display: flex;
	gap: 2rem;
}
.chars03_txt01{
	flex: 1;
	text-align: center;
}
.chars03_txt01 img{
	width: 100%;
	max-width: 364px;
}
.chars03_txt01 ul{
	display: flex;
	gap: 2rem;
	justify-content: center;
}
.chars03_txt01 ul li, .boxCart_txt01 .wei li{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 150px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	text-align: center;
	background-color: #D5DBE9;
}
.chars03_txt01 ul li p, .boxCart_txt01 .wei li p{
	font-size: var(--rem-20);
	line-height: 1.4;
}
.chars03_txt01 ul li p span, .boxCart_txt01 .wei li p span{
	display: block;
	font-size: var(--rem-26);
	color: var(--brand-color-main);
	font-weight: var(--font-sb);
}
.chars03_txt01 img:nth-of-type(1){
	padding: 2rem 0;
}
.chars03_txt02{
	flex: 1;
	position: relative;
}
.chars03_txt02 img{
	width: 100%;
	max-width: 660px;
	border-radius: 2rem;
}
.chars03_txt02 .connection{
	position: absolute;
	z-index: 1;
    top: 8%;
    left: 6%;
}
.chars03_txt02 .connection h4{
	font-size: var(--rem-28);
	font-weight: var(--font-bd);
}
.chars03_txt02 .connection p{
	padding-top: 1.5rem;
	width: 40%;
}
.chars03_txt02 img.connec_pc{
	display: block;
}
.chars03_txt02 img.connec_mo{
	display: none;
}
.lif_chars04{
	text-align: center;
}
.lif_chars04 .foldingImg {
	position: relative;
	width: 100%;
	max-width: 980px; 
	aspect-ratio: 1046 / 735; 
	margin: 0 auto;
	background: url("../../lib/images/products/liflae_img05.jpg") no-repeat center/contain;
	border-radius: 2rem; 
}
.lif_chars04 .caption {
	position: absolute;
	bottom: 5%;   
	right: 5%;   
	font-size: var(--rem-28);
	color: var(--color-black);
	text-align: right; 
}
.lif_chars04 .caption span {
	color: var(--color-red);
	font-weight: var(--font-bd);
}

/* 모바일 */
@media (max-width: 1024px){
	.lif_charsBox .lif_chars01{
		width: 100%;
	}
	.chars03_txt01 ul{
		gap: 1rem;
	}
	.chars03_txt01 img {
		width: 70%;
	}
}
@media (max-width: 800px){
	.lif_chars02 {
		grid-template-columns: repeat(3, 1fr);
	}
	.lif_chars03> ul {
		display: block;
	}
	.chars03_txt01 {
		width: 60%;
		margin: 0 auto;
	}
	.chars03_txt02{
		padding-top: 3rem;
		/* text-align: center; */
    
	}
	.chars03_txt02 .connection{
		top:15%;
	}
	.chars03_txt02 .connection h4{
		font-size: var(--rem-20);
	}
	.chars03_txt02 .connection p{
		width: 45%;
		font-size: var(--rem-16);
	}
	.chars03_txt02 img.connec_pc{
		display: none;
	}
	.chars03_txt02 img.connec_mo{
		display: block;
	}
}
@media (max-width: 500px){
	.lif_charsBox p {
		font-size: var(--rem-25);
	}
	.lif_chars02 {
		grid-template-columns: repeat(2, 1fr);
	}
	.lif_charsBox .lif_chars01 {
		grid-template-columns: repeat(1, 2fr);
		gap: 1rem;
	}
	.lif_charsBox .lif_chars01 li {
		align-items: baseline;
	}
	.lif_charsBox .lif_chars01 li span {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: var(--rem-16);
	}	
	.chars03_txt01 ul {
		gap: 1rem;
	}
	.chars03_txt01 ul li, .boxCart_txt01 .wei li{
		width: 110px;
		height: 110px;
	}
	.chars03_txt01 ul li p, .boxCart_txt01 .wei li p {
		font-size: var(--rem-18);
		line-height: 1.2;
	}
	.chars03_txt01 ul li p span, .boxCart_txt01 .wei li p span{
		font-size: var(--rem-22);
	}
	.lif_chars04 .caption{
		font-size: var(--rem-24);
	}
	
	/* .chars03_txt02 img, .lif_chars04 .foldingImg {
		border-radius: 1rem;
	} */
}

/* 48L 폴딩박스 & 전용 카트 */
.boxCart_48l{
	margin: 8rem 0;
	padding: 5rem 0;
	display: flex;
	justify-content: space-between;
	border-top: solid 1px var(--color-black);
	border-bottom: solid 1px var(--color-gray2);
}
.boxCart_txt01 p{
	font-size: var(--rem-30);
	font-weight: var(--font-bd);
}
.boxCart_txt01> ul{
	padding-top: 1rem;
}
.boxCart_txt01> ul li{
	position: relative;
	padding-left: 1rem;
}
.boxCart_txt01> ul> li::before{
	content: "·";
	position: absolute;
	left: 0;
}
.boxCart_txt01 .wei{
	padding-top: 3rem;
	display: flex;
	gap: 2rem;
}
.boxCart_txt01 .wei li{
	padding-left: 0;
}
.boxCart_txt01 .wei li::before{
	display: none;
}
.boxCart_txt02 img{
	width: 100%;
	border-radius: 2rem;
}

/* 모바일 */
@media (max-width: 1024px){
	.boxCart_48l{
		gap: 2rem;
	}
}
@media (max-width: 800px){
	.boxCart_48l{
		display: block;
	}
	.boxCart_txt02{
		padding-top: 3rem;
	}
	.boxCart_txt01 .wei{
		gap: 1rem;
	}	
}
@media (max-width: 500px){
	.boxCart_txt01 p {
		font-size: var(--rem-25);
	}
}

/* IP403026 (25L) & IP543630 (48L) & IP543630 (48L) 전용 카트 & ACCESSORY*/
.lifIp> p, .cart48>p, .lif_chart h4{
	padding-bottom: 1.5rem;
	font-size: var(--rem-30);
	font-weight: var(--font-bd);
}
.lifIp p span, .cart48 p span{
	font-weight: var(--font-sb);
}
.lifIp ul{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}
.lifIp ul li img{
	width: 100%;
	border: solid 1px var(--color-gray2);
	border-radius: 1rem;
	background-color: #F9F9F9;
}
.lifIp ul li p{	
	padding-top: 0.5rem;
	display: flex;
    gap: 0.5rem;
    justify-content: center;
	text-align: center;
    line-height: 1.3;
}
.lifIp ul li p span{
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.lifIp ul li p span.ivory{
	background-color: #EBE6DB;
}
.lifIp ul li p span.beige{
	background-color: #CEC0AF;
}
.lifIp ul li p span.khaki{
	background-color: #6A6B42;
}
.lifIp ul li p span.black{
	background-color: var(--color-black);
}
.lifIp ul li img{
	width: 100%;
	min-height: 109px;
}
.lifIp ul.cart48{
	display: flex;
	gap: 3rem;
	justify-content: space-between;
}
.lifIp ul.acc li:nth-child(1){
	padding-bottom: 2rem;
}

/* 모바일 */
@media (max-width: 800px){
	.lifIp ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
}
@media (max-width: 500px){
	.lifIp> p, .cart48>p, .lif_chart h4 {
		font-size: var(--rem-25);
	}
	.lifIp ul.cart48{
		display: block;
	}
	.lifIp ul.cart48 li:nth-child(2){
		margin-top: 2rem;
	}
	.lifIp ul.acc li:nth-child(1){
		padding-bottom: 0;
	}
	.lifIp ul.acc li{
		margin-bottom: 1rem;
	}
}

/* 규격 */
.lif_spec{
	padding-top: 6rem;
	display: flex;
	gap: 5rem;
	justify-content: space-between;
}
.lif_chart{
	flex: 1;
}
.lif_chart .chart01{
    border-top: 0;
    border-bottom: solid 1px #E0E0E0;
}
.lif_chart table.chart01 tr th, table.chart01 tr td {
    padding: 1rem 0.2rem;
	font-size: var(--rem-18);
	text-align: center;
}
.lif_chart table.chart01 thead th {
	font-weight: var(--font-md);
	font-size: var(--rem-18);
	background: #D9DEEC;
}
.lif_chart table.chart01 thead th:first-child {
	overflow: hidden;
	border-radius: 1.5rem 0 0 0;
}
.lif_chart table.chart01 thead th:last-child {
	overflow: hidden;
	border-radius: 0 1.5rem 0 0;
}
.lif_chart table.chart01 tbody tr:last-child td {
    border-bottom: solid 1px #E0E0E0;
}
.lif_wd01{
	width: 20%;
}
.lif_wd02{
	width: 40%;
}
.lif_wd03{
	width: 40%;
}

/* 모바일 */
@media (max-width: 800px){
	.lif_spec{
		display: block;
	}
	.lif_spec .lif_chart:nth-child(2){
		margin-top: 3rem;
	}
}
@media (max-width: 500px){
	.lif_chart table.chart01 tr th, table.chart01 tr td {
		font-size: var(--rem-16);
		line-height: 1.4;
	}
}



/* ==================================================
	ESG 
================================================== */
.esg_top{
	padding-bottom: 4rem;
	margin: 0 auto;
	width: 50%;
	text-align: center;
	border-bottom: solid 1px var(--color-black);
}
.esg_top h3{
	padding-bottom: 2rem;
	font-size: var(--rem-35);
	font-weight: var(--font-bd);
	color: var(--brand-color-main);
}
.esg_cont{
	padding: 6rem 0 8rem 0; 
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 5rem 6rem;
}
.esgIco{
	width: 100%;
	max-width: 140px;
	max-height: 140px;
	border-radius: 50%;
}
.esgIco img{
	width: 100%;
}
.esg_cont li:nth-child(odd) .esgIco{
	background-color: #C7D1E7;
}
.esg_cont li:nth-child(even) .esgIco{
	background-color: #E2B9B9;
}
.esg_cont li{
	display: flex;
	gap: 2.5rem;
}
.esg_cont li p{
	padding-bottom: 1rem;
	font-size: var(--rem-26);
	font-weight: var(--font-bd);
}
.esg_cont li ul li{
	padding-left: 1.5rem;
	position: relative;
}
.esg_cont li ul li::before{
	content: '-';
    position: absolute;
    left: 0;
}
.esgPic img{
	width: 100%;
	border-radius: 2rem;
}

/* 모바일 */
@media (max-width: 1024px){
	.esg_top{
		width: 100%;
	}
}
@media (max-width: 800px){
	.esgIco{
		margin: 0 auto 1rem auto;
		max-width: 100px;
		max-height: 100px;
	}
	.esg_cont li{
		display: block;
		text-align: center;
	}
	.esg_cont li::before{
		display: none;
	}		
	.esgPic img{
		border-radius: 1rem;
		min-height: 160px;
        object-fit: cover;
	}
}
@media (max-width: 500px){
	.esg_top h3{
		font-size: var(--rem-25);
	}
	.esg_cont li p {
		font-size: var(--rem-22);
	}
	.esg_cont {
		grid-template-columns: repeat(1, 4fr);
	}
	.esg_cont li{
		gap: 1.5rem;
	}	
}
@media (max-width: 390px){
	.esg_cont li{
		letter-spacing: -0.1rem;
	}
}




/* ==================================================
	고객지원 - 견적문의
================================================== */
.esim{	
	margin: 0 auto;
	padding-bottom: 1rem;
	width: 100%;
	max-width: 1000px;
	border-bottom: solid 1px var(--color-gray2);
	
}
.esim_tit{
	margin-bottom: 1rem;
	padding-bottom: 1.5rem;
	font-size: var(--rem-25);
	font-weight: var(--font-sb);
	border-bottom:  solid 1px var(--color-black);
}
.esWrap{
	padding: 1.5rem 2rem;
	background-color: #efefef;
}
.es_cont{	
    padding: 1rem 0;
	display: flex;
	gap: 3rem;
	align-items: center;
}
.es_cont .es_tit{
	width: 10rem;
	font-weight: var(--font-sb);
}
.es_cont .es_txt{
	width: 100%;
}
.es_txt .radios{
	display: flex;
	gap: 2rem;
	
}
.es_txt .radios label input{
	width: 20px;
	height: 20px;
}
.es_txt .radios span{
	padding-left: 0.5rem;
}
.es_cont .es_txt input{
	padding: 1rem;
	border: solid 1px var(--color-black);
	width: 100%;
    height: 50px;
    border-radius: 1rem;
}
.es_cont .es_txt textarea{
	padding: 1rem;
	width: 100%;
	height:250px; 
	resize:vertical;
	border: solid 1px var(--color-black);
    border-radius: 1rem;
}

.esim:nth-of-type(2){
	margin: 6rem auto 6rem auto;
}

.agreeBox{
	margin: 0 2rem;
	padding: 3rem;
	border: solid 1px var(--color-black);
	border-radius: 1rem;
	font-size: var(--rem-16);
}
.agreeBox div{
	padding: 2rem 0 0 1rem;
}
.agreeBox div p{
	margin-left: -1rem;
	font-weight: var(--font-sb);
}
.agree_bot{
	padding: 2rem;
	text-align: right;
}
.agree_bot label input{
	width: 20px;
	height: 20px;
}

/* 신청버튼 */
.es_btn{
	margin: 5rem auto 0 auto;
	width: 350px;
	text-align: center;
	
	border-radius: 10px;
}

.es_btn a, .es_btn button {
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    padding: 1.5rem 5rem;
	font-size: var(--rem-22);
    border: 1px solid var(--color-black); 
    border-radius: 8px; 
  
    text-decoration: none;
    transition: all 0.3s ease; 
}

.es_btn a:hover, .es_btn button:hover {
    background-color: var(--color-red); 
    color: var(--color-white);
}

.es_btn a .arrow, .es_btn button .arrow {
    display: inline-block;
    margin-left: 8px; 
    width: 16px;
    height: 1px;
    background-color: var(--color-black);
    position: relative;
    transition: background-color 0.3s ease; 
}

.es_btn a .arrow::after, .es_btn button .arrow::after  {
	content: "";
    position: absolute;
    top: -3px;
    /* right: -2px; */
    width: 6px;
    height: 6px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    transform: rotate(45deg);
    transition: border-color 0.3s ease;
}

.es_btn a:hover .arrow, .es_btn button:hover .arrow {
    background-color: var(--color-white);
}

.es_btn a:hover .arrow::after, .es_btn button:hover .arrow::after  {
    border-top-color: var(--color-white);
    border-right-color: var(--color-white);
}




/* ==================================================
	고객지원 - E-카탈로그
================================================== */
.prsection {
	position: relative;
	width: 100%;
	padding-top: 5rem;
}

.prsection:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #eeeff0;
}

.prbox {
	position: relative;
	max-width: 115rem;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5rem;
}

.prbox .img {
	width: 32rem;
}

.prbox .img img {
	width: 100%;
	border: 1px solid #c7bebe;
	-webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
}

.prbox .txt {
	padding-left: 11rem;
	padding-top: 6rem;
	line-height: 1.5;
}

.prbox .txt .eng {
	position: relative;
	font-size: 2rem;
	color: #002C6A;
	font-weight: 500;
	margin-bottom: 1.5rem;
	padding-left: 4rem;
}

.prbox .txt .eng:before {
	content: "";
	display: block;
	width: 3rem;
	height: 0.3rem;
	background: #002C6A;
	position: absolute;
	left: 0;
	top: 1.1rem;
}

.prbox .txt h4 {
	font-size: 2.8rem;
	color: #282d39;
}

.prbox .txt p {
	font-size: 1.8rem;
	margin-top: 1rem;
	margin-bottom: 3.5rem;
}

.prbox .txt p span {
	display: block;
}

.btn_wrap {
	width: 100%;
}

.btn_wrap a {
	display: inline-block;
	font-size: 1.7rem;
	color: #fff;
	position: relative;
	background: var(--brand-color-main);
	line-height: 5.6rem;
	text-align: center;
	margin-right: 2%;
	width: 49%;
	float: left;
}

/*.btn_wrap a:last-child {
	background: var(--brand-color-sub) !important;
}*/

.btn_wrap a:last-child {
	margin-right: 0;
}

.btn_wrap a:after {
	content: "";
	display: inline-block;
	width: 1.9rem;
	height: 1.8rem;
	background: url("../../lib/images/icon/link_ico.png") no-repeat center;
	background-size: cover;
	margin: 0 0 -0.2rem 1rem;
}

/*.btn_wrap a:last-child:after {
	background-image: url("../../lib/images/icon/download_ico.png");
}*/

.btn_wrap a:before {
	content: "";
	display: block;
	width: 0%;
	height: 0.4rem;
	background: #ba0001;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: width 0.4s;
}

/*.btn_wrap a:last-child::before {
	background: #14326b !important;
}*/

.btn_wrap a:hover:before {
	width: 100%;
}

/* 모바일CSS */
@media screen and (min-width:901px) {
	.prbox {
		display: table;
		z-index: 1;
	}

	.prbox .img {
		display: table-cell;
		vertical-align: top;
	}

	.prbox .txt {
		display: table-cell;
		vertical-align: top;
	}
}

@media screen and (max-width:900px) {
	.prbox {
		padding-bottom: 0;
	}

	.prsection {
		padding-top: 0;
	}

	.prsection:after {
		display: none;
	}

	.prbox .img {
		width: 100%;
		max-width: 28rem;
		margin: 0 auto;
	}

	.prbox .img img {
		max-width: 28rem;
	}

	.prbox .txt {
		padding-left: 0;
		padding-top: 3rem;
	}
}

@media screen and (max-width:700px) {
	.prbox .txt h4 {
		font-size: 2.5rem;
	}

	.prbox .txt p {
		font-size: 1.7rem;
		margin-bottom: 2.5rem;
	}
}




/* ==================================================
	준비중
================================================== */
.soon{
	margin: 0 auto;
	max-width: 650px;
}
.soon img{
	border-radius: 1rem;
	max-width: 650px;
	width: 100%;
}