@charset "UTF-8";

@import url("contents_pc.css");

@media only all and (max-width: 1023px) {
	.span-br {
		display: inline;
	}

	.span-mobile-br {
		display: block;
	}

	.contents-area {
		margin-bottom: 2.5rem;
	}

	.contents-area:last-child {
		margin-bottom: 0;
	}
	
	/*.right-images-box > div:first-child {
		margin-bottom: 1.25rem;
	}
	*/
	.word-gray-box {
		padding-left: 1.25rem;
        font-size: 1.083rem;
        line-height: 1.5rem;
    }

	.title-type01 {
		padding-top: 0.75rem;
		margin-bottom: 0.8333rem;
		font-size: 1.5rem;
		line-height: 1.833rem;
		background-size: 2.083rem 0.125rem;
	}


	.title-type01:after {
		width: 2.125rem;
		height: 0.2083rem;
	}

	.title-type01 > span,
	.title-type02 > span {
		color: #166eb6
	}

	.title-type02 {
		position: relative;
		margin-bottom: 0.4167rem;
		font-size: 1.333rem;
		line-height: 1.833rem;
		background-position: left 0.3333rem;
		background-size: 1.083rem 1.083rem;
	}


	.title-type03 {
		padding-left: 1.875rem;
		margin-bottom: 1rem;
		font-size: 1.5rem;
		line-height: 2.083rem;
		background-size: 1.458rem 1.458rem;
		background-position: 0 0.3333rem;
		word-break: keep-all;
	}

	.title-type04 {
		padding-left: 1.875rem;
		margin-bottom: 0.625rem;
		font-size: 1.25rem;
		line-height: 1.75rem;
	}

	.title-type04:before {
		position: absolute;
		top: 0.7917rem;
		left: 0.9167rem;
		width: 0.375rem;
		height: 0.375rem;
		margin-top: -0.1667rem;
	}


	.title-type0501 {
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: 500;
		line-height: 28px;
		letter-spacing: -0.4px;
		color: #424242;
	}


	.word-title01 {
		display: block;
		margin-bottom: 15px;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px;
		color: #666;
	}

	.word-type01 {
		margin-bottom: 1rem;
		font-size: 1.083rem;
		line-height: 1.5rem;
	}

	.word-type02 {
		padding-left: 1.25rem;
		font-size: 1.083rem;
		line-height: 1.5rem;
	}


	input + .word-notice {
		margin-top: 0.4167rem
	}

	.word-notice.ml10 {
		display: block;
		margin-top: 0.4167rem;
		margin-left: 0 !important;
	}

	.word-notice {
		padding-left: 1.25rem;
		font-size: 0.9167rem;
		line-height: 1.5rem;
	}

	/* PDF 다운로드 */
	.btn-pdf {
		width: auto;
		height: 2.5rem;
	}

	.btn-pdf > strong {
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.btn-pdf > img {
		width: 1.25rem;
		margin-left: 1.083rem;
	}

	.board-list01 table tbody td.title a + .btn-pdf {
		display: inline-block;
		margin-left: 0.7692rem;
		margin-bottom: 0.7692rem;
		padding: 0.5833rem 0.9583rem 0 1.167rem;
	}
	.form-wrapper {
		margin-bottom: 1.875rem;
	}

	.form-wrapper dl {
		padding-left: 6.5rem;
	}

	.form-wrapper dl dt {
		top: 0;
		width: 6.5rem;
		height: auto;
		padding: 0.8333rem 0;
		font-size: 1rem;
		line-height: 2.5rem;
		word-break: keep-all;
		text-align: center;
	}

	.form-wrapper dl dd {
		min-height: 2.292rem;
		padding: 0.8333rem;
		background: #fff;
		color: #424242;
		font-size: 1rem;
		line-height: 1.25rem;
		text-align: left;
	}


	.form-wrapper dl dd > p {
		min-height: auto;
		line-height: 1.25rem;
	}

	.form-wrapper dl dd > input::placeholder {
		text-align: right;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.form-wrapper dl dd > input[type="text"].w30,
	.form-wrapper dl dd > input[type="password"].w30,
	.form-wrapper dl dd > select.w30,
	.form-wrapper dl dd > select.w20 {
		width: 100% !important;
	}

	.form-wrapper dl dd input,
	.form-wrapper dl dd select {
		min-width: auto;
		height: 2.5rem;
		font-size: 1rem;
	}

	.attached-file-wrapper {
		padding-right: 0;
	}

	.attached-file-wrapper input[type="file"] {
		width: 100%;
	}

	.form-wrapper dl dd select {
		font-size: 1rem;
	}

	.form-wrapper dl dd > textarea {
		height: 15.63rem;
	}

	.input-calendar-area {
		position: relative;
		display: block;
		width: 90% !important;
		padding-right: 2.5rem;
	}

	.input-calendar-area + .word-unit + .input-calendar-area {
		margin-top: 0.4167rem
	}


	.input-calendar-area > button {
		width: 2.5rem;
		height: 2.5rem;
	}

	.input-calendar-area > button > img {
		width:  0.9167rem;
	}

	.input-calendar-wrapper .word-unit {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.word-notice01 {
		display: block;
		margin-top: 0.4167rem !important;
		margin-left: 0 !important;
		font-size: 0.875rem !important;
		line-height:  1.167rem !important
	}

	.word-notice02 {
		font-size: 0.875rem;
		line-height:  1.167rem
	}

	.input-phone-wrapper {
		max-width: 100%;
	}

	.input-phone-wrapper > .word-unit {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}

	.input-email-wrapper {
		max-width: 100%;
	}

	.input-email-wrapper:after {
		content: "";
		clear: both;
		display: block;
	}

	.input-email-area {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.input-email-area:after {
		content: "";
		clear: both;
		display: block;
	}

	.input-email-area > .word-unit {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1rem;
	}

	.input-email-wrapper select {
		display: block;
		float: none;
		width: 100%;
		margin-top: 0.4167rem;
	}

	.fileBox-wrapper {
		position: relative;
		padding-right: 3rem;
	}

	.fileBox-wrapper + .fileBox-wrapper {
		margin-top: 0.4167rem;
	}


	.fileBox {
		padding-right: 5rem;
	}


	.fileBox .fileName {
		position: relative;
		display: block;
		width: 100%;
		max-width: 100%;
		height: 2.5rem;
		padding-left: 0;
		line-height: 2.5rem;
		font-size: 1rem;
	}

	.fileBox .btn_file {
		width: 5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		padding: 0;
		font-size:  0.9167rem;
		text-align: center;
	}

	.fileBox .btn_file > img {
		display: none;
	}


	.fileBox-wrapper button {
		width: 2.5rem;
		height: 2.5rem;
		background-size: 0.6667rem 0.6667rem;
	}

	.gray-box01 {
		margin-top:  2.708rem;
		padding: 1.667rem;
	}

	.word-agreement-wrapper {
		padding-left: 2.083rem;
		font-size: 1rem;
		line-height: 1.542rem;
		margin-bottom: 0.8333rem;
	}


	.word-agreement-wrapper input[type="checkbox"] + label {
		color: #212121;
		font-size: 1rem;
		line-height: 1.542rem;
	}

	.word-agreement-wrapper input[type="checkbox"] + label:before {
		top: 0;
		width: 1.542rem;;
		height: 1.542rem;;
		margin-top: 0;
		background-size: 1.542rem 3.084rem;
	}

	.word-agreement-wrapper input[type="checkbox"]:checked + label:before {
		background-position: 0 -1.542rem;
	}

	.ul-list01 {
		font-size: 0.9167rem;
		line-height: 1.542rem;
	}

	.ul-list01 > li {
/*		padding-left: 0.5rem;*/
		padding-left: 1rem;
		margin-bottom: 0.3333rem;
	}


	.gray-box01 + .btns-area {
		margin-top: 1.75rem;
	}

	/* IR활동 */

	.calendar-yymm-wrapper {
		width: 100%;
		margin: 0 0 1.75rem 0
	}

	.calendar-yymm-wrapper > h4 {
		font-size:  2rem;
		line-height: 2.917rem;
	}

	.calendar-yymm-wrapper > button {
		width: 2.917rem;
		height: 2.917rem;
		background-position: 0 -2.917rem;
		background-size: 2.917rem 5.833rem;
	}

	.calendar-yymm-wrapper > button:hover,
	.calendar-yymm-wrapper > button:focus {
		background-position: 0 -2.917rem;
	}

	.calendar-area {
		display: none;
	}

	.schdule-list-area {
		border: 1px solid #dedfe3;
		padding: 1.25rem ;
	}

	.schdule-list-area li {
		margin-bottom: 0.625rem;
	}

	.schdule-list-area li a {
		padding-left: 0.8333rem;
		font-size: 1rem;
		line-height: 1.5rem;
	}


	.schdule-list-area li a:before {
		top: 0.625rem;
		width: 0.25rem;
		height: 0.25rem;
	}

	.modal-schadule-wrapper {
		top: 50%;
		left: 1.417rem;
		width: calc(100% - 2.833rem);
		padding: 2.5rem;
		background-color: #fff;
		margin-left: 0;
	}

	.modal-schadule-wrapper > h2 {
		font-size: 2rem;
		line-height: 3.333rem;
		padding-top: 0.5rem;
		padding-bottom: 1.25rem;
		margin-bottom: 1.875rem;
	}

	.modal-schadule-wrapper > h2:before {
		width: 3.125rem;
		height: 0.08333rem;
	}

	.modal-schadule-wrapper > ul {
		margin-bottom: 1.083rem;
	}

	.modal-schadule-wrapper > ul > li {
		font-size: 1rem;
		line-height: 1.625rem;
	}

	.modal-schadule-wrapper > .btn-modal-close {
		top: 1.25rem;
		right: 1.25rem;
		width: 1.5rem;
		height: 1.5rem;
		background-size: 1.5rem 1.5rem;
	}

	/* 카드 뉴스 */
	.card-news-wrapper {
		margin-bottom: 1.375rem;
	}

	.card-news-area {
		float: left;
		width: 49%;
		margin-right: 0 !important;
		margin-bottom: 1.5rem;
	}

	.card-news-area:nth-child(even) {
		float: right;
	}

	.card-news-area > a {
		padding: 1.667rem;
	}

	.card-news-area > a .image {
		margin-bottom: 1.083rem;
	}

	.card-news-area > a > strong {
		font-size:  1.167rem;
		line-height: 1.625rem;
		height: 3.25rem;
	}

	.card-news-area > a .sub-information {
		margin-top: 1.625rem;
		padding: 1.458rem 0.625rem 0 0.625rem;
	}

	.card-news-area > a .sub-information .date,
	.card-news-area > a .sub-information .hit {
		padding-left: 1.875rem;
		font-size: 0.8333rem;
		line-height: 1.5rem;
		background-size: 1.417rem 1.167rem;
	}

	.card-slider-wrapper {
		max-width: calc(39.17rem / 2);
	}
	.card-pagination-wrapper .swiper-pagination {
		margin-top: 1.25rem;
	}
	.card-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.8333rem;
	}
	.card-slider-wrapper .btn-prev,
	.card-slider-wrapper .btn-next {
		width: 1.333rem;
		height: 2.458rem;
		margin-top: -1.208rem;
		background-size: 1.333rem 2.458rem;
	}

	/* ceo 인사말 */
.ceo-greeting-wrapper {
		min-height: auto;
		padding-bottom: 3.292rem;
		padding-right: 0;
	}

	.ceo-greeting-wrapper:before {
		height: 40.83rem;
	}


	.ceo-greeting-wrapper > .image {
		position: relative;
		margin-bottom: 1.875rem;
	}

	.ceo-greeting-wrapper > .image > img {
		display: none;
	}
	.ceo-greeting-wrapper > .image > .pc {
		display: none;
	}

	.ceo-greeting-wrapper > .image > .mobile {
		display: block;
		width: 100%;
		max-width: 28.92rem;
		margin: 0 auto;
	}

	.ceo-greeting {
		padding: 2.083rem 2.5rem 1.958rem 2.5rem;
		min-height: auto;
	}

	.ceo-greeting:before {
		top: 0;
		left: -0.375rem;
		width: 22.13rem;
		height: 7.125rem;
		background-image: url(../img/sub01/bg_top01_mobile.png);
		background-size: 22.13rem 7.125rem;
	}

	.ceo-greeting:after {
		bottom: 0;
		right: 0;
		width: 16.92rem;
		height: 5.208rem;
		background-image: url(../img/sub01/bg_bottom01_mobile.png);
		background-repeat: no-repeat;
		background-size: 16.92rem 5.208rem;
	}

	.ceo-greeting .type01 {
		margin-bottom: 2.542rem;
		font-size: 1.5rem;
		line-height:2rem;
	}

	.ceo-greeting .type02 {
		font-size: 1.083rem;
		line-height: 1.75rem;
	}

	.greeting-area {
		padding-top: 1.75rem;
	}

	.greeting-area > p {
		margin-bottom: 2rem;
		font-size: 1.083rem;
		line-height: 2rem;
	}

	.images-box > .pc {
		display: none;
	}

	.images-box > .mobile {
		display: block;
	}

	.business-wrapper {
		padding-left: 0;
	}

	.business-slogan {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 1.625rem;
		z-index: 100;
	}

	.business-slogan > h4 {
		margin-bottom: 1.792rem;
		padding-bottom: 0.7083rem;
		font-size: 1.75rem;
		line-height: 2.042rem;
	}

	.business-slogan > h4:before {
		width: 1.75rem;
		height: 0.1667rem;
	}

	.business-slogan .word-slogan01 {
		max-width: 100%;
		font-size: 2.583rem;
		line-height: 3.25rem;
		letter-spacing: -0.5px;
	}

	.business-area {
		margin-bottom: 3.833rem;
	}

	.contents-slider-wrapper {
		margin-bottom: 3.042rem;
	}
	
	/* 소재사업부 > 방산 */
	.defense-industry-box{
		margin-top: 3.042rem;
	}
	/* //소재사업부 > 방산 */
	
	/* 소재사업부 > 조선기자재 */
	.marine-equipment-wrapper .c-tit01{
		font-size: 1.875rem;
		line-height:4.75rem;
	}
	.marine-equipment-wrapper .type01{
		
		font-size:1.625rem;
		line-height:3.125rem;
		
	}
	.marine-equipment-wrapper .type02{
		font-size:1.25rem;
		line-height: 2.25rem;
	}
	.marine-equipment-box02{
		margin-top: 6.084rem;
	}
	
	
	.marine-equipment-box02 .hatch-list .hatch-list-s, .marine-equipment-box02 .hatch-list .hatch-list-b{
		width:48%;
		margin-right: 4%;
	}
	
	.marine-equipment-box02 .hatch-list .hatch-list-s{
		margin-bottom: 4%;
	}
	
	.marine-equipment-box02 .hatch-list .hatch-list-s:nth-child(3n){
		margin-right: 4%;
	}
	
	.marine-equipment-box02 .hatch-list .hatch-list-s:nth-child(2n), .marine-equipment-box02 .hatch-list .hatch-list-b:nth-child(2n){
		margin-right: 0;
	}
	/* //소재사업부 > 조선기자재 */

	.contents-slider-wrapper:before {
		bottom: -1.792rem;
		height: 27.75rem;
	}

	.contents-slider-wrapper #contents-slider-pagination {
		bottom: 0.75rem;
		padding: 0  1.083rem;
	}

	.contents-slider-wrapper #contents-slider-pagination .swiper-pagination-bullet {
		margin: 0 0.2083rem;
		width: 0.5833rem;
		height: 0.5833rem;
	}

	.business-area > p {
		font-size: 1.25rem;
		line-height: 2.25rem;
		margin-bottom: 0.7083rem;
	}

	.abbreviation-list {
		padding-left: 0.7083rem;
		font-size: 1.167rem;
		line-height: 2rem;
	}


	.business-process-wrapper {
		padding: 2.167rem 2.167rem 2.5rem 2.167rem;
	}

	.business-process-wrapper01 {
		width: 100%;
		margin-bottom:1.833rem;
	}

	.business-process-wrapper01:after {
		display:block;
		content: "";
		clear: both;
	}

	.business-process-wrapper01 > li {
		float: left;
		display: block;
		text-align: center;
		width: 30%;
		margin-left: 5%;
	}

	.business-process-wrapper01 > li:first-child {
		margin-left: 0;
	}

	.business-process-wrapper01 > li > img {
		display: block;
		width: 100%;
		max-width: 5.417rem;
		margin: 0 auto  0.8333rem auto;
	}

	.business-process-wrapper01 > li > strong {
		font-size: 1.083rem;
		line-height: 1.458rem;
	}

	.business-process-wrapper01 > li:nth-of-type(1),
	.business-process-wrapper01 > li:nth-of-type(3){
		position: static;
	}

	.business-process-wrapper02 {
		display: block;
	}

	.business-process-wrapper02 > p {
		padding: 0.6667rem 0.625rem 0.5833rem 0.625rem;
		font-size: 1.083rem;
		line-height: 1.417rem;
	}

	.business-process-wrapper02 .arrow {
		height: 2.083rem;
		background-size: 0.9167rem 1.167rem;
	}



	.tabmenu-wrapper {
		position: relative;
		display: block !important;
		margin-bottom: 2.5rem;
	}

	.tabmenu-wrapper .mobile-title {
		position: relative;
		display: block;
		width: 100%;
		height: 3.75rem;
		padding-left: 1.25rem;
		border: 1px solid #dcdddf;
		color: #aaaaaa;
		font-size: 1.167rem;
		font-weight: 500;
		text-align: left;
	}

	.tabmenu-wrapper .mobile-title:before {
		position: absolute;
		top: 50%;
		right: 1rem;
		content: "";
		display: block;
		width: 1.75rem;
		height: 0.9167rem;
		margin-top: -0.4583rem;
		background-image: url(../img/icon/icon_arrow_down06.png);
		background-repeat: no-repeat;
		background-size: 1.75rem 0.9167rem;
		background-position: 0 0;
	}

	.tabmenu-wrapper>ul {
		position: absolute;
		top: 3.75rem;
		left: 0;
		display: none;
		width: 100%;
		z-index: 10;
		background-color: #fff;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		box-shadow: 0px 0.4167rem 1.25rem 0px rgba(0,0,0,0.10);
	}

	.tabmenu-wrapper ul > li {
		float: none;
		width: 100% !important;
		margin-right: 0;
	}

	.tabmenu-wrapper ul > li > a {
		position: relative;
		display: block;
		text-align: center;
		color: #aaaaaa;
		padding: 0.8333rem 0 0.8333rem 1.25rem;
		font-size: 1.25rem;
		line-height: 2.333rem;
		text-align: left;
	}

	.tabmenu-wrapper ul > li > a.active {
		background-color: #f9f9f9
	}

	.business-information-wrapper {
		padding-top: 0.875rem;
	}

	.business-information-wrapper:after {
		display: block;
		content: "";
		clear: both;
	}

	.business-information + .business-information {
		padding-top: 1.25rem;
	}
	.business-information > h5 {
		font-size: 1.167rem;
		line-height: 1.875rem;
	}


	.business-information > ul > li {
		font-size: 1.167rem;
		line-height: 1.875rem;
		margin-bottom: 0.417rem;
	}

	.business-information > ul > li > span  {
		line-height: 1.917rem;
	}

	.business-information > ul > li > a {
		display:inline-block;
		vertical-align: middle;
		margin-left: 0.375rem;
		padding: 0.4167rem 1rem 0 1rem;
		height: 1.917rem;
		border-radius: 0.9583rem;
	}

	.business-information > ul > li > a > span {
		margin-top: 0.08333rem;
		font-size: 0.75rem;
		line-height: 1.083rem;
	}

	.business-information > ul > li > a > img {
		width: 1.083rem;
		margin-left: 1.083rem
	}


	.business-area > h5 {
		font-size: 1.583rem;
		line-height: 1.875rem;
		margin-bottom: 0.5417rem;
	}


	.business-area h6 {
		font-size: 1.308rem;
		line-height: 1.875rem;
		margin: 0.5417rem 0;
	}

	.ul-list02 > li {
		padding-left:0.9167rem;
		font-size: 1.25rem;
		line-height: 2.25rem;
	}

	.ul-list02 > li.mb40 {
		margin-bottom: 2.25rem !important;
	}

	.ul-list02 > li:before {
		top: 1rem;
		width: 0.25rem;
		height: 0.25rem;
	}

	/* 표 */
	.table-type01 table thead th {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}

	.table-type01 table tbody th,
	.table-type01 table tfoot th,
	.table-type01 table tfoot td {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}


	.table-type01 table tbody td {
		padding: 0.7692rem;
		font-size: 1rem;
		line-height: 1.385rem;
		word-break: break-all;
	}


	/* Responsive table */
	.horizontal-scroll {
		position: relative;
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		background:
				linear-gradient(to right, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0)) no-repeat 0 0 / 20px 100% scroll,
				linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .15)) no-repeat 100% 0 / 20px 100% scroll;
	}

	.horizontal-scroll table {
		width: 50rem;
		background:
				linear-gradient(to right, #fff, rgba(255, 255, 255, 0)) no-repeat 0 0 / 80px 100% local,
				linear-gradient(to right, rgba(255, 255, 255, 0), #fff) no-repeat 100% 0 / 80px 100% local;
	}

	.horizontal-scroll::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.horizontal-scroll::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background-color: rgba(0, 0, 0, 0.25);
	}

	.horizontal-scroll table thead th,
	.horizontal-scroll table .bg01 {
		background-color: rgba(163, 163, 163, .10) !important;
	}

	.horizontal-scroll table tbody td,
	.horizontal-scroll table tfoot td {
		background-color: rgba(255, 255, 255, .09);
	}

	.btn-download01 {
		float: left;
		display: block;
		padding: 0.2083rem 0.9167rem ;
		height: auto;
		min-height: 3.5rem;
		border-radius: 1.75rem;
		margin-left: 2% !important;
	}

	.btn-download01 > strong {
		padding-top: 0.4167rem;
		font-size: 0.9167rem;
		line-height: 1.167rem;
	}

	.btn-download01 > img {
		width: 1rem;
		padding-top: 0.8333rem;
	}

	.btns-area + .table-type01 {
		margin-top: 1.375rem;
	}

	/* one item */
	.btns-area .btn-download01:first-child {
		margin-left: 0 !important;
	}
	.btns-area .btn-download01:first-child:nth-last-child(1) {
		width: 100%;
	}

	/* two items */
	.btns-area .btn-download01:first-child:nth-last-child(2),
	.btns-area .btn-download01:first-child:nth-last-child(2) ~ a {
		width: 49%;
	}

	/* three items */
	.btns-area .btn-download01:first-child:nth-last-child(3),
	.btns-area .btn-download01:first-child:nth-last-child(3) ~ a {
		width: 32%;
	}


	.graph-wrapper {
		position: relative;
		height: 24.38rem;
		margin-bottom: 1.875rem;
	}

	.word-notice03 + .table-type01 {
		margin-top: 0.8333rem;
	}

	/* 인재상 */
	.talent-wrapper {
		padding-bottom: 3.5rem;
		margin-bottom: 0.75rem;
	}

	.talent-wrapper > h4 {
		font-size: 1.583rem;
		line-height: 1.667rem;
		margin-bottom: 0.4167rem;
	}

	.talent-wrapper > p {
		margin-bottom: 3.5rem;
		font-size: 1.042rem;
		line-height: 1.667rem;
	}

	.talent-box {
		float: none;
		width: 100%;
		margin-top: 3.125rem;
		padding-top: 5.333rem;
	}

	.talent-box:nth-child(odd) {
		padding-right: 0;
	}

	.talent-box:nth-child(even) {
		padding-left: 0;
	}

	.talent-box > h5 {
		margin-left: -3.7915rem;
		z-index: 10;
	}

	.talent-box > h5:before {
		top: 1.583rem;
		left: 1.667rem;
		width: 6.75rem;
		height: 6.75rem;
		background-size: 6.75rem 6.75rem;
	}

	.talent-box > h5:after {
		top: -0.4167rem;
		left: 50%;
		margin-left: -0.5rem;
		border-left: 0.5rem solid transparent;
		border-right: 0.5rem solid transparent;
		border-top: 0.8333rem solid #2955b1;
	}

	.talent-box > h5 .group {
		padding-top: 2.292rem;
		width: 7.583rem;
		height: 7.583rem;
	}

	.talent-box > h5 .group > strong {
		margin-bottom: 0.25rem;
		font-size: 1.125rem;
		line-height: 1.458rem;
	}

	.talent-box > h5 .group > span {
		font-size: 1.167rem;
		line-height: 1.125rem;
	}

	.talent-box > p {
		padding: 4rem 1.042rem 1.875rem 1.042rem;
		font-size: 1.25rem;
		line-height: 1.792rem;
	}

	/* 오시는 길 */
	.map-wrapper #map {
		height: 29.79rem;
	}

	.map-wrapper #map + .ul-list03 {
		margin-top: 1.458rem;
	}

	.ul-list03 > li {
		padding-left:  7rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem
	}

	.ul-list03 > li > strong {
		padding-left: 1.667rem;
	}

	.ul-list03 > li > strong:before {
		top: 0.5rem;
		left: 0.625rem;
		width: 0.3333rem;
		height: 0.3333rem;
	}

	.ul-list03 > li {
		padding-left:  7rem;
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin-bottom: 0.5rem
	}

	.ul-list03 > li > strong {
		padding-left: 1.667rem;
	}

	.ul-list03 > li > strong:before {
		top: 0.5rem;
		left: 0.625rem;
		width: 0.3333rem;
		height: 0.3333rem;
	}


	/* 회사 개요 */
	.outline-area {
		position: relative;
		padding-left: 0;
		padding-right: 0;
		height: auto;
		border-bottom: 0
	}

	.outline-box.type01 {
		position: relative;
		width: 100%;
		height: auto;
	}

	.outline-box {
		border-bottom: 1px solid #e6e6e6
	}

/* 230803
	.outline-box.type01 > img {
		position: static;
		display: block;
		width: 11.13rem;
		height: auto;
		margin: 2rem auto;
	}
*/
	
	.outline-box.type01 > img {
		position: static;
		display: block;
		width: 8.333rem;
		height: auto;
		transform:translate(0, 0);
		margin: 2rem auto;
	}

	.outline-box.type03 {
		position: relative;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
	}

	.outline-box > dl {
		display: block;
		height: 100%;
		text-align: center;
	}

	.outline-box > dl > dt {
		padding-top: 0.8333rem;
		height: 2.958rem;
		font-size: 0.9167rem;
		line-height: 2rem;
	}

	.outline-box > dl > dt:before {
		width: 1.25rem;
		margin-left: -0.625rem;
	}

	.outline-box > dl > dd {
		position: relative;
		height: auto;
		padding: 1.25rem
	}

	.outline-box > dl > dd > strong {
		position: static;
		width: 100%;
		transform: none;
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.outline-box > dl > dd > strong > .standard {
		font-size: 1.125rem;
	}


	.history-wrapper > dl {
		padding-left: 6.167rem;
		margin-bottom: 0.8333rem
	}


	.history-wrapper > dl > dt {
		font-size: 1.375rem;
		line-height: 1.667rem;
	}

	.history-wrapper > dl > dd {
		font-size: 1.125rem;
		line-height: 1.667rem;
	}

	.agreement-wrapper {
		display: block;
	}

	.agreement-area {
		max-height: 17.5rem;
		padding: 1.25rem;
		margin-bottom: 1.5rem;
	}

	.agreement-area > pre {
		font-size: 1rem;
		line-height: 1.5rem;
		color: #424242;
	}

	.input-checked-wrapper {
		display: block;
	}

	.input-checked-wrapper:after {
		content: "";
		clear: both;
		display: block;
	}

	.input-checked-area {
		position: relative;
		display: inline-block;

	}

	.input-checked-wrapper .input-checked-area {
		float: left;
		width: 49% !important;
		margin: 0 0 0.3333rem 0 !important;
	}

	.input-checked-wrapper .input-checked-area.mb0 {
		margin-bottom: 0 !important;
	}

	.input-checked-wrapper .input-checked-area:nth-child(even) {
		float: right;
	}


	.input-checked-wrapper.block .input-checked-area {
		display: block;
		margin-top: 0
	}


	.input-checked-area input[type="checkbox"] + label {
		padding-left: 2rem;
		font-size: 0.8333rem;
		line-height: 1.667rem;
		background-position: left center;
		background-size: 1.5rem 1.5rem;
	}


	.input-checked-area.only input[type="checkbox"] + label {
		width: 1.667rem;
		line-height: 1.667rem;
		font-size: 1rem;
		line-height: 1.667rem;
	}

	.input-radio-wrapper {
		display: block;
	}

	.input-radio-wrapper:after {
		display: block;
		content: "";
		clear: both;
	}

	.form-wrapper .input-radio-wrapper {
		height: auto;
		line-height: initial;
	}

	.input-radio-area {
		position: relative;
		float: left;
		width: 49%;
		margin: 0;
	}

	.input-radio-area:nth-child(even) {
		float: right;
	}


	.input-radio-area input[type="radio"] + label {
		margin-right: 0;
		padding-left: 1.75rem;
		height: 1.5rem;
		font-size: 0.875rem;
		line-height: 1.5rem;
		background-size:  1.25rem  1.25rem;
		background-position: left center;
	}


	.input-radio-wrapper + input[type="text"] {
		margin-left: 0.9167rem
	}

	.form-wrapper .input-radio-wrapper .input-radio-area input[type="radio"] + label {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.join-complete-wrapper {
		padding: 4.25rem 1.542rem 3.417rem 1.542rem;
		border: 0.8333rem solid #f2f2f2;
	}

	.application-complete {
		margin-bottom: 2rem;
	}

	.application-complete > dt {
		margin-bottom: 0.625rem;
		font-size: 1.875rem;
		line-height: 2.333rem
	}

	.application-complete > dd {
		font-size: 1.125rem;
		line-height: 1.667rem;
	}

	.join-complete-area {
		max-width: 100%;
		padding-left: 0;
		margin: 0;
	}

	.join-complete-area > img {
		position: static;
		width: 6.5rem;
		margin: 0 auto 2rem auto;
	}

	.join-complete-area > p {
		margin-bottom: 1.375rem;
		font-size: 1.25rem;
		line-height: 1.75rem;
		word-break: keep-all;
	}

	.input-result-wrapper {
		margin-bottom: 2rem;
	}

	.input-result-wrapper > input {
		float: none;
		margin: 0 0 0.4167rem 0 !important;
		width: 100% !important;
		height:  3.625rem;
		font-size: 1rem;
	}

	.input-result-wrapper > input::placehoder {
		color: #666666
	}

	.input-result-wrapper > input:nth-child(1) {
		width: 30%
	}

	.input-result-wrapper > input:nth-child(2) {
		width: 38%;
		margin: 0 1%;
	}

	.input-result-wrapper > input:nth-child(3) {
		width: 30%
	}

	.tabmenu-wrapper.type02 ul {
		position: relative;
		top: 0;
		display: block !important;
		width: 100%;
		border-left: 0;
		border-right: 0;
		background-color: #f7f9f8;
		box-shadow: none;
	}

	.tabmenu-wrapper.type02 ul > li {
		float: left;
		width: calc(50% + 1px) !important;
	}

	.tabmenu-wrapper.type02 ul > li > button {
		position: relative;
		display: block;
		text-align: center;
		color: #aaaaaa;
		height: 3rem !important;;
		padding: 0 1.25rem;
		font-size: 1rem !important;
		line-height: 3rem;
		text-align: left;
	}

	.tabmenu-wrapper.type02:before {
		right: -1px;
	}

	.tabmenu-wrapper.type02:after {
		width: calc(100% + 1px)
	}

	/* 채용공고 양식 */
	.form-application-wrapper {
		padding: 0;
		border: 0;
	}

	.form-application-area01 {
		position: relative;
		padding-left: 0;
		min-height: auto;
		margin-bottom:  1.875rem;
	}

	.form-application-area01 .photo-wrapper {
		position: static;
		width: 6.875rem;
		margin: 0 auto 1.25rem auto;
	}

	.form-application-area01 .photo-wrapper > .image {
		width: 6.875rem;
		height:  8.75rem;
		margin: 0 auto 0.4167rem auto;
	}

	.btn-photo-reg {
		display: block;
		height: 2.375rem;
		margin: 0;
	}

	.btn-photo-reg > input + label {
		display: block;
		min-width: 100%;
		padding: 0.625rem 0.625rem 0 0.625rem;;
		height: 2.375rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.form-wrapper.type02 dl {
		padding-left: 6.5rem;
		border-left: 0 !important;
	}

	.select-wrapper select + select {
		margin-top: 0.4167rem
	}

	.input-birthday-wrapper {
		max-width: 100%;
	}

	.input-birthday-wrapper > select {
		float: left;
		width: 20%;
		min-width: auto !important;
		text-indent: 00.2083rem !important;
		background-position: 90% center;
	}

	.input-birthday-wrapper > select:nth-of-type(1) {
		width: 30%;
		margin-left: 0;
	}


	.input-birthday-wrapper > .word-unit {
		width: 10%;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.zipcode {
		position: relative;
		padding-right: 7.708rem;
		max-width: 15.63rem;
	}

	.zipcode > input {
		display: block;
		margin-bottom: 0.4167rem
	}

	.zipcode > button {
		width: 7.5rem;
		height: 2.5rem;
		padding: 0 0.625rem;
		font-size: 1rem;
	}

	.zipcode + input {
		margin-top: 0.625rem;
	}

	.zipcode + input + input {
		margin-top: 0.4167rem;
	}

	.one-box + .word-notice02 {
		margin-top: 0.4167rem
	}

	.form-application-wrapper + .btns-area {
		margin-top: 2.5rem;
	}

	.word-result01 {
		font-size: 1.125rem;
		line-height: 1.5rem;
	}

	.word-result01 > strong {
		display: block;
		margin: 0;
	}

	.word-result01 > strong + strong {
		margin-top: 0.9167rem
	}

	.word-result01 > strong:nth-child(1) {
		font-weight: 500;
	}

	.ul-list01 + .word-result01 {
		margin-top: 1.25rem;
	}

	.form-wrapper dl dd .half-box:nth-child(2) {
		margin-top: 0.4167rem;
	}

	.form-application-area02 .word-notice02 {
		margin-top:0.4167rem;;
	}

	.grade-wrapper {
		max-width: 100%;
	}


	.grade-area {
		width: 70%;
	}

	.grade-area:after {
		display: block;
		content: "";
		clear: both;
	}

	.grade-area input {
		width: 35%
	}
	.grade-area select {
		width: 55%;
	}

	.grade-area .word-unit {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.form-wrapper table td input[type="text"],
	.form-wrapper table td select {
		height: 2.5rem;
		font-size: 1rem;
	}


	.form-application-box02 .title-type04 + textarea {
		margin-left: 1.875rem;
		width: calc(100% - 1.875rem);
		height: 12.5rem;
	}

	.horizontal-scroll .input-calendar-wrapper .input-calendar-area {
		float: left !important;
		width: 45% !important;
	}

	.horizontal-scroll .input-calendar-wrapper .input-calendar-area + .word-unit + .input-calendar-area  {
		margin-top: 0;
	}


	.modal-school-wrapper {
		left: 1.25rem;
		width: calc(100% - 2.5rem);
		height: 34.38rem;
		margin-left: 0;
		margin-top: -17.19rem;
		-webkit-box-shadow: 0px 0.625rem 1.25rem 0px rgba(0,0,0,0.725);
		-moz-box-shadow: 0px 0.625rem 1.25rem 0px rgba(0,0,0,0.725);
		box-shadow: 0px 0.625rem 1.25rem 0px rgba(0,0,0,0.725);
	}

	.modal-school-wrapper > h2 {
		height: 3.417rem;
		padding: 0.8333rem 3.417rem 0 1.25rem;
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.modal-school-area {
		height: 30.963rem;
		padding: 1.25rem;
	}

	.word-school-information {
		padding: 1.25rem 0;
		margin-bottom: 1.542rem;
	}

	.word-school-information .word01 {
		font-size: 1rem;
		line-height: 1.75rem;
	}

	.search-school-wrappper {
		padding-right: 5.708rem;
		margin-bottom: 2.5rem;
	}

	.search-school-wrappper > input[type="search"] {
		height: 2.5rem;
		font-size: 1rem;
	}

	.search-school-wrappper > button {
		width: 5.5rem;
		height: 2.5rem;
		font-size: 1rem;
	}

	.result-school-list-area {
		height: 13.75rem
	}

	.result-school-list-area > ul > li {
		padding: 0.625rem 3.75rem 0.625rem 0.625rem;
	}

	.result-school-list-area > ul > li > strong {
		font-size: 1.125rem;
		line-height: 2rem;
	}

	.result-school-list-area > ul > li > .location {
		font-size: 0.875rem;
		line-height: 2rem;
	}

	.result-school-list-area > ul > li > .icon-bar {
		height: 2rem;
		margin: 0 0.8333rem;
	}

	.result-school-list-area > ul > li > .icon-bar:before {
		height: 0.75rem;
		margin-top: -0.375rem;
	}

	.result-school-list-area > ul > li > button {
		right: 0.625rem;
		margin-top: -1rem;

	}

	.modal-school-wrapper .btn-close {
		width: 3.417rem;
		height: 3.417rem;
		background-size: 1.083rem 1.083rem
	}


	/* 환경경영 - 친환경 경영 */
	.eco-area01-1 img {
		width: 13rem;
	}

	.eco-area01-2 {
		width: calc(100% - 14rem);
	}

	.eco-area01-2 img {
		width: 11rem;
		padding-bottom: 0.6rem;
	}

	.eco-area01-2 p {
		font-size: 0.6rem;
		line-height: 1rem;
	}

	.eco-area02 li {
		height: 15rem;
		padding: 2.25rem 6%;
	}
	

	/* 환경경영 - 안전보건환경 경영방침 */
	.safety-policy-01,
	.safety-policy-02,
	.safety-policy-03,
	.safety-policy-04 {
		font-size: 1.083rem;
		line-height: 2rem;
		letter-spacing: -0.25px;
	}

	.safety-policy-01, 
	.safety-policy-02,
	.safety-policy-03 {
		padding-bottom: 2.166rem;
	}
	
	/* ESG > 안전보건경영 > 정책, 목표 */
	.safety-policy-txt-bottom > p{
		margin-bottom: 2rem;
	}
	/* //ESG > 안전보건경영 > 정책, 목표 */

	.detail-practice > span {
		padding-left: 1.083rem;
	}

	.ceo-sign {
		padding-top: 3.583rem;
		padding-bottom: 1.5rem;
	}

	.ceo-sign img {
		width: 22.541rem;
	}


	/* 환경경영 - 환경경영 전담 조직 */
	.organization-chart01 {
		padding-bottom: 3.708rem;
	}

	.organization-chart02 {
		padding-bottom: 5rem;
	}

	.organization-chart03 {
		padding-bottom: 1.5rem;
	}

	.organization-chart01 .images-box,
	.organization-chart02 .images-box {
		padding-top: 3.333rem;
	}

	.organization-chart03 .title-type03 {
		margin-bottom: 1.5rem;
	}

	.organization-chart03 table tr {
		height: 4.25rem;
	}

	.organization-chart03 table th {
		font-weight: 500;
		font-size: 1.15rem;
		line-height: 1.125rem;
		letter-spacing: -0.50px;
	}

	.organization-chart03 table .line01-1 {
		font-weight: 500;
		font-size: 1rem;
		line-height: 1.125rem;
		letter-spacing: -0.50px;
	}

	.organization-chart03 table .line02-1 {
		font-weight: 500;
		font-size: 0.8rem;
		line-height: 1.25rem;
		letter-spacing: -0.25px;
		padding: 0.8rem;
	}
	
	/* 사업분야 > 소재 사업부 > TPE - TPV Process Parameters 바로가기 */
	.business-information_R > a {
		vertical-align:middle;
		margin-left:0.375rem;
		padding:0.4167rem 1rem 0 1rem;
		height:1.917rem;
		border-radius:0.9583rem;
	}
	.business-information_R > a > span {
		margin-top:0.08333rem;
		font-size:0.75rem;
		line-height:1.083rem;
	}
	
	.business-information_R > a > img {
		width:1.083rem;
		margin-left:1.083rem;
	}
	/* //사업분야 > 소재 사업부 > TPE - TPV Process Parameters 바로가기 */
	

	
	/* ESG 하위메뉴 수정 20241002 장성화 */	

	.contents-box {
		margin-bottom: 3.75rem;
	}
	
	.contents-box > .images-box {
		margin-bottom: 0;
	}

	.contents-box:last-child {
		margin-bottom: 0;
	}
	
	.right-images-box {
		display: block;
	}
	
	.right-images-box > div {
		width: 100%;
	}
	
	.right-images-box > div.left-table {
		margin-bottom: 1.25rem;
	}
	
	.word-gray-box {		
        font-size: 1.083rem;
        line-height: 2rem;
		padding: 1.875rem;
	}	

	.word-gray-box  > p {
		padding: 0;
	}

	.schematic-line > div {
		width: 8.25rem;
		height: 8.25rem;
		font-size: 3rem;
	}

	.schematic-line > div > p {
		margin-top: 5px;
	}

	.schematic-line > div > p > span {
		font-size: 1rem;
		padding-top: 1.25rem;
	}

	.schematic-line > p {
		left: 9.375rem;
	}
	
	.certificate {
		width: calc(99% / 2);
	}
	.certificate:nth-child(3n) {
		margin-right: 1%;
	}

	.certificate:nth-child(2n) {
		margin-right: 0;
	}	

        /*.btn-area {
            display: block;
        }*/
    
    .btn-area02 {
        display: block;
    }
    
    .btn-area02 .btn-download02{
        margin-bottom: 10px
    }
	
	.btn-download02 {
		margin-top: 24px;
        padding: 16px 21px;
        margin-right: auto;
        margin-left: auto;
	}

	.btn-download02 span::after {
		width: 0.875rem;
		height: 1.125rem;
		margin-left: 4.5rem;
	}

	.contents-half > div {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	.ul-list04 {
		display: block;
	}

	.ul-list04 > li {
		padding-left: 1.875rem;
        font-size: 1.083rem;
        line-height: 2rem;
	}

	.ul-list04 > li > span {
		padding-left: 0.625rem;
	}	
	
	.ul-list04 > li > strong {
		padding-left: 0;
	}

	.ul-list04 > li > strong:before {
		left: 0.625rem;
	}

	.ul-list05 > li {
		font-size: 1.25rem;
		line-height: 2rem;
		font-weight: 300;
		padding: 1.875rem 1.25rem 1.875rem 5.625rem; 
	}

	.ul-list05 > li > strong {
		width: 4.375rem;
		height: 2rem;
		line-height: 2.125rem;
	}
    
    /* ESG - 신고 및 제안 안내 */

    .reports-wrapper {
        flex-direction: column;
        row-gap: 0.625rem;
    }
    .reports-box {
        width: 100%;
        height: auto;
        padding: 1.25rem 1.875rem;
    }

    .target-wrapper {    
        column-gap: 0.625rem;
        row-gap: 0.625rem;
        width: 100%;
        flex-wrap: wrap;
    }
    .target-box {
        width: 50%;
        padding: 1.25rem 1.875rem;
    }
    .target-box > img {
        width: 5rem;
    }

    .process-wrapper {    
        flex-direction: column;
        row-gap: 2.5rem;
        margin: 1.25rem 0;
    }
    .process-box {
        width: 100%;
        height: auto;
    }
    .process-box:after {
        top: auto;
        bottom: -1.875rem;
        left: 50%;
        width: 1.375rem;
        height: 1.313rem;
        background-size: 1.375rem 1.313rem;
        transform: translateY(0) translateX(-50%) rotate(90deg);

    }
    .process-box:last-child:after {
        display: none;

    }
    .process-box .title {
        padding: 0.625rem 1.25rem;
    }
    
    .process-box .ul-list01 {
        padding: 0.625rem 1.25rem;
    }
    .process-box .ul-list01 > li::before {        
        top: 0.563rem;    
    }

	.btn-b02 {
		line-height: 3.417rem;
	}
    
    /* 나눔경영 화승그룹 컨텐츠 */
    
    .mW1230{
        max-width: calc(100% - 40px) !important;
    }

    .share .sub-message-desc.mobile{
        display: none;
    }

    .share .sub-message-wrapper{
        margin-bottom: 80px;
    }

    .normal-con-wrapper{
        display: flex;
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;

        margin-bottom: 70px;
        position: relative;
    }

    .sub-contents-slide-wrapper{
        width: 100%;
        overflow: hidden;
    }

    .sub-contents-slide-wrapper{
        position: relative;
/*        height: 410px;*/
        width: 100%;
    }

    .sub-slide-option-wrapper{
        max-width: 100%;
    	width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }



    .sub-contents-option-wrapper{
    	position: relative;
    	z-index: 900;

        max-width: 288px;
    	width: 100%;
    	bottom: unset;
        left: unset;

        margin-bottom: 24px;
    }

    .share .normal-con{
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }

    .share .normal-con{
        min-height: unset;
    }

    .share .normal-con .con-tit{
        font-size: 24px;
        /* font-size: 20px; */
    }

    .share .normal-con-txt p{
        width: 100%;
    }

    .share-con02,
    .share-con04{
        display: flex;
        flex-direction: column-reverse;
    }
    
    .sub-contents-slide-wrapper{
        width: 100%;
        overflow: hidden;
    }

    .sub-contents-slide-wrapper{
        position: relative;
/*        height: 410px;*/
        width: 100%;
    }

    .sub-slide-option-wrapper{
        max-width: 100%;
    	width: 100%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sub-contents-option-wrapper{
    	position: relative;
    	z-index: 900;

        max-width: 288px;
    	width: 100%;
    	bottom: unset;
        left: unset;

        margin-bottom: 24px;
    }

    .share .normal-con{
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }

    .share .normal-con{
        min-height: unset;
    }

    .share .normal-con .con-tit{
        font-size: 24px;
        /* font-size: 20px; */
    }

    .share .normal-con-txt p{
        width: 100%;
    }

    .share-con02,
    .share-con04{
        display: flex;
        flex-direction: column-reverse;
    }
    
    .share .sub-message-desc span{
        width: 93%;
        word-break: keep-all;
        margin-right: auto;
        margin-left: auto;
    }
    
    .share .txt-con{
        margin-top: 20px;
    }

    .sub-contents-option-wrapper{
    	max-width: 144px;
    }

    .sub-contents-pagination-area .swiper-pagination{
        line-height: 14px;
        font-size: 17px;
    }

    .share .normal-con .con-tit{
         font-size: 20px;
    }
    
    .share-busi-tit{
        font-size: 14px;
        margin-bottom: 16px;
    }
    .share .normal-con p{
        font-size: 15px;
    }

    .sub-contents-option-wrapper{
        margin-bottom: 20px;
    }

    .share .normal-con{
        min-height: unset;
    }
    .share .normal-con-txt{
       padding-bottom: 0px;
    }
    
    
    /* ESG - 지속가능경영보고서 */
    .report-wrapper {
        flex-direction: column;
    }

    .report-images {
        width: 100%;
    }
    
    .report-word-box {
        width: 100%;
        margin-top: 1.538rem;
    }

    .con-tit {    
        font-size: 1.538rem;
        margin-bottom: 1.154rem;
    }

    .report-word-box p {
        font-size: 1.083rem;
        line-height: 2rem;
    }
    
    .report-wrapper .btn-area {
        flex-direction: column;
        gap: 0.385rem
    }

    .report-wrapper .btn-download02 {
        width: 100%;
    }

}

/* 소재사업부 > 조선기자재 */
@media only all and (max-width: 850px) {
	.marine-equipment-box02 .hatch-list li span{
		border: 1px solid #dbdbdb;
	}
	.marine-equipment-box02 .hatch-list li span{
		font-size: 0.55rem;
		line-height: 25px;
	}
}
/* //소재사업부 > 조선기자재 */

@media only all and (max-width: 768px) {
	/* 환경경영 - 친환경 경영 */
	.eco-area01 {
		padding-bottom: 2.5rem;
	}

	.eco-area01-1 {
		text-align: center;
	}

	.eco-area01-1 img {
		float: none;
		width: 20rem;
		margin: 0 auto;
	}

	.eco-area01-2 {
		float: none;
		width: 100%;
	}

	.eco-area01-2 img {
		width: 13rem;
		padding-top: 2rem;
		padding-bottom: 1.5rem;
	}

	.eco-area01-2 p {
		font-size: 1rem;
		line-height: 1.7rem;
	}

	.eco-area02 li {
		height: 19.5rem;
		padding: 2.25rem 6%;
	}

	.eco-area02 span {
		font-size: 0.9rem;
	}
	
	.eco-area03 {
		margin-top: 3.5rem;
		margin-bottom: 4rem;
		padding: 1.5rem;
	}

	.eco-area03 .eco-icon img {
		width: 3.25rem;
	}

	.eco-area03 .eco-icon {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		text-align: center;
	}
	
	.eco-area03 .txt1 {
		font-size: 1rem;
		padding-top: 1.5625rem;
		margin-bottom: 0.9375rem;
		text-align: center;
	}
	
	.eco-area03 .txt2 {
		padding: 0 0.666rem;
		text-align: center;
		font-size: 0.785rem;
		line-height: 1.083rem;
	}

    .sub-message-tit span{
        font-size: 24px;
    }

    .sub-message-desc span{
        font-size: 17px;
        line-height: 26px;
    }
}

@media only all and (max-width: 567px) {
	/* 환경경영 - 친환경 경영 */
	.eco-area02 li {
		width: 50%;
		height: 23rem;
		padding: 2.5rem 6%;
		border-bottom: 1px solid #ddd;
	}
}

@media only all and (max-width: 475px) {
	.card-news-area {
		float: none !important;
		width: 100% !important;
	}
}

@media only all and (max-width: 415px) {
	/* 환경경영 - 친환경 경영 */
	.eco-area01 {
		padding-bottom: 3.5rem;
	}
	
	.eco-area01-1 img {
		float: none;
		width: 100%;
	}

	.eco-area01-2 {
		float: none;
		width: 100%;
	}

	.eco-area01-2 img {
		width: 15rem;
		padding-top: 2.5rem;
		padding-bottom: 1.25rem;
	}
	
	.eco-area01-2 p {
		font-size: 1.15rem;
		line-height: 1.75rem;
	}

	.eco-area02 li {
		width: auto;
		height: auto;
	}

	.eco-area02 li.a-02:after,
	.eco-area02 li.a-04:after,
	.eco-area02 li.a-06:after {
		display: none;
	}

	.eco-area02 li.a-03 {
		background: none;
	}	

	.eco-area02 li.a-04 {
		background: url(../img/sub06/eco-bg02.png) no-repeat left top #f7f7f7;
	}

	.eco-area02 li.a-06 {
		background: url(../img/sub06/eco-bg03.png) no-repeat left bottom #f7f7f7;
	}

	.eco-area02 span {
		font-size: 1rem;
	}
}

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

}

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

}