@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// ceo 인사말  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_ceo {
	
}

.page_ceo .ceo_topText {
	font-size: 3.6rem;
	text-align: center;
	margin-bottom: 80px;
	line-height: 1.4;
	font-weight: 200;
}

.page_ceo .ceo_topText strong, .page_ceo .ceo_topText2 strong {
	font-weight: 700;
}

.page_ceo .ceo_topText span, .page_ceo .ceo_topText2 span {
	display: block;
}

.page_ceo .ceo_title, .page_ceo .ceo_bg .ceo_text {
	width: 100%;
	max-width: 1400px;
	padding: 0 30px;
	margin: 0 auto;
}

.page_ceo .ceo_title .inner, /* CEO인사말 레이아웃 변경('23.4) */
	/*.page_ceo .ceo_bg .ceo_text .inner  { width:100% ; padding-left:44%; position:relative; padding-right:10%; }*/
	.page_ceo .ceo_bg .ceo_text .inner {
	width: 100%;
	padding-left: 44%;
	position: relative;
	padding-right: 10%;
}

.page_ceo .ceo_title {
	margin-bottom: 3rem;
}

.page_ceo .ceo_title h4 {
	font-size: 4rem;
	font-weight: 200;
	text-align: left;
	line-height: 1.4;
}

.page_ceo .ceo_title h4 strong {
	font-weight: 500;
	display: block;
}

.page_ceo .ceo_title .inner .ceo_img {
	width: 39%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 2rem 3rem 2rem rgba(0, 0, 0, 0.2);
}
/*.page_ceo .ceo_bg { background:url(../images/sub1/ceo_bg_20240822.jpg) center right no-repeat; padding:4rem 0; background-size:cover; }*/
/*.page_ceo .ceo_bg { background:url(../images/sub1/ceo_bg_20240822.jpg) center right no-repeat; padding:4rem 0; background-size:contain, cover; }*/
.page_ceo .ceo_bg .ceo_text .inner p+p {
	margin-top: 3rem;
}

.page_ceo .ceo_sign {
	width: 100%;
	max-width: 1380px;
	padding: 0 20px;
	margin: 3rem auto;
	text-align: right;
}

.page_ceo .ceo_sign span {
	display: block;
	font-size: 1.8rem;
}

.page_ceo .ceo_sign span.ceo_name {
	font-size: 2.6rem;
	margin-top: 10px;
}

/* CEO인사말 레이아웃  추가('23.4) */
.page_ceo .ceo_topText2 {
	font-size: 3.6rem;
	text-align: left;
	margin-bottom: 80px;
	line-height: 1.4;
	font-weight: 200;
}

.page_ceo .ceo_bg2 .ceo_text2 {
	display: flex;
	justify-content: space-between;
	max-width: 1400px;
	padding: 0 30px;
	margin: 0 auto;
}

.page_ceo .ceo_bg2 .ceo_text2 .inner1 {
	width: 47%;
	padding-left: 0%;
	position: relative;
}

.page_ceo .ceo_bg2 .ceo_text2 .inner2 {
	width: 48%;
	padding-left: 0%;
	position: relative;
}

.page_ceo .ceo_bg2 .ceo_text2 .inner1 p+p, .page_ceo .ceo_bg2 .ceo_text2 .inner2 p+p
	{
	margin-top: 3rem;
}

.page_ceo .ceo_bg2 {
	padding: 4rem 0;
	background-size: cover;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1024px) {
	.page_ceo .ceo_bg .ceo_text .inner {
		padding-right: 0;
	}
	.page_ceo .ceo_title h4 strong {
		display: inline;
	}
}

@media all and (max-width: 767px) {
	.page_ceo .ceo_topText {
		font-size: 2.8rem;
		margin-bottom: 50px;
	}
	.page_ceo .ceo_topText2 {
		font-size: 2.8rem;
		margin-bottom: 50px;
	}
	.page_ceo .ceo_title .inner .ceo_img {
		display: none;
	}
	.page_ceo .ceo_title .inner, .page_ceo .ceo_bg .ceo_text .inner {
		padding-left: 0;
	}
	.page_ceo .ceo_title h4 {
		font-size: 3.6rem
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	/*	.page_ceo { background:url(../images/sub1/ceo_bg_m_20240822.jpg)center bottom no-repeat; background-size:100%; padding-bottom:5rem; margin-bottom:-5rem;}*/
	.page_ceo .ceo_title, .page_ceo .ceo_bg .ceo_text {
		padding: 0 20px;
	}
	.page_ceo .ceo_topText {
		font-size: 1.6rem;
		margin-bottom: 30px;
	}
	.page_ceo .ceo_topText2 {
		font-size: 1.6rem;
		margin-bottom: 30px;
	}
	.page_ceo .ceo_title h4 {
		font-size: 2.0rem
	}
	.page_ceo .ceo_bg {
		background: none;
		padding: 0;
	}
	.page_ceo .ceo_sign {
		margin-top: 7rem;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 가치체계  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_value {
	
}

.page_value h4 {
	font-size: 3.6rem;
	text-align: center;
	line-height: 1.4;
	font-weight: 400;
}

.page_value .value_system {
	text-align: center;
	padding: 0 30px;
}

.page_value .value_system img.for_l {
	display: inline;
}

.page_value .value_system img.for_m {
	display: none;
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.page_value .value_system {
		padding: 0 20px;
	}
	.page_value .value_system img.for_l {
		display: none;
	}
	.page_value .value_system img.for_m {
		display: inline;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연혁  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/*.page_history {  }
.page_history .top_text { text-align:center; }
.page_history .top_text .text_1 { font-size:3.6rem; font-weight:200; margin-bottom:5rem; line-height:1.3; }
.page_history .top_text .text_1 strong { font-weight:500; }
.page_history .top_text .text_2 { width:100%; max-width:900px; margin:0 auto; }
.page_history .history_section { margin-top:5rem; position:relative; height:auto; }
.history_section:before { display:block; content:''; width:100%; height:1px; background:#fff; position:absolute; top:7rem; left:0; z-index:2; }
.history_tab_wrap {}
.history_tab_wrap > a { position:absolute; top:0.5rem; width:20%; display:block; color:#fff; z-index:10; text-align:center; }
.history_tab_wrap  .tab_b1 { left:10%; }
.history_tab_wrap  .tab_b2 { left:30%; }
.history_tab_wrap  .tab_b3 { left:50%; }
.history_tab_wrap  .tab_b4 { left:70%; }
.history_tab_wrap > a span { display:block; }
.history_tab_wrap > a span.year { line-height:7rem; font-size:1.9rem; }
.history_tab_wrap > a span.dot { width:1rem; height:1rem; background:#fff; border-radius:50%; margin:0 auto; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.history_tab_wrap > a span.dot:before { display:none; }
.history_tab_wrap.active > a { color:#e05f5f; }
.history_tab_wrap.active > a span.dot { background:#e05f5f; }
.history_tab_wrap.active > a span.dot:after { width:2rem; height:2rem; border-radius:50%; display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid #e05f5f; }
.history_tab_wrap .history_tab_cont { display:none; width:100%; position:relative; }
.history_tab_wrap .history_tab_cont.show { display:block; }
.history_tab_cont .title_bg { padding:12rem 2rem; text-align:center; color:#fff; }  
.history_tab_cont.tab_1 .title_bg { background:url(../images/sub1/history_tab_1_bg.jpg)center no-repeat; background-size:cover; }
.history_tab_cont.tab_2 .title_bg { background:url(../images/sub1/history_tab_2_bg.jpg)center no-repeat; background-size:cover; }
.history_tab_cont.tab_3 .title_bg { background:url(../images/sub1/history_tab_3_bg.jpg)center no-repeat; background-size:cover; }
.history_tab_cont.tab_4 .title_bg { background:url(../images/sub1/history_tab_4_bg.jpg)center no-repeat; background-size:cover; }
.history_tab_cont .title_bg h4 { font-size:5.5rem; font-weight:500; letter-spacing:0; margin-top:5rem; }
.history_tab_cont .title_bg h4 small { font-size:2.5rem; display:block; }
.history_tab_cont .title_bg h4 small:before { width:4rem; height:4px; display:block; background:#e05f5f; margin:1rem auto 1.5rem; content:''; }
.historyList_wrap { margin-top:7rem; width:100%; display:flex; justify-content:space-between; }
.historyList_wrap .historyList { width:50%; }
.historyList_wrap .history_img { width:45%; text-align:right; }
.historyList_wrap .history_img img + img { margin-top:5rem; }
.historyList_wrap .historyList li + li { margin-top:2rem; }
.historyList_wrap .historyList li { padding-left:1.5rem; }
.historyList_wrap .historyList li span { display:block; }
.historyList_wrap .historyList li span.date { font-size:2.1rem; font-weight:700; color:#101010; position:relative; }
.historyList_wrap .historyList li span.date:before { width:4px; height:4px; border-radius:50%; content:''; display:block; position:absolute; top:50%; left:-1.5rem; margin-top:-2px; background:#e05f5f; }
.historyList_wrap .historyList li span.cnts { font-size:1.8rem; color:#555; }*/

/* ================================== Tablet css ================================== */
/*@media all and (max-width: 1200px) {
	.historyList_wrap .historyList {
		width: 55%;
	}
	.historyList_wrap .history_img {
		width: 40%;
		text-align: right;
	}
}

@media all and (max-width: 768px) {
	.page_history .top_text .text_1 {
		font-size: 2.8rem;
		margin-bottom: 3rem;
	}
	.history_tab_wrap>a {
		width: 25%;
	}
	.history_tab_wrap  .tab_b1 {
		left: 0%;
	}
	.history_tab_wrap  .tab_b2 {
		left: 25%;
	}
	.history_tab_wrap  .tab_b3 {
		left: 50%;
	}
	.history_tab_wrap  .tab_b4 {
		left: 75%;
	}
	.history_tab_cont .title_bg {
		padding: 10rem 2rem;
	}
	.history_tab_cont .title_bg h4 {
		font-size: 4.5rem;
	}
	.history_tab_cont .title_bg h4 small {
		font-size: 2rem;
	}
	.history_tab_cont .title_bg h4 small:before {
		margin: 1rem auto 1.5rem;
	}
	.historyList_wrap .historyList li span.date {
		font-size: 2rem;
	}
	.historyList_wrap .historyList li span.cnts {
		font-size: 1.7rem;
	}
}*/

/* ================================== Mobile css ================================== */
/*@media all and (max-width: 599px) {
	.page_history .top_text .text_1 {
		font-size: 2.4rem;
	}
	.history_section:before {
		display: none;
	}
	.history_tab_wrap {
		margin-top: 5rem;
	}
	.history_tab_wrap.first {
		margin-top: 0rem;
	}
	.history_tab_wrap>a {
		display: none;
	}
	.history_tab_wrap .history_tab_cont {
		display: block;
	}
	.history_tab_cont .title_bg {
		padding: 5rem 1rem;
	}
	.history_tab_cont .title_bg h4 {
		margin-top: 0;
		font-size: 3.5rem;
	}
	.history_tab_cont .title_bg h4 small {
		font-size: 1.8rem;
	}
	.history_tab_cont .title_bg h4 small:before {
		height: 1px;
		width: 30px;
		margin: 0 auto 0.5rem;
	}
	.historyList_wrap {
		margin-top: 3rem;
	}
	.historyList_wrap .historyList {
		width: 100%;
	}
	.historyList_wrap .history_img {
		display: none;
	}
	.historyList_wrap .historyList li+li {
		margin-top: 1rem;
	}
	.historyList_wrap .historyList li span.date {
		font-size: 1.8rem;
	}
	.historyList_wrap .historyList li span.cnts {
		font-size: 1.6rem;
	}
}

* /
/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 연혁 /////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_history {
	
}

.page_history .top_text {
	text-align: center;
}

.page_history .top_text .text_1 {
	font-size: 3.6rem;
	font-weight: 200;
	margin-bottom: 3rem;
	line-height: 1.3;
}

.page_history .top_text .text_1 strong {
	font-weight: 500;
}

.page_history .top_text .text_2 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #555;
}

/* ================================== 연혁 탭 ================================== */
.page_history .history_section {
	margin-top: 5rem;
	position: relative;
	height: auto;
}

.history_section:before {
	display: none;
}

.history_tab_wrap {
	width: 20%;
	float: left;
	position: static;
}

.history_tab_wrap>a {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	height: 4.5rem;
	display: block;
	color: #666;
	z-index: 10;
	text-align: center;
	border-right: 1px solid #222;
	box-sizing: border-box;
	background: #fff;
}

.history_tab_wrap.first>a {
	border-left: 1px solid #222;
}

.history_tab_wrap .tab_b1, .history_tab_wrap .tab_b2, .history_tab_wrap .tab_b3,
	.history_tab_wrap .tab_b4, .history_tab_wrap .tab_b5 {
	left: auto;
}

.history_tab_wrap>a span {
	display: block;
}

.history_tab_wrap>a span.year {
	line-height: 4.5rem;
	font-size: 1.7rem;
}

.history_tab_wrap>a span.dot {
	display: none;
}

.history_tab_wrap.active>a {
	color: #fff;
	background: #55bdea;
}

.history_tab_wrap:nth-child(even).active>a {
	background: #1475ad;
}

.history_tab_wrap.active>a span.dot {
	display: none;
}

/* ================================== 탭 내용 ================================== */
.history_tab_wrap .history_tab_cont {
	display: none;
	width: 500%;
	position: relative;
	padding-top: 5rem;
	box-sizing: border-box;
}

.history_tab_wrap .history_tab_cont.show {
	display: block;
}

.history_tab_wrap:nth-child(1) .history_tab_cont {
	margin-left: 0;
}

.history_tab_wrap:nth-child(2) .history_tab_cont {
	margin-left: -100%;
}

.history_tab_wrap:nth-child(3) .history_tab_cont {
	margin-left: -200%;
}

.history_tab_wrap:nth-child(4) .history_tab_cont {
	margin-left: -300%;
}

.history_tab_wrap:nth-child(5) .history_tab_cont {
	margin-left: -400%;
}

.history_tab_cont .title_bg {
	display: none;
}

.history_tab_cont.tab_1 .title_bg, .history_tab_cont.tab_2 .title_bg,
	.history_tab_cont.tab_3 .title_bg, .history_tab_cont.tab_4 .title_bg,
	.history_tab_cont.tab_5 .title_bg {
	background: none;
}

/* ================================== 연혁 목록 ================================== */
.historyList_wrap {
	margin-top: 0;
	width: 100%;
	display: block;
}

.historyList_wrap.history_columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 6rem;
}

.history_column {
	min-width: 0;
}

.history_business_title {
	font-size: 1.9rem;
	font-weight: 500;
	color: #101010;
	margin-bottom: 2.5rem;
	position: relative;
	padding-left: 1rem;
	line-height: 1.4;
}

.history_business_title:before {
	display: block;
	content: '';
	width: 0.35rem;
	height: 2.2rem;
	background: #49bde8;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.historyList_wrap .historyList {
	width: 100%;
	position: relative;
	padding-left: 3rem;
	box-sizing: border-box;
}

.historyList_wrap .historyList:before {
	display: block;
	content: '';
	width: 1px;
	background: #49bde8;
	position: absolute;
	top: 1rem;
	bottom: 1rem;
	left: 0.7rem;
}

.historyList_wrap .historyList li {
	padding-left: 0;
	position: relative;
	display: flex;
	align-items: flex-start;
	min-height: 4.5rem;
}

.historyList_wrap .historyList li+li {
	margin-top: 0;
}

.historyList_wrap .historyList li:before {
	display: block;
	content: '';
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #49bde8;
	position: absolute;
	top: 0.8rem;
	left: -2.75rem;
}

.historyList_wrap .historyList li span {
	display: block;
}

.historyList_wrap .historyList li span.date {
	width: 6.5rem;
	flex: 0 0 6.5rem;
	font-size: 2rem;
	font-weight: 700;
	color: #101010;
	position: relative;
	line-height: 1.45;
}

.historyList_wrap .historyList li span.date:before {
	display: none;
}

.historyList_wrap .historyList li span.cnts {
	flex: 1;
	font-size: 1.55rem;
	color: #555;
	line-height: 1.55;
	padding-top: 0.15rem;
}

/* 두 줄 이상 연혁 항목 하단 간격 */
.historyList_wrap .historyList li.multi_line {
	margin-bottom: 1.2rem;
}

/* 2026 ~ 현재 단일 연혁 */
.history_tab_wrap.first .historyList_wrap .historyList {
	width: 100%;
	max-width: 70%;
}

/* ================================== 연혁 이미지 ================================== */
.history_tab_cont>.history_img, .historyList_wrap .history_img {
	width: 100%;
	margin-top: 4rem;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 3rem;
	text-align: left;
}

.history_tab_cont>.history_img img, .historyList_wrap .history_img img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.historyList_wrap .history_img img+img {
	margin-top: 0;
}

/* ================================== clearfix ================================== */
.page_history .history_section:after {
	display: block;
	clear: both;
	content: '';
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1200px) {
	.historyList_wrap .historyList {
		width: 100%;
	}
	.historyList_wrap .history_img {
		width: 100%;
		text-align: left;
	}
}

@media all and (max-width: 768px) {
	.page_history .top_text .text_1 {
		font-size: 2.8rem;
		margin-bottom: 2.5rem;
	}
	.page_history .top_text .text_2 {
		font-size: 1.5rem;
	}
	.history_tab_wrap>a {
		width: 100%;
		height: 4.2rem;
	}
	.history_tab_wrap>a span.year {
		line-height: 4.2rem;
		font-size: 1.35rem;
	}
	.history_tab_cont .title_bg {
		padding: 0;
	}
	.historyList_wrap.history_columns {
		column-gap: 3rem;
	}
	.history_business_title {
		font-size: 1.7rem;
		margin-bottom: 2rem;
	}
	.historyList_wrap .historyList li span.date {
		width: 5.5rem;
		flex-basis: 5.5rem;
		font-size: 1.8rem;
	}
	.historyList_wrap .historyList li span.cnts {
		font-size: 1.45rem;
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.page_history .top_text .text_1 {
		font-size: 2.4rem;
	}
	.page_history .top_text .text_2 {
		font-size: 1.4rem;
	}
	.history_section:before {
		display: none;
	}
	.history_tab_wrap {
		width: 20%;
		margin-top: 0;
	}
	.history_tab_wrap.first {
		margin-top: 0;
	}
	.history_tab_wrap>a {
		display: block;
		height: 3.8rem;
	}
	.history_tab_wrap>a span.year {
		font-size: 1.05rem;
		line-height: 3.8rem;
		white-space: nowrap;
	}
	.history_tab_wrap .history_tab_cont {
		display: none;
		width: 500%;
		padding-top: 3rem;
	}
	.history_tab_wrap .history_tab_cont.show {
		display: block;
	}
	.history_tab_cont .title_bg {
		display: none;
	}
	.historyList_wrap {
		margin-top: 0;
	}
	.historyList_wrap.history_columns {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 4rem;
	}
	.historyList_wrap .historyList {
		width: 100%;
	}
	.historyList_wrap .history_img {
		display: grid;
		width: 100%;
	}
	.historyList_wrap .historyList li+li {
		margin-top: 0;
	}
	.historyList_wrap .historyList li span.date {
		font-size: 1.6rem;
	}
	.historyList_wrap .historyList li span.cnts {
		font-size: 1.35rem;
	}
	.history_tab_wrap.first .historyList_wrap .historyList {
		max-width: 100%;
	}
	.history_tab_cont>.history_img, .historyList_wrap .history_img {
		grid-template-columns: 1fr;
		row-gap: 1.5rem;
		margin-top: 3rem;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 조직도  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_organization {
	
}

.org_info_wrap {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}

.org_info_wrap .org_sum {
	text-align: left;
	font-size: 1.8rem;
}

.page_organization .info {
	font-size: 1.8rem;
	color: #101010;
	position: relative;
	padding-left: 3rem;
}

.page_organization .info:before {
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	line-height: 2.4rem;
	border-radius: 50%;
	text-align: center;
	content: 'i';
	background: #e05f5f;
	font-weight: 700;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0.3rem;
}

.page_organization .org_img {
	margin-top: 1rem;
}

.page_organization .org_img img.for_l {
	display: inline;
}

.page_organization .org_img img.for_m {
	display: none;
}

.contactInfo_tab {
	position: relative;
	padding-top: 6rem;
	margin-top: 2rem;
}

.contactInfo_tab .tab_inner {
	
}

.contactInfo_tab .tab_inner>a {
	position: absolute;
	top: 0;
	width: 12.5%;
	line-height: 5rem;
	text-align: center;
	border: 1px solid #ccc;
	color: #101010;
	font-size: 2.0rem;
}

.contactInfo_tab .tab_inner.active>a {
	background: #363636;
	border-color: #363636;
	color: #fff;
}

.contactInfo_tab .tab_inner>a.contact_btn_1 {
	left: 0;
}

.contactInfo_tab .tab_inner>a.contact_btn_2 {
	left: 12.5%;
}

.contactInfo_tab .tab_inner>a.contact_btn_3 {
	left: 25%;
}

.contactInfo_tab .tab_inner>a.contact_btn_4 {
	left: 37.5%;
}

.contactInfo_tab .tab_inner>a.contact_btn_5 {
	left: 50%;
}

.contactInfo_tab .tab_inner>a.contact_btn_6 {
	left: 62.5%;
}

.contactInfo_tab .tab_inner>a.contact_btn_7 {
	left: 75%;
}

.contactInfo_tab .tab_inner>a.contact_btn_8 {
	left: 87.5%;
}

.contactInfo_tab.contactInfo_2 .tab_inner>a {
	width: 50%;
}

.contactInfo_tab .tab_inner>a.contact_btn_2_1 {
	left: 0;
}

.contactInfo_tab .tab_inner>a.contact_btn_2_2 {
	left: 50%;
}

.contactInfo_tab .tab_inner .tab_cont {
	position: relative;
	width: 100%;
}

.contact_detail {
	margin-top: 3rem;
	border-top: 2px solid #363636;
}

.contact_detail>dl {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
}

.contact_detail>dl>dt, .contact_detail>dl>dd {
	padding: 1.2rem 0 1.2rem 3rem;
	font-size: 1.8rem;
}

.contact_detail>dl>.tit {
	width: 20%;
	max-width: 22rem;
	color: #101010;
	font-weight: 500;
	background: #f1f1f1;
	flex-grow: 0;
}

.contact_detail>dl>.cont {
	color: #555;
	width: 80%;
}

.contact_detail>dl>.cont.name {
	color: #116bbe;
}

.contact_detail>dl>.cont.number {
	font-size: 2.2rem;
	font-weight: 700;
}

.contact_detail>dl>.cont.number.num_multi {
	font-size: 1.8rem;
	font-weight: 500;
}

.contact_detail>dl>.cont.number.num_multi span {
	margin: 0 10px;
}

.contactInfo_tab .tab_inner .tab_cont .tab_title {
	display: none;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1024px) {
	.contactInfo_tab .tab_inner>a {
		font-size: 1.8rem;
	}
}

@media all and (max-width: 768px) {
	.page_organization .org_img img.for_l {
		display: none;
	}
	.page_organization .org_img img.for_m {
		display: inline;
		width: 100%;
		max-width: 400px;
	}
	.page_organization .info {
		display: none;
	}
	.contactInfo_tab {
		padding-top: 0;
	}
	.contactInfo_tab .tab_inner>a {
		display: none;
	}
	.contactInfo_tab .tab_inner .tab_cont {
		display: block;
	}
	.contactInfo_tab .tab_inner .tab_cont .tab_title {
		font-size: 2.1rem;
		color: #116bbe;
		font-weight: 500;
		margin-top: 3rem;
		display: block;
	}
	.contact_detail {
		margin-top: 1rem;
	}
	.contact_detail>dl>dt, .contact_detail>dl>dd {
		padding: 1rem 0 1rem 1rem;
		font-size: 1.6rem;
	}
	.contact_detail>dl>.tit {
		width: 10rem;
	}
	.contact_detail>dl>.cont {
		width: calc(100% - 10rem);
	}
	.contact_detail>dl>.cont.number {
		font-size: 2rem;
	}
	.contact_detail>dl>.cont.number.num_multi {
		font-size: 1.6rem;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// ci & bi  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_ci {
	
}

.ci_tab {
	position: relative;
	padding-top: 8rem;
	margin-top: -50px;
}

.ci_tab:before {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: #3f3f3f;
	position: absolute;
	top: 8rem;
	left: 0;
}

.ci_tab .tab_inner h4 {
	display: none;
}

.ci_tab .tab_inner>a {
	line-height: 8rem;
	position: absolute;
	top: 0rem;
	font-size: 2.4rem;
	color: #101010;
}

.ci_tab .tab_inner>a.ci_tab_btn1 {
	left: 0;
}

.ci_tab .tab_inner>a.ci_tab_btn2 {
	left: 150px;
}

.ci_tab .tab_inner>a.ci_tab_btn3 {
	left: 300px;
}

.ci_tab .tab_inner>a.ci_tab_btn4 {
	left: 450px;
}

.ci_tab .tab_inner.active>a:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 6px;
	background: #e05f5f;
	content: '';
}

.ci_tab .tab_inner .tab_cont {
	padding-top: 50px;
}

.page_ci .blue_mean {
	margin: 3rem 0;
	color: #0568b0;
}

.page_ci .blue_mean .blue_box {
	background: #0568b0;
	color: #fff;
	padding: 0 5px;
	display: inline-block;
	margin-right: 3px;
}

.page_ci .wordmark_img {
	border: 1px solid #ccc;
	padding: 5rem;
	display: flex;
	justify-content: space-between;
}

.page_ci .wordmark_img>div {
	width: 50%;
	text-align: center;
}

.page_ci .wordmark_img>div span {
	display: inline-block;
	margin-bottom: 1rem;
}

.page_ci .down_btn_wrap {
	margin-top: 8rem;
	text-align: center;
}

.page_ci .down_btn_wrap .blue_btn.down_btn {
	width: 26rem;
	margin: 0.2rem;
}

.page_ci .box_flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap; /*align-items:center;*/
}

.page_ci .box_flex .box {
	border: 1px solid #ccc;
	padding: 3rem 5rem;
	width: 49%;
	text-align: center;
	margin-bottom: 2rem;
	position: relative;
}

.page_ci .box_flex .box p {
	margin-bottom: 1.5rem;
	font-size: 2.0rem;
	font-weight: 500;
	color: #0568b0;
}

.page_ci .box_flex .box.box_5 img {
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 10rem);
}

.signature_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.signature_wrap .section {
	width: 49%;
}

.signature_wrap .section:nth-child(2) {
	margin-top: 0;
}

.signature_wrap .section .border_box {
	border: 1px solid #ccc;
	padding: 3rem;
}

.signature_wrap .section .border_box .box_in {
	display: flex;
	align-items: center;
	width: 100%;
}

.signature_wrap .section .border_box .box_in .tit {
	font-size: 1.7rem;
	font-weight: 500;
	color: #0568b0;
	display: inline-block;
	width: 130px;
	flex-grow: 0;
}

.signature_wrap .section .border_box .box_in:nth-child(2) {
	margin-top: 3rem;
}

.ci_cont_4 .ci_color_sum {
	text-align: center;
}

.ci_cont_4 .ci_color_sum img.for_l {
	display: inline;
}

.ci_cont_4 .ci_color_sum img.for_m {
	display: none;
}

.ci_cont_4 .section {
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 10rem auto 0;
}

.ci_cont_4 .section .tit_wrap {
	width: 270px;
	flex-grow: 0;
}

.ci_cont_4 .colorList {
	display: flex;
	flex-grow: 1;
}

.ci_cont_4 .colorList li {
	width: 33.3333%;
	text-align: center;
}

.bi_tab {
	position: relative;
	padding-top: 8rem;
	margin-top: -50px;
}

.bi_tab:before {
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: #3f3f3f;
	position: absolute;
	top: 8rem;
	left: 0;
}

.bi_tab .tab_inner h4 {
	display: none;
}

.bi_tab .tab_inner>a {
	line-height: 8rem;
	position: absolute;
	top: 0rem;
	font-size: 2.4rem;
	color: #101010;
}

.bi_tab .tab_inner>a.bi_tab_btn1 {
	left: 0;
}

.bi_tab .tab_inner>a.bi_tab_btn2 {
	left: 178px;
}

.bi_tab .tab_inner>a.bi_tab_btn3 {
	left: 394px;
}

.bi_tab .tab_inner>a.bi_tab_btn4 {
	left: 530px;
}

.bi_tab .tab_inner>a.bi_tab_btn5 {
	left: 660px;
}

.bi_tab .tab_inner.active>a:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 6px;
	background: #e05f5f;
	content: '';
}

.bi_tab .tab_inner .tab_cont {
	padding-top: 50px;
}

.bi_tab .border_box {
	border: 1px solid #ccc;
	padding: 3rem;
	text-align: center;
}

.bi_tab .flex_box {
	display: flex;
	justify-content: center;
}

.bi_tab .flex_box li {
	padding: 0 3rem;
	width: 50%;
}

.bi_tab .flex_box li:first-child {
	border-right: 1px solid #e1e1e1;
}

.bi_tab .flex_box li span {
	display: block;
	margin-bottom: 1rem;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1200px) {
}

@media all and (max-width: 1024px) {
	.ci_tab {
		margin-top: 0rem;
		padding-top: 5rem;
		border-top: 2px solid #3f3f3f;
	}
	.ci_tab:before {
		top: 6rem;
	}
	.ci_tab .tab_inner>a {
		line-height: 6rem;
		font-size: 2rem;
		width: 25%;
		text-align: center;
	}
	.ci_tab .tab_inner>a.ci_tab_btn1 {
		left: 0;
	}
	.ci_tab .tab_inner>a.ci_tab_btn2 {
		left: 25%;
	}
	.ci_tab .tab_inner>a.ci_tab_btn3 {
		left: 50%;
	}
	.ci_tab .tab_inner>a.ci_tab_btn4 {
		left: 75%;
	}
	.ci_tab .tab_inner .tab_cont {
		padding-top: 50px;
	}
	.page_ci .down_btn_wrap {
		margin-top: 5rem;
	}
	.signature_wrap .section .border_box .box_in {
		flex-wrap: wrap;
	}
	.signature_wrap .section .border_box .box_in .tit {
		width: 100%;
		margin-bottom: 1rem;
	}
	.signature_wrap .section .border_box .box_in .img {
		width: 100%;
	}
	.bi_tab {
		margin-top: 0rem;
		padding-top: 5rem;
		border-top: 2px solid #3f3f3f;
	}
	.bi_tab:before {
		top: 6rem;
	}
	.bi_tab .tab_inner>a {
		line-height: 6rem;
		font-size: 1.9rem;
		text-align: center;
	}
	.bi_tab .tab_inner>a.bi_tab_btn1 {
		left: 0;
		width: 21.09275%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn2 {
		left: 21.09275%;
		width: 17.28081%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn3 {
		left: 38.37356%;
		width: 25.15883%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn4 {
		left: 63.53239%;
		width: 17.15374%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn5 {
		left: 80.68615%;
		width: 19.31385%;
	}
	.bi_tab .tab_inner .tab_cont {
		padding-top: 50px;
	}
}

@media all and (max-width: 768px) {
	.ci_cont_4 .section {
		flex-wrap: wrap;
		margin-top: 6rem;
	}
	.ci_cont_4 .section .tit_wrap {
		width: 100%;
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.ci_tab:before {
		top: 4.5rem;
	}
	.ci_tab .tab_inner>a {
		line-height: 4.5rem;
		font-size: 1.5rem;
	}
	.ci_tab .tab_inner.active>a:after {
		height: 3px;
	}
	.ci_tab .tab_inner .tab_cont {
		padding-top: 30px;
	}
	.page_ci .wordmark_img {
		padding: 3rem;
		flex-wrap: wrap;
	}
	.page_ci .wordmark_img>div {
		width: 100%;
	}
	.page_ci .wordmark_img>div span {
		margin-bottom: 0.5rem;
	}
	.page_ci .wordmark_img>div+div {
		margin-top: 2rem;
	}
	.page_ci .down_btn_wrap .blue_btn.down_btn {
		width: 200px;
	}
	.page_ci .box_flex .box {
		width: 100%;
	}
	.page_ci .box_flex .box.box_5 img {
		top: auto;
		position: relative;
		left: auto;
		transform: translate(0, 0);
		width: 100%;
	}
	.signature_wrap .section {
		width: 100%;
	}
	.signature_wrap .section:nth-child(2) {
		margin-top: 4rem;
	}
	.signature_wrap .section .border_box {
		text-align: center;
	}
	.signature_wrap .section .border_box .box_in .tit {
		margin-bottom: 0.5rem;
	}
	.ci_cont_4 .ci_color_sum img.for_l {
		display: none;
	}
	.ci_cont_4 .ci_color_sum img.for_m {
		display: inline;
	}
	.bi_tab:before {
		top: 4.5rem;
	}
	.bi_tab .tab_inner>a {
		line-height: 4.5rem;
		font-size: 14px;
		letter-spacing: -0.07em;
	}
	/*.bi_tab .tab_inner > a.bi_tab_btn1 { left:0; }
	.bi_tab .tab_inner > a.bi_tab_btn2 { left:70px; }
	.bi_tab .tab_inner > a.bi_tab_btn3 { left:116px; }
	.bi_tab .tab_inner > a.bi_tab_btn4 { left:212px; }
	.bi_tab .tab_inner > a.bi_tab_btn5 { left:258px; }	*/
	.bi_tab .tab_inner>a.bi_tab_btn1 {
		left: 0;
		width: 22.5519%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn2 {
		left: 22.5519%;
		width: 13.6498%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn3 {
		left: 36.2017%;
		width: 32.0474%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn4 {
		left: 68.2491%;
		width: 13.3531%;
	}
	.bi_tab .tab_inner>a.bi_tab_btn5 {
		left: 81.6024%;
		width: 18.3976%;
	}
	.bi_tab .tab_inner .tab_cont {
		padding-top: 30px;
	}
	.bi_tab .flex_box {
		flex-wrap: wrap;
	}
	.bi_tab .flex_box li {
		width: 100%;
	}
	.bi_tab .flex_box li+li {
		margin-top: 2rem;
	}
	.bi_tab .flex_box li:first-child {
		border-right: 0;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 경영공시  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_mng {
	
}

.page_mng .company_info {
	display: flex;
	justify-content: center;
	background: #f1f1f1;
	padding: 5rem 3rem;
}

.page_mng .company_info>div {
	margin: 0 4rem;
}

.page_mng .company_info .com_logo {
	
}

.page_mng .company_info .com_info {
	font-size: 2.0rem;
}

.page_mng .company_info .com_info .tit {
	color: #101010;
	font-weight: 500;
	margin-right: 2rem;
}

.page_mng .company_info .com_info .cnts {
	
}

.page_mng .part_report {
	display: flex;
	flex-wrap: wrap;
}

.page_mng .part_report .part_area {
	width: 33.3333%;
	border: 1px solid #d3d2d2;
}

.page_mng .part_report .part_area dt {
	background: #0054a6;
	font-size: 2.0rem;
	color: #fff;
	padding: 0 2rem;
	line-height: 5.6rem;
}

.page_mng .part_report .part_area .report_list {
	padding: 1rem 2rem;
}

.page_mng .part_report .part_area .report_list li a {
	color: #101010;
	padding: 0.3rem 0;
}

.page_mng .part_report .part_area .report_list li a:hover, .page_mng .part_report .part_area .report_list li a:focus
	{
	text-decoration: underline;
	color: #0054a6;
}

.page_mng .part_report .part_area .report_list li ul {
	padding-left: 1rem;
}

.page_mng .part_report .part_area .report_list li ul li a {
	color: #555;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 767px) {
	.page_mng .company_info {
		padding: 3rem 2rem;
	}
	.page_mng .company_info>div {
		margin: 0;
	}
	.page_mng .company_info .com_logo {
		width: 30%;
		margin-right: 3rem;
	}
	.page_mng .part_report .part_area {
		width: 100%;
	}
	.page_mng .part_report .part_area dt {
		font-size: 1.8rem;
		line-height: 5rem;
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.page_mng .company_info {
		flex-wrap: wrap;
		padding: 3rem;
	}
	.page_mng .company_info .com_logo {
		width: 100%;
		margin-right: 0rem;
	}
	.page_mng .company_info .com_logo img {
		max-width: 20rem;
	}
	.page_mng .company_info .com_info {
		width: 100%;
		text-align: left;
		margin-top: 2rem;
		font-size: 1.8rem;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 찾아오시는 길  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_location {
	
}

.map_wrap {
	position: relative;
}

.map_wrap .skipNav a {
	top: -9999px;
}

.map_wrap .skipNav a:focus, .map_wrap .skipNav a:hover, .map_wrap .skipNav a:active
	{
	top: 0;
}

.map_wrap .map_div {
	position: relative;
	height: 500px;
	overflow: hidden;
	width: 100%;
}

.map_wrap .map_div .root_daum_roughmap {
	width: 100%;
}

.map_wrap .map_div .root_daum_roughmap .wrap_map {
	height: 468px;
}

.map_wrap .add_info {
	margin-top: 3rem;
}

.map_wrap .add_info dl {
	display: flex;
}

.map_wrap .add_info dl+dl {
	margin-top: 1rem;
}

.map_wrap .add_info dl dt.tit {
	width: 10rem;
	margin-right: 2rem;
}

.map_wrap .add_info dl dt.tit span {
	text-align: center;
	background: #4d555b;
	color: #fff;
	display: inline-block;
	width: 10rem;
}

.add_info .purple {
	color: #8445ce;
}

.add_info .green {
	color: #018207;
}

.add_info .navy {
	color: #0d1f7b;
}

.add_info .orange {
	color: #c85000;
}

.add_info .gold {
	color: #8f6c00;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1280px) {
	.page_location .map_wrap .map_div {
		height: 400px;
	}
	.map_wrap .map_div .root_daum_roughmap .wrap_map {
		height: 368px;
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.page_location .map_wrap .map_div {
		height: 300px;
	}
	.map_wrap .map_div .root_daum_roughmap .wrap_map {
		height: 268px;
	}
	.map_wrap .add_info dl {
		display: flex;
		flex-wrap: wrap;
	}
	.map_wrap .add_info dl dt.tit {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 역별매장관리연락처  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_branches {
	
}

.page_branches .branch_sum {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page_branches .branch_sum>p {
	display: flex;
	width: 50%;
	border: 1px solid #ccc;
}

.page_branches .branch_sum>p span {
	padding: 0.8rem;
}

.page_branches .branch_sum>p+p {
	border-left: 0;
}

.page_branches .branch_sum>p .tit {
	width: 10rem;
	background: #4d555b;
	text-align: center;
	color: #fff;
}

.page_branches .branch_sum>p .cnts {
	padding-left: 2rem;
}

.branch_mng {
	
}

.branch_mng .mng_station {
	display: flex;
	margin-top: 2rem;
}

.branch_mng .mng_station .subway_line {
	width: 22rem;
	position: relative;
	text-align: center;
	height: 56px;
}

.branch_mng .mng_station .station_list {
	padding-left: 2rem;
	width: calc(100% - 22rem);
	margin-top: 0.5rem;
}

.branch_mng .mng_station .station_list ul {
	display: flex;
	flex-wrap: wrap;
}

.branch_mng .mng_station .station_list ul li {
	font-size: 1.8rem;
	padding: 0.5rem 1.5rem;
	position: relative;
}

.branch_mng .mng_station .station_list ul li:after {
	display: inline-block;
	width: 1px;
	height: 1.6rem;
	content: '';
	background: #ccc;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.branch_mng .mng_station .station_list ul li:last-child:after {
	display: none;
}

.subway_line span {
	line-height: 50px;
	height: 56px;
	width: 18rem;
	border-radius: 28px;
	display: inline-block;
	text-align: center;
	font-size: 2.0rem;
	border: 3px solid #263c96;
	font-weight: 500;
	background: #fff;
	position: relative;
	letter-spacing: -0.07em;
}

.subway_line:before {
	width: 100%;
	height: 8px;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #263c96;
}

.subway_line.line_blue span {
	border-color: #263c96;
	color: #263c96;
}

.subway_line.line_blue:before {
	background: #263c96;
}

.subway_line.line_orange span {
	border-color: #f06e00;
	color: #dc5403;
}

.subway_line.line_orange:before {
	background: #f06e00;
}

.subway_line.line_emerald span {
	border-color: #7cc4a5;
	color: #198352;
}

.subway_line.line_emerald:before {
	background: #7cc4a5;
}

.subway_line.line_yellow span {
	border-color: #eba900;
	color: #9e6a10;
}

.subway_line.line_yellow:before {
	background: #eba900;
}

.subway_line.line_blue_1 span {
	border-color: #2c9ede;
	color: #027ec4;
}

.subway_line.line_blue_1:before {
	background: #2c9ede;
}

.subway_line.line_blue_2 span {
	border-color: #2673f2;
	color: #0c5cdf;
}

.subway_line.line_blue_2:before {
	background: #2673f2;
}

.subway_line.line_green span {
	border-color: #08af7b;
	color: #018a5f;
}

.subway_line.line_green:before {
	background: #08af7b;
}

.subway_line.line_grey span {
	border-color: #969696;
	color: #717171;
}

.subway_line.line_grey:before {
	background: #969696;
}

.subway_line.line_grey_1 span {
	border-color: #7f7f7f;
	color: #717171;
}

.subway_line.line_grey_1:before {
	background: #7f7f7f;
}

.subway_line.line_grey_2 span {
	border-color: #616161;
	color: #616161;
}

.subway_line.line_grey_2:before {
	background: #616161;
}

.subway_line.line_grey_3 span {
	border-color: #494949;
	color: #494949;
}

.subway_line.line_grey_3:before {
	background: #494949;
}

.page_branches .map_wrap .flex_box {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.page_branches .map_wrap .map_div {
	width: 50%;
}

.page_branches .map_wrap .add_info {
	width: 45%;
	margin-top: 0;
}

.page_branches .map_wrap .map_div {
	height: 400px;
}

.page_branches .map_wrap .map_div .root_daum_roughmap .wrap_map {
	height: 368px;
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 767px) {
	.page_branches .branch_sum>p {
		width: 100%;
	}
	.page_branches .branch_sum>p+p {
		border-left: 1px solid #ccc;
		border-top: 0;
	}
	.branch_mng .mng_station .station_list ul li {
		font-size: 1.7rem;
		padding: 0.5rem 1rem;
	}
	.subway_line span {
		font-size: 1.8rem;
	}
	.page_branches .map_wrap .flex_box {
		flex-wrap: wrap;
	}
	.page_branches .map_wrap .map_div {
		width: 100%;
	}
	.page_branches .map_wrap .add_info {
		width: 100%;
		margin-top: 2rem;
	}
	.page_branches .map_wrap .map_div {
		height: 350px;
	}
	.page_branches .map_wrap .map_div .root_daum_roughmap .wrap_map {
		height: 318px;
	}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.branch_mng .mng_station {
		background: #f1f1f1;
		flex-wrap: wrap;
	}
	.branch_mng .mng_station .subway_line {
		width: 100%;
	}
	.branch_mng .mng_station .station_list {
		width: 100%;
		padding: 1rem;
	}
	.branch_mng .mng_station .subway_line {
		height: 44px;
	}
	.subway_line span {
		line-height: 40px;
		height: 44px;
		border-radius: 22px;
		border-width: 2px;
	}
	.subway_line:before {
		height: 6px;
	}
	.page_branches .map_wrap .map_div {
		height: 300px;
	}
	.page_branches .map_wrap .map_div .root_daum_roughmap .wrap_map {
		height: 268px;
	}
}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 개인정보처리방침  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.page_privacy .text_box {
	background: #f1f1f1;
	padding: 4rem;
}

.page_privacy ul.list {
	
}

.page_privacy ul.list li+li {
	margin-top: 0.7rem;
}

.page_privacy .section strong {
	font-weight: 500;
}

.page_privacy .download {
	color: #202020;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0 10px;
	background: #efefef;
	font-size: 1.5rem;
	line-height: 2.4rem;
}

.page_privacy .download img {
	vertical-align: middle;
	margin-left: 0.5rem;
}

.page_privacy table.for_pc {
	display: table;
}

.page_privacy table.for_mobile {
	display: none;
}

.page_privacy .btn_prev_privacy {
	color: #616161;
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 599px) {
	.page_privacy .text_box {
		padding: 2rem;
	}
	.page_privacy table.for_pc {
		display: none;
	}
	.page_privacy table.for_mobile {
		display: table;
	}
	.page_privacy .overflow_x {
		width: 100%;
		overflow-x: auto;
	}
	.page_privacy .overflow_x table {
		width: auto !important;
		min-width: 100%;
		table-layout: fixed;
		white-space: nowrap;
	}
}