@charset "UTF-8";

.subWrap { 
    font-size:1rem;
    letter-spacing:-0.01em;
    line-height:1.625;
	color:#222;
}

.section { }

.section:not(:last-child) {
    margin-bottom:2rem;
}

.section-pd {
	padding:2rem 0;
} 
.section-ma {
	margin:2rem 0; 
}

/* 타이틀 */
.section-title {
    font-size:2em;
    font-weight:500;
    word-break:keep-all;
}
.section-subtitle {
    font-size:1.625em;
    font-weight:500;
    word-break:keep-all;
}

/* 텍스트 박스 시작점 */
.sub-area-txt { 
	clear:both;
	margin-top:3rem;
}

/* dl */
.sub-dl { 
	display:block; 
	margin-bottom:1rem;
}
.sub-dl dt,
.sub-dl dd { 
	display:inline-block; 
	vertical-align:top; 
}
.sub-dl-block dt,
.sub-dl-block dd { 
	display:block; 
	vertical-align:top; 
}
.sub-dl dt { 
	width:60px; 
} 
.sub-dl-block dt { 
	width:100%;
	margin-bottom:0.5rem;
}
.sub-dl dd { 
	width :90%; /* 구식 브라우저를 위한 대비책(fallback) */
    width :-webkit-calc(100% - 100px); /* for Chrome, Safari */
    width :-moz-calc(100% - 100px); /* for Firefox */
    width :calc(100% - 100px); /* for IE */
	word-break:keep-all;
} 
.sub-dl-block dd { 
	width:100%;
}
.sub-dl dd p { }
.sub-dl dd ol { 
	padding:0.5rem 0; 
}
.sub-dl dd li { 
	list-style:none; 
	display:block;
	margin:0.5rem 0;
}
.sub-dl dd li.inline { 
	display:inline-block;
	margin-right:1rem;
}
.sub-dl dd li.vision_icon { }
.sub-dl dd li.vision_icon img {
	display:inline-block;
	vertical-align:middle;
}
.sub-dl dd li.vision_icon span { 
	display:inline-block;
	vertical-align:middle;
	font-size:1.125rem;
	color:#888;
	padding-left:10px; 
}
.sub-dt-num {
	font-size:2rem;
	color:#c8c8c8;
}
.sub-dd-tit {
	font-size:1.8rem;
	color:#c8c8c8;
	padding-bottom:0.5rem;
}

@media (max-width:640px) {
	.sub-dl dt,
	.sub-dl dd { display:block; width:100%; }
	.sub-dl dd li.inline { display:block; }
	.sub-dl dd li.vision_icon img { max-height:70px; }
}





/* 테이블 */
.section-table-title { 
	font-size:1.5rem; 
	padding-bottom:1.5rem;
	position:relative;
} 
.section-table-title:before { 
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:4rem;
	height:3px;
	background:#ed1c24;
}
.section-box--table {
    padding-top:0.6875rem;
}
.section-box--table th {
    width:6rem;
	font-weight:bold;
}
.section-table > thead > tr > th,
.section-table > thead > tr > td,
.section-table > tbody > tr > th,
.section-table > tbody > tr > td {
    padding:1rem 0;
}
.section-table--sm > thead > tr > th,
.section-table--sm > thead > tr > td,
.section-table--sm > tbody > tr > th,
.section-table--sm > tbody > tr > td {
    padding:0.5rem 0;
}

/*  */
.section p {
    word-break:keep-all;
}

.section-paragraph p + p {
    padding-top:1rem;
}
.section-paragraph--sm p + p {
    padding-top:0.5rem;
}


.pc-none { display:none; }

@media (max-width:768px) {
	.section-title { font-size:1.65rem; }
	.sub-dt-num { font-size:1.65rem; }
	.sub-dd-tit { font-size:1.4rem; }

	.pc-none { display:block; }
	.m-none { display:none; }
}









/* greeting */
.about-greeting .section-paragraph { }
.about-greeting .img-sign {
    display:inline-block;
    vertical-align:bottom;
    margin-left:0.25rem;
}



/* 히스토리 */
#historyBox { clear:both; }
#historyBox > ul { width:100%; padding:0 50px 0 300px; box-sizing:border-box; }
#historyBox > ul > li { position:relative; padding:23px 0 45px 45px; border-left:1px solid #ebebeb; }
#historyBox > ul > li:last-child { padding-bottom:0; }
#historyBox .yearList dt { position:absolute; left:-166px; top:0; width:170px; height:70px; line-height:70px; padding-right:50px; text-align:right; box-sizing:border-box; background:#fff; font-size:2rem; }
#historyBox .yearList dt:after { content:""; position:absolute; right:0; top:50%; display:inline-block; width:8px; height:8px; border-radius:4px; margin-top:-4px; background:#ed1c24; }
#historyBox .monthList > li { position:relative; margin-top:30px; }
#historyBox .monthList > li:first-child { margin-top:0; }
#historyBox .monthList > li > strong { position:absolute; left:0; top:0; display:inline-block; width:60px; font-weight:400; }
#historyBox .monthList > li li { margin-top:10px; }
#historyBox .monthList > li li:first-child { margin-top:0; }

@media screen and (max-width:767px) {
	#historyBox > ul { padding:0 15px; }
	#historyBox > ul > li { padding:0 0 50px 30px; }
	#historyBox .yearList dt { position:relative; left:auto; top:auto; width:auto; height:34px; margin-left:-34px; line-height:34px; margin-bottom:10px; padding:0 0 0 35px; text-align:left; font-size:1.65rem; }
	#historyBox .yearList dt:after { right:auto; left:0; }
	#historyBox .monthList > li { padding-left:0; }
	#historyBox .monthList > li > strong { position:static; left:auto; top:auto; display:block; width:auto; margin-bottom:10px; font-size:1.333rem; }
	#historyBox .monthList > li li { font-size:1rem; }
	#historyBox > ul > li:last-child { border-left:0; }
	#historyBox .imgArea p strong { font-size:1.333rem; }
}




/*
 * location
*/
.about-location .section {
    font-size:1rem;
    font-weight:400;
}
.about-location .section .section-table {
	padding:1.375rem 1.375rem 2.75rem; 
}
.about-location .location-tabs {
    font-size:0.9333em;
    border:1px solid #ddd;
    border-bottom:0;
}
.about-location .location-tabs > li {
    width:50%;
    margin-bottom:0;
}
.about-location .location-tabs > li > a {
    margin-right:0;
    padding:0;
    text-align:center;
    line-height:3.3333;
    background-color:#f7f7f7;
    border:0;
    border-bottom:1px solid #ddd;
}
.about-location .location-tabs > li + li > a {
    border-left:1px solid #ddd;
}
.about-location .location-tabs > .active > a:hover,
.about-location .location-tabs > .active > a:focus,
.about-location .location-tabs > .active > a {
    color:inherit;
    border-top:0;
    border-right:0;
}
.about-location .location-tabs > .active > a {
    font-weight:500;
    background-color:#fff;
    border-bottom-color:transparent;
}
.about-location .location-panes {
    padding:1rem;
    border:1px solid #ddd;
    border-top:0;
}
.about-location .contact-icon {
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1.125rem;
}
.about-location .fa-map-marker {
    font-size:1.5rem;
}


/* ci 소개 */
.about-ci { }
.about-ci .page_ci_img { margin-bottom:2rem; }
.about-ci .ci-icon,
.about-ci .ci-txt { display:inline-block; vertical-align:middle; margin-bottom:0.5rem; }
.about-ci .ci-icon { width:90px; }
.about-ci .ci-txt { width:calc(100% - 110px); padding-left:20px; }
.about-ci .colorchip { display:inline-block; width:10px; height:10px; margin-right:10px; }
.about-ci .colorchip.color_bg1 { background-color:#ed1c24; }
.about-ci .colorchip.color_bg2 { background-color:#65646a; }
.about-ci .btn_wrap { 
	margin-top:2rem; 
}
.about-ci .btn_wrap a { 
    min-width:11rem;
    height:auto;
    padding:0.75rem 1rem;
    margin:0 1px;
    font-size:1rem;
    font-weight:300;
    line-height:1.5;
    text-align:left;
}


/* 윤리강령 */
.about-ethics { }
.about-ethics p { text-align:justify; }
.about-ethics .section-tit { font-size:1.125rem; font-weight:500; padding-top:1rem; }
.about-ethics .section-tit.first { padding-top:0; }
.about-ethics .text-bold { font-weight:600; }
.about-ethics .section-table-title { padding-top:2rem; }
.about-ethics .section-table-title.first { padding-top:0; }
.about-ethics .pdtop { padding-top:0.5rem; }
.about-ethics em.underline { text-decoration:underline; }
.about-ethics .section-toptxt { padding:2rem; font-family:'Noto Serif KR', serif; }
.about-ethics .section-toptxt p { font-size:1.125rem; }
.about-ethics .section-txt { padding:2rem; font-family:'Noto Serif KR', serif; }
.about-ethics .section-txt p { padding-left:20px; }

/* 사이트맵 */
.site_map { margin:0 auto; padding-top:2rem; font-size:0; }
.site_map:after { display:block; content:''; clear:both; }
.site_map .site_list { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20%; }
.site_map .site_list .tit { display:block; font-size:1.5rem; padding-bottom:0.5rem; }
.site_map .site_list ul { }
.site_map .site_list li { line-height:30px; }
.site_map .site_list li a { font-size:1rem; color:#7a7a7a; }
.site_map .site_list li a:hover { color:#222; padding-left:4px; }
@media (max-width:768px) {
	.site_map .site_list .tit { font-size:1.2rem; }
	.site_map .site_list li a { font-size:0.85rem; }
}
@media (max-width:520px) {
	.site_map { text-align:center; }
	.site_map .site_list { width:100%; text-align:center; padding-bottom:1rem; }
}



/* 비즈니스 관련 페이지 탭 */
.business-tabs { }
.business-tabs > li {	
	float:left; 
	width:50%; 
	background:#eee; 
}
.business-tabs > li > a,
.business-tabs > li.active > a,
.business-tabs > li.active > a:focus,
.business-tabs > li.active > a:hover {
	background-color:transparent;
	border-bottom:2px solid transparent;
}
.business-tabs > li > a {
	padding:1rem 0;
	color:#888;
	font-size:1rem;
	letter-spacing:-0.01em;
	line-height:1;
	-webkit-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-ms-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.business-tabs > li > a:focus,
.business-tabs > li > a:hover {
	color:#888;
	background-color:transparent;
}
.business-tabs > li.active > a,
.business-tabs > li.active > a:focus,
.business-tabs > li.active > a:hover {
	color:#222;
	border-bottom-color:#222;
}
.business-panes { 
	border:1px solid #ddd;
	border-top:0;
	padding:2rem 1rem;
}
.business-panes p img {
	margin:0 auto;
}




/* vrzon */
.vr_infoBox { position:relative; padding-top:66px; border-bottom:1px solid #ddd; padding-bottom:3rem; }
.vr_infoBox:after { content:""; display:block; clear:both; }
.vr_infoBox > li { float:left; text-align:center; width:48%; margin-right:2%; position:relative; }
.vr_infoBox > li:last-child { margin-right:0; }
.vr_infoBox > li:last-child:after { display:none; }
.vr_infoBox > li > .img { border:2px solid #ddd; border-radius:50%; width:140px; height:140px; line-height:140px; display:inline-block; position:relative; margin-bottom:70px; }
.vr_infoBox > li > .img:before { content:""; display:inline-block; width:168px; height:168px; border:1px solid #ddd; border-radius:50%; position:absolute; top:-16px; left:-16px; }
.vr_infoBox > li > .img:after { content:""; display:inline-block; width:1px; height:70px; background:#ddd; position:absolute; bottom:-70px; left:50%; transform:translateX(-50%); }
.vr_infoBox > li > .txt > h4 { font-size:2rem; margin:1rem 0; }
.vr_infoBox > li > .txt > ul > li { font-size:1rem; margin-bottom:0.5rem; }
.vr_infoBox > li > .txt > ul > li:before { content:""; display:inline-block; width:3px; height:3px; background:#ed1c24; margin-right:5px; margin-bottom:5px; }
.vr_infoBox > li > .txt > ul > li:last-child { margin-bottom:0; }
@media (max-width:768px) {
	.vr_infoBox > li { float:none; width:100%; margin-right:0; margin-bottom:2rem; }
	.vr_infoBox > li:last-child { margin-bottom:0; }
	.vr_infoBox > li > .img { width:100px; height:100px; line-height:100px; margin-bottom:40px; }
	.vr_infoBox > li > .img img { height:44px; }
	.vr_infoBox > li > .img:before { width:116px; height:116px; position:absolute; top:-10px; left:-10px; }
	.vr_infoBox > li > .img:after { height:40px; position:absolute; bottom:-40px; }
	.vr_infoBox > li > .txt > h4 { font-size:1.65rem; }
}




/* 인재채용 */
.page-recruit { }
.recruit-box {
	clear:both;
	margin-top:30px;
}
.recruit-box.first {
	margin-top:0;
}
.recruit-tabs { }
.recruit-tabs > li {	
	float:left; 
	width:33.33%;
	background:#999; 
	cursor:pointer;
}
.recruit-tabs > li.active { 
	background:#3c6db1;
}
.recruit-tabs > li:nth-child(1) {
	border-radius:5px 0 0 5px; 
}
.recruit-tabs > li:nth-child(3) {
	border-radius:0 5px 5px 0
}
.recruit-tabs > li > a {
	display:block;
	padding:1rem 0;
	color:#fff;
	font-weight:300;
	font-size:1.25rem;
	letter-spacing:-0.01em;
	line-height:1;
	-webkit-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-moz-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-ms-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
	transition:color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.recruit-tabs > li > a:focus,
.recruit-tabs > li > a:hover {
	color:#fff;
	background-color:transparent;
}
.recruit-tabs > li.active > a,
.recruit-tabs > li.active > a:focus,
.recruit-tabs > li.active > a:hover {
	color:#fff;
	font-weight:500;
}
.recruit-panes {
	clear:both;
	border:0;
	padding:2rem 0; 
}
.recruit-panes p img {
	margin:0 auto;
}
.recruit-panes h3 { 
	display:block;
    font-size:1.8rem;
    color:#c8c8c8;
    padding-bottom:1rem;
    margin-bottom:1rem;
	position:relative;
}
.recruit-panes h3:before {
	content:"";
	display:block;
	position:absolute;
	background:#c8c8c8;
	bottom:0;
	left:0;
	width:30px;
	height:2px;
}

.recruit-txt-list { clear:both; height:auto; overflow:hidden; }
.recruit-txt-list > div { padding:0; }
.recruit-txt-list > div > h4 { font-size:1.333rem; font-weight:500; position:relative; padding-left:10px; margin-bottom:0.5rem; }
.recruit-txt-list > div > h4:before { content:""; position:absolute; left:0; top:50%; z-index:1; background:#ed1c24; width:3px; height:18px; margin-top:-9px; }
.recruit-txt-list > div > dl { display:block; margin-bottom:0.5rem; }
.recruit-txt-list > div > dl > dt { display:inline-block; vertical-align:top; width:70px; font-weight:bold; }
.recruit-txt-list > div > dl > dd { display:inline-block; vertical-align:top; }
.recruit-txt-list > div > p { margin-bottom:0.5rem; }
.recruit-txt-list2 > div > dl { margin-bottom:1rem; }
.recruit-txt-list2 > div > dl > dt { display:block; width:100%; margin-bottom:0.5rem; }
.recruit-txt-list2 > div > dl > dd { display:block; }
.bg-recruit { position:absolute; bottom:0; right:0; z-index:1; padding-bottom:4rem; }
.btn-recruit-form { min-width:200px; position:absolute; bottom:-21px; left:50%; z-index:1; margin-left:-100px; }
@media (max-width:768px) {
	.recruit-panes p.bordered.section-pd { padding:2rem 1rem; }
	.bg-recruit { display:none; }
}