@charset "UTF-8";

/***** 공통 *****/
#container {
	margin-top: -64px;
}
.hidden {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}
h4.section_title {
	text-align: center;
	color: #101010;
	font-size: 30px;
}

/* 다운로드 버튼 */
.download_btn {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
	text-align: center;
}
.download_btn:after {
	content: '';
	display: inline-block;
	background: url(/assets/img/common/download_icon.png);
	width: 13px;
	height: 13px;
	margin-left: 5px;
}
.download_btn.no_icon:after {
	display: none;
}
/* 목록 버튼 */
.list_view_btn {
	display: block;
	width: 143px;
	height: 42px;
	line-height: 43px;
	margin: 40px auto 0;
	border: 1px solid #b7b7b7;
	color: #333;
	font-size: 15px;
	text-align: center;
}
/* 서브 상단 bg 영역 공통 */
.page_spot {
	height: 338px;
	min-width: 1100px;
	background: no-repeat center 0;
}
.page_spot h2 {
	width: 0;
	height: 0;
	font-size: 0;
	text-indent: -9999px;
}
/* 2depth 탭메뉴 스타일 */
.sub_menu {
	background-color: #e9e9e9;
}
.sub_menu.fixed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
.sub_menu ul.sub_menu_list {
	margin: 0 auto;
	width: 1100px;
}

.sub_menu ul.sub_menu_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.sub_menu ul.sub_menu_list li {
	float: left;
	border-left: 1px solid white;
}
.sub_menu ul.sub_menu_list li:first-child {
	border: 0;
}
.sub_menu ul.sub_menu_list li a {
	display: block;
	text-align: center;
	padding: 19px 0 18px;
	height: 13px;
	line-height: 13px;
	color: #666;
	font-size: 14px;
	background-color: #e9e9e9;
	box-sizing: content-box;
}
.sub_menu ul.sub_menu_list li.on a {
	border-top: 2px solid #e6240f;
	color: #e6240f;
	background-color: white;
	padding: 17px 0 18px;
}
.sub_menu.split2 li {
	width: 550px;
}
.sub_menu.split3 li {
	width: 366.6px;
}

.sub_menu.split4 li {
	width: 275px;
}
.sub_menu.split5 li {
	/*width: 183px;*/
	width: 219.2px;
}
.sub_menu.split6 li {
	width: 182.5px;
}
/* 3depth 탭메뉴 스타일 */
.tabList {
	width: 100%;
}
.tabList ul {
	width: 100%;
}
.tabList ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.tabList ul li {
	float: left;
	line-height: 49px;
	border: 1px solid #d2d2d2;
	border-left: 0;
	text-align: center;
}
.tabList ul li:first-child {
	border-left: 1px solid #d2d2d2;
}
.tabList ul li a {
	display: block;
	height: 48px;
	color: #333;
	font-size: 15px;
}
.tabList ul li a.on {
	background-color: #ededed;
	color: #e6240f;
}

/* 현재 위치 */
.page_location {
	display: block;
	width: 1100px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: right;
	letter-spacing: 0;
}

/* 서브 공통 레이아웃 */
#content {
	min-width: 1100px;
	padding-top: 43px;
	padding-bottom: 200px;
}
#content .section {
	width: 960px;
	margin: 0 auto;
}
#content .section h4.sub_title {
	text-align: center;
	color: #101010;
	font-size: 25px;
}
#content .full_section {
	width: 100%;
	min-width: 960px;
	position: relative;
}
#content .sub_pagination {
	display: none;
	position: relative;
	padding: 0 7%;
}
#content .sub_pagination a {
	position: absolute;
}
#content .sub_pagination a img {
	width: 41px;
}
#content .sub_pagination a.left {
	left: 0;
	padding-left: 7%;
}
#content .sub_pagination a.right {
	right: 0;
	padding-right: 7%;
}

/* 타이틀 공통 */
.hgroup {
	width: 960px;
	margin: 0 auto 45px;
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
}
.hgroup h3.page_title img {
	height: 38px;
}
.hgroup p.title_desc {
	display: block;
	color: #888;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: -0.5px;
	padding-top: 13px;
}
table.table {
	width: 100%;
}
/* 테이블 스타일 */
table.normal_table {
	border-bottom: 2px solid #d2d2d2;
	border-top: 2px solid black;
}
table.normal_table caption {
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
table.normal_table th, table.normal_table td {
	height: 68px;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	text-align: center;
	font-size: 15px;
	color: #333;
}
table.normal_table th {
	font-weight: 500;
	background-color: #f2f2f2;
}
table.lien-table {
	border-bottom: 1px solid #d2d2d2;
}
table.lien-table th, table.lien-table td {
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
table.lien-table th:first-child, table.lien-table td:first-child {
	border-left: 0;
}
table.lien-table th:last-child, table.lien-table td:last-child {
	border-right: 0;
}
table.guide_table th, table.guide_table td {
	height: auto;
	padding: 4%;
}
table.guide_table td {
	text-align: left;
}

/* select-box */
span.select-box {
	position: relative;
	height: 39px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
span.select-box select {
	position: absolute;
	left: -9999px;
	display: none;
}
span.select-box > a {
	position: relative;
	border: 1px solid #c2c2c2;
	display: block;
	padding: 0 10px;
	text-align: left;
	font-size: 15px;
	background-color: white;
}
span.select-box > a:after {
	content: '';
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -3px;
	font-size: 20px;
	height: 6px;
	width: 6px;
	background: url(/assets/img/common/dSelect.gif) no-repeat;
}
span.select-box ul {
	position: absolute;
	left: 0;
	top: 25px;
	border: 1px solid #ccc;
	border-top: none;
	display: none;
	background: #fff;
	max-height: 280px;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	overflow-y: auto;
	z-index: 999;
}
span.select-box ul li {
	list-style: none !important;
	width: 100%;
}
span.select-box ul a {
	display: block;
	line-height: 25px;
	height: 25px;
	padding: 0 10px;
	font-size: 15px;
	text-align: left !important;
	background-color: white;
}
.select-box.select-active ul a:hover {
	background-color: #1e90ff;
	color: white;
}

/* 게시판 공통 */
.view_detail, .recruit_detail {
	font-size: 14.6667px;
	color: black;
	line-height: 2em;
	word-break: break-all;
	font-family: '돋움',Dotum,Helvetica,Sans-serif;
	letter-spacing: 0;
}
.view_detail {
	padding: 75px 25px;
	box-sizing: content-box;
}
.recruit_detail {
	padding: 75px 30px;
	border-bottom: 2px solid #d2d2d2;
	font-family: 'Noto Sans KR', sans-serif, Helvetica;
}

/* 풋터 공통 */
#footer {
	min-width: 1100px;
	background: url(/assets/img/common/sub_footer.gif) no-repeat center 0;
}
.footer_inner {
	width: 1100px;
	margin: 0 auto;
}


/***** company *****/
.company .page_spot {
	background-image: url(/assets/img/company/page_title_bg.jpg);
}
.company .hgroup {
	border: none;
}
.company h4.section_title {
	padding-bottom: 18px;
}

/* 기업개요 */
.overview .mission {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}
.overview .mission h4 {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}
.overview .mission img {
	width: 100%;
}

.overview .mission_list {
	position: relative;
	z-index: 2;
	background-color: white;
}
.overview .mission_list ol {
	border-top: 2px solid black;
	border-bottom: 2px solid #d2d2d2;
}
.overview .mission_list ol:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.overview .mission_list ol li {
	position: relative;
	float: left;
	width: 320px;
	padding: 45px 20px 60px;
	border-left: 1px solid #d2d2d2;
}
.overview .mission_list ol li:first-child {
	border: none;
}
.overview .mission_list ol li:after {
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
	top: 40px;
	right: 20px;
	background: url(/assets/img/company/overview_icon.png) no-repeat 0 0;
}
.overview .mission_list ol li span {
	font-weight: 600;
	color: #9db7d2;
	font-size: 15px;
}
.overview .mission_list ol li h5 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 30px;
	height: 60px;
}
.overview .mission_list ol li p {
	font-size: 15px;
}

.overview .mission_list ol li.m2:after {
	background-position: 0 -80px;
}

.overview .mission_list ol li.m3:after {
	background-position: 0 -160px;
}

/* ceo인사말 */
.ceo .ceo_box .img_box {
	height:350px;
	padding: 80px 85px 0 85px;
	background: url(../img/company/ceo_img.jpg) no-repeat;
}
.ceo .ceo_box .img_box h4.ceo_title {
	font-weight: 300;
	color: #e6240f;
	font-size: 45px;
	line-height: 50px;
}
.ceo .ceo_box .img_box strong {
	display: block;
	padding: 20px 0 25px;
	font-weight: 500;
	color: #333;
	font-size: 18px;
}
.ceo .ceo_box .text-box {
	background: #56585f;
	color: white;
	padding: 35px 80px 35px 90px;
}

.ceo .ceo_box .text-box p {
	padding: 12px 0;
	font-size: 15px;
	line-height: 24px;
	text-align: justify;
}

/* 가치체계 */
.vision .section {
	padding-bottom: 100px;
}
.vision .mission {
	position: relative;
	z-index: 1;
}
.vision .mission h4 {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}

.vision .mission img {
	width: 100%;
}

.vision ul.vision_list {
	border-top: 2px solid #000;
	border-bottom: 2px solid #d2d2d2;
}

.vision ul.vision_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.vision ul.vision_list li.item {
	float: left;
	width: 444px;
	padding: 43px 0 0 35px;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
	box-sizing: content-box;
}
.vision ul.vision_list li.item:after {
	content: '';
	display: block;
	position: absolute;
	right: 35px;
	top: 40px;
	width: 82px;
	height: 82px;
}
.vision ul.vision_list li.item span.num {
	display: block;
	color: #b2b2b2;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: -5px;
}
.vision ul.vision_list li.item strong {
	display: block;
	font-size: 25px;
	font-weight: 500;
	color: #101010;
}
.vision ul.vision_list li.item p {
	padding: 18px 0 34px;
	color: #333;
	font-size: 18px;
	font-weight: 500;
}
.vision ul.vision_list li.item ul.detail_li li {
	padding-left: 10px;
	background: url(/assets/img/common/list-style01.gif) no-repeat 0 10px;
	color: #888;
	font-size: 15px;
	line-height: 24px;
}
.vision ul.vision_list li.item01 {
	height: 290px;
	border-right: 1px solid #d2d2d2;
}

.vision ul.vision_list li.item01:after {
	background: url(/assets/img/company/vision_icon01.png) no-repeat;
}
.vision ul.vision_list li.item02 {
	height: 290px;
}

.vision ul.vision_list li.item02:after {
	background: url(/assets/img/company/vision_icon02.png) no-repeat;
}
.vision ul.vision_list li.item03 {
	height: 297px;
	border-right: 1px solid #d2d2d2;
}

.vision ul.vision_list li.item03:after {
	background: url(/assets/img/company/vision_icon03.png) no-repeat;
}
.vision ul.vision_list li.item04 {
	height: 297px;
}

.vision ul.vision_list li.item04:after {
	background: url(/assets/img/company/vision_icon04.png) no-repeat;
}
.vision ul.vision_list li.item05 {
	height: 287px;
	border-right: 1px solid #d2d2d2;
}

.vision ul.vision_list li.item05:after {
	background: url(/assets/img/company/vision_icon05.png) no-repeat;
}
.vision ul.vision_list li.item06 {
	height: 287px;
}

.vision ul.vision_list li.item06:after {
	background: url(/assets/img/company/vision_icon06.png) no-repeat;
}
.vision ul.vision_list li.item07 {
	height: 180px;
	border-bottom: 0;
}

.vision ul.vision_list li.item07:after {
	background: url(/assets/img/company/vision_icon07.png) no-repeat;
}
.vision .sec04 {
	background: url(/assets/img/company/vision_img05.gif) repeat-x 0 0;
}
.vision .book_wrap {
	width: 670px;
	margin: 0 auto;
	padding-top: 60px;
}
.vision .book_wrap:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.vision .book_wrap img.book_img {
	float: left;
}
.vision .book_wrap .book_con {
	float: left;
	padding-left: 70px;
}
.vision .book_wrap .subtitle {
	display: block;
	padding: 17px 0 22px;
	font-size: 18px;
	color: #666;
	line-height: 28px;
}
.vision .book_wrap p {
	font-size: 15px;
	color: #333;
	line-height: 25px;
	font-weight: 500;
}
.vision .book_wrap .btns {
	margin-top: 73px;
}
.vision .book_wrap a.download_btn {
	width: 145px;
	margin-left: 8px;
}

.vision .book_wrap a.download_btn:first-child {
	margin-left: 0;
}
.vision .sec03 {
	padding-bottom: 0;
	padding-top: 135px;
}

.vision .sec03 dl.hdc_slogan {
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 100px 206px;
}

.vision .sec03 dl.hdc_slogan dt {
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 30px;
	margin-bottom: 25px;
}

.vision .sec03 dl.hdc_slogan dd {
	font-size: 15px;
	font-weight: 500;
}

/* 주요연혁 */
.history .tabList.tab3 ul li {
	width: 33.33333333333333%;
}

.history .tabContent {
	display: none;
	position: relative;
	margin-top: 50px;
}
.history .tabContent dl {
	position: relative;
}

.history .tabContent dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.history .tabContent dl:first-child dt:after {
	top: 0;
}

.history .tabContent dl.last dd.history_txt {
	padding-bottom: 240px;
}
.history .tabContent dt {
	position: relative;
	line-height: 30px;
	width: 95px;
	color: #333;
	font-size: 30px;
	font-weight: 600;
	float: left;
	min-height: 30px;
}

.history .tabContent dt:after {
	content: '';
	position: absolute;
	display: block;
	right: -6px;
	top: 7px;
	width: 10px;
	height: 11px;
	background: url(/assets/img/company/history_y_icon.gif) no-repeat 0;
}
.history .tabContent dd.history_txt {
	width: 834px;
	line-height: 24px;
	padding-left: 30px;
	padding-bottom: 125px;
	border-left: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
	float: left;
	min-height: 30px;
}
.history .tabContent dd.history_txt.last {
	padding-bottom: 310px;
}
.history .tabContent dd.history_txt ul li {
	position: relative;
	padding-left: 35px;
	padding-bottom: 6px;
	font-size: 100%;
}

.history .tabContent dd.history_txt ul li strong {
	position: absolute;
	left: 0;
}
.history .tabContent dd.history_img {
	position: absolute;
	right: 0;
	width: 391px;
}
.history .tabContent dd.history_img ul li {
	display: block;
	text-align: right;
	padding-bottom: 45px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
}
.history .tabContent dd.history_img ul li img {
	width: 100%;
	margin-bottom: 10px;
}


.history .tabContent dd.history_img.history2018 {
	top: 0px;
}
.history .tabContent dd.history_img.history2015 {
	top: -400px;
}
.history .tabContent dd.history_img.history2014 {
	top: 190px;
}
.history .tabContent dd.history_img.history2013 {
	top: -450px;
}
.history .tabContent dd.history_img.history2012 {
	top: 90px;
}
.history .tabContent dd.history_img.history2009 {
	top: 0;
}
.history .tabContent dd.history_img.history2006 {
	top: 140px;
}
.history .tabContent dd.history_img.history2004{
	top: 0;
}

.history .tabContent dd.history_img.history2002{
	top: 51px;
}
.history .tabContent.on {
	display: block;
}

.cpdownload{text-align:right; height:40px; margin-bottom:20px;}
.cpdownload div a{color:#fff; padding:13px 13px; font-size:14px; width:180px; font-weight:bold; background:#e6240f; color:#fff; text-align:Center; cursor:pointer;}




/* CI/BI */
.identity .identity_box {
	position: relative;
}

.identity .identity_box h4 {
	font-size: 30px;
	color: #333;
	display: inline-block;
}
.identity .identity_box .sec_txt {
	padding-top: 16px;
	color: #888;
}

.identity .identity_box.ci {
	background-color: #f5f5f5;
	padding: 60px 54px 0;
}

.identity .identity_box.ci:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.identity .identity_box.ci p.sec_txt {
	width: 313px;
	font-size: 25px;
	font-weight: 300;
	line-height: 1.5em;
}
.identity .ci_box, .identity .bi_box {
	float: right;
	width: 517px;
	background: url(/assets/img/company/ci_bg.gif) repeat;
	border: 1px solid #dfdfdf;
}
.identity .ci_box img, .identity .bi_box img {
	width: 100%;
	padding: 50px 80px;
}
.identity .ci_box ul.fileDown_area, .identity .bi_box ul.fileDown_area {
	display: block;
}
.identity .ci_box ul.fileDown_area li, .identity .bi_box ul.fileDown_area li {
	float: left;
	width: 50%;
	text-align: center;
}

.identity .ci_box ul.fileDown_area li a, .identity .bi_box ul.fileDown_area li a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #e6240f;
	background-color: white;
	border-top: 1px solid #dfdfdf;
}

.identity .ci_box ul.fileDown_area li a span, .identity .bi_box ul.fileDown_area li a span {
	padding-right: 20px;
	background: url(/assets/img/company/btn_down.png) no-repeat right;
}

.identity .ci_box ul.fileDown_area li:first-child a, .identity .bi_box ul.fileDown_area li:first-child a {
	border-right: 1px solid #dfdfdf;
}

.identity .ci_lst {
	padding: 30px 0 80px 54px;
	background-color: #f5f5f5;
	margin-bottom: 100px;
}
.identity .ci_lst ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .ci_lst ul li {
	float: left;
	padding-left: 28px;
	border-left: 1px solid #dcdcdc;
	box-sizing: content-box;
}
.identity .ci_lst ul li:first-child {
	padding: 0 28px 0 0;
	border: none;
}
.identity .ci_lst ul li em {
	font-size: 18px;
	color: #323232;
	margin-bottom: 20px;
}
.identity .ci_lst ul li p {
	padding-top: 12px;
	font-size: 15px;
	color: #888;
	line-height: 24px;
}
.identity .ci_lst ul li.li_v1 {
	width: 256px;
}

.identity .ci_lst ul li.li_v2 {
	width: 256px;
	padding-right: 28px;
}
.identity .incons_ci_box .incons_ci_inner {
	border: 1px solid #dfdfdf;
}

.identity .incons_ci_box .incons_ci_inner:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .incons_ci_box figure {
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
}

.identity .incons_ci_box figure .ci_wrap {
	padding: 7% 18%;
}
.identity .incons_ci_box figure .ci_wrap img {
	width: 100%;
}

.identity .incons_ci_box figure figcaption {
	text-align: center;
	border-top: 1px solid #dfdfdf;
	font-size: 15px;
	font-weight: 500;
	padding: 2% 0;
}
.identity .incons_ci_box figure.ci_eng {
	border-right: 1px solid #dfdfdf;
}

.identity ul.footnote {
	padding: 27px 0px 55px;
}

.identity ul.footnote li {
	font-size: 15px;
	color: #888;
	line-height: 24px;
}
.identity .ci_color .ci_color_inner:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .ci_color dl {
	width: 291px;
	float: left;
}
.identity .ci_color dl dt {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 8px;
	text-align: center;
}
.identity .ci_color dl dd {
	float: left;
	width: 144px;
	border: 1px solid #dcdcdc;
	margin-bottom: 10px;
}
.identity .ci_color dl dd i {
	display: block;
	padding-top: 75%;
}
.identity .ci_color dl dd span {
	display: block;
	padding: 15px 10px;
	font-size: 13px;
	letter-spacing: 0;
	border-top: 1px solid #dcdcdc;
}
.identity .ci_color dl dd.color1 i {
	background-color: #dcdcdd;
}

.identity .ci_color dl dd.color2 i {
	background-color: #aebecc;
}

.identity .ci_color dl dd.color3 i {
	background-color: #fefefe;
}

.identity .ci_color dl dd.color4 i {
	background-color: #56585f;
}

.identity .ci_color dl dd.color5 i {
	background-color: #c80028;
}

.identity .ci_color dl dd.color6 i {
	background-color: #fefefe;
}

.identity .ci_color dl dd.color1, .identity .ci_color dl dd.color3, .identity .ci_color dl dd.color5 {
	margin-right: 3px;
}
.identity .ci_color dl.color_set2 {
	margin: 0 44px 0 43px;
}
.identity .full_section.sec02 {
	position: relative;
	padding-bottom: 80px;
}
.identity .full_section.sec02 h4.section_title {
	padding: 110px 0 95px;
	color: white;
	font-weight: normal;
}
.identity .full_section.sec02 .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 960px;
	height: 507px;
	background: url(/assets/img/company/identity_bg.jpg) no-repeat center -200px fixed;
	z-index: -1;
}
.identity .full_section.sec02 .bg div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(30, 30, 30, 0.5);
	display: block;
}
.identity .full_section.sec02 .section_inner {
	width: 960px;
	margin: 0 auto;
}

.identity .full_section.sec02 .section_inner .identity_box.bi {
	/* margin-bottom: 80px; */
	padding: 44px 33px 0 33px;
	height: 390px;
	background-color: white;
}
.identity .full_section.sec02 .section_inner .identity_box.bi:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .full_section.sec02 .section_inner .identity_box.bi .txt_area {
	width: 350px;
	float: left;
}
.identity .full_section.sec02 .section_inner .identity_box.bi .txt_area strong.tit {
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
	color: #333;
}
.identity .full_section.sec02 .section_inner .identity_box.bi .txt_area p.sec_txt {
	padding-top: 9px;
	line-height: 25px;
	font-size: 15px;
	font-weight: 300;
}
.identity .full_section.sec02 .section_inner .identity_box.bi .bi_box img {
	padding: 80px;
}
.identity .full_section.sec02 .section_inner ul.bi_style:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .full_section.sec02 .section_inner ul.bi_style li {
	float: left;
	display: inline-block;
	width: 29.27083333333333%;
	margin-left: 6.04166666666667%;
	margin-bottom: 30px;
}

.identity .full_section.sec02 .section_inner ul.bi_style li img {
	width: 100%;
}

.identity .full_section.sec02 .section_inner ul.bi_style li:nth-child(1), .identity .full_section.sec02 .section_inner ul.bi_style li:nth-child(4) {
	margin: 0;
}
.identity .full_section.sec02 .section_inner p {
	font-size: 15px;
	color: #888;
	line-height: 24px;
}

.identity .section.sec03 h4.sub_title {
	font-weight: 500;
	padding-bottom: 25px;
}
.identity .section.sec03 ul.symbol_history:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.identity .section.sec03 ul.symbol_history li {
	width: 11.62%;
	float: left;
	display: inline-block;
	text-align: center;
	margin-left: 1%;
	font-size: 15px;
	font-weight: 500;
}

.identity .section.sec03 ul.symbol_history li:first-child {
	margin: 0;
}

.identity .section.sec03 ul.symbol_history li img {
	width: 100%;
	border: 1px solid #e3e3e3;
	margin-bottom: 15px;
}

/* 계열사 */
.groups ul.groups_list {
	color: #888;
	border-bottom: 2px solid #d2d2d2;
}

.groups ul.groups_list li.groups_item {
	position: relative;
	padding: 50px 0;
	border-top: 1px solid #d2d2d2;
}

.groups ul.groups_list li.groups_item:first-child {
	padding-top: 0;
	border-top: 0;
}
.groups ul.groups_list li.groups_item:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.groups ul.groups_list li.groups_item h4 {
	float: right;
	width: 440px;
}

.groups ul.groups_list li.groups_item h4 img {
	width: 194px;
}
.groups ul.groups_list li.groups_item .img_box img.company_img {
	float: left;
}
.groups ul.groups_list li.groups_item .groups_con {
	float: right;
	width: 440px;
}

.groups ul.groups_list li.groups_item .groups_con:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.groups ul.groups_list li.groups_item .groups_con dl {
	width: 440px;
}

.groups ul.groups_list li.groups_item .groups_con dl dt {
	padding: 18px 0 10px;
	font-size: 18px;
	color: #333;
}

.groups ul.groups_list li.groups_item .groups_con dl dd {
	font-size: 15px;
}
.groups ul.groups_list li.groups_item .groups_con ul {
	font-size: 13px;
	padding-top: 35px;
	padding-bottom: 50px;
	width: 440px;
}

.groups ul.groups_list li.groups_item .groups_con ul li {
	line-height: 23px;
	padding-left: 10px;
	background: url(/assets/img/common/list-style03.gif) no-repeat 0 10px;
}
.groups ul.groups_list li.groups_item .groups_con a.site_btn, .groups ul.groups_list li.groups_item .groups_con span.site_btn {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 520px;
	width: 180px;
	height: 45px;
	line-height: 44px;
	border: 1px solid #d2d2d2;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #e6240f;
}

.groups ul.groups_list li.groups_item .groups_con a.site_btn:after, .groups ul.groups_list li.groups_item .groups_con span.site_btn:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-bottom: -2px;
	background: url(/assets/img/common/go_site_icon.png) no-repeat;
}
.groups ul.groups_list li.groups_item .groups_con span.site_btn:after {
	display: none;
}

.groups ul.groups_list li.groups_item.on .groups_con {
	display: block;
}

/* 찾아오시는 길 */
.location #map {
	width: 100%;
	height: 500px;
}
.location #map img {
	width: 100%;
}

.location h4.section_title {
	padding: 50px 0 25px;
}
.location ul.location_list {
	border-top: 2px solid black;
	color: #333;
	font-size: 18px;
	margin-top: 50px;
}
.location ul.location_list li.location_item {
	border-bottom: 1px solid #d2d2d2;
}
.location ul.location_list li.location_item dl {
	display: table;
	width: 100%;
}

.location ul.location_list li.location_item dl dt, .location ul.location_list li.location_item dl dd {
	display: table-cell;
	box-sizing: content-box;
}

.location ul.location_list li.location_item dl > dt.location_item_title {
	width: 230px;
	padding: 28px 0 28px 50px;
	color: #333;
	font-weight: 500;
}
.location ul.location_list li.location_item dl > dd.location_item_tt {
	padding: 28px 0;
}
.location ul.location_list ul.contact_list li.contact_item {
	display: inline-block;
	margin-right: 40px;
}

.location ul.location_list ul.contact_list li.contact_item dl dt, .location ul.location_list ul.contact_list li.contact_item dl dd {
	display: inline-block;
}

.location ul.location_list ul.contact_list li.contact_item dl dt {
	font-weight: 500;
	margin-right: 10px;
}
.location ul.location_list ul.directions_list li.directions_item {
	margin-bottom: 40px;
}
.location ul.location_list ul.directions_list li.directions_item dl dt {
	font-weight: 500;
	width: 130px;
}
.location ul.location_list ul.directions_list li.directions_item dl dd ul li {
	margin-bottom: 25px;
	background: url(/assets/img/common/icon_bull2.gif) no-repeat left;
	background-size: 3px;
	padding-left: 10px;
}
.location ul.location_list ul.directions_list li.directions_item dl dd ul li strong {
	font-weight: 500;
}

.location ul.location_list ul.directions_list li.directions_item dl dd ul li strong.red {
	color: #e6240f;
}

.location ul.location_list dd {
	line-height: 28px;
}
.wrap_map{height: 500px !important;}

/***** newsroom *****/
.newsroom {
	/* page view */
}

.newsroom .section {
	font-weight: 300;
}

.newsroom .page_spot {
	background-image: url(/assets/img/newsroom/page_title_bg.jpg);
}
.newsroom .hgroup {
	border: none;
	display: block;
}
.newsroom .newsroom_category {
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 16px;
	border-bottom: 1px solid #d2d2d2;
}
.newsroom .newsroom_category ul {
	overflow: hidden;
	float: left;
	margin-top: 6px;
}
.newsroom .newsroom_category ul li {
	float: left;
	position: relative;
	margin-right: 20px;
	padding-left: 20px;
	font-size: 15px;
	font-weight: 500;
}

.newsroom .newsroom_category ul li:first-child {
	padding-left: 0;
}

.newsroom .newsroom_category ul li:first-child:before {
	display: none;
}

.newsroom .newsroom_category ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 16px;
	background-color: #d2d2d2;
}

.newsroom .newsroom_category ul li a {
	display: inline-block;
	color: #333;
}
.newsroom .newsroom_category ul li.on a {
	color: #e6240f;
}

.newsroom .newsroom_category .right_area {
	float: right;
}
.newsroom .newsroom_category .right_area .search_box {
	position: relative;
	display: inline-block;
	width: 204px;
	height: 39px;
	margin-right: 8px;
	padding-right: 39px;
	text-align: right;
	box-sizing: content-box;
}
.newsroom .newsroom_category .right_area .search_box input.form_input {
	width: 183px;
	height: 39px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	border-right: 0;
	font-size: 14px;
}
.newsroom .newsroom_category .right_area .search_box button {
	position: absolute;
	top: 0;
	right: 0;
	width: 39px;
	height: 39px;
}
.newsroom .highlight {
	margin-bottom: 50px;
}
.newsroom .highlight .bottom_box {
	height: 100px;
	padding: 17px 38px 0 108px;
	box-sizing: content-box;
}
.newsroom .highlight img.newsroom_img {
	height: 484px;
}
.newsroom .highlight .category_icon {
	left: 38px;
	top: 22px;
}
.newsroom .highlight h4 {
	height: 60px;
	line-height: 30px;
	font-size: 25px;
	margin-bottom: 10px;
	overflow: hidden;
	word-break: break-all;
}
.newsroom .newsroom_item {
	border: 1px solid #c9c9c9;
	box-sizing: content-box;
}

.newsroom .newsroom_item a {
	display: block;
	position: relative;
	z-index: 10;
}

.newsroom .newsroom_item a .hover_slow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/assets/img/newsroom/hover.png) no-repeat center;
	z-index: 1;
	opacity: 0;
}

.newsroom .newsroom_item a img.newsroom_img {
	width: 100%;
}

.newsroom .newsroom_item a .bottom_box {
	position: relative;
}

.newsroom .newsroom_item a .bottom_box .category_icon {
	position: absolute;
}

.newsroom .newsroom_item a .bottom_box h4 {
	color: #333;
}

.newsroom .newsroom_item a .bottom_box span.date {
	font-size: 13px;
	color: #888;
}
.newsroom .newsroom_item a:hover .hover_slow {
	display: block;
	opacity: 1;
}

.newsroom .category_icon {
	display: inline-block;
	width: 43px;
	height: 43px;
	background: url(/assets/img/newsroom/icon.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
}

.newsroom .category_icon.icon01 {
	background-position: 0 0;
}

.newsroom .category_icon.icon02 {
	background-position: -43px 0;
}

.newsroom .category_icon.icon03 {
	background-position: -86px 0;
}

.newsroom .category_icon.icon04 {
	background-position: 0 -43px;
}

.newsroom .category_icon.icon05 {
	background-position: -43px -43px;
}

.newsroom .category_icon.icon06 {
	background-position: -86px -43px;
}

.newsroom ul.newsroom_list {
	width: 990px;
	margin: -15px;
	overflow: hidden;
}
.newsroom ul.newsroom_list li.newsroom_item {
	float: left;
	width: 298px;
	margin: 14px 15px;
}
.newsroom ul.newsroom_list li.newsroom_item .bottom_box {
	height: 127px;
	padding: 28px 18px 0 18px;
	box-sizing: content-box;
}
.newsroom ul.newsroom_list li.newsroom_item .bottom_box .category_icon {
	left: 19px;
	top: -28px;
}
.newsroom ul.newsroom_list li.newsroom_item .bottom_box h4 {
	height: 75px;
	line-height: 25px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 17px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.newsroom ul.newsroom_list img.newsroom_img {
	height: 231px;
}
.newsroom .more_view_btn {
	display: block;
	width: 143px;
	height: 42px;
	line-height: 43px;
	margin: 50px auto 0;
	border: 1px solid #b7b7b7;
	color: #333;
	font-size: 15px;
	text-align: center;
}

.newsroom .more_view_btn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(/assets/img/common/arr_down_btn.png) no-repeat 4px 0;
}

.newsroom .newsroom_title {
	position: relative;
	line-height: 43px;
	padding: 30px 30px 30px 93px;
	background: #eee;
	font-size: 25px;
	color: #333;
}
.newsroom .newsroom_title span.category_icon {
	position: absolute;
	top: 30px;
	left: 30px;
}
.newsroom .newsroom_title h4 {
	word-break: break-all;
}
.newsroom .sns_list {
	padding: 10px 0 20px 28px;
	text-align: right;
}

.newsroom .sns_list a.sns_icon {
	margin-left: 10px;
}
.newsroom .sns_list:before {
	content: 'SNS 공유하기';
	font-size: 18px;
	color: #888;
}
.newsroom ul.cont_paging {
	border-top: 1px solid #585860;
	border-bottom: 1px solid #585860;
}

.newsroom ul.cont_paging li {
	position: relative;
	height: 66px;
	line-height: 66px;
	padding-left: 110px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
}
.newsroom ul.cont_paging li:before {
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 30px;
	padding-left: 30px;
	color: #888;
}
.newsroom ul.cont_paging li a {
	width: 760px;
	line-height: 66px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.newsroom ul.cont_paging li span.date {
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 15px;
	color: #888;
}

.newsroom ul.cont_paging li.prevPage {
	border-bottom: 1px solid #cdcdcf;
}

.newsroom ul.cont_paging li.prevPage:before {
	content: '이전글';
	background: url(/assets/img/newsroom/news_arrow01.png) no-repeat 6px 24px;
	background-size: 10px auto;
}
.newsroom ul.cont_paging li.nextPage:before {
	content: '다음글';
	background: url(/assets/img/newsroom/news_arrow02.png) no-repeat 6px 24px;
	background-size: 10px auto;
}

/***** 사업실적, 분양정보 스타일 일부 공용 *****/
.business .hgroup {
	padding-bottom: 45px;
}
.business .hgroup.mb_case {
	padding-bottom: 45px;
}
.business .hgroup.mb_case h3.page_title {
	display: block;
}
.business .hgroup.mb_case h3.page_title.mobile {
	display: none;
}
.business .strapline {
	display: none;
}
.business .page_spot {
	background-image: url(/assets/img/business/page_title_bg.jpg);
}
.business h4.section_title {
	width: 960px;
	padding-bottom: 25px;
}
ul.business_item_list {
	width: 990px;
	margin: 0 -15px;
}
ul.business_item_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

ul.business_item_list > li {
	position: relative;
	float: left;
	width: 222px;
	height: 77px;
	padding: 256px 54px 0px 20px;
	margin: 0 15px 30px 15px;
	border: 1px solid #c9c9c9;
	overflow: hidden;
	box-sizing: content-box;
}
ul.business_item_list > li img.item_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 296px;
	height: 230px;
}
ul.business_item_list > li strong.item_title {
	position: relative;
	display: block;
	display: -webkit-box;
	font-size: 18px;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
}
ul.business_item_list > li strong.item_title:after {
	content: '';
	position: absolute;
	top: 0;
	right: -30px;
	width: 23px;
	height: 23px;
	background: url(/assets/img/common/more_btn2.png) no-repeat 0 -23px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: -1;
}
ul.business_item_list > li a.more_btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}

.business_item_section a.more_view_btn {
	display: block;
	width: 143px;
	height: 42px;
	line-height: 43px;
	margin: 20px auto 0;
	border: 1px solid #b7b7b7;
	font-size: 15px;
	text-align: center;
}

.business_item_section a.more_view_btn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(/assets/img/common/arr_down_btn.png) no-repeat 4px 0;
}

/***** 사업실적, 분양정보 상세보기 popup *****/
/* 공통 레이아웃 */
.pop_wrap {
	display: none;
	/* 상세보기 팝업 오픈 할때 : display: block; */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow-y: hidden;
	background-color: #191919;
}

.pop_wrap .pop_box {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	min-height: 242px;
	margin-bottom: 20px;
	background: url(/assets/img/business/business_pop.png) no-repeat 0 bottom;
	background-color: white;
	z-index: 1000;
	box-sizing: content-box;
}
.pop_wrap .pop_box a.close_btn {
	position: absolute;
	top: 30px;
	right: 18px;
	width: 50px;
	height: 50px;
	background: url(/assets/img/business/close_btn.png) no-repeat;
	z-index: 100;
	opacity: 1;
	cursor: pointer;
}
.pop_wrap .pop_box a.close_btn:hover {
	opacity: 0.5;
}
.pop_wrap .pop_box .img_wrap {
	position: relative;
	width: 960px;
	height: 600px;
}
.pop_wrap .pop_box .img_wrap ul.visual_list li img.pop_main_img {
	width: 100%;
}

.pop_wrap .pop_box .img_wrap ul.visual_btn {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 960px;
	text-align: center;
}
.pop_wrap .pop_box .img_wrap ul.visual_btn li {
	display: inline-block;
	padding-right: 5px;
	width: 54px;
	height: 30px;
	background: url(/assets/img/common/visual_btn_of.jpg) repeat-x center;
	margin: 0 3px;
	text-indent: -9999px;
	cursor: pointer;
	box-sizing: content-box;
}
.pop_wrap .pop_box .img_wrap ul.visual_btn li.on {
	background: url(/assets/img/common/visual_btn_on.jpg) repeat-x center;
}
.pop_wrap .pop_box .img_wrap a.arr_btn {
	position: absolute;
	top: 280px;
	width: 70px;
	height: 137px;
	z-index: 10;
	background: transparent;
}
.pop_wrap .pop_box .img_wrap a.arr_btn:hover {
	background-color: rgba(0, 0, 0, 0.3);
}

.pop_wrap .pop_box .img_wrap a.next {
	right: 0;
	background: url(/assets/img/business/btn_pop_next.png) no-repeat center;
}
.pop_wrap .pop_box .img_wrap a.prev {
	left: 0;
	background: url(/assets/img/business/btn_pop_prev.png) no-repeat center;
}
.pop_wrap .pop_box .txt_inner {
	padding: 50px 35px;
}
.pop_wrap .pop_box h4.pop_title {
	font-size: 40px;
	color: #333;
	font-weight: 900;
	word-break: break-all;
}
.pop_wrap .pop_box .detail_option_list {
	padding-top: 30px;
	margin-top: 35px;
	border-top: 1px solid #d2d2d2;
	word-break: break-all;
}
.pop_wrap .pop_box .detail_option_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.pop_wrap .pop_box .detail_option_list dl {
	width: 445px;
	float: left;
	margin-top: 15px;
}
.pop_wrap .pop_box .detail_option_list dl dt {
	color: #333;
	width: 130px;
	font-size: 15px;
	font-weight: 500;
	padding-left: 40px;
	float: left;
	text-align: justify;
}
.pop_wrap .pop_box .detail_option_list dl dd {
	float: left;
	font-size: 15px;
}
.pop_wrap .pop_box .detail_option_list dl.list2 dt {
	background-position: 10px -19px;
}

.pop_wrap .pop_box .detail_option_list dl.list3 dt {
	background-position: 10px -39px;
}

.pop_wrap .pop_box .detail_option_list dl.list4 dt {
	background-position: 10px -59px;
}

.pop_wrap .pop_box .detail_option_list dl.list5 dt {
	background-position: 10px -79px;
}

.pop_wrap .pop_box .detail_option_list dl.list6 dt {
	background-position: 10px -99px;
}

/* 사업실적 상세보기 */
.pop_wrap.pop_business .detail_option_list dl dt {
	background: url(/assets/img/business/business_pop_icons.png) no-repeat 10px 1px;
}

/***** 분양정보 *****/
.supply .page_spot {
	background-image: url(/assets/img/supply/page_title_bg.jpg);
}
.supply .hgroup {
	border: none;
}

/* 분양정보 상세보기 */
.pop_wrap.pop_supply h4 {
	display: inline-block;
	position: relative;
}

.pop_wrap.pop_supply h4:after {
	position: relative;
	top: -8px;
	padding: 5px 15px;
	color: white;
	font-size: 18px;
	font-weight: 400;
	margin-left: 10px;
	display: inline-block;
}

.pop_wrap.pop_supply h4.sale_on:after {
	content: '분양중';
	background-color: #e6240f;
}

.pop_wrap.pop_supply h4.sale_ready:after {
	content: '분양예정';
	background-color: #e6240f;
}

.pop_wrap.pop_supply h4.sale_off:after {
	content: '분양완료';
	background-color: #828282;
}

.pop_wrap.pop_supply .detail_option_list dl dt {
	background: url(/assets/img/supply/supply_pop_icons.png) no-repeat 10px 1px;
}
.pop_wrap.pop_supply ul.pop_btn {
	margin-top: 50px;
	text-align: center;
}
.pop_wrap.pop_supply ul.pop_btn li {
	display: inline-block;
}

.pop_wrap.pop_supply ul.pop_btn li a {
	display: block;
	font-size: 15px;
	border: 1px solid #d2d2d2;
	line-height: 3em;
	width: 150px;
}
.pop_wrap.pop_supply ul.pop_btn li a.homePage:after, .pop_wrap.pop_supply ul.pop_btn li a.location:after {
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	margin-left: 5px;
	width: 13px;
	height: 13px;
	background: url(/assets/img/common/go_site_icon.png) no-repeat;
}

.pop_wrap.pop_supply ul.pop_btn li a.homePage:after {
	background: url(/assets/img/common/go_site_icon.png) no-repeat;
}

.pop_wrap.pop_supply ul.pop_btn li a.location:after {
	background: url(/assets/img/common/location_icon.png) no-repeat;
}

/* 분양정보 */
.supply_info .sales_search > ul {
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d7d7d7;
}

.supply_info .sales_search > ul > li {
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
}

.supply_info .sales_search > ul > li label {
	display: block;
	text-indent: -9999px;
	height: 0;
	overflow: hidden;
}
.supply_info ul.business_item_list > li {
	height: 120px;
}
.supply_info ul.business_item_list > li p {
	font-size: 13px;
	margin-top: 5px;
}
.supply_info ul.business_item_list > li ul.item_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.supply_info ul.business_item_list > li ul.item_btn:before {
	content: '';
	border-top: 1px solid #c9c9c9;
	display: block;
	width: 100%;
}

.supply_info ul.business_item_list > li ul.item_btn li {
	width: 50%;
	float: left;
	text-align: center;
}

.supply_info ul.business_item_list > li ul.item_btn li a {
	font-size: 15px;
	padding: 10px;
	display: block;
}
.supply_info ul.business_item_list > li ul.item_btn li.go_home a {
	color: #e6240f;
	background-color: white;
}

.supply_info ul.business_item_list > li ul.item_btn li.go_home a:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 13px;
	background: url(/assets/img/common/go_site_icon.png) no-repeat center;
}
.supply_info ul.business_item_list > li ul.item_btn li.sale a {
	background-color: #e6240f;
	color: white;
}

.supply_info ul.business_item_list > li ul.item_btn li.end_sale a {
	background-color: #c9c9c9;
	color: #737373;
}

.supply_info .sales_search ul li span a {
	height: 39px;
	padding: 8px;
}

.supply_info .sales_search ul li span ul {
	width: 100%;
	top: 39px;
}

.supply_info .sales_search ul li span.sido, .supply_info .sales_search ul li span, .supply_info .sales_search ul li sigungu {
	width: 120px;
}
.supply_info .sales_search ul li span.business_name {
	width: 180px;
}

/* 분양 가이드 */
.supply_guide .tabList.tab4 ul li {
	width: 25%;
}
.supply_guide .tabList.tab2 ul li {
	width: 50%;
}
.supply_guide .tabCon {
	display: none;
	margin-top: 50px;
	position: relative;
}

.supply_guide .tabCon .guide_visu {
	position: relative;
	padding-top: 31%;
	width: 100%;
	z-index: 1;
}

.supply_guide .tabCon .guide_visu h4 {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

.supply_guide .tabCon .guide_visu h4 img {
	position: inherit;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -200px;
}

.supply_guide .tabCon .guide_box {
	position: relative;
	padding: 50px 80px 150px;
	border: 1px solid #e9e9e9;
}
.supply_guide .tabCon .guide_box .bg1 {
	position: absolute;
	width: 98px;
	height: 286px;
	top: -100px;
	left: -1px;
	background: url(/assets/img/supply/guide_con_bg1.png) no-repeat;
	z-index: 2;
}
.supply_guide .tabCon .guide_box .bg2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 270px;
	height: 210px;
	z-index: 2;
	background: url(/assets/img/supply/guide_con_bg2.png) no-repeat;
}
.supply_guide .tabCon .guide_box strong.attention {
	position: relative;
	z-index: 3;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #e6240f;
	margin-bottom: 40px;
}

.supply_guide .tabCon .guide_box strong.attention:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	margin: 40px auto 0;
	background-color: black;
}
.supply_guide .tabCon .guide_box p {
	position: relative;
	z-index: 3;
	font-size: 15px;
	margin-top: 20px;
}

.supply_guide .tabCon .guide_box p:first-child {
	margin: 0;
}

.supply_guide .tabCon .guide_box dl {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e9e9e9;
}

.supply_guide .tabCon .guide_box dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.supply_guide .tabCon .guide_box dl dt {
	float: left;
	width: 30%;
	font-size: 20px;
	font-weight: 600;
}

.supply_guide .tabCon .guide_box dl dt span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-top: 8px;
}

.supply_guide .tabCon .guide_box dl dd {
	float: right;
	width: 70%;
	font-size: 15px;
	line-height: 26px;
}

.supply_guide .tabCon .guide_box dl dd strong {
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
}

.supply_guide .tabCon .guide_box dl dd ul li {
	color: #666;
	padding-left: 10px;
	background: url(/assets/img/common/list-style01.gif) no-repeat left 8px;
	line-height: normal;
	margin-top: 6px;
}

.supply_guide .tabCon .guide_box dl dd ul li:first-child {
	margin: 0;
}

.supply_guide .tabCon .guide_box dl dd p {
	color: #666;
	margin: 0;
}

.supply_guide .tabCon .guide_box dl dd .gap {
	margin-bottom: 36px;
}
.supply_guide .tabCon .guide_box dl dd h5 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 6px;
}
.supply_guide .tabCon .guide_box img.guide03_img {
	position: relative;
	z-index: 3;
	margin-top: 50px;
}
.supply_guide .tabCon .guide_box dl.last {
	border: none;
	padding: 0;
	margin: 0;
}

.supply_guide .tabCon .guide_box .guideDepth_tab {
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul li {
	display: inline-block;
	width: 33.33333333333333%;
	float: left;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul li a {
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 15px;
	border-left: 1px solid #d2d2d2;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul li a br {
	display: none;
}

.supply_guide .tabCon .guide_box .guideDepth_tab ul li a.on {
	color: #e6240f;
	background-color:  #ededed;
}
.supply_guide .tabCon .guide_box .guideContents {
	display: none;
}

.supply_guide .tabCon .guide_box .guideContents.on {
	display: block;
}

.supply_guide .guide01 .guide_visu {
	background: url(/assets/img/supply/guide01_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.supply_guide .guide02 .guide_visu {
	background: url(/assets/img/supply/guide02_img01.jpg) no-repeat center bottom;
	background-size: 100%;
}

.supply_guide .guide03 .guide_visu {
	background: url(/assets/img/supply/guide03_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.supply_guide .guide04 .guide_visu {
	background: url(/assets/img/supply/guide04_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.supply_guide .tabCon.on {
	display: block;
}

/* 입주가이드 */
.movein_guide .cell {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid #d2d2d2;
}

.movein_guide .cell > dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.movein_guide .cell > dl > dt {
	font-size: 20px;
	font-weight: 600;
	float: left;
	width: 33.33333333333333%;
}

.movein_guide .cell > dl > dd {
	float: right;
	width: 66.66666666666667%;
}

.movein_guide .cell > dl > dd strong {
	display: block;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 16px;
}

.movein_guide .cell > dl > dd table.guide_table td {
	word-break: normal;
}

.movein_guide .cell > dl > dd dl.inner_list {
	margin-bottom: 25px;
}

.movein_guide .cell > dl > dd dl.inner_list dt {
	font-weight: 500;
	margin-bottom: 5px;
}
.movein_guide .cell.last {
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 2px solid #d2d2d2;
}

/***** 투자정보 *****/
.ir .page_spot {
	background-image: url(/assets/img/ir/page_title_bg.jpg);
}

/* 재무정보 */
.finance .hgroup {
	padding-bottom: 45px;
}
.finance h4.section_title {
	padding-bottom: 25px;
}
.finance .chart_section {
	padding: 45px 0 0;
}
.finance .chart_section:first-child {
	padding: 0;
}

.finance .chart_section.last {
	padding-top: 95px;
}
.finance .section_inner .inner_top {
	margin-bottom: 10px;
}

.finance .section_inner .inner_top:after {
	content: '';
	display: block;
	clear: both;
}

.finance .section_inner .tab_select_sub {
	display: none;
}

.finance .section_inner select {
	width: 135px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid #c2c2c2;
	font-size: 15px;
}

.finance .section_inner p {
	float: right;
	padding-top: 24px;
	font-size: 15px;
	color: #888;
}
.finance .section_inner .cont_area_pc {
	display: block;
}
.finance .section_inner .cont_area_mobile {
	display: none;
}

.finance .inner_top .dSelect {
	float: left;
}

.finance .dSelect {
	width: 135px;
}

.finance .dSelect strong.default {
	background: url(../img/common/dSelect.gif) no-repeat 121px 18px;
}
.finance .cont_area.on {
	display: block;
}

.finance .cont_area {
	display: none;
}

.finance .do_btn_list {
	padding-top: 32px;
	overflow: hidden;
}

.finance .do_btn_list a.download_btn2 {
	float: left;
	width: 318px;
	border-left: 0;
	box-sizing: content-box;
}

.finance .do_btn_list a.download_btn2:first-child {
	border-left: 1px solid #d2d2d2;
}

/* 재무정보 그래프 */
.graph {
	position: relative;
	margin: 50px 0px 50px;
	font-size: 15px;
	color: #333333;
}
.graph .graph_unit {
	position: absolute;
	display: table;
	left: 0px;
	bottom: 0px;
	width: 65px;
	padding-right: 10px;
	text-align: right;
}

.graph .graph_unit li {
	display: table-row;
}

.graph .graph_unit span {
	display: table-cell;
	vertical-align: bottom;
}
.graph .graph_fields {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 25px;
}

.graph .graph_fields:after {
	content: '';
	display: block;
	clear: both;
}

.graph .graph_fields li {
	position: relative;
	float: left;
	padding-left: 45px;
}

.graph .graph_fields li:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 29px;
	top: 5px;
	width: 11px;
	height: 11px;
}
.graph .graph_labels {
	position: absolute;
	bottom: 0px;
	left: 75px;
	right: 0px;
	height: 17px;
}

.graph .graph_labels:after {
	content: '';
	display: block;
	clear: both;
}

.graph .graph_labels li {
	float: left;
	width: 33.3%;
	text-align: center;
}
.graph .graph_columns:after {
	content: '';
	display: block;
	clear: both;
}

.graph .graph_columns li {
	float: left;
}

.graph .graph_columns .columns li {
	position: absolute;
	width: 48px;
	bottom: 0px;
}
.graph .graph_columns .columns li.column0101 {
	background-color: #88aac8;
}
.graph .graph_columns .columns li.column0102 {
	background-color: #57595f;
}
.graph .graph_columns .columns li.column0103 {
	background-color: #e6250f;
}
.graph .graph_foreground {
	position: absolute;
	bottom: 30px;
	left: 75px;
	right: 0px;
	top: 25px;
}
.graph01 {
	width: 960px;
	height: 380px;
}
.graph01 .graph_foreground {
	top: 50px;
}

.graph01 .graph_fields {
	top: 10px;
}

.graph01 .graph_unit {
	height: 360px;
	top: 0;
}
.graph01 .field01:after {
	background: #88aac8;
}

.graph01 .field02:after {
	background: #57595f;
}

.graph01 .field03:after {
	background: #e6250f;
}

.graph01 .graph_foreground .line {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.graph01 .graph_foreground .line hr {
	position: absolute;
	display: block;
	margin: 0;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #d2d2d2;
}

.graph01 .graph_foreground .line hr.line0 {
	bottom: 0;
}

.graph01 .graph_foreground .line hr.line1 {
	bottom: 10%;
}

.graph01 .graph_foreground .line hr.line2 {
	bottom: 20%;
}

.graph01 .graph_foreground .line hr.line3 {
	bottom: 30%;
}

.graph01 .graph_foreground .line hr.line4 {
	bottom: 40%;
}

.graph01 .graph_foreground .line hr.line5 {
	bottom: 50%;
}

.graph01 .graph_foreground .line hr.line6 {
	bottom: 60%;
}

.graph01 .graph_foreground .line hr.line7 {
	bottom: 70%;
}

.graph01 .graph_foreground .line hr.line8 {
	bottom: 80%;
}

.graph01 .graph_foreground .line hr.line9 {
	bottom: 90%;
}

.graph01 .graph_foreground .line hr.line10 {
	bottom: 100%;
}

.graph01 .graph_labels li {
	width: 33.3%;
}

.graph01 .graph_columns .columns {
	height: 320px;
}
.graph01 .column0101 {
	left: 55px;
	background: #88aac8;
}
.graph01 .column0102 {
	left: 125px;
	background: #57595f;
}
.graph01 .column0103 {
	left: 195px;
	background: #e6250f;
}
.graph01 .column0201 {
	left: 350px;
	background: #88aac8;
}
.graph01 .column0202 {
	left: 420px;
	background: #57595f;
}
.graph01 .column0203 {
	left: 490px;
	background: #e6250f;
}
.graph01 .column0301 {
	left: 645px;
	background: #88aac8;
}
.graph01 .column0302 {
	left: 715px;
	background: #57595f;
}
.graph01 .column0303 {
	left: 785px;
	background: #e6250f;
}
.graph02 {
	width: 456px;
	/*height: 262px;*/
	height: 380px;
}
.graph02 .graph_unit {
	height: 386px;
    top: -24px;
}
.graph02 .graph_foreground .line {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.graph02 .graph_foreground .line hr {
	position: absolute;
	display: block;
	margin: 0;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #d2d2d2;
}

.graph02 .graph_foreground .line hr.line0 {
	bottom: 0;
}

.graph02 .graph_foreground .line hr.line1 {
	bottom: 10%;
}

.graph02 .graph_foreground .line hr.line2 {
	bottom: 20%;
}

.graph02 .graph_foreground .line hr.line3 {
	bottom: 30%;
}

.graph02 .graph_foreground .line hr.line4 {
	bottom: 40%;
}

.graph02 .graph_foreground .line hr.line5 {
	bottom: 50%;
}

.graph02 .graph_foreground .line hr.line6 {
	bottom: 60%;
}

.graph02 .graph_foreground .line hr.line7 {
	bottom: 70%;
}

.graph02 .graph_foreground .line hr.line8 {
	bottom: 80%;
}

.graph02 .graph_foreground .line hr.line9 {
	bottom: 90%;
}

.graph02 .graph_foreground .line hr.line10 {
	bottom: 100%;
}

.graph02 .graph_labels li {
	width: 50%;
}

.graph02 .graph_columns .columns {
	height: 207px;
}

.graph02 .column0101 {
	left: 20px;
	background: #88aac8;
}
.graph02 .column0102 {
	left: 75px;
	background: #57595f;
}
.graph02 .column0103 {
	left: 130px;
	background: #e6250f;
}
.graph02 .column0201 {
	left: 205px;
	background: #88aac8;
}
.graph02 .column0202 {
	left: 260px;
	background: #57595f;
}
.graph02 .column0203 {
	left: 315px;
	background: #e6250f;
}
.graph03 {
	width: 456px;
	/*height: 262px;*/
	height: 380px;
}
.graph03 .graph_unit {
	/*height: 250px;*/
	height: 386px;
    top: -24px;
}
.graph03 .graph_foreground .line {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.graph03 .graph_foreground .line hr {
	position: absolute;
	display: block;
	margin: 0;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #d2d2d2;
}

.graph03 .graph_foreground .line hr.line0 {
	bottom: 0;
}

.graph03 .graph_foreground .line hr.line1 {
	bottom: 10%;
}

.graph03 .graph_foreground .line hr.line2 {
	bottom: 20%;
}

.graph03 .graph_foreground .line hr.line3 {
	bottom: 30%;
}

.graph03 .graph_foreground .line hr.line4 {
	bottom: 40%;
}

.graph03 .graph_foreground .line hr.line5 {
	bottom: 50%;
}

.graph03 .graph_foreground .line hr.line6 {
	bottom: 60%;
}

.graph03 .graph_foreground .line hr.line7 {
	bottom: 70%;
}

.graph03 .graph_foreground .line hr.line8 {
	bottom: 80%;
}

.graph03 .graph_foreground .line hr.line9 {
	bottom: 90%;
}

.graph03 .graph_foreground .line hr.line10 {
	bottom: 100%;
}

.graph03 .graph_labels li {
	width: 100%;
}

.graph03 .column0101 {
	left: 60px;
}

.graph03 .column0102 {
	left: 170px;
}
.graph03 .column0103 {
	left: 280px;
}
.graph03 .columns li {
	background: #88aac8;
}

.graph03 .graph_columns .columns li {
	/*bottom: 40%;*/
	bottom:0;
}
.chart_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.chart_wrap .graph {
	float: left;
}

.chart_wrap .graph03 {
	margin-left: 45px;
}

/* 결산공고 */
.disclosure .hgroup {
	padding-bottom: 45px;
}

.disclosure h4.section_title {
	padding-bottom: 25px;
}

.disclosure .paging_area {
	margin-top: 40px;
	font-size: 15px;
	text-align: center;
}

.disclosure .paging_area a {
	display: inline-block;
	padding: 0 11px;
	color: #888;
	vertical-align: middle;
}

.disclosure .paging_area a.btn_arrow {
	padding: 0;
}

.disclosure .paging_area a.btn_arrow_l {
	padding-right: 22px;
}

.disclosure .paging_area span.active {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #e6240f;
	color: white;
	line-height: 30px;
	vertical-align: middle;
}
.disclosure .paging_area a.btn_arrow_r {
	padding-left: 22px;
}

/***** 인재채용 *****/
.recruit .page_spot {
	background-image: url(/assets/img/recruit/page_title_bg.jpg);
}

.recruit .hgroup {
	padding-bottom: 45px;
}

.recruit h4.section_title {
	padding-bottom: 25px;
}

/* 인재상 */
.rightpeople figure.talented_cell {
	padding-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}

.rightpeople figure.talented_cell img {
	width: 237px;
}

.rightpeople figure.talented_cell figcaption {
	font-size: 15px;
	margin-top: 32px;
	line-height: 26px;
}
.rightpeople .talented_list ul {
	border: 1px solid #dcdcdd;
	border-top: 2px solid #e6240f;
}

.rightpeople .talented_list ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.rightpeople .talented_list ul li {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	padding: 154px 50px 50px;
	text-align: center;
	border-left: 1px dotted #dcdcdd;
}

.rightpeople .talented_list ul li:first-child {
	border: none;
}

.rightpeople .talented_list ul li:before {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	background: url(/assets/img/recruit/icon_recruit.png) no-repeat;
}
.rightpeople .talented_list ul li h4 {
	font-size: 34px;
	color: #e6240f;
}

.rightpeople .talented_list ul li span {
	font-size: 14px;
	display: block;
	padding-bottom: 32px;
}
.rightpeople .talented_list ul li span:after {
	content: '';
	width: 30px;
	height: 1px;
	background-color: black;
	margin: 32px auto 0;
	display: block;
}
.rightpeople .talented_list ul li p {
	font-size: 18px;
}
.rightpeople .talented_list ul li.challenge:after, .rightpeople .talented_list ul li.creative:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 35px;
	height: 38px;
	margin-top: -19px;
	z-index: 1;
	background: url(/assets/img/recruit/icon_recruit_link.png) no-repeat;
}
.rightpeople .talented_list ul li.challenge:before {
	background-position: 0 0;
}

.rightpeople .talented_list ul li.creative:before {
	background-position: 0 -100px;
}
.rightpeople .talented_list ul li.professionaity:before {
	background-position: 0 -200px;
}

/* 인재채용 : 리스트 */
.recruit_notice_list .recruit_process {
	margin-bottom: 80px;
}

.recruit_notice_list .recruit_process ol:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.recruit_notice_list .recruit_process ol li {
	float: left;
	width: 25%;
	text-align: center;
}

.recruit_notice_list .recruit_process ol li .step_inner {
	border-left: 1px dotted #dcdcdd;
}

.recruit_notice_list .recruit_process ol li .step_inner h4 {
	font-size: 17px;
	font-weight: 500;
	padding-top: 40px;
}

.recruit_notice_list .recruit_process ol li .step_inner h4:after {
	content: '';
	display: block;
	text-align: center;
	width: 20px;
	height: 1px;
	margin: 15px auto;
	background-color: #a92020;
}

.recruit_notice_list .recruit_process ol li .step_inner p {
	font-size: 15px;
	padding: 0 50px 10px;
}

.recruit_notice_list .recruit_process ol li.step1 .step_inner {
	border: none;
}

.recruit_notice_list table.normal_table span {
	padding: 5px 0;
	width: 80px;
	display: inline-block;
	color: white;
}

.recruit_notice_list table.normal_table span.recruit_on {
	background-color: #e6240f;
}

.recruit_notice_list table.normal_table span.recruit_off {
	background-color: #a6a6a6;
}

.recruit_notice_list .paging_area {
	margin-top: 40px;
	font-size: 15px;
	text-align: center;
}

.recruit_notice_list .paging_area {
	margin-top: 40px;
	font-size: 15px;
	text-align: center;
}

.recruit_notice_list .paging_area a {
	display: inline-block;
	padding: 0 11px;
	color: #888;
	vertical-align: middle;
}

.recruit_notice_list .paging_area a.btn_arrow {
	padding: 0;
}

.recruit_notice_list .paging_area a.btn_arrow_l {
	padding-right: 22px;
}

.recruit_notice_list .paging_area span.active {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #e6240f;
	color: white;
	line-height: 30px;
	vertical-align: middle;
}
.recruit_notice_list .paging_area a.btn_arrow_r {
	padding-left: 22px;
}

/* 인재채용 : 뷰 */
.recruit_notice_view .hgroup {
	margin-bottom: 0;
	border: 0;
}

.recruit_notice_view .recruit_box .recruit_title {
	position: relative;
	line-height: 38px;
	padding: 30px 30px 30px 130px;
	background: #eee;
	font-size: 23px;
	color: #333;
}
.recruit_notice_view .recruit_box .recruit_title span.recruit_cat {
	position: absolute;
	background-color: #e6240f;
	top: 30px;
	left: 30px;
	color: white;
	font-size: 18px;
	padding: 0 10px;
}
.recruit_notice_view .recruit_box .recruit_title h4 {
	word-break: break-all;
}
.recruit_notice_view .recruit_box .recruit_info {
	padding: 2% 30px;
	border-bottom: 1px solid #d2d2d2;
}
.recruit_notice_view .recruit_box .recruit_info dl {
	display: inline-block;
	margin-left: 40px;
	padding-top: 8px;
}
.recruit_notice_view .recruit_box .recruit_info dl:first-child {
	padding: 0;
}
.recruit_notice_view .recruit_box .recruit_info dl dt, .recruit_notice_view .recruit_box .recruit_info dl dd {
	font-size: 15px;
	display: inline-block;
}
.recruit_notice_view .recruit_box .recruit_info dl dt {
	font-weight: 500;
	margin-right: 5px;
	padding-left: 10px;
	background: url(/assets/img/common/icon_bull2.gif) no-repeat left;
	background-size: 3px auto;
}
.recruit_notice_view .recruit_box .recruit_info dl dd {
	color: #888;
}
.recruit_notice_view .recruit_box .recruit_info dl.file {
	display: block;
	margin: 0;
}

.recruit_notice_view .recruit_box .recruit_info dl.file dd a {
	display: inline-block;
	text-decoration: underline;
	padding: 3px;
	margin-right: 10px;
	color: #e6240f;
}

.recruit_notice_view .recruit_box .recruit_info dl.cat {
	margin: 0;
}

/***** 기타 *****/
.etc .page_spot {
	background-image: url(/assets/img/etc/page_title_bg.jpg);
}
.etc .hgroup {
	padding-bottom: 45px;
}
.etc h4.section_title {
	padding-bottom: 25px;
}

/* 이메일 */
.email .section {
	padding-bottom: 50px;
	border-bottom: 2px solid #d2d2d2;
}

.email .section p {
	font-size: 18px;
	color: #333333;
	line-height: 28px;
	padding-bottom: 30px;
}

.email .section p.lst {
	padding-bottom: 0;
}


/* 개인정보처리방침 */
.personal_information .select_date {
	text-align: right;
	padding-bottom: 20px;
}

.personal_information .select_date .tit {
	padding-right: 10px;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}

.personal_information .select_date .dSelect {
	display: inline-block;
	width: 240px;
	text-align: left;
}

.dSelect select {
    display: none;
}

.personal_information .select_date .dSelect .default {
	background: url(/assets/img/common/dSelect.gif) 222px 18px no-repeat;
}
.personal_information .box_term {
	padding-left: 16px;
	padding-bottom: 50px;
	font-size: 15px;
	color: #333333;
	border-bottom: 2px solid #d2d2d2;
}

.personal_information .box_term .top_term {
	margin-left: -16px;
	font-weight: 500;
}

.personal_information .box_term h4 {
	padding: 40px 0px 15px;
	margin-left: -16px;
	font-weight: 500;
}

.personal_information .box_term .list_dash {
	padding-top: 15px;
	padding-left: 8px;
}

.personal_information .box_term .list_dash li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 5px;
}

.personal_information .box_term .list_dash li:after {
	content: "-";
	position: absolute;
	left: 0px;
	top: -1px;
}

.personal_information .box_term .list_han > li {
	padding-top: 25px;
}

.personal_information .box_term .nu_tt {
	padding-left: 16px;
}

.personal_information .box_term .tt {
	display: block;
	padding-bottom: 15px;
}

.personal_information .box_term dt {
	padding-top: 30px;
}

.personal_information .box_term .dt_list li {
	padding-top: 30px;
}

.personal_information .box_term .table {
	margin-top: 25px;
}

.personal_information .box_term .no_p {
	padding: 0;
}

.personal_information .box_term ul .no_p {
	padding: 0;
}

.personal_information .box_term dl .no_p {
	padding: 0;
}

.personal_information .box_term p.no_p {
	padding: 0;
}







/* 사이트맵 */
.site_map .hgroup {
	padding: 0;
	border: none;
}

.site_map .table_wrap {
	border-top: 1px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
}

.site_map table.siteMap th, .site_map table.siteMap td {
	font-size: 18px;
}
.site_map table.siteMap th {
	border-top: 1px solid #d2d2d2;
	vertical-align: top;
	font-weight: 500;
	text-align: left;
	padding: 35px;
}
.site_map table.siteMap td {
	text-align: left;
	border-top: 1px solid #d2d2d2;
	padding: 25px 0;
}

.site_map table.siteMap .first th, .site_map table.siteMap .first td {
	border-top: none;
}

.site_map table.siteMap a {
	display: block;
}

.site_map table.siteMap .sitemap_list {
	overflow: hidden;
}

.site_map table.siteMap .sitemap_list li {
	float: left;
	width: 25%;
	padding: 10px 0 10px 12px;
	background: url(/assets/img/common/icon_bull2.gif) no-repeat left;
	background-size: 3px auto;
}

/** 2017.06.14 Kim 추가 **/
.business_pop_wrap .img_wrap img{width:960px; height:600px;}
.business_pop_wrap .visual{position:absolute; left:0px; right:0px; top:0px; width:960px; height:600px}
.business_pop_wrap .visual .visual_list{position:absolute; top:0px; left:0px; right:0px; bottom:0px; overflow:hidden}
.business_pop_wrap .visual .visual_list li{position:absolute; left:100%; top:0px; bottom:0px; width:960px; height:600px; overflow:hidden;}
.business_pop_wrap .visual .visual_list li.on{left:100%; /*box-shadow:0 0 100px #000; outline:1px solid #000; */z-index:1; }
.business_pop_wrap .visual .visual_list li:first-child{left:0px;}
.business_pop_wrap .visual .visual_list img{position:absolute; left:-50%;}
.business_pop_wrap .visual .visual_list li:first-child img{left:0px;}
.business_pop_wrap .visual .visual_list li.on img{left:-50%}
.noscroll{overflow-x:hidden; overflow-y:hidden;}
.scroll{overflow-y:auto;}

.newsroom .video_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:url(https://www.hyundai-dvp.com/resource/images/common/pop_bg.png); z-index:1000}
.newsroom .video_pop_wrap .video_pop{position:absolute; top:50%; left:50%; width:960px; height:540px; margin:-270px 0px 0px -480px;}
.newsroom .video_pop_wrap .video_pop .video{width:100%;height:100%;}
.newsroom .video_pop_wrap .close_btn{position:absolute; right:0px; top:-40px; width:40px; height:40px;  background:url(https://www.hyundai-dvp.com/resource/images/index/newsletter_close.png) no-repeat right top; text-indent:-9999px;};


/*2021.11.26 추가*/

.supply_guide .tabList.tab2 ul li {
	width: 50%;
}
.environment .tabList.tab2 ul li {
	width: 50%;
}
.environment .tabCon {
	display: none;
	margin-top: 50px;
	position: relative;
}

.environment .page_spot {
	background-image: url(/assets/img/sustainability/page_title_bg.jpg);
}



.environment .tabCon .guide_visu {
	position: relative;
	padding-top: 31%;
	width: 100%;
	z-index: 1;
}

.environment .tabCon .guide_visu h4 {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

.environment .tabCon .guide_visu h4 img {
	position: inherit;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -200px;
}

.environment .tabCon .guide_box {
	position: relative;
	padding: 50px 80px 150px;
	border: 1px solid #e9e9e9;
}
.environment .tabCon .guide_box .bg1 {
	position: absolute;
	width: 98px;
	height: 286px;
	top: -100px;
	left: -1px;
	background: url(/assets/img/supply/guide_con_bg1.png) no-repeat;
	z-index: 2;
}
.environment .tabCon .guide_box .bg2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 270px;
	height: 210px;
	z-index: 2;
	background: url(/assets/img/supply/guide_con_bg2.png) no-repeat;
}
.environment .tabCon .guide_box strong.attention {
	position: relative;
	z-index: 3;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #e6240f;
	margin-bottom: 40px;
}

.environment .tabCon .guide_box strong.attention:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	margin: 40px auto 0;
	background-color: black;
}
.environment .tabCon .guide_box p {
	position: relative;
	z-index: 3;
	font-size: 15px;
	margin-top: 20px;
}

.environment .tabCon .guide_box p:first-child {
	margin: 0;
}

.environment .tabCon .guide_box dl {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e9e9e9;
}

.environment .tabCon .guide_box dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.environment .tabCon .guide_box dl dt {
	float: left;
	width: 30%;
	font-size: 20px;
	font-weight: 600;
}

.environment .tabCon .guide_box dl dt span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-top: 8px;
}

.environment .tabCon .guide_box dl dd {
	float: right;
	width: 70%;
	font-size: 15px;
	line-height: 26px;
}

.environment .tabCon .guide_box dl dd strong {
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
}

.environment .tabCon .guide_box dl dd ul li {
	color: #666;
	padding-left: 10px;
	background: url(/assets/img/common/list-style01.gif) no-repeat left 8px;
	line-height: normal;
	margin-top: 6px;
}

.environment .tabCon .guide_box dl dd ul li:first-child {
	margin: 0;
}

.environment .tabCon .guide_box dl dd p {
	color: #666;
	margin: 0;
}

.environment .tabCon .guide_box dl dd .gap {
	margin-bottom: 36px;
}
.environment .tabCon .guide_box dl dd h5 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 6px;
}
.supply_guide .tabCon .guide_box img.guide03_img {
	position: relative;
	z-index: 3;
	margin-top: 50px;
}
.environment .tabCon .guide_box dl.last {
	border: none;
	padding: 0;
	margin: 0;
}

.environment .tabCon .guide_box .guideDepth_tab {
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}

.environment .tabCon .guide_box .guideDepth_tab ul {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.environment .tabCon .guide_box .guideDepth_tab ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.environment .tabCon .guide_box .guideDepth_tab ul li {
	display: inline-block;
	width: 33.33333333333333%;
	float: left;
}

.environment .tabCon .guide_box .guideDepth_tab ul li a {
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 15px;
	border-left: 1px solid #d2d2d2;
}

.environment .tabCon .guide_box .guideDepth_tab ul li a br {
	display: none;
}

.environment .tabCon .guide_box .guideDepth_tab ul li a.on {
	color: #e6240f;
	background-color:  #ededed;
}
.environment .tabCon .guide_box .guideContents {
	display: none;
}

.environment .tabCon .guide_box .guideContents.on {
	display: block;
}

.environment .guide01 .guide_visu {
	background: url(/assets/img/supply/guide01_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.environment .guide02 .guide_visu {
	background: url(/assets/img/supply/guide02_img01.jpg) no-repeat center bottom;
	background-size: 100%;
}

.environment .guide03 .guide_visu {
	background: url(/assets/img/supply/guide03_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.environment .guide04 .guide_visu {
	background: url(/assets/img/supply/guide04_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.environment .tabCon.on {
	display: block;
}

.environment .sus_title {
    display: block;
    margin-bottom: 10px;
    font-size: 25px;
    color: #333333;
}

.environment .tabCon p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
}


/* 지속가능경영 > 환경경영 */
.environment .tabCon{width:100%;margin:0px auto;padding-top:50px;}
.environment .sec01 .imgbox_underline{padding-bottom:50px; min-height:490px; background: url(/assets/img/sustainability/environment01.jpg) no-repeat 100px -3px; border-bottom:1px solid #d2d2d2; background-size:90%;}
.environment .sec02 .imgbox_underline{padding:50px 0px; min-height:230px;       background:url(/assets/img/sustainability/environment02.jpg) no-repeat 360px -23px;  }
.environment .sec03 .imgbox_underline{overflow:hidden; padding-bottom:50px; border-bottom:1px solid #d2d2d2;}
.environment .sec03 .imgbox_underline .text_con{float:left;}
.environment .sec03 .imgbox_underline .tt{padding-top:20px; color:#333333; font-size:15px;}
.environment .sec03 .imgbox_underline .img_btn{float: right; position: absolute;top: 40px;  right: -553px;} 
.environment .sec03 .imgbox_underline .img_btn img{width:27% }
.environment .sec03 .imgbox_underline .img_btn a{margin-left:20px;}
.environment .sec04{overflow:hidden; padding-bottom:50px;  border-bottom:2px solid #d2d2d2;}
.environment .sec04 .sus_title{padding-top:50px;}
.environment .sec04 .environment_list{float:right; width:770px; padding:50px 0px; background:url(/assets/img/sustainability/environment_icon.png) no-repeat right 48px; overflow:hidden;}
.environment .sec04 .environment_list .item{float:left; padding:70px 0px 0px 60px;}
.environment .sec04 .environment_list .item:first-child{padding-left:0px;}
.environment .sec04 .environment_list .title{line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.environment .sec04 .environment_list .num{display:inline-block; width:26px; height:26px; line-height:26px; margin-right:5px; text-align:center; color:#fff; font-size:13px;
  font-weight: 100; background:url(/assets/img/sustainability/environment_list.png);}
.environment .sec04 .environment_list .tt{padding-top:20px; font-size:15px; color:#888888}

/* 지속가능경영 > 안전경영 */
.environment .tabContents{width:100%; margin:0px auto; padding-top:50px;}
.environment .tabList{width:100%; margin:0px auto;}
.environment .tabList li{width:318px;}
.environment .sec01{font-size:15px; }
.environment .sec01 .tt1{padding-top:25px; color:#333; font-weight:bold; font-size:15px; line-height:24px;}
.environment .sec02{padding:50px 0px; overflow:hidden; border-bottom:1px solid #d2d2d2;}
.environment .sec02 .sus_title{float:left}
.environment .sec02 .box1{float:right; text-align:center; overflow:hidden;}
.environment .sec02 .box1 a{float:left; display:block; width:223px; margin:0px 7px;}
.environment .sec02 .box1 img{width:100%;;}
.environment .sec02.etc .sus_title,
.environment .sec02.etc .box1{float:none}
.environment .sec02.etc .sus_title  + .box1{margin-top:40px}
.environment .sec02.etc .box1 a:first-child{margin-left:0}
.environment .sec03 .imgbox_underline{padding-bottom:50px; min-height:424px;}
.environment .sec04 .imgbox_underline{padding:50px 633px 50px 0px; min-height:430px;  border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2;}




/*2021.11.26 추가*/

.supply_guide .tabList.tab2 ul li {
	width: 50%;
}

.safety .page_spot {
	background-image: url(/assets/img/sustainability/page_title_bg.jpg);
}

.safety .tabList.tab3 ul li {
	width: 33%;
}

.safety .tabList.tab4 ul li {
	width: 25%;
}

.safety .tabCon {
	display: none;
	margin-top: 50px;
	position: relative;
}

.safety .tabCon .guide_visu {
	position: relative;
	padding-top: 31%;
	width: 100%;
	z-index: 1;
}

.safety .tabCon .guide_visu h4 {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

.safety .tabCon .guide_visu h4 img {
	position: inherit;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -200px;
}

.safety .tabCon .guide_box {
	position: relative;
	padding: 50px 80px 150px;
	border: 1px solid #e9e9e9;
}
.safety .tabCon .guide_box .bg1 {
	position: absolute;
	width: 98px;
	height: 286px;
	top: -100px;
	left: -1px;
	background: url(/assets/img/supply/guide_con_bg1.png) no-repeat;
	z-index: 2;
}
.safety .tabCon .guide_box .bg2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 270px;
	height: 210px;
	z-index: 2;
	background: url(/assets/img/supply/guide_con_bg2.png) no-repeat;
}
.safety .tabCon .guide_box strong.attention {
	position: relative;
	z-index: 3;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #e6240f;
	margin-bottom: 40px;
}

.safety .tabCon .guide_box strong.attention:after {
	content: '';
	width: 30px;
	height: 1px;
	display: block;
	margin: 40px auto 0;
	background-color: black;
}
.safety .tabCon .guide_box p {
	position: relative;
	z-index: 3;
	font-size: 15px;
	margin-top: 20px;
}

.safety .tabCon .guide_box p:first-child {
	margin: 0;
}

.safety .tabCon .guide_box dl {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e9e9e9;
}

.safety .tabCon .guide_box dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.safety .tabCon .guide_box dl dt {
	float: left;
	width: 30%;
	font-size: 20px;
	font-weight: 600;
}

.safety .tabCon .guide_box dl dt span {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-top: 8px;
}

.safety .tabCon .guide_box dl dd {
	float: right;
	width: 70%;
	font-size: 15px;
	line-height: 26px;
}

.safety .tabCon .guide_box dl dd strong {
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
}

.safety .tabCon .guide_box dl dd ul li {
	color: #666;
	padding-left: 10px;
	background: url(/assets/img/common/list-style01.gif) no-repeat left 8px;
	line-height: normal;
	margin-top: 6px;
}

.safety .tabCon .guide_box dl dd ul li:first-child {
	margin: 0;
}

.safety .tabCon .guide_box dl dd p {
	color: #666;
	margin: 0;
}

.safety .tabCon .guide_box dl dd .gap {
	margin-bottom: 36px;
}
.safety .tabCon .guide_box dl dd h5 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 6px;
}
.supply_guide .tabCon .guide_box img.guide03_img {
	position: relative;
	z-index: 3;
	margin-top: 50px;
}
.safety .tabCon .guide_box dl.last {
	border: none;
	padding: 0;
	margin: 0;
}

.safety .tabCon .guide_box .guideDepth_tab {
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}

.safety .tabCon .guide_box .guideDepth_tab ul {
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.safety .tabCon .guide_box .guideDepth_tab ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.safety .tabCon .guide_box .guideDepth_tab ul li {
	display: inline-block;
	width: 33.33333333333333%;
	float: left;
}

.safety .tabCon .guide_box .guideDepth_tab ul li a {
	display: block;
	text-align: center;
	line-height: 44px;
	font-size: 15px;
	border-left: 1px solid #d2d2d2;
}

.safety .tabCon .guide_box .guideDepth_tab ul li a br {
	display: none;
}

.safety .tabCon .guide_box .guideDepth_tab ul li a.on {
	color: #e6240f;
	background-color:  #ededed;
}
.safety .tabCon .guide_box .guideContents {
	display: none;
}

.safety .tabCon .guide_box .guideContents.on {
	display: block;
}

.safety .guide01 .guide_visu {
	background: url(/assets/img/supply/guide01_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.safety .guide02 .guide_visu {
	background: url(/assets/img/supply/guide02_img01.jpg) no-repeat center bottom;
	background-size: 100%;
}

.safety .guide03 .guide_visu {
	background: url(/assets/img/supply/guide03_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.safety .guide04 .guide_visu {
	background: url(/assets/img/supply/guide04_img01.jpg) no-repeat center top;
	background-size: 100%;
}

.safety .tabCon.on {
	display: block;
}

.safety .sus_title {
    display: block;
    margin-bottom: 10px;
    font-size: 25px;
    color: #333333;
}

.safety .tabCon p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
}

.wrap_table{margin-top:65px}
.wrap_table .tit1{display:block;font-size:20px;font-weight:bold;text-align:center;color:#e6240f;}
.wrap_table .tit2{display:block;padding-bottom:20px;font-size:18px;color:#333}
.wrap_table .tit1 + .tit2{margin-top:30px}
.wrap_table table + .tit2{margin-top:50px}
.wrap_table .normal_table th,
.wrap_table .normal_table td{text-align:left;padding-left:30px}
.wrap_table .merge{border-right:0}
.wrap_table .merge + th,
.wrap_table .merge + td{border-left:0}
.wrap_table .al{text-align:left}
.wrap_table .ar{text-align:right}
.wrap_table .ac{text-align:center}
.wrap_table .fs0{color:#e6240f}
.wrap_table .normal_table.safe{}
.wrap_table .normal_table.safe th, .wrap_table .normal_table.safe td{text-align: center; padding: 10px 0;}
.safety_list{}
.safety_list td .ico{ width: 24px; opacity: 0.6;}
.safety_view .recruit_box .recruit_title{padding-left: 94px;}

/* 게시판 검색 */
.board_search{position:relative; margin: 30px 0 30px; padding: 30px 0; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #d2d2d2;}
.board_search fieldset>span{display:block}
.board_search .date{position:absolute}
.board_search .search{position:relative;width:50%;margin:0 auto;border-radius:3px;}
.board_search .sch_sel {border-radius:3px;}
.board_search .search .sch_tbox{display:block; padding: 0 60px 0 92px; border-radius: 3px;}
.board_search .search .sch_tbox input{width:93%; padding:0 3%; border-radius: 0; border-color: #ddd; border-radius: 0 3px 3px 0;}
.board_search .search .sch_tbox label + input{border-radius: 3px;}
.sch_sel{position:absolute;left:0;top:0; border-radius: 0; border-color: #ddd;}
.btn.sch{position:absolute;right:0;top:0; border-radius: 3px; background-color: #063863;}
.btn.sch {
	display: inline-block;
    border: 0;
    padding: 0;
    width: 74px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 14px;
    background: #063863;
	background: #333;
    text-align: center;
}
.board_search .search + .search {text-align: right;}

caption, legend, .hidden {
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.hide {
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
select {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}
select.sch_sel {
    width: 85px;
    padding-left: 10px;
    border-radius: 3px 0 0 3px;
}
.sch_sel {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    border-color: #ddd;
}
label.hidden {
    position: absolute;
    left: -100000px;
    top: auto;
    height: 1px;
    overflow: hidden;
}
input[type="text"], input[type="password"] {
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}
.inner {
    max-width: 1170px;
    letter-spacing: -0.7px;
}


/*   ///게시판 검색 */



.safety .sec01 .list_1{ color:#888; line-height:33px;}
.safety .sec01 .list_1 li{position:relative; padding-left:15px;}
.safety .sec01 .list_1 .num{position:absolute; left:0; top:0;}
.safety .safety_img { padding:40px 0 45px; text-align:center;}
.safety .tabContents{width:960px; margin:0px auto; padding-top:50px;}
.safety .tabList{width:100%; margin:0px auto;}
.safety .tabList li{width:33.999999%;}
.safety .sec01{font-size:15px; border-bottom:1px solid #d2d2d2;}
.safety .sec01 .tt1{padding-top:25px; color:#333; font-weight:bold; font-size:15px; line-height:24px;}




.safety .sec02{padding:50px 0px; border-bottom:2px solid #d2d2d2;  overflow:hidden;}
.safety .sec02 .sus_title{float:left}
.safety .sec02 .box1{float:right; text-align:center; overflow:hidden;}
.safety .sec02 .box1 a{float:left; display:block; width:223px; margin:0px 7px;}
.safety .sec02 .box1 img{width:100%;;}

.safety .sec02.etc .sus_title,
.safety .sec02.etc .box1{float:none}
.safety .sec02.etc .sus_title  + .box1{margin-top: -74px; float: right;}
.safety .sec02.etc .box1 a:first-child{margin-left:0}


.safety .sec01 .list_2{ color:#888; line-height:33px; margin-top:20px; margin-bottom:20px;}
.safety .sec01 .list_2 li{position:relative; padding-left:15px;}
.safety .sec01 .list_2 .num{position:absolute; left:0; top:0;}










.safety .sec03 .imgbox_underline{padding-bottom:50px; min-height:474px; background: url(/assets/img/sustainability/safety06.png) 112px -46px no-repeat;}


.safety .sec04 .imgbox_underline {
    padding: 80px 622px 210px 0px;
    min-height: 530px;
    background: url(/assets/img/sustainability/safety07.png) no-repeat right 74px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 2px solid #d2d2d2;
}
.st_bold{font-weight:bold; color:#333333;}

/*.safety .sec05 .imgbox_underline{padding-bottom:50px; min-height:806px; background:url(/resource/images/sustainability/safety08.jpg) no-repeat center 185px;}200916*/









/*품질경영*/

.quality .page_spot {
    background-image: url(/assets/img/sustainability/page_title_bg.jpg);
}

.quality .tabList.tab3 ul li {
    width: 33%;
}

.quality .tabList.tab4 ul li {
    width: 25%;
}

.quality .tabCon {
    display: none;
    margin-top: 50px;
    position: relative;
}

.quality .tabCon .guide_visu {
    position: relative;
    padding-top: 31%;
    width: 100%;
    z-index: 1;
}

.quality .tabCon .guide_visu h4 {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}

.quality .tabCon .guide_visu h4 img {
    position: inherit;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -200px;
}

.quality .tabCon .guide_box {
    position: relative;
    padding: 50px 80px 150px;
    border: 1px solid #e9e9e9;
}

.quality .tabCon .guide_box .bg1 {
    position: absolute;
    width: 98px;
    height: 286px;
    top: -100px;
    left: -1px;
    background: url(/assets/img/supply/guide_con_bg1.png) no-repeat;
    z-index: 2;
}

.quality .tabCon .guide_box .bg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 270px;
    height: 210px;
    z-index: 2;
    background: url(/assets/img/supply/guide_con_bg2.png) no-repeat;
}

.quality .tabCon .guide_box strong.attention {
    position: relative;
    z-index: 3;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #e6240f;
    margin-bottom: 40px;
}

.quality .tabCon .guide_box strong.attention:after {
    content: '';
    width: 30px;
    height: 1px;
    display: block;
    margin: 40px auto 0;
    background-color: black;
}

.quality .tabCon .guide_box p {
    position: relative;
    z-index: 3;
    font-size: 15px;
    margin-top: 20px;
}

.quality .tabCon .guide_box p:first-child {
    margin: 0;
}

.quality .tabCon .guide_box dl {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.quality .tabCon .guide_box dl:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.quality .tabCon .guide_box dl dt {
    float: left;
    width: 30%;
    font-size: 20px;
    font-weight: 600;
}

.quality .tabCon .guide_box dl dt span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 8px;
}

.quality .tabCon .guide_box dl dd {
    float: right;
    width: 70%;
    font-size: 15px;
    line-height: 26px;
}

.quality .tabCon .guide_box dl dd strong {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.quality .tabCon .guide_box dl dd ul li {
    color: #666;
    padding-left: 10px;
    background: url(/assets/img/common/list-style01.gif) no-repeat left 8px;
    line-height: normal;
    margin-top: 6px;
}

.quality .tabCon .guide_box dl dd ul li:first-child {
    margin: 0;
}

.quality .tabCon .guide_box dl dd p {
    color: #666;
    margin: 0;
}

.quality .tabCon .guide_box dl dd .gap {
    margin-bottom: 36px;
}

.quality .tabCon .guide_box dl dd h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
}

.supply_guide .tabCon .guide_box img.guide03_img {
    position: relative;
    z-index: 3;
    margin-top: 50px;
}

.quality .tabCon .guide_box dl.last {
    border: none;
    padding: 0;
    margin: 0;
}

.quality .tabCon .guide_box .guideDepth_tab {
    position: relative;
    z-index: 3;
    margin-bottom: 50px;
}

.quality .tabCon .guide_box .guideDepth_tab ul {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

.quality .tabCon .guide_box .guideDepth_tab ul:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.quality .tabCon .guide_box .guideDepth_tab ul li {
    display: inline-block;
    width: 33.33333333333333%;
    float: left;
}

.quality .tabCon .guide_box .guideDepth_tab ul li a {
    display: block;
    text-align: center;
    line-height: 44px;
    font-size: 15px;
    border-left: 1px solid #d2d2d2;
}

.quality .tabCon .guide_box .guideDepth_tab ul li a br {
    display: none;
}

.quality .tabCon .guide_box .guideDepth_tab ul li a.on {
    color: #e6240f;
    background-color: #ededed;
}

.quality .tabCon .guide_box .guideContents {
    display: none;
}

.quality .tabCon .guide_box .guideContents.on {
    display: block;
}

.quality .guide01 .guide_visu {
    background: url(/assets/img/supply/guide01_img01.jpg) no-repeat center top;
    background-size: 100%;
}

.quality .guide02 .guide_visu {
    background: url(/assets/img/supply/guide02_img01.jpg) no-repeat center bottom;
    background-size: 100%;
}

.quality .guide03 .guide_visu {
    background: url(/assets/img/supply/guide03_img01.jpg) no-repeat center top;
    background-size: 100%;
}

.quality .guide04 .guide_visu {
    background: url(/assets/img/supply/guide04_img01.jpg) no-repeat center top;
    background-size: 100%;
}

.quality .tabCon.on {
    display: block;
}

.quality .sus_title {
    display: block;
    margin-bottom: 10px;
    font-size: 25px;
    color: #333333;
}

.quality .tabCon p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
}

.wrap_table {
    margin-top: 65px
}

.wrap_table .tit1 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #e6240f;
}

.wrap_table .tit2 {
    display: block;
    padding-bottom: 20px;
    font-size: 18px;
    color: #333
}

.wrap_table .tit1 + .tit2 {
    margin-top: 30px
}

.wrap_table table + .tit2 {
    margin-top: 50px
}

.wrap_table .normal_table th,
.wrap_table .normal_table td {
    text-align: left;
    padding-left: 30px
}

.wrap_table .merge {
    border-right: 0
}

.wrap_table .merge + th,
.wrap_table .merge + td {
    border-left: 0
}

.wrap_table .al {
    text-align: left
}

.wrap_table .ar {
    text-align: right
}

.wrap_table .ac {
    text-align: center
}

.wrap_table .fs0 {
    color: #e6240f
}

.wrap_table .normal_table.safe {}

.wrap_table .normal_table.safe th,
.wrap_table .normal_table.safe td {
    text-align: center;
    padding: 10px 11px;
}

.quality_list {}

.quality_list td .ico {
    width: 24px;
    opacity: 0.6;
}

.quality_view .recruit_box .recruit_title {
    padding-left: 94px;
}








.quality .sec01 .list_1 {
    color: #888;
    line-height: 33px;
}

.quality .sec01 .list_1 li {
    position: relative;
    padding-left: 15px;
}

.quality .sec01 .list_1 .num {
    position: absolute;
    left: 0;
    top: 0;
}

.quality .quality_img {
    padding: 40px 0 45px;
    text-align: center;
}

.quality .tabContents {
    width: 960px;
    margin: 0px auto;
    padding-top: 50px;
}

.quality .tabList {
    width: 100%;
    margin: 0px auto;
}

.quality .tabList li {
    width: 33.999999%;
}

.quality .sec01 {
    font-size: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.quality .sec01 .tt1 {
    padding-top: 25px;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
}




.quality .sec02 {
    padding: 50px 0px;
    border-bottom: 2px solid #d2d2d2;
    overflow: hidden;
}

.quality .sec02 .sus_title {
    float: left
}

.quality .sec02 .box1 {
    float: right;
    text-align: center;
    overflow: hidden;
}

.quality .sec02 .box1 a {
    float: left;
    display: block;
    width: 223px;
    margin: 0px 7px;
}

.quality .sec02 .box1 img {
    width: 100%;
}

.quality .sec02.etc .sus_title,
.quality .sec02.etc .box1 {
    float: none;
}

.quality .sec02.etc .sus_title + .box1 {
    margin-top: -74px;
    float: right;
}

.quality .sec02.etc .box1 a:first-child {
    margin-left: 0
}


.quality .sec01 .list_2 {
    color: #888;
    line-height: 33px;
    margin-top: 20px;
    margin-bottom: 33px;
}

.quality .sec01 .list_2 li {
    position: relative;
    padding-left: 15px;
}

.quality .sec01 .list_2 .num {
    position: absolute;
    left: 0;
    top: 0;
}




.quality .sec03 .imgbox_underline {
    min-height: 530px;
    background: url(/assets/img/sustainability/quality_system.png) no-repeat right 9px;
    /*border-top: 1px solid #d2d2d2;*/
    border-bottom: 2px solid #d2d2d2;
}

.st_bold {
    font-weight: bold;
    color: #333333;
}