@charset "utf-8";

@import url(../../css/base.css);
@import url(common.css);

/*--------------------------*/
/* 사업영역 */
/*--------------------------*/

/* 건설기계부문 */

.sb_business h4 {position:relative; height:400px; margin-bottom:30px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.sb_business h4.excavator {background-image:url("../../img/business/excavator/excavator.jpg");}
.sb_business h4.wheelloader {background-image:url("../../img/business/wheelloader/wheelloader.jpg");}
.sb_business h4.forestry {background-image:url("../../img/business/forestry/forestry.jpg");}
.sb_business h4.attachment {background-image:url("../../img/business/attachment/attachment.jpg");}
.sb_business h4.crane {background-image:url("../../img/business/crane/crane.jpg");}
.sb_business h4.awp {background-image:url("../../img/business/awp/awp.jpg");}
.sb_business h4.forklift {background-image:url("../../img/business/forklift/forklift.jpg");}
.sb_business h4 span {position:absolute; left:0; bottom:0; min-width:380px; height:90px; padding:15px 50px 0 0; font-family:"notoBold"; font-size:55px; background:white;}
.sb_business h4 i {font-size:25px;}

.sb_business .text {margin-bottom:60px;}

.sb_business ul {display:grid; gap:40px 20px; text-align:center;}
.sb_business ul.num03 {grid-template-columns:1fr 1fr 1fr;}
.sb_business ul.num04 {grid-template-columns:1fr 1fr 1fr 1fr;}
.sb_business ul div {width:100%; margin-bottom:10px; border:1px solid #CECECE;}
.sb_business ul img {width:100%; max-width:298px;}
.sb_business ul p {font-family:"notoRegular"; font-size:20px;}

@media screen and (max-width:1200px) {

    .sb_business h4 {height:300px; margin-bottom:20px;}
    .sb_business h4 span {min-width:250px; height:80px; padding:15px 30px 0 0; font-size:45px;}
    .sb_business h4 i {font-size:22px;}

    .sb_business .text {margin-bottom:40px;}

    .sb_business ul {gap:35px 15px;}
    .sb_business ul p {font-size:18px;}

}

@media screen and (max-width:600px) {

    .sb_business h4 {height:180px;}
    .sb_business h4 span {min-width:180px; height:60px; padding:15px 20px 0 0; font-size:35px;}
    .sb_business h4 i {font-size:20px;}

    .sb_business ul {grid-template-columns:1fr 1fr !important; gap:30px 10px;}
    .sb_business ul p {font-size:16px;}

}

/* 조선해양부문 */

.sb_shipbuilding > img {width:100%; margin-bottom:40px;}

.sb_shipbuilding h4 {margin-bottom:10px; font-family:"notoBold"; font-size:45px; background:white;}
.sb_shipbuilding p {margin-bottom:30px;}

.sb_shipbuilding div {padding:40px; border:1px solid #CECECE;}
.sb_shipbuilding ul {display:grid; gap:20px; grid-template-columns:1fr 1fr 1fr;}
.sb_shipbuilding ul img {width:100%; border:1px solid black;}

@media screen and (max-width:1200px) {

    .sb_shipbuilding > img {margin-bottom:30px;}

    .sb_shipbuilding h4 {margin-bottom:5px; font-size:35px;}
    .sb_shipbuilding p {margin-bottom:20px;}

    .sb_shipbuilding div {padding:25px;}
    .sb_shipbuilding ul {gap:15px;}

}

@media screen and (max-width:600px) {

    .sb_shipbuilding > img {margin-bottom:20px;}

    .sb_shipbuilding h4 {margin-bottom:2px; font-size:25px;}
    .sb_shipbuilding p {margin-bottom:15px;}

    .sb_shipbuilding div {padding:15px;}
    .sb_shipbuilding ul {gap:10px; grid-template-columns:1fr 1fr;}


}

/* 주요고객사 */

.sb_customer p {margin:60px 0 50px; font-family:"notoBold"; font-size:45px; text-align:center;}
.sb_customer p em {color:#E22424;}
.sb_customer div {position:relative; text-align:center;}
.sb_customer div img {width:100%; max-width:1217px;}
.sb_customer div ul {position:absolute; left:0; bottom:0; text-align:left;}
.sb_customer div li {font-family:"notoMedium"; font-size:20px;}
.sb_customer div li:nth-child(1) {margin-bottom:10px;}
.sb_customer div li:nth-child(1)::before {position:relative; top:-2px; display:inline-block; width:12px; height:12px; margin-right:8px; content:""; background:black; border-radius:50%;}
.sb_customer div li:nth-child(2) {color:#335ff0;}
.sb_customer div li:nth-child(2)::before {position:relative; top:-2px; display:inline-block; width:12px; height:12px; margin-right:8px; content:""; background:#335ff0; border-radius:50%;}

@media screen and (max-width:1200px) {

    .sb_customer p {margin:40px 0 20px; font-size:35px;}
    .sb_customer div li {font-size:18px;}
    .sb_customer div li:nth-child(1)::before, .sb_customer div li:nth-child(2)::before {width:10px; height:10px;}

}

@media screen and (max-width:600px) {

    .sb_customer p {margin:20px 0 10px; font-size:25px;}
    .sb_customer div ul {position:static;}
    .sb_customer div li {font-size:16px;}
    .sb_customer div li:nth-child(1) {margin-bottom:3px;}
    .sb_customer div li:nth-child(1)::before, .sb_customer div li:nth-child(2)::before {top:-4px; width:6px; height:6px;}

}

/*--------------------------*/
/* 제조공정 */
/*--------------------------*/

/* 일괄생산체계 */

.sb_system > p {margin-bottom:60px; font-family:"notoBold"; font-size:45px; text-align:center;}
.sb_system > p em {color:#E22424;}

.sb_system ol {display:grid; gap:40px 20px; grid-template-columns:1fr 1fr 1fr 1fr; text-align:center;}
.sb_system ol div {position:relative; margin-bottom:10px; line-height:0; border:1px solid #CECECE;}
.sb_system ol em {position:absolute; left:-1px; top:-1px; display:flex; justify-content:center; align-items:center; width:35px; height:35px; font-family:"notoBold"; font-size:16px; line-height:1em; color:white; background:#E22424;}
.sb_system ol img {width:100%;}
.sb_system ol p {font-family:"notoRegular"; font-size:20px;}

@media screen and (max-width:1200px) {

    .sb_system > p {margin-bottom:40px; font-size:35px;}

    .sb_system ol {gap:30px 10px;}
    .sb_system ol div {margin-bottom:8px;}
    .sb_system ol em {width:30px; height:30px; font-size:14px;}
    .sb_system ol p {font-size:18px;}

}

@media screen and (max-width:600px) {

    .sb_system > p {margin-bottom:20px; font-size:25px;}

    .sb_system ol {gap:20px 10px; grid-template-columns:1fr 1fr;}
    .sb_system ol div {margin-bottom:5px;}
    .sb_system ol em {width:24px; height:24px; font-size:12px;}
    .sb_system ol p {font-size:16px;}

}

/*--------------------------*/
/* 회사소개 */
/*--------------------------*/

/* 경영철학 */

.sb_value01 {margin-bottom:70px; padding:0 25px; text-align:center;}
.sb_value01 > p:nth-child(1) {position:relative; margin-bottom:20px; padding-top:55px; font-family:"notoBold"; font-size:75px;}
.sb_value01 > p:nth-child(1)::before {position:absolute; left:50%; top:0; display:block; width:1px; height:45px; content:""; background:black;}
.sb_value01 > p:nth-child(1) em {color:#D80011;}
.sb_value01 > p:nth-child(2) span {display:block;}

.sb_value02 {padding:80px 25px; text-align:center; background:url("../../img/company/valueBg.jpg") 50% 50% / cover no-repeat;}
.sb_value02 img {width:100%; max-width:861px;}

@media screen and (max-width:1200px) {

    .sb_value01 {margin-bottom:50px;}
    .sb_value01 > p:nth-child(1) {padding-top:40px;}
    .sb_value01 > p:nth-child(1)::before {height:30px;}
    .sb_value01 img {margin-bottom:40px;}
    .sb_value01 > p:nth-child(1) {margin-bottom:10px; font-size:55px;}

    .sb_value02 {padding:60px 25px;}

}

@media screen and (max-width:600px) {

    .sb_value01 {margin-bottom:40px; padding:0 15px;}
    .sb_value01 > p:nth-child(1) {padding-top:30px;}
    .sb_value01 > p:nth-child(1)::before {height:20px;}
    .sb_value01 img {margin-bottom:20px;}
    .sb_value01 > p:nth-child(1) {margin-bottom:5px; font-size:35px;}

    .sb_value02 {padding:40px 15px;}

}

/* 지속가능성 >  지속가능경영 */

/* 공통 */
.sb_continuing h4 {max-width:1010px; width:100%; margin:0 auto; padding:0 25px; font-family:"notoBold"; font-size:45px; text-align:center;}
.sb_continuing h4.title_ment {margin:100px auto 60px;}
.sb_continuing .txt_ment {display:block; padding-top:10px; font-size:19px; text-align:center;}
.sb_continuing .txt_ment span {color:#E22424}
.sb_continuing .con_detail{max-width:1260px; width:100%; margin:0 auto; padding:0 25px;}
.sb_continuing .con_detail:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.sb_continuing .con_detail dl:hover {cursor:pointer;}
.sb_continuing > div span.span_bl{display:block;}

/* 상단 컨텐츠 */
.sb_continuing > .top_bg {position:relative; padding:100px 0;}
.sb_continuing > .top_bg:after{position:absolute; right:25px; top:0; z-index: -1; content:''; width:calc(100% - 25px) ; height:100%; background:url("../../img/company/continuingBg.jpg") 50% 50% / cover no-repeat; border-radius:0 25px 25px 0;}
.sb_continuing > .top_bg dl {float:left; width:calc(33.33333333% - 2%); height:350px; margin-right:3%; padding-top:170px; padding-left:3%; padding-right:3%; text-align:center; color:white; border-radius:15px;}
.sb_continuing > .top_bg dl:nth-child(1) {background:rgba(156, 197, 41, 0.75) url("../../img/company/icon_continuing01.svg") 50% 60px no-repeat;}
.sb_continuing > .top_bg dl:nth-child(2) {background:rgba(226, 36, 36, 0.75) url("../../img/company/icon_continuing02.svg") 50% 60px no-repeat;}
.sb_continuing > .top_bg dl:nth-child(3) {margin-right:0; background:rgba(188, 115, 4, 0.75) url("../../img/company/icon_continuing03.svg") 50% 60px no-repeat;}
.sb_continuing > .top_bg dt {margin-bottom:15px; font-family:"notoMedium"; font-size:30px;}
.sb_continuing > .top_bg dd {position:relative; padding-left: 10px; text-align:left; font-size:17px;}
.sb_continuing > .top_bg dd::after {position: absolute;top: 10px; left: 0; content:'';width: 2px;height: 2px;text-align:left; font-size:17px; background-color:white; border-radius: 50%;}

 /* 환경 */
.sb_continuing > .environment{padding:80px 0 120px;}
.sb_continuing > .environment .environment_con{display:inline-block; width:100%; margin-top:40px;}
.sb_continuing > .environment .environment_con div{ float:left; width:calc(33.33333333% - 2%); margin-right:3%;}
.sb_continuing > .environment .environment_con div:last-child{margin-right:0;}
.sb_continuing > .environment .environment_con div img{width:100%;}
.sb_continuing > .environment .environment_con div h5{margin-top:20px; font-family:"notoMedium"; font-size:25px;}
.sb_continuing > .environment .environment_con div p{margin-top:11px; font-size:17px;}

/* 비지니스 */
.sb_continuing > .business {position:relative; padding:80px 0 100px}
.sb_continuing > .business:after{position:absolute; left:25px; top:0; z-index: -1; content:''; width:calc(100% - 25px) ; height:100%; background: url("../../img/company/businessBg.jpg") 50% 50% / cover no-repeat; border-radius:25px 0 0 25px;}
.sb_continuing > .business .ment_box{display: inline-block; width: 100%;}
.sb_continuing > .business .ment_box h4{float:left; width:auto; padding:0; text-align:left; }
.sb_continuing > .business .ment_box h4:after{content:'';display:inline-block; position:relative; top:10px; left:0; width:1px; height:50px; margin:0 30px; background-color:#828282;}
.sb_continuing > .business .ment_box .txt_ment{float:left; max-width: 600px; width:calc(100% - 230px); text-align:left;}
.sb_continuing > .business .bus_detail{ position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top:50px;}
.sb_continuing > .business .bus_detail .bus_pic{max-width: 310px; width:calc(32% - 60px); margin-right: 60px; line-height: 1.8; order: 2;}
.sb_continuing > .business .position .bus_pic{position:absolute; top:0; right:0; max-width: unset; width:calc(60% - 60px); margin-left: 60px; margin-right: 0;}
.sb_continuing > .business .bus_detail .bus_pic img{width:100%;}
.sb_continuing > .business .bus_detail .bus_dl{width:49%; line-height: 1.8; order: 2;}
.sb_continuing > .business .bus_detail .bus_dl dt{font-family:"notoMedium"; font-size: 25px;}
.sb_continuing > .business .bus_detail .bus_dl dt{font-family:"notoMedium"; font-size: 25px;}
.sb_continuing > .business .bus_detail .bus_dl dd{padding-top:10px; font-size: 17px;}

/* 사람 */
.sb_continuing > .people {padding: 80px 0;}
.sb_continuing > .people h5{margin:60px auto 0; font-family:"notoMedium"; font-size:30px; text-align:center;}

.sb_continuing > .people .people_list{padding-top: 80px;}
.sb_continuing > .people .people_list:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.sb_continuing > .people li{float:left; width:25%; text-align:center; border-right:solid 1px #CECECE;}
.sb_continuing > .people li:last-child{border-right:0;}
.sb_continuing > .people .p_tit{margin-top:20px; font-family:"notoBold"; font-size: 25px;}
.sb_continuing > .people .p_txt{margin-top:10px; font-family:"notoDemiLight"; font-size: 17px;}

.sb_continuing > .people .people_bottom{display:inline-block; width:100%; margin-top:80px;}
.sb_continuing > .people .people_bottom div{ float:left; width:calc(50% - 2.5%); margin-right:5%;}
.sb_continuing > .people .people_bottom div:last-child{margin-right:0;}
.sb_continuing > .people .people_bottom div img{width:100%;}
.sb_continuing > .people .people_bottom div h5{margin-top:20px; font-size:25px; text-align:left;}
.sb_continuing > .people .people_bottom div p{margin-top:11px; font-size:17px;}

/* ESG 경영 평가 */
.sb_continuing > .people .eco_vadis{
    display:inline-block; width:100%; 
    margin-top: 3.6rem; padding: 3.6rem 14rem; 
    background: url('../../img/company/ecovadis_bg.jpg') no-repeat; background-size: cover;
}
.sb_continuing > .people .eco_vadis div{ float:left; width:calc(50% - 2.5%); margin-right:5%;}
.sb_continuing > .people .eco_vadis div:last-child{margin-right:0;}
.sb_continuing > .people .eco_vadis div img{width:100%;}

/* 정책 */
.sb_continuing .policy {padding:80px 0; background:#E5E5E5;}

.sb_continuing .policyBtn {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 30px; max-width:1310px; margin:30px auto 0; padding:0 25px;}
.sb_continuing .policyBtn button {position:relative; min-height:80px; padding:0 70px 0 25px; font-family:"notoMedium"; font-size:20px; text-align:left; background:white; border-radius:20px;}
.sb_continuing .policyBtn button::after {position:absolute; right:25px; top:calc(50% - 15px); display:block; width:30px; height:30px; content:""; background:url("../../img/company/arrow_policy.svg") 50% 50% no-repeat; border:1px solid #CECECE; border-radius:50%;}
.sb_continuing .policyBtn button:hover {color:white; background:#d80011;}
.sb_continuing .policyBtn button:hover::after {background:white url("../../img/company/arrow_policyOn.svg") 50% 50% no-repeat; border-color:white;}

.sb_continuing .policyPop {position:fixed; left:0; top:0; z-index:9999999; width:100%; height:100%; padding:100px;}
.sb_continuing .policyPop::after {position:fixed; left:0; top:0; width:100%; height:100%; content:""; background:black; opacity:0.8;}
.sb_continuing .policyPop > div {position:relative; z-index:9; display:flex; flex-direction:column; width:100%; height:100%; padding:50px; font-size:17px; background:white;}
.sb_continuing .policyPop > div div {overflow-y:auto; padding-right:20px;}
.sb_continuing .policyPop > div div::-webkit-scrollbar {width:2px;} /* 스크롤 바 */
.sb_continuing .policyPop > div div::-webkit-scrollbar-track {background-color:white;} /* 스크롤 바 밑의 배경 */
.sb_continuing .policyPop > div div::-webkit-scrollbar-thumb {background:#8D8D8D;} /* 실질적 스크롤 바 */
.sb_continuing .policyPop > div div::-webkit-scrollbar-button {display:none;} /* 스크롤 바 상 하단 버튼 */
.sb_continuing .policyPop h5 {margin-bottom:40px; padding:0 100px; font-family:"notoBold"; font-size:30px; text-align:center; color:#d80011;}
.sb_continuing .policyPop h6 {margin-bottom:10px; font-family:"notoMedium"; font-size:20px;}
.sb_continuing .policyPop h6.opt {margin-bottom:10px; font-size:25px; text-align:center;}
.sb_continuing .policyPop dt {margin-bottom:8px; font-family:"notoMedium";}
.sb_continuing .policyPop p, .sb_continuing .policyPop li, .sb_continuing .policyPop dd {margin-bottom:8px;}
.sb_continuing .policyPop .box {padding:20px; border:1px solid #E5E5E5;}
.sb_continuing .policyPop .end {margin-bottom:30px;}
.sb_continuing .policyPop button {position:absolute; right:50px; top:55px; width:40px; height:40px; background:url("../../img/company/close_policy.svg") 50% 50% / 33px no-repeat;}

@media screen and (max-width:1200px) {

    /* 공통 */
    .sb_continuing .con_detail {width:96%;}
    .sb_continuing h4 {font-size:35px;}
    .sb_continuing h4.title_ment {margin:80px 0 60px;}
    .sb_continuing .txt_ment { padding-top:8px; font-size:17px; }
    .sb_continuing > div span.span_bl{display:inline;}

    /* 상단 컨텐츠 */
    .sb_continuing > .top_bg {height:auto; margin-top:50px; padding:80px 0;}
    .sb_continuing > .top_bg dl {min-height:300px; height:auto;padding-top:110px;}
    .sb_continuing > .top_bg dl:nth-child(1) {background-size:54px; background-position:50% 45px;}
    .sb_continuing > .top_bg dl:nth-child(2) {background-size:50px; background-position:50% 45px;}
    .sb_continuing > .top_bg dl:nth-child(3) {background-size:58px; background-position:50% 40px;}
    .sb_continuing > .top_bg dt {margin-bottom:5px; font-size:25px;}
    .sb_continuing > .top_bg dd {line-height:1.4em;}

    /* 환경 */
    .sb_continuing > .environment{padding:70px 0 100px;}
    .sb_continuing > .environment .environment_con div h5 {font-size: 20px;}
    .sb_continuing > .environment .environment_con div p {margin-top: 10px;}

    /* 비지니스 */
    .sb_continuing > .business .bus_detail .bus_pic { width: calc(35% - 60px);}
    .sb_continuing > .business .position .bus_pic {width: calc(58% - 60px);}
    .sb_continuing > .business .bus_detail .bus_dl {width: 42%;}
    .sb_continuing > .business .bus_detail .bus_dl dt { font-size: 20px;}
    .sb_continuing > .business .bus_detail .bus_dl dd { padding-top:8px;}

    /* 사람 */
    .sb_continuing > .people h5{font-size:26px;}
    .sb_continuing > .people .p_tit{font-size: 23px;}
    .sb_continuing > .people li img {height: 62px;}    
    .sb_continuing > .people .people_bottom{margin-top:60px;}
    .sb_continuing > .people .people_bottom div h5{font-size:20px;}
    .sb_continuing > .people .people_bottom div p{margin-top:8px; font-size:17px;}
    .sb_continuing > .people .people_bottom br{display:none;}

    /* ESG 경영 평가 */
    .sb_continuing > .people .eco_vadis{ padding: 3rem 9rem; }

    /* 정책 */
    .sb_continuing .policy {padding:60px 0;}

    .sb_continuing .policyBtn {gap:0 15px; margin-top:20px; padding:0 25px;}
    .sb_continuing .policyBtn button {min-height:60px; padding:5px 60px 5px 20px; font-size:19px; border-radius:15px;}
    .sb_continuing .policyBtn button::after {right:20px; top:calc(50% - 12px); width:24px; height:24px; background:url("../../img/company/arrow_policy.svg") 50% 50% / 6px no-repeat;}

    .sb_continuing .policyPop {padding:25px;}
    .sb_continuing .policyPop > div {padding:40px; font-size:15px;}
    .sb_continuing .policyPop > div div {padding-right:15px;}
    .sb_continuing .policyPop > div div::-webkit-scrollbar {width:1px;} /* 스크롤 바 */
    .sb_continuing .policyPop h5 {margin-bottom:20px; padding:0 80px; font-size:25px;}
    .sb_continuing .policyPop h6 {margin-bottom:8px; font-size:19px;}
    .sb_continuing .policyPop h6.opt {margin-bottom:8px; font-size:22px;}
    .sb_continuing .policyPop dt {margin-bottom:8px; font-family:"notoMedium";}
    .sb_continuing .policyPop p, .sb_continuing .policyPop li, .sb_continuing .policyPop dd {margin-bottom:5px;}
    .sb_continuing .policyPop .end {margin-bottom:25px;}
    .sb_continuing .policyPop button {right:30px; top:40px; background-size:26px;}

}

@media screen and (max-width:600px) {

    /* 공통 */
    .sb_continuing h4.title_ment {margin:30px 0; font-size:25px;}
    .sb_continuing .txt_ment {margin:0 auto; font-size: 13px;}
    .sb_continuing .con_detail{padding:0 30px;}

    /* 상단 컨텐츠 */
    .sb_continuing > .top_bg {flex-direction:column; height:auto; margin-top:40px; padding:40px 10px;}
    .sb_continuing > .top_bg dl {float:none; width:260px; min-height:unset; margin:0 auto; padding-top:90px; padding-bottom:40px;}
    .sb_continuing > .top_bg dl:nth-child(1) {background-size:45px; background-position:50% 35px;}
    .sb_continuing > .top_bg dl:nth-child(2) {margin:20px auto; background-size:40px; background-position:50% 40px;}
    .sb_continuing > .top_bg dl:nth-child(3) {margin:0 auto; background-size:48px; background-position:50% 35px;}
    .sb_continuing > .top_bg dd {font-size:13px;}

    /* 환경 */
    .sb_continuing > .environment{padding:40px 0 10px;}
    .sb_continuing h4 {font-size: 30px; }
        .sb_continuing > .environment .environment_con div {clear: both; width: 100%; margin-right: 0; margin: 0 auto 40px; }
    .sb_continuing > .environment .environment_con div p { margin-top: 5px; font-size: 13px; }

    /* 비지니스 */
    .sb_continuing > .business {padding: 40px 0 60px; }
    .sb_continuing > .business .ment_box h4 {float: none;}
    .sb_continuing > .business .ment_box h4:after {display: none;}
    .sb_continuing > .business .ment_box .txt_ment {width: 100%; }
    .sb_continuing > .business .bus_detail {margin-top: 40px;}
    .sb_continuing > .business .bus_detail .bus_pic { width: 100%; margin-right: 0;}
    .sb_continuing > .business .position .bus_pic {position: relative; width: 100%; margin-left:0;}
    .sb_continuing > .business .bus_detail .bus_dl {width: 100%;}
    .sb_continuing > .business .bus_detail .bus_dl dd {padding-top:4px; font-size: 13px;}

    /* 사람 */
    .sb_continuing > .people {padding: 50px 0 60px;}
    .sb_continuing > .people .people_list {padding-top:35px;}
    .sb_continuing > .people li {position: relative; width: calc(50% - 4%); margin:2%; padding: 2%; border: 0;}
    .sb_continuing > .people li:first-child:after, .sb_continuing > .people li:nth-child(2):after{content:''; display:block; position: absolute; bottom: -8%; left:2%; width:96%; height:1px; margin:4% 0; background-color:#CECECE;}
    .sb_continuing > .people li:nth-child(2):before, .sb_continuing > .people li:nth-child(4):before{content:''; display:block; position: absolute; top: 2%; left:-8%; width:1px; height:96%; margin:0 4%; background-color:#CECECE;}

    .sb_continuing > .people li:nth-child(even) {border-right: 0;}
    .sb_continuing > .people li:nth-child(3) {clear:both; float: left;}
    .sb_continuing > .people li img {height: 42px;}

    .sb_continuing > .people h5 {margin:40px auto 0; font-size: 22px; }
    .sb_continuing > .people .p_tit{margin-top: 10px; font-size: 20px;}
    .sb_continuing > .people .p_txt {margin-top: 5px; font-family: "notoDemiLight"; font-size: 13px; }
    .sb_continuing > .people .txt_ment br{display: none;}
 
    .sb_continuing > .people .people_bottom {margin-top:10px;}
    .sb_continuing > .people .people_bottom div {width: 100%; margin-top:5%; margin-right:0;}
    .sb_continuing > .people .people_bottom div h5 {margin-top: 15px; font-size: 18px; }
    .sb_continuing > .people .people_bottom div p{margin-top:5px; font-size:13px;}    

    /* ESG 경영 평가 */
    .sb_continuing > .people .eco_vadis{ 
        margin-top: 2.2rem;
        padding: 2rem 4rem; 
    }
    
    /* 정책 */
    .sb_continuing .policy {padding:40px 0;}

    .sb_continuing .policyBtn {grid-template-columns:repeat(1, 1fr); gap:5px 0; margin-top:10px; padding:0 15px;}
    .sb_continuing .policyBtn button {min-height:50px; padding:5px 55px 5px 15px; font-size:16px; border-radius:10px;}
    .sb_continuing .policyBtn button::after {right:15px; top:calc(50% - 12px); width:24px; height:24px; background:url("../../img/company/arrow_policy.svg") 50% 50% / 5px no-repeat;}

    .sb_continuing .policyPop {padding:10px;}
    .sb_continuing .policyPop > div {padding:18px; font-size:14px;}
    .sb_continuing .policyPop > div div {padding-right:5px;}
    .sb_continuing .policyPop h5 {margin-bottom:15px; padding:0 50px 0 0; font-size:20px; text-align:left;}
    .sb_continuing .policyPop h6 {margin-bottom:5px; font-size:16px;}
    .sb_continuing .policyPop h6.opt {font-size:18px;}
    .sb_continuing .policyPop dt {margin-bottom:5px; font-family:"notoMedium";}
    .sb_continuing .policyPop .box {padding:15px;}
    .sb_continuing .policyPop .end {margin-bottom:15px;}
    .sb_continuing .policyPop button {right:10px; top:12px; background-size:21px;}

}



/* 지속가능성 >  품질경영 */

.sb_quality > p:nth-child(1) {margin:100px 0 30px; font-family:"notoBold"; font-size:45px; text-align:center;}
.sb_quality > p:nth-child(1) em {color:#D80011;}
.sb_quality > p:nth-child(2) {margin-bottom:60px; text-align:center;}
.sb_quality > p:nth-child(2) span {display:block;}
.sb_quality .box {margin-bottom:60px; padding:260px 40px 0; text-align:center; background:url("../../img/company/qualityBg.jpg") 50% 0 / 100% no-repeat;}
.sb_quality .box p {padding:40px 40px 0; background:white;}
.sb_quality .box img {width:100%; max-width:915px;}
.sb_quality .list {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sb_quality .list div {width:100%; padding:30px 40px; border:1px solid #CECECE; border-radius:15px;}
.sb_quality .list div:nth-child(1) {margin-bottom:20px;}
.sb_quality .list div:nth-child(2), .sb_quality .list div:nth-child(3) {width:calc(50% - 10px);}
.sb_quality h4 {margin-bottom:15px; font-family:"notoMedium"; font-size:30px; color:#BC7304;}
.sb_quality li {position:relative; margin-bottom:10px; padding-left:15px;}
.sb_quality li:last-child {margin-bottom:0;}
.sb_quality li::before {position:absolute; left:0; top:0; content:"·";}
.sb_quality li span {display:block;}

@media screen and (max-width:1200px) {

    .sb_quality > p:nth-child(1) {margin:40px 0 20px; font-size:35px;}
    .sb_quality > p:nth-child(2) {margin-bottom:50px;}
    .sb_quality .box {margin-bottom:50px; padding:20vw 30px 0; background-size:auto 30vw;}
    .sb_quality .box p {padding:25px 25px 0;}
    .sb_quality .list div {padding:20px 30px; border-radius:10px;}
    .sb_quality h4 {margin-bottom:10px; font-size:25px;}
    .sb_quality li span {display:none;}

}

@media screen and (max-width:600px) {

    .sb_quality > p:nth-child(1) {margin:30px 0 10px; font-size:25px; text-align:left;}
    .sb_quality > p:nth-child(2) {margin-bottom:30px; text-align:left;}


    .sb_quality .box {margin-bottom:30px; padding:25vw 5px 0; background-size:auto 35vw;}
    .sb_quality .box p {padding:25px 15px 0;}
    .sb_quality .list div {margin-bottom:10px !important; padding:15px 20px; border-radius:5px;}
    .sb_quality .list div:nth-child(2), .sb_quality .list div:nth-child(3) {width:100%;}
    .sb_quality h4 {margin-bottom:10px; font-size:20px;}
    .sb_quality li {margin-bottom:5px; padding-left:12px;}

}

/* 지속가능성 >  안전·보건경영 */

.sb_safety {text-align:center;}

.sb_safety .copy {margin:100px 0 60px; padding:0 25px;}
.sb_safety .copy p:nth-child(1) {margin-bottom:20px; font-family:"notoBold"; font-size:45px;}
.sb_safety .copy p:nth-child(1) em {color:#D80011;}
.sb_safety .copy p:nth-child(2) span {display:block;}

.sb_safety .policy {margin-bottom:60px; padding:0 25px;}
.sb_safety .policy dl {display:grid; grid-template-columns:220px 2fr 1fr; max-width:850px; margin:0 auto; padding:20px; border:1px solid #D80011; border-radius:15px;}
.sb_safety .policy dt {font-family:"notoMedium"; font-size:25px; color:#D80011;}
.sb_safety .policy dd {display:grid; align-items:center;}

.sb_safety .diagram {margin-bottom:60px;}
.sb_safety .diagram p {display:inline-block; line-height:0;}
.sb_safety .diagram img {max-width:962px;}

.sb_safety .field {display:flex; justify-content:center; padding:60px 25px; background:#F5F5F5;}
.sb_safety .field div:nth-child(1) {margin-right:25px;}
.sb_safety .field div:nth-child(2) {margin-left:25px;}
.sb_safety .field p {margin-top:5px; font-family:"notoMedium"; font-size:20px;}
.sb_safety .field img {width:100%; max-width:300px;}

@media screen and (max-width:1200px) {

    .sb_safety .copy {margin:40px 0;}
    .sb_safety .copy p:nth-child(1) {margin-bottom:15px; font-size:35px;}

    .sb_safety .policy {margin-bottom:40px;}
    .sb_safety .policy dl {grid-template-columns:180px 1.5fr 1fr; padding:15px; border-radius:10px;}
    .sb_safety .policy dt {font-size:20px;}

    .sb_safety .diagram {margin-bottom:40px;}
    .sb_safety .diagram img {width:90%;}

    .sb_safety .field div:nth-child(1) {margin-right:10px;}
    .sb_safety .field div:nth-child(2) {margin-left:10px;}
    .sb_safety .field p {font-size:18px;}

}

@media screen and (max-width:600px) {

    .sb_safety {text-align:left;}

    .sb_safety > div:nth-child(1) {margin:30px 0; padding:0 15px;}
    .sb_safety > div:nth-child(1) p:nth-child(1) {margin-bottom:10px; font-size:25px;}
    .sb_safety > div:nth-child(1) p:nth-child(2) span {display:none;}

    .sb_safety .policy {margin-bottom:30px; padding:0 15px;}
    .sb_safety .policy dl {grid-template-columns:1.2fr 1fr; border-radius:5px;}
    .sb_safety .policy dt {grid-column:1/span2; grid-row:1; margin-bottom:5px;}
    .sb_safety .policy dd:nth-child(2) {grid-column:1; grid-row:2;}
    .sb_safety .policy dd:nth-child(3) {grid-column:2; grid-row:2;}

    .sb_safety .diagram {margin-bottom:25px;}

    .sb_safety .field {padding:30px 20px 20px;}
    .sb_safety .field div:nth-child(1) {margin-right:4px;}
    .sb_safety .field div:nth-child(2) {margin-left:4px;}
    .sb_safety .field p {font-size:14px;}

}

/* 지속가능성 >  환경경영 */

.sb_environment {text-align:center;}

.sb_environment div:nth-child(1) {position:relative; margin:100px 0 130px; padding:0 25px;}
.sb_environment div:nth-child(1)::after {position:absolute; left:50%; bottom:-80px; display:block; width:1px; height:40px; content:""; background:black;}
.sb_environment div:nth-child(1) p:nth-child(1) {margin-bottom:30px; font-family:"notoBold"; font-size:45px;}
.sb_environment div:nth-child(1) em {color:#E22424;}
.sb_environment div:nth-child(1) span {display:block;}

.sb_environment ul:nth-child(2) {display:grid; gap:0 20px; grid-template-columns:repeat(4, 1fr); max-width:1310px; margin:0 auto 100px; padding:0 25px; font-family:"notoRegular"; font-size:20px;}
.sb_environment ul:nth-child(2) img {margin-bottom:15px; width:100%;}

.sb_environment div:nth-child(3) {padding:100px 25px; font-family:"notoBold"; font-size:40px; color:white; background:url("../../img/company/environmentBg.jpg") 50% 50% / cover no-repeat;}
.sb_environment div:nth-child(3) span {display:block;}

@media screen and (max-width:1200px) {

    .sb_environment div:nth-child(1) {margin:40px 0 100px;}
    .sb_environment div:nth-child(1)::after {bottom:-60px; height:30px;}
    .sb_environment div:nth-child(1) p:nth-child(1) {margin-bottom:20px; font-size:35px;}
    .sb_environment div:nth-child(1) span {display:none;}

    .sb_environment ul:nth-child(2) {gap:0 15px; margin-bottom:50px; font-size:18px;}
    .sb_environment ul:nth-child(2) img {margin-bottom:10px;}

    .sb_environment div:nth-child(3) {padding:60px 25px; font-size:30px;}
    .sb_environment div:nth-child(3) span {display:none;}

}

@media screen and (max-width:600px) {

    .sb_environment {text-align:left;}

    .sb_environment div:nth-child(1) {margin:30px 0 75px;}
    .sb_environment div:nth-child(1)::after {bottom:-45px; height:20px;}
    .sb_environment div:nth-child(1) p:nth-child(1) {margin-bottom:10px; font-size:25px;}

    .sb_environment ul:nth-child(2) {gap:20px 8px; grid-template-columns:repeat(2, 1fr); margin-bottom:40px; padding:0 15px; font-size:16px;}
    .sb_environment ul:nth-child(2) img {margin-bottom:5px;}

    .sb_environment div:nth-child(3) {padding:40px 15px; font-size:20px;}

}

/* 지속가능성 > 윤리경영 */

.sb_ethics > img {width:100%; margin-bottom:60px;}
.sb_ethics h4 {margin-bottom:30px; font-family:"notoBold"; font-size:45px; text-align:center;}
.sb_ethics h4 em {color:#E22424;}

.sb_ethics .box {display:grid; gap:0 20px; grid-template-columns:repeat(4, 1fr); margin-bottom:80px; text-align:center;}
.sb_ethics .box dl {padding:180px 20px 60px; border:1px solid black;}
.sb_ethics .box dl:nth-child(1) {background:url("../../img/company/icon_ethics01.svg") 50% 70px no-repeat;}
.sb_ethics .box dl:nth-child(2) {background:url("../../img/company/icon_ethics02.svg") 50% 70px no-repeat;}
.sb_ethics .box dl:nth-child(3) {background:url("../../img/company/icon_ethics03.svg") 50% 70px no-repeat;}
.sb_ethics .box dl:nth-child(4) {background:url("../../img/company/icon_ethics04.svg") 50% 70px no-repeat;}
.sb_ethics .box dt {margin-bottom:5px; font-family:"notoBold"; font-size:30px;}

.sb_ethics h5 {margin-bottom:30px; font-family:"notoBold"; font-size:35px;}

.sb_ethics .list {display:grid; gap:0; grid-template-columns:repeat(4, 1fr);}
.sb_ethics .list dl {position:relative; padding:0 40px; border-left:1px solid #CECECE;}
.sb_ethics .list dl:last-child {border-right:1px solid #CECECE;}
.sb_ethics .list dt {margin-bottom:5px; font-family:"notoMedium"; font-size:25px; color:#BC7304;}

@media screen and (max-width:1200px) {

    .sb_ethics > img {margin-bottom:50px;}
    .sb_ethics h4 {margin-bottom:20px; font-size:40px;}

    .sb_ethics .box {margin-bottom:60px; gap:0 15px;}
    .sb_ethics .box dl {padding:100px 15px 20px;}
    .sb_ethics .box dl:nth-child(1) {background-position:50% 40px; background-size:auto 50px;}
    .sb_ethics .box dl:nth-child(2) {background-position:50% 41px; background-size:auto 48px;}
    .sb_ethics .box dl:nth-child(3) {background-position:50% 40px; background-size:auto 50px;}
    .sb_ethics .box dl:nth-child(4) {background-position:50% 40px; background-size:auto 50px;}
    .sb_ethics .box dt {margin-bottom:2px; font-size:25px;}

    .sb_ethics h5 {margin-bottom:20px; font-size:28px;}

    .sb_ethics .list dl {padding:0 20px;}
    .sb_ethics .list dt {font-size:22px;}
    .sb_ethics .list dd {font-size:15px;}

}

@media screen and (max-width:600px) {

    .sb_ethics > img {margin-bottom:30px;}
    .sb_ethics h4 {margin-bottom:15px; font-size:30px;}

    .sb_ethics .box {grid-template-columns:repeat(2, 1fr); gap:10px; margin-bottom:40px;}
    .sb_ethics .box dl {padding:80px 15px 20px;}
    .sb_ethics .box dl:nth-child(1) {background-position:50% 35px; background-size:auto 40px;}
    .sb_ethics .box dl:nth-child(2) {background-position:50% 36px; background-size:auto 38px;}
    .sb_ethics .box dl:nth-child(3) {background-position:50% 30px; background-size:auto 40px;}
    .sb_ethics .box dl:nth-child(4) {background-position:50% 30px; background-size:auto 40px;}
    .sb_ethics .box dt {margin-bottom:0; font-size:20px;}

    .sb_ethics h5 {margin-bottom:5px; font-size:22px;}

    .sb_ethics .list {grid-template-columns:repeat(1, 1fr);}
    .sb_ethics .list dl {padding:15px 0; border-bottom:1px solid #CECECE; border-left:none; border-right:none !important;}
    .sb_ethics .list dl:nth-child(1) {border-left:none;}
    .sb_ethics .list dt {margin-bottom:0; font-size:18px;}
    .sb_ethics .list dd {font-size:14px;}

}

/* 지속가능성 > 동반성장 */

.sb_growth {text-align:center;}

.sb_growth > p:nth-child(1) {margin:100px 0 20px; padding:0 25px; font-family:"notoBold"; font-size:45px;}
.sb_growth > p:nth-child(1) em {color:#E22424;}
.sb_growth > p:nth-child(2) {margin-bottom:80px; padding:0 25px;}
.sb_growth > p:nth-child(2) span {display:block;}

.sb_growth .pic {margin-bottom:80px; padding:0 25px;}
.sb_growth .pic img {width:100%; max-width:999px;}

.sb_growth .list {padding:40px 25px; background:#F5F5F5;}
.sb_growth .list > div {display:grid; gap:20px; grid-template-columns:repeat(3, 1fr); width:100%; max-width:1260px; margin:0 auto;}
.sb_growth .list p {margin-top:5px; font-family:"notoMedium"; font-size:20px;}
.sb_growth .list p span {display:block;}
.sb_growth .list img {width:100%; max-width:300px;}

@media screen and (max-width:1200px) {

    .sb_growth > p:nth-child(1) {margin:40px 0 20px; font-size:35px;}
    .sb_growth > p:nth-child(2) {margin-bottom:60px;}
    .sb_growth > p:nth-child(2) span {display:none;}

    .sb_growth .pic {margin-bottom:60px;}

    .sb_growth .list p {font-size:18px;}
    .sb_growth .list p span {display:none;}

}

@media screen and (max-width:600px) {

    .sb_growth > p:nth-child(1) {margin:30px 0 10px; padding:0 15px; font-size:25px;}
    .sb_growth > p:nth-child(2) {margin-bottom:40px; padding:0 15px;}

    .sb_growth .pic {margin-bottom:40px; padding:0 15px;}

    .sb_growth .list {padding:30px 20px 20px;}
    .sb_growth .list > div {gap:20px 8px; grid-template-columns:repeat(2, 1fr);}
    .sb_growth .list p {margin-top:2px; font-size:14px; text-align:left;}

}

/* 지속가능성 > 사회공헌 */

.sb_society .text {display:flex; flex-wrap:wrap; margin:100px 0 60px;}
.sb_society .text > p {width:calc(50% - 100px); font-family:"notoBold"; font-size:45px;}
.sb_society .text > p span {display:block;}
.sb_society .text > p em {color:#E22424;}
.sb_society .text div {width:calc(50% + 100px);}
.sb_society .text div p {margin-bottom:25px;}

.sb_society .list {display:flex; flex-wrap:wrap; margin-bottom:80px;}
.sb_society .list p {width:50%; text-align:center;}
.sb_society .list p img {width:80%; max-width:450px;}
.sb_society .list div {display:flex; align-items:center; width:50%;}
.sb_society .list dt {margin-bottom:5px; font-family:"notoBold"; font-size:25px; color:#BC7304;}
.sb_society .list dd {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CECECE;}

.sb_society .copy {padding:125px 25px; font-family:"notoBold"; font-size:60px; text-align:center; color:white; background:url("../../img/company/societyBg.jpg") 50% 50% / cover no-repeat;}

@media screen and (max-width:1200px) {

    .sb_society .text {margin:40px 0; text-align:center;}
    .sb_society .text > p {width:100%; margin-bottom:20px; font-size:35px;}
    .sb_society .text > p span {display:none;}
    .sb_society .text div {width:100%;}
    .sb_society .text div p {margin-bottom:20px;}

    .sb_society .list {margin-bottom:50px;}
    .sb_society .list dt {font-size:22px;}
    .sb_society .list dd {margin-bottom:15px; padding-bottom:15px;}

    .sb_society .copy {padding:80px 25px; font-size:40px;}

}

@media screen and (max-width:600px) {

    .sb_society .text {margin:30px 0;}
    .sb_society .text > p {margin-bottom:10px; font-size:25px;}
    .sb_society .text div p {margin-bottom:10px;}

    .sb_society .list {margin-bottom:40px;}
    .sb_society .list p {width:100%; margin-bottom:20px;}
    .sb_society .list div {width:100%;}
    .sb_society .list dt {font-size:18px;}
    .sb_society .list dd {margin-bottom:10px; padding-bottom:10px;}

    .sb_society .copy {padding:30px 15px; font-size:25px;}

}

/* 연혁 */

.sb_history .future {margin-bottom:60px; padding:80px 25px; text-align:center; color:white; background:url("../../img/company/historyBg.jpg") 50% 50% / cover no-repeat;}
.sb_history .future p:nth-child(1) {font-family:"notoRegular"; font-size:22px;}
.sb_history .future p:nth-child(2) {font-family:"notoBold"; font-size:45px;}

.sb_history .btn {display:grid; gap:0 5px; grid-template-columns:repeat(4, 1fr); margin-bottom:80px;}
.sb_history .btn button {padding:10px 0; color:#828282; border:1px solid #CECECE;}
.sb_history .btn .on {color:white; background:#E22424; border:1px solid #E22424;}
.sb_history .btn em {display:block; font-family:"notoBold"; font-size:22px; line-height:1.2em;}

.sb_history .copy {position:relative; margin-bottom:120px; text-align:center;}
.sb_history .copy h4 {font-family:"notoBold"; font-size:60px; color:#E22424;}
.sb_history .copy p {font-family:"notoRegular"; font-size:25px; color:#828282;}
.sb_history .copy::after {position:absolute; left:50%; bottom:-80px; width:1px; height:60px; content:""; background:#CECECE;}

.sb_history .box {position:relative; margin-bottom:60px; padding-left:100px;}
.sb_history .box h5 {position:absolute; left:0; top:-5px; font-family:"notoMedium"; font-size:30px; color:#BC7304;}
.sb_history .box dl {position:relative; margin-bottom:30px; padding-left:45px;}
.sb_history .box dl.opt {padding-left:0;}
.sb_history .box dt {margin-bottom:5px; font-family:"notoMedium"; font-size:25px; color:black;}
.sb_history .box dt em {position:absolute; left:0; top:0; color:#D6AB1B;}
/*.sb_history .box dd {font-size:16px;}*/
.sb_history .box div {margin-bottom:30px;}
.sb_history .box div img {width:100%;}
.sb_history .box span {display:block;}

.sb_history .box.opt01 {min-height:220px; padding-right:400px;} /* 위에 */
.sb_history .box.opt01 img {position:absolute; right:0; top:0;}

.sb_history .box.opt02 {min-height:220px; padding-right:400px;} /* 아래 */
.sb_history .box.opt02 img {position:absolute; right:0; bottom:0;}

.sb_history .box.opt03 {min-height:220px; padding-right:400px;} /* 중간 */
.sb_history .box.opt03 img {position:absolute; right:0; top:calc(50% - 25%);}

.sb_history .box.h01 {min-height:auto;}
.sb_history .box.h02 {min-height:150px;}

@media screen and (max-width:1200px) {

    .sb_history .future {margin-bottom:50px; padding:60px 25px;}
    .sb_history .future p:nth-child(1) {font-size:18px;}
    .sb_history .future p:nth-child(2) {font-size:35px;}

    .sb_history .btn {margin-bottom:50px;}
    .sb_history .btn button {padding:8px 0;}
    .sb_history .btn em {font-size:20px; line-height:1.2em;}

    .sb_history .copy {margin-bottom:60px;}
    .sb_history .copy h4 {font-size:50px;}
    .sb_history .copy p {font-size:22px;}
    .sb_history .copy::after {bottom:-50px; height:30px;}

    .sb_history .box {margin-bottom:40px; padding-left:0;}
    .sb_history .box h5 {position:static; margin-bottom:10px; font-size:25px;}
    .sb_history .box dl {margin-bottom:15px; padding-left:35px;}
    .sb_history .box dt {margin-bottom:3px; font-size:20px;}
    .sb_history .box dd {font-size:16px;}
    .sb_history .box div {margin-bottom:20px;}
    .sb_history .box span {display:none;}

    .sb_history .box.opt01 {padding-right:230px;}
    .sb_history .box.opt01 img {top:50px; width:200px;}

    .sb_history .box.opt02 {padding-right:230px;}
    .sb_history .box.opt02 img {width:200px;}

    .sb_history .box.opt03 {padding-right:230px;}
    .sb_history .box.opt03 img {top:calc(50% - 25% + 50px); width:200px;}

}

@media screen and (max-width:600px) {

    .sb_history .future {margin-bottom:30px; padding:40px 15px;}
    .sb_history .future p:nth-child(1) {font-size:16px;}
    .sb_history .future p:nth-child(2) {font-size:25px;}

    .sb_history .btn {gap:5px;  grid-template-columns:repeat(2, 1fr); margin-bottom:30px;}
    .sb_history .btn button {padding:6px 0; font-size:14px;}
    .sb_history .btn em {font-size:18px; line-height:1.2em;}

    .sb_history .copy {margin-bottom:40px;}
    .sb_history .copy h4 {font-size:40px;}
    .sb_history .copy p {font-size:16px;}
    .sb_history .copy::after {bottom:-35px; height:20px;}

    .sb_history .box {margin-bottom:30px;}
    .sb_history .box h5 {margin-bottom:5px; font-size:20px;}
    .sb_history .box dl {margin-bottom:15px; padding-left:30px;}
    .sb_history .box dt {font-size:18px;}
    .sb_history .box dd {font-size:15px;}
    .sb_history .box div {margin-bottom:15px;}

    .sb_history .box.opt01 {padding:0;}
    .sb_history .box.opt01 img {position:static; width:100%; margin-bottom:15px;}

    .sb_history .box.opt02 {padding:0;}
    .sb_history .box.opt02 img {position:static; width:100%;}

    .sb_history .box.opt03 {padding:0;}
    .sb_history .box.opt03 img {position:static; width:100%; margin-bottom:15px;}

}

/* CEO 인사말 */

.sb_greetings img {width:100%; margin-bottom:60px;}

.sb_greetings .box {display:flex; flex-wrap:wrap;}
.sb_greetings .box div:nth-child(1) {width:35%;}
.sb_greetings .box div:nth-child(1) p:nth-child(1) {margin-bottom:10px; font-family:"nanumMyeongBold"; font-size:30px;}
.sb_greetings .box div:nth-child(1) p:nth-child(2) {margin-bottom:10px; font-family:"notoMedium"; font-size:40px; line-height:1.3em;}
.sb_greetings .box div:nth-child(1) p:nth-child(3) {margin-bottom:20px; font-family:"notoBold"; font-size:90px; line-height:1.1em; color:#D80011;}
.sb_greetings .box div:nth-child(1) p:nth-child(4) {font-family:"notoRegular"; font-size:22px; color:#BC7304;}
.sb_greetings .box div:nth-child(2) {width:65%; padding-left:90px;}
.sb_greetings .box div:nth-child(2) p {margin-bottom:30px; line-height:1.8em;}

@media screen and (max-width:1200px) {

    .sb_greetings img {margin-bottom:40px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(1) {font-size:20px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(2) {font-size:30px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(3) {margin-bottom:20px; font-size:55px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(4) {font-size:18px;}
    .sb_greetings .box div:nth-child(2) {padding-left:50px;}
    .sb_greetings .box div:nth-child(2) p {margin-bottom:20px;}

}

@media screen and (max-width:600px) {

    .sb_greetings img {margin-bottom:30px;}
    .sb_greetings .box div:nth-child(1) {width:100%; margin-bottom:25px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(1) {margin-bottom:5px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(2) {margin-bottom:5px; font-size:26px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(3) {margin-bottom:10px; font-size:50px;}
    .sb_greetings .box div:nth-child(1) p:nth-child(4) {font-size:16px;}
    .sb_greetings .box div:nth-child(2) {width:100%; padding:0;}
    .sb_greetings .box div:nth-child(2) p {margin-bottom:10px;}

}

/*--------------------------*/
/* 홍보센터 */
/*--------------------------*/

/* 홍보영상 */

.sb_movie video {width:100%;}

/* E-catalogue */

.sb_ecatalogue ul {display:grid; gap:0 50px; grid-template-columns:1fr 1fr 1fr; margin-top:100px;}
.sb_ecatalogue li {position:relative; text-align:center; border:1px solid #CECECE;}
.sb_ecatalogue li em {position:absolute; left:0; top:-75px; font-family:"notoBold"; font-size:40px; text-align:left;}
.sb_ecatalogue li img {width:100%; margin-bottom:10px; border-bottom:1px solid #CECECE;}
.sb_ecatalogue li p {font-family:"notoMedium"; font-size:25px;}
.sb_ecatalogue li a {display:block; padding:8px 0 18px 0;}
.sb_ecatalogue li a span {display:inline-block; padding-right:20px; background:url("../../img/common/icon_download.svg") 100% 50% no-repeat;}
.sb_ecatalogue li a:hover span {color:#E22424; background:url("../../img/common/icon_download_on.svg") 100% 50% no-repeat;}

@media screen and (max-width:1200px) {

    .sb_ecatalogue ul {gap:0 15px; margin-top:80px;}
    .sb_ecatalogue li p {font-size:20px;}
    .sb_ecatalogue li em {top:-50px; font-size:30px;}
    
}

@media screen and (max-width:600px) {

    .sb_ecatalogue ul {gap:60px 10px; grid-template-columns:1fr 1fr; margin-top:60px;}
    .sb_ecatalogue li em {top:-45px; font-size:25px;}
    .sb_ecatalogue li a span {padding-right:16px; background-size:auto 12px !important;}

}

/* CI 소개 */

.sb_ci .box01 {display:flex; flex-wrap:wrap; margin:80px 0;}
.sb_ci .box01 div:nth-child(1) {width:35%; text-align:center;}
.sb_ci .box01 div:nth-child(1) img {width:100%; max-width:383px;}
.sb_ci .box01 div:nth-child(2) {width:65%; padding-left:80px;}
.sb_ci .box01 div:nth-child(2) p:nth-child(1) {margin-bottom:10px; font-family:"notoBold"; font-size:55px;}
.sb_ci .box01 div:nth-child(2) p:nth-child(1) span {color:#D80011;}
.sb_ci .box01 div:nth-child(2) p:nth-child(2) {margin-bottom:50px;}
.sb_ci .box01 div:nth-child(2) p:nth-child(2) span {display:block;}
.sb_ci .box01 div:nth-child(2) a {display:inline-block; padding:15px 30px; border:1px solid #CECECE;}
.sb_ci .box01 div:nth-child(2) a span {display:inline-block; padding-right:20px; background:url("../../img/common/icon_download.svg") 100% 50% no-repeat;}
.sb_ci .box01 div:nth-child(2) a:hover {color:white; background:#D80011; border:1px solid #D80011;}
.sb_ci .box01 div:nth-child(2) a:hover span {background:url("../../img/common/icon_download_on01.svg") 100% 50% no-repeat;}

.sb_ci .box02 {margin-bottom:80px;}
.sb_ci .box02 h4 {margin-bottom:10px; font-family:"notoMedium"; font-size:35px; color:#BC7304;}
.sb_ci .box02 p {margin-bottom:40px;}
.sb_ci .box02 p span {display:block;}
.sb_ci .box02 dl {display:flex; flex-wrap:wrap; margin-bottom:20px; padding:30px 0; border:1px solid #CECECE;}
.sb_ci .box02 dt {display:flex; align-items:center; justify-content:center; width:15%; text-align:center; font-family:"notoMedium"; font-size:25px;}
.sb_ci .box02 dd {display:flex; align-items:center; justify-content:center; padding:0 15px;}
.sb_ci .box02 dd img {width:100%;}
.sb_ci .box02 dd:nth-child(2) {width:30%;}
.sb_ci .box02 dd:nth-child(3) {width:35%;}
.sb_ci .box02 dd:nth-child(4) {width:20%;}
.sb_ci .box02 dl:nth-child(3) dd:nth-child(2) img {max-width:289px;}
.sb_ci .box02 dl:nth-child(3) dd:nth-child(3) img {max-width:340px;}
.sb_ci .box02 dl:nth-child(3) dd:nth-child(4) img {max-width:75px;}
.sb_ci .box02 dl:nth-child(4) dd:nth-child(2) img {max-width:224px;}
.sb_ci .box02 dl:nth-child(4) dd:nth-child(3) img {max-width:304px;}
.sb_ci .box02 dl:nth-child(4) dd:nth-child(4) img {max-width:95px;}

.sb_ci .box03 h4 {margin-bottom:10px; font-family:"notoMedium"; font-size:35px; color:#BC7304;}
.sb_ci .box03 p {margin-bottom:40px;}
.sb_ci .box03 p span {display:block;}
.sb_ci .box03 ul {display:grid; gap:0 20px; grid-template-columns:1fr 1fr 1fr; text-align:center;}
.sb_ci .box03 li {display:flex; align-items:center; justify-content:center; height:100px; font-family:"notoBold"; font-size:25px; color:white;}
.sb_ci .box03 li:nth-child(1) {background:#D80011;}
.sb_ci .box03 li:nth-child(2) {background:#003383;}
.sb_ci .box03 li:nth-child(3) {background:black;}

@media screen and (max-width:1200px) {

    .sb_ci .box01 {margin:50px 0 40px;}
    .sb_ci .box01 div:nth-child(2) {padding-left:50px;}
    .sb_ci .box01 div:nth-child(2) p:nth-child(1) {font-size:45px; line-height:1.3em;}
    .sb_ci .box01 div:nth-child(2) p:nth-child(2) {margin-bottom:30px;}
    .sb_ci .box01 div:nth-child(2) p:nth-child(2) span {display:none;}

    .sb_ci .box02 {margin-bottom:60px;}
    .sb_ci .box02 h4 {font-size:30px;}
    .sb_ci .box02 p {margin-bottom:30px;}
    .sb_ci .box02 p span {display:none;}
    .sb_ci .box02 dl {margin-bottom:10px; padding:25px 0;}
    .sb_ci .box02 dt {font-size:22px;}

    .sb_ci .box03 h4 {font-size:30px;}
    .sb_ci .box03 p {margin-bottom:30px;}
    .sb_ci .box03 p span {display:none;}
    .sb_ci .box03 ul {gap:0 15px;}
    .sb_ci .box03 li {height:80px; font-size:20px;}

}

@media screen and (max-width:600px) {

    .sb_ci .box01 {margin:30px 0 40px;}
    .sb_ci .box01 div:nth-child(1) {width:100%; margin-bottom:20px;}
    .sb_ci .box01 div:nth-child(1) img {width:70%;}
    .sb_ci .box01 div:nth-child(2) {width:100%; padding:0;}
    .sb_ci .box01 div:nth-child(2) p:nth-child(1) {font-size:35px;}
    .sb_ci .box01 div:nth-child(2) a {width:100%; padding:10px 0; text-align:center;}
    .sb_ci .box01 div:nth-child(2) a span {padding-right:16px; background-size:auto 12px;}

    .sb_ci .box02 {margin-bottom:40px;}
    .sb_ci .box02 h4 {margin-bottom:5px; font-size:25px;}
    .sb_ci .box02 p {margin-bottom:20px;}
    .sb_ci .box02 dl {padding:15px 5px;}
    .sb_ci .box02 dt {width:100%; margin-bottom:10px; font-size:20px;}
    .sb_ci .box02 dd {padding:0 15px;}
    .sb_ci .box02 dd:nth-child(2) {width:35%;}
    .sb_ci .box02 dd:nth-child(3) {width:45%;}
    .sb_ci .box02 dd:nth-child(4) {width:20%;}
    .sb_ci .box02 dd:nth-child(4) img {max-width:50px !important;}

    .sb_ci .box03 h4 {margin-bottom:5px; font-size:25px;}
    .sb_ci .box03 p {margin-bottom:20px;}
    .sb_ci .box03 ul {grid-template-columns:1fr;}
    .sb_ci .box03 li {height:60px; margin-bottom:5px; font-size:18px;}

}

/* 사업장 안내 */

.sb_workplace h4 {margin-bottom:20px; font-family:"notoBold"; font-size:45px;}
.sb_workplace div {position:relative; margin-bottom:20px; line-height:100%;}
.sb_workplace div img {width:100%;}
.sb_workplace div button {position:absolute;}
.sb_workplace div button span {position:relative; z-index:9; display:block; width:40px; height:40px; font-family:"notoBold"; font-size:20px; line-height:2em; color:white; background:rgba(226, 36, 36, 0.7); border-radius:50%;}
.sb_workplace div button.on::before {position:absolute; left:0; top:0; z-index:8; display:block; width:100%; height:100%; content:""; background:#e1220e; border-radius:50%; opacity:0; animation:effect1 infinite; animation-duration:0.8s;}
.sb_workplace div button.on::after {position:absolute; left:0; top:0; z-index:7; display:block; width:100%; height:100%; content:""; background:#e1400e; border-radius:50%; opacity:0; animation:effect2 infinite; animation-duration:0.8s;}

.sb_workplace [data-changwon="1"] {left:75%; top:35%;}
.sb_workplace [data-changwon="2"] {left:79%; top:30%;}
.sb_workplace [data-changwon="3"] {left:61%; top:11%;}
.sb_workplace [data-changwon="4"] {left:56%; top:12%;}
.sb_workplace [data-changwon="5"] {left:78%; top:9%;}
.sb_workplace [data-changwon="6"] {left:65%; top:14%;}
.sb_workplace [data-changwon="7"] {left:78%; top:22%;}
.sb_workplace [data-changwon="8"] {left:63%; top:22%;}
.sb_workplace [data-changwon="9"] {left:50%; top:39%;}
.sb_workplace [data-changwon="10"] {left:32%; top:52%;}
.sb_workplace [data-changwon="11"] {left:25%; top:62%;}
.sb_workplace [data-changwon="12"] {left:58%; top:33%;}

.sb_workplace [data-geoje="1"] {left:18%; bottom:5%;}
.sb_workplace [data-geoje="2"] {left:55%; top:64%;}
.sb_workplace [data-geoje="3"] {left:52%; top:39%;}
.sb_workplace [data-geoje="4"].a1 {left:23%; top:50%;}
.sb_workplace [data-geoje="4"].a2 {left:43%; top:15%;}
.sb_workplace [data-geoje="5"].b1 {left:34%; top:50%;}
.sb_workplace [data-geoje="5"].b2 {left:65%; top:5%;}
.sb_workplace [data-geoje="6"] {left:7%; top:79%;}
.sb_workplace [data-geoje="7"] {left:52%; top:14%;}
.sb_workplace [data-geoje="8"] {left:45%; top:2.6%;}
.sb_workplace [data-geoje="9"] {left:58%; top:17%;}

.sb_workplace ol {display:grid; gap:10px 20px; grid-template-columns:repeat(4, 1fr);}
.sb_workplace ol .on {font-family:"notoBlack"; color:#E22424;}

.sb_workplace ol + h4 {margin-top:80px;}

@keyframes effect1 {
		
	0% {transform:scale(1.2, 1.2); opacity:0.9;}
	100% {transform:scale(1.6, 1.6); opacity:0;}
	
}

@keyframes effect2 {
		
	0% {transform:scale(1, 1); opacity:0.7;}
	100% {transform:scale(2.4, 2.4); opacity:0;}
	
}

@media screen and (max-width:1200px) {

    .sb_workplace h4 {margin-bottom:15px; font-size:35px;}
    .sb_workplace div button span {width:32px; height:32px; font-size:16px;}
    .sb_workplace ol {gap:10px; grid-template-columns:repeat(3, 1fr);}

    .sb_workplace ol + h4 {margin-top:60px;}

}

@media screen and (max-width:600px) {

    .sb_workplace h4 {margin-bottom:10px; font-size:25px;}
    .sb_workplace div {margin-bottom:10px;}
    .sb_workplace div button span {width:22px; height:22px; font-family:"notoMedium"; font-size:11px;}
    .sb_workplace ol {gap:5px; grid-template-columns:repeat(2, 1fr);}

    .sb_workplace [data-changwon="1"] {left:74%; top:32%;}
    .sb_workplace [data-changwon="2"] {left:79%; top:30%;}
    .sb_workplace [data-changwon="3"] {left:60%; top:6%;}
    .sb_workplace [data-changwon="4"] {left:53%; top:12%;}
    .sb_workplace [data-changwon="5"] {left:76%; top:6%;}
    .sb_workplace [data-changwon="6"] {left:63%; top:12%;}
    .sb_workplace [data-changwon="7"] {left:78%; top:18%;}
    .sb_workplace [data-changwon="8"] {left:63%; top:22%;}
    .sb_workplace [data-changwon="9"] {left:48%; top:37%;}
    .sb_workplace [data-changwon="10"] {left:32%; top:50%;}
    .sb_workplace [data-changwon="11"] {left:25%; top:60%;}
    .sb_workplace [data-changwon="12"] {left:58%; top:33%;}

    .sb_workplace [data-geoje="1"] {left:18%; bottom:5%;}
    .sb_workplace [data-geoje="2"] {left:55%; top:64%;}
    .sb_workplace [data-geoje="3"] {left:52%; top:39%;}
    .sb_workplace [data-geoje="4"].a1 {left:23%; top:50%;}
    .sb_workplace [data-geoje="4"].a2 {left:43%; top:15%;}
    .sb_workplace [data-geoje="5"].b1 {left:34%; top:50%;}
    .sb_workplace [data-geoje="5"].b2 {left:65%; top:5%;}
    .sb_workplace [data-geoje="6"] {left:7%; top:79%;}
    .sb_workplace [data-geoje="7"] {left:52%; top:14%;}
    .sb_workplace [data-geoje="8"] {left:45%; top:2.6%;}
    .sb_workplace [data-geoje="9"] {left:58%; top:17%;}

    .sb_workplace ol + h4 {margin-top:40px;}

}

/*--------------------------*/
/* 채용정보 */
/*--------------------------*/

/* 채용안내 */

.sb_guide h4 {margin-bottom:20px; font-family:"notoBold"; font-size:45px;}
.sb_guide h5 {margin-bottom:10px; font-family:"notoRegular"; font-size:26px; color:#BC7304;}

.sb_guide .box01 {max-width:1310px; margin:0 auto 90px; padding:0 25px;}
.sb_guide .box01 div {position:relative; padding-right:calc(50% + 50px);}
.sb_guide .box01 div::before {position:absolute; right:0; top:0; display:block; width:50%; height:100%; content:""; background:url("../../img/promote/guide.jpg") 50% 50% / cover no-repeat;}
.sb_guide .box01 ul {margin-bottom:30px;}
.sb_guide .box01 li {position:relative; margin-bottom:10px; padding-left:15px;}
.sb_guide .box01 li::before {position:absolute; left:0; top:0; content:"·";}
.sb_guide .box01 li span {display:block;}

.sb_guide .box02 {position:relative; margin-bottom:90px; padding-bottom:50px;}
.sb_guide .box02::after {position:absolute; left:0; bottom:0; z-index:-9; display:block; width:100%; height:50%; content:""; background:#E5E5E5;}
.sb_guide .box02 div {max-width:1310px; margin:0 auto; padding:0 25px;}
.sb_guide .box02 h4 {margin-bottom:40px;}
.sb_guide .box02 ul {display:flex; flex-wrap:wrap;}
.sb_guide .box02 li {display:flex; flex-flow:column; align-items:center; width:20%; padding:0 10px; text-align:center;}
.sb_guide .box02 em {display:flex; align-items:center; justify-content:center; width:180px; height:180px; margin-bottom:10px; font-family:"notoMedium"; font-size:26px; background:white; border:10px solid #E22424; border-radius:50%;}
.sb_guide .box02 p {font-size:18px;}
.sb_guide .box02 p span {display:block;}

.sb_guide .box03 {max-width:1310px; margin:0 auto 120px; padding:0 25px;}
.sb_guide .box03 > div {display:grid; gap:0 20px; grid-template-columns:1fr 1fr 1fr 1fr;}
.sb_guide .box03 img {width:100%; margin-bottom:10px;}
.sb_guide .box03 li {position:relative; margin-bottom:5px; padding-left:12px; /*font-size:16px;*/}
.sb_guide .box03 li::before {position:absolute; left:0; top:0; content:"·";}

@media screen and (max-width:1310px) {

    .sb_guide .box01 li span {display:none;}

}

@media screen and (max-width:1200px) {

    .sb_guide h4 {margin-bottom:15px; font-size:35px;}
    .sb_guide h5 {margin-bottom:6px; font-size:22px;}

    .sb_guide .box01 {margin-bottom:60px;}

    .sb_guide .box02 {margin-bottom:60px; padding-bottom:40px;}
    .sb_guide .box02 h4 {margin-bottom:30px;}
    .sb_guide .box02 em {width:17vw; height:17vw; font-size:22px; border:8px solid #E22424;}
    .sb_guide .box02 p {font-size:15px;}
    .sb_guide .box02 p span {display:none;}

    .sb_guide .box03 {margin-bottom:80px;}
    .sb_guide .box03 > div {gap:20px 15px; grid-template-columns:1fr 1fr;}

}

@media screen and (max-width:800px) {

    .sb_guide .box02::after {height:35%;}
    .sb_guide .box02 li {width:33.33%; margin-bottom:20px;}
    .sb_guide .box02 em {width:22vw; height:22vw;}

}

@media screen and (max-width:600px) {

    .sb_guide h4 {margin-bottom:10px; font-size:25px;}
    .sb_guide h5  {margin-bottom:2px; font-size:18px;}

    .sb_guide .box01 {margin-bottom:40px; padding:0 15px;}
    .sb_guide .box01 div {padding:0;}
    .sb_guide .box01 div::before {position:static; width:100%; height:220px; margin-bottom:20px;}
    .sb_guide .box01 ul {margin-bottom:20px;}
    .sb_guide .box01 li {margin-bottom:5px; padding-left:10px;}

    .sb_guide .box02 {margin-bottom:40px; padding-bottom:20px;}
    .sb_guide .box02::after {height:25%;}
    .sb_guide .box02 h4 {margin-bottom:20px;}
    .sb_guide .box02 li {width:50%; padding:0 5px;}
    .sb_guide .box02 em {width:125px; height:125px; margin-bottom:5px; font-size:18px; border:5px solid #E22424;}
    .sb_guide .box02 p {font-size:14px;}

    .sb_guide .box03 {margin-bottom:60px; padding:0 15px;}
    .sb_guide .box03 > div {gap:20px 15px; grid-template-columns:1fr 1fr;}
    .sb_guide .box03 li {font-size:15px;}

}

/* 직무소개 */

.sb_duty .skip {margin-bottom:80px; padding:25px 40px; border-left:1px solid #CECECE; border-right:1px solid #CECECE; border-bottom:1px solid #CECECE; border-top:3px solid black;}
.sb_duty .skip div {display:flex; flex-wrap:wrap; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e3e3e3;}
.sb_duty .skip div:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}
.sb_duty .skip em {width:180px; padding:5px 5px; font-family:"notoBold"; color:#BC7304;}
.sb_duty .skip ul {display:grid; width:calc(100% - 180px);}
.sb_duty .skip.erection ul {grid-template-columns:repeat(9, 1fr);}
.sb_duty .skip.shipbuilding ul {grid-template-columns:repeat(5, 1fr);}
.sb_duty .skip button {padding:5px 0;}
.sb_duty .skip button:hover {color:#E22424;}

.sb_duty h4 {margin-bottom:20px; font-family:"notoBold"; font-size:40px; color:#E22424;}
.sb_duty h4 span {position:relative;}
.sb_duty h4 span::after {position:absolute; right:-15px; top:-10px; display:block; width:10px; height:10px; content:""; background:#E22424; border-radius:50%;}

.sb_duty .box {margin-bottom:80px;}
.sb_duty .box div {display:flex; flex-wrap:wrap; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e3e3e3;}
.sb_duty .box p {width:30%;}
.sb_duty .box img {width:100%;}
.sb_duty .box dl {width:70%; padding:20px 0 0 60px;}
.sb_duty .box dt {margin-bottom:10px; font-family:"notoMedium"; font-size:30px;}
.sb_duty .box dd {line-height:1.8em;}

@media screen and (max-width:1200px) {

    .sb_duty .skip {margin-bottom:50px; padding:20px 30px;}
    .sb_duty .skip div {margin-bottom:10px; padding-bottom:10px;}
    .sb_duty .skip em {width:100%; padding-left:0;}
    .sb_duty .skip ul {width:100%;}
    .sb_duty .skip.erection ul {grid-template-columns:repeat(5, 1fr);}

    .sb_duty h4 {margin-bottom:15px; font-size:35px;}
    .sb_duty h4 span::after {width:8px; height:8px;}

    .sb_duty .box {margin-bottom:50px;}
    .sb_duty .box div {margin-bottom:20px; padding-bottom:20px;}
    .sb_duty .box dl {padding:0 0 0 40px;}
    .sb_duty .box dt {margin-bottom:5px; font-size:25px;}

}

@media screen and (max-width:600px) {

    .sb_duty .skip {margin-bottom:40px; padding:15px 20px;}
    .sb_duty .skip em {width:100%; padding:0 0 3px;}
    .sb_duty .skip ul {width:100%;}
    .sb_duty .skip.erection ul {grid-template-columns:repeat(3, 1fr);}
    .sb_duty .skip.shipbuilding ul {grid-template-columns:repeat(3, 1fr);}
    .sb_duty .skip button {padding:3px 0;}

    .sb_duty h4 {margin-bottom:10px; font-size:30px; text-align:center;}
    .sb_duty h4 span::after {right:50%; top:-15px; width:8px; height:8px; margin-right:-4px;}

    .sb_duty .box {margin-bottom:40px;}
    .sb_duty .box div {margin-bottom:25px; padding-bottom:25px;}
    .sb_duty .box p {width:100%; margin-bottom:10px;}
    .sb_duty .box dl {width:100%; padding:0;}
    .sb_duty .box dt {margin-bottom:5px; font-size:20px;}

}

/*--------------------------*/
/* Contact */
/*--------------------------*/

/* 사업제안/문의 */

.sb_proposal {max-width:1000px; margin:0 auto 120px; padding:0 25px;}

.sb_proposal .box01 {margin-bottom:15px; padding:10px 0; border-top:2px solid #E22424; border-bottom:2px solid black;}
.sb_proposal .box01 div {display:flex; margin:20px 0;}
.sb_proposal .box01 label {width:200px; padding-top:10px; font-family:"notoRegular"; font-size:20px; text-align:center;}
.sb_proposal .box01 input {width:calc(100% - 200px); height:50px; padding:0 20px; border:1px solid #CECECE;}
.sb_proposal .box01 textarea {width:calc(100% - 200px); height:250px; padding:20px; border:1px solid #CECECE;}

.sb_proposal .box01 + p {margin-bottom:80px; font-size:15px; color:#E22424;}

.sb_proposal .box02 table {width:100%; margin-bottom:10px; border-top:1px solid black;}
.sb_proposal .box02 caption {margin-bottom:15px; font-family:"notoMedium"; font-size:25px; text-align:left; color:#BC7304;}
.sb_proposal .box02 th, .sb_proposal .box02 td {border-bottom:1px solid #CECECE; border-left:1px solid #CECECE;}
.sb_proposal .box02 th:first-child, .sb_proposal .box02 td:first-child {border-left:none;}
.sb_proposal .box02 th {padding:10px; font-size:16px;}
.sb_proposal .box02 td {padding:10px; font-size:15px; text-align:center;}
.sb_proposal .box02 p {margin-bottom:40px; font-size:15px; color:#E22424;}

.sb_proposal .box02 div {text-align:center;}
.sb_proposal .box02 div:last-child {margin-top:50px;}
.sb_proposal .box02 input[type="checkbox"] {display:none;}
.sb_proposal .box02 label {cursor:pointer; padding:10px 0;}
.sb_proposal .box02 label::before {position:relative; top:6px; display:inline-block; width:24px; height:24px; margin-right:10px; content:""; border:1px solid #CECECE;}
.sb_proposal .box02 input[type="checkbox"]:checked + label::before {background:url("../../img/contact/icon_check.svg") 50% 50% / 11px no-repeat;}
.sb_proposal .box02 input[type="submit"] {width:250px; height:60px; font-family:"notoRegular"; font-size:20px; border:1px solid black;}
.sb_proposal .box02 input[type="submit"]:hover {color:white; background:#E22424;  border:1px solid #E22424;}

@media screen and (max-width:1200px) {

    .sb_proposal {margin:0 auto 80px;}

    .sb_proposal .box01 {margin-bottom:10px;}
    .sb_proposal .box01 div {margin:10px 0;}
    .sb_proposal .box01 label {width:110px; font-size:18px;}
    .sb_proposal .box01 input {width:calc(100% - 110px); height:45px;}
    .sb_proposal .box01 textarea {width:calc(100% - 110px); height:200px;}

    .sb_proposal .box01 + p {margin-bottom:60px; font-size:14px;}

    .sb_proposal .box02 caption {font-size:20px;}
    .sb_proposal .box02 th {font-size:15px;}
    .sb_proposal .box02 p {margin-bottom:30px; font-size:14px;}

    .sb_proposal .box02 label::before {width:21px; height:21px;}
    .sb_proposal .box02 input[type="submit"] {width:220px; height:55px; font-size:18px;}

}

@media screen and (max-width:600px) {

    .sb_proposal {margin:0 auto 60px;}

    .sb_proposal .box01 {margin-bottom:5px;}
    .sb_proposal .box01 div {margin:5px 0;}
    .sb_proposal .box01 label {width:80px; font-size:16px; text-align:left;}
    .sb_proposal .box01 input {width:calc(100% - 80px); padding:0 10px;}
    .sb_proposal .box01 textarea {width:calc(100% - 80px); height:150px; padding:10px;}

    .sb_proposal .box01 + p {margin-bottom:40px; font-size:13px;}

    .sb_proposal .box02 caption {margin-bottom:10px; font-size:18px;}
    .sb_proposal .box02 th, .sb_proposal .box02 td {padding:5px; font-size:14px;}
    .sb_proposal .box02 p {margin-bottom:25px; font-size:13px;}

    .sb_proposal .box02 label::before {width:19px; height:19px;}
    .sb_proposal .box02 input[type="checkbox"]:checked + label::before {background-size:9px;}
    .sb_proposal .box02 input[type="submit"] {width:220px; height:50px; font-size:16px;}

}

/* 찾아오시는 길 */

.sb_location h4 {margin-bottom:10px; font-family:"notoBold"; font-size:40px;}
.sb_location ul {display:flex; flex-direction:row; margin-bottom:20px;}
.sb_location li {position:relative; margin-left:50px;}
.sb_location li::before {position:absolute; left:-25px; top:5px; display:block; width:1px; height:15px; content:""; background:#CECECE;}
.sb_location li:first-child {margin-left:0;}
.sb_location li:first-child::before {display:none;}
.sb_location .map {width:100%; height:500px; margin-bottom:60px;}

@media screen and (max-width:1200px) {

    .sb_location h4 {font-size:35px;}
    .sb_location li {margin-left:30px;}
    .sb_location li::before {left:-15px;}
    .sb_location .map {height:400px; margin-bottom:50px;}

}

@media screen and (max-width:600px) {

    .sb_location h4 {margin-bottom:5px; font-size:25px;}
    .sb_location ul {flex-direction:column; margin-bottom:15px;}
    .sb_location li {margin:0 0 3px 0;}
    .sb_location li::before {display:none;}
    .sb_location .map {height:300px; margin-bottom:40px;}

}