@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */
/* 서브 공통 */
.highlight {color:#0b42a7;}
.img-box img {max-width:100%;}
/* ********************************* 회사소개 ********************************* */
/* 회사소개 공통 */
.main-txt {text-align:center;}
.main-txt .main-tit {display:inline-block; font-size:4.9rem; line-height:1.49em; letter-spacing:-0.025em; color:#000; font-weight: 700; margin-bottom: 4.9rem;}
.main-txt.main-t {position:relative;}
.main-txt.main-t:before {display: block; content: "SHINYANG METAL"; position: absolute; top:-2rem; left: 0; font-style: italic; font-size: 14.8rem; width: 100%; font-weight: 800; color:rgba(243,244,248,0.75); z-index:-1;}
.main-txt.main-t .main-tit {margin-top:6.5rem;}
.main-txt .main-txt {font-size:2.1rem; line-height:1.905em; letter-spacing:-0.04em; color:#444; font-weight: 500; margin-bottom: 11.1rem;}

/* ******************  회사소개 :: 회사소개 ********************** */
.about-page {padding-bottom:18.8rem;}
/* about slide */
.about-page .slide-box {position: relative;}
.about-page .slide-box .arrowslider .slick-arrow {position: absolute; z-index:1; color:#fff; text-shadow: 1px 2px 9px rgb(0 0 0 / 26%); top:50%; transform:translateY(-50%);}
.about-page .slide-box .arrowslider .about_prev {left:0; cursor:pointer;}
.about-page .slide-box .arrowslider .about_next {right:0; cursor:pointer;}
.about-page .slide-box .arrowslider span {display:inline-block; /* width: 50%;  */font-size:8.1rem;}
.con-container .con-inner {max-width:var(--area-width); margin:0 auto;}
.profile-box {display:flex; justify-content:center; align-items:center; width:34.3rem; height:8rem; position: absolute; background: #fff; bottom:0; right:0;}
.profile-box a {display:block;}
.profile-inner {display:flex; align-items:center;}
.profile-box .tit {position: relative; font-size:1.6rem; line-height:1.5; font-weight: 600; color:#000;}
.profile-box .tit:after {display:block; content:""; position:absolute; width:2.5rem; height:1px; background: #151412; right:-4.2rem; top:50%; transform:translateY(-50%);}
.profile-box .icon {position: relative; display:inline-block; width:3.8rem; height:3.8rem; background:#1d3b9d; border-radius:50%; margin-left: 6.3rem;}
.profile-box .icon i {color:#fff; font-size:2rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
/* about list */
.about-list {margin-top:18.7rem;}
.about-list .item {position: relative; display:flex; align-items:center; margin-bottom: 16rem;}
.about-list .item:nth-of-type(even) {flex-direction:row-reverse;}
.about-list .item:nth-of-type(even) .right-box {padding: 0 11rem 0 5rem;}
.about-list .item:nth-of-type(odd) .right-box {padding:0 0 0 11rem;}
.about-list .item:last-child {flex-direction:row-reverse; margin-bottom: 12rem;}
.about-list .item .right-box {padding:0; padding-left:11rem;}
.about-page .production-btn {width: 28rem;
    height: 6.5rem;
    background: var(--main-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; margin:0 auto 18rem;
}
.about-page .production-btn em {font-size:1.8rem; line-height:1.5; letter-spacing:-0.03em; color:#fff;}
.about-page .production-btn i {font-size:1.7rem; margin-left:2rem;}
.about-page .business-con {top:0;}
.about-page .main-top-box .bg-box {background:url(/images/content/about_bg.jpg)no-repeat; background-size:cover; padding:23.5rem 0 27.7rem;}
.about-page .main-top-box .bg-txt-box {text-align:center;}
.about-page .main-top-box .bg-tit {display:inline-block; font-size:4.1rem; line-height:1.1; letter-spacing:-0.025em; font-weight: 600; color:#fff; margin-bottom: 4rem;}
.about-page .main-top-box .bg-txt {font-size:1.95rem; line-height:1.78; letter-spacing:-0.025em; color:rgba(255,255,255,0.7);}
.about-list .item .list-tit {display:inline-block; font-size:4rem; line-height:1.3em; font-weight: 700; margin-bottom:4.2rem;}
.about-list .item .list-txt {font-size:1.8rem; line-height:1.778em; letter-spacing:-0.03em; color:#666; font-weight: 500;}
.about-list .item .left-box {width: 51.64%; position:relative;}
.about-list .item .left-box .iframe-wrapper .iframe-inner {padding-top:66.24%;}
.about-list .item .right-box {width: calc(100% - 51.64%); padding:10rem 0 0 11rem; box-sizing:border-box;}
.about-list .item .more-btn {position:absolute; bottom:11.91%; left:46.25%; background:#1d3b9d; color: #fff; font-size:1.5rem; line-height:1.3; width:32.9rem; height:6.5rem; display:flex; align-items:center; padding-left:11.8rem; box-sizing:border-box;}
.about-list .item:last-child .more-btn {padding-left:4rem; left:initial; right:46.25%;}
.about-list .item .more-btn > i {font-size:1.7rem; margin-left:4rem;}
.about-list .item:last-child .more-btn > i {position:relative; top:-2px;}
.about-list .item .more-btn:before {display:block; content:""; position: absolute; width:22.9rem; width:31.1rem; height:100%; right:1.8rem; bottom:-1.8rem; background:rgba(29,59,157,0.1); z-index:-1;}
.about-list .item:last-child .more-btn:before {right:initial; left:1.8rem;}
/* tab */
.about-page .business-con {position: relative; top:-70px;}
/* tab1 */
.about-page .tab-con1 {margin-top: 8rem;}
.about-page .tab-con1 .figure-box-tit { font-size: 2.6rem; line-height: 1.1; letter-spacing: -0.01em; color: #111;
 font-weight: 600; margin:0 auto 1rem; max-width:1345px;}
.about-page .unit {font-size:1.5rem; line-height:2.8em; letter-spacing:-0.04em; color:#555; text-align:right; margin-right: 16rem;}
.figure-box {max-width:1345px; margin:0 auto; border:7px solid #ebedf3;}
.figure-box .figure-list {width: 100%; display:flex; padding:0 7.3rem; box-sizing:border-box;}
.figure-box .figure-list .item {text-align:center; width:20%; padding:5rem 0 4.7rem;}
.figure-box .figure-list .fi-tit {display:inline-block; font-size:1.8rem; letter-spacing:-0.04em; line-height:1.3; font-weight: 500; color:#000; margin-bottom: 1.3rem;}
.figure-box .figure-list .fi-txt {font-size:3.6rem; letter-spacing:-0.04em; line-height:1.1; color:#000; font-weight: 700;}
.about-page .b-con {max-width:120rem; margin:0 auto;}
.about-page .b-con .item {/* width:50%;  */display:flex; align-items:center; padding:7.6rem 0 8.8rem; border-bottom:1px solid #d7d7d7;}
.about-page .b-con .item:last-child {border-bottom:0; margin-bottom:0; padding:7.6rem 0 0;}
.about-page .b-con .txt-box {width:60%; margin-left:3rem;}
.about-page .b-con .item .factory {width:40%; text-align:right; margin-right:3rem;}
.about-page .b-con .item .factory img {width: 100%;}
.about-page .b-con .txt-box .tit {/* display:inline-block; */ display:flex; /* font-size:3.2rem; line-height:1.1; letter-spacing:-0.01em; color:#111; font-weight: 700; */ margin-bottom: 4.9rem;}
.about-page .b-con .txt-box .tit .img-box {align-self:flex-start; width:5.8rem; margin-right:1rem; box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.1);}
.about-page .b-con .txt-box .tit em {width:calc(100% - 5.8rem); font-size:3.2rem; line-height:1.1; letter-spacing:-0.01em; color:#111; font-weight: 700;}
.about-page .b-con .info {display:flex; flex-wrap:wrap; width: 100%;}
.about-page .b-con .info .info-item {display:flex; width:40%;}
.about-page .b-con .info .info-item:nth-of-type(odd) {margin-right: 2%;}
.about-page .b-con .info .info-item:nth-of-type(even) {width:50%;}
.about-page .b-con .info .info-item:nth-of-type(3) {margin-top:1.9rem;}
.about-page .b-con .info .info-item:nth-of-type(4) {margin-top:1.9rem;}
.about-page .b-con .info .info-tit {position: relative; width: 8.4rem; /* font-size:1.7rem; */ font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#000; font-weight:500; padding-left: 0.8rem; /* margin-right:2.8rem; */}
.about-page .b-con .info .info-tit:before {display:block; content:""; position:absolute; width: 3px; height: 3px; background:#000; left:0; top:10px;}
.about-page .b-con .info .info-txt {width:calc(100% - 8.4rem); /* font-size:1.7rem; */ font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#666;}

@media all and (max-width:1580px){
	.about-page {padding-bottom:10rem;}
}
@media all and (max-width:1280px){
	.about-list .item .right-box {padding:5rem 0 0 5.5rem;}
	.main-txt.main-t:before {top:0; font-size:10rem;}
	.about-list .item {margin-bottom:14.5rem;}
	.about-list .item .left-box {width: 100%;     height: 100%;}
	.about-list .item .right-box {width: 100%; padding:5rem 0;}
	.about-list .item .more-btn {position: relative; left:0; bottom:0;}
	.about-list .item:last-child .more-btn {left:0; right:initial; padding-left:11.8rem;}
	/* .about-list .item:nth-of-type(2) .right-box {padding:5rem 0;} */
} 
@media all and (max-width:1260px){
	.tab-con1 {padding:0 var(--area-padding);}
}
@media all and (max-width:800px){
	.about-page {padding-bottom:7rem;}
	.about-page .main-top-box .bg-box {padding:11.75rem 0 13.85rem;}
	/* 공통 */
	.main-txt .main-tit {font-size:3.9rem; margin-bottom:2.45rem;}
	.main-txt.main-t .main-tit {margin-top:3.25rem;}
	.main-txt.main-t:before {/* top:3rem; */ font-size:7rem;}
	.main-txt .main-txt {margin-bottom:5rem;}
	/* profile-box */
	.profile-box {width:initial; height:4rem; position:relative; left:50%; transform:translateX(-50%); top:2rem;}
	.profile-box .tit {font-size:2.1rem;}
	.profile-box .tit:after {width:1.5rem; right:-2.7rem;}
	.profile-box .icon {width:3rem; height:3rem; margin-left: 4rem;}
	.profile-box .icon i {font-size:1.5rem;}
	/* tab */
	.tab-con1 {padding:0;}
	.about-page .slide-box .arrowslider {position:absolute; top:50%; transform:translateY(calc(50% - 6.4rem)); width: 100%; height:4rem; z-index:10;}
	.about-page .slide-box .arrowslider span {font-size:1.6rem;}
	.about-list {margin-top:9.35rem;}
	.about-list .item {flex-wrap:wrap; margin-bottom:8rem;}
	.about-list .item:nth-of-type(odd) .right-box {padding:2rem 0 0 0;}
	.about-list .item:nth-of-type(even) .right-box {padding:2rem 0 0 0;}
	.about-list .item:last-child {margin-bottom: 6rem;}
	/* .about-list .item:last-child {margin-bottom: 10.9rem;} */
	/* .about-list .item:last-child .left-box:before {right:0; left:initial; top:-36%; width:20%; height:36%;} */
	.about-list .item .right-box {padding:2.5rem 0;}
	.about-list .item:nth-of-type(2) .right-box {padding:2.5rem 0;}
	.about-list .item .list-tit {margin-bottom:2.1rem; font-size:3rem;}
/* 	.about-page .con2 .bg-box {padding:11.75rem 0 9.9rem;}
	.about-page .con2 .bg-tit {margin-bottom:2rem;} */
	.about-page .production-btn {margin:0 auto 9rem;}
	.about-page .tab-con1 {margin-top:5.85rem;}
	.about-page .unit {margin-right:8rem;}
	.figure-box .figure-list {flex-wrap:wrap; padding:0 1rem;}
	.figure-box .figure-list .item {width: 50%; padding:2.5rem 0 2.35rem;}
	.about-page .business-con {top:-40px;}
	.about-page .b-con .item>div {width: 100%;}
	.about-page .b-con .txt-box {margin-left:0;}
	.about-page .b-con .txt-box .tit {margin-bottom: 2.45rem;}
	.about-page .b-con .item {flex-wrap:wrap; padding:3.8rem var(--area-padding);}
	.about-page .b-con .item:last-child {padding:3.8rem var(--area-padding) 0;}
	.about-page .b-con .item>di.about-page .business-con {width: 100%;}
	.about-page .b-con .item .factory {text-align:left; margin-top:3rem; margin-right:0;}
}

@media all and (max-width:480px){
	.main-txt.main-t:before {/* top:5rem; */ top:1.5rem; font-size:4rem;}
	.about-page .b-con .info .info-item {width: 100%;}
	.about-page .b-con .info .info-item:nth-of-type(2) {margin-top:1rem;}
	.about-page .b-con .info .info-item:nth-of-type(3) {margin-top:1rem;}
	.about-page .b-con .info .info-item:nth-of-type(4) {margin-top:1rem;}
	.about-page .b-con .info .info-item:nth-of-type(even) {width:100%;}
	.figure-box .figure-list .fi-txt{font-size:3rem;}
	.figure-box .figure-list .item{padding:1.5rem 0 2.35rem;}

}
/* ******************  회사소개 :: ceo 인사말 ********************** */
.ceo-page {padding-bottom:18.8rem;}
.ceo-page .bg-box {position: relative; background: url(/images/content/ceo_bg.jpg)no-repeat; width:100%; height:83rem; background-position:center;}
.ceo-txt-box {position:absolute; /* left:15.65%; */ padding:0 15.33%; width:100%; box-sizing:border-box; top:20rem;}
.ceo-tit {display:inline-block; font-size:4.4rem; line-height:1.523em; letter-spacing:-0.015em; color:#fff; font-weight: 700; margin-bottom: 5rem;}
.ceo-txt {font-size:2.15rem; line-height:1.78; letter-spacing:-0.025em; font-weight: 500; color:rgba(255,255,255,0.85);}
/* .ceo-page .main-txt .main-txt {margin-bottom: 7.5rem;}
.ceo-page .main-txt.main-t:before {content:"CEO MESSAGE";} */
.ceo-box {margin:0 auto; position: relative; top:-20.9rem;}
.ceo-box-inner {background:#fff; /* box-shadow: -1px 2px 63.92px 4.08px rgba(0, 0, 0, 0.08); */ padding:8.7rem 9rem 0;}
.ceo-box .ceo-sub-txt {/* font-size:1.8rem; */ font-size:2.15rem; line-height:1.88; letter-spacing:-0.05em; color:#555; margin-bottom:4rem;}
.ceo-box .ceo-sub-txt:last-child {margin-bottom:0;}
.ceo-box .sign {display:inline-block; float:right; margin-top: 8rem;}
.ceo-box .sign .sign-txt {font-size:1.9rem; line-height:1.5; letter-spacing:-0.025em; color:#222; font-weight: 700;}
.ceo-box .sign .img-box {display:inline-block; margin-left: 4rem;}
/* .ceo-info {background:#fff; box-shadow: -1px 2px 63.92px 4.08px rgba(0, 0, 0, 0.08); padding:7rem 5rem;}
.ceo-info .item{display:flex; padding-bottom:6rem;}
.ceo-info .item:first-child {border-bottom:1px solid #eee;}
.ceo-info .item:last-child {margin-top:5.7rem; padding-bottom:0;}
.ceo-info .item .icon-box {width:5.8rem; margin-right:3rem;}
.ceo-info .item .txt-box {width:calc(100% - 5.8rem);}
.ceo-info .item .txt-box>div {display:flex; margin-top:4.3rem;}
.ceo-info .item .txt-box>div:nth-child(1) {margin-top:0;}
.ceo-info .item .txt-box .tit {width:12.5rem; font-size:1.95rem; line-height:1.68; letter-spacing:-0.025em; color:#111; font-weight: 700;}
.ceo-info .item .txt-box .txt {width:calc(100% - 12.5rem); font-size:1.7rem; line-height:1.88; letter-spacing:-0.025em; color:#555;} */
/* .ceo-box .ceo-sub-txt {font-size:1.85rem; line-height:2.162em; letter-spacing:-0.025em; color:#444; font-weight:500; text-align:center; margin-top:7.4rem;} */
@media all and (max-width:1580px){
	.ceo-page {padding-bottom:10rem;}
}
@media all and (max-width:1280px){
	/* .ceo-box .ceo-sub-txt {padding:0 var(--area-padding);} */
}
@media all and (max-width:800px){
	.ceo-page {padding-bottom:7rem;}
	.ceo-page .bg-box {background-position:70%;}
	.ceo-txt-box {/* left: 7%; */ padding: 0 4rem; top: 5rem;}
	.ceo-tit {font-size:2rem; margin-bottom: 2.5rem;}
	.ceo-txt {font-size:1.8rem;}
	.ceo-page .main-txt .main-txt {margin-bottom:3.75rem;}
	.ceo-page .bg-box {height: 32.65rem; padding-bottom:8rem;}
	.ceo-box {top:-4rem;}
	.ceo-box-inner {padding:4rem 4.5rem 0;}
	.ceo-box .ceo-sub-txt {margin-bottom:2rem; font-size:1.6rem;}
	.ceo-box .sign {float:none; padding-left:4rem; margin-top:4rem;}
	/* .ceo-info {padding:3.5rem 2.5rem;}
	.ceo-info .item {flex-wrap:wrap; padding-bottom:3rem;}
	.ceo-info .item:last-child {margin-top:2.85rem;}
	.ceo-info .item .txt-box {width:100%;}
	.ceo-info .item .txt-box>div {flex-wrap:wrap; margin-top:2.15rem;}
	.ceo-info .item .txt-box .tit {width: 100%;}
	.ceo-info .item .txt-box .txt {width: 100%;} */
	/* .ceo-box .ceo-sub-txt {margin-top:3.7rem;}
	.ceo-box .ceo-sub-txt > br {display:none;} */
}

@media all and (max-width:480px){
	.ceo-box {top:-2rem;}
	/* .ceo-page .bg-box {padding-bottom:15rem;} */
	.ceo-box-inner {padding:2rem 2rem 0;}
	.ceo-box .sign {padding-left:2rem; margin-top:3rem;}
	.ceo-box .sign .img-box {width:40%;}
}


/* ******************  회사소개 :: 경영이념 ********************** */
.management-page {padding-bottom:18.8rem;}
.management-page .main-box {text-align:center;}
.management-page .main-box .tit {display:inline-block; font-size:8.2rem; line-height:1.1; margin-bottom: 2.2rem;} 
.management-page .main-box .sub-txt {font-size:2.6rem; line-height:1.5; letter-spacing:-0.04em; color:#333; font-weight: 500; margin-bottom: 14.2rem;}
.management-page .main-box .sub-txt .highlight {font-weight: 700;}
.management-page .bg-box {background: url(/images/content/management_bg.jpg)no-repeat; width:100%; height:58.6rem; background-position:center; 
background-size:cover;}
.management-page .philosophy {text-align:center;}
.management-page .philosophy .m {display:none;}
.manage-list {display:flex; margin:-6.9rem auto 0;}
.manage-list .item {width:20%; text-align:center; }
.manage-list .item .icon-box {width:13.7rem; margin:0 auto; }
.manage-list .item .icon-box > span {position: relative; height:0; padding-top:100%; display:block; border-radius:50%; background:#fff; border:1px solid #dddfe3; box-shadow: -4px 9px 38.7px 4.3px rgba(0, 0, 0, 0.08); margin-bottom:3.3rem;}
.manage-list .item:nth-of-type(2) .icon-box span img {padding-right:2rem;}
.manage-list .item .list-txt {font-size:2rem; line-height:1.5em; letter-spacing:-0.015em; color:#444; font-weight: 600;}

@media all and (max-width:1580px){
	.management-page {padding-bottom:10rem;}
}

@media all and (max-width:800px){
	.management-page {padding-bottom:7rem;}
	.management-page .main-box .tit {font-size:6.5rem;}
	.management-page .main-box .sub-txt {margin-bottom:7.1rem;}
	.management-page .bg-box {height: 29.3rem;}
	.management-page .philosophy .pc {display:none;}
	.management-page .philosophy .m {display:inline-block;}
	.manage-list {flex-wrap:wrap;}
	.manage-list .item {width: 33%; margin-bottom:2rem;}
	.manage-list .item:last-child {margin-bottom: 0;}
	.manage-list .item .img-center {width:45%;}
}

@media all and (max-width:480px){
	.management-page .main-box .tit {font-size:4.5rem;}
	.manage-list .item {width: 50%;}
}

/* ******************  회사소개 :: 사업장정보 ********************** */
.location-page .location {display:flex; align-items:center; padding:8.7rem 0 10.8rem;}
.location-page .location > div {width:50%; box-sizing:border-box;}
.location-page .location .loca-info {padding:0 8.5rem;}
.location-page .location .slide-box {padding-right:9.4rem;}
.location-page .location .slide-box img {width:100%;}
.location-page .location .slide-box .slide-inner {position: relative;}
.loca-info .loca-name {/* display:inline-block; */ display:flex; font-size:3.6rem; line-height:1.1; letter-spacing:-0.03em; color:#000; font-weight: 700; margin-bottom: 5.7rem;}
.loca-info .loca-name .img-box {width:5.8rem; align-self:flex-start; margin-right:2.5rem; box-shadow: 5px 9px 8px 0px rgb(0 0 0 / 10%);}
.loca-info .loca-name em { font-size: 3.6rem; line-height: 1.1; letter-spacing: -0.03em; color: #000; font-weight: 700;}
.loca-info-list {}
.loca-info-list .list-item {display:flex; margin-top:1.5rem;}
.loca-info-list .list-item:first-child {margin-top: 0;}
.loca-info-list .list-item .sub-tit {font-size:1.7rem; line-height:1.5; letter-spacing:-0.04em; color:#111; font-weight: 600; margin-right:4.4rem;}
.loca-info-list .list-item .txt {font-size:1.7rem; line-height:1.5; letter-spacing:-0.04em; color:#555; font-weight: 500;}

.loca-con {height: 56.4rem;}
/* slide */
.loca-slide .slick-dots {display:flex; margin-top:1.9rem;}
.loca-slide .slick-dots button {background: #e3e3e3; border-radius:50%; width:7.84px; height:7.84px; text-indent:-9999px; margin-right: 1rem;}
.loca-slide .slick-dots .slick-active button {background: #1d3b9d;}

/* slide arrows*/
.loca-arrows {position:absolute; right:0; bottom:-6px;}
.loca-arrows .slick-arrow {font-size:2.4rem; padding-right:2.5rem; cursor:pointer;}
.loca-arrows .slick-arrow:last-child {padding-right:0;}

@media all and (max-width:800px){
	.loca-con {height: 28.2rem;}
	.location-page .location {flex-wrap:wrap; padding:5.1rem 0;}
	.location-page .location > div {width: 100%;}
	.location-page .location .loca-info {padding:4rem 0 0;}
	.loca-info .loca-name {margin-bottom:2.85rem;}
	.location-page .location .slide-box {padding-right:0;}
}
/* ********************************* R&D 센터 ********************************* */
/* ******************  R&D 센터 :: 센터 개요 ********************** */
.summary-page .main-txt.main-t:before {content:"R&D CENTER"}
.summary-page .main-txt.main-t span {color:#002eb8;}
.summary-page .main-txt .main-txt {margin-bottom:0;}
.summary-page .main-txt .main-txt:last-child {margin-top:2.4rem;}
.summary-page .main-txt .main-txt span {position: relative; display:inline-block; color:#002eb8;}
.summary-page .main-txt .main-txt span:before {display:block; content:""; position:absolute; bottom:15%; left:50%; transform:translateX(-50%); width:100%; height:18px; background: rgba(3,85,221,0.08);}
/* R&D 센터 하단 */
.summary-page .summary-bottom-con {background: url(/images/content/summary_bg.png)no-repeat; padding-bottom: 29rem; background-size: 100%;  background-position: 0 13.8rem;}
.summary-page .summary-bottom-con > div img {max-width:100%; box-shadow: 1px 2px 63.92px 4.08px rgb(5 20 64 / 11%);}
.summary-page .summary-bottom-con .left-box {margin-right:2rem;}
.summary-page .summary-bottom-con .img-con{display:flex; max-width:1200px; margin:11.2rem auto 0;}

@media all and (max-width:800px){
	.summary-page .summary-bottom-con {padding-bottom:14.5rem; background-position:0 6.9rem;}
	.summary-page .summary-bottom-con .img-con {margin:5.6rem auto 0;}
}
/* ******************  R&D 센터 :: 조직 ********************** */
.org-page .custom-scrollbar-wrapper {text-align:center;}
.org-page .con01 .con-inner {padding-bottom:10.6rem;}
.org-page .img-box {text-align:center;}
.org-page .con02 {background: #f9f9fc; padding:13.7rem 0 12.7rem;}
.org-page .con02 .tit-box{font-size:4.2rem; color:#111; text-align:center; line-height:1.5; letter-spacing:-0.025em; margin-bottom: 5.9rem;}

@media all and (max-width:800px){
	.org-page .con01 .con-inner {padding-bottom:5.3rem;}
	.org-page .con02 {background: #f9f9fc; padding:6.85rem 0 6.35rem;} 
}

/* ******************  R&D 센터 :: 선행 기술 ********************** */
.tech-page .tab-con-inner {max-width:1200px; margin:0 auto;}
.tech-page .tab-con {padding:11.2rem 0 12.8rem; border-bottom:1px solid #ddd;}
.tech-page .tab-con:last-child {border-bottom:0; padding:11.2rem 0 0;}
.tech-page .con-tit-box {text-align:center;}
.tech-page .con-tit-box .sub-tit{display:inline-block; font-size:1.7rem; line-height:1.5; letter-spacing:-0.01em; font-weight: 600; color:#002db8; margin-bottom: 0.8rem;}
.tech-page .con-tit-box .tit {font-size:3.6rem; line-height:1.2; letter-spacing:-0.03em; color:#000; font-weight: 700; margin-bottom:3.1rem;}
.tech-page .con-tit-box .txt {font-size:1.8rem; line-height:1.833em; letter-spacing:-0.015em; color:#444; margin-bottom:7.3rem;}
.tech-page .tech-list {display:flex;}
.tech-page .tech-list .list-item {position: relative; width:50%; padding-top:24.41%; margin-right: 2rem; border:1px solid #d2d2d2; box-shadow: 12px 10px 10px 0px rgba(0, 0, 0, 0.03);}
.tech-page .tab-con1 .tech-list .list-item , .tab-con2 .tech-list .list-item {margin-right:0; border:none; box-shadow:none;}
.tech-page .tab-con1 .tech-list , .tab-con2 .tech-list {border:1px solid #d2d2d2; box-shadow: 12px 10px 10px 0px rgb(0 0 0 / 3%);}
.tech-page .tech-list .list-item:last-child {margin-right: 0;}
.tech-page .tech-list .list-item img {padding:0 3rem; box-sizing:border-box;}

/* tabConM02 */
/* 동영상 1 */
.tech-page .iframe-container .iframe-inner {overflow: hidden; position: relative; width: 64.41%; margin:0 auto; height: 0; padding-top: 34.25%;}
.tech-page .iframe-container .iframe-inner iframe {position:absolute; top:0; left:0; max-width:100%; max-height:100%;}
.tech-page #tabConM02 .tit {margin-bottom:1rem;}
.tech-page #tabConM02 .sub-tit {display:flex; justify-content:center; align-items:center; font-size:2rem; letter-spacing:-0.03em; color:#002eb8; margin-bottom:3rem;}
.tech-page #tabConM02 .sub-tit > span {color:rgba(0,46,184,0.45); font-weight: 600; font-size:3.3rem;}
.tech-page #tabConM02 .sub-tit em {padding:0 1.5rem; font-weight: 500;}
.tech-page #tabConM02 .tech-slide-box {width:64.41%; margin: 0 auto;}
.tech-page #tabConM02 .tech-slide-box .slick-arrow {position:absolute; top:50%; transform:translatey(-50%); width:7.3rem; height:7.3rem; border-radius:50%; background: #fff; border:1px solid #eee; box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.06);}
.tech-page #tabConM02 .tech-slide-box .slick-arrow i {font-size:2.2rem;}
.tech-page #tabConM02 .tech-slide-box .slick-prev {left:-15rem;}
.tech-page #tabConM02 .tech-slide-box .slick-next {right:-15rem;}
.tech-slide img {max-width:100%;}
.tech-page #tabConM02 .img-list {display:flex;}
.tech-page #tabConM02 .img-list .list-item {margin-right: 1.7rem;}
.tech-page #tabConM02 .img-list .list-item:last-child {margin-right: 0;}
.tech-page #tabConM02 .tab-con3 .tit {margin-bottom:3rem;}
.tech-page #tabConM02 .tab-con4 .tit {margin-bottom:3rem;}
.tech-page #tabConM02 .tab-con4 .custom-scrollbar-wrapper {text-align:center;}
@media all and (max-width:800px){
	.tech-page .tab-con {padding:5.6rem 0 6.4rem;}
	.tech-page .con-tit-box .txt {margin-bottom:3.65rem;}
	.tech-page .tech-list {flex-wrap:wrap;}
	.tech-page .tech-list .list-item {width:100%; padding-top:45%; margin-right:0; margin-bottom:2rem;}
	.tech-page .tech-list .list-item:last-child {margin-bottom: 0;}
	/* tabConM02 */
	.tech-page #tabConM02 .sub-tit {margin-bottom:1.5rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-arrow {width:5rem; height:5rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-prev {left:-10rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-next {right:-10rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-arrow i {font-size:1.8rem;}
	.tech-page #tabConM02 .img-list {flex-wrap:wrap;}
	.tech-page #tabConM02 .img-list .list-item {margin-right:0; width:100%;}
	.tech-page #tabConM02 .img-list .list-item:last-child {margin-top:2rem;}
	.tech-page #tabConM02 .img-list .list-item .img-box {text-align:center;}
	.tech-page #tabConM02 .tab-con3 .tit {margin-bottom:1.5rem;}
	.tech-page #tabConM02 .tab-con4 .tit {margin-bottom:1.5rem;}
}
@media all and (max-width:480px){
	.tech-page #tabConM02 .tech-slide-box .slick-arrow {width:3rem; height:3rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-prev {left:-5rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-next {right:-5rem;}
	.tech-page #tabConM02 .tech-slide-box .slick-arrow i {font-size:1.2rem;}
}
/* ******************  R&D 센터 :: 신합금 개발 ********************** */
.develop-page {padding-bottom:18.8rem;}
.develop-page .bg-box {background: url(/images/content/develop_bg.jpg)no-repeat 50%; background-size:cover; padding:26.9rem 0 10.2rem;}
.develop-page .bg-box .icon-box {margin-bottom:3rem;}
.develop-page .bg-tit {display:inline-block; font-size:4rem; line-height:1.25em; letter-spacing:-0.04em; color:#fff; font-weight: 700; margin-bottom: 2.9rem;}
.develop-page .bg-txt {font-size:2rem; line-height:1.77em; letter-spacing:-0.015em; color:#ddd;}
.develop-page .img-list {display:flex; justify-content:space-evenly; margin-top:11.3rem;}

@media all and (max-width:1580px){
	.develop-page {padding-bottom:10rem !important;}
}
@media all and (max-width:800px){
	.develop-page {padding-bottom:7rem !important;}
	.develop-page .bg-box {position: relative; padding:8.45rem 0 5.1rem;}
	.develop-page .bg-box:before {position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
	.develop-page .bg-tit-box {position: relative; z-index:1;}
	.develop-page .img-list {flex-wrap:wrap;}
	.develop-page .img-list .item {margin-bottom:3rem;}
	.develop-page .img-list .item:last-child {margin-bottom:0;}
}
/* ********************************* 인재채용 ********************************* */
/* ******************  인재채용 :: 인재개발 ********************** */
#content.talentCon #contentInfoCon {margin:0 auto 5rem;}
.talent-page .recruit-txt {font-size: 2.9rem; line-height: 1.8; letter-spacing: -0.025em; font-weight: 600; text-align: center; margin-bottom:5rem;}
.talent-page .recruit-txt>span {color:#1d3b9d;}
.talent-list {display:flex;}
.talent-list .item {width:calc((100% - 2rem) / 4); margin-right: 2rem;}
.talent-list .item:last-child {margin-right: 0;}
.talent-list .item .item-inner{display:flex; flex-direction:column;}
.talent-list .item .txt-box {display:flex; flex-direction:column; justify-content:center; position:relative; text-align:center; height:27.2rem; border:1px solid #ddd; /* padding:5rem 0 5.8rem; */}
.talent-list .item .txt-box:before {display:block; content:""; position:absolute; width:5rem; height:1.9px; background: #333; top:0; left:50%; transform:translateX(-50%); margin-top: -1px;}
.talent-list .item .num {font-size:3.6rem; line-height:1.1; letter-spacing:-0.02em; color:#052da8; font-weight: 700; font-style:italic;}
.talent-list .item .tit {display:block; font-size:2.6rem; line-height:1.2; letter-spacing:-0.025em; color:#000; font-weight: 600; margin-top: 1.6rem;}
.talent-list .item .txt {font-size:1.7rem; line-height:1.5; letter-spacing:-0.05em; color:#777; margin-top: 2.2rem; padding:0 1rem;}
@media all and (max-width:800px){
	.talent-page .recruit-txt {font-size:2.2rem;}
	.talent-list {flex-wrap:wrap;}
	.talent-list .item {width:calc((100% - 2rem) / 2); box-sizing:border-box;}
	.talent-list .item .item-inner {display:grid; grid-template-rows:1fr 1fr; grid-template-columns:1fr;}
	.talent-list .item:nth-of-type(2n) {margin-right:0;}
	.talent-list .item:nth-child(1){margin-bottom: 2rem;}
	.talent-list .item:nth-child(2){margin-bottom: 2rem;}
	.talent-list .item .txt-box {height:initial; padding:5rem 0 5.8rem;}
	.talent-list .item img {max-width:initial; width:100%; height:100%;}
}
@media all and (max-width:480px){
	.talent-list .item {width:100%; margin-right:0; margin-bottom:2rem;}
	.talent-list .item .item-inner {display:block;}
	.talent-list .item .txt-box {padding:3rem 0;}	
}
/* ******************  인재채용 :: 복리후생 ********************** */
.welfare-page {padding-bottom:18.8rem;}
.welfare-page .con-sub-tit {display:block; font-size:3.6rem; line-height:1.1; letter-spacing:-0.04em; color:#333; font-weight: 700; padding-bottom: 1.9rem; border-bottom:2px solid #000;}
.welfare-page .con-inner {padding:7.9rem 5.7rem 9rem;}
.welfare-page .sub-tit {font-size:2.8rem; line-height:1.1; letter-spacing:-0.04em; color:#333; font-weight: 700;}
.welfare-page .sub-txt {font-size:1.8rem; line-height:1.88; letter-spacing:-0.015em; color:#666; margin-top: 2rem;}
.personal-list {display:flex; margin-top: 4.9rem;}
.personal-list .item {position: relative; /* width:11.37%; */ width:10.17%; margin-right: 9rem; border-radius:50%; border:10px solid rgba(162,186,230,0.2);}
.personal-list .item:after {display:block; content:""; position:absolute; background: url(/images/content/welfare_arrow.png)no-repeat; background-size:contain; width: 3.7rem; height: 1.7rem; top:50%; transform:translateY(-50%); right:-7.5rem}
.personal-list .item:last-child:after {display:none;}
.personal-list .item .item-inner {position:relative; height:0; padding-top:100%; display:block; background:#95b0e2; border-radius:50%;}
.personal-list .item:nth-child(2) .item-inner{background:#7d9dd9;}
.personal-list .item:nth-child(3) .item-inner{background:#6289d1;}
.personal-list .item:nth-child(4) .item-inner{background:#446fbe;}
.personal-list .item:nth-child(5) .item-inner{background:#2355b0;}
.personal-list .item:nth-child(6) .item-inner{background:#0b42a7;}
.personal-list .item .item-inner .item-txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:2rem; color:#fff; letter-spacing:-0.025em;}
.welfare-page .bg-box {width:100%; background:url(/images/content/welfare_bg.png)no-repeat; background-color: #f3f5fb; background-position-y:8.3rem; margin-bottom: 25rem;}
.welfare-page .con-box.con2 {display:flex; height:100%; align-items:center;}
.welfare-page .con-box.con2 .txt-box {width: 50%; padding:0 5.7rem; box-sizing:border-box;} 
.welfare-page .con-box.con2 .img-box {width: 50%; align-self:flex-start; position: relative; top:8.3rem;}
.welfare-page .con-box.con2 .img-box img {box-shadow: 21px 40px 54px 6px rgba(0, 0, 0, 0.25);}
.welfare-list {display:flex; flex-wrap:wrap;}
.welfare-list .item{display:flex; width: 50%; min-height:26rem; padding:6rem 0 6rem 5.6rem; border-bottom:1px solid #ddd; box-sizing:border-box;}
.welfare-list .item:last-child{width: 100%;}
.welfare-list .item:nth-of-type(even) {padding:6rem 0 6rem 1.8rem;}
.welfare-list .item .item-inner {display:flex; align-items:center; }
.welfare-list .item .icon-box {width: 6.4rem;}
/* .welfare-list .item .icon-box {margin-right: 6rem;} */
.welfare-list .item .txt-con {width: calc(100% - 6.4rem); padding-left:6rem; box-sizing:border-box;}
.welfare-list .item .wel-tit {display:flex; font-size:2.4rem; line-height:1.211em; letter-spacing:-0.04em; font-weight: 700; margin-bottom: 2rem; color:#333;}
.welfare-list .item .wel-tit .num {font-style:italic; color:#0b42a7; margin-right: 1.3rem;}
.welfare-list .item .txt {font-size:1.75rem; line-height:1.7; letter-spacing:-0.025em; color:#666;}
.welfare-list .item .right-box {padding-left: 1.8rem;}

@media all and (max-width:1280px){
	.personal-list .item {margin-right: 4.5rem;} 
	.personal-list .item:after {width:2rem; right:-4.2rem;}
	.personal-list .item .item-inner .item-txt {font-size:1.5rem;}
}
@media all and (max-width:800px){

	.welfare-page {padding-bottom:7rem;}
	.welfare-page .con-inner {padding:4rem 0;}
	.welfare-page .bg-box {margin-bottom:12.5rem;}
	.personal-list {flex-wrap:wrap; margin-top:2.45rem;}
	.personal-list .item {width:15.37%; margin-bottom:2rem;}
	.welfare-page .con-box.con2 {flex-wrap:wrap;}
	.welfare-page .con-box.con2 .txt-box {width: 100%; padding:4rem 0;}
	.welfare-page .con-box.con2 .img-box {width: 100%; position:static; top:initial;}
	.welfare-list .item {width: 100%; min-height:initial; padding:3rem 0 3rem 2.8rem;}
	.welfare-list .item:nth-of-type(even) {padding:3rem 0 3rem 2.8rem;}
	.welfare-list .item .txt-con {width:calc(100% - 3.4rem); padding-left:3rem;}
	.personal-list .item .item-inner .item-txt{font-size:2rem;}
}
@media all and (max-width:480px){
	.personal-list .item {width:32%;}
}
/* ******************  인재채용 :: 채용절차 ********************** */
/* 리스트 1 */
.recruit-page .recruit-list {display:flex; margin-bottom:10.3rem;}
.recruit-list .recruit-item {width:20%; height:25rem; text-align:center; display:flex; align-items:center; justify-content:center; margin-right: 1rem;}
.recruit-list .recruit-item:last-child {width:calc(20% - 6rem); border:20px solid #0d2aa7; border-radius:50%; box-sizing:border-box; margin-right: 0;}
.recruit-list .recruit-item:last-child .item-inner {width: 100%; margin-right:0;}
.recruit-list .recruit-item .item-inner {width:calc(100% - 6rem); margin-right: 6rem;}
.recruit-list .recruit-item .num {display:inline-block; font-size:1.9rem; line-height:1.3; letter-spacing:-0.02em; color:#a4beef; font-weight: 700; font-style:italic; margin-bottom:1rem;}
.recruit-list .recruit-item .icon-box {position:relative; margin-bottom: 1.8rem;}
.recruit-list .recruit-item .icon-box span{position:relative; height:0; display:block; padding-top:23.77%;}
.recruit-list .recruit-item:last-child .icon-box span {padding-top:28.44%;} 
.recruit-list .recruit-item .tit {font-size:1.9rem; line-height:1.3; color:#18243e; font-weight: 600;}
.recruit-list .recruit-item {}
.recruit-item:nth-child(1) {background: url(/images/content/recruit_bg_01.png)no-repeat; background-size:contain; background-position:center;}
.recruit-item:nth-child(2) {background: url(/images/content/recruit_bg_02.png)no-repeat; background-size:contain; background-position:center;}
.recruit-item:nth-child(3) {background: url(/images/content/recruit_bg_03.png)no-repeat; background-size:contain; background-position:center;}
.recruit-item:nth-child(4) {background: url(/images/content/recruit_bg_04.png)no-repeat; background-size:contain; background-position:center;}
.recruit-item:nth-child(2) .num {color:#7d9dd9;}
.recruit-item:nth-child(3) .num {color:#4c77c5;}
.recruit-item:nth-child(4) .num {color:#2354af;} 
.recruit-item:nth-child(5) .num {color:#0d43a7;}
/* 리스트 2 */
.recruit-sub-list {display:flex; flex-wrap:wrap; border-top:2px solid #000; margin-bottom: 4rem;}
.recruit-sub-list .list-item {width: 50%; border-bottom:1px solid #eee; box-sizing:border-box;}
.recruit-sub-list .list-item:last-child {border-bottom:0;}
.recruit-sub-list .list-item:nth-of-type(odd) {padding:7.5rem 5.8rem;}
.recruit-sub-list .list-item:nth-of-type(even) {padding:7.5rem 1.5rem;}
.recruit-sub-list .list-item .tit {display:inline-block; font-size:2.8rem; line-height:1.1; letter-spacing:-0.015em; font-weight: 700; color:#333; margin-bottom:2.4rem;}
.recruit-sub-list .list-item .tit .num {font-weight: 700; font-style:italic; color:#052da8; margin-right: 2rem;}
.recruit-sub-list .list-item .list-txt {font-size:1.75rem; line-height:1.7; letter-spacing:-0.015em; color:#666;}
.recruit-sub-list .list-item .apply-btn {display:inline-block; font-size:1.6rem; line-height:1.3; letter-spacing:-0.015em; color:#111; border:1px solid #111; font-weight: 500; box-shadow: 4px 7px 20.9px 1.1px rgba(0, 0, 0, 0.1); padding:1.5rem 2.2rem; margin-top:3.9rem; background: #fff; transition:all 0.4s;}
.recruit-sub-list .list-item .apply-btn i {padding-left:3.3rem; font-size:2.3rem; vertical-align:middle;}
.recruit-sub-list .list-item .apply-btn:hover {background: #222;/*  border:none; */ color:#dedede;}
/*채용 중인 공고*/
.recruit-page .notice {position: relative; overflow:hidden; border-radius:0 0 8.2rem 0; }
.recruit-page .notice:hover .notice-box {transform:scale(1.1);}
.recruit-page .notice-box {background: url(/images/content/recruit_notice_bg.png)no-repeat 30%; background-size:cover; transition:all 0.4s; padding-top:20.85%;}
.recruit-page .notice .notice-inner {position:absolute; top:50%; transform:translateY(-50%); left:8.5rem;}
.recruit-page .notice .notice-tit {display:block; font-size:4.3rem; line-height:1.1; letter-spacing:-0.025em; color:#333; font-weight: 700; margin-bottom:3.8rem;}
.recruit-page .notice .notice-btn {display:flex; align-items:center; font-size:1.65rem; line-height:1.5; letter-spacing:-0.025em; color:#444; font-weight: 500;}
.recruit-page .notice .notice-btn span {position: relative; display:inline-block; width: 2.1rem; height: 2.1rem; border-radius:50%; background: #444; margin-left:1.4rem; transition:0.3s;}
.recruit-page .notice .notice-btn span i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.29rem; color:#c9ecfa;}
.recruit-page .notice:hover .notice-btn span {transform:translateX(10px);}
@media all and (max-width:1280px){
	
	.recruit-list .recruit-item:nth-child(1) {background: none; border:2rem solid #a4beef;}
	.recruit-list .recruit-item:nth-child(2) {background: none; border:2rem solid #7d9dd9;}
	.recruit-list .recruit-item:nth-child(3) {background: none; border:2rem solid #4c77c5;}
	.recruit-list .recruit-item:nth-child(4) {background: none; border:2rem solid #2354af;}  
	.recruit-list .recruit-item {border:2rem solid #0d2aa7; margin-right: 2rem; border-radius:50%; height:initial;}
	.recruit-list .recruit-item:last-child {border:2rem solid #0d2aa7; box-sizing:initial; width:20%;}
	.recruit-list .recruit-item .item-inner {position:relative; width:100%; height:0; margin-right:0; padding-top:100%;}
	.recruit-list .recruit-item .item-inner .txt-inner {position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%);}
}
@media all and (max-width:800px){
	.recruit-page .recruit-list {flex-wrap:wrap; margin-bottom:5.15rem;}
	.recruit-list .recruit-item {width: 48%; height:initial; margin-right:2%; box-sizing:border-box; margin-bottom:2.5rem;}
	.recruit-list .recruit-item:nth-of-type(2n) {width: 50%; margin-right:0;}
	.recruit-list .recruit-item:last-child {width: 50%; box-sizing:border-box;}
	/* 리스트 2 */
	.recruit-sub-list {margin-bottom: 2rem;}
	.recruit-sub-list .list-item {width: 100%;}
	.recruit-sub-list .list-item:nth-of-type(odd) {padding:3.75rem 2.9rem;}
	.recruit-sub-list .list-item:nth-of-type(even) {padding:3.75rem 2.9rem;}
	
	/* 채용 중인 공고 */
	.recruit-page .notice-box {padding-top:30%;}
	.recruit-page .notice .notice-inner {left:4.25rem;}
	.recruit-page .notice .notice-tit {font-size:3rem; margin-bottom:1.9rem;}
}

@media all and (max-width:480px){
	.recruit-list .recruit-item:nth-child(1) {border:1rem solid #a4beef;}
	.recruit-list .recruit-item:nth-child(2) {border:1rem solid #7d9dd9;}
	.recruit-list .recruit-item:nth-child(3) {border:1rem solid #4c77c5;}
	.recruit-list .recruit-item:nth-child(4) {border:1rem solid #2354af;} 
	.recruit-list .recruit-item:last-child {border:1rem solid #0d2aa7;}
	.recruit-page .notice {border-radius:0;}
	.recruit-page .notice .notice-tit{font-size:2.5rem; margin-bottom:1.4rem;}
}

/* ********************************* 생산공정 ********************************* */
/* .production-page .production-tab {display:flex;} */
/* 생산공정 탭*/
.production-tab {display:flex;}
.production-tab .production-tab-style .sub-tab-list-style.top-fixed {width:initial;}
.production-tab .production-tab-style ul {width:26.5rem;}
.production-tab .sub-tab-list-style .production-tab-list li.selected a {background: #052da8;}
.production-tab .sub-tab-list-style .production-tab-list li.selected a em{color:#fff;}
.production-tab .sub-tab-list-style .production-tab-list li.selected a:after {position:absolute; display:block; content:""; width:100%; height:100%; background: #dde0e9; bottom:-12px; left:-12px; z-index:-1;}
.production-tab .sub-tab-list-style .production-tab-list li a {position: relative; display:flex; align-items:center; height:54.98px; padding-left:6.5rem; box-sizing:border-box;}
.production-tab .sub-tab-list-style .production-tab-list li a em {text-align:left; width:10.2rem; color:#333;}
.production-tab .sub-tab-list-style .production-tab-list li a i {display:none; font-size:1.8rem; color:#fff; margin-left: 4.5rem;}
.production-tab .sub-tab-list-style .production-tab-list li.selected:before {display:none;}
.production-tab .sub-tab-list-style .production-tab-list li.selected a i {display:block;}

.production-page .production-tab-style {/* position: absolute;  */width:26.5rem; height:auto; z-index:10;}
.production-page .production-tab-style .sub-tab-list-style ul li {display:block; width:100%; background-color:initial; border:none;}
.production-page .production-tab-content {/* max-width:1200px; */ width:63.6%; margin:0 auto;}
.production-page .sub-tab-con {margin-bottom: 17rem;}
.production-page .sub-tab-con .tit-box {text-align:center;}
.production-page .sub-tab-con .tab-con-tit {font-size:2.4rem; line-height:1.5; font-weight: 700; color:#052da8; margin-bottom:2.1rem;}
.production-page .sub-tab-con .tab-con-txt {position: relative; font-size:4.6rem; line-height:1.3; letter-spacing:-0.015em; color:#111; padding-bottom: 5.8rem; border-bottom:1px solid #ddd;}
.production-page .sub-tab-con .tab-con-txt:after {display:block; content:""; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:6.8rem; height:2px; background: #000; }
.production-page .sub-tab-con .tab-box {text-align:center; margin-top: 6rem;}
.production-page .sub-tab-con .tab-box .txt-box {margin-bottom: 8.5rem;}
.production-page .sub-tab-con .tab-box .txt-box .txt01 {display:inline-block; font-size:2.1rem; line-height:1.3; letter-spacing:-0.04em; color:#222; font-weight: 600; margin-bottom:1.8rem;}
.production-page .sub-tab-con .tab-box .txt-box .txt02 {font-size:1.8rem; line-height:1.78; letter-spacing:-0.015em; color:#444;}

/* 주요 process */
.production-page .img-tab-container {width:92.5rem; margin:0 auto 18.8rem; position: relative;}
.production-page .img-tab-container .img-tab {position:absolute; width:21.83%;}
.production-page .img-tab-container .img-tab01 {left:13%; top:-5%;}
.production-page .img-tab-container .img-tab02 {left:50%; transform:translateX(-50%); top:-5%;} 
.production-page .img-tab-container .img-tab03 {right:13%; top:8%;}
.production-page .img-tab-container .img-tab04 {left:40%; top:16.5%;}
.production-page .img-tab-container .img-tab05 {left:-5%; top:39%;}
.production-page .img-tab-container .img-tab06 {left:39.8%; top:39%;}
.production-page .img-tab-container .img-tab07 {right:-10%; top:39%;}
.production-page .img-tab-container .img-tab08 {right:13.7%; top:53%;}
.production-page .img-tab-container .img-tab09 {right:38%; top:68%; width:22.4%;}
.production-page .img-tab-container .img-tab10 {right:-10%; top:67%;}
.production-page .img-tab-container .img-tab11 {right:38%; bottom:-8.9%; width:22.4%;}
.production-page .sub-tab-wrapper-style {margin-bottom: 8rem;}
.production-page .sub-tab-con .table-tit-box {display:flex; align-items:center; margin-bottom: 3rem;}
.production-page .sub-tab-con .table-tit-box .flag {box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.1); margin-right: 1rem;}
.production-page .sub-tab-con .table-tit-box .table-tit {font-size:2.2rem; line-height:1.5; letter-spacing:-0.015em; color:#000; font-weight: 600;}
.production-page .sub-tab-con .table-box {width: 100%;}
.production-page .sub-tab-con .table-box thead {border-top:2px solid #000; border-bottom:1px solid #000;}
.production-page .sub-tab-con .table-box tr th {font-size:1.9rem; line-height:1.5; letter-spacing:-0.015em; color:#111; font-weight: 700; padding:2rem 0;}
.production-page .sub-tab-con .table-box tr td {font-size:1.7rem; line-height:1.1; letter-spacing:-0.015em; color:#666; font-weight: 500; padding:2rem 0; border:1px solid #dedede; border-left:0;}
.production-page .sub-tab-con .table-box tr td:last-child {border-right:0;}

/* slide 1*/
/* slide nav */
.production-page .slide-nav .inner-box {position:relative; /* width:13.5rem; margin-right:2.3rem; */ background: #f3f5fb; padding:1rem 0; border-radius:1.5rem; transition:var(--transition-custom);}
.production-page .slide-nav .inner-box .num {font-size:1.5rem; line-height:1.5; letter-spacing:-0.04em; font-weight: 600; color:rgba(137,143,163,0.5); font-style:italic; transition:var(--transition-custom);}
.production-page .slide-nav .inner-box .nav-tit {font-size:1.6rem; line-height:1.78; letter-spacing:-0.025em; font-weight: 600; color:#898fa3; transition:var(--transition-custom);}
.production-page .slide-nav .nav-box {cursor:pointer;}
.production-page .slide-nav .nav-box.slick-current .inner-box {background-image:linear-gradient(124deg, #106cbc, #052da8); text-shadow: 5px 9px 8px rgba(0, 0, 0, 0.1);}
.production-page .slide-nav .nav-box .inner-box:after {display:block; content:"\e93f"; position:absolute; right:-2rem; top:50%; transform:translateY(-50%); font-family:"xeicon"; font-size:1.8rem; color:#898fa3;}
.production-page .slide-nav .nav-box:last-child .inner-box:after {display:none;}
.production-page .slide-nav .nav-box.slick-current .inner-box .num {color:#fff;}
.production-page .slide-nav .nav-box.slick-current .inner-box .nav-tit {color:#fff;}
/* slide for */
.production-page .slide-for {width:70.25%; margin:8.7rem auto 0; position: relative; z-index:-1;}
/* .production-page .slide-for .img-box img{margin:0 auto;} */
.production-page .slide-for .slick-arrow {}
.production-page .slide-for .img-tit {margin-top: 2.6rem;}
.production-page .slide-for .img-tit .img-num {font-size:2.3rem; line-height:1.5; letter-spacing:-0.04em; color:var(--main-color); font-style:italic; font-weight: 700; margin-right: 1.5rem;}
.production-page .slide-for .img-tit .img-name , .slide-box2 .img-name {font-size:2.3rem; line-height:1.5; letter-spacing:-0.04em; color:#222; font-weight: 600;}
/* slide arrow*/
.production-page .slide-box {position: relative;}
.production-page .slide-box .arrow-list, .slide-box2 .arrow-list2 {width: 100%; position:absolute; top:50%; transform:translateY(-50%);}
.production-page .slide-box .arrow-list .slick-arrow, .slide-box2 .arrow-list2 .slick-arrow  {position: absolute; font-size:2.25rem; width:7.4rem; height:7.4rem; border-radius:50%; border:1px solid #eee; box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.06); color:var(--main-color);}
.production-page .slide-box .arrow-list .slick-arrow.slick-disabled {color:#19223e;}
.production-page .slide-box .arrow-list .slick-prev ,.slide-box2 .arrow-list2 .slick-prev{left:0;}
.production-page .slide-box .arrow-list .slick-next ,.slide-box2 .arrow-list2 .slick-next{right:0;}
.production-page .slide-box2 .arrow-list2 {top:calc(50% - 66.5px);}
.production-page .slide-box2 .img-box {width:70.25%; margin:0 auto;}

@media all and (max-width:1280px){
	.production-page .img-tab-container {width:initial;}
}
@media all and (max-width:1260px){
	.production-page .production-tab-content {max-width:none; padding:0 var(--area-padding);}
}
@media all and (max-width:800px){
	.production-tab {flex-wrap:wrap; padding:0 var(--area-padding);}
	.production-page .production-tab-style {width: 100%; margin-bottom:4rem;}
	.production-page .sub-tab-wrapper-style {margin-bottom:4rem;}
	.production-tab .production-tab-style ul {width: 100%; border:none;}
	.production-tab .sub-tab-list-style .production-tab-list li a {padding-left:15px; height:auto; justify-content:space-between;}
	.production-tab .sub-tab-list-style .production-tab-list li.selected a:after {display:none;}
	.production-tab .production-tab-style .sub-tab-list-style.top-fixed {width:100%;}
	.production-tab .sub-tab-list-style.top-fixed {top:70px;}
	.production-page .production-tab-content {width:100%; max-width:initial; padding:0;}
	.production-page .sub-tab-con {margin-bottom:8.5rem;}
	.production-page .sub-tab-con .tab-con-txt {padding-bottom:2.9rem;}
	.production-page .sub-tab-con .tab-box {margin-top:3rem;}
	.production-page .sub-tab-con .tab-box .txt-box {margin-bottom:4.25rem;}
	
	/**/
	.production-page .img-tab-container {margin-bottom:9.4rem;}
	.production-page .img-tab-container > img {display:none;}
	.production-page .img-tab-container {width: 100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.production-page .img-tab-container .img-tab {position:static; width:100%;}
	.production-page .img-tab-container .img-tab02 {left:initial; transform:initial; top:initial;}

	.production-page .slide-box2 .arrow-list2 {top: calc(50% - 5.5rem);}
	.production-page .slide-box .arrow-list .slick-arrow, .slide-box2 .arrow-list2 .slick-arrow {width:3.7rem; height:3.7rem; font-size:1.5rem;}
}
@media all and (max-width:480px){
	.production-tab .sub-tab-list-style.top-fixed {top:60px;}
}
.production-page .slide-box .slide-nav .slick-list{margin:0 -1.1rem; margin-left:5.1rem;}
.production-page .slide-box .slide-nav .nav-box {margin-right:2rem;}

@media all and (max-width:800px){
	.production-page .slide-box .slide-nav .slick-list {margin: 0px 2rem; margin-left: 2rem;}
}
/* 주조 */
/* .production-page #fixedContentM2 .slick-track {margin-left:60px;}
.production-page #fixedContentM2 .slide-box .slide-nav .nav-box {width:13.5rem; margin-right:2.2rem;} */
/* 압출 */
/* .production-page #fixedContentM3 .slide-box .slide-nav .nav-box {width:13.2rem; margin-right:1.9rem;} */
/* 피막 */
/* .production-page #fixedContentM4 .slide-box .slide-nav .nav-box {width:10rem; margin-right:2.2rem;} */
.production-page .tab04-list {display:flex; flex-wrap:wrap; margin-top:19rem;}
.production-page .tab04-list li {width:calc((100% - 5.5rem) / 2); margin-right:5.5rem; margin-bottom: 3.5rem;}
.production-page .tab04-list li:nth-of-type(even) {margin-right: 0;}
.production-page .tab04-list li .img-box {position: relative;}
.production-page .tab04-list li .item-box {transform:translateY(-40%); padding:3rem 0;}
.production-page .tab04-list li .item-tit {position: relative; display:inline-block; font-size:2.2rem; line-height:1.2; letter-spacing:-0.015em; color:#111; font-weight: 600; margin-bottom: 2.2rem;}
.production-page .tab04-list li .item-tit:before {display: block; content: ""; position: absolute; width: 48.4rem; background: #fff; height: 8rem;
 z-index: -1; left: 50%; transform: translateX(-50%); top: -2.2rem;}
.production-page .tab04-list li .item-txt {font-size:1.7rem; line-height:1.5; color:#555;}

@media all and (max-width:800px){
	.production-page .tab04-list {margin-top:9.5rem;}
	.production-page .tab04-list li .item-box {transform:translateY(0); padding:3rem 0 0;}
	.production-page .tab04-list li .item-tit:before {width: 100%;}
}

/* 도장 */
/* .production-page #fixedContentM5 .slide-box .slide-nav .nav-box {width:10rem; margin-right:2.2rem;} */
.production-page #fixedContentM5 .tab-box {margin-bottom:14rem;}
.production-page #fixedContentM5 .icon-box {margin-bottom: 4rem;}
.production-page #fixedContentM5 .icon-box .icon {display:inline-block; box-shadow: 5px 9px 8px 0px rgba(0, 0, 0, 0.1);}
.production-page #fixedContentM5 .icon-box .icon:first-child {margin-right: 1.5rem;}
.production-page .tab05-box {margin-bottom: 13rem;}
.production-page .tab05-box .box-tit {position: relative; font-size:2.56rem; line-height:1.1; letter-spacing:-0.015em; color:#111; font-weight: 700; padding-left:3.3rem; margin-bottom: 3.8rem;}
.production-page .tab05-box .box-tit:before {display:block; content:""; position:absolute; left:0; top:0; background: url(/images/content/tit_deco.png)no-repeat; width:15px; height:27px; background-size:cover;}
.production-page .tab05-box .img-txt-list .txt {display:flex; font-size:1.7rem; line-height:1.55; color:#555; margin-bottom:1.9rem;}
.production-page .tab05-box .img-txt-list .txt:last-child {margin-bottom:0;}
.production-page .tab05-box .img-txt-list .txt .deco {position: relative; float:left; top:1.3rem; display:inline-block; width:1.3rem; height:0.6rem; background: rgba(5,45,168,0.15); border-radius:2px; margin-right: 1.2rem;}
.production-page .tab05-box .img-txt-list .txt .deco:before {display:block; content:"\e928"; position: absolute; top:-1.3rem; left:-0.2rem; font-family:"xeicon"; font-weight: 700; font-size:1.5rem;}
.production-page .tab05-box .img-list {display:flex; margin-bottom: 5.6rem;}
.production-page .tab05-box .img-list .img-box:first-child {margin-right:2rem;}

.production-page .tab05-box .strength-list {display:flex;}
.production-page .tab05-box .strength-list .item {width:20%; border-left:1px solid rgba(5,45,168,0.15); padding:1.8rem 2rem;}
.production-page .tab05-box .strength-list .num {font-size:2.3rem; line-height:1.1; color:#052da8; font-weight: 700; font-style:italic;}
.production-page .tab05-box .strength-list .inner-txt {font-size:1.7rem; line-height:1.5; color:#555; margin-top:3.4rem;}

.production-page .tab05-box .purpose-list {display:flex; flex-wrap:wrap;}
.production-page .tab05-box .purpose-list .item{display:flex; align-items:center; justify-content:center; background: url(/images/content/circle_bg.png)no-repeat; width:15.8rem; height:15.8rem; background-size:cover; margin:0 -1.1rem 2.5rem;}
.production-page .tab05-box .purpose-list .item span {font-size:1.8rem; line-height:1.1; letter-spacing:-0.015em; color:#1b2e68; font-weight: 500;}
.production-page .tab05-box .purpose-list .item:last-child {background:none; margin-left:-4rem;}
.production-page .tab05-box .purpose-list .item:last-child span { display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #bbc9f5; margin-right: 3px;}
@media all and (max-width:800px){
	.production-page .tab05-box .strength-list {flex-wrap:wrap;}
	.production-page .tab05-box .strength-list .item {width:50%; box-sizing:border-box; margin-bottom:2rem;}
	.production-page .tab05-box .purpose-list .item {margin:0 -1.4rem;}
}

/* 랩핑, 단열 */
.production-page .tab08-list li {display:flex; align-items:center; text-align:left;}
.production-page .tab08-list li:first-child {padding-bottom: 5rem; border-bottom:1px solid #ddd;}
.production-page .tab08-list li:last-child {padding:5rem 0;}
.production-page .tab08-list .item-tit {width:15rem; margin-right:6.3rem; font-size:2rem; line-height:1.5; letter-spacing:-0.04em; color:#052da8; font-weight: 600;}
.production-page .tab08-list .item-txt {font-size:1.8rem; line-height:1.78; letter-spacing:-0.015em; color:#444;}

@media all and (max-width:800px){
	.production-page .tab08-list li {flex-wrap:wrap;}
	.production-page .tab08-list li:first-child {padding-bottom: 2.5rem;}
	.production-page .tab08-list li:last-child {padding:2.5rem 0;}
}

/* slide 2*/
.slide-box2 {position:relative;}
.slide-box2 .img-box img{margin:0 auto;}
.slide-box2 .img-name {display:inline-block; margin-top:3.2rem;}

/* 신양 리뉴얼 */
/* 회사소개 - 경영이념 */
.company-page .sub-tit {font-size:5.6rem; font-weight: 700; color:#000;}
.company-page.management-page .main-box .sub-txt {margin-top: 1.5rem; margin-bottom:19.8rem;}
.company-page.management-page .manage-container {position: relative;}
.company-page .list {background-image:url('/images/content/box.png'); background-size:contain; background-repeat:no-repeat; position:absolute; top:-22.22%; right:6.09%; width: 36.09%;     display: flex; padding:10rem 0; flex-direction: column; align-items: flex-start; justify-content: center;}
.company-page .list li {margin-bottom:3.7rem;}
.company-page .list li:nth-child(1){margin-left:27.02%;}
.company-page .list li:nth-child(2){margin-left:25.33%;}
.company-page .list li:nth-child(3){margin-left:21.95%; text-align: start; }
.company-page .list li:nth-child(4) {margin-bottom:0; margin-left:19.42%; text-align: start;}
.company-page .list li em {font-size:2.6rem; letter-spacing:-0.015em; color:#fff; font-weight: 600; margin-left:2rem;}
.company-page .list li .num {font-size:2.4rem; letter-spacing:-0.015em; color:#678edb; font-weight: 700;}
.company-page .img-box {position:relative;}
.company-page .img-box .deco01 {position:absolute; left:18.7rem; bottom:-53px; z-index:-1; text-shadow: 8px 10px 46px rgba(0, 0, 0, 0.11);}
.company-page .img-box .deco02 {position:relative; left:-39.5%; bottom:140px; z-index:-1; text-shadow: 8px 10px 46px rgba(0, 0, 0, 0.11);}

@media all and (max-width:1280px){
	.company-page .list {padding:5rem 0;}
	.company-page .list li .num {font-size:2rem;}
	.company-page .list li em {font-size:2rem;}
}

@media all and (max-width:800px){
	.company-page.management-page .main-box .sub-txt {margin-bottom:7.1rem;}
	.company-page .img-box {background:url(/images/content/management_bg_new.jpg)no-repeat; background-size:cover; height: 25rem; background-position: 30%;}
	.company-page .img-box .deco01 {display:none;}
	.company-page .img-box .management-bg {display:none;}
	.company-page .list {position:relative; margin:3rem auto 0; top:0; right:0; width: 80%; background-size:cover;}
}

@media all and (max-width:480px){
	.company-page .list {width: 100%; background-size:contain;}
	.company-page .list li:nth-child(1){margin-left:25.02%;}
	.company-page .list li:nth-child(2){margin-left:23.33%;}
	.company-page .list li:nth-child(3){margin-left:19.95%;}
	.company-page .list li:nth-child(4) {margin-bottom:0; margin-left:17.42%;}
}
/* 회사소개 - 기업소개 */
.about-page .main-top-box .bg-box {padding:18.8rem 0 17.3rem;}
.about-page .main-top-box .bg-tit {font-size:5.6rem; font-weight: 400; line-height:1.286;}
.about-page .about-list .item .list-tit {position: relative;}
.about-page .about-list .item .list-tit:before {position: absolute; display: block; font-size: 11.8rem; color: #f2f4f6; font-style:italic; z-index:-1; letter-spacing: -0.035em;}
.about-page .about-list .item:nth-child(1) .list-tit:before {right: -9rem; content: "01"; top: 2.5rem;}
.about-page .about-list .item:nth-child(2) .list-tit:before {content:"02"; right: -10.5rem; bottom:2.7rem;}
.about-page .about-list .item:nth-child(3) .list-tit:before {content:"03"; right: -9rem; bottom:2.5rem;}
.about-page .about-list .item:nth-child(4) .list-tit:before {content:"04"; right: -9rem; bottom:2.7rem;}

.about-list .item:nth-of-type(2) .left-box:before {display:none;}
.about-list .item:nth-of-type(3) .left-box:before {display:none;}
.about-list .item:nth-of-type(4) .left-box:before {display:none;}

@media all and (max-width:800px) {
	.about-page .main-top-box .bg-box {padding:11.75rem 0 13.85rem;}
	.about-page .main-top-box .bg-tit {font-size:4.1rem; line-height:1.1;}
	.about-page .about-list .item:nth-child(1) .list-tit:before , .about-page .about-list .item:nth-child(2) .list-tit:before , .about-page .about-list .item:nth-child(3) .list-tit:before, .about-page .about-list .item:nth-child(4) .list-tit:before{display:none;}
}

/* 인사말 */
.ceo-page {padding-bottom:0;}
.ceo-tit {line-height:1.286; font-size:5.6rem; font-weight: 400;}
.ceo-page .sub-tit {display: block; color:#3283fe; font-size:1.8rem; letter-spacing:-0.015em; font-weight: 600; margin-bottom:2.8rem;}
.ceo-page .bg-box {background:url(/images/content/ceo_img.jpg)no-repeat; background-position:center; height:65.7rem;}
.ceo-box {top:-14.2rem;}
.ceo-box .ceo-sub-txt {line-height:1.524; margin-bottom:2rem; font-size:2.1rem;}
.ceo-box .sign {float:initial;}
.ceo-box .sign .name {font-size:2.4rem; letter-spacing:-0.025em; color:#222; margin-left:1rem;}

@media all and (max-width:800px){
	.ceo-page .bg-box {height: 32.65rem;}
	.ceo-tit {font-size:4rem;}
	.ceo-box {top:-10rem;}
	.ceo-box .ceo-sub-txt {font-size:1.6rem;}
}

/* rnd센터 :: 연구기술 */
.research-page {max-width:1200px; margin:0 auto;}
.research-page .con {padding-bottom:12.7rem; border-bottom:1px solid #ddd; margin-top:11.2rem;}
.research-page .border-box{border: 1px solid #d2d2d2; width: 42.76%; height: 38rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding:0 4.5rem; box-sizing:border-box;}
.research-page .img-box img {max-width:100%;}
.research-page .img-list {display:flex; justify-content:center;}
.research-page .img-list .list-item:first-of-type {margin-right: 1.7rem;}
.research-page .mCustomScrollbar {text-align:center;}

.research-page .con08-list {background:rgba(186,192,202,0.1); padding:3rem 4.5rem; margin-bottom:4.5rem;}
.research-page .con08-list .item {margin-bottom: 1.2rem; display:flex;}
.research-page .con08-list .item:last-of-type {margin-bottom: 0;}
.research-page .con08-list .item i {position: relative; top:4px; font-size:20px; color:#2e49a3;}
.research-page .con08-list .item em{font-size:1.75rem; line-height:1.3; letter-spacing:-0.015em; color:#444; margin-left:1.5rem;}

.research-page .alloy-container {display:flex; align-items:center;}
.research-page .alloy-container > div:nth-of-type(1) {width:56.66%; margin-right: 6.5rem; margin-bottom: 4rem;}
.research-page .alloy-container > div:nth-of-type(2) {width: calc(100% - (56.66% + 6.5rem)); text-align:center;}

@media all and (max-width:1260px){
	.research-page {max-width:none; padding:0 var(--area-padding);}
}

@media all and (max-width:800px){
	.research-page .con-tit-box .txt {font-size:1.6rem;}
	.research-page .con {padding-bottom:6rem; margin-top:5rem;}
	.research-page .border-box {height:auto; width: 100%; padding:2rem 4.5rem;}
	.research-page .con08-list{padding:1.5rem 2.75rem;}
	.research-page .alloy-container {flex-wrap:wrap;}
	.research-page .alloy-container > div:nth-of-type(1) {width: 100%; margin-right: 0;}
	.research-page .alloy-container > div:nth-of-type(2) {width: 100%;}
}
.research-page video { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

/* 지속가능경영 :: 안전,보건,환경 */
.safe-page .safe-tit {margin-top:9rem; margin-bottom: 3rem;}
.safe-page .safe-tit .txt {font-weight: 600; margin-bottom: 1.4rem;}
.safe-page .safe-tit .sub-txt {font-size:1.7rem; letter-spacing:-0.015em; color:#333;}
.policy-tit {margin:0 0 7rem;}
.policy-list-wrap .policy-list {padding:6rem 10rem;}

@media all and (max-width:800px){
	.policy-list-wrap .policy-list {padding:3rem 5rem;}
}

.safe-page.safe03 .safe-tit {margin-top:9rem; margin-bottom:0; border-bottom:1px solid #ddd;}
.safe-page .safe-tit .txt {font-weight: 600; margin-bottom: 1.4rem;}
.safe-page .safe-tit .sub-txt {font-size:1.7rem; letter-spacing:-0.015em; color:#333;}
.safe-page.safe03 .safe-tit .sub-txt {display:inline-block; padding-bottom:9rem;}
.safe-page.safe03 .con {padding:10rem 0 11.5rem; border-bottom:1px solid #ddd;}
.safe-page.safe03 .con-tit {font-size:3.6rem; letter-spacing:-0.025em; color:#222; font-weight: 600; margin-bottom:5.7rem; text-align:center;}
.safe-page.safe03 .scroll-object-box {text-align:center;}
.safe-page.safe03 .cer-box {display:flex;}
.safe-page.safe03 .cer-box > .cer-inner {border:10px solid #f2f2f2; display:flex; justify-content:space-between; align-items:center; width: 50%; padding:4rem 6rem; box-sizing:border-box;}
.safe-page.safe03 .cer-box > .cer-inner:first-of-type {margin-right: 3.8rem;}
.safe-page.safe03 .cer-box > .cer-inner .cer-name {font-size:2.8rem; letter-spacing:-0.025em; font-weight: 700; color:#333; margin-bottom: 5.5rem;}
.safe-page.safe03 .cer-box > .cer-inner .img-box {position: relative; height: 0; padding-top:32.7%; width: 22.29%; }
.safe-page.safe03 .cer-box > .cer-inner .img-box img {box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.07);}
.safe-page.safe03 .cer-box > .cer-inner dl {display:flex;}
.safe-page.safe03 .cer-box > .cer-inner dl:first-of-type {margin-bottom: 2rem;}
.safe-page.safe03 .cer-box > .cer-inner .date-tit {position: relative; width: 10rem; font-size:1.65rem; line-height:1.1; letter-spacing:-0.025em; color:#222; font-weight: 700; padding-left: 1.5rem;}
.safe-page.safe03 .cer-box > .cer-inner .date-tit:before {display:block; content:""; width: 5px; height: 5px; border-radius:50%; background:#000; position:absolute; top:5px; left:0;}
.safe-page.safe03 .cer-box > .cer-inner .date {font-size:1.65rem; width: calc(100% - 10rem); line-height:1.1; letter-spacing:-0.01em; color:#666; font-weight: 400;}

.safe-page.safe03 .certificate-over-box i {position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; line-height: 50px; background-color: var(--main-color); text-align: center; color: #fff; font-size: 20px; border-radius: 50%; opacity:0; transition:all 0.4s;}
.safe-page.safe03 .img-box:hover .certificate-over-box i {opacity:1;}

.policy-tit {margin:0 0 7rem;}
.policy-list-wrap .policy-list {padding:6rem 10rem;}

@media all and (max-width:800px){
	.safe-page.safe03 .safe-tit {margin-top:4.5rem;}
	.safe-page.safe03 .safe-tit .sub-txt {padding-bottom:4.5rem;}
	.safe-page.safe03 .con {padding:5rem 0;}
	.safe-page.safe03 .cer-box {flex-direction:column;}
	.safe-page.safe03 .cer-box > .cer-inner {width: 100%; padding:2rem 3rem;}
	.safe-page.safe03 .cer-box > .cer-inner:first-of-type {margin-right: 0; margin-bottom: 2rem;}
}

@media all and (max-width:480px){
	.safe-page.safe03 .cer-box > .cer-inner {flex-direction:column;}
	.safe-page.safe03 .cer-box > .cer-inner > * {width: 100%;}
	.safe-page.safe03 .cer-box > .cer-inner .img-box {width: 43%; padding-top:60%; margin-top:3rem;}
}

.safe-page.safe04 .safe-tit {margin-top:9rem; margin-bottom: 3rem;}
.safe-page.safe04 .safe-tit .txt {font-weight: 600; margin-bottom: 1.4rem;}
.safe-page.safe04 .safe-tit .sub-txt {font-size:1.7rem; letter-spacing:-0.015em; color:#333;}
.policy-tit {margin:0 0 7rem;}
.policy-list-wrap .policy-list {padding:6rem 10rem;}

.safe-page .box02 {margin-bottom: 14rem;}
.safe-page .img-container {display:flex; justify-content:center;}
.safe-page .img-container .img-box {margin:0 1.5rem;}

@media all and (max-width:800px){
	.safe-page .box02 {margin-bottom: 7rem;}
	.safe-page .img-container {flex-direction:column;}
	.safe-page .img-container .img-box {width: 100%; text-align:center; margin:0;}
	.safe-page .img-container .img-box:nth-child(1){margin-bottom: 2rem;}
}

/* 인재채용 :: 인재개발 */
.talent-page .talent-list {margin-bottom:12.5rem;}
.personal-list {width: 86.51%; margin:4.9rem auto 0;}
.personal-list .item {width: calc((100% - 9rem) / 5);}
.personal-list .item:last-of-type {margin-right: 0;}
.talent-page .position-box .sub-tit {display:inline-block; font-size:2.8rem; letter-spacing:-0.04em; font-weight: 700; color:#333; margin-bottom:2.5rem;}
.talent-page .position-box .sub-txt {font-size:1.8rem; letter-spacing:-0.015em; font-weight: 400; color:#666; line-height:1.44;}
.talent-page .position-box .tit-box {text-align:center;}

@media all and (max-width:800px){
	.personal-list .item {width: calc((100% - 4.5rem) / 5);}
}

@media all and (max-width:480px){
	.personal-list .item {width: calc((100% - 4.5rem) / 3);}
}