@charset "UTF-8";
/*공용 변수*/
/*공용 믹스인*/
/*공용 함수*/
/***** 공통 *****/
#container {
	margin-top: 0px;
	margin-bottom:50px;
}

.hidden {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}

/* 타이틀 */
.hgroup {
	width: 960px;
	margin: 0 auto 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
	text-align: center;
}
.hgroup h3.page_title{text-align: center;}

.hgroup h3.page_title img {
	height: 38px;
}

.line_bar_1123{position: absolute; width: 100%; height: 1px; background: #333; opacity:0; top: 0; margin-top: -100px;}

.hgroup p.title_desc {
	display: block;
	color: #888;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -0.5px;
	padding-top: 13px;
}

.default_btn {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
	text-align: center;
}

.blank_btn {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
	text-align: center;
	padding: 0 20px;
	color: #e6240f;
}

.blank_btn:after {
	content: '';
	display: inline-block;
	background: url(../img/common/go_site_icon.png);
	width: 13px;
	height: 13px;
	margin-left: 5px;
}

.blank_btn:focus{border: 1px solid #d2d2d2;}

.download_btn {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
    padding: 0 20px;
	text-align: center;
    color: #e6240f;
}

.download_btn:after {
	content: '';
	display: inline-block;
	background: url(../img/common/download_icon.png);
	width: 13px;
	height: 13px;
	margin-left: 5px;
}

.download_btn.no_icon:after {
	display: none;
}

.more_view_btn {
	display: block;
	width: 143px;
	height: 42px;
	line-height: 43px;
	margin: 20px auto 0;
	border: 1px solid #b7b7b7;
	color: #333;
	font-size: 15px;
	text-align: center;
}
.more_view_btn:focus{border: 1px solid #d2d2d2;}
.more_view_btn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(../img/common/arr_down_btn.png) no-repeat 4px 0;
}

.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;
}

h4.section_title {
	text-align: center;
	color: #101010;
	/* font-size: 30px; */
	font-size:34px;
	font-weight:600;
}

h4.section_title.underline {
	position: relative;
}

h4.section_title.underline:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	width: 34px;
	height: 1px;
	margin-left: -17px;
	background-color: #e6240f;
}

h5.sub_title {
	text-align: center;
	color: #101010;
	font-size: 25px;
}

h5.sub_title .decs {
	color: #888;
}

/* 다운로드 버튼 */
.download_btn {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #333;
	text-align: center;
	color: #e6240f;
}

.download_btn:after {
	content: '';
	display: inline-block;
	background: url(../img/common/download_icon.png);
	width: 13px;
	height: 13px;
	margin-left: 5px;
}

.download_btn.no_icon:after {
	display: none;
}
.download_btn:focus{border: 1px solid #d2d2d2;}

.download_btn2 {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background-color: white;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #e6240f;
	text-align: center;
}

.download_btn2:after {
	content: '';
	display: inline-block;
	background: url(../img/common/download_icon.png);
	width: 13px;
	height: 13px;
	margin-left: 5px;
}

/* 목록 버튼 */
.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: relative;
    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;
	background-color: #e9e9e9;
	height: 50px;
}

.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 a.short{
	padding-top: 13px;
}
.sub_menu ul.sub_menu_list li.on{
	background-color: #fff;
}

.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 ul.sub_menu_list li.on a.short{
    padding-top: 12px;
}

.sub_menu.split2 li {
	width: 550px;
}

.sub_menu.split3 li {
	/* width: 366.6px; */
	width: 33.3%;
}


.sub_menu.split4 li {
	width: 25%;
}


.sub_menu.split5 li {
	width: 219.2px;
}

.sub_menu.split6 li {
	width: 182.5px;
}

.sub_menu.split7 li {
	width: 14.285%;
}

.sub_menu.split8 li {
	width: 12.5%;
}

.sub_menu.split9 li {
	width: 10.9%;
}

.sub_menu.split10 li {
	width: 10%;
}

/* 3depth 탭메뉴 스타일 */

.tabContent {
	display: none;
	position: relative;
	margin-top: 50px;
}

.tabContent.on {
	display: block;
}

.tabList, .menu   {
	width: 100%;
}

.tabList ul, .menu ul {
	width: 100%;
}

.tabList ul:after, .menu ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.tabList ul li, .menu ul li {
	float: left;
	line-height: 49px;
	border: 1px solid #d2d2d2;
	border-left: 0;
	text-align: center;
}

.tabList ul li:first-child, .menu ul li:first-child {
	border-left: 1px solid #d2d2d2;
}

.tabList ul li a, .menu ul li a {
	display: block;
	height: 48px;
	color: #333;
	font-size: 15px;
}

.tabList ul li a.on, .menu ul li a.on {
	background-color: #ededed;
	color: #e6240f;
}

.tabList.tab2 ul li, .menu.tab2 ul li {
	width: 50%;
}

.menu.tab3 ul li, .tabList.tab3 ul li {
	width: 33.33333333333333%;
}

.tabContent {
	display: none;
	position: relative;
	margin-top: 50px;
}

.tabContent.on {
	display: block;
}

.tabList, .tabList2 {
	width: 100%;
}

.tabList ul, .tabList2 ul {
	width: 100%;
}

.tabList ul:after, .tabList2 ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.tabList ul li, .tabList2 ul li {
	float: left;
	line-height: 49px;
	border: 1px solid #d2d2d2;
	border-left: 0;
	text-align: center;
}

.tabList ul li:first-child, .tabList2 ul li:first-child {
	border-left: 1px solid #d2d2d2;
}

.tabList ul li a, .tabList2 ul li a {
	display: block;
	height: 48px;
	color: #333;
	font-size: 15px;
	text-transform: capitalize;
}

.tabList ul li a.on, .tabList2 ul li a.on {
	background-color: #ededed;
	color: #e6240f;
}

.tabList.tab2 ul li, .tabList2.tab2 ul li {
	width: 50%;
}

.menu.tab3 ul li, .tabList.tab3 ul li {
	width: 33.33333333333333%;
}
.menu.tab3 ul li, .tabList2.tab3 ul li {
	width: 33.33333333333333%;
}








.tabList.tab4 ul li {
	width: 25%;
}
.tabList.tab5 ul li {
	width: 20%;
}

.tabList.tab6 ul li {
    width: 16.65%;
}
.tabList.tab6.codes ul li {
    width: 33.3%;
}
.tabList.tab6.codes ul li:nth-child(4) {
    border-left: 1px solid #d2d2d2;
    border-top: 0;
}
.tabList.tab6.codes ul li:nth-child(5) {
    border-top: 0;
}
.tabList.tab6.codes ul li:nth-child(6) {
    border-top: 0;
}

.tabList.tab7 ul li {
	width: 14.28571428571429%;
}

.num-table{
    letter-spacing: 0;
}
.num-table td.t_r{
	text-align: right;
	padding-right: 3%;
}
.num-table td.t_b{
	font-weight: 600;
	background-color: #f8f8f8;
}
/* 현재 위치 */
.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;
}

.section {
	width: 960px;
	margin: 0 auto;
}

.section h4.sub_title {
	text-align: center;
	color: #101010;
	font-size: 25px;
}

.full_section {
	width: 100%;
	min-width: 960px;
	position: relative;
}

.sub_pagination {
	display: none;
	position: relative;
	padding: 0 7%;
}

.sub_pagination a {
	position: absolute;
}

.sub_pagination a img {
	width: 41px;
}

.sub_pagination a.left {
	left: 0;
	padding-left: 7%;
}

.sub_pagination a.right {
	right: 0;
	padding-right: 7%;
}

table.table {
	width: 100%;
}

/* 테이블 스타일 */
table .bold_line {
	font-weight: bold;
}

.table_decs {
	position: relative;
	padding-bottom: 10px;
	color: #333;
	font-size: 18px;
}

.table_decs span {
	color: #888;
}

.table_decs .right {
	position: absolute;
	right: 0;
	font-size: 15px;
}

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.normal_table2 {
	border-bottom: 2px solid #d2d2d2;
	border-top: 2px solid black;
}

table.normal_table2 caption {
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}

table.normal_table2 th, table.normal_table2 td {
	height: 68px;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	text-align: center;
	font-size: 15px;
	color: #333;
}

table.normal_table2 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;
}

table.left_table th, table.left_table td {
	text-align: left;
	padding-left: 40px;
}
table.lien-table.grade-list td{
	padding: 0 5px;
}


/* 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(../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;
}

/* 재무정보 select */
.dSelect {
	position: relative;
	height: 40px;
	font-size: 15px;
	z-index: 10;
}

.dSelect strong.default {
	display: block;
	line-height: 40px;
	padding-left: 18px;
	border: 1px solid #c2c2c2;
	cursor: default;
    background: url(../img/common/dSelect.gif) 90% 50% no-repeat;
}

.dSelect ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 1px;
	right: 1px;
	line-height: 25px;
	z-index: 10;
	background-color: white;
	border: 1px solid #c2c2c2;
}

.dSelect li {
	padding-left: 16px;
	cursor: default;
}

.dSelect select {
	display: none;
}

.dSelect{position:relative; height:40px;  font-size:15px; z-index:10;}
.dSelect select{display: none;}
.dSelect ul{display:none; position:absolute;  top:40px; left: 0px; right:0px; line-height:25px; z-index:10; background:#fff; border:1px solid #c2c2c2;}
.dSelect.open ul{display:block;}
.dSelect li{padding-left:16px; cursor:default;}
.dSelect li.on , .dSelect li:hover {background:#1e90ff; color:#fff;}
.dSelect .default{display: block; line-height:40px; padding-left:18px; border:1px solid #c2c2c2; cursor:default;}


/* 게시판 공통 */
.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;
}
.winwin .list.row .title {
    padding: 0;
    height: 100%;
}

.recruit_detail {
	padding: 75px 30px;
	border-bottom: 2px solid #d2d2d2;
}

/* 풋터 공통 */
#footer {
	min-width: 1100px;
	background: url(../img/common/sub_footer.gif) no-repeat center 0;
}

.footer_inner {
	width: 1100px;
	margin: 0 auto;
}

/***** company *****/
.company .page_spot {
	background-image: url(../img/company/page_title_bg.jpg);
}

.company .eng .page_spot {
	background-image: url(../img/company/page_title_bg.png);
}


/**********management*********/


.management .page_spot {
	background-image: url(../img/management/page_title_bg.jpg);
}

.management .eng .page_spot {
	background-image: url(../img/management/page_title_bg.png);
}
.bbg_parttern{width:100%; height:926px;  background:url(../img/management/pattern_back.png)no-repeat; background-size:100%; border:1px solid #D0CFCD; box-sizing:border-box; } 
.bbg_textarea{width:560px; margin:0 auto;  text-align:center; padding-top:80px;  height:auto;}
.bbg_textarea h1{font-size:40px; font-weight:600; line-height:50px}
.bbg_textarea h2{font-size:25px; font-weight:600; margin-top:60px; line-height:80px;}
.bbg_textarea h3{font-size:22px; font-weight:600; margin-top:60px; line-height:80px;}
.bbg_textarea .sp_text{font-size:22px; padding-top:50px; text-align:left;   display:block; line-height:50px; border-bottom:1px solid #dedede; padding-bottom:40px;}
.bbg_textarea .sp_text2{font-size:22px; padding-top:50px; color:#777;  text-align:left; display:block; line-height:50px;}
.bbg_textarea .sp_text3{text-align:right; display:block; margin-top:50px;}
.bbg_textarea .mad{margin-left:80px;}
.bwd{width:660px !important; }








.company .hgroup {
	border: none;
	margin-bottom: 0;
}
.company .hgroup .page_title{}

.company h4.section_title {
	padding-bottom: 18px;
}

/* ceo인사말 */
.ceo .ceo_box .img_box {
	height: 460px;
	padding: 80px 85px 0 85px;
	background: url(../img/company/ceo_img.png) no-repeat;
}


.ceo .ceo_box .img_box h4.ceo_title {
	font-weight: 300;
	color: #e6240f;
	font-size: 40px;
	line-height: 46px;
}

.ceo.eng .ceo_box .img_box h4.ceo_title {
    font-size: 36px;
}

.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;
}

/* 회사소개 > 브로슈어 */
.brochure{}
.brochure .brochure_box{position:relative; height:500px; padding:78px 0px 0px 500px; margin-bottom:225px; background:#f2f2f2;}
.brochure .brochure_box.last{margin-bottom:76px;}
.brochure .brochure_box .brochure_img{position:absolute; left:59px; top:72px;}
.brochure .brochure_txt1{font-size:30px; color:#101010; line-height:36px;}
.brochure .brochure_txt1 strong{display:block; color:#e6240f; text-transform:uppercase; letter-spacing:1px;}
.brochure .brochure_txt2{padding:10px 0px 30px; font-size:18px; color:#656565;}
.brochure .brochure_index{}
.brochure .brochure_index strong{display:block; font-size:15px; color:#333333; font-weight:bold;}
.brochure .brochure_index .brochure_index_inner{margin-top:10px; width: 425px; padding-top:15px; border-top:1px solid #bdbdbd;}
.brochure .brochure_index .brochure_index_inner:after{content:''; display:block; clear:both;}
.brochure .brochure_index ol{float:left; width:170px; color:#888888; line-height:28px; font-size:15px;}
.brochure .brochure_index ol:first-child{width:180px;}
.brochure .brochure_index .brochure_index_inner ol li {margin-left:13px; text-indent:-7px;}
.brochure .brochure_index .brochure_index_inner ol li strong {display: inline-block; padding-right: 7px; letter-spacing: -0.5px;}
.brochure .brochure_index .btns{position: absolute; bottom: -125px; width: 54%; right: 0;}
.brochure .brochure_index .download_btn{display:inline-block; width: calc(50% - 12px); margin-right:10px; margin-bottom: 10px;}
.brochure .brochure_index .view_btn {
	height: 43px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #d2d2d2;
    font-size: 15px;
    color: #333333;
    text-align: center;
	display:inline-block;
	width: calc(50% - 12px);
	margin-right:10px;
}
.brochure .brochure_index ol strong {display: inline-block; color: #333;}
.brochure .sec1{display:none;}


/* 가치체계 */
.vision .section {
	padding-bottom: 80px;
}
.vision .sec01{}

.vision .sec02{margin-bottom: 30px;}

.vision .sec02 .full_section.sec02 .bg{
	height: 400px;
    top: 130px;
	background: url(../img/company/vision_bg.png) no-repeat 50% 50% fixed;
	background-size: cover;
}

.vision .sec02 .full_section.sec02 .bg div{
	background-color: rgba(0, 0, 0, .6);
}

.vision .mission {
	position: relative;
	z-index: 1;
	clear: both;
}


.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; */
	overflow: hidden;
}

.vision ul.vision_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.vision ul.vision_list li.item {
	float: left;
	width: calc(33.3% - 1px);
	height: 210px;
	text-align: center;
	position: relative;
	box-sizing: content-box;
	padding: 30px 0;
}
.vision .section .value{    
	text-align: center;
}
.vision .section .value img{}

.vision .identity .full_section.sec02 h4.section_title{
	font-size: 26px;
	padding: 85px 0;
}

.vision .identity .full_section.sec02 h4.section_title p{
	font-size: 24px;
    color: #9CB6D2;
    font-weight: 500;
    margin-top: 10px;
}

.vision ul.vision_list li.item:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
    top: 30px;
	width: 82px;
	height: 82px;
	transform: translate(-50%, 0%);
}
.vision ul.vision_list li.item span.num {
	display: block;
	color: #b2b2b2;
	font-size: 15px;
	font-weight: 600;
	padding-top: 130px;
}
.vision ul.vision_list li.item strong {
	display: block;
	font-size: 25px;
	font-weight: 500;
	color: #101010;
}
.vision ul.vision_list li.item span.eng {
	font-size: 17px;
    color: #F03223;
    font-weight: 500;
}

.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(../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(../img/company/vision_icon01.png) no-repeat;
}
.vision ul.vision_list li.item02 {
	/* height: 290px; */
	background: #F1F1F1;
}

.vision ul.vision_list li.item02:after {
	background: #fff url(../img/company/vision_icon02.png) no-repeat 50% 50%;
    border-radius: 100%;
    padding: 17px;
}

.vision ul.vision_list li.item03 {
	height: 297px;
	border-right: 1px solid #d2d2d2;
}

.vision ul.vision_list li.item03:after {
	background: url(../img/company/vision_icon03.png) no-repeat;
}
.vision ul.vision_list li.item04 {
	/* height: 297px; */
	/* border-right: 1px solid #d2d2d2; */
	background: #F4F4F4;
}

.vision ul.vision_list li.item04:after {
	background: #fff url(../img/company/vision_icon04.png) no-repeat 50% 50%;
	border-radius: 100%;
    padding: 17px;
}

.vision ul.vision_list li.item05 {
	/* height: 290px; */
	/* border-right: 1px solid #d2d2d2; */
	background: #F9F9F9;
}

.vision ul.vision_list li.item05:after {
	background: #fff url(../img/company/vision_icon05.png) no-repeat 50% 50%;
	border-radius: 100%;
    padding: 17px;
}
.vision ul.vision_list li.item06 {
	height: 287px;
}

.vision ul.vision_list li.item06:after {
	background: url(../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(../img/company/vision_icon07.png) no-repeat;
}
.vision .sec04 {
	background: url(../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; */
}
.eng.vision .sec03 {padding-top: 0;}

/* .vision .sec03 dl.hdc_slogan {
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 100px 206px;
}
 */

.vision .sec03 dl.hdc_slogan {
	display:flex;
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 100px 206px;
	justify-content: center;
    flex-direction: row;
}


.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: 17px;
	font-weight: 500;
	/* text-align: center; */
}
.vision .sec03 dl.hdc_slogan dd img{width:78%; margin-top:15%;}
.vision .mission img {
	width: 100%;
}
/* .vision .mission .box{
	background: url(../img/company/vision_bg_pc.png) no-repeat 50% 0;
	width: 960px;
    height: 360px;
}
*/

.vision .mission .box{
	background: url(../img/company/vision_bg_pc.png) no-repeat 50% 0;
	width: 960px;
    height: 360px;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

	

.vision .mission .box .bg{}

.vision .mission .mo{display: none;}
.vision .mission .text{
	float: left;
    font-weight: 500;
    text-align: center;
    padding: 10px 30px;
    /* width: 50%; */
}


/* .vision .mission .text{
	float: left;
    font-weight: 500;
    text-align: center;
    padding: 131px 30px;
    width: 50%;
} */
.vision .mission .text:nth-child(2){
    float: right;
}

.vision .mission .text:nth-child(2) p{
	color: #f03223;
}
.vision .mission .text em{
	color: #ffffff;
    font-size: 13px;
	letter-spacing: -0.5px;
	border-bottom: 1px solid #d1d1d1;

}
/* .vision .mission .text em{
	color: #B2B2B2;
    font-size: 13px;
	letter-spacing: -0.5px;
} */
/* .vision .mission .text p{
	color: #9CB6D2;
    font-size: 28px;
	padding-top: 10px;
} */

/* .vision .mission .text p{
	color: #E41D1E;
    font-size: 28px;
	padding-top: 10px;
} */


.vision .mission .text p{
	color: #ffffff;
    font-size: 38px;
	padding-top: 10px;
}
.vision .mission .text p span{
	display: block;
    font-size: 18px;
	color: #fff;
	padding-top: 5px;
}


/* 주요연혁 */
.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(../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 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;
	font-weight:600;
}
.history .tabContent dd.history_img {
	position: absolute;
	right: 0;
	width: 391px;
}

.history .tabContent dd.history_img.history2017 {
	top:0;
}

.history .tabContent dd.history_img.history2010 {
	top: -224px; top: -60px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2010 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2009 {
	top: -91px; top: 0px;
}
@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2009 {
		top: auto;
	}

}
.history .tabContent dd.history_img.history2015 {
	top: -370px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2015 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2001 {
	top: -153px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2001 {
		top: auto;
	}
	
}

.history .tabContent dd.history_img.history1999 {
	top: -195px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history1999 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2014 {
	top: 190px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2014 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2012 {
	top: 90px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2012 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2006 {
	top: -934px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2006 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2005 {
	top: -412px;
}

@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2005 {
		top: auto;
	}
}

.history .tabContent dd.history_img.history2000 {
	top: 5px;
}
@media screen and (max-width: 768px) {
	.history .tabContent dd.history_img.history2000 {
		top: auto;
	}
}
.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.history2012 {
	top: 100px;
}
.history .tabContent dd.history_img.history2011 {
	top: 230px;
}
.history .tabContent dd.history_img.history2007 {
	top: 0;
}
.history .tabContent dd.history_img.history2006 {
	top: 375px;
}
.history .tabContent dd.history_img.history1994 {
	top: -285px;
}
.history .tabContent dd.history_txt.last{
    padding-bottom: 300px;
}
.history .tabContent.on {
	display: block;
}

/* 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(../img/company/ci_bg.gif) repeat;
	border: 1px solid #dfdfdf;
}
.identity .ci_box.bi {
	width: 420px;
}
.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(../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 {
	clear: both;
}
.identity .incons_ci_box .incons_ci_inner {
	border: 1px solid #dfdfdf;
	display: flex;
}

.identity .incons_ci_box figure {
	flex: 1;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.identity .incons_ci_box figure .ci_wrap {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7% 18%;
	text-align: center;
}
.identity .incons_ci_box figure .ci_wrap img {
	/* width: 100%; */
	max-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 {
	float: left;
}

.identity .ci_color dl dt {
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
}


.identity .ci_color dl dd {
	float: left;
	width: 124px;
	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: 10px 5px;
	font-size: 12.5px;
	letter-spacing: 0;
	border-top: 1px solid #dcdcdc;
}
.identity .ci_color dl dd.color1 i {
	background-color: #9CB6D2;
}

.identity .ci_color dl dd.color2 i {
	background-color: #d2cfcd;
}

.identity .ci_color dl dd.color3 i {
	background-color: #fff;
}

.identity .ci_color dl dd.color4 i {
	background-color: #56585F;
}

.identity .ci_color dl dd.color5 i {
	background-color: #5d89b3;
}

.identity .ci_color dl dd.color6 i {
	background-color: #999899;
}

.identity .ci_color dl dd.color7 i {
	background-color: #f03223;
}

.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 40px;
}

.identity .ci_color {
	margin-top: 50px;
}
.identity .ci_color > h4 {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	padding-bottom: 10px;
}
.identity .ci_color > p.sec_txt {
	font-size: 18px;
	font-weight: 300;
	color: #888;
	line-height: 1.6em;
	padding-bottom: 30px;
}
.identity .ci_color dl.color_set_new {
	display: flex;
	width: 100%;
	gap: 3px;
}
.identity .ci_color dl.color_set_new dd {
	flex: 1;
	border: 1px solid #dcdcdc;
}
.identity .ci_color dl.color_set_new dd i {
	display: block;
	padding-top: 75%;
}
.identity .ci_color dl.color_set_new dd span {
	display: block;
	padding: 10px 5px;
	font-size: 12.5px;
	letter-spacing: 0;
	border-top: 1px solid #dcdcdc;
}
.identity .ci_color dd.color_n1 i {
	background-color: #212121;
}
.identity .ci_color dd.color_n2 i {
	background-color: #FFFFFF;
}
.identity .ci_color dd.color_n3 i {
	background-color: #F01428;
}
.identity .ci_color dd.color_n4 i {
	background-color: #A8A8AA;
}
.identity .ci_color dd.color_n5 i {
	background-color: #A7A9AB;
}

.identity .full_section.sec02 {
	position: relative;
	padding-bottom: 60px;
}
.identity .full_section.sec02 h4.section_title {
	padding: 110px 0 95px;
	color: #fff;
	font-weight: 600;
}

.identity .full_section.sec02 h5.section_title2 {
	padding: 30px 0 30px;
	color: #333;
	font-weight: 600;
	text-align:center;
	font-size:24px;
	background:#f1f1f1;
}

.identity .full_section.sec02 .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 960px;
	height: 507px;
	background: url(../img/company/identity_bg.png) no-repeat 50% 50% fixed;
	z-index: -1;
	background-size: cover;
}

.identity .full_section.sec02 .bg2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 960px;
	height: 507px;
	background: url(../img/company/identity_bg_new2.png) no-repeat 50% 50% fixed;
	z-index: -1;
	background-size: cover;
}


.ps_mt0529{
	margin-top:570px;
}

.identity .full_section.sec02 .bg3 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-width: 960px;
	height: 507px;
	background: url(../img/company/identity_bg_new1.png) no-repeat 50% 50% fixed;
	z-index: -1;
	background-size: cover;
}
.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 {
	padding: 44px 33px 0 33px;
	height: 300px;
	background-color: white;
	border-bottom: 1px dashed #ddd;
	/* background: url(https://hdc-dvp.com//resource/images/company/identity04.jpg) no-repeat; */
}

.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: 50%;
	float: left;
}

.identity .full_section.sec02 .section_inner .identity_box.bi .txt_area strong.tit {
	font-size: 23px;
	line-height: 35px;
	color: #333;
	font-weight: 500;
	text-transform: capitalize;
    letter-spacing: -1.2px;
}

.identity .full_section.sec02 .section_inner .identity_box.bi .txt_area p.sec_txt {
	padding-top: 14px;
	line-height: 1.6;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -1.2px;
}

.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 .full_section.sec02.slogan{
	width: 960px;
    margin: 0 auto;
}
.identity .full_section.sec02.slogan .bg{
	background: url(../img/company/slogan_bg.png) no-repeat 50% 0%;
	height: 420px;
}
.identity .full_section.sec02.slogan .bg div{background-color: rgba(30, 30, 30, 0.8);}

.identity .full_section.sec02.slogan .section_inner .identity_box.bi {padding: 30px 20px; height: auto; border-bottom: 1px solid #ddd;}
.identity .full_section.sec02.slogan .section_inner .identity_box.bi .txt_area{width: 100%;}

.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: 13.125%;
	float: left;
	display: inline-block;
	text-align: center;
	margin-left: 1.35416666666667%;
	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;*/
	max-height: 30px;
}


.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(../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(../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;
}

/* 사업장 */
.place_of_business .tabList.tab2 ul li {
	width: 50%;
}

.place_of_business h4.section_title {
	padding-bottom: 10px;
}

.place_of_business p.section_title_desc {
	text-align: center;
	font-size: 18px;
	color: #888;
}
.place_of_business .tabContent {
	display: none;
	padding-top: 45px;
}

.place_of_business .tabContent.on {
	display: block;
}

.place_of_business .map_area {
	position: relative;
	width: 100%;
}

.place_of_business .map_area ul {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.place_of_business .map_area ul li {
	position: relative;
}

.place_of_business .map_area ul li a.location_btn {
	position: absolute;
	width: 175px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #e6240f;
	text-align: center;
	font-size: 15px;
	color: #e6240f;
	background-color: white;
	z-index: 1;
}

.place_of_business .map_ko_area ul li a.location {
	position: absolute;
	display: inline-block;
	width: 29px;
	height: 42px;
	background: url(../img/company/icon_location.png) no-repeat 0 0;
}

.place_of_business .map_world_area ul li a.location {
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 22px;
	background: url(../img/company/icon_world_location.png) no-repeat 0 0;
}

.place_of_business .map_area ul li span.location_line {
	position: absolute;
	display: block;
	z-index: 0;
}

.place_of_business .map_area ul li:hover a.location_btn {
	background-color: #e6240f;
	color: white;
}

.place_of_business .map_ko_area ul li:hover a.location {
	background-position: 0 -42px;
}

.place_of_business .map_world_area ul li:hover a.location {
	background-position: 0 -22px;
}


.place_of_business .map_area ul li.bundang a.location_btn {
	left: 54px;
	top: 57px;
}

.place_of_business .map_area ul li.bundang a.location {
	top: 120px;
	left: 440px;
}

.place_of_business .map_area ul li.dangjin a.location_btn {
	left: 54px;
	top: 134px;
}

.place_of_business .map_area ul li.dangjin a.location {
	top: 181px;
	left: 389px;
}

.place_of_business .map_area ul li.jincheon a.location_btn {
	right: 54px;
	top: 139px;
}

.place_of_business .map_area ul li.jincheon a.location {
	top: 180px;
	left: 457px;
}

.place_of_business .map_area ul li.sejong a.location_btn {
	left: 54px;
	top: 225px;
}

.place_of_business .map_area ul li.sejong a.location {
	top: 226px;
	left: 432px;
}

.place_of_business .map_area ul li.gimcheon a.location_btn {
	right: 54px;
	top: 225px;
}

.place_of_business .map_area ul li.gimcheon a.location {
	top: 268px;
	left: 520px;
}

.place_of_business .map_area ul li.gwangju a.location_btn {
	left: 54px;
	top: 363px;
}

.place_of_business .map_area ul li.gwangju a.location {
	top: 365px;
	left: 364px;
}

.place_of_business .map_area ul li.ulsan a.location_btn {
	right: 54px;
	top: 325px;
}

.place_of_business .map_area ul li.ulsan a.location {
	top: 326px;
	right: 303px;
}

.place_of_business .map_area ul li.japan a.location_btn {
	right: 54px;
	top: 142px;
}

.place_of_business .map_area ul li.japan a.location {
	top: 210px;
	right: 362px;
}

.place_of_business .map_area ul li.china_beijing a.location_btn {
	right: 277px;
	top: 231px;
}

.place_of_business .map_area ul li.china_beijing a.location {
	top: 179px;
	left: 366px;
}

.place_of_business .map_area ul li.china_yancheong a.location_btn {
	right: 277px;
	top: 281px;
}

.place_of_business .map_area ul li.china_yancheong a.location {
	top: 206px;
	left: 375px;
}

.place_of_business .map_area ul li.china_chongqing a.location_btn {
	right: 277px;
	top: 331px;
}

.place_of_business .map_area ul li.china_chongqing a.location {
	top: 217px;
	left: 335px;
}

.place_of_business .map_area ul li.china_guangdong a.location_btn {
	right: 277px;
	top: 381px;
}

.place_of_business .map_area ul li.china_guangdong a.location {
	top: 250px;
	left: 362px;
}

.place_of_business .map_area ul li.india_chennai a.location_btn {
	left: 236px;
	top: 433px;
}

.place_of_business .map_area ul li.india_chennai a.location {
	top: 292px;
	left: 265px;
}

.place_of_business .map_ko_area {
	background: url(../img/company/map_ko.png) no-repeat center;
	height: 540px;
}
.place_of_business .map_world_area {
	background: url(../img/company/map_world.png) no-repeat center;
	height: 580px;
}
.place_of_business .place_list {
	border-top: 2px solid black;
	border-bottom: 1px solid black;
}

.place_of_business .place_list .place_inner {
	padding: 50px 0;
	border-top: 1px solid #d2d2d2;
}

.place_of_business .place_list .place_inner:first-child {
	border: none;
}
.place_of_business .place_list .place_inner .place_info {
	position: relative;
}

.place_of_business .place_list .place_inner .place_info:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.place_of_business .place_list .place_inner .place_info img {
	float: left;
}


.place_of_business .place_list .place_inner .place_info .txt_box {
	float: left;
	margin-left: 50px;
}

.place_of_business .place_list .place_inner .place_info .txt_box h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 12px;
}
.place_of_business .place_list .place_inner .place_info .txt_box h4.flag:before {
	content: '';
	width: 32px;
	height: 25px;
	display: inline-block;
	background: url(../img/company/flag.gif) no-repeat;
}
.place_of_business .place_list .place_inner .place_info .txt_box h4.flag_china:before {
	background-position: 0 0;
	vertical-align: middle;
	margin-right: 8px;
}

.place_of_business .place_list .place_inner .place_info .txt_box h4.flag_india:before {
	background-position: 0 -50px;
	vertical-align: middle;
	margin-right: 8px;
}
.place_of_business .place_list .place_inner .place_info .txt_box h4.flag_japan:before {
	background-position: 0 -25px;
	vertical-align: middle;
	margin-right: 8px;
}
.place_of_business .place_list .place_inner .place_info .txt_box ul li {
	font-size: 15px;
	background: url(../img/common/icon_bull.png) no-repeat 0 10px;
	background-size: 3px;
	padding: 2px 0 2px 10px;
	color: #666;
}
.place_of_business .place_list .place_inner .place_info a.map_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 15px;
	text-align: center;
	border: 1px solid #b7b7b7;
}

.place_of_business .place_list .place_inner .place_info a.map_btn:after {
	content: '';
	display: inline-block;
	width: 12px;
	margin-left: 5px;
	height: 10px;
	background: url(../img/common/affiliate_btn2.png) no-repeat 0 0;
}

.place_of_business .place_list .place_inner .place_map {
	display: none;
	padding-top: 50px;
}

.place_of_business .place_list .place_inner .place_map img {
	width: 100%;
}

.place_of_business .place_list .place_inner.on a.map_btn {
	background-color: #e6240f;
	color: white;
	border: 1px solid #e6240f;
}

.place_of_business .place_list .place_inner.on a.map_btn:after {
	background-position: -13px 0;
}

.place_of_business .place_list .place_inner.on .place_map {
	display: block;
}


/* 찾아오시는 길 */
.location .root_daum_roughmap .wrap_map{
	height: 500px;
}
.location #map {
	width: 100%;
	height: 500px;
	background: #f7f7f7;
	position: relative;
}
.location #map span{
	position: absolute;
    left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	font-size: 15px;
}
.location #map img {
	width: 100%;
}

.location h4.section_title {
	padding: 50px 0 25px;
}

@media screen and (max-width: 768px) {
	.location .root_daum_roughmap .wrap_map{
		height: 300px;
	}
	.location #map {
		height: 300px;
	}
	.location h4.section_title {
		padding: 7% 0 15px;
	}
	h4.section_title {
		font-size: 20px;
	}
}

.location ul.location_list {
	border-top: 2px solid black;
	color: #333;
	font-size: 18px;
	margin-top: 70px;
}

@media screen and (max-width: 768px) {
	.location ul.location_list {
		font-size: 13px;
	}
	
}

.location ul.location_list li.location_item {
	border-bottom: 1px solid #d2d2d2;
}

@media screen and (max-width: 768px) {
	.location ul.location_list li.location_item {
		padding: 4% 7%;
	}
}

.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;
}

@media screen and (max-width: 768px) {
	.location ul.location_list li.location_item dl > dt.location_item_title {
		padding: 0;
		width: 30%;
		float: left;
	}
}

.location ul.location_list li.location_item dl > dd.location_item_tt {
	padding: 28px 0;
}

@media screen and (max-width: 768px) {
	.location ul.location_list li.location_item dl > dd.location_item_tt {
		padding: 0;
		width: 70%;
		float: left;
	}
}

.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;
}

@media screen and (max-width: 768px) {
	.location ul.location_list ul.contact_list li.contact_item {
		display: block;
		margin-bottom: 5px;
	}
	.location ul.location_list ul.contact_list li.contact_item dl dt {
		width: 40%;
		float: left;
		margin: 0;
	}
	.location ul.location_list ul.contact_list li.contact_item dl dd {
		width: 60%;
		float: left;
	}
}

@media screen and (max-width: 768px) {
	.location ul.location_list li.location_item.directions dt.location_item_title {
		text-indent: -9999px;
		width: auto;
		height: 0;
		overflow: hidden;
	}
	.location ul.location_list li.location_item.directions dd.location_item_tt {
		width: 100%;
	}
}

.location ul.location_list ul.directions_list li.directions_item {
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.location ul.location_list ul.directions_list li.directions_item {
		margin: 0;
		padding: 4% 0;
	}
	.location ul.location_list ul.directions_list li.directions_item:first-child {
		padding-top: 0;
	}
}

.location ul.location_list ul.directions_list li.directions_item dl dt {
	font-weight: 500;
	width: 130px;
}

@media screen and (max-width: 768px) {
	.location ul.location_list ul.directions_list li.directions_item dl dt {
		display: block;
		width: 100%;
		margin-bottom: 4px;
	}
}

@media screen and (max-width: 768px) {
	.location ul.location_list ul.directions_list li.directions_item dl dd {
		display: block;
		width: 100%;
	}
}

.location ul.location_list ul.directions_list li.directions_item dl dd ul li {
	margin-bottom: 25px;
	background: url(../img/common/icon_bull2.gif) no-repeat left;
	background-size: 3px;
	padding-left: 10px;
}

@media screen and (max-width: 768px) {
	.location ul.location_list ul.directions_list li.directions_item dl dd ul li {
		margin-bottom: 12px;
	}
}

.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;
}

@media screen and (max-width: 768px) {
	.location ul.location_list dd {
		line-height: normal;
	}
}

/***** newsroom *****/
.newsroom {
	/* page view */
}

.newsroom .section {
	font-weight: 300;
}

.newsroom .page_spot {
	background-image: url(../img/newsroom/page_title_bg.jpg);
}

.newsroom.eng .page_spot {
	background-image: url(../img/newsroom/page_title_bg.png);
}

.newsroom .hgroup {
	border: none;
	margin-bottom: 0;
	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: 1;
}

.newsroom .newsroom_item a .hover_slow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../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-image: url(../img/newsroom/icon.png);
	background-repeat: no-repeat;
	text-indent: -999px;
	overflow: hidden;
    /*display: none;*/
}

.newsroom.eng .category_icon {
	display: inline-block;
	width: 43px;
	height: 43px;
	background-image: url(../img/newsroom/icon.jpg);
	background-repeat: 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(../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(../img/newsroom/news_arrow01.png) no-repeat 6px 24px;
	background-size: 10px auto;
}

.newsroom ul.cont_paging li.nextPage:before {
	content: '다음글';
	background: url(../img/newsroom/news_arrow02.png) no-repeat 6px 24px;
	background-size: 10px auto;
}

/***** 사업분야 *****/
/*사업 분야 3depth tab메뉴 */
.business .itemTab {
	width: 100%;
}

.business .itemTab ul {
	width: 100%;
}

.business .itemTab ul:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.business .itemTab ul li {
	float: left;
	line-height: 49px;
	border: 1px solid #d2d2d2;
	border-left: 0;
	text-align: center;
}

.business .itemTab ul li:first-child {
	border-left: 1px solid #d2d2d2;
}

.business .itemTab ul li a {
	display: block;
	height: 48px;
	color: #333;
	font-size: 15px;
	background-color: white;
}

.business .itemTab ul li a.on {
	background-color: #ededed;
	color: #e6240f;
}

.business .itemTab ul li a.view{
    background-color: #ededed;
	color: #e6240f;
}

.business .itemTab.tab2 ul li {
	width: 50%;
}

.business .itemTab.tab3 ul li {
	width: 33.33333333333333%;
}

.business .itemTab.tab4 ul li {
	width: 25%;
}

.business .itemTab.tab5 ul li {
	width: 20%;
}

.business .itemTab.tab6 ul li {
	width: 16.66666666666667%;
}

.business .itemTab.tab7 ul li {
	width: 14.28571428571429%;
}

.business .itemTab.tab8 ul li {
	width: 12.5%;
}

.business .ps_eps .hgroup, .business .building_materials .hgroup {
	border: none;
	margin-bottom: 0;
}

.business .ps_eps .psEpsTab, .business .ps_eps .bmTab, .business .building_materials .psEpsTab, .business .building_materials .bmTab {
	margin-bottom: 75px;
}

.business .page_spot {
	background-image: url(../img/business/page_title_bg.jpg);
}

.business h4.section_title {
	width: 960px;
	padding-bottom: 25px;
}

.business p.section_title_desc {
	font-size: 18px;
	margin-bottom: 80px;
}
.business .itemTab {
	position: relative;
	z-index: 1;
	width: 100%;
}

.business .itemCon {
	display: none;
}

.business .itemCon.on {
	display: block;
}

.business .full_section {
	position: relative;
    top: -25px;
	padding: 90px 0 30px;
	height: 500px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
    background-color: #f6f6f6;
}

.business .full_section:after {
	content: '';
	background: url(../img/business/product_item_bg01.png) no-repeat -80px bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 400px;
	height: 230px;
}

.business .full_section .full_section_inner {
	width: 960px;
	margin: 0 auto;
}

.business .full_section .full_section_inner:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.business .full_section .full_section_inner .left {
	float: left;
	width: 70%;
	background-color: rgba(255, 255, 255, 0.95);
	padding: 20px;
	border-left: 5px solid #e6240f;
	-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
}

.business .full_section .full_section_inner .left:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.business .full_section .full_section_inner .left h3 {
	font-size: 36px;
	padding-left: 10px;
	position: relative;
}

.business .full_section .full_section_inner .left h3 span {
	font-size: 24px;
	color: #888;
	margin-left: 10px;
}

.business .full_section .full_section_inner .left h3:after {
	content: '';
	position: absolute;
	background: url(../img/business/h3_line.png) no-repeat;
	width: 615px;
	height: 29px;
	bottom: -40px;
	left: 0;
}

.business .full_section .full_section_inner .left p.product_desc {
	width: 530px;
	font-size: 18px;
	margin: 40px 0;
	padding-left: 10px;
}

.business .full_section .full_section_inner .left a.btn_grade {
	float: right;
	width: 150px;
	display: inline-block;
	height: 43px;
	line-height: 44px;
	background-color: white;
	border: 1px solid #d2d2d2;
	font-size: 15px;
	color: #e6240f;
	text-align: center;
	margin: 0 10px 10px;
}
.business .full_section .full_section_inner .right {
	float: right;
	width: 45%;
}




.business .full_section.bm_item{
    position: relative;
    padding: 0;
    overflow: hidden;
}
.business .full_section.bm_item .full_section_inner{
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -480px;
}
.business .full_section .item_img_box{
    text-align: right;
}
@media screen and (max-width: 1024px){
    .business .full_section.bm_item{
        position: relative;
        padding: 7% 0 0 0;
        overflow: inherit;
        height: auto;
    }
    .business .full_section.bm_item .full_section_inner{
        position: relative;
        top: 0;
        left: auto;
        margin-left: 0;
    }
    .business .full_section.bm_item .item_img_box{
        width: 100%;
        padding: 0 7%;
    }
    .business .full_section.bm_item .item_img_box img{
        width: 100%;
    }
	.leading_developer_info .cell .img_wrap_coop img {width:50%; margin-left:5px; margin-top:5px;}
	.leading_developer_info .cell .img_wrap_coop  {width:50%; margin-left:5px; margin-top:5px;}


.bbg_parttern{ height:850px;   } 
.bbg_textarea{width:450px; }
.bbg_textarea h1{font-size:35px; }
.bbg_textarea h2{font-size:20px; font-weight:600; margin-top:50px; line-height:80px;}
.bbg_textarea h3{font-size:16px; font-weight:600; margin-top:30px; line-height:80px;}
.bbg_textarea .sp_text{font-size:18px; padding-top:30px; line-height:45px; }
.bbg_textarea .sp_text2{font-size:18px; padding-top:30px; line-height:45px;}
.bwd{width:450px !important;}

.bbg_textarea .sp_text3 img{width:40%;}

.wdwide{width:140%!important;}

}




.business .full_section.pp_item {
	background: url(../img/business/item_pp.jpg) no-repeat right #f6f6f6;
}
.business .full_section.pe_item {
	background: url(../img/business/item_pe.jpg) no-repeat right #f6f6f6;
}
.business .full_section.ep_item {
	background: url(../img/business/item_ep.jpg) no-repeat right #f6f6f6;
}
.business .full_section.ps_item {
	background: url(../img/business/item_ps.jpg) no-repeat right #f6f6f6;
}
.business .full_section.eps_item {
	background: url(../img/business/item_eps.jpg) no-repeat right #f6f6f6;
}
.business .full_section.bm_pb-pipe_item {
	background: url(../img/business/item_pb-pipe.jpg) no-repeat right #f6f6f6;
}

.business .full_section.bm_pe-rt_item {
	background: url(../img/business/item_pe-rt.jpg) no-repeat right #f6f6f6;
}

.business .full_section.bm_pe-rt-division_item {
	background: url(../img/business/item_pb-pipe-division.jpg) no-repeat right #f6f6f6;
}

.business .full_section.bm_c-pvc-pipe_item {
	background: url(../img/business/item_c-pvc-pipe.jpg) no-repeat right #f6f6f6;
}
.business .full_section.bm_drainage_item {
	background: url(../img/business/item_drainage.jpg) no-repeat right #f6f6f6;
}
.business .full_section.bm_uryang_item {
	background: url(../img/business/item_uryang01.jpg) no-repeat right #f6f6f6;
}
.business .full_section.bm_pb-pipe-division_item {
	background: url(../img/business/item_pb-pipe-division.jpg) no-repeat right #f6f6f6;
}



.business .section .cell {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid #d2d2d2;
}

.business .section .cell:first-child {
	margin-top: 0;
	border: none;
}

.business .section .cell > dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.business .section .cell > dl > dt {
	font-size: 20px;
	font-weight: 600;
	float: left;
	width: 33.33333333333333%;
}

.business .section .cell > dl > dd {
	float: right;
	width: 66.66666666666667%;
}

.business .section .cell > dl > dd .half {
	width: 50%;
	float: left;
	display: inline-block;
}

.business .section .cell > dl > dd strong {
	display: block;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
}
.business .section .cell > dl > dd .lang:after{
    content: '';
	clear: both;
	display: block;
	height: 0;
}
.business .section .cell > dl > dd .lang.eng{
    margin-top: 10px;
}
.business .section .cell > dl > dd .lang ul.list_none{
	width: 78.125%;
    float: left;
}
.business .section .cell > dl > dd .lang ul.list_none li{
    line-height: 40px;
}
.business .section .cell > dl > dd .lang a.btn_mail{
    float: right;
    width: 21.875%;
    margin: 0;
    font-size: 15px;
}


.business .section .cell > dl > dd ul.list_none li {
	font-size: 15px;
	display: inline-block;
	margin-right: 10px;
}
.business .section .cell > dl > dd ul.list_none li strong{
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    padding-left: 10px;
    background: url(../img/common/icon_bull.png) no-repeat left 18px;
	background-size: 3px;
}
.business .section .cell > dl > dd ul.list_none li:last-child {
	margin-right: 0;
}
.business .section .cell > dl > dd ul.list_none li span {
	font-weight: 500;
}

.business .section .cell > dl > dd a.btn_mail {
	width: 140px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d2d2d2;
	color: #333;
	display: inline-block;
	text-align: center;
	margin-left: 20px;
}

.business .section .cell > dl > dd a.btn_mail:after {
	content: '';
	display: inline-block;
	margin-left: 3px;
	width: 14px;
	height: 11px;
	background: url(../img/business/icon_email.gif) no-repeat;
}

.business .section .cell > dl > dd ul.list_style li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 8px;
	background-size: 3px;
	margin: 2px 0;
}

.business .section .cell > dl > dd .item_inner {
	padding-top: 30px;
    clear: both;
}

.business .section .cell > dl > dd .item_inner ul.use_item_list li{
    padding-top: 0;
}

.business .section .cell > dl > dd ul.use_item_list {
	margin-top: 15px;
}

.business .section .cell > dl > dd ul.use_item_list li {
	display: inline-block;
	text-align: center;
	padding: 15px 10px;
    vertical-align: top;
}

.business .section .cell > dl > dd ul.use_item_list li strong {
	margin-top: 10px;
	font-size: 13px;
	color: white;
	padding: 2px 5px;
	background-color: #9ab6d3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
}

.business .section .cell.last {
	padding-bottom: 45px;
	border-bottom: 2px solid #d2d2d2;
}

.business .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;
}

.business .more_view_btn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(../img/common/arr_down_btn.png) no-repeat 4px 0;
}

/* 건자재 제품 slider */
.business .item_slider {
	overflow: hidden;
	padding: 0;
}

.business .item_slider .item_slider_inner {
	position: relative;
	float: right;
	width: 100%;
}

.business .item_slider .item_slider_inner ul.item_view li {
	display: none;
}

.business .item_slider .item_slider_inner ul.item_view li:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.business .item_slider .item_slider_inner ul.item_view li img {
	float: right;
}

.business .item_slider .item_slider_inner ul.item_view li.on {
	display: block;
}

.business .item_slider .item_slider_inner ul.controler {
	width: 100%;
	position: absolute;
	bottom: 30px;
	z-index: 1;
	text-align: center;
}
.business .item_slider .item_slider_inner ul.controler li {
	display: inline-block;
	text-indent: -9999px;
	text-align: center;
	margin: 0 1px;
}
.business .item_slider .item_slider_inner ul.controler li a {
	display: block;
	height: 25px;
	width: 54px;
	background: url(../img/business/visual_btn_of.gif) repeat-x center;
}
.business .item_slider .item_slider_inner ul.controler li.on a {
	background: url(../img/business/visual_btn_on.gif) repeat-x center;
}

.business .item_slider .full_section_inner {
	position: relative;
}

.business .item_slider .full_section_inner .left {
	position: absolute;
	top: 90px;
}
.business .item_slider .full_section_inner .left p.product_desc {
	width: 90%;
}

/*grade 그레이드 정보*/

.grade_info table.lien-table td.ico img{
    margin: 2px 0;
}
.grade_info .hgroup {
    border: none;
    margin-bottom: 0;
}

.grade_info h4.section_title {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

.grade_info .section_inner .inner_top {
	margin-bottom: 10px;
}

.grade_info .section_inner .inner_top:after {
	content: '';
	display: block;
	clear: both;
}

.grade_info .section_inner .tab_select_sub {
	display: none;
}

.grade_info .section_inner select {
	width: 135px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid #c2c2c2;
	font-size: 15px;
}

.grade_info .section_inner p {
	float: right;
	padding-top: 24px;
	font-size: 15px;
	color: #888;
}
.grade_info .inner_top .dSelect {
	float: left;
}

.grade_info .dSelect {
	width: 175px;
}

.grade_info .inner_top .right_area {
	float: right;
}
.grade_info .inner_top .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;
}
.grade_info .inner_top .right_area .search_box input.form_input {
	width: 183px;
	height: 39px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	border-right: 0;
	font-size: 14px;
}
.grade_info .inner_top .right_area .search_box button {
	position: absolute;
	top: 0;
	right: 0;
	width: 39px;
	height: 39px;
}

/***** 사업분야 추가추가*****/
/************ 사업분야 ***********/

.area .hgroup {
	border: none;
	margin-bottom: 0;
}
.area .hgroup h3{}

.area .hgroup.mb_case {
	padding-bottom: 45px;
}

.area .hgroup.mb_case h3.page_title {
	display: block;
}

.area .hgroup.mb_case h3.page_title.mobile {
	display: none;
}

.area .strapline {
	display: none;
}

.area .page_spot {
	background-image: url(../img/business/page_title_bg.jpg);
}

.area h4.section_title {
	width: 960px;
	padding-bottom: 60px;
	font-weight: 600;
	text-transform: capitalize;
}

.area h4.section_title.add{
	padding-top: 40px;
}

.area h4.stit{
	font-size: 26px;
	font-weight: 500;
    padding: 30px 0 50px;
    border-bottom: 2px solid #d2d2d2;
	color: #e6240f;
	text-transform: capitalize;
 }

.area .section.business_item_section h4.section_title {
	margin-top: 45px;
}

.area .page_spot {
	background-image: url(../img/area/page_title_bg.jpg);
}

.area.eng .page_spot {
	background-image: url(../img/area/page_title_bg.png);
}

.area .d_box{
	/* overflow: hidden; */
    /* border-bottom: 2px solid #ddd; */
	padding-bottom: 30px;
    margin-bottom: 30px
}

.area .dSelect{
    width: 200px;
    float: right;
}


/* 그린 IOT */
.green_iot_led .sec01 {
	padding: 45px 0;
	font-size: 20px;
}

.green_iot_led .sec02 {
	padding-bottom: 70px;
}

.green_iot_led img.sec_visu {
	margin-bottom: 45px;
}

.green_iot_led h5 {
	text-align: center;
	font-size: 26px;
	color: RED;
	margin-bottom: 30px;
}

.green_iot_led h5 span {
	color: #333;
}

.green_iot_led ul.led_systems {
	border: 1px solid #d2d2d2;
	border-top: 2px solid #e6240f;
}

.green_iot_led ul.led_systems:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_led ul.led_systems li {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	padding: 154px 50px 50px;
	text-align: center;
	border-left: 1px dotted #dcdcdd;
}

.green_iot_led ul.led_systems li:first-child {
	border: none;
}

.green_iot_led ul.led_systems li:before {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	background: url(../img/business/icon_led_systems.png) no-repeat;
}

.green_iot_led ul.led_systems li h4 {
	font-size: 34px;
	color: #e6240f;
	padding-bottom: 20px;
}

.green_iot_led ul.led_systems li h4:after {
	content: '';
	width: 30px;
	height: 1px;
	background-color: black;
	margin: 20px auto 0;
	display: block;
}

.green_iot_led ul.led_systems li span {
	font-size: 14px;
	display: block;
}

.green_iot_led ul.led_systems li p {
	font-size: 18px;
}

.green_iot_led ul.led_systems li.system01:after, .green_iot_led ul.led_systems li.system02:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 35px;
	height: 38px;
	margin-top: -19px;
	z-index: 1;
	background: url(../img/business/icon_recruit_link.png) no-repeat;
}

.green_iot_led ul.led_systems li.system01:before {
	background-position: 0 0;
}

.green_iot_led ul.led_systems li.system02:before {
	background-position: 0 -100px;
}

.green_iot_led ul.led_systems li.system03:before {
	background-position: 0 -200px;
}

.green_iot_led .smart_led_info:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_led .smart_led_info h6 {
	font-size: 18px;
	padding-left: 30px;
	line-height: 25px;
	margin-bottom: 10px;
	background: url(../img/business/icon_led_sys_num.gif) no-repeat;
}

.green_iot_led .smart_led_info h6.info01 {
	background-position: 0 0;
}

.green_iot_led .smart_led_info h6.info02 {
	background-position: 0 -25px;
}

.green_iot_led .smart_led_info h6.info03 {
	background-position: 0 -50px;
}

.green_iot_led .smart_led_info .left {
	float: left;
	width: 50%;
}

.green_iot_led .smart_led_info .right {
	float: right;
	width: 50%;
}

.green_iot_led .smart_led_info ul {
	margin-bottom: 15px;
}

.green_iot_led .smart_led_info ul li {
	font-size: 15px;
	padding-left: 10px;
	margin-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left;
	background-size: 3px;
}

.green_iot_led .cell {
	border-top: 1px solid #d2d2d2;
	padding: 50px 0;
}

.green_iot_led .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_led .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}

.green_iot_led .cell dl dd {
	float: right;
	width: 66.66666666666667%;
}

.green_iot_led .cell dl dd img {
	margin-bottom: 30px;
}

.green_iot_led .cell dl dd strong {
	font-size: 16px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: 500;
}

.green_iot_led .cell dl dd ul {
	margin-bottom: 15px;
}

.green_iot_led .cell dl dd ul:last-child {
	margin: 0;
}

.green_iot_led .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left;
	background-size: 3px;
	color: #666;
}

.green_iot_led .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

.green_iot_it .section:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_it .section h4.section_title {
	margin-top: 45px;
}

.green_iot_it .section img.green_it_visu {
	width: 100%;
	margin-top: 45px;
}

.green_iot_it .section .half {
	border-bottom: 1px solid #d2d2d2;
}

.green_iot_it .section .half:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_it .section .half .cell {
	width: 50%;
	float: left;
	padding: 50px 55px 0;
}
.green_iot_it .section .center_box {
	width: 100%;
	border-top: 1px solid #d2d2d2;
}
.green_iot_it .section .center_box .cell {
	width: 35%;
	margin: 0 auto;
	border: 0;
}
.green_iot_it .section .center_box .cell dt{
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.green_iot_it .section .center_box .cell dd{
	float: none;
	width: 100%;
}
.green_iot_it .section .center_box .cell dd p{
	font-size: 15px;
}

@media screen and (max-width: 768px) {

.green_iot_it .section .center_box .cell {
	width: 80%;
}
	.green_iot_it .section .half .cell {
		padding: 7%;
	}
}

.green_iot_it .section .half .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.green_iot_it .section .half .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 10px;
}












@media screen and (max-width: 768px) {
	.green_iot_it .section .half .cell dl dt {
		font-size: 16px;
		padding-bottom: 0;
	}



.bbg_textarea .sp_text3 img{width:40% !important;}
}

.green_iot_it .section .half .cell dl dd {
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
	.green_iot_it .section .half .cell dl dd {
		padding-bottom: 0;
	}
}

.green_iot_it .section .half .cell dl dd p {
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	.green_iot_it .section .half .cell dl dd p {
		font-size: 13px;
	}
}

.green_iot_it .section .half .cell.line {
	border-left: 1px dotted #d2d2d2;
}

.green_iot_it .section .half .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

/* 홈 */
.leading_developer_info .sec01 {
	padding: 45px 0 25px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec01 {
		padding: 25px 0;
	}
}

.leading_developer_info .sec01 .cell {
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec01 .cell {
		padding-bottom: 5%;
	}
}

.leading_developer_info .sec01 .cell h5 {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec01 .cell h5 {
		font-size: 18px;
	}
}

.leading_developer_info .sec01 .cell img {
	width: 100%;
}

.leading_developer_info .sec01 .home_all{
    width: 100%;
	display: inline-block;
	text-align: center;
}

.leading_developer_info .sec01 .home_all a{
	display: inline-block;
	margin-left: -8px;
}

.leading_developer_info .sec01 .home_all img{
	width: auto; 
	max-width: 100%;
}


.leading_developer_info .sec02 img {
	width: 100%;
}

.leading_developer_info .sec02 .cell {
	border-top: 1px solid #d2d2d2;
	border-bottom: 2px solid #d2d2d2;
	padding: 50px 0;
}
.leading_developer_info .cell .img_wrap {width:100%;}
.leading_developer_info .cell .img_wrap img {width:48%; margin-left:5px; margin-top:5px;}

.leading_developer_info .cell .img_wrap_coop {width:100%;}
.leading_developer_info .cell .img_wrap_coop img {width:24%; margin-left:5px; margin-top:5px;}


@media screen and (max-width: 768px) {
	.leading_developer_info .sec02 .cell {
		padding: 7%;
	}
	.leading_developer_info .sec01 .home_all{
		overflow: hidden; padding-left: 2px;
	}
	.leading_developer_info .sec01 .home_all a{
		float: left;
		width: 20%;
		margin: 0 -2px;
	}
	.leading_developer_info .cell .img_wrap img {width:100%; margin-top:5px;}
	.leading_developer_info .cell .img_wrap_coop img {width:48%; margin-left:5px; margin-top:5px;}
}

@media screen and (max-width: 640px) {
	.leading_developer_info .sec01 .home_all h5{
		/* margin-left: -8px; */
	}
	.leading_developer_info .sec01 .home_all{
		/* margin-left: 8px; */
	}
	.leading_developer_info .sec01 .home_all a{
		width: 100%;
		margin-bottom: -7px;
		margin-left: 0;
		display: block;
	}
	.leading_developer_info .sec01 .home_all img{
	    /* width: 100%; */
	}
	
}


.leading_developer_info .sec02 .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.leading_developer_info .sec02 .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec02 .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
}

.leading_developer_info .sec02 .cell dl dd {
	float: right;
	width: 66.66666666666667%;
}


@media screen and (max-width: 768px) {
	.leading_developer_info .sec02 .cell dl dd {
		float: none;
		width: 100%;
	}
}

.leading_developer_info .sec02 .cell dl dd img {
	margin-bottom: 30px;
}

.leading_developer_info .sec02 .cell dl dd strong {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec02 .cell dl dd strong {
		font-size: 15px;
	}
	.leading_developer_info .sec02 .cell dl dd strong br {
		display: none;
	}
}

.leading_developer_info .sec02 .cell dl dd ol {
	counter-reset: li;
	margin-bottom: 15px;
}

.leading_developer_info .sec02 .cell dl dd ol:last-child {
	margin: 0;
}

.leading_developer_info .sec02 .cell dl dd ol li {
	position: relative;
	font-size: 15px;
	color: #666;
	list-style: none;
	padding-left: 15px;
	margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .sec02 .cell dl dd ol li {
		font-size: 13px;
	}
}

.leading_developer_info .sec02 .cell dl dd ol li:before {
	content: counter(li) ".";
	counter-increment: li;
	position: absolute;
	color: #e71a10;
	left: 0;
}

.leading_developer_info .product_summary {
	padding-bottom: 50px;
	/*border-bottom: 1px solid #d2d2d2;*/
	margin-bottom: 50px;
}

.leading_developer_info .product_summary img {
	position: relative;
	z-index: 1;
	width: 100%;
}

.leading_developer_info .product_summary dl {
	position: relative;
	z-index: 2;
	text-align: center;
	margin: -60px 50px 0;
	padding: 30px 150px 0;
	background-color: #fff;
}

.leading_developer_info .product_summary dl dt {
	font-size: 25px; letter-spacing: -0.5px;
}

.leading_developer_info .product_summary dl dt:after {
	content: '';
	display: block;
	width: 47px;
	height: 47px;
	margin: 10px auto;
	background: url(../img/area/development_summary.png) no-repeat center 10px;
	box-sizing: border-box;
}

.leading_developer_info .product_summary dl dd {
	font-size: 19px;
	color: #888;
}

@media screen and (max-width: 768px) {
	.leading_developer_info .product_summary {
		padding-bottom: 12%;
		margin-bottom: 10%;
	}
	.account .product_summary{
	   /*  padding-bottom: 0; */
	}

	.leading_developer_info .product_summary dl {
		margin: -10% 7% 0;
		padding: 4% 6% 0;
	}
	.leading_developer_info .product_summary dl dt {
		font-size: 17px;
	}
	.leading_developer_info .product_summary dl dt br {
		/* display: none; */
	}
	.leading_developer_info .product_summary dl dt:after {
		background: url(../img/area/development_summary.png) no-repeat center 13px;
		background-size: 30px;
		margin: 0 auto;
	}
	.leading_developer_info .product_summary dl dd {
		font-size: 15px;
	}
	.leading_developer_info .product_summary dl dd br {
		display: none;
	}
}

.leading_developer_product{}

.leading_developer_product .sec01 {
	padding: 0px 0 0;
}

@media screen and (max-width: 768px) {
	.leading_developer_product{}

	.leading_developer_product .sec01 {
		padding: 0% 0 0;
	}
}

.leading_developer_product a.default_btn {
	padding: 0 20px;
	color: #e6240f;
}

.leading_developer_product .product_info {
	padding-bottom: 80px;
}

.leading_developer_product .product_info:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.leading_developer_product .product_info .left {
	float: left;
	width: 70%;
}

.leading_developer_product .product_info .right {
	float: right;
	width: 30%;
}

.leading_developer_product .product_info .right img {
	width: 100%;
}

.leading_developer_product .product_info h4 {
	text-align: left;
}

.leading_developer_product .product_info h4 span {
	display: block;
}

.leading_developer_product .product_info p.desc {
	font-size: 18px;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
	.leading_developer_product .product_info .left {
		width: 60%;
		padding-right: 10%;
	}
	.leading_developer_product .product_info .right {
		width: 40%;
	}
	.leading_developer_product .product_info p.desc {
		font-size: 15px;
		margin-bottom: 12%;
	}
	.leading_developer_product .product_info p.desc br {
		display: none;
	}
}

.leading_developer_product .cell {
	/* border-top: 1px solid #d2d2d2; */
	padding: 50px 0;
}

.leading_developer_product .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.leading_developer_product .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
	text-transform: capitalize;
}

.leading_developer_product .cell dl dd {
	float: right;
	width: 66.66666666666667%;
}
.leading_developer_product .cell dl dd ul.smart_led_list{
	width: 100%;
}
.leading_developer_product .cell dl dd ul.smart_led_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.leading_developer_product .cell dl dd .smart_led_box span.title{
	text-align: right;
	display :block;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}
.leading_developer_product .cell dl dd .smart_led_box .smart_led_wrap{
	margin-top: 30px;
}

.leading_developer_product .cell dl dd .smart_led_box ul.smart_led_list li{
	width: 23.828125%;
	float: left;
	padding: 0;
	margin-left: 1.5625%;
}
.leading_developer_product .cell dl dd .smart_led_box ul.smart_led_list li p{
	margin-top: 5px;
}
.leading_developer_product .cell dl dd .smart_led_box ul.smart_led_list li p span{
	display: inline-block;
	text-align: center;
	color: white;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #e6240f;
}
.leading_developer_product .cell dl dd .smart_led_box ul.smart_led_list li:first-child{
	margin-left: 0;
}
.leading_developer_product .cell dl dd:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.leading_developer_product .cell dl dd img {
	width: 100%;
}

.leading_developer_product .cell dl dd img.img_pc {
	display: block;
}

.leading_developer_product .cell dl dd img.img_mobile {
	display: none;
}

.leading_developer_product .cell dl dd > strong {
	font-size: 17px;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 500;
}
.leading_developer_product .cell dl dd.dc_txt {
	margin-top: 30px;
	font-size:13px;
	padding: 15px 20px;
	border: 1px solid #e8e8e8;
	background:#f9f9f9;
	color:#777777;
}
.leading_developer_product .cell dl dd ul {
	margin-bottom: 15px;
}

.leading_developer_product .cell dl dd ul:last-child {
	margin: 0;
}

.leading_developer_product .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 7px;
	background-size: 3px;
	color: #666;
}

.leading_developer_product .cell dl dd ul li strong {
	font-weight: 500;
}

.leading_developer_product .cell dl dd p {
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}

.leading_developer_product .cell dl dd .left {
	float: left;
	width: 60%;
	padding-right: 5%;
}

.leading_developer_product .cell dl dd .right {
	float: right;
	width: 30%;
}

.leading_developer_product .cell dl dd .right img {
	width: 100%;
}

.leading_developer_product .cell dl dd h6 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.leading_developer_product .cell dl dd .cell_inner {
	background-color: #f2f2f2;
}

.leading_developer_product .cell dl dd .cell_inner:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.leading_developer_product .cell dl dd .cell_inner .box {
	text-align: center;
	width: 50%;
	padding: 20px 0;
	margin-top: 10px;
	float: left;
}

.leading_developer_product .cell dl dd .cell_inner .box img {
	margin: 0 auto;
}

.leading_developer_product .cell dl dd .cell_inner .box span {
	display: block;
	font-size: 15px;
	padding-top: 20px;
}

.leading_developer_product .cell dl dd ol {
	counter-reset: li;
	margin-bottom: 15px;
}

.leading_developer_product .cell dl dd ol:last-child {
	margin: 0;
}

.leading_developer_product .cell dl dd ol li {
	position: relative;
	font-size: 15px;
	color: #666;
	list-style: none;
	padding-left: 15px;
	margin-bottom: 5px;
}
.img-areaback{text-align:center; border-top:1px solid #dedede; padding-top:20px;}
.img-areaback h1{font-size:20px; color:#333; font-weight:500; padding:5% 0; margin:0 auto;}
.img-areaback img{width:70% !important; margin-top:20px; }


@media screen and (max-width: 768px) {
	.leading_developer_product .cell dl dd ol li {
		font-size: 13px;
	}
	.img-areaback img{width:100% !important; margin-top:20px; }
	.img-areaback h1{font-size:14px; color:#333; font-weight:500; padding:5% 0; margin:0 auto;}
}

.leading_developer_product .cell dl dd ol li:before {
	content: counter(li) ".";
	counter-increment: li;
	position: absolute;
	color: #e71a10;
	left: 0;
}

@media screen and (max-width: 768px) {
	.leading_developer_product .cell {
		/* padding: 8% 0; */
		padding: 25px 0;
	}
	.leading_developer_product .cell dl dt {
		/* font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 20px; */
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 20px;
		background-color: #f6f6f6;
		text-align: center;
		padding: 4% 0;
	}
	.leading_developer_product .cell dl dd {
		float: none;
		width: 100%;
	}
	.leading_developer_product .cell dl dd img {
		width: 100%;
	}
	.leading_developer_product .cell dl dd img.img_pc {
		display: none;
	}
	.leading_developer_product .cell dl dd img.img_mobile {
		display: block;
	}
	.leading_developer_product .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.leading_developer_product .cell dl dd ul li {
		font-size: 13px;
	}
	.leading_developer_product .cell dl dd p {
		font-size: 13px;
	}
	.leading_developer_product .cell dl dd h6 {
		font-size: 14px;
	}
	.leading_developer_product .cell dl dd .cell_inner .box img {
		width: 70%;
	}
}

.leading_developer_product .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

/* 빌딩 */
.construction_it_creator_info .sec01 {
	padding: 45px 0 0px;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_info .sec01 {
		 padding: 25px 0 0;
	}
}

.construction_it_creator_info .sec02 {
	/* padding-bottom: 45px; */ position: relative;
}

.construction_it_creator_info .sec02.add {
	padding: 45px 0 0px;
}

.construction_it_creator_info .sec02:last-child{
	padding-bottom: 45px;
	/*border-top: 1px solid #d2d2d2;*/
}
.construction_it_creator_info .sec03:last-child{
	padding-bottom: 45px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

.construction_it_creator_info .sec03 {
	position: relative;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_info .sec02 {
		/* padding-bottom: 12%; */
	}
	
	.construction_it_creator_info .sec02.add{padding: 25px 0 0;}
	
	.construction_it_creator_info .sec02 img {
		width: 100%;
	}
	.construction_it_creator_info .sec02:last-child {
		padding-bottom: 25px;
	}
}

.construction_it_creator_info .sec03 img {
	width: 100%;
}

.construction_it_creator_info h5 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_info h5 {
		font-size: 18px;
	}
}

.construction_it_creator_info .product_summary {
	padding-bottom: 50px;
}

.construction_it_creator_info .product_summary img {
	position: relative;
	z-index: 1;
	width: 100%;
}

.construction_it_creator_info .product_summary dl {
	position: relative;
	z-index: 2;
	text-align: center;
	margin: -80px 50px 0;
	padding: 30px 150px 0;
	background-color: #fff;
}

.construction_it_creator_info .product_summary dl dt {
	font-size: 25px;
}

.construction_it_creator_info .product_summary dl dt:after {
	content: '';
	display: block;
	width: 47px;
	height: 47px;
	margin: 10px auto;
	background: url(../img/area/development_summary.png) no-repeat center 10px;
	box-sizing: border-box;
}

.construction_it_creator_info .product_summary dl dd {
	font-size: 19px;
	color: #888;
}

.construction_it_creator_info ul.box li h4 {
    font-size: 28px;
	font-weight: 500;
    color: #e6240f;
    padding-bottom: 20px;
}
.construction_it_creator_info.eng ul.box li h4{
	font-size: 24px; height: 125px; text-transform: capitalize;
}

.construction_it_creator_info ul.box li h4:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: black;
    margin: 20px auto 0;
    display: block;
}
.construction_it_creator_info .detail {
    margin-top: 50px; position: relative;
}



@media screen and (max-width: 768px) {
	.construction_it_creator_info .product_summary {
		padding-bottom: 12%;
	}
	.construction_it_creator_info .product_summary dl {
		margin: -10% 7% 0;
		/* padding: 4% 6% 0; */
		padding: 4% 0% 0;
	}
	.construction_it_creator_info .product_summary dl dt {
		font-size: 17px;
	}
	.construction_it_creator_info .product_summary dl dt br {
		display: none;
	}
	.construction_it_creator_info .product_summary dl dt:after {
		background: url(../img/area/development_summary.png) no-repeat center 13px;
		background-size: 30px;
		margin: 0 auto;
	}
	.construction_it_creator_info .product_summary dl dd {
		font-size: 15px;
	}
	.construction_it_creator_info .product_summary dl dd br {
		display: none;
	}
	.construction_it_creator_info ul.box li h4 {
		font-size: 20px;
		padding-bottom: 5%;
	}
	.construction_it_creator_info.eng ul.box li h4{
		font-size: 20px;
		height: auto;
	}

	.construction_it_creator_info ul.box li h4:after {
		margin: 5% auto 0;
		width: 20px;
	}
}

.construction_it_creator_info ul.box {
	border: 1px solid #d2d2d2;
	border-top: 2px solid #e6240f;
}

.construction_it_creator_info ul.box:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.construction_it_creator_info ul.box li {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	padding: 154px 50px 30px;
	text-align: center;
	border-left: 1px dotted #dcdcdd;
}

.construction_it_creator_info ul.box li:first-child {
	/* border: none; */
}

.construction_it_creator_info ul.box li:before {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	width: 130px;
	height: 130px;
	margin-left: -65px;
	background: url(../img/area/construction_it_creator_icon01_re.png) no-repeat;
}

.construction_it_creator_info ul.box li strong {
	font-size: 18px;
	padding-top: 30px;
	display: block;
	height: 165px;
}

.construction_it_creator_info ul.box li strong:before {
	content: '';
	background-color: black;
	width: 30px;
	height: 1px;
	display: block;
	margin: 0 auto 30px;
}

.construction_it_creator_info ul.box li strong:after {
	content: '';
	width: 60px;
	height: 60px;
	margin: 20px auto 0;
	display: block;
}

.construction_it_creator_info ul.box li span {
	font-size: 14px;
	display: inline-block;
}

.construction_it_creator_info ul.box li p {
	font-size: 18px;
}

.construction_it_creator_info ul.box li.box01:after, .construction_it_creator_info ul.box li.box02:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 35px;
	height: 38px;
	margin-top: -19px;
	z-index: 1;
	background: url(../img/area/icon_recruit_link.png) no-repeat;
}

.construction_it_creator_info ul.box li.box01 strong:after, .construction_it_creator_info ul.box li.box02 strong:after {
	background: url(../img/area/construction_it_creator_icon02.png) no-repeat;
}
.construction_it_creator_info ul.box li.box01:after, .construction_it_creator_info ul.box li.box02:after {
    background: url(../img/area/icon_smart_link.png) no-repeat;
}
.construction_it_creator_info ul.box li.box02:after {
    /* background-position: 0 -38px; */
}


.construction_it_creator_info ul.box li.box01:before {
	background-position: 0 0;
	background-position: 0 -260px;
}

.construction_it_creator_info ul.box li.box01 strong:after {
	background-position: 0 0;
}

.construction_it_creator_info ul.box li.box02:before {
	background-position: 0 -125px;
}

.construction_it_creator_info ul.box li.box02 strong:after {
	background-position: 0 -60px;
}

.construction_it_creator_info ul.box li.box03:before {
	background-position: 0 0px;
}

.construction_it_creator_info ul.box li.box03 strong:after {
	display: none;
}

.construction_it_creator_info .detail img {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_info ul.box li {
		width: 100%;
		border-top: 1px dotted #d2d2d2;
		border-left: none;
		padding: 110px 10% 25px;
	}
	.construction_it_creator_info ul.box li:first-child {
		/* border: none; */
	}
	.construction_it_creator_info ul.box li:before {
		top: 30px;
		width: 100px;
		height: 100px;
		margin-left: -50px;
		background-size: 100%;
	}
	.construction_it_creator_info ul.box li strong {
		padding-top: 30px;
		font-size: 15px;
	}
	.construction_it_creator_info ul.box li strong:before {
		margin-bottom: 15px;
	}
	.construction_it_creator_info ul.box li.box01:after, .construction_it_creator_info ul.box li.box02:after {
		bottom: -15px;
		right: auto;
		top: auto;
		width: 28px;
		height: 30px;
		margin: 0 0 0 -14px;
		background-size: 28px;
	}
	.construction_it_creator_info ul.box li.box02:before {
		background-position: 0 -100px;
	}
	.construction_it_creator_info ul.box li.box03:before {
		background-position: 0 -200px;
	}
	.construction_it_creator_info ul.box li {
		width: 100%;
		border-top: 1px dotted #d2d2d2;
		border-left: none;
		padding: 100px 10% 40px;
		height: auto;
	}
	.construction_it_creator_info ul.box li:before {
		width: 80px;
		height: 80px;
		top: 7%;
		margin-left: -40px;
		background-size: 100%;
	}
	.construction_it_creator_info ul.box li.box01:before{
		background-position: 0 -150px;
	}
	.construction_it_creator_info ul.box li.box02:before {
		background-position: 0 -68px;
	}
	.construction_it_creator_info ul.box li.box03:before {
		/* background-position: 0 -150px; */
		background-position: 0 0px;
	}
	.construction_it_creator_info ul.box li.box01:after, .construction_it_creator_info ul.box li.box02:after {
		background-size: 28px;
	}
	.construction_it_creator_info ul.box li.box02:after {
		background-position: 0 -30px;
	}
}

.construction_it_creator_info .cell {
	border-top: 1px solid #d2d2d2;
	padding: 50px 0;
}

.construction_it_creator_info .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.construction_it_creator_info .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
	text-align: left;
}

.construction_it_creator_info .cell dl dd {
	float: right;
	width: 66.66666666666667%;
	text-align: left;
	margin-top:2%;
}

.construction_it_creator_info .cell dl dd img {
	margin-bottom: 30px;
}

.construction_it_creator_info .cell dl dd > strong {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 500;

}

.construction_it_creator_info .cell dl dd ul {
	margin-bottom: 15px;
}

.construction_it_creator_info .cell dl dd ul:last-child {
	margin: 0;
}

.construction_it_creator_info .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 10px;
	background-size: 3px;
	color: #666;
	margin-bottom: 10px;
}

.construction_it_creator_info .cell dl dd ul li strong {
	font-weight: 500;
}

.construction_it_creator_info .cell dl dd p {
	font-size: 15px;
	color: #666;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_info .cell {
		padding: 8% 0;
	}
	.construction_it_creator_info .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.construction_it_creator_info .cell dl dd {
		float: none;
		width: 100%;
	}
	.construction_it_creator_info .cell dl dd img {
		width: 100%;
	}
	.construction_it_creator_info .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.construction_it_creator_info .cell dl dd ul li {
		font-size: 13px;
	}
	.construction_it_creator_info .cell dl dd p {
		font-size: 13px;
	}

	.insite .cell dl dt {text-align: center;}
}

.construction_it_creator_info .cell.last {
	/* border-bottom: 2px solid #d2d2d2; */
}

.construction_it_creator_product .sec01 {
	padding: 45px 0;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_product .sec01 {
		padding: 25px 0;
	}
}

.construction_it_creator_product .sec01 .cell {
	padding: 50px 0;
}

.construction_it_creator_product .sec01 .cell:last-child {
    border-bottom: 2px solid #d2d2d2;
}

.construction_it_creator_product .sec01 .cell dl dd .left {
	width: 48%;
}

.construction_it_creator_product .sec01 .cell dl dd .right {
	width: 48%;
}

.construction_it_creator_product .sec01 .cell dl dd .right img {
	max-width: 100%; margin-bottom: 0;
}

.construction_it_creator_product .sec02 .cell {
	padding: 50px 0 0;
}

.construction_it_creator_product .sec02 .cell dl dd {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #d2d2d2;
}

.construction_it_creator_product .sec02 .cell dl dd:last-child {
	margin: 0;
	border: none;
}

.construction_it_creator_product .sec02 .cell dl dd .left {
	width: 60%;
}

.construction_it_creator_product .sec02 .cell dl dd .right {
	width: 30%;
	text-align: center;
}

.construction_it_creator_product .product_info {
	text-align: center;
	margin-bottom: 35px;
}

.construction_it_creator_product .product_info h4.section_title span {
	display: block;
	color: #848484;
	padding-top: 12px;
}

.insite .detail .cell dl dd{
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #d2d2d2;
}

.insite .detail .cell dl dd:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

.insite .detail .cell dl dd strong{font-size: 17px; margin-bottom: 5px; background: url(../img/common/icon_bull.png) no-repeat left 10px; background-size: 3px; padding-left: 10px;}
.insite .detail .cell dl dd p{margin-bottom: 25px; padding-left: 10px;}


@media screen and (max-width: 768px) {
	.construction_it_creator_product .product_info h4.section_title span {
		padding-top: 5px;
	}
	.insite .detail .cell dl dd p{margin-bottom: 20px;}
}

.construction_it_creator_product .product_info p.desc {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin-bottom: 40px;
}

.construction_it_creator_product .product_info a.download_btn {
	padding: 0 20px;
	color: #e6240f;
}

@media screen and (max-width: 768px) {
	.construction_it_creator_product .product_info {
		margin-bottom: 15%;
	}
	.construction_it_creator_product .product_info p.desc {
		font-size: 15px;
	}
	.construction_it_creator_product .product_info p.desc br {
		display: none;
	}
	.construction_it_creator_product .product_info a.download_btn {
		font-size: 13px;
	}
}

.construction_it_creator_product .cell {
	border-top: 1px solid #d2d2d2;
}

.construction_it_creator_product .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.construction_it_creator_product .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}

.construction_it_creator_product .cell dl dd {
	font-size: 15px;
	color: #666;
	float: right;
	width: 66.66666666666667%;
}

.construction_it_creator_product .cell dl dd:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.construction_it_creator_product .cell dl dd strong {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 500;
	color: #333
}

.construction_it_creator_product .cell dl dd ul {
	margin-bottom: 15px;
}

.construction_it_creator_product .cell dl dd ul:last-child {
	margin: 0;
}

.construction_it_creator_product .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 7px;
	background-size: 3px;
	color: #666;
}

.construction_it_creator_product .cell dl dd ul li strong {
	font-weight: 500;
}

.construction_it_creator_product .cell dl dd p {
	font-size: 15px;
	color: #666;
}

.construction_it_creator_product .cell dl dd .left {
	float: left;
}

.construction_it_creator_product .cell dl dd .right {
	float: right;
}

.insite .cell dl dt {font-weight: 600;}


@media screen and (max-width: 768px) {
	.construction_it_creator_product .cell {
		padding: 8% 0;
	}
	.construction_it_creator_product .sec02 .cell {
		padding: 25px 0 0;
	}
	.construction_it_creator_product .cell dl dt {
		font-size: 16px;
		float: none;
		width: 100%;
		margin-bottom: 20px;
		background-color: #f6f6f6;
		text-align: center;
		padding: 4% 0;
	}
	.construction_it_creator_product .cell dl dd {
		float: none;
		width: 100%;
	}
	.construction_it_creator_product .cell dl dd img {
		max-width: 100%; width: auto;
	}
	.construction_it_creator_product .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.construction_it_creator_product .cell dl dd ul li {
		font-size: 13px;
	}
	.construction_it_creator_product .cell dl dd p {
		font-size: 13px;
	}
	.construction_it_creator_product .sec01 .cell{
		padding: 8% 0;
	}
	.construction_it_creator_info .detail{
		margin-top: 25px;
		padding-bottom: 5%;
	}

	.insite .detail .cell dl dd{padding-bottom: 5px; margin-bottom: 30px;}

}

.construction_it_creator_product .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

/* 인프라 */
.grobal_smart_infra_info .sec01 {
	padding: 45px 0 0px;
}

@media screen and (max-width: 768px) {
	.grobal_smart_infra_info .sec01 {
		padding: 5% 0;
	}
}

.grobal_smart_infra_info .product_summary {
	padding-bottom: 80px;
}

.grobal_smart_infra_info .product_summary img {
	position: relative;
	z-index: 1;
	width: 100%;
}

.grobal_smart_infra_info .product_summary dl {
	position: relative;
	z-index: 2;
	text-align: center;
	margin: -80px 50px 0;
	padding: 30px 150px 0;
	background-color: #fff;
}

.grobal_smart_infra_info .product_summary dl dt {
	font-size: 25px;
}

.grobal_smart_infra_info .product_summary dl dt:after {
	content: '';
	display: block;
	width: 47px;
	height: 47px;
	margin: 10px auto;
	background: url(../img/area/development_summary.png) no-repeat center 10px;
	box-sizing: border-box;
}

.grobal_smart_infra_info .product_summary dl dd {
	font-size: 19px;
	color: #888;
}

@media screen and (max-width: 768px) {
	.grobal_smart_infra_info .product_summary {
		padding-bottom: 12%;
	}
	.grobal_smart_infra_info .product_summary dl {
		margin: -10% 5% 0;
		padding: 4% 6% 0;
	}
	.grobal_smart_infra_info .product_summary dl dt {
		font-size: 17px;
	}
	.grobal_smart_infra_info .product_summary dl dt br {
		display: none;
	}
	.grobal_smart_infra_info .product_summary dl dt:after {
		background: url(../img/area/development_summary.png) no-repeat center 13px;
		background-size: 30px;
		margin: 0 auto;
	}
	.grobal_smart_infra_info .product_summary dl dd {
		font-size: 15px;
	}
	.grobal_smart_infra_info .product_summary dl dd br {
		display: none;
	}
}

.grobal_smart_infra_info ul.box {
	border: 1px solid #d2d2d2;
	border-top: 2px solid #e6240f;
}

.grobal_smart_infra_info ul.box:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.grobal_smart_infra_info ul.box a{
	display: inline-block;
	float: left;
    width: 33.33333333333333%;
}

.grobal_smart_infra_info ul.box li {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	padding: 154px 50px 50px;
	text-align: center;
	height: 455px;
	border-left: 1px dotted #dcdcdd;
	width: 100%;
}

.grobal_smart_infra_info ul.box li:first-child {
	/* border: none; */
}

.grobal_smart_infra_info ul.box li:before {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	background: url(../img/area/grobal_smart_infra_icon01.png) no-repeat;
}

.grobal_smart_infra_info ul.box li h4 {
	font-size: 28px;
	font-weight: 500;
	color: #e6240f;
	padding-bottom: 20px;
}

.grobal_smart_infra_info ul.box li h4:after {
	content: '';
	width: 30px;
	height: 1px;
	background-color: black;
	margin: 20px auto 0;
	display: block;
}

.grobal_smart_infra_info ul.box li span {
	font-size: 14px;
	display: block;
}

.grobal_smart_infra_info ul.box li p {
	font-size: 18px;
}

.eng.grobal_smart_infra_info ul.box li p {
	font-size: 14px; letter-spacing: -0.5px;
}

.grobal_smart_infra_info ul.box li.box01:after, .grobal_smart_infra_info ul.box li.box02:after {
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 35px;
	height: 38px;
	margin-top: -19px;
	z-index: 1;
	background: url(../img/area/icon_recruit_link.png) no-repeat;
}

.grobal_smart_infra_info ul.box li.box01:before {
	background-position: 0 0;
}

.grobal_smart_infra_info ul.box li.box02:before {
	background-position: 0 -100px;
}

.grobal_smart_infra_info ul.box li.box03:before {
	background-position: 0 -200px;
}

@media screen and (max-width: 768px) {
	.grobal_smart_infra_info ul.box a{
		width: 100%;
	}
	.grobal_smart_infra_info ul.box li {
		width: 100%;
		border-top: 1px dotted #d2d2d2;
		border-left: none;
		padding: 110px 10% 30px;
		height: auto;
	}
	.grobal_smart_infra_info ul.box li:first-child {
		/* border: none; */
	}
	.grobal_smart_infra_info ul.box li:before {
		width: 80px;
		height: 80px;
		top: 7%;
		margin-left: -40px;
		background-size: 100%;
	}
	.grobal_smart_infra_info ul.box li span {
		font-size: 13px;
	}
	.grobal_smart_infra_info ul.box li h4 {
		font-size: 20px;
		padding-bottom: 5%;
	}
	.grobal_smart_infra_info ul.box li h4:after {
		margin: 5% auto 0;
		width: 20px;
	}
	.grobal_smart_infra_info ul.box li p {
		font-size: 13px;
	}
	.grobal_smart_infra_info ul.box li.box01:after, .grobal_smart_infra_info ul.box li.box02:after {
		bottom: -15px;
		right: auto;
		top: auto;
		width: 28px;
		height: 30px;
		margin: 0 0 0 -14px;
		background-size: 28px;
	}
	.grobal_smart_infra_info ul.box li.box02:before {
		background-position: 0 -80px;
	}
	.grobal_smart_infra_info ul.box li.box03 p br {
		display: none;
	}
	.grobal_smart_infra_info ul.box li.box03:before {
		background-position: 0 -160px;
	}
}

.grobal_smart_infra_info ol.solution_info {
	border-bottom: 2px solid #d2d2d2;
}

.grobal_smart_infra_info ol.solution_info li {
	border-top: 1px solid #d2d2d2;
	padding: 40px 30px;
}

.grobal_smart_infra_info ol.solution_info li:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.grobal_smart_infra_info ol.solution_info li .left {
	width: 420px;
	float: left;
}

.grobal_smart_infra_info ol.solution_info li .left img {
	width: 100%;
}

.grobal_smart_infra_info ol.solution_info li .right {
	position: relative;
	float: left;
	margin: 0 0 0 30px;
	padding-left: 40px;
}

.grobal_smart_infra_info ol.solution_info li .right:before {
	content: '';
	position: absolute;
	width: 30px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding: 4px 0;
	font-weight: 500;
	background-color: #e6240f;
	left: 0;
}

.grobal_smart_infra_info ol.solution_info li .right h5 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

.grobal_smart_infra_info ol.solution_info li .right p {
	font-size: 15px;
	color: #666;
}

.grobal_smart_infra_info ol.solution_info li .num01:before {
	content: '1';
}

.grobal_smart_infra_info ol.solution_info li .num02:before {
	content: '2';
}

.grobal_smart_infra_info ol.solution_info li .num03:before {
	content: '3';
}

@media screen and (max-width: 768px) {
	.grobal_smart_infra_info ol.solution_info li {
		padding: 10% 0 0;
	}
	.grobal_smart_infra_info ol.solution_info li .left {
		width: auto;
	}
	.grobal_smart_infra_info ol.solution_info li .right {
		margin: 7% 0;
		padding-left: 35px;
	}
	.grobal_smart_infra_info ol.solution_info li .right:before {
		font-size: 13px;
		width: 26px;
	}
	.grobal_smart_infra_info ol.solution_info li .right h5 {
		font-size: 18px;
	}
	.grobal_smart_infra_info ol.solution_info li .right h5 br {
		display: none;
	}
	.grobal_smart_infra_info ol.solution_info li .right p {
		font-size: 13px;
	}
	.grobal_smart_infra_info ol.solution_info li .right p br {
		display: none;
	}
}

/*인프라 제품소개*/

.grobal_smart_infra_product .sec01 {
	padding: 45px 0 0px;
}

.grobal_smart_infra_product .cell {
	border-top: 1px solid #d2d2d2;
	padding: 50px 0;
	position: relative;
}

.grobal_smart_infra_product .cell img {
    max-width: 100%;
    margin-top: 35px;
}

.grobal_smart_infra_product .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.grobal_smart_infra_product .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}
.grobal_smart_infra_product .cell dl dt span{
    display: block;
    color: #888888;
    font-size: 18px;
    line-height: 24px;
}

.grobal_smart_infra_product .cell dl dd {
	float: right;
	width: 66.66666666666667%;
}

.grobal_smart_infra_product .cell dl dd:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.grobal_smart_infra_product .cell dl dd img {
	margin-bottom: 30px;
}
.grobal_smart_infra_product .cell dl dd > strong {
	font-size: 17px;
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 500;
}


.grobal_smart_infra_product .cell dl dd p {
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}

.grobal_smart_infra_product .cell dl dd .left {
	float: left;
	width: 65%;
	padding-right: 5%;
}
.grobal_smart_infra_product .cell dl dd .left.add{}
.grobal_smart_infra_product .cell dl dd .left.add img{
	margin: 0 0 40px;
}

.grobal_smart_infra_product .cell dl dd .right {
	float: right;
	width: 30%;
}

.grobal_smart_infra_product .cell dl dd .right img {
	width: 100%;
}

.grobal_smart_infra_product .cell dl dd h6 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.grobal_smart_infra_product .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

@media screen and (max-width: 768px) {
	.grobal_smart_infra_product .sec01{
		padding: 25px 0;
	}
    .grobal_smart_infra_product .cell {
        padding: 8% 0;
    }
    
	.grobal_smart_infra_product .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
    
    .grobal_smart_infra_product .cell dl dt span{
        font-size: 15px;
    }
    
	.grobal_smart_infra_product .cell dl dd {
		float: none;
		width: 100%;
	}
	.grobal_smart_infra_product .cell dl dd img {
		width: 100%;
	}
	.grobal_smart_infra_product .cell dl dd .use_item_list img {
		width: auto;
	}
	.grobal_smart_infra_product .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.grobal_smart_infra_product .cell dl dd ul li {
		font-size: 13px;
	}
	.grobal_smart_infra_product .cell dl dd p {
		font-size: 13px;
	}
	.grobal_smart_infra_product .cell dl dd h6 {
		font-size: 14px;
	}
	.grobal_smart_infra_product .cell dl dd .cell_inner .box img {
		width: 70%;
	}
    .grobal_smart_infra_product .cell img{
        margin-top: 10px;
    }
}

.grobal_smart_infra_product .item_inner {
	padding-top: 30px;
    clear: both;
}

.grobal_smart_infra_product .item_inner ul.use_item_list li{
    padding-top: 0;
}

.grobal_smart_infra_product ul.use_item_list {
	margin-top: 15px;
}

.grobal_smart_infra_product ul.use_item_list li {
	display: inline-block;
	text-align: center;
	padding: 15px 10px;
    vertical-align: top;
}

.grobal_smart_infra_product ul.use_item_list li strong {
	margin-top: 10px;
	font-size: 13px;
	color: white;
	padding: 2px 5px;
	background-color: #9ab6d3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
}
.grobal_smart_infra_product ul.use_item_list li strong {
	display: block;
	margin-bottom: 10px;
}
.grobal_smart_infra_product ul.use_item_list li img {
	margin: 0;
}

/* 사업분야 > 부동산종합관리 > 개요 */
.account .product_summary{
    margin-bottom: 0;
}

.account .sec01 img {
	width: 100%;
}
.account .sec02 img {
	width: auto;
    max-width: 100%;
}

.account .sec01{ padding-bottom: 0;}

.account .sec01 .txt {
    font-size: 15px;
    margin: 30px 0 40px 0;
    line-height: 26px;
    color: #333;
    font-weight: 500;
}

.account .sec02 .business_icon {
    border-top: 2px solid #333;
    border-bottom: 2px solid #d2d2d2;
    padding: 20px 0;
    overflow: hidden;
	margin-bottom: 50px;
}

.account .sec02 .business_icon li {
    float: left;
    width: 19.8%;
    min-height: 190px;
    border-right: 1px solid #d8d8d8;
    text-align: center;
    padding: 3% 0;
	min-height: 255px;
}

.account .sec03 .business_icon{border-top: 2px solid #333;
    border-bottom: 2px solid #d2d2d2;
    padding: 20px 0;
    overflow: hidden;
	margin-bottom: 50px;
	
}
.account .sec03 .business_icon li{
	float: left;
    width: 25.0%;
    min-height: 190px;
    border-right: 1px solid #d8d8d8;
    text-align: center;
    padding: 3% 0;
	min-height: 255px;
	
}
	

.eng .leading_developer_product{
	
}

.eng .leading_developer_product .business_icon li {
	min-height: 355px;
}

.account .sec02 a.site_btn{
	display: block;
    width: 180px;
	margin: 0 auto;
}
.account .sec02 .business_icon .num01 {
    background: url(../img/area/shape_num01.png) 8% 5% no-repeat;
}

.account .sec02 .business_icon .num02 {
    background: url(../img/area/shape_num02.png) 8% 5% no-repeat;
}

.account .sec02 .business_icon .num03 {
    background: url(../img/area/shape_num03.png) 8% 5% no-repeat;
}

.account .sec02 .business_icon .num04 {
    background: url(../img/area/shape_num04.png) 8% 5% no-repeat;
}

.account .sec02 .business_icon .num05 {
    background: url(../img/area/shape_num05.png) 8% 5% no-repeat;
}

.account .sec02 .business_icon li:last-child {
    border-right: none;
}

.account .sec02 .business_icon li span {
    display: block;
}

.account .sec02 .business_icon li .txt {
    margin-top: 22px;
}
.account .sec02 .business_icon li .txt strong {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    background: url(../img/areas/icon_line.png) top center no-repeat;
    color: #101010;
    display: block;
}

.account .sec02 .business_icon li .txt strong em{    
	display: block;
    font-size: 13.3px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 5px;
}

.account .sec02 .business_icon li .txt p {
    color: #444;
    font-size: 14px;
    margin-top: 3%;
	padding: 0 5%;
}





































/* 사업분야 > 케어서비스 > 개요 */
.account .sec03 a.site_btn{
	display: block;
    width: 180px;
	margin: 0 auto;
}
.account .sec03 .business_icon .num01 {
    background: url(../img/area/shape_num01.png) 8% 5% no-repeat;
}

.account .sec03 .business_icon .num02 {
    background: url(../img/area/shape_num02.png) 8% 5% no-repeat;
}

.account .sec03 .business_icon .num03 {
    background: url(../img/area/shape_num03.png) 8% 5% no-repeat;
}

.account .sec03 .business_icon .num04 {
    background: url(../img/area/shape_num04.png) 8% 5% no-repeat;
}

.account .sec03 .business_icon .num05 {
    background: url(../img/area/shape_num05.png) 8% 5% no-repeat;
}

.account .sec03 .business_icon li:last-child {
    border-right: none;
}

.account .sec03 .business_icon li span {
    display: block;
}

.account .sec03 .business_icon li .txt {
    margin-top: 22px;
}
.account .sec03 .business_icon li .txt strong {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10%;
    background: url(../img/areas/icon_line.png) top center no-repeat;
    color: #101010;
    display: block;
}
.account .sec03 .business_icon li .txt p {
    color: #444;
    font-size: 14px;
    margin-top: 3%;
	padding: 0 5%;
}
.disinfection .product_summary dl{padding: 30px 100px 0;}
.disinfection img.org{width: auto;}
.disinfection .sec01 .cell img.org{width: auto;}
.disinfection .sec01 .cell img.logo{width: 100px;}
.disinfection .product_summary dl dd.box{margin: 40px auto 0;}
.disinfection .product_summary dl dd.box .stit{color: #000; display: block; margin: 10px 0 0;}
.disinfection .product_summary dl dd.box > div{text-align: left; font-size: 16px; margin: 20px auto;border: 1px solid #ddd; padding: 20px 0 20px 50px; background: #f7f7f7; color: #707070; line-height: 30px;}
.disinfection .sec03 .business_icon li{width: 20%; min-height: 360px;}
.disinfection .sec03 .business_icon li .txt strong em{display: block; font-size: 14px;}
.disinfection .sec01 .cell:first-child{border-top: 1px solid #d2d2d2;}
.disinfection .cell dl dt span {display: block; color: #888888; font-size: 15px;line-height: 1.2;}

.disinfection h4.section_title{}
.disinfection h4.section_title img{width: 65px; padding-bottom: 15px;}
.disinfection h4.section_title p{font-size: 17px;}
.disinfection .detail h5.section_title {text-align: center;font-size: 18px;line-height: 1.5;color: #666; margin-bottom: 50px;}

.disinfection .cell dl{overflow: hidden;}
.disinfection .cell dl dd.celmg{margin-top: 30px;}
.disinfection .cell dl dd strong{font-size: 17px;margin-bottom: 10px;display: inline-block;font-weight: 500;}
.disinfection .cell dl dd > strong{margin-top: 12px;}
.disinfection .cell dl dd > strong span{display: block;font-size: 13px;color: #888;}
.disinfection .cell dl dd p.stit{color: #5d89b3;}
.disinfection .cell dl dd.dc_txt{line-height: 2; margin-top: 0px; }
.disinfection .cell dl dd.dc_txt > div{}
.disinfection .cell dl dd p{}
.disinfection .cell dl dd p > span{display: block; margin: 7px 0; line-height: 1.5;}
.disinfection .cell dl dd p.stxt{line-height: 28px;}
.disinfection .cell dl dd p.stxt br{}
.disinfection .cell dl dd .smart_led_box ul.smart_led_list li{text-align: center; background: none;}
.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p{font-size: 14px;}
.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p em{display: block; font-size: 14px; margin-bottom: -3px; line-height: 1.3;}
.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p span{width: 100px;border-radius: 3px; font-size: 13px; background: #9cb6d2;margin: -15px auto 5px; display: block; position: relative;}
.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p b{display: inline-block; margin-bottom: 6px;}
.disinfection .cell dl dt{width: auto;}
.disinfection .cell dl dd{width: 72%;}
.disinfection .sec01 .cell img.basic{width: 70px; margin: 0 10px 20px 0;}
.disinfection .cell dl dd.dc_txt strong{margin: 0;}
.disinfection .cell dl dd.dc_txt p{margin: -5px 0 10px 0; color: #222;}
.disinfection .sec01{}
.disinfection .detail{margin-bottom: 50px; position: relative;}
.disinfection .cell dl dd .right{width: 20%;}
.disinfection .cell dl dd .right img{width: 100px;}
.disinfection .cell.bug dl dd .right{margin: 25px 0; width: 35%;}
.disinfection .cell.bug.circle dl dd .right{width: 28%; margin: 0;}
.disinfection .cell.bug dl dd .right img{width: 100%;}
.disinfection .cell dl dd .smart_led_box.add ul.smart_led_list li{width: 18.7%;}
.disinfection .cell dl dd .smart_led_box.add ul.smart_led_list li img{border-radius: 8px;}
.disinfection .sec03 .business_icon a{display: block;}
.disinfection .sec03 .business_icon a li:last-child{border-right: 1px solid #d8d8d8;}
.disinfection .sec03 .business_icon a:last-child li{border-right: 0;}
.disinfection .rcs .cell{}
.disinfection .rcs .cell dl dd .right{width: 35%;}
.disinfection .rcs .cell dl dd .right.last{/* width: 22%; */}
.disinfection .rcs .cell dl dd .right img{width: auto;}
.disinfection .detail:last-child{margin: 0;}
.disinfection .detail:last-child .cell{padding: 0;}
.disinfection .detail:last-child h4.section_title{padding-bottom: 30px;}
.disinfection .cell dl dd ul.smart_led_list{
	/* display: flex;
	    justify-content: center;
	    align-items: center; */
}


/* 사업분야 > Insite(인사이트) */

.insite{}
.insite .sec01{}
.insite .sec01 .box img {width: 180px;}
.insite .sec01 .box{margin: 50px 0 -10px;}

@media screen and (max-width: 1080px) {
	.disinfection .cell dl dt{width: 100%;}
	.disinfection .cell dl dd{width: 100%;}
	.disinfection .product_summary dl{padding: 4% 6% 0;}
	.disinfection .cell dl dt span{font-size: 15px;}
	.disinfection .sec03 .business_icon li .txt strong em{font-size: 12px;}
	.disinfection .product_summary dl dd.box > div{padding: 15px; font-size: 14px; letter-spacing: -1.5px;}
	.disinfection .sec03 .business_icon a li:last-child{border-right: none; border-bottom: 1px solid #ddd;}
	.disinfection .sec03 .business_icon a li{border-bottom: 1px solid #ddd;}
	.disinfection .detail:last-child h4.section_title{padding-bottom: 0;}
	
}

@media screen and (max-width: 767px) {
	.disinfection .product_summary dl dd.box > div{font-size: 13px; line-height: 1.5; padding: 10px 10px 0; letter-spacing: -1px; word-break: break-all;}
	.disinfection .product_summary dl dd.box > div > p{margin-bottom: 10px;}
	.disinfection .detail h5.section_title{font-size: 15px; margin-bottom: 30px;}
	.disinfection .rcs .cell dl dd .left{width: 100%;}	
	.disinfection .rcs .cell dl dd .right, .disinfection .rcs .cell dl dd .right.last{width: 100%;}
	.disinfection .cell dl dd .smart_led_box .smart_led_wrap{margin-top: 15px;}
	.disinfection .cell dl dd .smart_led_box.add ul.smart_led_list li{width: 48%; height: auto; margin-left: 2%;}
	.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p em{font-size: 12px;}	
	.disinfection .cell dl dd strong{font-size: 16px;}
	.disinfection .cell dl dd .smart_led_box ul.smart_led_list li{width: 48%; height: 100px; margin-left: 0;}
	.disinfection .cell dl dd .smart_led_box ul.smart_led_list li p{font-size: 13px;}
	.disinfection .cell dl dd .left{width: 75%;}
	.disinfection .cell dl dd .right {width: 25%;}
	.disinfection .cell.bug dl dd .left{width: 100%; padding-right: 0; line-height: 1.8; font-size: 12.5px;}
	.disinfection .cell.bug dl dd .left > div{line-height: 1.5; margin: 7px 0;}
	.disinfection .cell.bug dl dd .right{width: 75%; margin: 0 0 30px; float: left;}
	.disinfection .cell.bug.circle dl dd .right{float: right; margin: 15px 0 0; width: 55%;}
	.disinfection .cell.bug dl dd .right img{width: auto;}
	.disinfection .product_summary dl {padding: 4% 2% 0; margin: -10% 3% 0;}
	.disinfection .cell dl dd.dc_txt > div{line-height: 1.5; margin: 6px 0;}

	.insite .sec01 .box img {width: 120px;}
	.insite .sec01 .box{margin: 30px 0 -10px;}
	
}




@media screen and (max-width: 768px) {
	.account .sec01{
		/* padding-bottom: 15px; */
	}

	.account .sec02{
	    margin: 0;
		padding: 0;
	}

    .account .sec02 .business_icon {
        padding: 0;
    }
    .account .sec02 .business_icon li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #d8d8d8;
        min-height: initial;
        padding: 4% 10% 6% 10%;
    }
    .account .sec02 .business_icon li:last-child {
        border-bottom: none;
    }
    .account .sec02 .business_icon li span {
        float: left;
        width: 50%;
        margin-top: 2%;
    }
    .account .sec02 .business_icon li .txt {
        width: 50%;
		float: right;
        text-align: left;
        margin-top: 5%;
    }
    .account .sec02 .business_icon li .txt strong {
        background: url(../img/area/icon_line.png) top left no-repeat;
    }
    .account .sec02 .business_icon .num01 {
        background: url(../img/area/shape_num01.png) 7% 25% no-repeat;
    }
    .account .sec02 .business_icon .num02 {
        background: url(../img/area/shape_num02.png) 7% 25% no-repeat;
    }
    .account .sec02 .business_icon .num03 {
        background: url(../img/area/shape_num03.png) 7% 25% no-repeat;
    }
    .account .sec02 .business_icon .num04 {
        background: url(../img/area/shape_num04.png) 7% 25% no-repeat;
    }
    .account .sec02 .business_icon .num05 {
        background: url(../img/area/shape_num05.png) 7% 25% no-repeat;
    }
    .account .sec01 .txt {
        font-size: 14px;
        line-height: 1.5em;
    }
    .account .sec01 .txt {margin: 3% 0;}

	.account .sec03{
	    margin: 0;
		padding: 0;
	}

    .account .sec03 .business_icon {
        padding: 0;    margin-bottom: 20px;
    }
    .account .sec03 .business_icon li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #d8d8d8;
        min-height: initial;
        padding: 4% 10% 6% 10%;
    }
    .account .sec03 .business_icon li:last-child {
        border-bottom: none;
    }
    .account .sec03 .business_icon li span {
        float: left;
        width: 55%;
        margin-top: 2%;
    }
    .account .sec03 .business_icon li .txt {
        float: left;
        width: 45%;
        text-align: left;
        margin-top: 5%;
    }
    .account .sec03 .business_icon li .txt strong {
        background: url(../img/area/icon_line.png) top left no-repeat;
    }
    .account .sec03 .business_icon .num01 {
        background: url(../img/area/shape_num01.png) 10% 25% no-repeat;
    }
    .account .sec03 .business_icon .num02 {
        background: url(../img/area/shape_num02.png) 10% 25% no-repeat;
    }
    .account .sec03 .business_icon .num03 {
        background: url(../img/area/shape_num03.png) 10% 25% no-repeat;
    }
    .account .sec03 .business_icon .num04 {
        background: url(../img/area/shape_num04.png) 10% 25% no-repeat;
    }
    .account .sec03 .business_icon .num05 {
        background: url(../img/area/shape_num05.png) 10% 25% no-repeat;
    }
	
	.sustainability .safePolicy .stit2{font-size:15px !important; margin:20px 0 0px 0!important;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media screen and (max-width: 375px) {
    .account .sec02 .business_icon li {
        padding: 6% 5% 9% 5%;
    }
    .account .sec02 .business_icon li .txt strong {
        padding-top: 6%;
    }
    .account .sec02 .business_icon .num01 {
        background: url(../img/area/shape_num01.png) 2% 20% no-repeat;
    }
    .account .sec02 .business_icon .num02 {
        background: url(../img/area/shape_num02.png) 2% 20% no-repeat;
    }
    .account .sec02 .business_icon .num03 {
        background: url(../img/area/shape_num03.png) 2% 20% no-repeat;
    }
    .account .sec02 .business_icon .num04 {
        background: url(../img/area/shape_num04.png) 2% 20% no-repeat;
    }
    .account .sec02 .business_icon .num05 {
        background: url(../img/area/shape_num05.png) 2% 20% no-repeat;
    }
    .account .sec02 .business_icon li .txt strong {
        font-size: 14px;
    }
    .account .sec02 .business_icon li .txt p {
        font-size: 13px; padding: 0;
    }
	
	
	
	.account .sec03 .business_icon li {
        padding: 6% 5% 9% 5%;
    }
    .account .sec03 .business_icon li .txt strong {
        padding-top: 6%;
    }
    .account .sec03 .business_icon .num01 {
        background: url(../img/area/shape_num01.png) 2% 20% no-repeat;
    }
    .account .sec03 .business_icon .num02 {
        background: url(../img/area/shape_num02.png) 2% 20% no-repeat;
    }
    .account .sec03 .business_icon .num03 {
        background: url(../img/area/shape_num03.png) 2% 20% no-repeat;
    }
    .account .sec03 .business_icon .num04 {
        background: url(../img/area/shape_num04.png) 2% 20% no-repeat;
    }
    .account .sec03 .business_icon .num05 {
        background: url(../img/area/shape_num05.png) 2% 20% no-repeat;
    }
    .account .sec03 .business_icon li .txt strong {
        font-size: 14px;
    }
    .account .sec03 .business_icon li .txt p {
        font-size: 13px; padding: 0;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}

/* 주요실적 공통 */
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: 224px;
	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 span {
	display: inline-block;
	padding: 1px 8px;
	/* font-size: 12px;
	color: #fff; */
	margin-bottom: 5px;
}

ul.business_item_list > li span.road {
	background-color: #777777;
}

ul.business_item_list > li span.railway {
	background-color: #8aa9c6;
}

ul.business_item_list > li span.harbor {
	background-color: #e72410;
}

ul.business_item_list > li img.item_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	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(../img/common/more_btn2.png) no-repeat 0 -23px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: -1;
}
ul.business_item_list > li strong.item_title span {
    width: 85%;
    overflow: hidden;
    display: block;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-weight: 500;
    padding: 0;
}

ul.business_item_list > li .btn-view{
	/* transition:all 0.3s ease-out */
}

ul.business_item_list > li:hover .btn-view{
	color: #e41d1e;
    text-decoration: underline;
}

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(../img/common/arr_down_btn.png) no-repeat 4px 0;
}
.business_pop_wrap .visual .visual_list{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.pop_business .img_wrap .visual_list li{
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 960px;
	height: 600px;
	overflow: hidden;
}
.pop_business .img_wrap .visual_list li:first-child{
	left: 0;
}


.pop_wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	overflow-y: hidden;
    background: rgba(0,0,0,.8);
}

.pop_wrap .pop_box {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	min-height: 242px;
	margin-bottom: 20px;
	background: url(../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(../img/business/close_btn.png) no-repeat;
	z-index: 100;
	opacity: 1;
    cursor: pointer;
	
}
.pop_wrap .pop_box a.close_btn:hover {
    background: url(../img/business/close_btn_hover.png) no-repeat;
	background-size:100%;
}

.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(../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(../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(../img/business/btn_pop_next.png) no-repeat center;
}

.pop_wrap .pop_box .img_wrap a.prev {
	left: 0;
	background: url(../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;
	/* text-align: center; */
}

.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: 100%;
	 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.list1 dt {
	background-position: 10px 4px;
}



.pop_wrap .pop_box .detail_option_list dl.list2 dt {
	background-position: 10px -16px;
}

.pop_wrap .pop_box .detail_option_list dl.list3 dt {
	background-position: 10px -37px;
}

.pop_wrap .pop_box .detail_option_list dl.list4 dt {
	background-position: 10px -56px;
}

.pop_wrap .pop_box .detail_option_list dl.list5 dt {
    background-position: 10px -19px;
}

.pop_wrap .pop_box .detail_option_list dl.list6 dt {
	background-position: 10px -99px;
}

.pop_wrap .pop_box .detail_option_list dl.list7 dt {
    background-position: 10px -136px;
}



.pop_wrap .pop_box .detail_option_list dl.list8 dt {
    background-position: 10px -115px;
}
/**발주처**/
.pop_wrap .pop_box .detail_option_list dl.list9 dt {
    background-position: 10px -95px;
}

.pop_wrap .pop_box .detail_option_list dl.list10 dt {
    background-position: 10px -157px;
}

.pop_wrap.pop_business .detail_option_list dl dt {
	background: url(../img/area/business_pop_icons.svg?ver=20250509) no-repeat 10px 1px;
}


.scroll {
    overflow-y: auto;
}
.noscroll {
    overflow-x: hidden;
}

@media screen and (max-width: 768px){
	ul.business_item_list {
		width: calc(100% + 15px);
		overflow: hidden;
	}
	ul.business_item_list > li {
		float: left;
		width: 45.3%;
		margin: 0 0 15px 4%;
		border: 1px solid #c9c9c9;
		padding: 0 0 3%;
		height: auto;
	}

	ul.business_item_list > li img.item_img {
		position: relative;
		width: 100%;
		height: auto;
		height: 240px;
	}
	ul.business_item_list > li strong.item_title {
		font-size: 13px;
		margin: 7% 0% 0% 5%;
	}
	ul.business_item_list > li strong.item_title span {
		width: 80%; font-size: 14px;
	}
	ul.business_item_list > li strong.item_title:after {
		width: 16px;
		height: 16px;
		right: 5%;
		background-position: 0 -16px;
		background-size: 16px auto;
	}
	ul.business_item_list > li .btn-view{padding-left: 5%;}

	.pop_business .img_wrap .visual_list li{
		left: 100%;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	.pop_wrap .pop_box {
		position: relative;
		top: 10%;
		left: 0;
		width: 86%;
		margin: 0 auto;
		z-index: 1;
		background-size: 100%;
	}
	.pop_wrap .pop_box a.close_btn {
		width: 30px;
		background-size: 100%;
		top: 2%;
		right: 2%;
	}
	.pop_wrap .pop_box .img_wrap {
		width: 100%;
		height: 250px;
	}
	.business_pop_wrap .visual .visual_list{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.pop_wrap .pop_box .img_wrap ul.visual_btn {
		width: 100%;
	}
	.pop_wrap .pop_box .img_wrap ul.visual_btn li {
		width: 26px;
	}
	.pop_wrap .pop_box .img_wrap .arrow {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		margin-top: -79px;
	}
	.pop_wrap .pop_box .img_wrap a.next {
	right: 0; 
	background-size:5%;
	background: url(../img/business/btn_pop_next.png) no-repeat center;
	}
	.pop_wrap .pop_box .img_wrap a.prev {
		left: 0;
		background-size:5%;
		background: url(../img/business/btn_pop_prev.png) no-repeat center;
	}
	.pop_wrap .pop_box .img_wrap a.arr_btn {
		top: 25px;
		box-sizing: content-box;
	}
	.pop_wrap .pop_box .img_wrap a.arr_btn:hover {
		background-color: transparent;
	}
	.pop_wrap .pop_box .txt_inner {
		padding: 5% 5% 8%;
	}
	.pop_wrap .pop_box h4.pop_title {
		font-size: 20px;
	}
	.pop_wrap .pop_box .detail_option_list {
		padding-top: 5%;
		margin-top: 5%;
	}
	.pop_wrap .pop_box .detail_option_list dl {
		width: 100%;
		margin-top: 10px;
	}
	.pop_wrap.pop_business .detail_option_list dl dt {
		background: none;
		font-size: 13px;
		width: 20%;
		padding-left: 0;
	}
	.pop_wrap .pop_box .detail_option_list dl dd {
		font-size: 13px;
		width: 80%;
	}
};



/***** R&D *****/

/*연구분야*/
.research_field .page_spot{
	background-image: url(../img/rnd/page_title_bg2.jpg);
}
.field .mission {
	position: relative;
	z-index: 1;
    /*background: url(../img/rnd/company_infobg.png) no-repeat 50% 50%;
    padding-bottom: 460px;*/
}

.field .summary {
    padding-bottom: 65px;
    background: url(../img/company/development_summary.png) no-repeat center bottom;
    text-align: center;
    width: 50%;
    margin: -30px auto 0;
}

.field .summary strong {
    font-size: 25px;
    color: #101010;
    font-weight: 500;
}

.field .summary p {
    padding-top: 15px;
    font-size: 19px;
    line-height: 25px;
    color: #888888;
    padding: 10px 0;
}

.field .tt {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
    text-align: justify;
}

.field .sec06 {
	border-top: 1px solid #d2d2d2;
	padding: 50px 0;
    overflow: hidden;
}

.field .sec06:last-child{
    border-bottom: 2px solid #d2d2d2;
}

.field .sec06:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.field .sec06 .imgbox_underline {
    float: left;
    box-sizing: content-box;
}

.field .list_con{
    float: right;
    width: 65%;
}

.field strong{
    display:block;
    font-size:18px;
    color:#333333;
}

.field p{
    padding:13px 0px 50px;
    font-size:15px;
    color:#888888;
    line-height:24px;
}

.field .social_img{
    width:100%;
}



.field .mission h4 {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}

.field .mission img {
	width: 100%;
}

.field .mission_list {
	position: relative;
	z-index: 2;
	background-color: white;
}

.field .mission_list ol {
	border-top: 2px solid black;
	border-bottom: 2px solid #d2d2d2;
}

.field .mission_list ol:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.field .mission_list ol li {
	position: relative;
	float: left;
	width: 320px;
    height: 350px;
	padding: 45px 20px 60px;
	border-left: 1px solid #d2d2d2;
}
.field .mission_list ol li:first-child {
	border: none;
}

.field .mission_list ol li:after {
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
	top: 40px;
	right: 20px;
	background: url(../img/company/overview_icon.png) no-repeat 0 0;
}

.field .mission_list ol li span {
	font-weight: 600;
	color: #9db7d2;
	font-size: 15px;
}

.field .mission_list ol li span.point-txt{ color: #e71a10; font-weight: 500;}

.field .mission_list ol li h5 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 30px;
	height: 60px;
}

.field .mission_list ol li p {
	font-size: 15px;    line-height: 26px;
}

.field .mission_list ol li.m2:after {
	background-position: 0 -80px;
}

.field .mission_list ol li.m3:after {
	background-position: 0 -160px;
}


/* rnd */

.rnd .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;
}

.rnd .more_view_btn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url(../img/common/arr_down_btn.png) no-repeat 4px 0;
}

.rnd .page_spot {
	background-image: url(../img/rnd/page_title_bg.jpg);
}

.rnd.eng .page_spot {
	background-image: url(../img/rnd/page_title_bg.png);
}

.rnd .hgroup {
	border: none;
	margin-bottom: 0;
}

.rnd .sus_title {
	display: block;
	margin-bottom: 10px;
	font-size: 25px;
	color: #333;
}

.rnd .imgbox_underline p {
	color: #888;
	font-size: 18px;
	line-height: 28px;
}


/*********** R&D ***********/
.rnd .page_spot {
	background-image: url(../img/rnd/page_title_bg.jpg);
}

.rnd h4.section_title {
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-top: 100px;
}

.rnd h4.section_title:first-child {
	padding-top: 0px;
}

.rnd h4.section_title.area {
	padding-top: 45px;
}

.rnd .result {
	margin-top: 50px;
	overflow: hidden;
}

.rnd .tabContent {
	display: none;
	position: relative;
}

.rnd .tabContent dd.history_txt ul li {
	background: url(../img/common/icon_bull.png) no-repeat left 8px;
	background-size: 3px;
	margin: 2px 0;
	padding-left: 10px;
	color: #666;
}

.rnd .tabContent .result dl {
	float: left;
	width: 50%;
}

.rnd .tabContent .result dt {
	padding-left: 20px;
}

.rnd .tabContent .result dt:after {
	content: '';
	position: absolute;
	display: block;
	left: 0px;
	top: 10px;
	width: 10px;
	height: 11px;
	background: url(../img/company/history_y_icon.gif) no-repeat 0;
}

.rnd .tabContent .result dd {
	margin-top: 25px;
}

.rnd .tabContent dt:after {
	display: none;
}

.rnd .tabContent.on {
	display: block;
}

.rnd .hgroup {
	border: none;
	border: none;
}

.rnd .sus_title {
	display: block;
	margin-bottom: 10px;
	font-size: 25px;
	color: #333;
}

/* 추가 */
.rnd .cont01{overflow: hidden;}
.rnd .cont01 .cell{
	float: left;
    width: calc(33.33% - 14px);
    margin-right: 20px;
	padding: 0;
	min-height: 450px;
	border-bottom: 0;
}

.rnd.eng .cont01 .cell{min-height: 500px;}

.rnd .cont01 .cell:nth-child(3n){
	margin-right: 0px;
}

.rnd .cont01 .cell img{width: 100%;}
.rnd .cont01 .cell dl dt{
	float: none;
    width: 100%;
    margin: 20px 0;
    color: #000;
	padding-left: 3px;
}
.rnd .cont01 .cell dl dd{
	float: none;
    width: 100%;
}
.rnd .cont01 .cell dl dd ul li{
	margin: 10px 0;
    background-position: 0 10px;
}
.rnd .cont01 .cell.last{border-bottom: 0;}

/* //추가 */


.rnd .sec02 .cell {
	padding: 50px 0 0;
	/* padding: 0; */
}
.rnd .sec02 .cell:first-child {padding: 0;}

.rnd .sec02 .cell dl dt {
	position: relative;
}

@media screen and (max-width: 768px) {
	.rnd .sec02 .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 30px;
		background-color: #f6f6f6;
		text-align: center;
		padding: 4% 0;
	}
	.rnd .sec02 .cell dl dt p {
		display: none;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -20px 10px 0 0;
		width: 40px;
		height: 40px;
	}
	.rnd .sec02 .cell dl dt p img {
		width: 100%;
	}
}

.rnd .sec02 .cell dl dd {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #d2d2d2;
}

.rnd .sec02 .cell dl dd:last-child {
	margin: 0;
	border: none;
}

.rnd .sec02 .cell dl dd strong a {
	color: #e6240f;
}

.rnd .sec02 .cell dl dd ul li a {
	color: #e6240f;
}

.rnd .cell {
	padding: 50px 0;
	border-bottom: 1px solid #d2d2d2;
}

.rnd .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.rnd .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}

.rnd .cell dl dd {
	font-size: 15px;
	color: #666;
	float: right;
	width: 66.66666666666667%;
}

.rnd .cell dl dd:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.rnd .cell dl dd strong {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 500;
}

.rnd .cell dl dd ul {
	margin-bottom: 15px;
}

.rnd .cell dl dd ul:last-child {
	margin: 0;
}

.rnd .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 7px;
	background-size: 3px;
	color: #666;
}

.rnd .cell dl dd ul li strong {
	font-weight: 500;
}

.rnd .cell dl dd p {
	font-size: 15px;
	color: #666;
}

.rnd .cell dl dd .left {
	float: left;
}

.rnd .cell dl dd .right {
	float: right;
}

@media screen and (max-width: 768px) {
	.rnd .cell, .rnd .sec02 .cell {
		padding: 8% 0px 8%;
	}

	.rnd .cont01 .cell, .rnd.eng .cont01 .cell{
		width: 100%;
		margin: 0 0 10px;
		min-height: auto;
	}

	.rnd .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		padding: 4% 0;
	}

	.rnd .cont01 .cell dl dt{
		margin: 15px 0 10px;
		padding: 0;
	}

	.rnd .cell dl dd {
		position: relative;
		float: none;
		width: 100%;
	}

	.rnd .cell dl dd img {
		width: 100%;
	}
	.rnd .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		margin-TOP: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.rnd .cell dl dd ul li {
		font-size: 13px;
	}
	.rnd .cell dl dd p {
		font-size: 13px;
	}
	.rnd .cell dl dd .left {
		margin-right: 100px;
	}
	.rnd .cell dl dd .right {
		position: absolute;
		right: 0;
		top: -40px;
	}
}

.rnd .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

.rnd .footnote {
	margin-top: 50px;
	padding: 50px;
	background-color: #f8f8f8;
}

.rnd .footnote h5 {
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}

.rnd .footnote ul {
	margin-bottom: 15px;
}

.rnd .footnote ul:last-child {
	margin: 0;
}

.rnd .footnote ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 11px;
	line-height: 26px;
	background-size: 3px;
	color: #666;
}

.rnd .footnote ul li strong {
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.rnd .footnote {
		padding: 7%;
	}
	.rnd .footnote ul li {
		background-position: 0 9px;
		font-size: 13px;
		line-height: 20px;
	}
}

.rnd .sec03 h4.section_title {
	border: none;
}


/***** 안전/환경 경영 *****/
.safety_environment .page_spot {
	background-image: url(../img/rnd/page_title_bg1.jpg);
}

.safety_environment .mission {
	position: relative;
	z-index: 1;
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
}

.safety_environment .mission img {
	width: 100%;
}

.safety_environment .mission .summary {
	padding-bottom: 65px;
	background: url(../img/rnd/development_summary.png) no-repeat center 50px;
	text-align: center;
	width: 80%;
	margin: -30px auto 0;
}
.safety_environment .mission .summary strong {
	font-size: 25px;
	color: #101010;
	font-weight: 500;
}

.safety_environment .mission .summary p {
	padding-top: 60px;
	font-size: 19px;
	line-height: 25px;
	color: #333;
}

.safety_environment .cell {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 45px;
	padding-bottom: 45px;
}

.safety_environment .cell:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.safety_environment .cell.last{
    border-bottom: 2px solid #d2d2d2;
	text-align: center;
}

.safety_environment .cell .left {
	float: left;
}

.safety_environment .cell .left h4 {
	font-size: 25px;
	margin-bottom: 15px;
}

.safety_environment .cell .left p {
	font-size: 15px;
	margin-bottom: 15px;
}

.safety_environment .cell .left ul li {
	font-size: 15px;
	background: url(../img/common/icon_bull.png) no-repeat left 8px;
	background-size: 3px;
	margin: 2px 0;
	padding-left: 10px;
	color: #888;
}
.safety_environment .cell .right {
	float: right;
}

.safety_environment .cell h4.section_title {
	margin-bottom: 45px;
}

.safety_environment .cell ul.certificate_list li {
	display: inline-block;
	float: left;
	margin-left: 20px;
}

.safety_environment .cell ul.certificate_list li:first-child {
	margin-left: 0;
}

.safety_environment .cell ul.certificate_list li a {
	display: block;
}

.safety_environment .cell ul.certificate_list li strong {
	display: block;
	text-align: center;
	margin: 20px 0;
	font-size: 18px;
}

.safety_environment .certificate_pop_wrap{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.9);
}

.safety_environment .certificate_pop_wrap .pop_box{
    position: absolute;
    top: 50%;
    left: 50%;
}

.safety_environment .certificate_pop_wrap .pop_box.vertical{
    width: 500px;
    height: 710px;
    margin: -355px 0 0 -250px;
}

.safety_environment .certificate_pop_wrap .pop_box.horizontal{
    width: 500px;
    height: 710px;
    margin: -355px 0 0 -250px;
    text-align: center;
}

.safety_environment .certificate_pop_wrap .close_btn{
    position: absolute;
    right: -58px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../img/rnd/close_btn.png) no-repeat right top;
    text-indent: -9999px;
}

.safety_environment .certificate_list{
    display: inline-block;
}

/***** 투자정보 *****/

.ir .hgroup{border-bottom: 1px solid #d2d2d2;}

.ir .page_spot {
	background-image: url(../img/ir/page_title_bg.jpg);
}

.ir.eng .page_spot {
	background-image: url(../img/ir/page_title_bg.png);
}


.ir h4.section_title {
	padding-top: 45px;
	padding-bottom: 25px;
}

.ir h4.section_title.underline:after {
	bottom: 15px;
}

.ir h5.sub_title {
	padding-bottom: 25px;
}

.ir .tabContent {
	display: none;
}

.ir .tabContent.on {
	display: block;
}

.ir.disclosure .section .pc{
	position: relative;
}

.ir.disclosure .pc .btn_st01:hover {
    background: url(../img/ir/move_icon_on.png) 85% 50% no-repeat;
    border: 1px solid #e71a0f;
}

.ir.disclosure .pc .btn_st01 {
    position: absolute;
    left: 50%;
    margin-left: -90px;
    top: 320px;
    background: url(../img/ir/move_icon_off.png) #e71a0f 85% 50% no-repeat;
}

.ir.disclosure .pc a {
    width: 180px;
    height: 45px;
    line-height: 45px;
    padding-left: 15%;
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.ir.disclosure .pc a:hover {
    color: #e71a0f;
}

.ir.disclosure .mobile {
    display: none;
}

/* 경영정보 */
.governance .section {
	padding-top: 100px;
}
.governance .section.sec01 {
	padding-top: 0;
}

.governance .sec03 .table {
	margin-bottom: 100px;
}

.governance .sec03 .table.last {
	margin-bottom: 0px;
}

.governance .overview_pc {
	display: block;
}

.governance .overview_mobile {
	display: none;
}

.governance_tab .tabList li {
	width: 190.8px;
}

.governance_tab .tabContent {
	height: 240px;
	padding: 50px 40px;
	margin-top: 40px;
	border: 1px solid #d2d2d2;
	overflow-y: scroll;
	font-size: 13px;
	line-height: 25px;
	color: #888888;
	box-sizing: content-box;
}
.governance_tab .tabContent h5 {
	font-size: 15px;
	color: #333;
	padding-bottom: 10px;
}

.governance_tab .tabContent h6 {
	padding-top: 20px;
}

.governance_tab .tabContent ol {
	margin-left: 20px;
}

.governance_tab .tabContent ol > li {
	list-style: decimal;
}

.governance_tab .tabContent .list_alph {
	margin-left: 20px;
}

.governance_tab .tabContent .list_deep {
	margin-left: 18px;
}

.governance_tab .tabContent .law {
	padding-top: 50px;
	padding-bottom: 0px;
}

.governance_tab .tabContent ul > li {
	list-style: upper-alpha;
}

.governance_tab .tabContent ul > li > ul > li {
	list-style: lower-roman;
}

.governance_tab .tabContent a {
	color: #e6240f;
}

/* 재무정보 */
.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 p strong{
    margin-right: 10px;
}

.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 p.standard{
	position: relative;
	top: -10px;
	text-align: right;
	float: none;
	padding: 0;
}

.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_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, .graph02 .field01:after, .graph03 .field01:after {
	background: #88aac8;
}

.graph01 .field02:after, .graph02 .field02:after, .graph03 .field02:after {
	background: #57595f;
}

.graph01 .field03:after, .graph02 .field03:after, .graph03 .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;
}
.graph02 .graph_fields{
    top: -10px;
}
.graph02 .graph_unit {
	height: 250px;
	top: -7px;
}
.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: 100%;
}

.graph02 .graph_columns .columns {
	height: 207px;
}

.graph02 .column0101 {
	left: 60px;
	background: #88aac8;
}
.graph02 .column0102 {
	left: 170px;
	background: #57595f;
}
.graph02 .column0103 {
	left: 280px;
	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;
}
.graph03 .graph_fields{
    top: -10px;
}
.graph03 .graph_unit {
	height: 250px;
	top: -7px;
}

.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: 50%;
}

.graph03 .column0101 {
	left: 20px;
}
.graph03 .column0102 {
	left: 75px;
}
.graph03 .column0103 {
	left: 130px;
}
.graph03 .column0201 {
	left: 205px;
}
.graph03 .column0202 {
	left: 260px;
}
.graph03 .column0203 {
	left: 315px;
}
.graph03 .columns li {
	background: #88aac8;
}
.graph03 .graph_columns .columns li.column0101 {
	background-color: #88aac8;
}
.graph03 .graph_columns .columns li.column0102 {
	background-color: #57595f;
}
.graph03 .graph_columns .columns li.column0103 {
	background-color: #e6250f;
}
.graph03 .graph_columns .columns li.column0201 {
	background-color: #88aac8;
}
.graph03 .graph_columns .columns li.column0202 {
	background-color: #57595f;
}
.graph03 .graph_columns .columns li.column0203 {
	background-color: #e6250f;
}
.chart_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.chart_wrap .graph {
	float: left;
}

.chart_wrap .graph03 {
	margin-left: 45px;
}

/* 주가정보 */
.stock .present_price {
	padding: 35px 25px;
	margin-bottom: 130px;
	border: 2px solid #d2d2d2;
	font-size: 15px;
	color: #333333;
}

.stock .present_price:after {
	content: '';
	display: block;
	clear: both;
}
.stock .breadth {
	float: left;
	padding-top: 5px;
}

.stock .breadth:after {
	content: '';
	display: block;
	clear: both;
}

.stock .breadth .price_num {
	float: left;
	line-height: 0.8em;
	font-size: 60px;
	color: #e6240f;
}
.stock .breadth .box {
	float: left;
	line-height: 26px;
	padding-left: 20px;
}
.stock .breadth .box > span {
	display: inline-block;
}

.stock .breadth .fluctuation {
	display: inline-block;
	padding-left: 28px;
	padding-right: 20px;
}
.stock .breadth .fluctuation.maxup {
	background: url(../img/ir/stock_maxup.gif) 10px center no-repeat;
	color: #e6240f;
}

.stock .breadth .fluctuation.up {
	background: url(../img/ir/stock_up.gif) 10px center no-repeat;
	color: #e6240f;
}
.stock .breadth .fluctuation.gen {
	background: url(../img/ir/stock_gen.gif) 10px center no-repeat;
	color: #333;
}

.stock .breadth .fluctuation.down {
	background: url(../img/ir/stock_down.gif) 10px center no-repeat;
	color: #88aac8;
}
.stock .breadth .fluctuation.maxdown {
	background: url(../img/ir/stock_maxdown.gif) 10px center no-repeat;
	color: #88aac8;
}

.stock .price_list {
	float: right;
}

.stock .price_list:after {
	content: '';
	display: block;
	clear: both;
}

.stock .price_list li {
	float: left;
	width: 110px;
	text-align: center;
}

.stock .price_list strong {
	display: block;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #d2d2d2;
}
.stock .yesterday {
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	font-size: 15px;
	color: #888888;
}

/* 공시사항 */
.disclosure h4.section_title {
	padding-bottom: 25px;
}

/* 페이지네이션 */
.paging_area {
	margin-top: 40px;
	font-size: 15px;
	text-align: center;
}

.paging_area a {
	display: inline-block;
	padding: 0 11px;
	color: #888;
	vertical-align: middle;
}

.paging_area a.btn_arrow {
	padding: 1px;
}

.paging_area a.btn_arrow_l {
	padding-right: 22px;
}
.paging_area span.active {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #e6240f;
	color: white;
	line-height: 30px;
	vertical-align: middle;
}
.paging_area a.btn_arrow_r {
	padding-left: 22px;
}

/* IR정보 */
.information .sec1 {
	margin-bottom: 150px;
}

.information .tabList {
	display: none;
}

.information .informationCon {
	display: block;
}
.information .informationCon.on {
	display: block;
}

/***** 인재채용 *****/
.recruit .page_spot {
	background-image: url(../img/recruit/page_title_bg.jpg);
}
.recruit .hgroup {
	padding-bottom: 45px;
}
.recruit h4.section_title {
	padding-bottom: 25px;
}

/* 인재상 */
.talent figure.talented_cell {
	padding-top: 30px;
	margin-bottom: 50px;
	text-align: center;
}
.talent figure.talented_cell strong {
	font-size: 42px;
	color: #e6240f;
}
.talent figure.talented_cell figcaption {
	font-size: 18px;
	margin-top: 20px;
	line-height: 26px;
}
.talent .talented_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.talent .talented_list dl {
	display: inline-block;
	float: left;
	width: 30.20833333333333%;
	margin-left: 04.6875%;
}
.talent .talented_list dl:first-child {
	margin: 0;
}
.talent .talented_list dl .visu {
	position: relative;
}
.talent .talented_list dl img {
	width: 100%;
}
.talent .talented_list dl dt {
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0;
}
.talent .talented_list dl dd {
	font-size: 15px;
}
.talent .talented_list dl dd p {
	margin-top: 10px;
	color: #666;
}
.talent .talented_list dl dd p:first-child {
	margin: 0;
}

.talent .talented_cell {
    padding-top: 30px;
    margin-bottom: 50px;
    text-align: center;
}
.talent .talented_cell img {
    width: 100%;
}

/* 인사/복지제도 */
.hr_principle .hgroup {
	margin-bottom: 0;
	border: none;
}
.hr_principle .cell {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid #d2d2d2;
}
.hr_principle .cell:first-child {
	margin-top: 0;
}
.hr_principle .cell > dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.hr_principle .cell > dl > dt {
	font-size: 20px;
	font-weight: 600;
	float: left;
	width: 33.33333333333333%;
}
.hr_principle .cell > dl > dd {
	float: right;
	width: 66.66666666666667%;
}
.hr_principle .cell > dl > dd strong {
	display: block;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 16px;
}
.hr_principle .cell > dl > dd table.guide_table td {
	word-break: normal;
}
.hr_principle .cell > dl > dd dl.inner_list {
	margin-bottom: 25px;
}
.hr_principle .cell > dl > dd dl.inner_list dt {
	font-weight: 500;
	margin-bottom: 5px;
}
.hr_principle .cell ul {
	padding-top: 40px;
}
.hr_principle .cell ul li {
	font-size: 15px;
	background: url(../img/common/icon_bull.png) no-repeat left 8px;
	background-size: 3px;
	margin: 2px 0;
	padding-left: 10px;
	color: #666666;
}
.hr_principle .manpower_system .sys_inner {
	display: inline-block;
	float: left;
	width: 50%;
}
.hr_principle .manpower_system .sys_inner h5 {
	position: relative;
	display: inline-block;
	font-size: 15px;
	text-align: center;
	width: 100px;
	height: 100px;
	font-weight: 500;
	color: #e6240f;
	padding: 28px 0;
	border: 1px solid #d2d2d2;
	background-color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
}
.hr_principle .manpower_system .sys_inner h5:after {
	content: '';
	position: absolute;
	display: block;
	width: 66px;
	height: 10px;
	bottom: -5px;
	left: 50%;
	margin-left: -33px;
	z-index: -1;
	background: url(../img/recruit/circle_bg.png) no-repeat;
}
.hr_principle .manpower_system .sys_inner ul {
	position: relative;
	top: 10px;
	display: inline-block;
	padding: 10px;
}
.hr_principle .cell.position_system dd img {
	width: 100%;
}
.hr_principle .cell.position_system dd ol li {
	height: 0;
	text-indent: -9999px;
	overflow: hidden;
}
.hr_principle .cell.welfare_list .welfare_box {
	padding-top: 50px;
	margin-top: 50px;
	border-top: 1px dotted #d2d2d2;
}
.hr_principle .cell.welfare_list .welfare_box:first-child {
	border: none;
	padding-top: 0;
	margin-top: 0;
}
.hr_principle .cell.welfare_list .welfare_box:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.hr_principle .cell.welfare_list .welfare_box h5 {
	font-size: 17px;
	font-weight: 500;
	float: left;
}
.hr_principle .cell.welfare_list .welfare_box img {
	float: right;
}
.hr_principle .cell.last {
	padding-bottom: 45px;
	border-bottom: 2px solid #d2d2d2;
}


/* 인재채용 : 리스트 */
.recruit_notice_list .hgroup {
	/* border: none;
	margin-bottom: 0; */
}
.recruit_notice_list .section_title{
	/* font-size: 20px;
	font-weight: 600;
	float: left;
	color: #333; */
}
.recruit_notice_list .cell {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid #d2d2d2;
}
.recruit_notice_list .cell:first-child {
	margin-top: 0;
}
.recruit_notice_list .cell > dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.recruit_notice_list .cell > dl > dt {
	font-size: 20px;
	font-weight: 600;
	float: left;
	width: 33.33333333333333%;
}
.recruit_notice_list .cell > dl > dd {
	float: right;
	width: 66.66666666666667%;
}
.recruit_notice_list .cell > dl > dd > strong {
	display: block;
	font-weight: 500;
	font-size: 15px;
	margin-top: 16px;
}
.recruit_notice_list .cell ul li {
	font-size: 15px;
	background: url(../img/common/icon_bull.png) no-repeat left 8px;
	background-size: 3px;
	margin: 2px 0;
	padding-left: 10px;
	color: #666666;
}
.recruit_notice_list .cell ol.recruiting_system:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}
.recruit_notice_list .cell ol.recruiting_system li {
	position: relative;
	display: inline-block;
	float: left;
	width: 17%;
	margin-left: 3.75%;
	text-align: center;
	padding-top: 17%;
	font-size: 15px;
	font-weight: 500;
}
.recruit_notice_list .cell ol.recruiting_system li:first-child{
    margin-left: 0;
}
.recruit_notice_list .cell ol.recruiting_system li p {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	line-height: 18px;
	/* stops bg color from leaking outside the border: */
}
.recruit_notice_list .cell ol.recruiting_system li p img{
	width: 38px;
	display: block;
	margin: 0 auto 5px;
}
.recruit_notice_list .cell ol.recruiting_system li p span {
	position: relative;
	display: block;
	top: 50%;
	margin-top: -30px;
}
.recruit_notice_list .cell ol.recruiting_system li p span strong {
	margin-right: 5px;
	font-weight: 500;
	color: #e6240f;
}

.recruit_notice_list .cell ol.recruiting_system li p:before {
	content: '';
	position: absolute;
	left: -20%;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url(../img/recruit/icon_arrow.gif) no-repeat center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
}
.recruit_notice_list .cell ol.recruiting_system li:first-child p:before {
	display: none;
}
.recruit_notice_list .cell a.download_btn {
	float: right;
	margin-top: 20px;
	color: #e6240f;
	padding: 0 40px;
}
.recruit_notice_list .cell.last {
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 45px;
}

.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 .rightBtn {
	text-align: right;
	margin-bottom: 20px;
}

.recruit_notice_list .rightBtn a {
	display: inline-block;
	text-align: center;
	width: 163px;
	height: 43px;
	border: 1px solid #b7b7b7;
	line-height: 43px;
	font-size: 15px;
	color: #e6240f;
}


/* 인재채용 : 리스트 추가 */
.recruit_notice_list .recruit_process {
	margin-bottom: 80px;
}

.recruit_notice_list .recruit_process ol{
	margin-bottom:60px;
}


.section_title_ps{
	text-align: center;
    font-size: 14px;
    margin-bottom: 50px;
    margin-top: -20px;
}
.recruit_notice_list .recruit_process ol:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.recruit_notice_list .recruit_process ol li {
	float: left;
	width: 33.333%;
	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: 15px;
}

.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 .recruit_process ol li.step4 .step_inner {
	border: none;
}


.recruit_notice_list .hgroup {
	/* border: none; */
	/* margin-bottom: 0; */
}

.recruit_notice_list table.normal_table span {
	padding: 5px 0;
	width: 80px;
	display: inline-block;
	color: white;
}

@media screen and (max-width: 768px) {
	.recruit_notice_list table.normal_table span {
		padding: 7% 0;
		width: 85%;
	}
}

.recruit_notice_list table.normal_table span.recruit_on {
	background-color: #e6240f;
}

.recruit_notice_list table.normal_table span.recruit_off {
	background-color: #a6a6a6;
}

@media screen and (max-width: 768px) {
	.recruit_notice_list table.normal_table td:nth-child(1), .recruit_notice_list table.normal_table td:nth-child(2), .recruit_notice_list table.normal_table td:nth-child(3), .recruit_notice_list table.normal_table td:nth-child(5), .recruit_notice_list table.normal_table th:nth-child(1), .recruit_notice_list table.normal_table th:nth-child(2), .recruit_notice_list table.normal_table th:nth-child(3), .recruit_notice_list table.normal_table th:nth-child(5), .recruit_notice_list table.normal_table col:nth-child(1), .recruit_notice_list table.normal_table col:nth-child(2), .recruit_notice_list table.normal_table col:nth-child(3), .recruit_notice_list table.normal_table col:nth-child(5) {
		display: none;
	}
	.recruit_notice_list table.normal_table td:nth-child(4), .recruit_notice_list table.normal_table th:nth-child(4) {
		border-left: none;
	}
	.recruit_notice_list table.normal_table td:nth-child(4) {
		text-align: left;
	}
}

.recruit_notice_list .rightBtn {
	text-align: right;
	margin-top: 50px;
}

.recruit_notice_list .rightBtn a {
	display: inline-block;
	text-align: center;
	width: 163px;
	height: 43px;
	border: 1px solid #b7b7b7;
	line-height: 43px;
	font-size: 15px;
	color: #e6240f;
}



/* 인재채용 : 뷰 */
.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: 25px;
	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(../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(../img/etc/page_title_bg.jpg);
}

.etc.eng .page_spot {
	background-image: url(../img/etc/page_title_bg.png);
}

.etc .hgroup {
	padding-bottom: 45px;
	margin-bottom: 45px;
    border-bottom: 1px solid #d2d2d2;
}

.etc h4.section_title {
	padding-bottom: 25px;
}

/* 개인정보처리방침 */
/* .personal_information .hgroup{
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 45px;
} */

.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;
}

.personal_information .select_date .dSelect .default {
	background: url(../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 ul{}
.personal_information .box_term ul li{margin: 5px 0;line-height: 1.5;}
.personal_information .box_term ul li.li-list{padding-left: 10px;}
.personal_information .box_term ul li.li-list.more{padding-left: 30px;}
.personal_information .box_term ul li.list-indent{padding-left: 10px;}

.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;    position: relative;
}

.personal_information .box_term .nu_tt:before {
    content: "▷";
    position: absolute;
    left: 0px;
    top: 0px;
}



.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: 10px 0 20px;
}
.personal_information .box_term .table th{font-size: 14px;}
.personal_information .box_term .table td{font-size: 14px; padding: 10px;}
.personal_information .box_term .table.left td:nth-child(4n){text-align: left; padding-left: 15px;}

.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;
}



/* 이메일 */
/* .email .hgroup{
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 45px;
} */

.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;
}

/* 사이트맵 */
.site_map .hgroup {
	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.eng table.siteMap a {    
	font-size: 16px;
}

.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(../img/common/icon_bull2.gif) no-repeat left;
	background-size: 3px auto;
}
.site_map.eng table.siteMap .sitemap_list li{
    width: 33.33%;
}

/* 자주하는 질문 */
.faq_section{}
.faq .hgroup {
	margin-bottom: 0;
}

.faq_list {
	border-bottom: 2px solid #d2d2d2;
	font-size: 18px;
	color: #333;
}

.faq_list dt {
	padding: 25px 35px 25px 35px;
	border-top: 1px solid #d2d2d2;
	background: url(../img/customer/faq_up_dw.png) no-repeat 910px 26px;
	cursor: pointer;
}

.faq_list dt:before {
	content: "Q. ";
	padding-right: 3px;
}

.faq_list li:first-child dt {
	border-top: 0;
}

.faq_list li.off dt {
	background-position: 910px -174px;
}

.faq_list li.off dd {
	display: none;
}

.faq_list dd {
	padding: 25px 35px 25px 90px;
	min-height: 45px;
	line-height: 28px;
	border-top: 1px solid #d2d2d2;
	background: #e9e9e9 url(../img/customer/faq_icon.png) no-repeat 55px 23px;
	font-weight: 200;
}

.faq_list dd a {
	color: #e71a10;
	text-decoration: underline;
	font-weight: 500;
}

/* faq */
#content_header.faq{background-image:url(../img/faq/faq_bg.jpg);}
.faq_section{margin-bottom:160px; }
.faq_section ul{border-top:2px solid #000; border-bottom:2px solid #000;}
.faq_section li{border-top:1px solid #d2d2d2;}
.faq_section li:first-child{border-top:0;}
.faq_section li a{display:block; padding:30px 35px; background:url(../img/faq/faq_open.png) 95% center no-repeat; font-weight:bold; font-size:18px; color:#333;}
.faq_section li.on a{background-image:url(../img/faq/faq_close.png);}
.faq_section li > div{display:none; padding:25px 40px 25px 85px;background:#f5f5f5 url(../img/faq/faq_reply.gif) 56px 23px no-repeat;}
.faq_section li.on > div{display:block;}
.faq_section li p{font-size:16px; color:#333;}

#content.faq{padding-bottom: 0;}


/***** 고객센터 *****/
.customer .page_spot {
	background-image: url(../img/etc/page_title_bg.jpg);
}

.customer .hgroup {
	padding-bottom: 0;
    border: none;
}

.customer h4.section_title {
	padding-bottom: 25px;
}
/* 신문고 */
.report .hgroup h3.page_title img {/* height: auto; */}
.report .page_spot.report {
    background-image: url(../img/report/page_title_bg.jpg);
}
.codes .terms_text h2 {
    font-weight: 500;
    color: #333;
}
.codes .terms_text li {
    padding-left: 10px;
    font-size: 14px;
    line-height: 2;
}
.report .section.codes {
    padding-top: 0;
    padding-bottom: 100px;
}
/*실전지침*/
.ethics_section{font-size:15px; line-height:150%; padding-top: 43px;}
.ethics_practice h3 {margin-bottom: 20px; font-weight: bold;font-size: 17px;
}
.ethics_section > strong{display:block; margin-bottom:20px; font-weight:bold; font-size:16px;}
.ethics_section em{font-weight:bold;}
.ethics_section > p{margin-bottom:20px;}
.ethics_section > p.mb_40{margin-bottom:40px;}
.ethics_section .dot li{position:relative; padding-left:15px;}
.ethics_section .dot li:before{position:absolute; left:0; top:0; font-size:10px; content:"○";}
.ethics_section .num_l{padding-left:20px; counter-reset:num_l;}
.ethics_section .num_l li{position:relative; padding-left:15px;}
.ethics_section .num_l li:before{position:absolute; left:0; top:0; font-size:10px; counter-increment:num_l; content:"("counter(num_l)")";}
.ethics_section .num_s{padding-left:20px; counter-reset:num_s;}
.ethics_section .num_s li{position:relative; padding-left:15px; color:#888;}
.ethics_section .num_s li:before{position:absolute; left:0; top:0; font-size:12px; counter-increment:num_s; content:counter(num_s)".";}

.ethics_practice h4{margin-bottom:20px; font-weight:bold;}
.ethics_practice ol{margin-bottom:20px;}
.ethics_practice li{margin-bottom:10px;}
.ethics_practice > ol > li{margin-bottom:30px;}
.ethics_practice > ol > li > p{margin-bottom:20px;}
.ethics_practice > ol > li > ol{padding-left:20px; /*font-size:12px;*/}
.ethics_practice > ol.etc_ol > li {margin-bottom:10px;}
.ethics_section .oath_ul li{margin-bottom:10px;}
table.normal_table td.practice {text-align: left; padding: 20px;}

/*서약서*/
.report .mission .summary .oath{
    text-align: left;
    line-height: 2;
}

.report .mission .summary .oath p{
    font-size: 15px;
    position: relative;
    padding-left: 15px;
    padding-top: 5px;
}

.report .mission .summary .oath p:before{
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 10px;
    content: "○";
}

.codes .terms_text h2{
    font-weight: 500;
    color: #333;
}

.codes .terms_text h3{
    padding-left: 10px;
    padding-bottom: 10px;
}

.codes .terms_text li{
    padding-left: 10px;
	font-size: 14px;
	line-height: 2;
}



/*제보이용안내*/
.report .page_spot.report {
    background-image: url(../img/report/page_title_bg.jpg);
}

.report .mission {
	position: relative;
	z-index: 1;
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 2px solid #d2d2d2;
}

.report .mission img {
	width: 100%;
}

.report .mission .summary {
	padding-bottom: 20px;
	background: url(../img/report/development_summary.png) no-repeat center 10px;
	text-align: center;
	width: 80%;
	margin: 30px auto 0;
}
.report .mission .summary strong {
	font-size: 25px;
	color: #101010;
	font-weight: 500;
	display: none;
}

.report .mission .summary p {
	padding-top: 60px;
	font-size: 17px;
	line-height: 25px;
	color: #333;
}

/*제보대상*/

.report h4.section_title{
    font-size: 25px;
}

.report .section {
	/* padding-top: 20px; */
}
.report .mission {
	position: relative;
	z-index: 1;
}

.report .depth2{
    padding: 0;
}

.report .mission h4 {
	height: 0;
	text-indent: -999px;
	overflow: hidden;
}

.vision .mission img {
	width: 100%;
}

.report ul.vision_list {
	border-top: 2px solid #000;
	border-bottom: 2px solid #d2d2d2;
	margin-top: 30px;
}

.report ul.vision_list:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.report 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;
}
.report ul.vision_list li.item:after {
	content: '';
	display: block;
	position: absolute;
	right: 35px;
	top: 65px;
	width: 82px;
	height: 82px;
}
.report 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: 20px;
	font-weight: 500;
	color: #101010;
}
.report ul.vision_list li.item p {
	padding: 18px 0 34px;
	color: #333;
	font-size: 18px;
	font-weight: 500;
}

.report ul.vision_list li.item ul.detail_li li {
	padding-left: 10px;
	background: url(../img/common/list-style01.gif) no-repeat 0 10px;
	color: #888;
	font-size: 15px;
	line-height: 24px;
}
.report ul.vision_list li.item01 {
	height: 150px;
	border-right: 1px solid #d2d2d2;
}

.report ul.vision_list li.item01:after {
	background: url(../img/report/guide_icon1.png) no-repeat;
}
.report ul.vision_list li.item02 {
	height: 150px;
}

.report ul.vision_list li.item02:after {
	background: url(../img/report/guide_icon2.png) no-repeat;
}

.report ul.vision_list li.item03 {
	height: 150px;
	border-right: 1px solid #d2d2d2;
}

.report ul.vision_list li.item03:after {
	background: url(../img/report/guide_icon3.png) no-repeat;
}
.report ul.vision_list li.item04 {
	height: 150px;
}

.report ul.vision_list li.item04:after {
	background: url(../img/report/guide_icon4.png) no-repeat;
}

.report ul.vision_list li.item05 {
	height: 150px;
	border-right: 1px solid #d2d2d2;
}

.report ul.vision_list li.item05:after {
	background: url(../img/report/guide_icon5.png) no-repeat;
}
.report ul.vision_list li.item06 {
	height: 150px;
}

.report ul.vision_list li.item06:after {
	background: url(../img/report/guide_icon6.png) no-repeat;
}

/*제보하기 폼 form*/
.tabContents .cont {
    height: 240px;
    padding: 30px 15px;
    margin-top: 40px;
    border: 1px solid #d2d2d2;
    overflow-y: scroll;
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    box-sizing: content-box;
    display: block;
}

.report .mission .summary p.iden{
    padding: 20px 0;
    margin-bottom: -50px;
    font-size: 20px;
}

.apply-form {
    overflow:hidden;
    letter-spacing:-1px; 
    /*display: none;*/
}
.apply-form .tbl-form {
    table-layout:auto;
}
.apply-form .tbl-form th {
    width:15%; 
    font-size: 15px;
}
.apply-form .tbl-form th.num{
    width:5%;
    background: #e5e5e5;
    text-align: center;
    padding: 0;
}
.apply-form .tbl-form th.num .apply_del{
    border: 1px solid #cbcbcb;
    text-align: center;
    background: #fff;
    padding: 3px 0 3px 10px;
    width: 35px;
    margin: 5px auto;
    font-size: 13px;
    font-size: 1.3rem;
    position: relative;
}

.apply-form .tbl-form th.num .apply_del:before{
    content: '';
    position: absolute;
    left: 3px;
    top: 12px;
    width: 9px;
    height: 3px;
    background: #fff url(../../images/sub/tour_apply_minus_ico2.png) no-repeat;
}

.apply-form .tbl-form th.num .apply_del:hover{
    background: #e40101;
}
.apply-form .tbl-form th.num .apply_del:hover:after{
    content: '';
    position: absolute;
    left: 3px;
    top: 12px;
    width: 9px;
    height: 3px;
    background: url(../../images/sub/tour_apply_minus_ico_on.png) no-repeat;
}
.apply-form .tbl-form th.num .apply_del:hover a{
    color: #fff;
}

.tbl-form {border-top:2px solid #2b405b;border-bottom:1px solid #bbb;width:100%;border-collapse:collapse;clear:both;table-layout:fixed;}
.tbl-form th {    
    background: #fdfdfd;
    padding: 14px 10px 13px 18px;
    font-size: 1em;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #ccc;
    color: #555;
    text-align:left;
}
.tbl-form th label {position:relative;display:inline-block; font-weight: 500;}
.tbl-form th label sup{
    color: #e6250f;
    font-size: 18px;
    vertical-align: -webkit-baseline-middle;
}
.tbl-form th label .nec {background:url(../../images/board/ico_nec.png) no-repeat 0 5px;text-indent:-9999px;display:block;width:9px;height:15px;position:absolute;top:0;right:-15px;padding:0}
.tbl-form td {border-top:1px solid #ccc;padding:14px 0 13px 18px; font-size: 14px;}
.tbl-form th.line {border-left:1px solid #000;}
.tbl-form td label {margin:0 5px; vertical-align: baseline;}
.tbl-form td input.text {height:38px;}
.tbl-form td pre {width:570px;white-space:pre-line;line-height:160%;}
.tbl-form td input.text, .tbl-form td select.select, .tbl-form td button {/*vertical-align:middle;*/}
.tbl-form td input[type="file"] {width:auto; /* border:1px solid #f1f1f1; */ }
.tbl-form td input[type="radio"], .tbl-form td input[type="checkbox"] {
    width:13px; margin: 3px;}
.tbl-form td .stit {display:inline-block;margin-right:15px;}
.tbl-form td ul li span.b.cblue1 {display:inline-block; 
    /**display:inline; *zoom:1;*/ 
    display:inline; 
    vertical-align:top;width:55px;
}
.tbl-form .info-ex01, .tbl-form .info-ex02, .tbl-form .info-ex03 {background-position:0 0;font-size: 15px; font-size: 1.5rem; margin: 2px 0;}
.tbl-form a.sw-btn span, .tbl-form a.sg-btn span {padding:13px 9px;}
.tbl-form input.sw-btn, .tbl-form input.sg-btn, .tbl-form input.sp-btn, .tbl-form input.sdp-btn, .tbl-form button.sw-btn, .tbl-form button.sg-btn, .tbl-form button.sp-btn, .tbl-form button.sdp-btn {height: 40px;}


.terms_text{/*overflow-x:hidden; overflow-y:auto; height:306px; padding:20px; margin-bottom:20px; background:#fff; line-height:200%;*/}
.terms_text h1{margin-bottom:30px; font-weight:bold; font-size:18px; text-align:center;color: #222; display: none;}
.terms_text h2{margin-bottom:20px; font-size:16px; color:#e71a10; padding-left: 10px;}
.terms_text h3{font-size:14px; color:#333;}
.terms_text h2 + ol{padding-left:10px;}
.terms_text h3 + ol {padding-left:10px; margin-bottom:20px;}
.terms_text p {padding-left:10px; padding-bottom: 10px;}
.terms_text p:last-child{margin-bottom:20px;}
.terms_text ol{/*padding-left:20px;*/}
.terms_text ol.b_num ol{padding-left:0;}
.terms_text li{font-size:13px; color:#888;}
.terms_text ol.b_num > li{margin-left:15px; list-style:decimal;}
.terms_text table{width:100%; margin-bottom:20px; text-align:center;}
.terms_text th{background:#f5f5f5; color: #000;  font-weight: 500;}
.terms_text th, .terms_text td{height:30px; padding:5px; border:1px solid #888; line-height: 1.6;}
.terms_text .txt{margin-bottom:20px; color:#1d1d1d; font-size: 14px; padding-bottom: 10px;}
.terms_text dl{margin-bottom:20px; padding-left: 10px;}
.terms_text dt{color:#333;}
.terms_text dd{padding-left:10px; margin-bottom:10px; color:#888;}
.terms_radio{text-align:right;}
.terms_radio input{margin:0 8px 0 20px; vertical-align:middle;}


.btn_area {
    margin: 30px auto 70px;
    text-align: center;
}
.btn_area button {
    width: 145px;
    height: 45px;
    background: #e71a0f;
    font-size: 15px;
    color: #fff;
}
td input[type=text], td select {
    width: 270px;
    height: 42px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    padding: 10px;
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
}

td input[type=text].w176, td select.w176{
    width: 176px;
    margin: 0 5px;
}

td input[type=text].w176:first-child, td select.w176:first-child{
    margin-left: 0;
}

.tbl-form td.tel{}
.tbl-form td.tel span{padding-top: 8px; display: inline-block;}
.tbl-form td.email span{padding-top: 8px; display: inline-block;}

td input[type=text].w176e, td select.w176e{
    width: 176px;
    margin: 0 5px;
}

td input[type=text].w176e:first-child, td select.w176e:first-child{
    margin-left: 0;
}

.report td .textarea {
    /*position: relative;
    width: 98%;
    height: 241px;
    padding: 20px;
    border: 1px solid #c2c2c2;
    font-size: 13px;
    color: #b2b2b2;*/
    width: 95%;
}

.report td .textarea textarea {
    /*position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 241px;
    padding: 20px;
    background: transparent;
    border: 0;
    font-family: 'Noto Sans', sans-serif, Helvetica;
    resize: none;*/
    
    width: 100%;
    height: 250px;
    padding: 20px;
    font-family: 'Noto Sans KR', sans-serif, Helvetica;
}

.report .field p{
    padding-bottom: 20px;
}
.report td .file{overflow:hidden; position:relative;}
.report td .file_input{}
.report td .file_input div{overflow:hidden;}
.report td .file_input input[type=file]{position:absolute; left:-1000em; top:0;}
.report td .file_input label{float:left; width:142px; height:40px; padding-top:8px; margin:0; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; font-size:15px; text-align:center; color:#888; vertical-align:middle;}
.report td .file_input .file_area{padding-top:3px;}
.report td .file_input div button{float:left; width:40px; height:40px; border:1px solid #c2c2c2; font-size:30px; color:#c2c2c2; vertical-align:middle;}
.report td .file_input div span{overflow:hidden; float:left; width:400px; height:30px; padding-top:10px; margin-left:5px; font-size:15px; color:#888; vertical-align:middle; text-overflow:ellipsis;}
.report td .file p{
    padding-top: 3px;
    font-size: 13px;
    letter-spacing: -0.5px;
    width: 75%;
    color: #e6250f;
}
.report td .file label{cursor: pointer;}
.report .btn_area{margin-bottom: 0px;}

.nec{}
.nec sup{
    color: #e6250f;
    font-size: 18px;
    vertical-align: -webkit-baseline-middle;
}

/*레이어팝업*/
.anonymous_wrap{display:none; position:fixed; left:0; top:0; z-index:5000; width:100%; height:100%; background:url(../img/report/anonymous_wrap_bg.png) 0 0 repeat;}
.anonymous_wrap.on{display:block;}
.anonymous_pop{position:fixed; left:50%; top:50%; z-index:5010; width:500px; height:1000px; padding:40px 50px 40px; margin:-161px 0 0 -238px; background:url(../img/report/anonymous_pop_bg.jpg) 0 0 no-repeat;}
.anonymous_pop h1{font-weight:bold; font-size:22px; text-align:center;}
.anonymous_pop p{margin-bottom:15px; font-size:14px; color:#888;}
.anonymous_pop .btn_area{text-align:center; margin: 10px auto;}
.anonymous_pop .btn_area button{width:145px; height:45px; background:#e71a0f; font-size:15px; color:#fff;}
 /* //레이어팝업*/


/* //제보하기 폼 form*/









/* 고객문의 */
.inquiries .inquiries_title {
	margin-bottom: 50px;
}

.inquiries .inquiries_title:after {
	content: '';
	display: block;
	clear: both;
}

.inquiries .inquiries_title h4 {
	float: left;
	color: #888888;
	font-size: 18px;
}

.inquiries .inquiries_btns {
	float: right;
}

.inquiries .inquiries_btns:after {
	content: '';
	display: block;
	clear: both;
}

.inquiries .inquiries_btns .inquiries_btn {
	float: left;
}

.inquiries .inquiries_btns .inquiries_btn.fa {
	margin-right: 6px;
}

.inquiries .inquiries_term {
	height: 280px;
	line-height: 25px;
	padding: 44px 35px;
	border: 1px solid #d2d2d2;
	color: #888888;
	font-size: 15px;
	overflow-y: scroll;
}

.inquiries .inquiries_term h4 {
	color: #333;
	font-weight: 500;
	font-size: 18px;
}

.inquiries .inquiries_term h5 {
	padding-top: 48px;
	font-weight: 500;
	font-size: 18px;
}

.inquiries .inquiries_term strong {
	display: block;
	padding-top: 25px;
	padding-bottom: 5px;
	font-weight: 500;
}

.inquiries .inquiries_term p {
	padding-left: 15px;
	padding-bottom: 5px;
}

.inquiries .inquiries_term li {
	padding-left: 15px;
	padding-bottom: 5px;
}

.inquiries .inquiries_term a {
	color: #888;
	font-weight: 500;
}

.inquiries .inquiries_term .tt {
	padding-left: 0;
	padding-top: 60px;
	color: #333;
}

.inquiries .terms_radio {
	margin: 15px 0px 60px;
	text-align: right;
	color: #333333;
	font-size: 15px;
}

.inquiries .terms_radio input {
	margin: 0 8px 0 20px;
	vertical-align: middle;
}

.inquiries .dSelect.field {
	width: 275px;
}

.inquiries .dSelect.field .default {
	background: url(../img/common/dSelect.gif) 260px 18px no-repeat;
}

.inquiries .dSelect.mail3 {
	display: inline-block;
	width: 203px;
	margin-left: 13px;
	color: #333;
}

.inquiries .dSelect.mail3 .default {
	background: url(../img/common/dSelect.gif) 188px 18px no-repeat;
}

.inquiries .footnote {
	margin-bottom: 8px;
	text-align: right;
	font-size: 13px;
	color: #e6240f;
}

.inquiries .submit_btn {
	display: block;
	width: 143px;
	height: 44px;
	line-height: 43px;
	margin: 40px auto 0px;
	border: 1px solid #b7b7b7;
	color: #333333;
	font-size: 15px;
	text-align: center;
}

.inquiries .inquiries_pc {
	display: block;
}

.inquiries .inquiries_mobile {
	display: none;
}


.inquiries .inquiries_mobile dl {
	text-align: center;
	padding-bottom: 7%;
	border-bottom: 2px solid #d2d2d2;
}

.inquiries .inquiries_mobile dl dt {
	margin-bottom: 5px;
	font-size: 20px;
}

.inquiries .inquiries_mobile dl dd a {
	font-size: 15px;
	color: #e6240f;
}

.report_input {
	width: 100%;
	border-top: 2px solid #000;
	border-bottom: 2px solid #d2d2d2;
	text-align: left;
	vertical-align: middle;
}

.report_input th {
	padding-left: 51px;
	border-bottom: 1px solid #d2d2d2;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
}

.report_input th span {
	color: #e6250f;
}

.report_input td {
	padding: 19px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 15px;
	color: #888888;
}

.report_input td input[type=text] {
	height: 42px;
	width: 275px;
	line-height: 42px;
	padding-left: 10px;
	border: 1px solid #c2c2c2;
	box-sizing: border-box;
}

.report_input td .stxt {
	padding-top: 5px;
	font-size: 13px;
	color: #888;
}

.report_input td input {
	font-family: 'NotoSans', sans-serif, Helvetica;
}

.report_input td input.title {
	width: 737px;
	font-size: 14px;
	color: #333333;
}

.report_input td .textarea {
	width: 717px;
	height: 241px;
	padding: 10px;
	border: 1px solid #c2c2c2;
	font-size: 14px;
	font-family: 'NotoSans', sans-serif, Helvetica;
	font-size: 15px;
	color: #333333;
	box-sizing: content-box;
}

.report_input td .file {
	overflow: hidden;
	position: relative;
}

.report_input td .file p {
	padding-top: 10px;
	font-size: 13px;
	letter-spacing: -1px;
}

.report_input td .file_input {
	color: #333333;
}

.report_input td .file_input div {
	overflow: hidden;
}

.report_input td .file_input div span {
	overflow: hidden;
	float: left;
	width: 400px;
	height: 30px;
	padding-top: 10px;
	margin-left: 5px;
	font-size: 15px;
	vertical-align: middle;
	text-overflow: ellipsis;
}

.report_input td .file_input input[type=file] {
	position: absolute;
	left: -1000em;
	top: 0;
}

.report_input td .file_input label {
	float: left;
	width: 142px;
	height: 30px;
	padding-top: 8px;
	margin: 0;
	border: 1px solid #c2c2c2;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: content-box;
}

.report_input td .file_input .file_area {
	padding-top: 3px;
}

.report_input td.mail p {
	padding-top: 10px;
	font-size: 13px;
	letter-spacing: -1px;
}

.report_input td.mail span {
	margin: 0 13px;
}

.report_input td.mail .mail1 {
	width: 255px;
}

.report_input td.mail .mail2 {
	width: 225px;
}

.file_input div button {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #c2c2c2;
	border-left: 0;
	font-size: 30px;
	color: #c2c2c2;
	vertical-align: middle;
}


/* 뉴스룸 추가 */
.newsroom_noResult { min-height:200px;}
.newsroom_noResult p { margin-top:10px; padding:28px 0; background-color:#fff; text-align:center; font-size:17px; font-weight:normal; color:#222;}

.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;}

/* 사회공헌 추가 */

.social .page_spot {
	background-image: url(../img/rnd/page_title_bg1.jpg);
}

.social .hgroup {
	border-bottom: 1px solid #d2d2d2;
}

.social h5 {
	line-height: 30px;
	color: #333;
	font-size: 25px;
}

.social h5 span {
	display: block;
	color: #888;
	font-size: 18px;
	line-height: 24px;
}
.social strong {
	line-height: 28px;
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: 500;
}
.social .sec01 {
	padding: 60px 0;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}
.social .sec01.last {
	border-bottom: 2px solid #d2d2d2;
}
.social .sec01 h5 {
	float: left;
	width: 300px;
}

.social .sec01 h5 p.txt{
    color: #888;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}

.social .sec01 .con {
	float: right;
	width: 583px;
}

.social .sec01 .con.ethics {
	width: auto;
}

.social .sec01 strong {
	padding-bottom: 20px;
}
.social .sec01 p {
	padding-bottom: 50px;
	line-height: 24px;
	color: #888;
	font-size: 15px;
}
.social .sec01 .link {
	text-align: right;
}

.social .sec01 .link a {
	display: inline-block;
	height: 43px;
	line-height: 44px;
	padding: 0 20px;
	margin-top: 27px;
	font-size: 15px;
	font-weight: 500;
	color: #e6240f;
	border: 1px solid #d2d2d2;
}

.social .sec01 .link a:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-bottom: -2px;
	background: url(../img/common/go_site_icon.png) no-repeat;
}
.social .sec01 .img {
	display: block;
	width: 100%;
}
.social .sec01 .img_m {
	display: none;
	width: 100%;
}
.social .sec01.last {
	padding-top: 50px;
	padding-bottom: 45px;
	border-bottom: 2px solid #d2d2d2;
}
.social .sec05 ul.social_list {
	border-bottom: 1px solid #d2d2d2;
}
.social .sec05 ul.social_list li {
	overflow: hidden;
	padding: 50px 0;
	border-bottom: 1px solid #d2d2d2;
}
.social .sec05 ul.social_list li:first-child {
	padding-top: 0;
}
.social .sec05 ul.social_list h5 {
	float: left;
	width: 370px;
	min-height: 10px;
	font-size: 25px;
	color: #333;
	font-weight: 500;
}
.social .sec05 ul.social_list .list_con {
	float: left;
	width: 590px;
}
.social .sec05 ul.social_list .list_con strong {
	display: block;
	font-size: 18px;
	color: #333;
}
.social .sec05 ul.social_list p {
	padding: 13px 0 50px;
	font-size: 15px;
	color: #888;
	line-height: 24px;
}
.social .sec05 ul.social_list .social_img {
	display: block;
	width: 100%;
}
.social .sec05 .social_img_m {
	display: none;
	width: 100%;
	margin-bottom: 20px;
}

/* 윤리경영 */
.ethics .btn_wrap{text-align:right; padding-top:28px;}
.ethics .btn_wrap .link{display:inline-block; height:44px; line-height:42px; padding:0px 20px; font-size:15px; font-weight:500; color:#e6240f; border:1px solid #d2d2d2;}
.ethics .btn_wrap .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-1px; background:url(../img/common/go_site_icon.png) no-repeat ; }

/* 관리자 로그인 */
.manager img {
	width: 100%;
}
.manager .table_wrap.login_inp {
	padding: 8% 7%;
	background-color: rgba(255,255,255,0.9) !important;
	text-align: left !important;
	width: 50%;
	margin: -41% auto 0;
	display: block;
	position: relative;
	border: 0 !important;
}
.manager .btn-success{
	background-color: #ee2e24;
	border-color: #ba1a12;
}
.manager .btn-success:hover{
	background-color: #ba1a12;
	border-color: #ba1a12;
}

.col-lg-12 .intro_img{
	text-align: center;
}
.ready{
	text-align: center;
    font-size: 23px;
    border: 1px solid #ddd;
    padding: 100px 0;
    font-weight: 500;
	line-height: 1.8;
	background: url(../img/company/ready_bg01.png) no-repeat 0 bottom, url(../img/company/ready_bg02.png) no-repeat 100% 0;
}
.ready p{
    font-size: 17px;
    color: #999;
    font-weight: 400;
}

@media screen and (max-width: 640px) {
	.ready {
		font-size: 20px;
		background: url(../img/company/ready_bg01.png) no-repeat -100% 100%, url(../img/company/ready_bg02.png) no-repeat 105% 0;
	}
	.ready p{font-size: 15px;}
}



.brochure {}

.section .brochure_box {
    position: relative;
    height: 690px;
    padding: 78px 0px 0px 500px;
    margin-bottom: 225px;
    background: #f2f2f2;
}

.section .brochure_box.last {
    margin-bottom: 76px;
}

.section .brochure_box .brochure_img {
    position: absolute;
    left: 59px;
    top: 78px;
    width: 370px;
}

.section .brochure_txt1 {
    font-size: 18px;
    color: #888;
    line-height: 26px;
}

.section .brochure_txt1 strong {
    display: block;
    color: #e6240f;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section .brochure_txt2 {
    padding: 10px 0px 30px;
    font-size: 18px;
    color: #656565;
}

.section .brochure_index {}

.section .brochure_index strong {
    display: block;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}

.section .brochure_index .brochure_index_inner {
    margin-top: 10px;
    width: 425px;
    padding-top: 15px;
    border-top: 1px solid #bdbdbd;
}

.section .brochure_index .brochure_index_inner:after {
    content: '';
    display: block;
    clear: both;
}

.section .brochure_index ol {
    float: left;
    width: 170px;
    color: #888888;
    line-height: 28px;
    font-size: 15px;
}

.section .brochure_index ol:first-child {
    width: 180px;
}

.section .brochure_index .brochure_index_inner ol li {
    margin-left: 13px;
    text-indent: -7px;
}

.section .brochure_index .brochure_index_inner ol li strong {
    display: inline-block;
    padding-right: 7px;
    font-weight: 500;
}

.section .brochure_index .btns {
    position: absolute;
    bottom: -125px;
}

.section .brochure_index .download_btn {
    display: inline-block;
    width: 218px;
    color: #000;
    margin-right: 9px;
    margin-bottom: 9px;
}

.section .brochure_index .view_btn {
    height: 43px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #d2d2d2;
    font-size: 15px;
    color: #333333;
    text-align: center;
    display: inline-block;
    width: 218px;
    margin-right: 9px;
}

.section .brochure_index ol strong {
    display: inline-block;
    color: #333;
}

.sustainability .section {
    
    margin: 0 auto;
}


/**********management*********/


.sustainability .page_spot {
    background-image: url(../img/sustainability/page_title_bg.jpg);
}

.sustainability .eng .page_spot {
    background-image: url(../img/sustainability/page_title_bg.png);
}

.sustainability .hgroup {
    border-bottom:0px solid #d2d2d2;
	margin: 0 auto;
    padding-bottom: 0px;
}

.bbg_parttern {
    width: 100%;
    height: 926px;
    background: url(../img/sustainability/pattern_back.png)no-repeat;
    background-size: 100%;
    border: 1px solid #D0CFCD;
    box-sizing: border-box;
}

.bbg_textarea {
    width: 560px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    height: auto;
}

.bbg_textarea h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px
}

.bbg_textarea h2 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 60px;
    line-height: 80px;
}

.bbg_textarea h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 60px;
    line-height: 80px;
}

.bbg_textarea .sp_text {
    font-size: 22px;
    padding-top: 50px;
    text-align: left;
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 40px;
}

.bbg_textarea .sp_text2 {
    font-size: 22px;
    padding-top: 50px;
    color: #777;
    text-align: left;
    display: block;
    line-height: 50px;
}

.bbg_textarea .sp_text3 {
    text-align: right;
    display: block;
    margin-top: 50px;
}

.bbg_textarea .mad {
    margin-left: 80px;
}

.bwd {
    width: 660px !important;
}


/************23.02.24추가(이기성)**************/

/* 지속가능경영 > ESG 경영 */
.sustainability .page_title {

    padding-bottom: 45px;
    margin: 0px auto;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}

.sustainability .page_title.ty-2 {
    border-bottom: 1px solid #e8e8e8;
}

.sustainability .page_title.ty-3 {
    margin-top: 141px;
    border-bottom: 1px solid #e8e8e8;
}

.sustainability .page_title.ty-3 {
    margin-top: 141px;
    border-bottom: 1px solid #e8e8e8;
}

.sustainability .stitle {
    text-align: center;
    font-size:27px;
    font-weight: 600;
    color: #000;
    margin-top: 0px;
}

.sustainability .section h1{font-size:25px; font-weight:600; text-align:center;}
.sustainability .section .sec02 p{font-size:15px; margin-top:10px; }
.sustainability .section .sec02 p strong{text-indent:-20px;}
.sustainability .page_title.ty-2 {
    border-bottom:0px solid #e8e8e8;
}


.sustainability .img_box {
    margin-top: 105px;
    overflow: visible !important;
    /*height: 300px;*/
}

.sustainability .img_box ul li {
    overflow: visible !important;
    height: auto;
	padding-bottom:100px;
}

.sustainability .img_box img {
    width: 90%;
}

.sustainability .esg_list {
    margin-top: 105px;
    display: flex;
    flex-wrap: wrap;
}

.sustainability .esg_list dt {
    flex: none;
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 24px;
    font-weight: 800;
    color: #000;
    text-align: center;
    border: 2px solid #d9d9d9;
}

.esg_list dd {
    flex: none;
    background-color: #909090;
    padding: 41px 27px;
    margin-top: 26px;
    width: calc((100%/3) - 13.5px);
}

.esg_list dd + dd {
    margin-left: 20px;
}

.esg_list dd > ul > li {
    position: relative;
    padding-left: 10px;
    color: #fff;
    font-size: 20px;
}

.esg_list dd > ul > li::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.sustainability .section p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
}

.imgbox_underline p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
	margin-bottom: 10px;
}



.sustainability_title {
    padding-bottom: 8px;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}

.sustainability .sus_title {
    display: block;
    margin-bottom: 10px;
    font-size: 25px;
    color: #333333;
}


.sustainability .tabContents{width:100%; margin:0px auto; padding-top:50px;}
.sustainability .tabList{width:100%; margin:0px auto;}
.sustainability .tabList li{width:318px;}
.sustainability .sec01 .imgbox_underline{padding-bottom:50px; min-height:432px; background:url(../img/sustainability/sustainability01.jpg) no-repeat 0px -23px; border-bottom:2px solid #d2d2d2;}
.sustainability .sec02 .imgbox_underline{padding:50px 0px; min-height:174px; background:url(../img/sustainability/sustainability02.jpg) no-repeat 0px -29px;  border-bottom:2px solid #d2d2d2;}
.sustainability .sec03 .imgbox_underline{overflow:hidden; padding-top:50px; padding-bottom:50px; border-bottom:2px solid #d2d2d2;}
.sustainability .sec03 .imgbox_underline .text_con{float:left;}
.sustainability .sec03 .imgbox_underline .tt{padding-top:20px; color:#333333; font-size:15px;}
.sustainability .sec03 .imgbox_underline .img_btn{float:right;}
.sustainability .sec03 .imgbox_underline .img_btn a{margin-left:20px;}
.sustainability .sec04{overflow:hidden; border-bottom:2px solid #d2d2d2;}
.sustainability .sec04 .sus_title{float:left; padding-top:50px;}
.sustainability .sec04 .sustainability_list{float:right; width:770px; padding:50px 0px; background:url(../img/sustainability/sustainability_icon.png) no-repeat right 48px; overflow:hidden;}
.sustainability .sec04 .sustainability_list .item{float:left; padding:70px 0px 0px 60px;}
.sustainability .sec04 .sustainability_list .item:first-child{padding-left:0px;}
.sustainability .sec04 .sustainability_list .title{line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.sustainability .sec04 .sustainability_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(/resource/images/sustainability/sustainability_list.png);}
.sustainability .sec04 .sustainability_list .tt{padding-top:20px; font-size:15px; color:#888888}
.sustainability .sec05 { padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.sustainability .sec05 .goals_list { margin-top:55px; border:none; }
.sustainability .sec05 .goals_list .item { position:relative; padding-left:212px; width:100%; border:none; text-align:left; }
.sustainability .sec05 .goals_list .item + .item { margin-top:55px; }
.sustainability .sec05 .goals_list .item::before { content:''; display:block; position:absolute; width:97px; height:104px; top:-9px; left:41px; background:url(../img/sustainability/goals_icon.png) no-repeat 0 0; }
.sustainability .sec05 .goals_list .item1::before { background-position:0 0; }
.sustainability .sec05 .goals_list .item2::before { background-position:-107px 0; }
.sustainability .sec05 .goals_list .item3::before { background-position:-214px 0; }
.sustainability .sec05 .goals_list .item4::before { background-position:-321px 0; }
.sustainability .sec05 .goals_list .item5::before { background-position:-428px 0; }
.sustainability .sec05 .goals_list .title{ font-size:18px; color:#333; font-weight:500; margin-bottom:6px;  }
.sustainability .sec05 .goals_list ul > li {position: relative;
    color: #888;
    padding-left: 10px;
    font-size: 18px;
    width: 100%;
	border:none;
	float:none;
	line-height: 23px;
	text-align:left;
	
	}
	.sustainability .sec05 .goals_list  ul {border:none;}
.sustainability .sec05 .goals_list ul > li + li { margin-top:5px; }
.sustainability .sec05 .goals_list ul > li::before { content:''; display:block; position:absolute; top:10px; left:0; background-color:#e6240f; width:3px; height:3px; border-radius:3px; }
.sustainability .policy { padding-bottom:100px; border-bottom:2px solid #d2d2d2; }
.sustainability .policy .policyList dt, .policy .policyList .info {font-size:18px;font-weight:500;color:#888;line-height:28px;margin-bottom:20px; margin-top:25px; }
.sustainability .policy .policyList dd{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:10px}
.sustainability .policy .policyList dd.indent{ position:relative; padding-left:20px; }
.sustainability .policy .policyList dd.indent::before { content:''; display:inline-block; position:absolute; top:14px; left:0; background-color:#777; width:5px; height:5px; border-radius:5px; }
.sustainability .policy .tit{display:block;text-align:center;font-size:25px;font-weight:500;letter-spacing:-1px}
.sustainability .policy .stit{display:block;text-align:center;font-size:20px;font-weight:500;color:#E6240F;margin:20px 0 40px 0;letter-spacing:-0.02px}
.sustainability .policy .name, .safePolicy .name { text-align:right; color:#333; margin-bottom:15px; }
.sustainability .safePolicy .name { color:#333 !important; }
.sustainability .policy .sign,  .safePolicy .sign { text-align:right; }





/****상생경영*****/

.sustainability .winwin .section{/* border-top:1px solid #d2d2de; */}
/*.winwin .section:last-child{border-bottom:2px solid #d2d2de}*/
.sustainability .link{display:inline-block; height:43px; line-height:44px; padding:0px 20px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.sustainability .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-1px; background:url(../img/sustainability/go_site_icon.png) no-repeat ; }
.sustainability .section.sec02 {padding:0px 0 50px 0}
.sustainability .section.sec02 .in_box + .in_box{margin-top:50px}
.sustainability .section.sec02 .in_box > .title_box{position:relative}
.sustainability .section.sec02 .in_box > .title_box .title{font-size:25px;color:#333;}
.sustainability .section.sec02 .in_box > .title_box .desc{font-size:15px;color:#888888;display:block;margin:15px 0 0;}
.sustainability .section.sec02 .in_box > .title_box .link{position:absolute;right:0;top:0}
.sustainability .section.sec02 .title_box + .title{margin-top:16px}
.sustainability .in_box > .title{display:block;font-size:18px;font-weight:500;}
.sustainability .title{}
.sustainability .title + .winwin_list2 {margin-top:30px}
.sustainability .title + .list{margin-top:24px}
.sustainability .list.bg01{background:url(../img/sustainability/winwin_img02.png) no-repeat 50% 58%}
.sustainability .list.bg01:after{display:block;content:'';clear:both}
.sustainability .list.bg01 > div:nth-child(1){float:left}
.sustainability .list.bg01 > div:nth-child(2){float:right}
.sustainability .list > div,
.sustainability .list > li{/* border:1px solid #D2D2D2; */}
.sustainability .list > div{width:256px;}
.sustainability .list .title{padding:22px;box-sizing:border-box;text-align:Center;color:#333;background:#F2F2F2}
.sustainability .list .title strong{font-size:15px;line-height:25px;}
.sustainability .list .title strong:after{content:'';display:inline-block;;vertical-align:middle}

.sustainability .list .title.type2{background:#E6240F;color:#fff}
.sustainability .list .title + .bul_list{border-top:1px solid #D2D2D2}
.sustainability .list .bul_list{padding:16px;box-sizing:border-box}

.sustainability .list.row:after{display:block;content:'';clear:both}
.sustainability .list.row > li{float:left;width:432px;height:82px;margin-left:92px;margin-top:12px; border:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.sustainability .list.row > li:nth-child(-n+2){margin-top:0}
.sustainability .list.row > li:nth-child(odd){margin-left:0}
.sustainability .list.row > li:after{display:block;content:'';clear:both}
.sustainability .list.row .title{width:144px}
.sustainability .list.row .bul_list{width:286px;height:100%}
.sustainability .list.row .title,
.sustainability .list.row .bul_list{float:left}
.sustainability .list.row .title + .bul_list{border:0;border-left:1px solid #D2D2D2}

.sustainability .list.row .title{padding:0;height: 100%;}
.sustainability .sec01_link{text-align: right;border-top:1px solid #d2d2de;}
.sustainability .sec01_link .link{margin-top:40px}
.sustainability .tabList li{width:290px; } 
.sustainability .sec01{padding:0px 0 150px 0;}
.sustainability .sec01:after{display:block;content:'';clear:both}
.sustainability .sec01 .left_box {float:left;}
.sustainability .sec01 .img_box {float:right;}
.sustainability .winwin_title{font-size:25px;; color:#333;margin-bottom:25px;}
.sustainability .winwin_con{line-height:24px; font-size:15px; color:#888888;}
.sustainability .winwin_con strong{display:block; padding-bottom:21px; line-height:24px; font-size:18px; color:#333333;}
.sustainability .sec02 .img_box {margin:30px 0 40px; text-align:center;}
.sustainability .sec02 .list_txt {margin:20px 0 0;}
.sustainability .sec02 .list_txt > li {margin:18px 0 0;font-size:15px; border:none !important; display:block; width:100%; text-align:left; line-height:30px;}
.sustainability .sec02 .do_btn {display: inline-block;height: 43px;line-height: 44px;padding: 0px 20px;font-size: 15px; font-weight: 400; color: #e6240f;border: 1px solid #d2d2d2;}
.sustainability .sec02 .do_btn:before {content: "";display: inline-block;width: 14px;height: 17px;margin-right: 5px; margin-bottom: -2px;background: url(../img/sustainability/ico_file.png) no-repeat;}
.sustainability .sec02 .link_area {text-align:right;margin:50px 0 0;}
.sustainability .sec03{padding:0px 0 50px 0;}
.sustainability .sec03 .title_box .title {font-size:25px;margin-bottom:15px;color:#333;display:block;}
.sustainability .sec03 .title_box .desc {font-size:18px;margin-bottom:39px;;color:#333;font-weight:400;}
.sustainability .winwin_list2 li.list1 {
    background-position: 0px 28px;
}

.sustainability  .list > div, .winwin .list > li {
    border: 1px solid #D2D2D2;
}

.sustainability .list.row .title {
    padding: 0;
    height: 100%;
}
.sustainability  .list.row .title strong {
    display: inline-block;
    vertical-align: middle;
}

.sustainability  .list.row .title:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}



.sustainability  .list.row .title strong {
    display: inline-block;
    vertical-align: middle;
}

.sustainability .list .bul_list li:after {
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    width: 3px;
    height: 3px;
    margin-top: -2px;
    border-radius: 1.5px;
    background: #E6240F;
}
.sustainability .list .bul_list li {
    position: relative;
    padding-left: 6px;
    font-size: 15px;
    line-height: 25px;
    color: #333;
    width: 100%;
    text-align: left;
    border: none;
}
.sustainability  .in_box > .title {
    display: block;
    font-size: 18px;
    font-weight: 500;
}
.sustainability .sec02 .list_txt > li ul {list-style:none !important;
	}
.sustainability .sec02 .list_txt > li {
    margin: 18px 0 0;
    font-size: 15px;
}
.sustainability .winwin{}
.sustainability .section_title{padding-bottom:25px; text-align:left;}
.sustainability .sec01{}
.sustainability .sec02 .sus_title{padding-bottom:40px;}
.sustainability .winwin_list1 li{padding:45px 0px; border-top:1px solid #d2d2d2;}
.sustainability .winwin_list1 li:first-child{border-top:0}
.sustainability .winwin_list1 dl:after{content:""; display:block; clear:both;}
.sustainability .winwin_list1 .winwin_title{float:left; width:328px; font-size:25px;; color:#333;}
.sustainability .winwin_list1 .winwin_con{float:left; width:632px; line-height:24px; font-size:15px; color:#888888;}
.sustainability .winwin_list1 .winwin_con strong{display:block; padding-bottom:21px; line-height:24px; font-size:18px; color:#333333;}
.sustainability .winwin_list2:after{content:""; display:block; clear:both;}
.sustainability .winwin_list2 li{float:left;width:25% !important;border:1px solid #d2d2d2;border-left:0;background:url(../img/sustainability/winwin_icon.gif) no-repeat;text-align:center;} 
.sustainability .winwin_list2 li:first-child{border-left:1px solid #d2d2d2;}
.sustainability .winwin_list2 li.list1{background-position:0px 57px;}
.sustainability .winwin_list2 li.list2{background-position:-240px 57px;}
.sustainability .winwin_list2 li.list3{background-position:-480px 57px;}
.sustainability .winwin_list2 li.list4{background-position:-720px 57px;} 
.sustainability .winwin_list2 a{display:block; padding:109px 0px 72px; font-size:14px; color:#e6240f;font-weight:400;}
.sustainability .winwin_list2 a:after{content:""; display:inline-block; background:url(../img/sustainability/download_icon.png) ; width:13px; height:13px; margin-left:5px;}

.sustainability .list.row .title{padding:0;height: 100%; }
.sustainability.list.row .title:before{content: ""; display: inline-block;width: 1px; height: 100%;vertical-align: middle;}
.sustainability  .list.row .title strong{display: inline-block; vertical-align: middle;}
.sustainability .sec01_link{text-align: right;border-top:1px solid #d2d2de;}
.sustainability  .sec01_link .link{margin-top:40px}


/* 지속가능경영 > 윤리경영*/
.sustainability .esec01 {
    padding: 0px 0 25px;
}
.sustainability.esec02 {
    padding: 28px 0 0px;
}
.sustainability .esec01 .ethics_box {
    height: 354px;
    padding: 50px 0px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;

}
.sustainability .esec01 .ethics_box p{font-size:15px; color:#888;}
.sustainability .esec01 .ethics_box {
    height: 454px;
    padding: 50px 0px;
    position: relative;
    border-bottom: 1px solid #d2d2d2;

}
.bhrnone{border:none; border-bottom: 1px solid #d2d2d2; padding-bottom:30px;     border: none;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 50px;
    position: relative;
}



.sustainability .esec01 .ethics_box span img {
    position: absolute;
    right: 10px;
    top: 20%;
}

.sustainability .esec02 .ethics_box {
    height: auto;
    padding: 70px 0px;
    position: relative;
}

.sustainability .esec02 .ethics_box span img {
    position: absolute;
    right: 0px;
    top: 0px;
}
.sustainability .esec02 .ethics_box span img {
    position: absolute;
    right: 0px;
    top: 0px;
}


.sustainability .esec02 .ethics_box span img {
    position: absolute;
    right: 0px;
    top: 0px;
}

.brpb {
    display: block;
}
.sustainability .esec03 .ethics_box {
    height: 451px;
    padding: 0px 0px;
    position: relative;
}

.ethics_box_h300{height:350px !important;}

.sustainability.esec03 .ethics_box {
    height: 540px;
    padding: 0px 0px;
    position: relative;
}
.sustainability .esec02 .esec03 .ethics_box span img {
    position: absolute;
    right: 10px;
    top: 6px;
}
.sustainability .esec02 .ethics_box p {}
    /*font-size: 15px;*/



.sustainability .tabContents .img_btn {
    text-align: center;
    position: absolute;
    right: 0px;
    top: 50px;
}
.sustainability .tabContents .img_btn img{margin-left:20px; }

.sustainability .page_title.ty-3 img {
        width: 100%;
        max-width: 525px;
        margin-top: 50px;
    }
.sustainability .hgroup2 {
    width: 960px;
    margin: 0 auto 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #d2d2d2;
}

.sustainability .hgroup2 h3.page_title {
    text-align: center;
}

.sustainability .hgroup2 h3.page_title img {
    height: 38px;
}
.sustainability .esec03 .ethics_box span img {
    position: absolute;
    right: 10px;
	top:0px;
	width:55%;

}
.sustainability .sec01 .list_1 {
    color: #888;
    line-height: 33px;
    margin-top: 25px;
}

.sustainability  .sec01 .list_1 li {
    position: relative;
    padding-left: 15px;
	width: auto !important;

}



.sustainability .sec01 .list_1 .num {
    position: absolute;
    left: 0;
    top: 0;
}


.sustainability .sec01{font-size: 15px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 50px}

.sustainability .sec02 {
    padding-top: 54px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 50px;
}
.sustainability .sec02 .box1 {
    text-align: center;
    overflow: hidden;
}
.sustainability .sec02 .box1 a {
    float: left;
    display: block;
    width: 223px;
	height:auto;
    margin-right: 15%;
}
.sustainability .sec02 .box1 a:last-child{margin-right:0;}
.sustainability .sec02 .box1 a:first-child{margin-left: 0px;}

.aleft{text-align:left !important;}
.fs18{font-size:15px !important; padding:1%;}

.recruit .labstory{width:100%; overflow:hidden; height:auto; margin-bottom:5%; }
.recruit .labstory ul{}
.recruit .labstory ul li {
    width: 33.3333%;
    margin-right: 0.001%;
    height: auto;
    float: left;
    margin-bottom: 5px;
}
.recruit .labstory ul li img{width:97%;}
.recruit  .pop_layer{width:50%; position:absolute; height:auto; top:0; left:10; z-index:9999;}
.recruit .pop_layer img{width:70%;}


.sustainability .img_area {
  POSITION:ABSOLUTE; 
  TOP:0PX;
  RIGHT:10PX;
}

.sustainability .img_area img{WIDTH:57%;}
.sustainability .btext{font-size:18px;}

.sustainability .wrap_table .tit2 {
    display: block;
    padding-bottom: 20px;
    font-size: 18px;
    color: #333;
}

.sustainability .wrap_table {
    margin-top: 65px;
}
.sustainability .wrap_table .fs0 {
    color: #e6240f;
}



.sustainability .wrap_table .tit1 {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #e6240f;
	margin-bottom: 39px;

}


.sustainability .table_wrap.type2 .table_basic th, .table_wrap.type2 .table_basic td {
    padding: 10px 13px;
    border-top: 1px solid #d2d2d2;
    text-align: left;
    letter-spacing: -0.7px;
}




.sustainability .sec01 .con {
    float: right;
    width: 587px;
    padding-bottom: 20px;
}
.sustainability .sec01 img{ 
   margin-top: 5px;
    overflow: visible !important;
    height: auto; 
	float:right;
	}

.sustainability .sec01 h5 {
    float: left;
    width: 300px;
	font-size:28px;
	text-align: left;
}

.sustainability .sec01 strong {
    line-height: 28px;
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: 500;
}


.sustainability .sec01 h5 span {
    display: block;
    padding-top: 10px;
    color: #888888;
	font-weight:500;
    font-size: 16px;
    line-height: 24px;
}

.sustainability .sec01 strong {
    padding-bottom: 20px;
}
.social .sec01 p {
    padding-bottom: 20px;
    line-height: 24px;
    color: #888888;
    font-size: 15px;
}


.sustainability .sec01 .con p{font-size:14px; line-height:25px;}



.sustainability .sec01 .con img{/*width:100%;*/}

.sustainability .sec01.last {
    padding-top: 50px;
    padding-bottom: 45px;
    border-bottom: 2px solid #d2d2d2;
}
.social .sec01 .link {
    text-align: right;
}

/* .sustainability  .sec01 .link a:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-bottom: -2px;
    background: url(../img/sustainability/go_site_icon.png) no-repeat;

} */
 .sobtn {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    padding: 0px 20px;
    margin-top: 27px;
	float:right;
    font-size: 15px;
    font-weight: 500;
    color: #e6240f;
    border: 1px solid #d2d2d2;
}
 .sobtn a{font-weight:500; line-height:43px; color:#e7240f; font-size:14px;}
.nopd{padding-top:0;}
.pdtop50{padding-top:50px !important;}
.bdroff{border-bottom:0px !important;}
.sustainability .pop_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/sustainability/pop_bg.png);
    z-index: 1000;
}

.sustainability .pop_wrap .pop_box_2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 606px;
    height: 842px;
    margin: -421px 0px 0px -303px;
    background: #fff;
}
.sustainability .pop_wrap .pop_box_2 img{width:100%;}
.sustainability .pop_wrap .close_btn {
    position: absolute;
    right: -52px;
    top: 0px;
    width: 50px;
    height: 50px;
    background: url(../img/sustainability/close_btn.png) no-repeat right top;
    text-indent: -9999px;
}









.sustainability .certificate_pop_wrap{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.8);
}

.sustainability .certificate_pop_wrap .pop_box{
    position: absolute;
    top: 50%;
    left: 50%;
}

.sustainability .certificate_pop_wrap .pop_box.vertical{
    width: 500px;
    height: 710px;
    margin: -355px 0 0 -250px;
}

.sustainability .certificate_pop_wrap .pop_box.horizontal{
    width: 500px;
    height: 710px;
    margin: -355px 0 0 -250px;
    text-align: center;
}

.sustainability .certificate_pop_wrap .close_btn{
    position: absolute;
    right: -58px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../img/rnd/close_btn.png) no-repeat right top;
    text-indent: -9999px;
}

.sustainability .certificate_list{
}
.sustainability .certificate_list li{width:50%;}
.sustainability .certificate_list li:first-child{float:left;}
.sustainability .certificate_list li:last-child{float:right;}
.dpnon{display:none; margin:0 auto;}
.dpblk{display:block; margin:0 auto;}
.wdimgflex{width:100%; margin-left:-25%!important; border:1px solid #d2d2d2;}

#Accordion_wrap {width:100%; margin:0% 0;}
#Accordion_wrap div{font-size:17px; color:#888;  border-bottom: 1px solid #d2d2d2;}
#Accordion_wrap div:last-child{border-bottom: 0px solid #d2d2d2;}
#Accordion_wrap h1 {font-size:20px; color:#333; padding:2% 0; margin-left:1.3%; font-weight:600;}
#Accordion_wrap .Accordion_contents{}
{
  box-sizing: border-box; 
}
  
.que:first-child{
	border-top: 1px solid #333;
	
  }
  .que:last-child{border-bottom:1px solid #333;}
.que{
  position: relative;
  padding: 25px 0;
  cursor: pointer;
  font-size: 14px;
  

  
}
 
.que::before{
  display: inline-block;
  content: '';
  font-size: 17px;
  color: #006633;
  margin: 0 5px;
}
.anw .overwrap_font{float:right; }
.anw .overwrap_font img{margin-right:10px;}
.que.on>span{ color:#E41D1E; font-weight:400;
}
 
.anw {
  display: none;
overflow: hidden;
  font-size: 14px;
  padding: 40px 0;
  
  
}
  
.anw::before {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 0 5px;
}

.arrow-wrap {
  position: absolute;
  top:50%; right: 10px;
  transform: translate(0, -50%);
  
}

.que .arrow-top {
  display: none;
  font-size:30px;
  color:#333;
}
.que .arrow-bottom {
  display: block;
  font-size:30px;
  color:#333;
}
.que.on .arrow-bottom {
  display: none;
  font-size:30px;
  color:#E41D1E;
}
.que.on .arrow-top {
  display: block;
  font-size:30px;
  color:red;}

.home_title_h1{height:50px; font-size:18px; font-weight:bold;}
.home_title_h1::before{content:'*'; color:#E41D1E; font-size:14px; margin-right:5px;}








@media screen and (max-width: 1080px){
.sustainability .certificate_list li{width:45%;}

.wdimgflex{width:40%;margin-left:0px !important;}
.sustainability .sec02 .box1 a {
    /* float: left; */
    display: inline-block;
    width: 25%;
    height: auto;
    margin-right: 70px;
}
.sustainability .sec02 .box1 a img{width:100%;}
.sustainability .certificate_list li:last-child{float:right;}

}

@media screen and (max-width: 1024px) {
.sustainability  .list.row .title strong{font-size:13px; }
.sustainability .sus_title{display: block;
    margin-bottom: 10px;
    font-size: 18px;
	text-align:left;
    
}
.sustainability .page_spot {
    background-image: url(../img/sustainability/page_title_bg.jpg);
}
.sustainability .sec01 .img_box img{width:50%; float:none;}
.sustainability .sec01 h5{font-size:24px;}
.sustainability .sec01 img{ 
	width:100%;
	margin-bottom:15px;
}
.sustainability .tabList li{width:45%;}
.sustainability .tabList li:last-child{float:right;}
.sustainability strong{/* font-size:18px; */}
.sustainability .sec01 .con{width:100%; float:none; font-size:14px; text-align:left !important;}
.sustainability .sec01 .con p{text-align:left; font-size:13px;}
.sustainability .sec01 h5{width:100%;}
.ps_mt0529{	margin-top:0px;}
.sustainability .sec01 h5 span{font-size:14px;}
.sustainability .wrap_table .tit1
.sustainability .sec02 .box1 a {
    float: left;
    display: block;
    width: 33.333%;
    height: auto;
    margin-right: 5%;
}

.sustainability .wrap_table .tit1 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #e6240f;
}


.sustainability .hgroup2{width:90%; padding-bottom: 5px;}
.sustainability .esec02 .ethics_box p{/* text-align:center; */}
.sustainability .section {
    width: 100%;
    margin: 0 auto;
	margin-top:0px;
}
.sustainability .img {
    margin-top: 0px;
    overflow: visible !important;
    height: 250px;
}
.sustainability .tabContents .img_btn{
    text-align:center; position:relative; left:0; right:0;}
.sustainability .tabContents p {
    color: #888888;
    font-size: 18px;
    line-height: 28px;
	text-align:center;
    margin-bottom: 10px;
}
.sustainability .list .bul_list li{font-size:13px;}
.sustainability .esec02 .ethics_box {
    height: auto;
    padding: 0px 0px 90px 0px;
    position: relative;
}
.sustainability .tabContents .img_btn a{}
.sustainability .tabContents .img_btn
.sustainability .tabContents .img_btn a img{width:35%; margin-right:10px;}
    .business .full_section.bm_item .full_section_inner {
        position: relative;
        top: 0;
        left: auto;
        margin-left: 0;
    }
.sustainability .list.row > li{margin-left:13px;}
.sustainability .page_title.ty-3 img {
        width: 100%;
        max-width: 525px;
        margin-top: 50px;
    }
.sustainability .list.row .bul_list {
		width: 100%;
   
}
    .sustainability .esec01 {
        padding: 45px 0 25px !important;
        margin: 0 1%;
    }

    .sustainability .esec02 {
        padding: 45px 0 110px !important;
        margin: 0 1%;
    }
	.sustainability .esec03 {
        padding: 45px 0 50px !important;
        margin: 0 1%;
    }
.sustainability .ethics_box span {
        display: block;
        width: 100%;
        text-align: center;
        /* margin: auto; */
    }
.sustainability .list.row .title{width:25%;}
.sustainability .esec02 .ethics_box span img {
        position: relative;
        right: -10px;
        top: 0px;
    }

.sustainability .hgroup2 h3.page_title {
    text-align: center;
}

.sustainability .hgroup2 h3.page_title img {
    height: 38px;
}
.sustainability .section p {
		font-size: 15px;
		width: 100%;
		line-height: 23px;
		text-align: left;
		/* margin: 0 auto; */
	}

.sustainability .sec05 .goals_list .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 6px;
    margin: 5px 0;
    text-align: left;
}

.sustainability .esec03 .ethics_box {
    padding:14px 0px;
    position: relative;
	/* height: 342px; */
    padding-bottom:0;
    overflow: hidden;
}
.sustainability .esec03 .ethics_box span img {
    position: absolute;
    /* top: 154px; */
	width:59%;
}




.sustainability .winwin_title {
    font-size: 25px;
    color: #333;
	width:100%;
    margin-bottom: 25px;
}
.sustainability .winwin_title p{text-align:center; font-size:20px;}
.sustainability .sec01 .left_box {float:none;text-align:center; }
.sustainability .sec01 .img_box {float:none; width:100%; text-align:center; margin-top:60px; }
.sustainability .link{width:100%; text-align:center; margin-left:0;}

.sustainability .winwin_list2 li.list1{background-position:-14px 28px;}
.sustainability .winwin_list2 li.list2{background-position:-254px 28px;}
.sustainability .winwin_list2 li.list3{background-position:-490px 28px;}
.sustainability .winwin_list2 li.list4{background-position:-730px 28px;}

.sustainability .winwin_list2 a {
    display: block;
    padding: 71px 0px 22px;
    font-size: 13px;
    color: #e6240f;
    font-weight: 400;
}

.sustainability .list.row .bul_list {
    width: 75%;
   
}
.sustainability .list.row > li{width:48%;}

.recruit .labstory ul li {
    width: 49.99999%;
    /* margin-right: 1.2%; */
    height: auto;
    float: left;
    text-align: center;
}



@media screen and (max-width: 768px){
.sustainability .winwin_con strong{font-size:15px;}
.sustainability .winwin_title p{text-align:center; font-size:15px !important;}
.sustainability .page_title.ty-3 {
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 26px;
}
.dpnon{display:block;}
.dpblk{display:none;}
.sustainability .esec01 .ethics_box p {
    font-size: 15px;
    color: #888;
    width: 70%;
    /* text-align: center; */
}
.brpb {display: none;}
}

.sustainability .esec01 .ethics_box p {
    font-size: 15px;
    color: #888;
    width: 70%;
}

.sustainability .esec01 .ethics_box span img {
    position: relative;
    Right: 10px; 
}
.sustainability .winwin_list1 li{width:100% !important;  }
.sustainability .winwin_list2 li{width:100% !important; }
.sustainability .winwin_list3 li{width:100% !important; }
.sustainability .winwin_list4 li{width:100% !important; }
.sustainability .winwin_list2 li{border-bottom:none; border-left:1px solid #d2d2d2;}
.sustainability .winwin_list2 li:last-child{border-bottom:1px solid #d2d2d2;}

.sustainability .winwin_list2 li.list1{background:none;}
.sustainability .winwin_list2 li.list2{background:none;}
.sustainability .winwin_list2 li.list3{background:none;}
.sustainability .winwin_list2 li.list4{background:none;}


.sustainability .winwin_list2 a {
    display: block;
    padding: 21px 0px 22px;
    font-size: 13px;
    color: #e6240f;
    font-weight: 400;
}
.sustainability .list.bg01 {background: url(../img/sustainability/winwin_img02_m.png) no-repeat 50% 50%; background-size:38%;}
.sustainability .list.bg01 div{width:100%;}
.sustainability .list.bg01 > div:nth-child(2){margin-top:200px;}
.sustainability .sec02 .do_btn {
    display: inline-block;
    height: 43px;
    line-height: 44px;
    padding: 0px 20px;
    font-size: 13px;
    font-weight: 400;
    color: #e6240f;
	width:100%;
    border: 1px solid #d2d2d2;
}
 
.sustainability .section.sec02 .in_box > .title_box .title{font-size:22px;}
.sustainability .sec02 .list_txt{margin: 5px 0 0;}
.sustainability .sec02 .list_txt > li{line-height:15px; font-size:14px;}
}




/*2023.08.14추가*/

.sustainability .safePolicy{margin-top:10px; padding-bottom:30px; letter-spacing:-0.5px; }
.sustainability .safePolicy .tit{display:block;text-align:center;font-size:25px;font-weight:500;letter-spacing:-1px; }
.sustainability .safePolicy .stit{display:block;text-align:center;font-size:20px;font-weight:500;color:#E6240F;margin:17px 0 40px 0;letter-spacing:-0.02px}
.sustainability .safePolicy .stit2{display:block;text-align:center;font-size:25px;font-weight:500;color:#E6240F;margin:47px 0 20px 0;letter-spacing:-0.02px}
.sustainability .safePolicy .safePolicyList { margin-bottom:44px; text-align:center; }
.sustainability .safePolicy .safePolicyList dt{font-size:18px;color:#888;line-height:28px;margin-bottom:56px;margin-top: 56px;}
.sustainability .safePolicy .safePolicyList dd{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:15px}
.sustainability .safePolicy .safePolicyList dd:last-child { margin-top:18px; }
.sustainability .safePolicy .safePolicyList .indent{margin-left:15px;text-indent:-15px; margin-bottom:16px;}
.sustainability .safePolicy .safePolicyList.ty-2 { margin-bottom:37px; }
.sustainability .safePolicy .safePolicyList.ty-2 .indent { width:100%; margin:16px auto; text-align:center; }
.sustainability .safePolicy .safePolicyList.ty-2 dd:last-child { margin-top:64px; }
.sustainability .safePolicy .safePolicyList.ty-2 + .name { margin-bottom:6px; }
.sustainability .safePolicy .safePolicyList .indent.cmgt { margin-top:-7px; }
.sustainability .imgbox_underline .sus_title02{display:block;text-align:center;font-size:18px;font-weight:500;color:#333;margin-top:16px;}


.load_box{width:100%; display:flex;text-align: left; gap: 20px; margin-top: 40px;}
.load_box_each{width:310px; border:1px solid #D8D8D8; padding-bottom: 15px;}
.load_box_each_tit{background:#EBEBEB;padding: 25px; margin-bottom: 15px;}
.load_box_each_tit h1{color:#000; font-size:16px !important; font-weight:600; text-align: left !important;}
.load_box_each_tit h1 img{width: 22px !important; margin-left:10px;margin-top: 4px;}
.load_box_each_tit h2{color:#000; font-size:20px; font-weight:800;}
.load_box_each ul{margin-bottom: 10px;}
.load_box_each ul h1{color:#000; font-size:16px !important; font-weight:600 !important;text-align: left !important; border-bottom:1px solid #D0D0D0; margin: 0px 25px 0px 25px; padding: 15px 0px 10px 0px; margin-bottom:15px;}
.load_box_each ul li{color:#6D6D6D; font-size:13px; font-weight:500; border:none; width:100% !important;  padding: 0px 25px 0px 25px; text-align: left; line-height:20px; letter-spacing:-0.6px;}
.load_box_each ul li:first-child {border-left:none;}
.load_box_each ul li strong{color:#E8250F; line-height:22px; letter-spacing:-0.6px; font-weight:700;}
.load_box_each ul h1 p{display: inline-block; width:auto !important; font-size: 12px!important; margin-left: 10px;font-weight: 600;color: #fff !important;background: #483b89;padding: 5px 10px 5px 10px;line-height: 20px!important; border-radius: 30px; float: right;}


.load_box2{width:100%; display:flex;text-align: left; gap: 10px; margin-top: 10px;}
.load_box_each2{width:310px; border:1px solid #D8D8D8; padding-bottom: 15px;}
.load_box_each_tit2{background:#EBEBEB; padding: 20px 5px 20px 5px; margin-bottom: 15px;}
.load_box_each_tit2 h1{color:#000; font-size:14px !important; font-weight:500!important; text-align: center !important;     letter-spacing: -0.8px;}
.load_box_each_tit2 h1 img{width: 16px !important; margin-left:10px;margin-top: 3px;}
.load_box_each_tit2 h2{color:#000; font-size:20px; font-weight:800; text-align: center !important;}
.load_box_each2 ul{margin-bottom: 10px;}
.load_box_each2 ul h1{color:#000; font-size:16px !important; font-weight:600 !important;text-align: center !important; border-bottom:1px solid #D0D0D0; margin: 0px 25px 0px 25px; padding: 20px 0px 25px 0px; margin-bottom:15px;}
.load_box_each2 ul li{color:#6D6D6D; font-size:13px; font-weight:500; border:none; width:100% !important;  padding: 0px 15px 0px 15px; text-align: left; line-height:20px; letter-spacing:-0.6px;}
.load_box_each2 ul li strong{color:#E8250F; line-height:22px; letter-spacing:-0.6px; font-weight:700;}
.load_box_each2 ul h1 p{display: inline-block; width:auto !important; font-size: 13px!important; margin-left: 10px;font-weight: 600;color: #fff !important;background: #483b89;padding: 5px 10px 5px 10px;line-height: 26px!important; border-radius: 30px; float: right;}
.load_box_each2 ul li:first-child, .menu ul li:first-child {border-left:none;}


.red_c{background:#E8250F; width:14px; height:14px; border-radius: 20px; display: inline-block; vertical-align: middle; margin-right:3px;}
.green_c{background:#64AD2D; width:14px; height:14px; border-radius: 20px; display: inline-block; vertical-align: middle;margin-right:3px;}
.yello_c{background:#F9C92D; width:14px; height:14px; border-radius: 20px; display: inline-block; vertical-align: middle;margin-right:3px;}

.cl-1 {
    color: #E6240F !important;
}
.cl-4 {
    color: #E6240F !important;
}
.sustainability .safeVision .sus_title { margin-bottom:15px; font-size:20px; width:90px; height:32px; box-sizing:border-box; border:1px solid #4b5055; text-align:center; line-height:41px; }
.sustainability .safeVision .sus_title.cmgt { margin-top:40px; }
.sustainability .safeVision .sus_title.cmgb { margin-bottom:8px; }
.sustainability .safeVision .safeVision_con { margin-left:56px; text-align:right; max-width:fit-content; }
.sustainability .safeVision .safeVision_con-2 { margin-left:56px; }
.sustainability .safeVision .safeVision_con-2 .safePolicyList .indent { font-size:16px; font-weight:400 !important;}
.sustainability .safeVision .safeVision_con-2 .safePolicyList .indent.cmgt { margin-top:28px; }
.sustainability .safeVision .safeVision_con p { margin-bottom:-5px; font-size:16px; }
.sustainability .safeVision .safeVision_con p.p-2 { font-size:13px; color:#999; margin-top:0; margin-bottom:0; }
.sustainability .safeVision .imgbox_underline{min-height:337px;background:url(/resource/images/sustainability/safety_vision.png) 0px 0px no-repeat; }
.sustainability .safeTarget .imgbox_underline{margin-top:80px}
.sustainability .safeProcedure .imgbox_underline{margin-top:80px;min-height:424px; background:url(/resource/images/sustainability/safety06.png) 0px -45px no-repeat;}
.sustainability .indent{font-size:18px; font-weight:500;color:#333;line-height:32px;margin-bottom:23px;margin-left:15px;text-indent:0px; }
.check_list { margin-top:4px; margin-left:-6px; }
.check_list li { position:relative; margin-left:22px; padding-left:13px; margin-top:6px; }
.check_list li:before { content:''; position:absolute; top:9px; left:-17px; display:inline-block; width:13px; height:15px; background:url(../img/sustainability/ico_check.png) 0 0 no-repeat; }
.mt50{padding-top:50px;}
.txtindent{text-indent:13px; display:block;}
.sustainability .sec05 { padding-bottom:50px; border-bottom:none; margin-top: -50px;}
.sustainability .sec05 .sus_title { font-size:20px; text-align:center; padding-bottom:35px; border-bottom:1px solid #d2d2d2; }
.sustainability .sec05 .work_list { margin-top:45px; }
.sustainability .sec05 .work_list .item { position:relative; padding-left:212px; }
.sustainability .sec05 .work_list .item + .item { margin-top:50px; }
.sustainability .sec05 .work_list .item::before { content:''; display:block; position:absolute; width:97px; height:104px; top:-9px; left:41px; background:url(../img/sustainability/safety_icon.png) no-repeat 0 0; }
.sustainability .sec05 .work_list .item1::before { background-position:0 0; }
.sustainability .sec05 .work_list .item2::before { background-position:-107px 0; }
.sustainability .sec05 .work_list .item3::before { background-position:-214px 0; }
.sustainability .sec05 .work_list .item4::before { background-position:-321px 0; }
.sustainability .sec05 .work_list .title{line-height:30px; font-size:18px; color:#333; font-weight:500; margin-bottom:6px; }
.sustainability .sec05 .work_list ul > li { position:relative; color:#888; padding-left:10px; font-size:18px;}
.sustainability .sec05 .work_list ul > li + li { margin-top:5px; }
.sustainability .sec05 .work_list ul > li::before { content:''; display:block; position:absolute; top:10px; left:0; background-color:#e6240f; width:3px; height:3px; border-radius:3px; }




.sustainability .sec05 .work_list2 { margin-top:45px; }
.sustainability .sec05 .work_list2 .item { position:relative; padding-left:212px; }
.sustainability .sec05 .work_list2 .item + .item { margin-top:50px; }
.sustainability .sec05 .work_list2 .item::before { content:''; display:block; position:absolute; width:97px; height:104px; top:-9px; left:41px; background:url(../img/sustainability/winwin_iconnew.png) no-repeat 0 0; }
.sustainability .sec05 .work_list2 .item1::before { background-position:0 0; }
.sustainability .sec05 .work_list2 .item2::before { background-position:-107px 0; }
.sustainability .sec05 .work_list2 .item3::before { background-position:-214px 0; }
.sustainability .sec05 .work_list2 .item4::before { background-position:-321px 0; }
.sustainability .sec05 .work_list2 .title{line-height:30px; font-size:18px; color:#333; font-weight:500; margin-bottom:6px; }
.sustainability .sec05 .work_list2 ul > li { position:relative; color:#888; padding-left:10px; font-size:18px;}
.sustainability .sec05 .work_list2 ul > li + li { margin-top:5px; }
.sustainability .sec05 .work_list2 ul > li::before { content:''; display:block; position:absolute; top:10px; left:0; background-color:#e6240f; width:3px; height:3px; border-radius:3px; }



.sustainability .winwin .link_area {text-align:right;margin:50px 0 0;}




.landscaping .dpnone{display:none;}
.landscaping .dpblock{display:block;}
.landscaping .btns_area{width:100%;  margin:0 auto;  text-align: center; margin-top:50px; }
.landscaping .btns_area .btns{
    height: 63px;
    background: #fff;
    border: 1px solid #d2d2d2;
    font-size: 17px;
    color: #333333;
    text-align: center;
    display: inline-block;
    width: 358px;
}
.landscaping  .btns_area .btns:after {
    content: '';
    background: url(../img/common/download_icon.png);
    width: 13px;
    height: 13px;
	display:inline-block;
    margin-left: 5px;
}

.landscaping .btns a{line-height:63px;display: inline-block; }




/**이사회**/

.governance .section.sec01{}
.governance .section.sec01 .sec_board
	{display:flex; width:100%; flex-wrap: nowrap; height:auto; overflow:hidden; border-bottom:1px solid #dedede;
		align-content: space-around;
		margin-bottom:5%;
		   
		  justify-content: center;
gap: 120px; padding-bottom:50px;  padding-top:20px;
		}

.governance .section.sec01 .sec_board  .name{font-size:17px; display:inline-block; padding-top:30px; margin-bottom: 13px; font-weight:400;color:#333;    height:24%;}
.governance .section.sec01 .sec_board  .name strong{font-weight:600; font-size:20px; margin-right:5px;}

.governance .section.sec01 .sec_board  .date{font-size:14px; height:25px;}

.governance .section.sec01 .sec_board .history{
margin:15% 0; font-size:14px; font-weight:300; color:#a4a4a4; width:100%;}
.governance .section.sec01 .sec_board  div{ }
.governance .section.sec01 .sec_board .history ul li{ height:30px; font-weight:400;}
.governance .section.sec01 .sec_board .history ul li::before{content: "ㆍ";  color:#e6240f; font-size:12px;}














@media screen and (max-width: 1024px){
.sustainability .safePolicy .name {
    text-align: right;
    color: #333;
    font-weight: 500;
    line-height: 20px;
}
.sustainability .tabContents .img_btn img{margin-left:0px;}
#Accordion_wrap {width:100%; margin:0% 0;}
#Accordion_wrap div{font-size:14px; color:#888;}
#Accordion_wrap h1 {font-size:18px; color:#333; padding:2% 0; margin-left:1.3%; font-weight:600;}


}



@media screen and (max-width: 768px){
#Accordion_wrap h1{padding:3% 0;
font-size:15px;}
.sustainability .tabContents .img_btn{top:25px;}
#Accordion_wrap {width:100%; margin:10% 0% -10% 0%;}
.que {padding:15px 0;}

.que .overwrap_font {overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
	  width:87%;
	  display:inline-block;
	  }
.anw .overwrap_font img{width:48%;}
.anw .overwrap_font img:last-child{margin-right:0;}
.que .arrow-top {
  
  font-size:15px;
  
}
.home_title_h1{height:50px; font-size:15px; font-weight:bold;}
.home_title_h1::before{font-size:12px;}
.sustainability .section .sec02 p{font-size:13px;}
.que .arrow-bottom {
  font-size:15px;
}
.que.on .arrow-bottom {
  font-size:15px;
}
.que.on .arrow-top {
  font-size:15px;
 }
.que span{ font-size: 12px;}
.sustainability .safePolicy .tit{font-size:18px;}
.sustainability .safePolicy .stit{font-size:15px; margin:17px 0 20px 0;}
.sustainability .safePolicy .safePolicyList dt{font-size:15px;}
.sustainability .safePolicy .safePolicyList dd{font-size:15px;}
.sustainability .safePolicy{margin-top: -5px;
    padding-bottom: 10px; 
    letter-spacing: -0.5px;}
	.sustainability .safeVision .sus_title.cmgb{height:20px;}
	.sustainability .safeVision .sus_title{font-size:15px; padding-bottom: 25px; line-height: 28px; }
	.sustainability .safeVision .safeVision_con p{font-size:13px;}
	.sustainability .safeVision .safeVision_con-2 .safePolicyList .indent{font-size:13px;}
	.sustainability .indent{margin-bottom:9px;}
	.sustainability .safeVision .safeVision_con-2 .safePolicyList .indent.cmgt{margin-top:5px;}
	.sustainability .sec05 .sus_title{font-size:15px; padding-top: 11px;}
	.sustainability .sec05 .work_list ul > li {
    font-size: 13px;
    line-height: 25px;
}

.sustainability .sec05 .sus_title{font-size:15px; padding-top: 11px;}
	.sustainability .sec05 .work_list2 ul > li {font-size: 13px;
    line-height: 25px}
.sustainability .sec05 .work_list2 .item::before {
    left: 0px;
    
}
.sustainability .sec05 .work_list2 .item{padding-left:120px;}
.sustainability .sec05 .work_list .item {
    position: relative;
    padding-left: 141px;
}
	.wdwide{width:200%!important;}
	.landscaping .dpnone{display:block;}
.landscaping .dpblock{display:none;}
.sustainability .section h1{font-size:18px;}

}







@media screen and (max-width:640px){
.sustainability .safePolicy .safePolicyList.ty-2 .indent {
    width: 100%;
    margin: 1px auto;
    text-align: left;
}


.sustainability .safePolicy .tit{ font-size: 15px;
    padding-top: 15px;}
.sustainability .safePolicy .stit{font-size:13px; margin:17px 0 20px 0;}
.sustainability .safePolicy .safePolicyList dt{font-size:13px; margin-top:20px; line-height:25px; margin-bottom: 36px;}
.sustainability .safePolicy .safePolicyList dd{font-size:13px;}
.sustainability .safePolicy .safePolicyList.ty-2 .indent{text-align:center; width:100%;}
.sustainability .safePolicy .safePolicyList.ty-2 dd:last-child{margin-top:40px; line-height:25px;}
.sustainability .sec05 .work_list .title{font-size:15px;}
.sustainability .sec05 .work_list .item::before {
    left: 0px;
}
.sustainability .sec05 .work_list .item {
    position: relative;
    padding-left: 110px;
}
.landscaping .btns_area{width:100%;  margin:0 auto;  text-align: center; margin-top:50px; }
.landscaping .btns_area .btns{
    height: 53px;
    background: #fff;
    border: 1px solid #d2d2d2;
    font-size: 15px;
    color: #333333;
    text-align: center;
    display: inline-block;
    width: 258px;
}
.landscaping .btns_area .btns a{line-height:53px;}

}

@media screen and (max-width:360px){
.sustainability .safePolicy .safePolicyList dt{margin-top:30px;}


}
















/*****2024.06.10추가 (조경)*****/
.landscaping .section  .dflora{}
.landscaping .section  .dflora h1{height:100px; font-size:20px; line-height:100px; border-bottom:2px solid #000;}
.landscaping .section  .dflora h1 img{width:12%;}
.landscaping .section  .dflora .df_img{margin:100px 0px 100px 0px; text-align: center; }
.landscaping .section  .dflora .dfimg_text{font-size:17px; text-align:right; display:block; padding-bottom:30px; font-weight:500;}

.landscaping .section  .dflora .df_concept{border-top:1px solid #dedede; border-bottom:1px solid #dedede; }

.landscaping .section .dflora .df_concept div{width:100%; text-align:center; line-height:55px; margin:0 auto; letter-spacing:-0.02rem;}
.landscaping .section .dflora .df_concept div span:first-child{ margin-left:0;}
.landscaping .section  .dflora .df_concept div span{font-size:15px; font-weight:600; margin-left:60px;}

.landscaping .section .dflora .dfbrand{display:flex;justify-content: space-between;
    flex-wrap: nowrap; margin-top:40px; height:auto; overflow:hidden; 
    border-bottom: 1px solid #dedede;
    padding-bottom:40px;
	
	
}

.landscaping .section .dflora .dflora_concept{display:flex; margin-top:50px; padding:5% 0% 7% 0; border:1px solid #dedede; flex-direction: column;
    align-items: center;}
.landscaping .section .dflora .dflora_concept p{width:80%;  font-size:17px; font-weight:500;}
.landscaping .section .dflora .dfbrand .dfb_sec{width: calc(33.3% - 0px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 250px;
    /* margin-left: 50px; */
    border-right: 1px solid #dedede;
    position: relative;
    padding-left: calc(5% - 0.4%);
    margin: 0 auto;}
.landscaping .section .dflora .dfbrand .dfb_sec:last-child{border-right:none;}

.landscaping .section .dflora .dfbrand .dfb_sec h1{margin-bottom:0px; border-bottom:0; height:65px;}
.landscaping .section .dflora .dfbrand .dfb_sec h2{margin-bottom:0px; border-bottom:0; height:65px; font-size:1.5rem; font-weight:bold;}
.landscaping  .section .dflora .dfbrand .dfb_sec .pcl{font-size:15px!important; margin-bottom:10px!important; width: 100%;}

.landscaping  .section .dflora .dfbrand .dfb_sec .pcl span{ display:block;  float:right; width:200px; margin-left:0px;}
.landscaping  .section .dflora .dfbrand .dfb_sec .pcl b{float:left;width: 25%;}

.landscaping .section .dflora .dfbrand .dfb_sec p:not(:last-child){ font-size:18px; font-weight:500;margin-bottom:40px;}
.landscaping  .section .dflora .dfbrand .dfb_sec div{   bottom:0px; 
margin: 0 auto;
        left: 0;
        text-align: center;
        width: 100%;
        display: flex;
        position: absolute;
        bottom: 5px;
        justify-content: center;}
.landscaping  .section .dflora .dfbrand .dfb_sec div span{width: 75px;
    margin-right: 8px; 
    font-weight: 600; 
     height: 34px; 
    display: inline-block;
    border: 1px solid #d2d2d2;
     border-radius: 4px; 
    color: #E41D1E;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 33px;
	width:109px;
	margin-right:15px;
    float: left;}
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd .multiply_df{width:56px; border:none ; display:flex;align-items: center; padding:20px;}
.landscaping  .section .dflora .dfbrand .dfb_sec div span:last-child{margin-right:0;}


.landscaping  .section .dflora .dfbrand .dfb_sec .dfbbd{display:flex; position:relative; height:109px; flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;}

.landscaping  .section .dflora .dfbrand .dfb_sec .dfbbd span{width:36%; margin-right:-4%;  display:inline-block;  border-radius:3px; border:1px solid #d2d2d2; text-align:center;}


.landscaping  .section .dflora .dfbrand .dfb_sec .dfbbd span p:first-child{line-height:20px; margin-bottom:10px; font-weight:bold; font-size:14px; height:30px; margin-top:30%}
.landscaping  .section .dflora .dfbrand .dfb_sec .dfbbd span p:last-child{font-size:12px; color:#737373; height:30px;}
.landscaping  .section .dflora .dflora_core{height:auto; overflow:hidden;}
.landscaping  .section .dflora .dflora_core .df_circle{position:relative; margin-top:10%;}

.landscaping  .section .dflora .dflora_core .df_circle ul li{ margin: 0 auto;width:250px; display:inline-block;  height:200px; }
.landscaping  .section .dflora .dflora_core .df_circle ul li img{max-width:100%;}
.landscaping  .section .dflora .dflora_core .df_circle ul li p{text-align: center;
    
    bottom: -153px;
    font-size: 16px;
    margin-top: 30px;
    font-weight: 600;}
.landscaping  .section .dflora .dflora_core .df_circle div{border:1px solid #dedede; height:0px;  width:100%; z-index:-1; top:50%; position:absolute;}
.landscaping  .section .dflora .dflora_core .df_circle ul{display: flex; justify-content: space-evenly;}
.landscaping  .section .dflora .dflora_core .df_circle ul li span{text-align:center; display:block; }

.landscaping  .section .dflora .dflora_core .df_circle ul li .circle{width:100%; height:100%;    
      display:block;}

.landscaping  .section .dflora .dflora_core .des_btom{background:url(/assets/user/img/area/bottom_arrow.png)no-repeat center center;  width:100%; height:230px; margin-top:50px; text-align:Center; background-position:center;
}

.landscaping  .section .dflora .dflora_core .des_btom_text{text-align:center; margin-top:20px;}
.landscaping  .section .dflora .dflora_core .des_btom_text p:first-child{font-size:20px;}

.landscaping  .section .dflora .dflora_core .des_btom_text p:last-child{font-size:35px; color:#455b5e;}

.landscaping .section .dflora .dfbrand .dfb_sec ul{display:flex; height:30px;}
.landscaping .section .dflora .dfbrand .dfb_sec ul li{font-size:15px;}
.landscaping .section .dflora .dfbrand .dfb_sec ul li:first-child{font-weight:bold; width:25%;}
.pcbr{display:none;}
.governance .section p{color:#888888;}
.governance .section  p{font-size:15px; margin-top:5px;}






/* 주주총회 */
.search_area {border:1px solid #D2D2D2;padding-right:65px;position:relative;}
.search_area select {margin:0; padding:0; -webkit-border-radius:0;border:none; width:100%;border-radius:0;vertical-align:middle; outline-style:none;height:47px;padding:0 10px;}
.search_area .btn_search {border-left:1px solid #D2D2D2;font-size:14px;position:absolute;right:0;top:0;width:50px;text-align:center;padding:14px 0;}
.acc_list {margin-top:25px;margin-bottom:25px;border-bottom:1px solid #D2D2D2;}
.acc_item {border-top:2px solid #333;}
.acc_item.on .acc_body {display:block;}
.acc_item.on .acc_head {background:#F5F5F5;}
.acc_item.on .acc_head:before {display:none;}
.acc_head {padding:18px 45px 18px 15px;display:block;position:relative; border-top:}
.acc_head:after {content:"";width:12px;height:2px;background:#333333;position:absolute;right:15px;top:40px;}
.acc_head:before {content:"";width:2px;height:12px;background:#333333;position:absolute;right:20px;top:35px;}
.acc_head .tit {font-size:16px !important;line-height:24px;margin-bottom:4px;}
.acc_head .date {font-size:13px;line-height:19px;color:#888888;margin-bottom:0;}
.acc_body {display:none;font-size:14px !important;line-height:24px;padding:10px 15px 20px 20px; }
.acc_body div  table tbody th{font-weight:600; padding:10px;}
.acc_body div table tbody td{line-height:15px; padding:10px 0;}
.acc_body div table tbody tr td{}
























@media screen and (max-width: 1024px){
.landscaping .section .dflora .dfimg_text{font-size:14px;  padding-bottom:20px;}
.landscaping .section .dflora .df_img{margin:70px 0px 70px 0px}
.landscaping .section .dflora .df_concept div {width:100%; text-align:center;}	

.landscaping .section .dflora .df_concept div span{font-size: 13px;
    font-weight: 600;
    margin-left: 3%;}
.landscaping .section .dflora .dfbrand{margin-bottom:10px;}
.landscaping .section .dflora h1{padding-top:0px; height:98px;}
.landscaping .section  .dflora h1 img{ padding-top: 22px; width:18%;}
.landscaping .section .dflora h2 img{max-width:100%;}
.landscaping .section .dflora .dfbrand .dfb_sec .pcl {
    font-size: 13px !important;
    margin-bottom: 10px !important;
}

.landscaping .section .dflora .dfbrand .dfb_sec {
    padding-left:3%;
   
}

.landscaping .section .dflora .dfbrand .dfb_sec:last-child{}
.landscaping .section .dflora .dfbrand .dfb_sec div span {
    width: 89px;
    margin-right: 8px;
    font-weight: 600;
    height: 34px;
    display: inline-block;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    color: #E41D1E;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 33px;
}
/* .landscaping .section .dflora .dfbrand .dfb_sec .dfbbd span {
		width: 35%;
        margin-right: 26px;
		margin: 0 auto
} */
.landscaping .section .dflora .dfbrand .dfb_sec:first-child {
        padding-left: 4%;
    }
	.landscaping .section .dflora .dfbrand .dfb_sec:last-child {
        padding-left: 4%;
    }
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd span p:first-child{    
    
    font-size: 13px;
    }
	
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd span p:last-child{font-size:11px;}
.landscaping .section .dflora .dfbrand .dfb_sec h2{font-size:20px;}
.landscaping .section .dflora .dflora_concept{padding: 5% 10% 7% 10%;}
.landscaping .section .dflora .dflora_concept p{width:100%; font-size:15px;}

.landscaping .section .dflora .dflora_core .df_circle ul li {
   
    width: 170px;
    
	text-align:center;
    height: 170px;
	
  
}

.landscaping .section .dflora .dflora_core .df_circle ul li p{margin-top:16px; font-size:13px; }

.landscaping  .section .dflora .dflora_core .des_btom{   height:200px; margin-top:50px; text-align:Center; background-position:center;
}

.landscaping  .section .dflora .dflora_core .des_btom_text{text-align:center; margin-top:20px;}
.landscaping  .section .dflora .dflora_core .des_btom_text p:first-child{font-size:20px;}

.landscaping  .section .dflora .dflora_core .des_btom_text p:last-child{font-size:35px; color:#455b5e;}
.landscaping .section .dflora .dflora_core .df_circle ul li span img{width:100%;}
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd .multiply_df {
    width: 60px;
    border: none;
    display: flex;
    align-items: center;
    padding: 20px;
}
.landscaping .section .dflora .dfbrand .dfb_sec .pcl span{width:69%}

.landscaping .section .dflora .dfbrand .dfb_sec ul li{font-size:12px;}
.landscaping .section .dflora .dfbrand .dfb_sec ul li:first-child{width:26%;}
}


@media screen and (max-width: 1023px){
.landscaping .section .dflora .dfbrand .dfb_sec div span {
    padding:0px 0px 10px 0px;
    margin: 0 8px !important;
    font-weight: 600;
    height: 34px;
	line-height:35px;
    display: inline-block;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    color: #E41D1E;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 33px;
	
}

.landscaping .section .dflora .dfbrand .dfb_sec {
        
     
    }
	.landscaping .section .dflora .dfbrand .dfb_sec:first-child {
        padding-left: 4%;
    }
	.landscaping .section .dflora .dfbrand .dfb_sec:last-child {
        padding-left: 4%;
    }
	
	

.landscaping .section .dflora .dfbrand .dfb_sec div span{width: 38%;}
}


@media screen and (max-width: 768px){
.landscaping .section .dflora h1 img {
        padding-top: 0px;
        width: 18%;
    }
	
.landscaping .section .dflora h1{text-align:center; display:block; height: 60px;}
.landscaping .section .dflora h1 img{ width:100px; }
	.landscaping .section .dflora .dfimg_text{text-align:center; font-size:14px;}
	.landscaping .section .dflora .df_img{width: 320px;
        margin: 0 auto;
        padding: 40px 0 50px 0px;}
	.landscaping .section .dflora .df_concept {text-align: center;
    
}
.landscaping .section .dflora .df_concept div span {
        font-size: 12px;
        margin-left: 1%;
    }
.landscaping .section .dflora .dfbrand {
    display: flex;
    flex-direction: column;
        flex-wrap: wrap;
    margin-top:0;
    height: auto;
    overflow: hidden;
    border-bottom: none;
    padding-bottom: 20px;

}
.sustainability .esec03 {
        padding: 44px 0 35px !important;
        margin: 0 1%;
    }
.landscaping .section .dflora .dfbrand .dfb_sec {
    width: calc(100% - 1px);
    height: 290px;
	text-align:center;
    /* margin-left: 50px; */
	border-right: none;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding-left: 0%;
    margin: 0 auto;
	margin-top: 40px;
}
.landscaping .section .dflora .dfbrand .dfb_sec:first-child{padding-left: 0%;}
.landscaping .section .dflora .dfbrand .dfb_sec:last-child{padding-left: 0%;}
.landscaping .section .dflora .dfbrand .dfb_sec div {margin: 0 auto; 
        left: 0;
        text-align: center;
        width: 100%;
        display: flex;
		position: absolute;
        bottom: 40px;
        justify-content: center;
	}
.landscaping .section .dflora .dfbrand .dfb_sec h2 {
        font-size: 24px;
}
/* .landscaping .section .dflora .dfbrand .dfb_sec .pcl{padding-left:22%;}
.landscaping .section .dflora .dfbrand .dfb_sec p:not(:last-child){font-size:18px; margin-bottom: 72px;} */

.landscaping .section .dflora .dfbrand .dfb_sec div span{height:40px; line-height:40px; font-size:14px; width:130px}

.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd {
	display:flex;
    flex-direction: row;
	justify-content: center;
    flex-wrap: nowrap;
    height: 125px;
	margin-bottom:20px;
}

.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd span {
    width: 107px;
     margin-right: 0%;
    
}
.landscaping .section .dflora .dflora_concept {
        border: 1px solid #dedede;
        padding: 8% 5% 8% 5%;
		margin-bottom: 30px;
		
    }
.landscaping .section .dflora .dflora_concept p{ font-size:13px;margin:0 auto; text-align:center;}


.landscaping .section .dflora .dflora_core .df_circle div{border:none;}

.landscaping .section .dflora .dflora_core .df_circle ul{display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;}

.landscaping .section .dflora .dflora_core .df_circle ul li {
        width: 190px;
        height: 189px;
        margin-left: 0%;
        text-align: center;
        margin-bottom: calc(95px);
    }


.landscaping .section .dflora .dflora_core .df_circle ul li img{width:100%;}
.landscaping .section .dflora h1{font-size:20px; line-height: normal;}
.landscaping .section .dflora .dflora_core .df_circle ul li p {
        /* margin-top: 55px; */
        font-size: 14px;
		
    }
    .landscaping .section .dflora .dflora_core .des_btom {
        height: 139px;
        margin-top: 20px;
		background-size:90%;
    }
.landscaping .section .dflora .dflora_core .des_btom_text p:first-child {
        font-size: 17px;
    }
	.landscaping .section .dflora .dflora_core .des_btom_text p:last-child {
        font-size:25px;
        color: #455b5e;
    }
	.landscaping .section .dflora .dfbrand .dfb_sec .pcl span{display:flex;}
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd span p{font-size:15px; }
.landscaping .section .dflora .dfbrand .dfb_sec span{
    margin: 0 auto;}
	.landscaping .section .dflora .dfbrand .dfb_sec .pcl{font-size:15px !important;}
	.landscaping .section .dflora .dfbrand .dfb_sec .pcl b { text-align: center;
        width: 35%;}
 .landscaping .section .dflora .dfbrand .dfb_sec .dfb_tarea{
     margin: 0 auto;
        text-align: left;
        width: 60%;
        max-width: 100%;
	
}
.landscaping .section .dflora .dfbrand .dfb_sec ul{width: calc(330px - 1px);
        justify-content: center;
        display: flex;
        height: 28px;
        margin: 0 auto;
    }

.landscaping .section .dflora .dfbrand .dfb_sec ul li:first-child{width:25%;}
.landscaping .section .dflora .dfbrand .dfb_sec ul li:first-child{}
.landscaping .section .dflora .dfbrand .dfb_sec ul li{        font-size: 15px;
        width: 50%;
        text-align: left; }
.pcbr{display:block;}


}
@media screen and (max-width: 640px){
	
	.landscaping .section .dflora .df_concept div{ text-align:left; width:360px; line-height:0;   margin:0 auto; padding:2% 0;}
.landscaping .section .dflora .df_concept div span{ margin-right:20px; text-align:left; font-size:13px; line-height:20px;}
.landscaping .section .dflora .df_concept div{ text-align:center;  line-height:0;   margin:0 auto; padding:2% 0;}
}


@media screen and (max-width: 360px){
.landscaping .section .dflora .df_concept div{text-align: left;
        margin: 0 auto;
        line-height: 19px;
        width: 100%;
        margin-top: 11px;
		margin-left: 11px;}
.landscaping .section .dflora .df_concept div span:first-child{ margin-left: 1%; }
.landscaping .section .dflora .dfbrand .dfb_sec .dfbbd {
	        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
}
.landscaping .section .dflora .dfbrand .dfb_sec .pcl{font-size:13px !important;}
.landscaping .section .dflora .dfbrand .dfb_sec .pcl b { text-align: center; font-size:13px;
        width: 25%;}
		.landscaping .section .dflora .dfbrand .dfb_sec .dfb_tarea{}
.landscaping .section .dflora .df_concept div{ text-align:center;  line-height:0;   margin:0 auto; padding:3% 0;}
.landscaping .section .dflora .df_concept div span{ margin-right:10px; text-align:left;  font-size:13px; line-height:20px; letter-spacing:-0.03rem;}
.landscaping .section .dflora .dfbrand .dfb_sec ul li{font-size: 13px;
        width: 47%;
        text-align: left; }
.landscaping .section .dflora .dfbrand .dfb_sec ul li:first-child{}

}
.sustainability .esec03 .pad{height:auto; padding-bottom:400px; overflow:hidden;}
.sustainability  .road_de{margin-top:5%;}
.sustainability .road_de ul{display:flex;flex-direction: row;flex-wrap: nowrap;justify-content: center; border:none;}
.sustainability  .road_de ul li{width:28%; margin-right:4%; border:none;}
.sustainability  .road_de ul li:last-child{margin-right:0%; }








@media screen and (max-width: 768px){
.sustainability  .road_de ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
	border:none !important;
	
}
.governance .section p{font-size:12px;}
.governance .section.sec01 .sec_board{width:100%;}
.governance .section.sec01 .sec_board .name strong{font-size:15px;}
.governance .section.sec01 .sec_board .date{font-size:12px;}
.governance .section.sec01 .sec_board .name{font-size:15px; margin-bottom: 6px; padding-top:10px;}
.governance .section.sec01 .sec_board .history{font-size:12px;}
.governance .section.sec01 .sec_board .history ul li{height:20px;}
.governance .section.sec01 .sec_board {
    display: flex;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
    align-content: center;
    justify-content: space-evenly;
    padding-bottom: 50px;
    padding-top: 0px;
    flex-direction: column;
    flex-wrap: wrap;
}
.acc_body div  table tbody tr td{font-size:12px;}

.sustainability .road_de ul li{width:60% !important; margin-right:0%; border:none !important; margin-top:5%;}
.sustainability .road_de ul li:last-child{margin-right:0%; border:none !important; }
.acc_body div table tbody th{padding-top:20px; font-size:12px; line-height:15px;}
.acc_body{padding:0;}
}

.sustainability .section .ethics_box .ethics_table_sr {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 67%;
}
.bnbp01{margin:0 auto; width:100%; text-align:center; padding:40px 40px 10px 40px;}
.bnbp_add{width:100%; margin:0 auto; padding-top:24px; font-size:15px; line-height:25px; width:80%; text-align:center;}
.bnbp_h2{color:#333333; font-weight:600; margin:0 auto; width:100%;  margin-top:2%; font-size:20px;padding-top:5%;}



@media screen and (max-width: 1080px){
.sustainability .section .ethics_box .ethics_table_sr{width:100%; position:relative; padding-bottom:20px;}
.bnbp_h2{color:#333333; font-weight:600; margin:0 auto; width:100%;  margin-top:2%; font-size:18px;padding-top:5%;}
}


@media screen and (max-width:640px){
.bnbp_h2{font-size:15px;}
.brbp{display:none;}
}

.sustainability .soc_certificate_list{}
.sustainability .soc_certificate_list li{border:none !important; width:100%;}
.sustainability .soc_certificate_list li a{}
.sustainability .soc_certificate_list img{max-width:500px; border-top:1px solid #dedede; }
.sustainability .soc_certificate_list li:first-child{float:left; border:none !important; }
.sustainability .soc_certificate_list li:last-child{float:right; border:none !important; }



@media screen and (max-width:640px){

.sustainability .soc_certificate_list img{ border-top:1px solid #dedede;max-width:100%; }
.sustainability .soc_certificate_list li:last-child{float:none; border:none !important; width:60%; margin:0 auto; }

}

.bt-line{border-bottom:1px solid #dedede; margin-bottom:4%; width:100%;}









/*추가 2025.0424*/

.ftype{font-size:38px; font-weight:bold; font-family: 'Noto Sans', sans-serif, Helvetica;}


.account .sec_n01 .business_icon {
    border-top: 2px solid #333;
    border-bottom: 2px solid #d2d2d2;
    padding: 20px 0;
    overflow: hidden;
	margin-bottom: 20px;
}

.account .sec_n01 .business_icon li {
    float: left;
    width: 25%;
    min-height: 190px;
    border-right: 1px solid #d8d8d8;
    text-align: center;
    padding: 4% 0 2% 0;
	
}


.wd33p{width:33% !important;}

.account .sec_n01 .business_icon .num01 {
    background: url(../img/area/shape_num01.png) 8% 5% no-repeat;
}

.account .sec_n01 .business_icon .num02 {
    background: url(../img/area/shape_num02.png) 8% 5% no-repeat;
}

.account .sec_n01 .business_icon .num03 {
    background: url(../img/area/shape_num03.png) 8% 5% no-repeat;
}

.account .sec_n01 .business_icon .num04 {
    background: url(../img/area/shape_num04.png) 8% 5% no-repeat;
}

.account .sec_n01 .business_icon .num05 {
    background: url(../img/area/shape_num05.png) 8% 5% no-repeat;
}

.account .sec_n01 .business_icon li:last-child {
    border-right: none;
}

.account .sec_n01 .business_icon li span {
    display: block;
}

.account .sec_n01 .business_icon li .txt {
    margin-top: 22px;
}
.account .sec_n01 .business_icon li .txt strong {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    background: url(../img/areas/icon_line.png) top center no-repeat;
    color: #101010;
    display: block;
}

.account .sec_n01 .business_icon li .txt strong em{    
	display: block;
    font-size: 13.3px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 5px;
}

.account .sec_n01 .business_icon li .txt p {
    color: #444;
    font-size: 14px;
    margin-top: 3%;
	padding: 0 5%;
}
.account .sec_n01 img {
    width: auto;
    max-width: 100%;
}




.account .sec_n02 .business_icon {
    border-top: 2px solid #333;
    border-bottom: 1px solid #d2d2d2;
    padding: 20px 0;
    overflow: hidden;
	height:auto;
	margin-bottom: 20px;
}

.account .sec_n02 .business_icon li {
    float: left;
    width: 25%;
    min-height: 190px;
    text-align: center;
	height:auto;
    padding: 4% 0 2% 0;
	
}

.account .sec_n02 .business_icon li img{width:80%;}











.dpmop{display:none !important;}
.nh12{font-size:20px; font-weight:500; padding:2% 0;  text-align:Center;}

.tdp_tab{ margin:0 auto; font-size:25px; font-weight:600;}

.tdp_tab ul{
    display: flex;			
    flex-direction: row;
	margin-top:5%;
    flex-wrap: nowrap;
    justify-content: center;
	 
}
.tdp_tab ul .on{color:#e6240f; cursor:pointer; filter: grayscale(0); opacity :1; }
.tdp_tab ul .on a{color:#e6240f;}
.tdp_tab ul .on img{filter: grayscale(0); opacity 0.1; margin-right:10px; display:inline-block; vertical-align:top;}
.tdp_tab ul li img{filter: grayscale(1); opacity 0.1; margin-right:10px; margin-top:3px; display:inline-block; }
.tdp_tab ul li:first-child{margin-left:0;}
.tdp_tab ul li{ opacity :0.4;  cursor:pointer;}
.tdpline{font-weight:100; color:#000; opacity :1; line-height:40px; }
.tdp_tab ul li span{}
.tdp_tab ul li:last-child:after{;}
.list02{width:20%; font-size:25px;}
.list03{width:33%;}
.list04{width:25%;}
.list05{width:20%; }
.sectnoline{padding: 10px 0 !important;   border-top:1px solid #fff !important; }
.dpblock{display:block;}
.dpnone{display:none;}
.fltMr{float:left; margin-right:18px; }
.link_btn{
	width:auto;
	padding:1.5% 2% 1.5% 2%;
	line-height: 44px;
	border: 1px solid #d2d2d2;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	color: #e6240f;}

.link_btn:focus{border:1px solid #dedede;}



.link_btn:after{content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	margin-bottom: -2px;
	background: url(../img/common/go_site_icon.png) no-repeat;
	
	}

.he100{height:134px;}
.wd50{width:50% !important;}
.vh60{height:60vh;}
.wd25{width:25% !important;}
.subtab{width:25%;  margin:2% 2% 5% 0%; display:flex;}
.subtab  a{    cursor: pointer;
    font-size: 15px;
    width: 100vh;
    text-align: center;
   }
.subtab  .on{color:#E72511; font-weight:500;}
.subtab  a::after{content: "I"; color:#dedede; margin-left: calc(100% - 44px);}
.subtab a:last-child::after {content: ""; color:#dedede; }






.construction_it_creator_info ul.box2 {
	border: 1px solid #d2d2d2;
	border-top: 2px solid #e6240f;
}

.construction_it_creator_info ul.box2:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.construction_it_creator_info ul.box2 li {
	position: relative;
	float: left;
	width: 25%;
	padding: 154px 50px 30px;
	text-align: center;
	border-left: 1px dotted #dcdcdd;
}

.construction_it_creator_info ul.box2 li:first-child {
	/* border: none; */
}

.construction_it_creator_info ul.box2 li:before {
	content: '';
	position: absolute;
	top: 36px;
	left: 50%;
	width: 130px;
	height: 130px;
	margin-left: -65px;
	background: url(../img/area/construction_it_creator_icon01_re.svg) no-repeat;
}

.construction_it_creator_info ul.box2 li strong {
	font-size: 18px;
	padding-top: 30px;
	display: block;
	height: 165px;
}

.construction_it_creator_info ul.box2 li strong:before {
	content: '';
	background-color: black;
	width: 30px;
	height: 1px;
	display: block;
	margin: 0 auto 30px;
}

.construction_it_creator_info ul.box2 li strong:after {
	content: '';
	width: 60px;
	height: 60px;
	margin: 20px auto 0;
	display: block;
}

.construction_it_creator_info ul.box2 li span {
	font-size: 13px;
	font-weight:600;
	display: inline-block;
}

.construction_it_creator_info ul.box2 li p {
	font-size: 18px;
}


.construction_it_creator_info ul.box2 li h4:after {
    content: '';
    width: 30px;
    height: 1px;
    background-color: black;
    margin: 20px auto 0;
    display: block;
}


.construction_it_creator_info ul.box2 li.box01:after, 
.construction_it_creator_info ul.box2 li.box02:after,
.construction_it_creator_info ul.box2 li.box03:after{
	content: '';
	position: absolute;
	right: -18px;
	top: 50%;
	width: 35px;
	height: 38px;
	margin-top: -19px;
	z-index: 1;
	/* background: url(../img/area/icon_recruit_link.png) no-repeat; */
}



.construction_it_creator_info ul.box2 li.box01 strong:after, 
.construction_it_creator_info ul.box2 li.box02 strong:after, 
.construction_it_creator_info ul.box2 li.box03 strong:after {
	background: url(../img/area/construction_it_creator_icon02.png) no-repeat;
}
.construction_it_creator_info ul.box2 li.box01:after, 
.construction_it_creator_info ul.box2 li.box02:after, 
.construction_it_creator_info ul.box2 li.box03:after{
    background: url(../img/area/icon_smart_link.png) no-repeat;
}
.construction_it_creator_info ul.box2 li.box04:after {
    /* background-position: 0 -38px; */
}




.construction_it_creator_info ul.box2 li.box01:before {
	background-position: 0 0;
	background-position: 0 -260px;
}

.construction_it_creator_info ul.box2 li.box01 strong:after {
	background-position: 0 0;
}

.construction_it_creator_info ul.box2 li.box02:before {
	background-position: 0 -125px;
}

.construction_it_creator_info ul.box2 li.box02 strong:after {
	background-position: 0 -60px;
}

.construction_it_creator_info ul.box2 li.box03:before {
	background-position: 0 0px;
}

.construction_it_creator_info ul.box2 li.box03 strong:after {
	display: none;
}
.construction_it_creator_info ul.box2 li.box04:before {
	background-position: 0 -410px;
}

.construction_it_creator_info ul.box2 li.box04 strong:after {
	display: none;
}
.construction_it_creator_info .detail img {
    max-width: 100%;
}

.pcblk{margin-top:50px; display:block}
.moblk{display:margin-top:50px;display: none;}

.his01{background:none; font-size:17px; font-weight:600; height:50px;  margin-bottom:0;text-align:left;}
.his02{margin-top:0px !important;}
.mttp15{margin-top:5% !important;}
.n_history{font-size:18px;  height:auto; overflow :hidden; padding-bottom:20px; border-bottom:1px dotted #dedede;}
.n_history ul li:first-child{color:#333; float:left; margin-right:20%;  font-weight:600;}
.n_history ul li:last-child{color:#666;  font-size:14px; line-height:28px; float:left; }
.mtn13{margin-top:18px !important;}
.page_titlearea02 img{width:55%;} 








/* 추가 */
.rndreserch .cont01{overflow: hidden;}
.rndreserch .cont01 .cell{
	float: left;
    width: calc(33.33% - 14px);
    margin-right: 20px;
    padding: 0;
    min-height: 540px;
    border-bottom: 0;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
}

.rndreserch.eng .cont01 .cell{min-height: 500px;}

.rndreserch .cont01 .cell:nth-child(3n){
	margin-right: 0px;
}

.rndreserch .cont01 .cell img{width: 100%;}
.rndreserch .cont01 .cell dl dt{
	float: none;
    width: 100%;
    margin: 20px 0;
    color: #000;
	padding-left: 3px;
}
.rndreserch .cont01 .cell dl dd{
	float: none;
    width: 100%;
}
.rndreserch .cont01 .cell dl dd ul li{
	margin: 10px 0;
    background-position: 0 10px;
}
.rndreserch .cont01 .cell.last{border-bottom: 0;}

/* //추가 */


.rndreserch .sec02 .cell {
	padding: 50px 0 0;
	/* padding: 0; */
}
.rndreserch .sec02 .cell:first-child {padding: 0;}

.rndreserch .sec02 .cell dl dt {
	position: relative;
}

@media screen and (max-width: 768px) {
	.rndreserch .sec02 .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		margin-bottom: 30px;
		background-color: #f6f6f6;
		text-align: center;
		padding: 4% 0;
	}
	.rndreserch .sec02 .cell dl dt p {
		display: none;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -20px 10px 0 0;
		width: 40px;
		height: 40px;
	}
	.rndreserch .sec02 .cell dl dt p img {
		width: 100%;
	}
}

.rndreserch .sec02 .cell dl dd {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #d2d2d2;
}

.rndreserch .sec02 .cell dl dd:last-child {
	margin: 0;
	border: none;
}

.rndreserch .sec02 .cell dl dd strong a {
	color: #e6240f;
}

.rndreserch .sec02 .cell dl dd ul li a {
	color: #e6240f;
}

.rndreserch .cell {
	padding: 50px 0;
	border-bottom: 1px solid #d2d2d2;
}

.rndreserch .cell dl:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.rndreserch .cell dl dt {
	font-size: 20px;
	font-weight: 500;
	float: left;
	width: 33.33333333333333%;
}

.rndreserch .cell dl dd {
	font-size: 15px;
	color: #666;
	float: right;
	width: 66.66666666666667%;
}

.rndreserch .cell dl dd:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
}

.rndreserch .cell dl dd strong {
	font-size: 16px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 500;
}

.rndreserch .cell dl dd ul {
	margin-bottom: 15px;
}

.rndreserch .cell dl dd ul:last-child {
	margin: 0;
}

.rndreserch .cell dl dd ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 7px;
	background-size: 3px;
	color: #666;
}

.rndreserch .cell dl dd ul li strong {
	font-weight: 500;
}

.rndreserch .cell dl dd p {
	font-size: 15px;
	color: #666;
}

.rndreserch .cell dl dd .left {
	float: left;
}

.rndreserch .cell dl dd .right {
	float: right;
}

@media screen and (max-width: 768px) {
	.rndreserch .cell, .rnd .sec02 .cell {
		padding: 8% 0px 8%;
	}

	.rndreserch .cont01 .cell, .rnd.eng .cont01 .cell{
		width: 100%;
		margin: 0 0 10px;
		min-height: auto;
	}

	.rndreserch .cell dl dt {
		font-size: 18px;
		float: none;
		width: 100%;
		padding: 4% 0;
	}

	.rndreserch .cont01 .cell dl dt{
		margin: 15px 0 10px;
		padding: 0;
	}

	.rndreserch .cell dl dd {
		position: relative;
		float: none;
		width: 100%;
	}

	.rndreserch .cell dl dd img {
		width: 100%;
	}
	.rndreserch .cell dl dd > strong {
		font-size: 15px;
		margin-bottom: 10px;
		margin-TOP: 10px;
		display: inline-block;
		font-weight: 500;
	}
	.rndreserch .cell dl dd ul li {
		font-size: 13px;
	}
	.rndreserch .cell dl dd p {
		font-size: 13px;
	}
	.rndreserch .cell dl dd .left {
		margin-right: 100px;
	}
	.rndreserch .cell dl dd .right {
		position: absolute;
		right: 0;
		top: -40px;
	}
}

.rndreserch .cell.last {
	border-bottom: 2px solid #d2d2d2;
}

.rndreserch .footnote {
	margin-top: 50px;
	padding: 50px;
	background-color: #f8f8f8;
}

.rndreserch .footnote h5 {
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}

.rndreserch .footnote ul {
	margin-bottom: 15px;
}

.rndreserch .footnote ul:last-child {
	margin: 0;
}

.rndreserch .footnote ul li {
	font-size: 15px;
	padding-left: 10px;
	background: url(../img/common/icon_bull.png) no-repeat left 11px;
	line-height: 26px;
	background-size: 3px;
	color: #666;
}

.rndreserch .footnote ul li strong {
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.rndreserch .footnote {
		padding: 7%;
	}
	.rndreserch .footnote ul li {
		background-position: 0 9px;
		font-size: 13px;
		line-height: 20px;
	}
}

.rndreserch .sec03 h4.section_title {
	border: none;
}

/* i-AWARDS KOREA 가로형 로고 카드 - PC 전용 */
@media screen and (min-width: 769px) {
	.business_icon li.aw_logo_wide span.marw100 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 70px;
	}
	.business_icon li.aw_logo_wide span.marw100 img {
		width: auto;
		max-width: 160px;
		height: auto;
	}
}

/* 수상 카드 모바일에서 세로 배치 (.wd25의 !important를 영역 한정 override) */
@media screen and (max-width: 768px) {
	.business_icon li.wd25 {
		width: 100% !important;
	}
}

