@charset "UTF-8";

/* 회사개요 */
.corp-intro .section { margin-top: 12px; padding-top: 30px; border-top: 1px solid #eaeaea; }
.corp-intro .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.corp-intro .section .business-sectors ul li a { display: block; position: relative; }
.corp-intro .section .business-sectors ul li a .img { display: block; }
.corp-intro .section .business-sectors ul li a .img img { width: 100%; }
.corp-intro .section .business-sectors ul li a .txt { display: block; position: absolute; right: 0; bottom: 0; left: 0; padding: 10px 0; background-color: rgba(255,255,255,0.8); color: #222; font-weight: bold; font-size: 13px; text-align: center; }
.corp-intro .section .business-sectors .bx-pager { margin-top: 10px; text-align: center; }
.corp-intro .section .business-sectors .bx-pager .bx-pager-item { display: inline-block; }
.corp-intro .section .business-sectors .bx-pager .bx-pager-item a { display: inline-block; width: 12px; height: 12px; margin-left: 7px; background: url(/resources/images/m/kr/sk/common/pager.png) no-repeat; background-size: 12px 24px; color: transparent; }
.corp-intro .section .business-sectors .bx-pager .bx-pager-item:first-child a { margin-left: 0; }
.corp-intro .section .business-sectors .bx-pager .bx-pager-item a.active { background-position: 0 -12px; background-size: 12px 24px; }
.corp-intro .section h3 { margin-bottom: 19px; color: #7f5f2e; font-weight: bold; font-size: 15px; }
.corp-intro .section h4 { margin-bottom: 8px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.corp-intro .section p { font-size: 12px; }
.corp-intro .section p em { display: block; margin-bottom: 10px; color: #333; font-style: normal; font-weight: bold; }
.corp-intro .section .group-wrap { margin-top: 30px; padding-top: 17px; border-top: 1px solid #6f6f6f; }
.corp-intro .section .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.corp-intro .section .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.corp-intro .section .measure { position: relative; height: 1px; margin-bottom: 4px;}
.corp-intro .section .measure div { position: absolute; right: 0; bottom: 0; color: #888; font-size: 12px; }
.corp-intro .section .list { overflow: hidden; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #d8d8d8; }
.corp-intro .section .list li { float: left; width: 50%; box-sizing: border-box; border-top: 1px solid #eaeaea; }
.corp-intro .section .list li:nth-child(odd) { clear: both; }
.corp-intro .section .list li:nth-child(even) { border-left: 1px solid #eaeaea; }
.corp-intro .section .list li img { width: 100%; }

/* 지배구조 */
.structure .section { margin-top: 30px; }
.structure .section:first-child { margin-top: 0; }
.structure .section .group-wrap { padding: 30px 12px; border: 1px solid #e8e8e8; }
.structure .section .group { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d8d8d8; }
.structure .section .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.structure .section .group img { width : 100%; }
.structure .section .measure { position: relative; height: 1px; margin-bottom: 4px;}
.structure .section .measure div { position: absolute; right: 0; bottom: 0; color: #888; font-size: 12px; }
.structure .section .list { overflow: hidden; border-top: 1px solid #6f6f6f; border-bottom: 1px solid #d8d8d8; }
.structure .section .list li { float: left; width: 50%; box-sizing: border-box; border-top: 1px solid #eaeaea; }
.structure .section .list li:nth-child(odd) { clear: both; }
.structure .section .list li:nth-child(even) { border-left: 1px solid #eaeaea; }
.structure .section .list li img { width: 100%; }
.structure .section .btn-wrap { margin-top: 25px; text-align: center; }

/* 핵심가치 */
.valuable .img { border-top: 1px solid #e1e1e1; }
.valuable .img img { width: 100%; }
.valuable .section-wrap { margin-top: 35px; padding-top: 18px; border-top: 1px solid #6f6f6f; }
.valuable .section { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.valuable .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.valuable .section h3 { margin-bottom: 8px; color: #333; font-weight: bold; font-size: 12px; }

/* 찾아오시는 길 */
.contact .map { border: 1px solid #e8e8e8; border-top: 2px solid #333; }
.contact .map img { width: 100%; }
.contact .custom { margin-top: 10px; }
.contact .custom table tr td { text-align: left; }

/* 연혁 */
.history .tab-body .tab-content { display: none; }
.history .tab-body .tab-content.active { display: block; }
.history .description p { color: #333; font-weight: bold; font-size: 15px; letter-spacing: -1px; }
.history .description p em { color: #d80034; font-style: normal; }
.history .description .img { margin-top: 13px; }
.history .description .img img { width: 100%; }
.history .section-wrap { margin-top: 30px; }
.history .section { margin-top: 30px; }
.history .section:first-child { margin-top: 0; }
.history .section .table { padding: 10px 0; }
.history .section .table table tr > * { padding: 6px 5px 6px; border: 0; background-color: #fff; text-align: left; line-height: 1.5; vertical-align: top; }
.history .section .table table .mark > * { color: #7f5f2e; font-weight: bold; }
.history .section .table table .mark > td span { display: block; color: #555; font-style: normal; font-weight: normal; }

/* 윤리규범 */
.ethic .section { margin-top: 35px; }
.ethic .section:first-child { margin-top: 0; }
.ethic .section p em { display: block; margin-bottom: 10px; color: #333; font-style: normal; font-weight: bold; }
.ethic .section .custom { margin-top: 15px; }
.ethic .section .custom table tr td { text-align: left; }
.ethic .section .btn-wrap { margin-top: 20px; text-align: center; }
.ethic .section .btn-wrap div { margin-top: 5px; }
.ethic .section .btn-wrap div:first-child { margin-top: 0; }
.ethic .section .btn-wrap .download { width: 154px; text-align: left; }
.ethic .section .group-wrap { margin-top: 22px; border-top: 1px solid #6f6f6f; }
.ethic .section .group-wrap > div { min-height: 56px; padding: 15px 0 15px 98px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.ethic .section .group-wrap > div:first-child { border-top: 0; }
.ethic .section .group-wrap > div.group1 { background: url(/resources/images/m/kr/sk/company/ethic-item1.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div.group2 { background: url(/resources/images/m/kr/sk/company/ethic-item2.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div.group3 { background: url(/resources/images/m/kr/sk/company/ethic-item3.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div.group4 { background: url(/resources/images/m/kr/sk/company/ethic-item4.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div.group5 { background: url(/resources/images/m/kr/sk/company/ethic-item5.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div.group6 { background: url(/resources/images/m/kr/sk/company/ethic-item6.png) no-repeat 25px 20px; background-size: 50px 50px; }
.ethic .section .group-wrap > div h4 { margin-bottom: 5px; }

/* 동반성장 */
.growth .section { margin-top: 35px; }
.growth .section:first-child { margin-top: 0; }
.growth .section .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.growth .section .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.growth .section .group .img img { width: 100%; }
.growth .section .group .area-wrap { margin-top: 12px; }
.growth .section .group .area { margin-top: 12px; }
.growth .section .group .area:first-child { margin-top: 0; }
.growth .section .group .area h5 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 7px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }

/* SHE */
.she .tab { margin-top: 50px; }
.she .tab-content { display: none; }
.she .tab-content.active { display: block; }
.she .section { margin-top: 35px; }
.she .section:first-child { margin-top: 0; }
.she .group-wrap { margin-top: 18px; padding-top: 18px; border-top: 1px solid #6f6f6f; }
.she .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.she .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.she .group .img img { width: 100%; }
.she .area-wrap { margin-top: 12px; }
.she .area { margin-top: 12px; }
.she .area:first-child { margin-top: 0; }
.she .area h5 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 5px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.she .img1 { margin-bottom: 20px; }
.she .img2 { margin-top: 18px; border: 1px solid #e8e8e8; }
.she .img3 { margin-top: 18px; border: 1px solid #e8e8e8; }
.she .img4 { margin-top: 18px; border: 1px solid #e8e8e8; }
.she .img img { width: 100%; }
.she .list { margin-top: 18px; padding: 18px 10px 18px 98px; border-top: 2px solid #6f6f6f; border-bottom: 1px solid #d8d8d8; background: url(/resources/images/m/kr/sk/company/she-icon-list.png) no-repeat 29px 20px; background-size: 35px 42px; }
.she .list li { padding-left: 10px; line-height: 1.5; text-indent: -10px; }
.she .custom1 table tbody tr th { background-color: #fff; font-weight: normal; }
.she .custom1 table tfoot tr > * { padding: 13px 5px 14px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; background-color: #f9f9f9; color: #444; font-weight: bold; text-align: center; }
.she .custom1 table tfoot tr > *:first-child { border-left: 0; }
.she .custom2 { border-top: 0; }
.she .tip { margin-top: 10px; color: #888; font-size: 12px; line-height: 1.5; }

/* 사회공헌 */
.contribute .section { margin-top: 35px; }
.contribute .section:first-child { margin-top: 0; }
.contribute .section > p em { display: block; margin-bottom: 8px; color: #333; font-style: normal; font-weight: bold; }
.contribute .group-wrap { margin-top: 18px; padding-top: 18px; border-top: 1px solid #6f6f6f; }
.contribute .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.contribute .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.contribute .group .img img { width: 100%; }
.contribute .area-wrap { margin-top: 12px; }
.contribute .area { margin-top: 12px; }
.contribute .area:first-child { margin-top: 0; }
.contribute .area h5 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 5px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.contribute .visual { margin-bottom: 30px; }
.contribute .visual img { width: 100%; }

/* 재무정보 */
.finance .section { margin-top: 33px; }
.finance .section:first-child { margin-top: 0; }
.finance .section p { margin-bottom: 15px; line-height: 1.5; letter-spacing: -1px; }
.finance .section .measure { margin-bottom: 4px; color: #888; font-size: 12px; text-align: right; }
.finance .section .table table tbody tr th { background-color: #fff; }
.finance .section .table table tr > * { letter-spacing: -1px; }
.finance .section .table table tr.sum > * { background-color: #fbfbfb; font-weight: bold; }
.finance .section .table table tr.total > * { border-left: 1px solid #ccc2b0; background-color: #b8a78a; color: #fff; font-weight: bold; }
.finance .section .table table tr.total > *:first-child { border-left: 0; }
.finance .section .img {width:100%;}
.finance .section .img img {width:100%;}

/* Annual Report */
.annual-report .list { border-top: 1px solid #333; border-bottom: 1px solid #d8d8d8; }
.annual-report .list li { display: table; width: 100%; padding: 15px 0; border-top: 1px solid #eaeaea; }
.annual-report .list li:first-child { border-top: 0; }
.annual-report .list li .thumb { display: table-cell; width: 30%; vertical-align: top; }
.annual-report .list li .thumb img { width: 100%; }
.annual-report .list li .desc  { display: table-cell; width: 70%; padding-left: 10px; box-sizing: border-box; vertical-align: top; }
.annual-report .list li .desc .subject { margin-bottom: 45px; padding-top: 14px; color: #333; font-weight: bold; font-size: 13px; }
.annual-report .list li .desc .btn-wrap .select { width: 65px; }
.annual-report .list li .desc .btn-wrap .btn { padding: 8px 27px 8px 7px; background-image: url(/resources/images/m/kr/sk/common/icon-download.png); background-repeat: no-repeat; background-position: 110% 0; background-size: 35px 30px; text-align: left; letter-spacing: -1px;}

/* 인사제도 */
.right-people .img { margin-bottom: 20px; border: 1px solid #e8e8e8; }
.right-people .img img { width: 100%; }
.right-people .section { margin-top: 35px; }
.right-people .section:first-child { margin-top: 0; }
.right-people .section > p em { display: block; margin-bottom: 8px; color: #333; font-style: normal; font-weight: bold; }
.right-people .group-wrap { margin-top: 18px; padding-top: 18px; border-top: 1px solid #6f6f6f; }
.right-people .group { margin-top: 18px; padding-top: 18px; border-top: 1px solid #eaeaea; }
.right-people .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.right-people .group .img img { width: 100%; }
.right-people .area-wrap { margin-top: 12px; }
.right-people .area { margin-top: 12px; }
.right-people .area:first-child { margin-top: 0; }
.right-people .area h5 { margin-bottom: 8px; padding-left: 12px; background: url(/resources/images/m/kr/sk/common/bullet-dash-brown.png) no-repeat 0 5px; background-size: 7px 2px; color: #7f5f2e; font-weight: bold; font-size: 12px; }
.right-people .list-wrap { margin-top: 22px; border-top: 1px solid #6f6f6f; }
.right-people .list-wrap > div { min-height: 56px; padding: 15px 0 15px 98px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.right-people .list-wrap > div:first-child { border-top: 0; }
.right-people .list-wrap > div.item1 { background: url(/resources/images/m/kr/sk/company/right-people-item1.png) no-repeat 20px 20px; background-size: 50px 40px; }
.right-people .list-wrap > div.item2 { background: url(/resources/images/m/kr/sk/company/right-people-item2.png) no-repeat 20px 20px; background-size: 50px 40px; }
.right-people .list-wrap > div.item3 { background: url(/resources/images/m/kr/sk/company/right-people-item3.png) no-repeat 20px 20px; background-size: 50px 40px; }
.right-people .list-wrap > div h4 { margin-bottom: 5px; }

/* 채용정보 */
.recruit-intro .section { margin-top: 35px; }
.recruit-intro .section:first-child { margin-top: 0; }
.recruit-intro .section h3 { margin-bottom: 15px; }
.recruit-intro .section:first-child .group-wrap { border-top: 2px solid #6f6f6f; border-bottom: 1px solid #d8d8d8; }
.recruit-intro .section:first-child .group { margin-top: 0; padding: 15px 0; border-top: 1px solid #eaeaea; }
.recruit-intro .section:first-child .group:first-child { border-top: 0; }
.recruit-intro .group { margin-top: 15px; }
.recruit-intro .group:first-child { margin-top: 0; }
.recruit-intro .group h4 { margin-bottom: 10px; }
.recruit-intro .group p a { color: #ff7b00; text-decoration: underline; }
.recruit-intro .group p span { display: block; margin-top: 4px; color: #888; }
.recruit-intro .group .tip { margin-top: 8px; color: #888; }
.recruit-intro .group ul li { padding-left: 10px; line-height: 1.5; text-indent: -10px; }
.recruit-intro .table { margin-top: 13px; }
.recruit-intro .table table tr td { padding: 11px 10px 12px; line-height: 1.5; text-align: left; }
.recruit-intro .img { margin-bottom: 22px; }
.recruit-intro .img img { width: 100%; }
.recruit-intro .btn-wrap { margin-top: 23px; text-align: center; }

/* SK E&S Family */
.family .section { margin-top: 10px; }
.family .section:first-child { margin-top: 0; }
.family .section > a { display: block; padding: 12px 25px; border: 1px solid #cdcdcd; border-top: 2px solid #333; background: #fff url(/resources/images/m/kr/sk/company/icon-toggle.png) no-repeat 100% 15px; background-size: 37px 62px; color: #333; font-weight: bold; font-size: 14px; }
.family .section.active > a { border-top: 2px solid #d80034; background-position: 100% -35px; }
.family .section > div { display: none; padding: 15px 25px; border: 1px solid #cdcdcd; border-top: 0; background-color: #f8f8f8; box-shadow: inset 0 2px 0 #efefef; }
.family .section > div .group { margin-top: 12px; padding-top: 12px; border-top: 1px solid #d8d8d8; }
.family .section > div .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.family .section > div h3 { margin-bottom: 8px; color: #333; font-weight: bold; font-size: 12px; }
.family .section > div p { margin-bottom: 8px; color: #333; font-weight: bold; font-size: 12px; }
.family .section > div ul li { padding-left: 20px; color: #555; font-size: 12px; line-height: 1.5; }
.family .section > div ul li.tel  { background: url(/resources/images/m/kr/sk/company/icon-tel.png) no-repeat 0 3px; background-size: 14px 14px; }
.family .section > div ul li.fax  { background: url(/resources/images/m/kr/sk/company/icon-fax.png) no-repeat 0 3px; background-size: 14px 14px; }
.family .section > div ul li.addr { background: url(/resources/images/m/kr/sk/company/icon-addr.png) no-repeat 0 3px; background-size: 14px 14px; }
.family .section > div .btn-wrap { margin-top: 12px; text-align: center; }
.family .section.active > div { display: block; }

.icon-close:before { content: "\e695"; }
.icon-arrowleft:before { content: "\e698"; }

/*방문신청 모바일 메인*/
.visit-main .visit_btn_wrap {}
.visit-main .visit_btn_wrap section {
	display: flex; 
	flex-flow: row nowrap; 
	justify-content:space-between;
	margin-bottom: 10px;
	}
.visit-main .visit_btn_wrap section:last-child { margin-bottom: 0px; }
.visit-main .visit_btn_wrap section a {	
	width: 50%;
	margin-right: 10px;
	height: 125px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	}
.visit-main .visit_btn_wrap section a:last-child { margin-right: 0px; }

.visit-main .visit_btn_wrap section a.btn_request {
	background-color: #de0126;
	background-image: url(/resources/images/m/kr/sk/company/btn_visit.png);
	padding-top: 77px;
	}
.visit-main .visit_btn_wrap section a.btn_request span {
	display: block;
	font-size: 13px;
	}
.visit-main .visit_btn_wrap section a.btn_check {
	background-color: #ff7c00;
	background-image: url(/resources/images/m/kr/sk/company/btn_check.png);
	padding-top: 90px;
	}
.visit-main .visit_btn_wrap section a.btn_access {
	background-color: #987f57;
	background-image: url(/resources/images/m/kr/sk/company/btn_access.png);
	padding-top: 90px;
	}
.visit-main .visit_btn_wrap section a.btn_manage {
	background-color: #9ca5ab;
	background-image: url(/resources/images/m/kr/sk/company/btn_manage.png);
	padding-top: 90px;
	}
.visit-main .visit_btn_wrap section a.btn_map {
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #59a58f;
	}
.visit-main .visit_btn_wrap section a.btn_map span {
	display: inline-block;
	width: 55px;
	height: 55px;
	background-image: url(/resources/images/m/kr/sk/company/btn_map.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}