@charset "utf-8";

/* PC-Mobile 공통영역 */
.wrap-ccm .symbol{background: url(../../resources/images/management/img_ccm.png) no-repeat 0 0 / cover;text-indent: -9999px;}
#tab-ethics-2{display: none;}

/* PC Desktop - (가로폭 1024 이상) */
@media all and (min-width:1024px) {
	.sec-esg{}
	#tab-esg-1{margin-bottom: -60px;}
	#tab-esg-2{margin-bottom: -60px;}
	.txt-wrap-mid{margin-bottom: 40px;}
	.txt-wrap-mid .txt-1{margin-bottom: 12px;color: #000;font-size: 24px;font-weight: 600;line-height: 1.5;}
	.txt-wrap-mid .txt-2{margin-bottom: 16px;font-size: 18px;line-height: 1.7;}
	.txt-wrap-mid .txt-2 em{font-weight: 500;}
	.txt-wrap-mid .txt-3{padding: 44px 0 22px;color: #000;font-size: 42px;font-weight: 700;}
	.txt-wrap-mid .btn-detail{margin-left: 14px;padding: 0 10px;min-width: 94px;height: 28px;color: #fff;font-size: 16px;font-weight: 500;background-color: #000;border-radius: 100px;vertical-align: 2px;}
	.txt-wrap-mid table td{width: 20%;text-align: center;}
	.desc-wrap{margin-bottom: 70px;}
	.desc-wrap ul{display: flex;}
	.desc-wrap ul li{width: 100%;margin: 0 15px;padding: 54px 24px;background-color: #fff;border: 1px solid #e7e7e7;border-radius: 6px;}
	.desc-wrap.small ul{margin-bottom: 30px;}
	.desc-wrap ul li:first-child{margin-left: 0;}
	.desc-wrap ul li:last-child{margin-right: 0;}
	.desc-wrap ul li .txt-1{color: #000;font-size: 22px;font-weight: 700;line-height: 1.5;}
	.desc-wrap ul li .txt-1:after{content: "";display: block;width: 40px;height: 1px;margin: 28px 0;background-color: #000;}
	.desc-wrap ul li .txt-1-2{min-height: 120px;padding: 18px 0 8px;font-weight: normal;}
	.desc-wrap ul li .txt-2{line-height: 1.7;}
	.desc-wrap ul li.empty{opacity: 0;}
	.sec-contents .btns{display: flex;}
	.sec-contents .btns>a{display: block;width: 100%;height: 90px;line-height: 88px;margin: 0 15px;color: #000;font-size: 22px;font-weight: 500;text-align: center;border: 1px solid #000;border-radius: 6px;}
	.sec-contents .btns>a.btn-red{color: #e84942;border-color: #e84942;}
	.sec-contents .btns>a:first-child{margin-left: 0;}
	.sec-contents .btns>a:last-child{margin-right: 0;}
	.sec-contents article.location-sec {position: relative;min-height: 540px; padding: 70px 0; border-top: 1px solid #d9d9d9; margin-top:70px;}
	.sec-contents article.location-sec .txt-1 {margin-bottom: 8px; color: #000;font-size: 36px; font-weight: 700; line-height: 1.5;}
	.sec-contents article.location-sec .img-wrap { position: absolute;  top: 70px; right: 0; width:670px;}
	.sec-safety article .txt-1{margin-bottom: 11px;color: #000;font-size: 22px;font-weight: 600;}
	.sec-safety article .txt-2{font-size: 18px;line-height: 1.8;}
	.qna_table {width:100%; border-bottom:1px solid #cacaca;}
	.qna_table tbody tr:first-child th, .qna_table tbody tr:first-child td {border-top:1px solid #333;}
	.qna_table tbody th {padding-left:60px; font-size:16px; border-bottom:1px solid #e7e7e7; vertical-align:middle;}
	.qna_table tbody td {padding:10px 55px 10px 95px; border-bottom:1px solid #e7e7e7;}
	.qna_table tbody td input[type=text], .qna_table tbody td select {box-sizing:border-box; width:100%; height:40px; padding:0 15px; line-height:40px; border:1px solid #e2e2e2;-webkit-appearance: auto;}
	.qna_table tbody td textarea {box-sizing:border-box; width:100%; height:330px; padding:20px; border:1px solid #e2e2e2;}
	.qna_table tbody td input[type=text]::placeholder, .qna_table tbody td textarea::placeholder {color:#bcbcbc;}
	.qna_table tbody td input[type=text]:focus, .qna_table tbody td textarea:focus, .qna_table tbody td select:focus {border:1px solid #41139c; outline:1px solid #41139c;}
	.qna_table tbody td>.in_block {margin-left:5px;}
	.qna_table tbody td>.in_block:first-child {margin-left:0;}
	.qna_table tbody td>.in_block.email_mark {position:relative; padding-left:20px; margin-left:2px;}
	.qna_table tbody td>.in_block.email_mark::before {display:block; content:'\0040'; position:absolute; left:0; top:0; line-height:40px;}
	.qna_table tbody td .description {margin-top:15px; font-size:15px; color:#bcbcbc;}


	.qna_table tbody td .style_select {position:relative;}
	.qna_table tbody td .style_select>label {display:block; position:relative; width:100%; height:40px; padding-left:20px; line-height:38px; color:#454545; border:1px solid #e2e2e2;}
	.qna_table tbody td .style_select>label::after {
		display:block; 
		content:''; 
		position:absolute; 
		right:18px; 
		top:17px; 
		border:5px solid #454545; 
		border-left-color:transparent; 
		border-right-color:transparent; 
		border-bottom-color:transparent;
	}
	.qna_table tbody td .style_select label.on {color:#41139c; border:1px solid #41139c; outline:1px solid #41139c;}
	.qna_table tbody td .style_select label.on::after {border-color:#41139c; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}

	.qna_table tbody td .style_file {overflow:hidden; position:relative; width:100%; height:40px;}
	.qna_table tbody td .style_file>p {float:left; width:544px; height:40px; padding:0 15px; line-height:40px; background:#fff; border:1px solid #e2e2e2; border-right:0;}
	.qna_table tbody td .style_file>span {display:block; float:left; width:120px; height:40px; font-size:15px; color:#333; line-height:38px; text-align:center; background:#f6f6f6; border:1px solid #e2e2e2;}
	.qna_table tbody td input[type=file] {position:absolute; left:0; top:0; z-index:10; width:100%; height:40px; opacity:0;}

	.agree_area {margin:20px 0 50px; position:relative; display:flex;justify-content: flex-end;}

	.agree_area label a{display:inline-block; position:relative; height:28px; margin-left:10px; padding-left:0px; font-size:16px; color:#444; line-height:28px; letter-spacing:-1px; }
	.agree_area input[type="checkbox"] {display:inline-block;  width:28px; height:28px; background:#fff; border:1px solid #acacac; cursor:pointer;}
	.agree_area input[type="checkbox"]:checked {border:1px solid #41139c;}


}

/* Mobile Device (가로폭 1023px 이하) */
@media all and (max-width:1023px) {
	.sec-esg{}
	.sec-contents .txt-wrap-top{border-bottom: 1px solid #d9d9d9;}
	.sec-contents.sec-ethics .txt-wrap-top{border-bottom: none;}
	.sec-contents .txt-wrap-top .txt-desc{margin: 0 0 16px;padding-top: 16px;border-top: none;}
	.txt-wrap-mid{padding: 44px 0 0;}
	.txt-wrap-mid .txt-1{margin-bottom: 12px;color: #000;font-size: 19px;font-weight: 700;line-height: 1.5;}
	.txt-wrap-mid .txt-2{margin-bottom: 60px;font-size: 15px;line-height: 1.7;}
	.txt-wrap-mid table th{font-size: 13px;padding: 6px 0;}
	.txt-wrap-mid table td{width: 19%;text-align: center;}
	.txt-wrap-mid table td:last-child{width: 24%;}
	.txt-wrap-mid .btn-detail{margin-left: 6px;padding: 0 10px;min-width: 80px;height: 25px;color: #fff;font-size: 14px;font-weight: 500;background-color: #000;border-radius: 100px;vertical-align: 1px;}
	.list-talent ul{margin-bottom: 120px;border-top: 1px solid #d9d9d9;}
	.list-talent ul li{padding: 26px 0 24px;border-bottom: 1px solid #d9d9d9;}
	.list-talent .num{margin-bottom: 20px;color: #000;font-size: 26px;font-weight: 500;}
	.list-talent .txt-1{margin-bottom: 10px;color: #000;font-size: 19px;font-weight: 500;}
	.list-talent .txt-2{line-height: 1.7;}
	.sec-contents .btns{margin-bottom: 90px;}
	.sec-contents .btns>a{display: block;width: 100%;height: 54px;line-height: 52px;margin-top: 20px;color: #000;font-weight: 500;text-align: center;border: 1px solid #000;border-radius: 6px;}
	.sec-contents .btns>a:first-child{margin-top: 0;}
	.sec-contents .btns>a.btn-red{color: #e84942;border-color: #e84942;}
	.sec-contents article.location-sec {position: relative;min-height: 540px; padding: 60px 0; border-top: 1px solid #d9d9d9; margin-top:60px;}
	.sec-contents article.location-sec .txt-1 {margin-bottom: 28px; color: #000; font-size: 27px; font-weight: 700; line-height: 1.5;}
	.sec-contents article.location-sec .img-wrap {     margin-bottom: 22px; width:100%;}
	.sec-contents article.location-sec .txt-2{margin-bottom: 0px !important;font-size: 15px;line-height: 1.7;}
	.desc-wrap{margin-bottom: 60px;}
	.desc-wrap ul li{margin-bottom: 16px;padding: 40px 16px 30px;border: 1px solid #e7e7e7;background-color: #fff;border-radius: 6px;}
	.desc-wrap ul li .txt-1{color: #000;font-size: 22px;font-weight: 700;line-height: 1.5;}
	.desc-wrap ul li .txt-1:after{content: "";display: block;width: 30px;height: 1px;margin: 26px 0;background-color: #000;}
	.desc-wrap ul li .txt-1-2{padding: 12px 0 8px;font-size: 19px;font-weight: 500;line-height: 1.7;}
	.desc-wrap ul li .txt-2{font-size: 15px;line-height: 1.7;}
	.desc-wrap ul li.empty{opacity: 0;margin: 0;padding: 0;}
	.desc-wrap.txt-2-none ul li{padding: 34px 16px;}
	.desc-wrap.txt-2-none ul li .txt-1{font-size: 20px;}

	.sec-safety .txt-wrap-mid .txt-1{margin-bottom: 23px;color: #000;font-size: 20px;font-weight: 500;line-height: 1.5;}
	.sec-safety .txt-wrap-mid .txt-3{margin-bottom: 46px;color: #000;font-size: 26px;font-weight: 700;line-height: 1.7;}
	.sec-safety article{padding: 44px 0 50px;border-top: 1px solid #d9d9d9;}
	.sec-safety article .txt-1{margin-bottom: 12px;color: #000;font-size: 19px;font-weight: 700;line-height: 1.5;}
	.sec-safety article .txt-2{margin-bottom: 26px;font-size: 15px;line-height: 1.7;}
	.qna_table {width:100%; border-bottom:1px solid #cacaca;}
	.qna_table tbody tr:first-child th, .qna_table tbody tr:first-child td {border-top:1px solid #333;}
	.qna_table tbody th {padding-left:60px; font-size:16px; border-bottom:1px solid #e7e7e7; vertical-align:middle;}
	.qna_table tbody td {padding:10px 55px 10px 95px; border-bottom:1px solid #e7e7e7;}
	.qna_table tbody td input[type=text], .qna_table tbody td select {box-sizing:border-box; width:100%; height:40px; padding:0 15px; line-height:40px; border:1px solid #e2e2e2;-webkit-appearance: auto;}
	.qna_table tbody td textarea {box-sizing:border-box; width:100%; height:330px; padding:20px; border:1px solid #e2e2e2;}
	.qna_table tbody td input[type=text]::placeholder, .qna_table tbody td textarea::placeholder {color:#bcbcbc;}
	.qna_table tbody td input[type=text]:focus, .qna_table tbody td textarea:focus, .qna_table tbody td select:focus {border:1px solid #41139c; outline:1px solid #41139c;}
	.qna_table tbody td>.in_block {margin-left:5px;}
	.qna_table tbody td>.in_block:first-child {margin-left:0;}
	.qna_table tbody td>.in_block.email_mark {position:relative; padding-left:20px; margin-left:2px;}
	.qna_table tbody td>.in_block.email_mark::before {display:block; content:'\0040'; position:absolute; left:0; top:0; line-height:40px;}
	.qna_table tbody td .description {margin-top:15px; font-size:15px; color:#bcbcbc;}


	.qna_table tbody td .style_select {position:relative;}
	.qna_table tbody td .style_select>label {display:block; position:relative; width:100%; height:40px; padding-left:20px; line-height:38px; color:#454545; border:1px solid #e2e2e2;}
	.qna_table tbody td .style_select>label::after {
		display:block; 
		content:''; 
		position:absolute; 
		right:18px; 
		top:17px; 
		border:5px solid #454545; 
		border-left-color:transparent; 
		border-right-color:transparent; 
		border-bottom-color:transparent;
	}
	.qna_table tbody td .style_select label.on {color:#41139c; border:1px solid #41139c; outline:1px solid #41139c;}
	.qna_table tbody td .style_select label.on::after {border-color:#41139c; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;}

	.qna_table tbody td .style_file {overflow:hidden; position:relative; width:100%; height:40px;}
	.qna_table tbody td .style_file>p {float:left; width:544px; height:40px; padding:0 15px; line-height:40px; background:#fff; border:1px solid #e2e2e2; border-right:0;}
	.qna_table tbody td .style_file>span {display:block; float:left; width:120px; height:40px; font-size:15px; color:#333; line-height:38px; text-align:center; background:#f6f6f6; border:1px solid #e2e2e2;}
	.qna_table tbody td input[type=file] {position:absolute; left:0; top:0; z-index:10; width:100%; height:40px; opacity:0;}

	.agree_area {margin:20px 0 50px; position:relative; display:flex;justify-content: flex-end;}

	.agree_area label a{display:inline-block; position:relative; height:28px; margin-left:10px; padding-left:0px; font-size:16px; color:#444; line-height:28px; letter-spacing:-1px; }
	.agree_area input[type="checkbox"] {display:inline-block;  width:28px; height:28px; background:#fff; border:1px solid #acacac; cursor:pointer;}
	.agree_area input[type="checkbox"]:checked {border:1px solid #41139c;}
}