/* company 기업이념*/
.scon01_1_ego1 {background: url("/resources/images/brandstory/pp_scon1_1img01.jpg") no-repeat 50% top;width: 100%;}
.scon01_1_ego1 .ego_subject {background: #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);margin-top: 220px;}
.scon01_1_ego1 .ego_subject .ego_title {padding: 50px 40px;}
.scon01_1_ego1 .ego_subject .ego_title p {font-size: 18px;font-weight: 300; text-align: justify;}
.scon01_1_ego1 .wht4{font-weight:400;}
.scon01_1_ego1 .ego_img {margin-top: 220px;}
.scon01_1_ego2 .ego_img {overflow: hidden;}
.scon01_1_ego2 .ego_img img {position: relative;left: 50%;transform: translatex(-50%);}
.scon01_1_ego2 .ego_subject .ego_title {font-size: 18px;font-weight: 300;padding: 50px 40px; position: absolute; top: 50%; transform: translateY(-50%);}
.scon01_1_ego2 .ego_subject .ego_title > h4 {font-size: 36px;}
.scon01_1_ego2 .ego_subject .ego_title > h4:first-child::after {margin-top: 10px;width: 45px;height: 2px;background: #31543c;content: "";display: block;}
.scon01_1_ego2 .ego_subject .ego_title > p {text-align: justify;}

.scon01_1_ego2:nth-child(4) > .ego_subject {/*Delivery*/background: #eeeeee;padding-left: 10%;}
.scon01_1_ego2:nth-child(5) > .ego_subject {/*Pure*/background: #eeeeee;padding-right: 10%;}
.scon01_1_ego2:nth-child(6) > .ego_subject {/*Safety*/background: #eeeeee;padding-left: 10%;}

.scon01_1_ego2 .ego_end {text-align: center;padding: 50px 0;background: url("/resources/images/brandstory/pp_scon1_1img05.jpg") no-repeat top center;background-size: cover;color: #fff;}
.scon01_1_ego2 .ego_end > p {font-size: 18px;font-weight: 300;}
.scon01_1_ego2 .ego_end > h4 {font-size: 28px;line-height: 50px;margin-bottom: 50px;}
.scon01_1_ego2 .ego_end > h4 > b {color: #fff;}
.scon01_1_ego2 .ego_end > h4:last-child::before {margin: 30px auto 30px;width: 1px;height: 100px;background: #fff;content: "";display: block;}
[class*="scon01_1_ego"] > [class*="col-"] {padding-right: 0px;padding-left: 0px;}

#sub_wrap_w{width:100%; margin:0 auto;}
#sub_wrap_w h5{text-align:center; font-size:42px; color:#0f0f0f; padding:60px 0 50px 0; display:block;}
#sub_wrap_w .motto{height: 600px;position: relative;}
#sub_wrap_w .motto_outer {position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
#sub_wrap_w .motto_inner .circle {position: absolute;width: 200px;height: 200px;color: #ffffff;border-radius: 200px;font-size: 20px;text-align: center;}
#sub_wrap_w .motto_inner .text {position: absolute;font-size: 20px;text-align: center;}
#sub_wrap_w .motto_inner:nth-child(1) .text{top: -200px;right: 250px;}
#sub_wrap_w .motto_inner:nth-child(2) .text{top: -200px;left: 250px;}
#sub_wrap_w .motto_inner:nth-child(3) .text{top: 185px;right: 250px;}
#sub_wrap_w .motto_inner:nth-child(4) .text{top: 185px;left: 250px;}
#sub_wrap_w .motto_inner .circle:after{content: "";display: block;background: #000000;width: 100px;height: 1px;position: absolute;}
#sub_wrap_w .motto_inner:nth-child(1) .circle:after{top: 50px;left: -90px;transform: rotate(30deg);}
#sub_wrap_w .motto_inner:nth-child(2) .circle:after{top: 50px;right: -90px;transform: rotate(150deg);}
#sub_wrap_w .motto_inner:nth-child(3) .circle:after{bottom: 50px;left: -90px;transform: rotate(150deg);}
#sub_wrap_w .motto_inner:nth-child(4) .circle:after{bottom: 50px;right: -90px;transform: rotate(30deg);}
#sub_wrap_w .motto_inner .circle span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;}
#sub_wrap_w .motto_inner:nth-child(1) .circle {top: -185px;right: -15px; background: rgba(99,132,85,0.7);}
#sub_wrap_w .motto_inner:nth-child(2) .circle {top: -185px;left: -15px; background: rgba(126,157,90,0.7);}
#sub_wrap_w .motto_inner:nth-child(3) .circle {top: -15px;right: -15px; background: rgba(193,173,102,0.7);}
#sub_wrap_w .motto_inner:nth-child(4) .circle {top: -15px;left: -15px; background: rgba(161,169,110,0.7);}

/* ceo CEO 인사말 */
.scon01_2_bg {background: url("/resources/images/brandstory/pp_scon1_2bg.jpg") no-repeat;width: 100%;height: 560px;margin-bottom: 100px;}
.scon01_2_bg .ceo_title {position: relative;top: 450px;left: 0;height: 131px;background: #31543c;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}
.scon01_2_bg .ceo_title p {color: #fff;margin: 0;padding: 30px 30px 0 30px;text-align: center;}
.scon01_2_bg .ceo_title p img {margin-top: 15px;}
.scon01_2_bg .ceo_title p span{font-weight: 300;font-size: 26px;line-height: 50px;}
.ceo_subject {margin-bottom: 30px;}
.ceo_subject dl dt {font-size: 28px;text-align: right;line-height: 43px;font-weight: 500;}
.ceo_subject dl dt:after {background: #333333;display: block;content: '';margin: 50px 0 50px 99%;height: 150px;width: 1px;}
.ceo_subject dl dd {text-align: right;margin-top: 10px;font-size: 16px;}
.ceo_content p {margin-top: 20px; font-size: 17px; text-align: justify;word-break: keep-all;}
.ceo_content p:first-child {margin-top: 0;}
#sub_wrap > div.row:last-child {padding-bottom: 100px;}

/* history 연혁 */
.history_wrap {width: 1080px;position: relative;left: 50%;transform: translatex(-50%);padding-top: 40px;margin-bottom: 100px;}
.history_wrap b {color: #31543c;font-size: 18px;}
.history_wrap .history:first-child {margin: 0; /*첫줄*/line-height: 15px;}
.history_wrap .history:first-child .history_year::after {top: 0;}
.history_wrap .history .history_year {padding: 0 40px 0 0;color: #31543c;width: 40%;float: left;font-size: 28px;font-weight: 500;text-align: right;position: relative;}
.history_wrap .history .history_year::after {display: block;content: "";width: 20px;height: 20px;position: absolute;right: -10px;top: 13px;background: #fff;border: 3px solid #31543c;border-radius: 20px;}
.history_wrap .history .history_month {width: 60%;float: right;font-size: 14px;padding: 7px 0;border-left: 1px solid #eeeeee;padding: 8px 0 60px 0;}
.history_wrap .history .history_month span {display: inline-block;margin: 0 15px 0 60px;background: #53765e;color: #fff;font-size: 14px;text-align: center;line-height: 30px;font-weight: 400;width: 30px;height: 30px;border-radius: 30px;}
.history_wrap .history .history_month span::after {display: block;content: "";width: 54px;z-index: -999;height: 1px;border-top: 2px dotted #333333;position: relative;top: -16px;left: -57px;}
.history_wrap .history .history_month p {margin-bottom: 30px;color: #777777;}
.history_wrap .history .history_month p:last-child {margin: 0;}
.history_wrap .history .history_bottom > img {width: 42px;bottom: 0;position: absolute;left: 50%;transform: translatex(-50%);}

/* ci ci소개 */
[class*="corporation_"] {margin-bottom: 60px;}
[class*="corporation_"] span {font-size: 16px;font-weight: 300;margin-bottom: 30px;display: block; text-align: justify;}
[class*="corporation_"] .symbol_logoH {position: absolute;width: 35%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
[class*="corporation_"] .symbol_logoW {position: absolute;width: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
[class*="corporation_"] .symbol_grid {width: 100%;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);}
[class*="corporation_"] h3 {font-size: 36px;font-weight: 500;}
[class*="corporation_"] h3::after, .color_system h3::after {display: block;content: "";width: 26px;height: 1px;background: #333;margin: 26px 0;}
[class*="corporation_"] h4:before {display: inline-block;width: 4px;height: 4px;background: #31543c;content: "";margin: 7px 7px 7px 0;}
.corporation_mix  > div  > div {position: relative;}
.corporation_mix  > div:nth-child(n+2):nth-child(-n+3) {margin-bottom: 30px;}
.color_system {margin-bottom: 100px;}
.color_system h3{font-size: 36px;font-weight: 500;}
.color_system .color  > ul {float: left;width: 100%;border: 1px solid #e5e5e5;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);}
.color_system .color  > ul:before {float: left;display: block;content: "";width: 220px;height: 220px;}
.color_system .color  > ul  > li {display: block;}
.color_system .color  > ul  > li:nth-child(1)  > ul > li:nth-child(1) {font-size: 28px;}
.color_system .color  > ul  > li:nth-child(1)  > ul > li:nth-child(2) {font-size: 24px;}
.color_system .color  > ul  > li  > ul {padding: 20px 20px 0 240px;}
.color_system .color  > ul > li:nth-child(2) > ul {font-size: 18px;font-weight: 300;padding: 20px 20px 0 20px;}
.color_system .color  > ul > li:nth-child(2) > ul:nth-child(1) {float: left;}
.color_system .color  > ul > li:nth-child(2) > ul:nth-child(2) {float: right;}
.color_system .color:nth-child(2) > ul:before {background: #31543c;}
.color_system .color:nth-child(3) > ul:before {background: #f6cd97;}
.symbol_download {display: none; /*추가 예정*/}
.symbol_download > ul {display: table;margin: 0 auto;*padding: 60px 0 0 0;}
.symbol_download li {float: left;margin-right: 20px;}
.symbol_download li:last-child {margin: 0;}
.symbol_download a {display: block;}

/* delivery 배송시스템 */
#del_sub_wrap {width: 100%;}
#del_sub_wrap h5 {font-size: 42px;text-align: center;color: #222222;padding: 60px 0 50px 0;display: block;}
#del_sub_wrap h4 {font-size: 36px;margin-bottom: 10px;}
#del_sub_wrap h3 {font-size: 24px;margin: 0;}
#del_sub_wrap li {font-size: 18px;}
#del_sub_wrap p {font-size:14px;}
#del_sub_wrap [class*="del_"] {padding: 100px 0;position: relative; /*포인트*/}
#del_sub_wrap [class*="del_"]  > .row {width: 1080px;position: relative;left: 50%;transform: translatex(-50%);}
#del_sub_wrap [class*="del_"] .row > [class*="col-"] li {margin-top: 10px;}
#del_sub_wrap [class*="del_"] .row > [class*="col-"] li  > i {margin-right: 20px;}
#del_sub_wrap [class*="del_"] .row > [class*="col-"] li:first-child {margin-top: 0px;}
#del_sub_wrap [class*="del_"]::after {display: block;content: "";position: absolute;top: 0;left: 50%;transform: translatex(-50%);border-right: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid transparent;}
#del_sub_wrap [class*="del_"]:nth-child(2)::after {display: none;}
#del_sub_wrap [class*="del_"]:nth-child(3)::after {border-top: 25px solid #fff;}
#del_sub_wrap [class*="del_"]:nth-child(4)::after {border-top: 25px solid #141311;}
#del_sub_wrap [class*="del_"]:nth-child(5)::after {border-top: 25px solid #f6e7d4;}
#del_sub_wrap .del_commend [class*="col-"]:nth-child(1) {position: relative;height: 500px;}
#del_sub_wrap .del_commend h3::after {background: #333333;display: block;content: '';margin: 50px 0;height: 150px;width: 1px;}
#del_sub_wrap .del_commend img {position: absolute;right: 0;top: -100px;}
#del_sub_wrap .del_special {color: #ffffff;background-repeat: no-repeat;background-image: url("/resources/images/brandstory/del_special_bg.jpg");background-position: 50% 50%;text-align: center;background-size: cover;}
#del_sub_wrap .del_special h4 {text-align: center;}
#del_sub_wrap .del_special h4::after {background: #ffffff;display: block;content: '';margin: 50px auto;height: 150px;width: 1px;}
#del_sub_wrap .del_special li:first-child {margin-bottom: 20px;}
#del_sub_wrap .del_special  > .row .row > div {margin-bottom: 80px;}
#del_sub_wrap .del_search {color: #31543c;background: #f6e7d4;text-align: center;}
#del_sub_wrap .del_search [class*="col-"]:nth-child(1) {margin-bottom: 80px;}
#del_sub_wrap .del_search [class*="col-"]:nth-child(2) {margin-bottom: 30px;}
#del_sub_wrap .del_search [class*="col-"]  > ul {display: table;margin: 0 auto;text-align: center;}
#del_sub_wrap .del_search [class*="col-"]  > ul  > li {float: left;position: relative;width: 300px;}
#del_sub_wrap .del_search [class*="col-"]  > ul  > li:last-child::after {display: none;}
#del_sub_wrap .del_search [class*="col-"]  > ul  > li::after {display: block;content: "";float: left;position: absolute;right: -7px;top: 50%;transform: translatey(-50%);width: 28px;height: 28px;border-top: 1px solid #31543c;border-left: 1px solid #31543c;transform: rotate(135deg);}
#del_sub_wrap .del_search [class*="col-"]  > ul  > li  > ul {float: left;width: 100%;}
#del_sub_wrap .del_search [class*="col-"] ul::after {display: block;content: "";clear: both;}
#del_sub_wrap .del_search h4,
#del_sub_wrap .del_search p {text-align: center;position: relative;}
#del_sub_wrap .del_search .bx {display: table;margin: 30px auto;}
#del_sub_wrap .del_search .bx a .bxWindow {width: 300px;background: #fff;color: #333;text-align: left;padding: 0 20px;float: left;height: 51px;border: 3px solid #31543c;line-height: 45px;}
#del_sub_wrap .del_search .bx a .bxSearch {width: 120px;background: #31543c;color: #fff;float: left;height: 51px;border: 3px solid #31543c;line-height: 45px;}
#del_sub_wrap .del_order {color: #ffffff;text-align: center;background: url("/resources/images/brandstory/del_order_bg.jpg") center center fixed no-repeat #060606;}
#del_sub_wrap .del_order ul {margin: 50px 0;}

/* people 인재상 */
.recruit p {font-size: 16px;margin: 0 0 30px !important;width: 100%;}
.recruit span {font-size: 24px;display: block;}
.recruit strong {font-size: 24px;font-weight: 500;}
.recruit [class*="recruit_"] > .row {margin-bottom: 60px;}

.recruit_people,
.recruit_welfare,
.recruit_guide,
.recruit_people>.row,
.recruit_welfare>.row,
.recruit_guide>.row {width: 100%;}
.recruit_people,
.recruit_welfare,
.recruit_guide{display: none;}
.recruit_people.on,
.recruit_welfare.on,
.recruit_guide.on{display: block;}

.recruit_people > .row:nth-child(2) {text-align: center;}
.recruit_people > .row:nth-child(2):before {display: block;content: "";width: 100px;height: 1px;background: #31543c;margin: 0 auto 40px;}
.recruit_welfare > .row img {width: 100%;display: block;}
.recruit_welfare > .row  > [class*="col-"]::before {position: relative;display: block;background: #fff;color: #000;padding: 7px 30px;position: absolute;right: 15px;bottom: 0px;}
.recruit_welfare > .row:nth-child(3) > div:nth-child(2)::before {content: "카페테리아";}
.recruit_welfare > .row:nth-child(4) > div:nth-child(1)::before {content: "사내부";}
.recruit_welfare > .row:nth-child(4) > div:nth-child(2)::before {content: "체육관";}
.recruit_welfare > .row:nth-child(4) > div:nth-child(3)::before {content: "헬스케어실";}
.recruit_welfare > .row:nth-child(5) > div:nth-child(2)::before {content: "본사 2사옥";}
.recruit_welfare > .row:nth-child(6) > div:nth-child(1)::before {content: "사내부";}
.recruit_welfare > .row:nth-child(6) > div:nth-child(2)::before {content: "영화관";}
.recruit_welfare > .row:nth-child(6) > div:nth-child(3)::before {content: "잔디장";}
.recruit_welfare > .row:nth-child(2) {text-align: center;}
.recruit_welfare > .row:nth-child(2):before {display: block;content: "";width: 100px;height: 1px;background: #31543c;margin: 0 auto 40px;}
.recruit_welfare > .row:nth-child(3) > div > h6,
.recruit_welfare > .row:nth-child(5) > div > h6 {text-align: left !important;margin: 0 !important;}
.recruit_welfare > .row:nth-child(3) > div > span:before,
.recruit_welfare > .row:nth-child(5) > div > span:before {display: block;content: "";width: 100px;height: 1.1px;background: #31543c;margin: 15px 0;}
.recruit_welfare > .row:nth-child(3) > div > span,
.recruit_welfare > .row:nth-child(5) > div > span {margin-bottom: 20px;}
.recruit_welfare > .row .card img {width: auto;margin: 30px auto;*background: #eeeeee;*border-radius: 50px;}
.recruit_welfare > .row .card p {text-align: center;}

.recruit_guide .row:nth-child(1) p:before {display: block;content: "";width: 100px;height: 1px;background: #31543c;margin: 15px 0;}
.recruit_guide .row:nth-child(3) p:before {display: block;content: "";width: 100px;height: 1px;background: #31543c;margin: 15px 0;}
.recruit_guide .row:nth-child(5) p:before {display: block;content: "";width: 100px;height: 1px;background: #31543c;margin: 15px 0;}
.recruit_guide .row > [class*="col"]{margin-top: 20px;width: 100%;}
.recruit_guide .row span {font-size: 24px;}
.recruit_guide .row .card {background: #eeeeee;}
.recruit_guide .row .card img {margin: 0 auto;padding: 1.25rem 0 0 0;}
.recruit_guide .row .card-body {padding-bottom: 0;}
.recruit_guide .row:nth-child(2) .card img,
.recruit_guide .row:nth-child(4) .card img{width: 63px; height: 85px;}
.recruit_guide .row .card-text {text-align: center;margin: 0 !important;}
.recruit_guide .row .card-footer {text-align: right;background: none;border-top: 0;}
.recruit_guide .row .qna #accordion {border-top: 2px solid #31543c; font-size: 12px;}
.recruit_guide .row .qna #accordion img {position: absolute;left: 10px;top: -10px; width: inherit;}
.recruit_guide .row .qna #accordion i {position: absolute;right: 10px;font-size: 27px;top: 16px;}
.recruit_guide .row .qna #accordion h5 {padding: 0;font-size: inherit;}
.recruit_guide .row .qna #accordion .btn-link {color: #000;width: 100%;text-align: left; font-size: 12px;padding: 20px 65px 20px 50px;}
.recruit_guide .row .qna #accordion .card {border: 0;}
.recruit_guide .row .qna #accordion .card-header {background-color: #fff; padding: 0;}
.recruit_guide .row .qna #accordion .card-body {position: relative;padding: 15px 65px 15px 50px;background: #ffffff;border-bottom: 1px solid #eeeeee;}

/* gallery 갤러리 */
/*.gallery {background: #f4f4f6;height: 76px;}*/
/*.gallery .selbx_wrap {position: relative;top: 19px;}*/
/*.gallery .selbx_wrap > ul {display: table;margin: 0 auto;}*/
/*.gallery .selbx_wrap .selbx .selType01 {width: 150px;height: 38px;margin-right: 15px;border: 1px solid #c7c7c7;vertical-align: top;font-size: 16px;font-weight: 300;font-family: 'Noto Sans KR', sans-serif;}*/
/*.gallery .selbx_wrap .selbx .btnSch {width: 62px;height: 38px;background: #4f4f4f;color: #fff;font-size: 16px;font-weight: 300;border: 1px solid #3e3e3e;font-family: 'Noto Sans KR', sans-serif;}*/
.gallery{background:#f4f4f4; padding: 20px 0;}
.gallery .selbx_wrap {width: 100%;}
.gallery .selbx_wrap ul.selbx{display: table;margin: 0 auto;}
.gallery .selbx_wrap ul.selbx li{float:left; margin-left: 15px;}
.gallery .selbx_wrap ul.selbx li:first-child{margin-left: 0;}
.gallery .selbx_wrap ul.selbx li .selType01{width:70px; height:38px; border:1px solid #ddd; vertical-align:top; font-size:16px; font-weight:300; font-family: 'Noto Sans KR', sans-serif;}
.gallery .selbx_wrap ul.selbx li .btnSch{width:70px; height:38px;background:#31543c; color:#fff; font-size:16px; font-weight:300;border:1px solid #31543c; font-family: 'Noto Sans KR', sans-serif;}
.gallery .selbx_wrap ul.selbx li .btnSch:hover,
.gallery .selbx_wrap ul.selbx li .btnSch:active,
.gallery .selbx_wrap ul.selbx li .btnSch:focus{background-color: #2b4e36; border-color: #2b4e36; color: #fff;}

/* 오시는길 */
.map .row {margin-bottom: 60px;}
.map .row:last-child {margin-bottom: 100px;}
.map .row h7 {color: #31543c;font-size: 18px;font-weight: 500;}
.map .row p {color: #333333;}
.map .map_address  > div {border-left: 2px solid #222222;}
.map .map_transport {border: 1px solid #eeeeee;padding: 50px !important;}
.map .map_transport i {background: #f6cd97;border: 10px solid #f6cd97;border-radius: 45px;}
.map .map_transport  > div {margin-bottom: 30px;}
.map .map_transport  > div:last-child {margin-bottom: 0;}
.map .map_transport strong {padding-left: 120px;font-size: 18px;font-weight: 500;color: #393939;display: block;margin-bottom: 10px;}
.map .map_transport p {padding-left: 120px;}
.map .blue_box {background: #3556a7;padding: 2px 10px 2px 10px;margin-right: 5px;color: #fff;}
.map .green_box {background: #48922d;padding: 2px 10px 2px 10px;margin-right: 5px;color: #fff;}
.map .orange_box {background: #e47e10;padding: 2px 10px 2px 10px;margin-right: 5px;color: #fff;}