/* YMJ */ /* ■■■■■■■■ COMMON ■■■■■■■■ */ section{ position: relative; width: 100%; overflow: hidden; } .inner{ width: 1340px; max-width: 100%; margin: 0 auto; padding: 0 20px; } /* ■■■■■■■■ MAIN ■■■■■■■■ */ /* common */ .main-visual-sec{color:#fff;line-height:1.6;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);} .main-visual-sec .swiper-slide{position:relative;} .main-visual-sec .swiper-slide figure{position:absolute;z-index:-1;} .main-visual-sec .swiper-slide .inner{position:relative;height:978px;display:flex;padding-top:96px;justify-content: center;flex-wrap: wrap;flex-direction: column;z-index:9;} .swiper-pagination-wrap{ width: 1340px; max-width: 100%; margin: 0 auto; padding: 0 20px; } .swiper-pagination-wrap .custom-fraction{position:absolute;top:177px;margin-left:80px;font-size:12px;display:inline-block;z-index: 10;letter-spacing:0;} .main-visual-sec .swiper-pagination-bullets{bottom:auto;top:170px;} .main-visual-sec .swiper-pagination-bullet{margin:0 4px;background:#fff;border-radius:99px;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.25);transition:width 0.4s ease;} .main-visual-sec .swiper-pagination-bullet-active{width:16px;} .main-visual-sec .main-tit{font-size:60px;line-height:1.3;} .main-visual-sec .main-tit p{margin-bottom:10px;font-size:24px;} .main-visual-sec .main-desc{margin-top:35px;} .main-visual-sec .main-btn-link{display:flex;margin-top:70px;z-index:9;} .main-visual-sec .main-btn-link li{padding:10px;font-size:14px;text-align:center;} .main-visual-sec .main-btn-link li strong{display:block;font-size:1.42em;font-weight:500;} .main-visual-sec .main-btn-link li a{display:flex;width:240px;height:240px;color:#fff;justify-content: center;align-items: center;flex-direction: column;border-radius:50%;transition:0.3s ease;} .main-visual-sec .main-btn-link li i{width:33px;height:40px;} .main-visual-sec .main-btn-link li a p{padding:14px 0 0;} .main-visual-sec .main-btn-link li a .over-go{height:0;padding-top:10px;font-size:16px;transition:height 0.3s ease;opacity: 0; visibility: hidden;} .main-visual-sec .main-btn-link li.active a, .main-visual-sec .main-btn-link li.active a:hover, .main-visual-sec .main-btn-link li a:hover{text-decoration:none;background:#FF6501 url('/images/common/bg-main-btn-link.svg') 50% / cover no-repeat;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25);} .main-visual-sec .main-btn-link li.active a .over-go, .main-visual-sec .main-btn-link li a:hover .over-go{height:auto;opacity: 1; visibility: visible;} .main-visual-sec{background:url('/images/contents/main-visual-bg01.png') 50% no-repeat} .main-visual-01{background:url('/images/contents/main-visual-img01.png') right 10% top 20% no-repeat;} .main-visual-02{background:url('/images/contents/main-visual-img02.png') right 50% top 40% no-repeat;} .main-visual-03{background:url('/images/contents/main-visual-img03.png') right 10% top 30% no-repeat;} .main-visual-sec figure{display:none;} /*.main-visual-01 figure{right:-120px;top:9%;} .main-visual-02 figure{right:-120px;top:9%;} .main-visual-03 figure{right:-120px;top:9%;}*/ .main-visual-01 .main-btn-link li:nth-child(1) i{background:url('/images/common/btn-mvi-01-01.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(2) i{background:url('/images/common/btn-mvi-01-02.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(3) i{background:url('/images/common/btn-mvi-01-03.svg') 50% no-repeat;} .main-visual-01 .main-btn-link li:nth-child(4) i{background:url('/images/common/btn-mvi-01-04.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li{text-transform:uppercase;} .main-visual-02 .main-btn-link li span{font-size:16px;letter-spacing:0;} .main-visual-02 .main-btn-link li:nth-child(1) i{background:url('/images/common/btn-mvi-02-01.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(2) i{background:url('/images/common/btn-mvi-02-02.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(3) i{background:url('/images/common/btn-mvi-02-03.svg') 50% no-repeat;} .main-visual-02 .main-btn-link li:nth-child(4) i{background:url('/images/common/btn-mvi-02-04.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(1) i{background:url('/images/common/btn-mvi-03-01.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(2) i{background:url('/images/common/btn-mvi-03-02.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(3) i{background:url('/images/common/btn-mvi-03-03.svg') 50% no-repeat;} .main-visual-03 .main-btn-link li:nth-child(4) i{background:url('/images/common/btn-mvi-03-04.svg') 50% no-repeat;} .main-sec{padding:120px 0;} .main-bx-tit{} .main-bx-tit span{color:var(--primary-color);font-size: 24px;font-weight: 600;} .main-bx-tit p{padding-top:20px;color: #121212;font-size: 32px;font-weight: 700;line-height:1.4;} /* 메인 > POLA 소식 */ .main-sec1 .main-bx-tit{width:380px;padding-right:40px;} .main-sec1 .inner{display:flex;background:url('/images/contents/main-news-bg.png') 0 100% no-repeat;justify-content: space-between;} .main-news-wrap{overflow:hidden;width:calc(100% - 380px);} .main-news-tab-head{position:relative;text-align:right;} .main-news-tab-head *{vertical-align:middle;} .main-news-tab-head .tab-head{display:inline-block;padding-right:40px;} .main-news-tab-head .tab-head li{display:inline-block;margin-right:50px;color: #8C8C8C;font-size: 20px;font-weight:700;cursor:pointer;} .main-news-tab-head .tab-head li span{border-bottom:4px solid transparent;transition:0.3s ease;} .main-news-tab-head .tab-head li.active span{color: #FF6501;border-bottom:4px solid #FF6501;} .main-news-tab-head .tab-head li:not(.active) span:hover{border-bottom:4px solid #999;} .main-news-tab-head .tab-head .main-news-more{position:absolute;right:0;display:inline-block;width:40px;height:40px;color: #FFF;font-size: 20px;font-weight: 700;text-align:center;background: #FF6501;border-radius: 50%;line-height:40px;z-index:-1;visibility:hidden;} .main-news-tab-head .tab-head li.active .main-news-more{visibility:visible;z-index:1;} .main-news-tab-head .tab-head .main-news-more:hover{text-decoration:none;} .main-contents .swiper-scrollbar-drag{background:#FF6501;} .main-news-tab-contents{margin-top:70px;} .main-news-tab-contents .swiper-container{overflow:inherit;} .main-news-tab-contents .swiper-scrollbar{bottom:-60px;} .main-news-tab-contents > *{display:none;padding-bottom:70px;} .main-news-tab-contents > *.active{display:block;} .main-news-tab-contents-02 .main-news-tab-contents-bx li {width:calc((100% - 40px) / 3);} .main-news-tab-contents-02 .main-news-tab-contents-bx li + li{margin-left:20px;} .main-news-tab-contents li a{overflow:hidden;position:relative;display:block;height:400px;padding:20px;border-radius: 20px;background: #F4F4F4;transition:0.3s ease;} .main-news-tab-contents li a:hover{text-decoration:none;transform:translateY(-10px);} .main-news-tab-contents-bx{display:flex;font-weight: 700;} .main-news-tab-contents-bx .cate{color: #FF6501;font-size: 14px;} .main-news-tab-contents-bx .txt{margin-top:5px;color:#000;font-size:20px;font-weight:700;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 3em; line-height: 1.5; white-space: normal;} .main-news-tab-contents-bx .date{position:absolute;left:20px;bottom:20px;color: #666;font-size: 14px;} .main-news-tab-contents-bx figure{position:absolute;left:0;right:0;bottom:0;width:100%;height:200px;object-fit:cover;} .main-news-tab-contents-bx figure img{width:100%;height:100%;object-fit:cover;} .main-news-tab-contents-bx figure + .date{bottom:auto;top:160px;} /* 메인 > 주요사업 */ .main-sec2{border-radius: 0px 280px 0px 0px ;background: #FFF6F0;} .main-business{display:flex;} .main-business li {width:calc((100% - 40px) / 4);} .main-business li + li{margin-left:20px;} .main-business li a{overflow:hidden;position:relative;display:block;height:400px;padding:50px 30px;border-radius: 20px;background: #FFA367 url('/images/common/btn-mvi-03-04.png') 100% 100% / 90% no-repeat;transition:background 0.3s ease;} .main-business li:nth-child(odd) a{background-color: #FF6501;} .main-business li a:hover{text-decoration:none;background-size:95%;} .main-business li a p{color: #FFF;font-size: 24px;font-weight: 700;line-height:1.4;} .main-business li a p span{display:block;padding-bottom:10px;font-size: 0.58em;font-weight: 500;} .main-business li:nth-child(1) a{background-image:url('/images/contents/main-business-bg01.png');} .main-business li:nth-child(2) a{background-image:url('/images/contents/main-business-bg02.png');} .main-business li:nth-child(3) a{background-image:url('/images/contents/main-business-bg03.png');} .main-business li:nth-child(4) a{background-image:url('/images/contents/main-business-bg04.png');} /* 메인 > 유익한 소식을 나눠요. */ .main-sec3 .swiper-container{overflow:inherit;padding-bottom:60px;} .main-sec3 .swiper-wrapper{width:calc(100% + 24%);} .main-sec3 .swiper-slide{width:240px;height:auto;} .main-sec3 .swiper-slide a{position:relative;overflow:hidden;display:flex;height:100%;border-radius:20px;align-items: center;transition:0.3s ease;border: 1px solid #ddd} .main-sec3 .swiper-slide a:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;border-radius:18px;border: 1px solid #FF6501;opacity:0;transition: 0.3s ease;} .main-sec3 .swiper-slide a:hover{border-color:#FF6501;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.10);} .main-sec3 .swiper-slide a:hover:after{opacity:1;} /* 메인 > 소통으로 혁신을 만들어요 */ .main-communication{overflow:hidden;position:relative;width:100%;max-width:calc(100% - ((100vw - 1300px) / 2));margin:0;} .main-communication li, .main-communication a{transition:background-color 0.3s ease, border 0.3s ease;text-decoration:none;} .main-communication .inner{float:right;width: 1300px;display:flex;justify-content: space-between;} .main-communication .inner > *{width:48%;} .main-communication-link{padding-bottom:20px;background: #fff6f0;border-radius: 0px 60px 0px 10px;} .main-communication-link:after{content:'';display:block;position:absolute;top:35px;bottom:0;left:0;width:40%;background: #fff6f0;z-index:-1;} .main-communication-link.over:after{top:0;} .main-communication-link a{display:block;padding:20px 60px 20px 12%;color: #666;font-size: 14px;text-align:right;} .main-communication-link a strong{padding-left:5px;color: #000;font-size: 20px;} .main-communication-link li{border-radius: 10px 10px 20px 10px;} .main-communication-link li + li:before{content:'';display:block;width:90%;margin:auto;border-top:1px solid rgba(221, 221, 221, 0.87);transition:0.3s ease;} .main-communication-link li.active, .main-communication-link li:hover{color: #fff;background: var(--primary-color, #FF6501) url('/images/contents/ico-main-communication-01-light.png') left 20px top 50% no-repeat;} .main-communication-link li:hover:before{border-color:#FF6501;} .main-communication-link li:nth-child(2):hover{background-image:url('/images/contents/ico-main-communication-02-light.png');} .main-communication-link li:nth-child(3):hover{background-image:url('/images/contents/ico-main-communication-03-light.png');} .main-communication-link li.active a, .main-communication-link li.active a strong, .main-communication-link li:hover a, .main-communication-link li:hover a strong{color: #fff;} .main-communication-link li.active a, .main-communication-link li:hover a{background:url('/images/common/ico-arrow3.svg') right 20px top 50% no-repeat;} .main-communication-sns h4{padding-bottom:55px;font-size:24px;} .main-communication-sns ul{display:flex;justify-content: space-between;} .main-communication-sns li{width:32%;position:relative;} .main-communication-sns li a{display:block;padding:34px 5%;text-align:center;font-weight: 700;border-radius: 10px;border: 1px solid #DDD;background: #FFF;} .main-communication-sns li a span{display:block;color: #00C73C;font-size: 14px;} .main-communication-sns li:last-child a span{color: #E50012;} .main-communication-sns li:before{content:'';display:block;position:absolute;top:-30px;left:0;width:44px;height:44px;border-radius: 99px;background: #00C73C url('/images/common/ico-blog-light.png') 50% no-repeat;z-index:1;} .main-communication-sns li:last-child:before{background: #E50012 url('/images/common/ico-youtube-light.png') 50% no-repeat;} .main-communication-sns li a:hover{border-color:#00C73C;} .main-communication-sns li:last-child a:hover{border-color:#E50012;} /* 메인 > 우편물 정보를 확인해요 */ .main-checkmail{display:flex;} .main-checkmail a{transition:0.3s ease;text-decoration:none;} .main-checkmail h3{font-size:20px;} .main-checkmail p{color: #666;font-size: 16px;font-weight: 500;} .main-checkmail .cs-box{display:flex;width:42%;padding:3%;text-align:center;border-radius: 100px 20px 20px 20px;background: #FFF;box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.20);z-index:1;align-items: center;justify-content: center;} .main-checkmail .cs-box h3:before{content:'';display:block;width:120px;height:100px;margin:0 auto 30px;background:url('/images/common/ico-main-cs.svg') 50% no-repeat;} .main-checkmail .cs-box p.cs-num{color: #FF6501;font-size: 60px;font-weight: 700;line-height:1.4;} .main-checkmail .info-box{flex-grow:2;margin-left:-10px;padding:3% 4%;background:#F5F5F5 url('/images/contents/bg-main-checkmail.png') 100% 100% no-repeat;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.10);} .main-checkmail .info-box{font-size:14px;} .main-checkmail .info-box-input{display:flex;position:relative;margin-top:15px;background:#fff;justify-content: space-between;align-items: center;} .main-checkmail .info-box-input strong{padding:0 20px;border-right:1px solid #222;line-height:1.1;} .main-checkmail .info-box-input input{width:40%;text-align:center;border:1px solid #fff;} .main-checkmail .info-box-input button.btn{min-width:120px;height:48px;padding:0 25px 0 10px;color:#fff;line-height:48px;background:#FF6501 url('/images/common/btn-ico-sch.png') right 15px top 50% no-repeat;cursor:pointer;} .info-box-btn{display:flex;margin-top:10px;justify-content: space-between;align-items: center;} .info-box-btn li + li{margin-left:1%;} .info-box-btn li a{display:block;padding:10px 44px 10px 16px;color: #757575; font-size: 14px;text-align:center;border: 1px solid #DDD;background:url('/images/common/ico-arrow2.svg') right 15px top 50% no-repeat;} .info-box-btn li a:hover{border-color:#FF6501;} .info-box .info-box-text{padding:17px 0 34px;color: #444;font-size: 14px;font-weight: 500;} .info-box .info-cs-num{display:flex;color: #666;font-weight: 500;} .info-box .info-cs-num > *:first-child{width:35%;padding-right:3%;border-right:1px solid #ddd;} .info-box .info-cs-num > *:last-child{width:calc(100% - 35%);padding-left:3%;} .info-box .info-cs-num dt, .info-box .info-cs-num dd span{color: #000;} .info-box h4{padding:0 0 15px;font-size:16px;} .info-box .info-cs-num > *:last-child dd{display:inline-block;width:47%;} .info-box .info-cs-num > *:last-child dd:last-child{display:block;width:100%;} /* 폰트 S-CoreDream */ h1, h2, h3, h4, h5, h6, .hgroup-top dt, .normal-dl dt, .sub-location {font-family:var(--font-s-core);letter-spacing:-0.5px;} h1, h2, h3, h4, h5, h6{line-height:1.4;letter-spacing:-0.5px;} /* ■■■■■■■■ SUBCONTENTS ■■■■■■■■ */ .sub-visual{position:relative;display:flex;height:500px;padding-top:80px;color:#fff;font-size:60px;text-align:center;flex-direction: column;justify-content: center;transition:0.3s ease;background-position:50% 50%;background:url(/images/common/bg-sub-head.jpg) no-repeat;background-size:cover !important;} .sub-visual-text{position:relative;z-index:1;} .sub-visual-text h2.sub-title{font-size:1em;} .sub-visual-text p.sub-text{margin-top:15px;color:#B2B2B2;font-size:0.4em;font-weight:400;} .breadcrumb{display:none;} .breadcrumb > ul > *{display:inline-block;} .breadcrumb > ul li + li:before{content:'>';} .breadcrumb .iconHome{background:url('/images/common/ico-home.png') 50% no-repeat;vertical-align:middle;} /* .btnMnav{display:block;} a.btnMnav{position:relative;padding:0 30px 0 30px;color:#0f3166;font-size:17px;font-weight:500;line-height:54px;border-bottom:1px solid #ddd;} .btnMnav:after{content:'';display:inline-block;position:absolute;top:50%;right:10px;width:0;height:0;border-top:7px solid #0f3166;border-left:5px solid transparent;border-right:5px solid transparent;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);transition:all .10s;} .btnMnav.active:after{border-top:none;border-bottom:7px solid #0f3166;} */ .sub-location{position:relative;} .sub-location .innerBox{position:relative;width:100%;margin-top:-34px;background: var(--second-color);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);} .sub-location .innerBox .icon-home{background:url('/images/common/ico-home.svg') 50% no-repeat;vertical-align:middle;text-indent:-9999em;} .sub-location .sns-share-bx{position:absolute;right:21px;top:50%;z-index:11;transform:translateY(-50%);} .sub-location .sns-share-bx .btn-share{display: block;width:21px;height:21px;background:url('/images/common/ico-share.svg') 50% no-repeat;text-indent:-9999em;line-height:1;} .sub-location .sns-share-bx ul{ display: flex;} .sub-location .sns-share-bx ul li{margin-right: 3px;} .sub-location .sns-share-bx ul li:last-child {margin-right: 0;} .sns-share-list { display: none; position: absolute; right:-10px; bottom: calc(100% + 25px); width: auto; border: 1px solid #ddd; background-color: #fff; padding: 4px 8px; border-radius:4px;; } .sns-share-list ul::after { content: ""; position: absolute; right: 10%; bottom: -9px; display: block; width: 9px; height: 9px; background-image: url(/images/common/snslist-arrow.png); background-repeat: no-repeat; background-position: center; } .sns-share-list.active { display: block; } .sns-share-list ul li a { display: block; width: 30px; height: 30px; font-size: 0; margin:0 2px; text-indent: -99999999em; border-radius:50%; background: url(/images/common/ico-snslist.png) 50% / auto 100% no-repeat; } .sns-share-bx ul li a.fb { background-color: #475993; background-position: 0 0; } .sns-share-bx ul li a.blog { background-color: #32b44a; background-position: -30px 0; } .sns-share-bx ul li a.kakao { background-color: #fada0a; background-position: -60px 0; } .sns-share-bx ul li a.twitter { background-color: #2c96d4; background-position: 100% 0; } .sns-share-bx ul li a.link { background-color: #FF944D; background-position: -90px 0; } .Lnb{display:flex;} .Lnb > li{position:relative;min-width:180px;font-size:18px;} .Lnb > li:before{content:'';position:absolute;right:0;top:50%;display:block;width:1px;height:16px;background:#fff;transform:translateY(-50%);} .Lnb > li > a{display:block;padding:20px 60px 20px 30px;color:#fff;} .Lnb > li:first-child{min-width:auto;} .Lnb > li:last-child{min-width:220px;} .Lnb > li:last-child > a{padding-right:40px;} .Lnb > li + li:last-child > a{color:#fff;} .Lnb .dep2{position:absolute;display:none;top:70px;left:0;right:0;background:#fff;border:1px solid var(--second-color);z-index:981;/*transition:.2s;*/} /*.Lnb > li.active .dep2{height:auto;border:1px solid #e0e0e0;}*/ .Lnb .dep2 a{display:block;padding:8px 30px;font-size:16px;color:#666;white-space:nowrap;} .Lnb .dep2 a:hover{background:#e9e9e9;} .Lnb > li + li:hover ul{} .Lnb > li + li > a:after{content:'';display:inline-block;position:absolute;top:50%;right:25px;width:0;height:0;border-top:7px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);transition:.10s;} .Lnb .dep2 li + li{border-top:1px solid #e9e9e9;} .Lnb .dep2 a.active{color:#fff;background: #FFA367;} /*.Lnb > li + li.active a:after{border-top:none;border-bottom:7px solid #fff;}*/ @media screen and (max-width: 1024px) { .sub-visual{height:50vw;padding-top:55px;font-size: 40px;} .sub-location{display:flex;justify-content:flex-end;margin:0 -20px;} .sub-location .innerBox{width:calc(100% + 20px);margin:0 ;box-shadow: none;} .sub-location .innerBox .icon-home{background:url('/images/common/ico-home.svg') 50% no-repeat;vertical-align:middle;text-indent:-9999em;} .Lnb{} .Lnb > li{min-width:0; font-size:14px;} .Lnb > li.loc1{width:50px;} .Lnb > li.loc2{width:calc((100% - 50px) / 2);} .Lnb > li.loc3{width:calc((100% - 50px) / 2);} .Lnb > li.loc3:before{display:none;} .Lnb > li > a{padding:15px 35px 15px 15px;} .Lnb > li + li > a:after{right:20px;} .Lnb .dep2{top:50px;} .Lnb .dep2 a{padding: 8px 15px; font-size: 14px;} } @media screen and (max-width: 800px) { .sub-location .innerBox{width:100%;padding-right:45px;} .sub-location .sns-share-bx{right:15px;} .Lnb > li:before{content:'';position:absolute;right:0;top:0;display:block;width:1px;height:100%;background:rgba(255,255,255,0.4);transform:translateY(0);} .Lnb > li:last-child:before{display:none;} .Lnb > li > a{padding:14px 30px 14px 15px;} .Lnb > li:first-child{display:none;} .Lnb > li:nth-child(2){display:none;} .Lnb > li:nth-child(3){min-width:50%;} .Lnb > li:last-child{min-width:50%;} .Lnb > li:first-child:nth-last-child(3), .Lnb > li:first-child:nth-last-child(3) ~ li {width: 100%;} .Lnb > li:first-child:nth-last-child(4), .Lnb > li:first-child:nth-last-child(4) ~ li {width: calc(100% / 2);} .Lnb > li:last-child > a{padding-right:40px;} .Lnb > li + li > a:after{right:12px;border-top-width:5px;border-left-width:4px;border-right-width:4px;} .Lnb .dep2 {top:auto;} .Lnb .dep2 a{font-size: 14px;} } .subcontents{} .subcontents > *{margin-top:100px;} .subcontents > *:first-child{margin-top:100px;} .subcontents > *:last-child{margin-bottom:80px;} /* 아이콘 */ .ir{display:inline-block;vertical-align:middle;} .ir.arrow{height:20px;width:8px;background:url('/images/common/ico-arrow2.svg') 50% / 100% no-repeat;} /* 제목 */ .color-primary{color:var(--second-color);} .sub-tit-wrap{padding:0 0 30px;} .sub-tit-badge{color:var(--primary-color);font-weight:700;} .sub-tit20{font-size:1.25rem;} .sub-tit24{font-size:1.5rem;} .sub-tit20-cir{padding:2px 0 2px 30px;color:var(--primary-color);font-size:1rem;font-weight:500;background:url('/images/common/ico-deco-cir.png') 0 50% no-repeat;} .sub-tit30{color:#000;font-size:1.875rem;} .sub-tit40{margin-bottom:1em;color:#000;font-size:2.2rem;line-height:1.4;} .tit-deco-line{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #000;} .tit-deco-prebar:before{content:'';display:inline-block;width:24px;height:24px;margin:-4px 10px 0 0;vertical-align:middle;background:url('/images/common/ico-deco-tit.svg') 0 50% no-repeat;} .tit-deco-dot:before{content:'';display:inline-block;width:8px;height:8px;margin:-4px 10px 0 0;vertical-align:middle;background-color:var(--primary-color);border-radius:50%;} .txt-note{color:#666 !important;} .bx-link{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-9999em;} .badge{font-size:16px;color:var(--primary-color) !important;font-weight:500} .badge-bx{} .badge-answer{display:inline-block;margin-right:4px;padding:5px 8px 7px;color:#fff;font-size:12px;font-weight:500;background:#FF944D;line-height:1.1;} .badge-answer.wait{color:#FF944D;background:#fff;border:1px solid #FF944D;} .badge-secret{display:none;width:16px;height:24px;text-indent:-9999em;background:url('/images/board/ico-secret.svg') 2px 50% / 10px no-repeat;} .boardView thead .badge-answer{vertical-align:middle;font-family:'Noto Sans KR', Tahoma, Geneva, sans-serif;} .mainproject-top-wrap{position: relative;} .mainproject-top-wrap::before{content: '';position:absolute;bottom:0;left:0;right:0;height:82%;background-color:#F5F5F5;z-index:-1;} .hgroup-top{display:flex;align-items:center;padding-bottom:80px;/*border:1px solid red*/} .hgroup-top figure{width: 55%;} .hgroup-top dl{width:45%;padding-left:22px;} .hgroup-top dt{position:relative;padding-bottom:30px;color:#000;font-size:26px;font-weight:500;line-height:1.6;} .hgroup-top dt::after{content:'';position:absolute;bottom:0;left:-10%;width:calc(100% + 10%);height:1px;background-color:var(--primary-color);z-index:-1;} .hgroup-top dt span{color:var(--primary-color);} .hgroup-top dd{padding-top:40px;color:#333;font-size:0.9rem;} .hgroup-top dd div {font-size:20px;line-height:1.4;} .hgroup-top dd div span{font-size:13px;} /* 국민신문고 바로가기 */ .shortcut-link-txt{position:relative; padding:0 0 0 15px !important;} .shortcut-link-txt:before{content:'*';position:absolute;left:0;top:0;display:block;color:var(--primary-color);} .shortcut-link-txt a{text-decoration:underline;} .w-auto{width:auto !important;} .bx-bottom-border{border-bottom:1px solid #ddd;} .btn-shortcut{padding:14px 50px 14px 20px;display:inline-block;color:#fff;background:var(--primary-color) url('/images/common/ico-open-light.svg') right 20px top 50% no-repeat;} .btn-inner-shortcut{padding:10px 20px;display:block;color:var(--primary-color);text-align:center;font-size:16px;font-family: Pretendard;font-weight: 700;background:#fff;border:1px solid var(--primary-color);} .btn-inner-shortcut:after{content:'';display:inline-block;width:20px;height:20px;margin:-4px 0 0 8px;background:url('/images/common/ico-open.svg') 50% no-repeat;vertical-align:middle;} /***** 주요사업 *****/ .sub-project01-wrap{position:relative;overflow:hidden;} .sub-project01-wrap .inner{} .sub-project01-wrap h3{color:var(--second-color);font-size:30px;line-height:1.3;} .sub-project01-wrap h3 strong{display:block;color:#000;font-size:1.33em;} .sub-project01-wrap h3 p{margin-top:30px;} .sub-project01-wrap h3 + p{margin-top:20px;} .sub-project01-wrap .txt-project01-01{padding-top:119px;} .sub-project01-wrap .txt-project01-01 p.m-br-none{font-size:0.95em;} .sub-project01-wrap .img-project01-01{position:absolute;right:0;bottom:0;z-index:-1;} .sub-project02-wrap{position:relative;} .sub-project02-wrap:after{content:'';position:absolute;left:0;top:50%;width:80%;height:70%;background: #F2F2F2;z-index:-1;transform:translateY(calc(-50% + 70px));} .sub-project02-box{display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-project02-box > *{position:relative;width:calc(50% - 10px);height:356px;margin-bottom:20px;background:#ddd;} .sub-project02-box > *:nth-child(1){background:url('/images/contents/img-project02-01.png') 50% no-repeat;} .sub-project02-box > *:nth-child(2){background:url('/images/contents/img-project02-02.png') 50% no-repeat;} .sub-project02-box > *:nth-child(3){background:url('/images/contents/img-project02-03.png') 50% no-repeat;} .sub-project02-box > *:nth-child(4){background:url('/images/contents/img-project02-04.png') 50% no-repeat;} .sub-project02-box .item{position:absolute;left:0;bottom:0;width:450px;max-width:100%;padding:30px 30px 80px 40px;background:#fff;} .sub-project02-box .item dd{padding-top:10px;font-weight:300;} /*.sub-project02-box .item a:after{content:'';position:absolute;left:0;width:0;height:100%;background-color:var(--second-color);}*/ /*.sub-project02-box .item a:hover:after{left:0;width:100%;}*/ .sub-project02-box .item .bx-link, .sub-innovation01-box .item .bx-link, .sub-esg01-box .item .bx-link{z-index:1;} .sub-project02-box .item .btn-sub-view, .sub-innovation01-box .item .btn-sub-view, .sub-esg01-box .item .btn-sub-view{position:absolute;right:0;bottom:0;width:100px;height:40px;text-indent:-9999em;background:#BBB url('/images/common/ico-arrow.svg') 50% no-repeat;transition: 0.2s ease-in-out;} .sub-project02-box .item:hover .btn-sub-view, .sub-innovation01-box .item:hover .btn-sub-view, .sub-esg01-box .item:hover .btn-sub-view{background-color:var(--primary-color);background-position:60%;} /*.sub-esg01-box .item:hover .btn-sub-view{animation: arrowMove 1s infinite;}*/ @keyframes arrowMove { 0% { background-position-x: -50%;} 100% { background-position-x: 150%;} /* 100% { background-position: -50%;} */ } .sub-intro-box .item{padding:30px 10px 60px 30px;background:#fff;} .sub-intro-box .item dt{color:#000;font-size:26px;font-weight:500;} .social-vs{position:relative;} .social-vs > div{position:absolute;top:50%;left:7%;right:7%;color:#fff;transform:translateY(-50%);} /* 주요사업 운영 프로세스 */ .oper-process{position:relative;text-align:left;line-height:0;} .process-motion{position:absolute;height:6.788%;left:25%;background-color:#ff6501;} .process-motion.oper-process-truck{top:52.4%;right:0;} .process-motion.oper-process-airplane{bottom:0%;right:27.4%;} .oper-process .process-motion img{height:100%;} .oper-process.aos-animate .oper-process-truck img{animation: ease-in leftToRight 5s both;} .oper-process.aos-animate .oper-process-airplane img{animation: ease-in leftToRight2 4s both;} @keyframes leftToRight { 0% { margin-left:10px;} 100% { margin-left: calc(100% - 7%)} } @keyframes leftToRight2 { 0% { margin-left:10px;} 100% { margin-left: calc(100% - 11%)} } /* txt-goal 수정 230509 */ .txt-goal {padding-bottom:20px;text-align:center;} .txt-goal dl{display:flex;align-items:center;font-weight:500;} .txt-goal dt{min-width:110px;color:#000;font-size:20px;text-align:left;} .txt-goal dd{position:relative;width:calc(100% - 200px);margin-left:90px;line-height:60px;color:#fff;font-size:1.2rem;border:1px solid var(--primary-color);background-color:var(--primary-color);} .txt-goal dd::before{content:'';position:absolute;top:calc(50% - 0.5px);left:-90px;width:70px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .strategy-step > dl{position:relative;} .strategy-step > dl + dl:before{content:'';display:block;position:absolute;left:-23px;top:50%;width:14px;height:20px;background:url('/images/common/img12-arrow.png') no-repeat;transform:translateY(-50%);} .strategy-step .sub-drawing-item{width:calc((100% - 60px) / 3);} .strategy-step .sub-drawing-item + .sub-drawing-item{margin-left:20px;} /* drawing-bx 수정 230509 */ .drawing-bx {padding-bottom:20px;} .drawing-bx dl{display:flex;align-items:center;font-weight:500;} .drawing-bx dt{min-width:110px;color:#000;font-size:20px;text-align:left;} .drawing-bx .sub-drawing-item {position:relative;width:calc(100% - 200px);margin-left:90px;} .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:calc(50% - 0.5px);left:-90px;width:70px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx .sub-drawing-item .tit{padding:15px 5px;font-size:1.05rem;background-color:#ddd;color:#000;text-align:center;} .drawing-bx .sub-drawing-item .tit-s{font-size:0.95rem;} .drawing-bx .sub-drawing-item .txt{padding:15px 10px 5px;color:#1b1b1b;font-size:0.85rem;font-weight:400;} .drawing-bx .sub-drawing-item .badge {display:inline-block;width: 42px;margin:-4px 1px 0 0;color:#000;font-size: 12px; font-weight:400;line-height: 22px;background-color: #fff; border-radius: 5px; vertical-align:middle;} .drawing-background-bx {overflow:hidden;display:flex; justify-content: space-between; flex-wrap: wrap; } .drawing-background-bx .sub-background-item{width:calc((100% / 3) - 10px);} .drawing-background-bx dl dt{padding:15px 10px;color:#000;font-size:1rem;text-align:center;font-weight:700;} .drawing-background-bx dl dd{padding:20px 23px;font-size:0.9rem;} .drawing-background-bx dl dd li{padding-left:0;} dl.img11_5a{border:2px solid #ddd} dl.img11_5a dt{background-color:#ddd;} dl.img11_5b{border:2px solid #ddd} dl.img11_5b dt{background-color: #ddd;} dl.img11_5c{border:2px solid #ddd} dl.img11_5c dt{background-color: #ddd;} /* drawing-bx type1 */ .drawing-type-01 .drawing-bx .sub-drawing-item ul {display:flex;justify-content:space-between;} .drawing-type-01 .drawing-bx .sub-drawing-item li {width:calc((100% / 3) - 15px);padding:15px;border:1px solid #ddd;} /* drawing-bx type2 */ .drawing-type-02{} .drawing-type-02 .drawing-bx {position:relative;display:flex;} .drawing-type-02 .drawing-bx dl{width:100%;font-weight:500;} .drawing-type-02 .drawing-bx dt{} .drawing-type-02 .drawing-bx .sub-drawing-item {position:relative;display:flex;} .drawing-type-02 .drawing-bx .sub-drawing-item > * + *{margin-left:25px;} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(2), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(2) ~ .tit {width: calc(100% / 2);} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(3), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(3) ~ .tit {width: calc(100% / 3);} .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(4), .drawing-type-02 .drawing-bx .sub-drawing-item > .tit:first-child:nth-last-child(4) ~ .tit {width: calc(100% / 4);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(1), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(1) ~ .list {width: 100%;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(2), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(2) ~ .list {width: calc(100% / 2);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(3), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(3) ~ .list {width: calc(100% / 3);} .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(4), .drawing-type-02 .drawing-bx .sub-drawing-item > .list:first-child:nth-last-child(4) ~ .list {width: calc(100% / 4);} .drawing-type-02 .drawing-bx .sub-drawing-item ul {display:block;padding:0 10px;border:1px solid #ddd} .drawing-type-02 .drawing-bx .sub-drawing-item li {position:relative; padding:20px 0 20px 0;font-size:0.9rem;font-weight:400;} .drawing-type-02 .drawing-bx .sub-drawing-item li + li {border-top: 1px dashed #ddd;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank{padding:30px;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank li{padding:5px 0;font-size:1rem;border-top:none} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-chk li{padding-left:20px;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-chk li:before{content:'';position:absolute;left:0;top:27px;display:block;width:15px;height:15px;background:url('/images/common/ico-check.svg') 0 0 no-repeat;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-bll li{padding-left:15px !important;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-bll li:before{content:'';position:absolute;left:0;top:18px;display:block;width:3px;height:3px;background:var(--primary-color);border-radius:50%;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(1) i{font-style:normal;color:#FF8434;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(2) i{font-style:normal;color:#FFB200;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-num:nth-child(3) i{font-style:normal;color:var(--primary-color);} /* drawing-bx type2 > 2 */ .txt-goal.type02 dd{color:#000;border-color:#ddd;background-color:#fff;} .sub-drawing-item.type02 .tit:nth-child(1){color:#fff;background-color:#FF8434;} .sub-drawing-item.type02 .tit:nth-child(2){color:#fff;background-color:#FFB200;} .sub-drawing-item.type02 .tit:nth-child(3){color:#fff;background-color:var(--primary-color);} /* 주요사업 > 운송 프로세스(공통) */ .process-circle-step{} .process-circle-step > ul{display:flex; padding-bottom:40px;text-align:center;justify-content: space-between; flex-wrap: wrap; } .process-circle-step > ul > li{position:relative;width:calc((100% - (30px * 5)) / 6);height:calc((1300px - (30px * 5)) / 6);padding:13px;font-size: 16px;font-weight:500;border-radius:50%;} .process-circle-step > ul > li > div{display:flex; width:100%;height:100%;color: #000;border-radius:50%;border: 10px solid #F5F5F5;background:#fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);justify-content: center;align-items: center;line-height: 1.5;} .process-circle-step > ul > li.end > div{border-color:var(--primary-color);} .process-circle-step > ul > li p{position:absolute;width:100%;left:0;right:0;bottom:-35px;color: #121212;font-size: 18px;} .process-circle-step > ul li li{position:relative;padding-left:10px;text-align:left;} .process-circle-step > ul li li span{position:absolute;left:0;top:0;color: #666;} .process-circle-step > ul > li:after{content:'';display:block;position:absolute;right:-23px;top:50%;width:14px;height:20px;background:url('/images/common/img12-arrow.png') no-repeat;transform:translateY(-50%);} .process-circle-step > ul > li:last-child:after{display:none;} .process-circle-step li.last p:after{content:'';display:block;position:absolute;left:50%;bottom:-30px;width:14px;height:20px;margin:auto;background:url('/images/common/img12-arrow.png') no-repeat;transform: translateX(-50%) rotate(90deg);} .process-circle-step-06 > ul > li:last-child > div{color:var(--primary-color);border-color: var(--primary-color);} .process-circle-step.process-circle-step-international> ul > li:first-child > div{color:var(--primary-color);} /* 주요사업 > 국제물류운송 */ .process-circle-step.process-circle-step-04 > ul{max-width:950px;margin:auto;} .process-circle-step.process-circle-step-04 > ul > li{width:calc((100% - (50px * 3)) / 4);height:calc((950px - (50px * 3)) / 4);} .process-circle-step.process-circle-step-04 > ul > li + li:after{right:-30px;} .process-circle-step.process-circle-step-04 > ul.flex-reverse > li:after{left:-31px;right:auto;transform: rotate(-180deg);} .process-circle-step-04 > ul.pb80> li.loc1 div{color:var(--primary-color);} .process-circle-step-04 > ul.pb80> li:nth-child(n+2):nth-child(-n+7) div{color:#666;} .process-circle-step-04 > ul.flex-reverse > li:nth-child(n+1):nth-child(-n+3) div{color:#666;} .process-circle-step-04 > ul.flex-reverse> li.loc4 > div{color:var(--primary-color);border-color: var(--primary-color);} @media screen and (min-width: 801px) and (max-width: 1301px) { .process-circle-step > ul > li{width:calc((100vw - (50px * 3)) / 6);height:calc((100vw - (30px * 5)) / 6);padding:8px;font-size: 15px;} .process-circle-step > ul > li > div{border-width:6px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);} } /* 주요사업 > 국내 우편물 운송 */ .sub-mail07-tab { padding-top: 20px;} .sub-mail07-tabBtn ul { display: flex;} .sub-mail07-tabBtn .item { width: 50%;} .sub-mail07-tabBtn .item button { display: block; width: 100%; height: 60px; background-color: #F5F5F5; color: #121212; font-size: 0.9rem; text-align: center;} .sub-mail07-tabBtn .item.active button { background-color: #7A7A7A; color: #fff; font-weight: 500; } .sub-mail07-cont > div { display: none; margin-top: 40px;} .sub-mail07-cont ul { display: flex; justify-content: space-between;} .sub-mail07-cont .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(50% - 12px); padding: 50px 0; border: 1px solid var(--primary-color);} .sub-mail07-cont .item p { margin-bottom: 50px; color: #000;} /* 주요사업 > 소포배달 > 소포위탁사업 현황 */ .business-status-wrap{display:flex; max-width:1080px;margin:auto;justify-content: space-between;flex-wrap: wrap;} .business-status-wrap > div{width:49%;border: 2px solid #DDDDDD;} .business-status-wrap > div dt{padding:10px;color:#000;font-weight:700;font-size:1.2rem;text-align:center;background-color: #ddd;} .business-status-wrap > div dd{padding:1.5rem 2rem;color: #121212;} .business-status-wrap > div dd li{overflow:hidden;padding:8px 0;} .business-status-wrap > div dd strong{float:left;position:relative;display:inline-block;width:6rem;margin-right:2.5rem;color: var(--second-color);} .business-status-wrap > div dd strong:after{content:'';position:absolute;right:0;top:0.3rem;height:70%;border-right:1px solid #666;} .business-status-wrap > div dd p{overflow:hidden;} /* 주요사업 > 우편 물류센터 운영사업 */ /* 주요사업 > 우편 물류센터 운영사업 > 지도 부분 */ .office-location-wrap{display:flex;flex-direction: row-reverse;} .office-location-bx{display:flex;position:relative;width:660px;align-items: flex-start;} .office-location-bx img{object-fit:cover;} .office-ico li{position:absolute;} .office-ico li:after{content:'';position:absolute;display:block;width:24px;height:30px;background:url('/images/common/ico-pin.png') no-repeat;} .office-ico li strong{position:relative;display:inline-block;padding:5px 20px;color:var(--primary-color);font-size:16px;font-weight:700;border:1px solid var(--primary-color);background:#fff;border-radius:99px;z-index:1;} .office-ico li div{position:relative;} .office-ico li div:before, .office-ico li div:after{content:'';position:absolute;display:block;} .office-ico li.active strong{color:#fff;background:var(--primary-color);} .office-ico li.active strong:after{content: ''; position: absolute;top: 0;left: 0;right:0;bottom:0;opacity: 1;border:4px solid var(--primary-color);z-index:-1;border-radius: 99px;} .office-ico li.active strong:after{animation: ani-ripple 1.5s infinite;} .office-ico li.loc1{top: 191px;left: 39.7%;} .office-ico li.loc2{top: 237px;left: 49%;} .office-ico li.loc3{top: 331px;left: 42%;} .office-ico li.loc4{top: 279px;left: 50%;margin-left: -45%;} .office-ico li.loc1 div{padding:0 0 70px 57px;} .office-ico li.loc2 div{padding:0 0 32px 45px;} .office-ico li.loc3 div{padding:0 0 0 77px;} .office-ico li.loc4 div{padding:0 50px 24px 0;} .office-ico li.loc1:after{left:0;bottom:0;} .office-ico li.loc2:after{left:0;bottom:0;} .office-ico li.loc3:after{left:0;top:2px;} .office-ico li.loc4:after{right:0;bottom:0;} .office-ico li.loc1 div:before{width:100px;left:12px;top:18px;border-top:1px solid #000;} .office-ico li.loc1 div:after{left:12px;bottom: 26px;top:18px;border-left:1px solid #000;} .office-ico li.loc2 div:before{width: 85px;left: 21px;bottom:15px;border-top:1px solid #000;} .office-ico li.loc2 div:after{left:105px;bottom:15px;top:15px;border-left:1px solid #000;} .office-ico li.loc3 div:before{width:50%;left: 19px;top:50%;border-top:1px solid #000;} .office-ico li.loc4 div:before{width:100px;right:12px;top:18px;border-top:1px solid #000;} .office-ico li.loc4 div:after{right:12px;bottom: 28px;top: 18px;border-left:1px solid #000;} .office-thumb{width:calc(100% - 690px);margin-right:30px;} .office-thumb ul{display:flex;justify-content: space-between;flex-wrap: wrap;} .office-thumb ul li{display:flex;width:calc((100% - 30px) / 2);margin-bottom:30px;padding:20px 30px;border:2px solid #DDD;transition:0.3s ease;flex-wrap: wrap;align-content: space-between;cursor:pointer;} .office-thumb ul li.active{border-color:var(--primary-color);} .office-thumb ul li dt{padding-left:30px;color:#333;font-size:20px;font-weight:700;background:url('/images/common/ico-pin.png') 0 4px / 20px no-repeat;} .office-thumb ul li dd{padding-top:10px;font-size:16px;} .office-thumb ul li > div{margin-top:20px;} /* 주요사업 > 우편 물류센터 운영사업 > 물류센터 운영사업 현황 */ .drawing-bx-year {overflow:hidden;display:flex; justify-content: space-between; } .drawing-bx-year dl{width:calc((100% - 60px) / 8);border:1px solid #ddd; } .drawing-bx-year dl dt{padding:10px 5px;color:#000;font-size:20px;text-align:center;font-weight:700;background-color: #ddd;} .drawing-bx-year dl dd{display:flex;height: calc( 100% - 50px);padding:20px 5px;color: #666;font-size:16px;text-align:center; align-items: center; justify-content: center;} .drawing-bx-year dl:nth-child(3){border-color: var(--primary-color);} .drawing-bx-year dl:nth-child(3) dt{color: #fff;background-color: var(--primary-color);} .drawing-bx-year dl:nth-child(6){border-color: var(--primary-color);} .drawing-bx-year dl:nth-child(6) dt{color: #fff;background-color: var(--primary-color);} @media screen and (min-width: 801px) and (max-width: 1301px) { .drawing-bx-year{flex-wrap: wrap;} .drawing-bx-year dl{width:calc((100% - 30px) / 4);margin-bottom:10px;} .drawing-bx-year dl dt{font-size:18px;} .drawing-bx-year dl dd{font-size:14px;} } /* */ .info-center-wrap{padding:30px 0;} .info-center-wrap > div{display:flex; margin-top:30px;justify-content: space-between;} .info-center-wrap > div dl{width:calc((100% - 4rem) / 4);padding:25px 30px;border: 1px solid #DDD;} .info-center-wrap > div dl dt{padding:0 0 10px 28px;font-size:20px;font-weight:700;background:url('/images/common/ico-location.svg') 0 4px no-repeat;} .info-center-wrap > div dl dd{padding:0 0 5px;font-size:16px;min-height:4em;} /* 주요사업 > 국제 우편물 항공 운송 사업 > 운송현황 */ .international-map-bx{position:relative;} .international-map-bx:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/contents/img-international-map-spread.png?v1) 50% / 100% no-repeat;} .international-map-bx:before{content:'';position:absolute;left:0;top:0;width:50px;height:50px;clip-path: inset(50% 50% 50% 50%); transition: opacity 3s, clip-path 2.2s ease-in-out;opacity:0;background:url(/images/contents/img-international-map-spread.png) 50% / 100% no-repeat;} .international-map-bx.aos-animate:before{width:100%;height:100%;clip-path: inset(0 0 0 0); opacity: 1;} .aos-animate .international-map-bx:before{width:100%;height:100%;clip-path: inset(0 0 0 0); opacity: 1;} /* 주요사업 > 물류 혁신 연구·신사업 */ .innovation-goal-tab { padding-top: 80px;} .innovation-goal-tab ul { display: flex; } .innovation-goal-tab ul li { width: 20%; color: #666; border-bottom: 1px solid #ddd; text-align: center;} .innovation-goal-tab ul li button { width: 100%; height: 80px; color:#666; font-size: 1rem; } .innovation-goal-tab ul li.active { border-bottom: 4px solid var(--primary-color); } .innovation-goal-tab ul li.active button { color: var(--primary-color); font-weight: bold;} .innovation-goal-bx{ padding-top: 100px;} .innovation-goal-bx .item{display:none;} .innovation-goal-bx .item > div {display:flex;justify-content:space-between;} .innovation-list {position:relative;width:60%;max-height:480px;overflow-y:scroll;} .innovation-list::-webkit-scrollbar{position:absolute;top:0;right:0;width:4px;} .innovation-list::-webkit-scrollbar-thumb {background-color:var(--primary-color);border-radius:5px;background-clip:padding-box;} .innovation-list::-webkit-scrollbar-track {background-color:transparent;border-radius:5px; } .innovation-list li {position:relative;display:flex;padding-left:30px;padding-bottom:40px;} .innovation-list li::before{content:'';position:absolute;top:10px;left:4.5px;height:100%;width:1px;background-color:#ddd;} .innovation-list li::after{content:'';position:absolute;top:10px;left:0;width:10px;height:10px;background-color:#ddd;border-radius:50%;} .innovation-list li.on::after, .innovation-list li:first-child::after{background-color:var(--primary-color);} .innovation-list li:last-child::before{display:none;} .innovation-list .year{width:30%;font-size:20px;font-weight:bold;} .innovation-list .type{color:var(--primary-color);font-size:0.8rem;font-weight:700;} .innovation-list .company{padding-top:5px;font-size:0.9rem;font-weight:300;} .innovation-list .contents{padding-top:5px;font-size:0.9rem;} .sub-innovation-proposal{padding:60px 0 150px;background: url(/images/contents/bg-logistics-innovation.jpg) center right / cover no-repeat;} .innovation-proposal-top{padding-top:50px;color:#000;} .innovation-proposal-top .txt{font-size:1.2rem;font-weight:500;} .innovation-proposal-top .txt span{color:var(--primary-color);} .innovation-proposal-top .sub-txt{padding-top:10px;font-size:0.9rem;} .innovation-proposal-info{width:50%;padding-top:60px;} .innovation-proposal-info .item{display:flex;padding:15px 0;font-size:0.9rem;border-bottom:1px solid #808080;} .innovation-proposal-info .item .tit{width:170px;color:var(--primary-color);font-weight:bold;} .innovation-proposal-info .item .txt{color:#000;} .innovation-proposal-info .item .txt li::before{content:'';display:inline-block;width:4px;height:4px;margin-right:10px;background-color:#000;border-radius:50%;vertical-align:middle;} .innovation-proposal-btn-bx{display:flex;margin:70px -5px 0;} .innovation-proposal-btn-bx > a{width:50%;display:block;height:55px;line-height:55px;margin:0 5px;padding:0 30px;background:url(../../images/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;color:#fff;font-size:0.9rem} .innovation-proposal-btn-bx .proposal-btn{background-color:var(--primary-color);} .innovation-proposal-btn-bx .recommend-btn{background-color:#666;} .innovation-partner-bx{padding-top:70px;color:#666;} .innovation-partner-cont{padding-bottom:40px;} .innovation-partner-cont .tit{font-size:18px;font-weight:500;} .innovation-partner-cont ul{display:flex;padding-top:15px;} .innovation-partner-cont .item{width:260px;height:85px;line-height:85px;margin-right:30px;text-align:center;} .innovation-partner-cont .item:last-child{padding:0;} .innovation-partner-cont .item > *{display:block;background-color:#FAFAFA;} .innovation-partner-cont .item.darken img{mix-blend-mode: darken;} /***** 참여혁신 *****/ .sub-innovation01-wrap{position:relative;padding-bottom:190px;background:url('/images/contents/bg-innovation.png') 0 200px no-repeat;} .sub-innovation01-wrap .inner{display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-innovation00-box{width:36%;} .sub-innovation01-box{width:60%;display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-innovation01-box > *{position:relative;width:calc(50% - 10px);margin-bottom:20px;border: 1px solid #F2F2F2;background:#fff;transition:0.3s ease;} .sub-innovation01-box .item dt:before{content:'';display:inline-block;width:3px;height:28px;margin:-4px 10px 0 -12px;background:var(--second-color);vertical-align:middle;} .sub-innovation01-box .item dd{padding-top:10px;font-size:0.9rem;font-weight:300;} .sub-innovation01-box > *:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);} /***** ESG경영 *****/ .sub-esg01-wrap{position:relative;padding-bottom:190px;background:url('/images/contents/bg-esg.png') 0 200px no-repeat;} .sub-esg01-wrap .inner{} .sub-esg01-box{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;} .sub-esg01-box > *{position:relative;width:calc(50% - 10px);margin-bottom:20px;border: 1px solid #F2F2F2;background:#fff;transition:0.3s ease;} .sub-esg01-box .item dt:before{content:'';display:block;width:57px;height:55px;margin:0 0 20px 0;vertical-align:middle;} .sub-esg01-box > *:nth-child(4) .item dt:before{background:url('/images/contents/ico-esg01.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(3) .item dt:before{background:url('/images/contents/ico-esg02.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(2) .item dt:before{background:url('/images/contents/ico-esg03.png') 0 50% no-repeat;} .sub-esg01-box > *:nth-child(1) .item dt:before{background:url('/images/contents/ico-esg04.png') 0 50% no-repeat;} .sub-esg01-box .item dd{padding-top:10px;font-size:18px;font-weight:300;} .sub-esg01-box > *:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);} .esg-related-wrap{display:flex;justify-content: space-between;} .esg-related-wrap > *{width:24%;text-align:center;} .related-item{padding:30px 15px;border:1px solid #ddd;} .related-item a{display:block;margin-top:25px;padding:8px 10px;color:var(--primary-color);font-size:16px;border:1px solid var(--primary-color);transition: 0.3s ease-in-out;} .related-item a:hover{color:#fff;background:var(--primary-color);} .related-item u{font-size:16px;} .related-item .related-tit{height:2.8em;margin:25px 0 20px;font-size: 20px;font-weight: 700;line-height:normal;} /* ESG경영 상단 nav */ .sub-contents-nav {} .sub-contents-nav ul { display: flex; margin-top: 50px;} .sub-contents-nav .item { width: calc(100% / 3); min-height: 3em;border: 1px solid #ddd;border-bottom-color: var(--primary-color);border-right: 0;} .sub-contents-nav.half .item { width: 50%;} .sub-contents-nav .item a {display: flex;height: 100%;padding:5px;color: #121212;text-align: center;align-items: center;justify-content: center;line-height:1.4;} .sub-contents-nav .item:last-child a { border-right: 1px solid #ddd;} .sub-contents-nav .item.active + .item a { border-left: 0;} .sub-contents-nav .item.active{border: 1px solid var(--primary-color); border-bottom: 0;} .sub-contents-nav .item.active a { color: var(--primary-color); font-weight: 500; } .sub-contents-nav-tab{display: flex; margin:20px 0 25px;text-align:center;background-color:#F5F5F5;} .sub-contents-nav-tab li:first-child:nth-last-child(2), .sub-contents-nav-tab li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .sub-contents-nav-tab li:first-child:nth-last-child(3), .sub-contents-nav-tab li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .sub-contents-nav-tab li:first-child:nth-last-child(4), .sub-contents-nav-tab li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4);} .sub-contents-nav-tab li a{ display:flex; height:100%;min-height:60px;padding:5px; color:#121212;text-align:center;align-items:center;justify-content:center;line-height:1.4;} .sub-contents-nav-tab li.active a{color:#fff;background-color:#7a7a7a;} /* ESG경영 > POLA 친환경 경영 목표 > 친환경 경영 */ .tab-esg-head {display:flex;margin-top:40px;background:#f5f5f5;} .tab-esg-head li{position:relative;width:33.33%;text-align:center;cursor:pointer;border: 1px solid #D9D9D9;} .tab-esg-head li a{display:block;height:100%;padding:20px 10px;font-weight: 500;} .tab-esg-head li a.active{color:var(--primary-color);font-weight:700;background:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);} .tab-esg-head li a.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .tab-esg-head li a span.badge{padding:5px 9px;color:#fff !important;font-size: 16px;background-color: var(--primary-color);border-radius: 3px;} .tab-esg-head li:nth-child(2) .badge{background-color: var(--second-color);} .tab-esg-head li:nth-child(3) .badge{background-color: #FFB200;} .tab-esg-head li a:hover{text-decoration:none;} .sub-strategy-list-color {} .sub-strategy-list { padding-top: 100px;} .sub-strategy-list h4 {} .sub-strategy-list h4 .badge { display: inline-block; width: 60px; height: 30px; line-height: 30px; margin-right: 10px; font-size: 16px; color: #fff !important; border-radius: 3px; text-align: center; vertical-align: middle;} .sub-strategy-list ul {} .sub-strategy-list .item { padding-top: 40px;} .sub-strategy-list .item > div { display: flex;} .sub-strategy-list .item .goal { width: 220px; padding: 30px 20px; font-weight: bold; } .sub-strategy-list .item .goal span { font-size: 0.9rem;} .sub-strategy-list .item .goal p { padding-top: 5px; color: #000; font-size: 0.9rem;} .sub-strategy-list .item .txt { position: relative; width: calc(100% - 220px); padding: 50px 0 50px 10%; font-size: 0.9rem; border-top: 20px solid #ddd; } .sub-strategy-list .item .txt::before { content: ''; position:absolute; top: 0; left: 0; width: 130px; height: 30px; background-color: #ddd; clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);} .sub-strategy-list .item .txt li { position: relative; padding-left: 15px; color: #000;} .sub-strategy-list .item .txt li::before { content: ''; position: absolute; top: 6px; left: 0; width: 7px; height: 7px; margin-right: 5px; border: 1px solid var(--primary-color); border-radius: 50%;} .sub-strategy-list .item .txt li + li { margin-top: 10px;} .sub-strategy-list table { margin-top: 20px; font-size: 0.7rem; text-align: center; } .sub-strategy-list table th { padding: 10px; background-color: var(--primary-color); color: #fff; border: 1px solid #fff;} .sub-strategy-list table td { padding: 10px; border: 1px solid #ddd;} .sub-strategy-list-01 h4 .badge { background-color: var(--primary-color);} .sub-strategy-list-01 .item .goal { border-left: 1px solid var(--primary-color); border-top: 10px solid var(--primary-color);} .sub-strategy-list-02 h4 .badge { background-color: var(--second-color);} .sub-strategy-list-02 .item .goal { border-left: 1px solid var(--second-color); border-top: 10px solid var(--second-color);} .sub-strategy-list-02 .item .goal .color-primary { color: var(--second-color);} .sub-strategy-list-02 .item .txt li::before { border-color: var(--second-color);} .sub-strategy-list-03 h4 .badge { background-color: #FFB200;} .sub-strategy-list-03 .item .goal { border-left: 1px solid #FFB200; border-top: 10px solid #FFB200;} .sub-strategy-list-03 .item .goal .color-primary { color: #FFB200;} .sub-strategy-list-03 .item .txt li::before { border-color: #FFB200;} /* ESG경영 > 안전·보건 경영 */ .safety-bx-00{margin:40px 0;} .safety-bx-00 ol{list-style:decimal;font-size:20px;} .safety-bx{overflow:hidden;width:100%;margin-bottom:25px;border-radius: 10px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);} .safety-bx h3{padding:14px 10px;color:#fff;font-size:24px;text-align:center;font-weight:500;background:var(--primary-color) url(/images/contents/bg-safety-bx-tit.png) 50% 0 no-repeat;} .safety-bx.safety-bx-02 h3{background-color:#FFB200;} .safety-bx.safety-bx-03 h3{background-color:#FF8434;} .safety-bx .wwrap{padding:30px 40px 50px;} .safety-bx.safety-bx-01 .wwrap{padding:30px 40px;} .safety-bx.safety-bx-01 .tit, .safety-bx.safety-bx-02 .tit{font-size:26px;font-weight:700;text-align:center;} .safety-bx.safety-bx-02 .tit{margin-bottom:40px;} .safety-bx.safety-bx-02 .tit span{position:relative;display:inline-block;padding:0 48px;} .safety-bx.safety-bx-02 .tit span:before, .safety-bx.safety-bx-02 .tit span:after{content: '';position:absolute;display:block;top:50%;width:18px;height:18px;border:4px solid #FFB200;border-radius:50%;transform:translateY(-50%);} .safety-bx.safety-bx-02 .tit span:before{left:0;} .safety-bx.safety-bx-02 .tit span:after{right:0;} .safety-bx.safety-bx-02 dl{display:flex;} .safety-bx.safety-bx-02 dl + dl{margin-top:20px;} .safety-bx.safety-bx-02 dl dt span{display:block;padding:4px 12px;color: #FFF;font-size: 20px;font-weight: 500;border-radius: 10px;background:#FFB200;} .safety-bx.safety-bx-02 dl dd{margin-left:20px;color: #000;font-size: 20px;} .safety-bx.safety-bx-02 dl dd .fw4{color: #666;} .safety-bx.safety-bx-03 li{padding-left:30px;font-size:20px;background:url(/images/common/ico-poly.svg) 0 7px no-repeat;} .safety-bx.safety-bx-03 li + li{margin-top:10px;} .safety-bx.safety-bx-03 li p{color:#666;font-weight:400;font-size:0.8em;} /* 365 안전운행실천강령 */ .safety02{} .safety02 .safety02-list{} .safety02 .safety02-list > ol > li.item{position:relative;margin-bottom:1.2em;padding:0 0 0 30px;font-size:22px;} .safety02 .safety02-list > ol > li.item > span{position:absolute;left:0;top:7px;display:block;width: 24px;height: 24px;text-align:center;line-height:24px;font-size:0.7em;color: #FF8434;background:#fff;border-radius:50%;} .safety02 .safety02-list > ol > li ul{font-size:1.05rem;font-weight:300;} .safety02 .safety02-list > ol ul li{position:relative;margin:0.5em 0 0 1em;list-style: disc;} /* 안전보건경영시스템(ISO 45001) */ .safety03{display:flex;} .safety03-contents{margin-left:2rem;} .safety03-contents dt{font-size: 20px;font-weight: 700;} .safety03-contents dd{padding:1.5em 0;font-size: 16px;} .safety03-contents p{font-size:14px;} .safety03-contents table{margin-top:2.5rem;border-top:1px solid #000;} .safety03-contents table th{padding:10px;color:#666;font-weight:400;border-bottom:1px solid #ddd;} .safety03-contents table td{padding:10px;color:#000;border-bottom:1px solid #ddd;border-left:1px solid #ddd;} /* ESG경영 > 사회책임 경영 */ /* ESG경영 > 사회책임 경영 > POLA 사회공헌 추진체계 */ .sub-social-responsibility01 .sub-responsibility01-bx { display: flex; align-items: center; max-width: 860px; height: 80px; margin: 80px auto 0; border: 1px solid #ddd; border-radius: 99px; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility01-bx .tit { width: 25%; line-height: 80px; background: url(/images/contents/bg-innovation.png) 0 88% / 100% no-repeat;} .sub-social-responsibility01 .sub-responsibility01-bx h4 { font-size: 1.2rem; text-align: center; } .sub-social-responsibility01 .sub-responsibility01-bx p { width: 75%; font-size: 0.9rem; font-weight: bold; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-list01 { display: flex; margin: 0 -10px;} .sub-social-responsibility01 .sub-responsibility02-list01 .item { width: calc(100% / 3); padding: 0 10px; } .sub-social-responsibility01 .sub-responsibility02-list01 .item > div { border-radius: 10px; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility02-list01 .item .txt { display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; color: #121212; font-size: 0.9rem; } .sub-social-responsibility01 .sub-responsibility02-list01 .item li + li { margin-top: 10px;} .sub-social-responsibility01 .sub-responsibility02-subtit { width: 150px; height: 60px; line-height: 60px; margin: 0 auto; border: 1px solid #E50012; border-radius: 99px; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-bx01 { padding-bottom: 40px;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item { text-align: center; } .sub-social-responsibility01 .sub-responsibility02-bx01 .item .tit { position: relative; height: 80px; line-height: 80px; color: #fff; } .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(1) .tit { background-color: #E50012;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(2) .tit { background-color: #444 } .sub-social-responsibility01 .sub-responsibility02-bx01 .item:nth-child(3) .tit { background-color: #121212 } .sub-social-responsibility01 .sub-responsibility02-bx01 .item .tit::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 32px; transform: translateY(-50%); background-color: rgba(255,255,255,0.2); border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item .txt { height: 200px; font-weight: bold;} .sub-social-responsibility01 .sub-responsibility02-bx01 .item .txt small { font-size: 0.9rem;} .sub-social-responsibility01 .sub-responsibility02-bx02 { max-width: 1100px; margin: 0 auto; padding: 100px 0;} .sub-social-responsibility01 .sub-responsibility02-bx02 ul { display: flex; justify-content: space-between; align-items: center;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item { position: relative; display: flex; align-items: center; width: 220px; height: 220px; aspect-ratio: 1/1; padding: 10px; border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(1) { border: 1px dashed #E50012;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(2) { border: 1px dashed #444; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(3) { border: 1px dashed #121212; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt { position: relative; width: 100%; height: 100%; margin: 0 auto; text-align: center;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt p { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-weight: bold; border-radius: 50%; overflow: hidden;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(1) .txt p { background-color: #E50012; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(2) .txt p { background-color: #444;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item:nth-child(3) .txt p { background-color: #121212;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt p::before { content: ''; position: absolute; top: -30px; left: 20px; transform: rotate(45deg); width: 25px; height: 140px; background-color: rgba(255,255,255,0.2);} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); color: #d9d9d9; border-radius: 50%;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { width: 6px; height: 6px; border: 2px solid;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after, .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before { width: 12px; height: 12px; border: 4px solid;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item::before { top: -60px; } .sub-social-responsibility01 .sub-responsibility02-bx02 .item::after { top: -40px;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::before { bottom: -50px;} .sub-social-responsibility01 .sub-responsibility02-bx02 .item .txt::after { bottom: -70px;} .sub-social-responsibility01 .sub-responsibility02-bx03 { padding-top: 40px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item .txt { height: 250px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item li { position: relative; padding-left: 15px;} .sub-social-responsibility01 .sub-responsibility02-bx03 .sub-responsibility02-list01 .item li::before { content: ''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background-color: #E50012; border-radius: 50%;} /* ESG경영 > 사회책임 경영 > 사회공헌 활동 제안 */ .sub-social-responsibility03 {} .sub-social-responsibility03 .sub-responsibility01-bx { margin-top: 120px; text-align: center;} .sub-social-responsibility03 .sub-responsibility01-bx img { width: 500px;} .sub-social-responsibility03 .sub-responsibility01-bx p { padding-top: 50px; font-size: 0.9rem;} .sub-social-responsibility03 .sub-responsibility01-bx p strong { font-size: 1.2rem;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx { display: flex; justify-content: center; padding-top: 60px;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a { display: block; width: 350px; height: 55px; line-height: 55px; margin: 0 5px; padding: 0 30px; color: #fff; text-align: left;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a:first-child { background: var(--primary-color) url(/images/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;} .sub-social-responsibility03 .sub-responsibility01-bx .btn-bx a:last-child { background: #666 url(/images/common/btn-arrow.png) calc(100% - 30px) 50% no-repeat;} .sub-social-responsibility03 .sub-responsibility02-bx { padding-top: 60px;} .sub-social-responsibility03 .sub-responsibility02-bx h4 { position: relative; font-size: 24px; text-align: center;} .sub-social-responsibility03 .sub-responsibility02-bx h4::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 1px; background-color: #ddd; z-index: -1;} .sub-social-responsibility03 .sub-responsibility02-bx h4 span { display: inline-block; padding: 0 30px; background-color: #fff;} /* 관련기업 ui변경 주요사업>물류 혁신 연구·신사업 동일 .sub-social-responsibility03 .sub-responsibility02-bx ul { display: flex; flex-wrap: wrap; margin: 40px -10px 0;} .sub-social-responsibility03 .sub-responsibility02-bx li { width: calc(100% / 6); padding: 0 10px;} .sub-social-responsibility03 .sub-responsibility02-bx li:nth-child(n+7) { padding-top: 20px;} .sub-social-responsibility03 .sub-responsibility02-bx li a { display: block; height: 80px; line-height: 76px; border: 1px solid #ddd; text-align: center;} */ /* ESG경영 > 윤리 경영 */ .sub-ethical01-box { position: relative; padding: 80px 70px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .sub-ethical01-box::before { content: ''; position: absolute; top: -1px; left: 0; width: 220px; height: 1px; background-color: var(--primary-color);} .sub-ethical01-box::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 250px; background-color: var(--primary-color);} .sub-ethical01-cont { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 200px 60px 60px; border: 4px solid #ddd;} .sub-ethical01-cont::before { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 160px; height: 160px; background: var(--second-color) url(/images/contents/img-ci01-logo.svg) 50% no-repeat;} .sub-ethical01-cont .tit { color: #121212; font-size: 1.7rem;} .sub-ethical01-cont .txt { padding-top: 10px; color: #121212; font-size: 0.9rem; text-align: center;} .sub-ethical01-list { margin-top: 60px; padding: 50px 70px; background-color: #F8F8F8;} .sub-ethical01-list li {display:flex; color: #000; font-size: 0.9rem;align-items: center;} .sub-ethical01-list li span { display: inline-block; width: 70px; height: 70px; line-height: 70px; margin-right: 20px; background-color: #fff; color: var(--primary-color); border-radius: 50%; border: 1px solid var(--primary-color); text-align: center; vertical-align: middle;} .sub-ethical01-list li + li { padding-top: 20px;} .sub-ethical01-list li p{width:calc(100% - 90px);} /* ESG경영 > 윤리 경영 > 윤리 실천강령 */ .sub-ethical02-box .sub-behavior-top .txt { padding-top: 15px; color: #000; font-size: 1rem;} .sub-ethical02-list { padding: 40px 70px; background-color: var(--second-color);} .sub-ethical02-list .item { color: #fff; font-size: 1.05rem;} .sub-ethical02-list .item + .item { padding-top: 0.5em;} .sub-ethical02-list .item span {} .sub-behavior-box { } .sub-behavior-top { position: relative; padding: 90px 70px 60px; border: 4px solid #f0f0f0; border-bottom: 0;} .sub-behavior-top::before { content: ''; position: absolute; bottom: -55%; right: 0; width: 375px; height: 375px; background: url(/images/contents/img-ci02-logo.svg) 50% / cover no-repeat; opacity: 0.06; z-index: -1;} .sub-behavior-box .sub-tit30 { } .sub-behavior-box .sub-tit30 span { position: relative;} .sub-behavior-box .sub-tit30 span::before, .sub-behavior-box .sub-tit30 span::after { content: ''; position: absolute; top: -10px; width: 36px; height: 27px; z-index: -1;} .sub-behavior-box .sub-tit30 span::before { left: -25px; background: url(/images/contents/img-quote-01.png) 50% no-repeat;} .sub-behavior-box .sub-tit30 span::after { right: -25px; background: url(/images/contents/img-quote-02.png) 50% no-repeat;} .sub-behavior-box .sub-tit20 { padding-top: 20px; color: #000;} .sub-behavior-promise { padding: 50px 0; background-color: #f0f0f0;} .sub-behavior-promise .txt { color: #000; font-size: 1.05rem; font-weight: bold;} /***** POLA소식 *****/ .recruit-top-bx{padding:79px 20px 97px;color:#fff;text-align:center;background:url('/images/contents/bg-recruit.png') 50% / cover no-repeat;} .recruit-top-bx h4{padding-bottom:5px;font-size:30px;} .recruit-top-bx + form{margin-top:-40px;padding:0 14%;} .recruit-top-bx + form .boardHead{padding-left:20px;padding-right:20px;background:#fff;justify-content: center;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);} .recruit-top-bx + form .boardHead > div{width:70%;} .recruit-top-bx + form .boardHead > div .searchTxt{width:calc(100% - 70px);} .recruit-top-bx + form .boardHead button.searchBtn{background-image:url('/images/common/btn-memu-sch-color.png');} /***** POLA소개 *****/ /* 협력기관 */ .dataroom-related-wrap h4{margin:20px 0 35px;color: #666;font-size:20px;font-weight: 700;} .dataroom-related-wrap ul{display:flex;flex-wrap: wrap;margin-left:-32px;overflow:hidden;} .dataroom-related-wrap ul li{display:flex;width:calc(100% / 5);margin-bottom:32px;justify-content: space-between;} .dataroom-related-wrap ul li span, .dataroom-related-wrap ul li a{display:flex;width:100%;height:84px;margin-left:32px;background:#FAFAFA;justify-content: center;align-items: center;} /* 인사채용 */ .recruitment-item{margin-top:40px;} .recruitment-item h4{display:flex;align-items: center;font-weight:400;} .recruitment-item h4 span{display:block;width:194px;margin-right:10px;color:#fff;font-size:20px;line-height:60px;text-align:center;background-color: var(--primary-color);} .recruitment-item h4 strong{padding:0 5px 0 0;color:#000;} .recruitment-item .bx{display:flex;align-items: center;margin-top:-10px;border:1px solid #ddd;} .recruitment-item .bx > li{position:relative;display:flex;justify-content: center;align-items: center;padding:60px 40px;} .recruitment-item .bx > li:before{content:'';display:inline-block;width:90px;height:90px;margin-right:20px;border:1px solid var(--primary-color);border-radius:50%;} .recruitment-item .bx > li.ic1:before{background:url('/images/common/ico-recruitment-ic1.png') 50% no-repeat;} .recruitment-item .bx > li.ic2:before{background:url('/images/common/ico-recruitment-ic2.png') 50% no-repeat;} .recruitment-item .bx > li.ic3:before{background:url('/images/common/ico-recruitment-ic3.png') 50% no-repeat;} .recruitment-item .bx > li:after{content:'';position:absolute;right:-25px;top:50%;display:inline-block;width:50px;height:50px;border:1px solid #DDD;border-radius:50%;transform:translateY(-50%);background:#fff url('/images/common/ico-arrow-forward.svg') 50% no-repeat;z-index:9;} .recruitment-item .bx > li:last-child:after{display:none;} .recruitment-item .bx > li + li{border-left:1px solid #ddd;} .recruitment-item .bx > li:first-child:nth-last-child(2), .recruitment-item .bx > li:first-child:nth-last-child(2) ~ li {width: calc(100% / 2);} .recruitment-item .bx > li:first-child:nth-last-child(3), .recruitment-item .bx > li:first-child:nth-last-child(3) ~ li {width: calc(100% / 3);} .recruitment-item .bx > li dl{width:250px;} .recruitment-item .bx > li dt{} .recruitment-item .bx > li dt span{color: #666;font-size: 14px;text-decoration: underline;text-transform:uppercase;} .recruitment-item .bx > li dt strong{display:block;color: var(--primary-color);} .recruitment-item .bx > li dd ul{display:flex;flex-wrap: wrap;margin-top:10px;} .recruitment-item .bx > li dd li {position:relative;flex: 1 1 40%;padding:0 0 0 10px;color:#000;font-size: 15px;} .recruitment-item .bx > li dd li:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:#000;} .recruitment-info{} .recruitment-info h4{margin:40px 0 20px;font-size:24px;} .recruitment-info h4 span{color:#666666;font-size:0.7em;font-weight:400;} .recruitment-info ul{display:flex;flex-wrap: wrap;margin:0 -10px;overflow:hidden;} .recruitment-info ul li{position:relative;width:calc((100% - 80px) / 4);margin:0 10px 20px;padding:35px 30px 30px;border: 1px solid #DDD;} .recruitment-info ul li dt{color: #000;font-size: 20px;font-weight: 700;} .recruitment-info ul li dd{padding-top:5px;color: #666;font-size: 16px;line-height: 140%; } .recruitment-info li.ic1{background:url('/images/common/ico-recruitmentinfo-ic1.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic2{background:url('/images/common/ico-recruitmentinfo-ic2.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic3{background:url('/images/common/ico-recruitmentinfo-ic3.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic4{background:url('/images/common/ico-recruitmentinfo-ic4.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic5{background:url('/images/common/ico-recruitmentinfo-ic5.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic6{background:url('/images/common/ico-recruitmentinfo-ic6.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic7{background:url('/images/common/ico-recruitmentinfo-ic7.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic8{background:url('/images/common/ico-recruitmentinfo-ic8.png') right 30px top 50% / auto 31px no-repeat;} .recruitment-info li.ic9{background:url('/images/common/ico-recruitmentinfo-ic9.png') right 30px top 50% / auto 31px no-repeat;} /* 조직도 */ .sub-organization01-wrap { position: relative; /*background: url(../../images/contents/img-organization01-bg.png) 100% calc(100% - 293px) no-repeat;*/} /*.sub-organization01-wrap::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 300px; background: #f5f5f5; z-index: -1;}*/ .sub-organization01-bx {text-align: center;margin-top: 30px;} .org-wrap{width: 100%;position: relative;margin:0 auto;text-align:center;} .org-wrap *{margin:0 auto;text-align:center;} .org-wrap::before{position: absolute;content: " ";left: 50%;width: 1.2px;height: 64%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .title{position: relative;display:flex;color: #fff;font-size: 28px;width: 200px;height: 200px;font-weight:500; border-radius: 999px; background:#FF6501 url('/images/common/logo-pt.png') 0 0 / 100% no-repeat; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);justify-content: center;align-items: center;} .org-wrap.type1 .title:after{position: absolute;content: " ";top:-10px;left:-10px;bottom:-10px;right:-10px;border: 2px solid #FF6501;border-radius: 999px;z-index:-1;background: #FFF;} .top-org{width: 90%;height: 100%;display: flex;position: relative;} .top-org:nth-child(3){margin-top: 20px} .org-wrap.type2 .top-org::before{position: absolute;content: " ";top: 30%;left: 25%;width: 50%;height: 1px;background-color: #ddd;} .top-org:nth-child(2)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;margin:0;background-color: #ddd;top: 50%;z-index: -2} .top-org:nth-child(3)::before{position: absolute;content: " ";left: 25%;width: 25%;height: 1px;background-color: #ddd;top: 50%} .org-wrap.type1 .top-org:nth-child(2)::before{margin-top:-129px;} .top-org .boxL,.top-org .boxR{flex-basis: 50%;} .top-org .boxL01{margin:-129px 0 0 -60px;} .top-org .boxR01{margin-left:60px;} .top-org a span.dbg{display:inline-block;width: 280px;padding:15px 10px;font-size: 20px;font-weight:700;position: relative;border: 1px solid #000;background: #FFF;} .top-org ul{margin-top: 10px;position: relative;} .top-org ul::before{position: absolute;content: " ";width: 1px;height: 100%;background-color: #ddd;top: -10px;z-index: -1;} .top-org ul li{width: 180px;padding: 10px 0;background-color: #efefef;display: block;} .top-org:nth-child(3) .boxR span.dbg{position: relative;} .top-org:nth-child(3) .boxR span.dbg::before{position: absolute; content: " "; width: 1px; height: 25px; background-color: #ddd; top: -25px; left: 50%; transform: translateX(-50%); z-index: -1} .btm-org{display: flex;margin-top: 30px;padding-top: 40px;font-size: 20px;position: relative;} .btm-org::before{position: absolute;content: " ";width: 66.6%;height: 1px;top: 0;left: 50%;transform: translateX(-50%);background-color: #ddd;} .btm-org .box{display: block;padding:15px 10px;color: #fff;font-weight:500;background: var(--second-color, #FF8434);} .btm-org .btm-box{position: relative;width: 280px;} .btm-org .btm-box::before{position: absolute;content: " ";width: 1px;height: 50%;background-color: #ddd;top: -50px;left: 50%;z-index: -1;} .btm-org .btm-box.boxM::before{display:none;} .btm-org .box img{margin-top: 28px;} .btm-org .box p{} .btm-box ul{display: flex;margin-top: 10px;} .btm-box ul li{font-size: 16px;font-weight: 500;} .btm-box .org-depth2{} .btm-box .org-depth2 li{width:100%;padding: 10px 0;font-size:15px;background-color: #efefef;} .btm-box .org-depth2 li + li{margin-top:5px;} .org-wrap.type1 .box-item > ul{position: relative;justify-content: center;margin-top: 40px;padding-top: 40px;} .org-wrap.type1 .box-item > ul::before{content: '';position: absolute;top: 0;width: 57.5%;left: 50%;transform: translateX(-50%);height: 1px;background-color: #ddd;} .org-wrap.type1 .box-item:nth-child(1) > ul::before{width: 114.5%;} .org-wrap.type1 .box-item > ul > li{position: relative;padding:0 5px;} .org-wrap.type1 .box-item > ul > li::before{position: absolute;content: " ";width: 1px;height: 70%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .box-item > ul > li > a{width: 150px;position: relative;display:block;background-color: #fff;padding: 10px 0 15px 0;;font-size: 20px;border: 1px solid #ddd;border-top: 4px solid #000;} .org-wrap.type1 .box-item::before{position: absolute;content: " ";width: 1px;height: 15%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type1 .btm-org .box{position: relative;} .org-wrap.type1 .btm-org .box::before{position: absolute;content: " ";left: 50%;width: 1px;height: 140%;background-color: #ddd;z-index: -1;} .org-wrap.type2{margin-top: 70px;margin-bottom:120px;font-size: 20px;} .org-wrap.type2::before{height:17%} .org-wrap.type2 .title{display:inline-block;width: 280px;padding:15px 10px;color: #fff;font-weight:500;background: var(--second-color, #FF8434);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);} .org-wrap.type2 .top-org{margin-top: 40px;padding-top: 40px;} .org-wrap.type2 .top-org::before{top: 0;width: 83.3%;left: 50%;transform: translateX(-50%)} .org-wrap.type2 .top-org::after{background-image: none;} .org-wrap.type2 .top-org .box-item{width: 160px;position: relative;padding:0 5px;} .org-wrap.type2 .top-org .box-item .box{display:block;background-color: #fff;padding: 10px 0 15px 0;font-weight:500;border: 1px solid #ddd;border-top: 4px solid #000;} .org-wrap.type2 .top-org .box-item::before{position: absolute;content: " ";width: 1px;height: 15%;top: -40px;left: 50%;background-color: #ddd;z-index: -1;} .org-wrap.type2 .top-org .box-item li{width:100%;font-size:15px;} .org-wrap.type2 .top-org .box-item li + li{margin-top:5px;} .org-wrap.type2 .top-org .box-item ul::before{display:none;} /***** 약관 *****/ .policy-box{} .policy-box{margin-bottom:30px;} .policy-box h3{color:#222;} .policy-box:last-child{margin-bottom:0;} .normal-dl dt {margin:13px 0 0 0; color:#333;font-size:1.05em; font-weight:700;font-family:var(--font-s-core);letter-spacing:-0.5px;} .normal-dl dd {position:relative; margin:3px 0 0 0;padding:0 0 0 10px; padding-left:10px; font-size:0.85rem;} .normal-dl dd:before{content:'';position:absolute;left:0;top:10px;display:block;width:3px;height:3px;border-radius:50%;background-color:#222;} .normal-dl dd.dot_no {background:none !important} .normal-dl dd ul {margin:5px 0 10px 0;} .normal-dl dd ul li {padding-bottom:5px;font-size:0.9rem;} .explain-text{padding:1.5em;font-size:1rem;border:1px solid #ddd;background:#fff url('/images/contents/bg-pattern.png') 98% 50% / 220px no-repeat;} /* 개인정보처리방침 */ .privacy-wrap{} .privacy-wrap dd.bnone::before{display: none;} .privacy-wrap .pipp_labeling_ul{padding:0;} .privacy-wrap .pipp_labeling_ul ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;} .privacy-wrap .pipp_labeling_ul li{display: flex; width: calc((100% - 40px)/3); padding: 15px 20px;border: 1px solid #ddd; background-color: #f5f5f5; border-radius: 5px; align-items: center;} .privacy-wrap .pipp_labeling_ul li i{padding-right:20px;} .privacy-wrap .pipp_labeling_ul li p{font-size: 1em; font-weight: 500; color: #222; padding: 0 0 5px 0;} .privacy-wrap .pipp_labeling_ul li span{display: inline-block; } .privacy-wrap .table_content_box{display: flex; padding: 15px 20px; background-color: #f5f5f5; border-radius: 5px;flex-wrap: wrap;} .privacy-wrap .table_content_box ul{width: 49%;} .privacy-wrap .table_content_box li{} .privacy-wrap a{display: inline-block; border: 1px solid #ddd; width: auto; height: auto; padding: 8px 15px 8px 30px; display: inline-flex; align-items: center; background:#fff url('/images/common/ico-site.png') 10px 50% / 13px no-repeat;margin-top: 10px;} .privacy-wrap .link{display: flex; flex-wrap: wrap; margin: 10px 0 0 0;} .privacy-wrap .link a{padding: 8px 15px 8px 30px; margin: 0 8px 8px 0;} .pipp_box{display:flex;padding: 40px;border: 1px solid #ddd; background-color: #f5f5f5;align-items: center;} .pipp_box i{display:block;width:300px;padding:0 20px;} .pipp_box p{width:calc(100% - 300px);} /*.pipp_tit[class *= "tit0"]{border:1px solid red;}*/ .pipp_tit{padding:2px 0 4px 40px;background-repeat:no-repeat;} .pipp_tit.tit00{padding-left:30px; background-image:url('/images/contents/con_list01.png');background-position: 0 10px;} .pipp_tit.tit01{background-image:url('/images/contents/pipp_title_img01.png');} .pipp_tit.tit02 {padding-left:125px; background-image: url(/images/contents/pipp_title_img02.png), url(/images/contents/pipp_title_img01.png), url(/images/contents/pipp_title_img03.png);background-position: left 0, 80px 0, 40px 0;} .pipp_tit.tit03 {background-image: url(/images/contents/pipp_title_img03.png);} .pipp_tit.tit04 {background-image: url(/images/contents/pipp_title_img04.png);} .pipp_tit.tit05 {background-image: url(/images/contents/pipp_title_img05.png);} .pipp_tit.tit06 {background-image: url(/images/contents/pipp_title_img06.png);} .pipp_tit.tit07 {padding-left:85px; background-image: url(/images/contents/pipp_title_img08.png), url(/images/contents/pipp_title_img07.png);background-position: 40px 0, left 0;} .pipp_tit.tit08{background-image: url(/images/contents/pipp_title_img09.png);} .pipp_tit.tit09{background-image: url(/images/contents/pipp_title_img10.png);} .pipp_tit.tit10{background-image: url(/images/contents/pipp_title_img11.png);} .pipp_tit.tit11{background-image: url(/images/contents/pipp_title_img12.png); height: auto;} .pipp_tit.tit12{background-image: url(/images/contents/pipp_title_img13.png);} .pipp_tit.tit13{background-image: url(/images/contents/pipp_title_img15.png);} .pipp_tit.tit15{background-image: url(/images/contents/pipp_title_img15.png);} .pipp_tit.tit16{background-image: url(/images/contents/pipp_title_img16.png);} dd.pipp_tit{margin-top:10px;padding:0 0 4px 40px;} dd.pipp_tit:before{display:none;} /* 뷰어다운로드 */ .con_box_fmenu5 {max-width:770px; margin:0 auto; padding:20px 10px; border-bottom:1px dotted #666; overflow:hidden;} .con_box_fmenu5 .img {width:154px; float:left; text-align:center} .con_box_fmenu5 .img img {width:100%; } .con_box_fmenu5 dl {width:576px; padding-left:20px;float:right; text-align:left} .con_box_fmenu5 dl dt {margin:0; font-weight:700; } .con_box_fmenu5 dl dd {margin:0; font-weight:400; font-size:1rem;} .con_box_fmenu5 dl dd a {display:block; margin-top:10px; border:4px solid #ededed; text-align:center; width:160px; height:47px; line-height:40px;transition: 0.3s ease;} .con_box_fmenu5 dl dd a:hover {background:var(--second-color); font-weight:500; border-color:var(--second-color); color:#fff; } .related-site{width: 100%; height: auto; border-top:2px solid #282e38;} .related-site ul:after{display: block; content: ""; clear: both;} .related-site li{border-bottom: 1px solid #dcdcdc;} .related-site figure{float: left;} .related-site figure{width:45%; text-align: center; margin-top: 35px;} .related-site-con{overflow:hidden;padding: 23px 0 17px;} .related-site-con h5{font-size: 20px; font-weight: bold; color: #222; margin-bottom: 0;} .related-site-con .site_link{margin-top:8px; } .related-site-con .site_link a{padding-left: 24px;font-size: 16px; color: #666; font-weight:300;text-decoration: underline; line-height: 31px;background: url("/images/common/ico-site.png") 0 0 / 18px no-repeat;} .related-site-con .site_link a:hover, .related-site-con .site_link a:focus{color: var(--second-color); } /* 검색결과 */ .sch-tab-head{display:flex;flex-wrap: wrap;background:#F8F8F8;} .sch-tab-head li{position:relative;width:20%;padding:5px;margin-bottom:-1px;display:flex;align-items: center;justify-content: center;text-align:center;border:1px solid #D9D9D9;cursor: pointer;} .sch-tab-head li.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .sch-tab-head li.active{color:var(--primary-color);font-weight:500;background:#fff;} .sch-tab-head li.active a{color:var(--primary-color) !important;} .sch-tab-head li a:hover{text-decoration:none;} .sch-contents{} .sch-contents{font-weight: 600;} .sch-contents strong{color:var(--primary-color);} .sch-all-bx{padding-bottom:2em;color: #666;font-size: 28px;font-family: var(--font-s-core);} .sch-all-list + .sch-all-list{margin-top:100px;} .sch-all-list {font-size: 20px;} .sch-all-list ul{margin-bottom:2em;border-top:2px solid var(--primary-color);} .sch-all-list ul li{padding:3.5em 0;border-bottom:1px solid #ddd;} .sch-all-list ul li a{max-width:calc(100% - 30px)} .sch-all-list ul li a:after{content:'';display:inline-block;width:24px;height:24px;background:url('/images/contents/ico-open-blank.svg') 100% 0 no-repeat;vertical-align:middle;} .file-btn{width:24px;height:24px;margin:-4px 0 0 5px;background: url(/images/common/ico-download-color.png) 100% no-repeat;text-indent:-9999em;vertical-align:middle;} .sch-all-list.sch-all-list-file ul li{display:flex;justify-content: space-between;align-items: center;} .sch-all-list .sch-all-tit{padding-bottom:25px;color: #000;font-size: 24px;font-family: var(--font-s-core);} .sch-all-more{text-align:center;} .sch-all-more a{display:inline-block;min-width:260px;padding:0 30px;margin:0 2px;color:#fff;font-size:16px;line-height:54px;border:1px solid #979797;transition: 0.3s ease-in-out; background:#979797;} .search_all_list {width:100%; padding:30px; text-align:center; color:#142547; background:#f8f8f8; font-size:16px; font-weight:600; margin-bottom:40px; word-break:keep-all} .search_all_list span {color:#005aab; } .search_all_wrap {margin-bottom:40px; word-break:keep-all} .search_all_tt_box {position:relative; width:100%; border-bottom:2px solid #373f4e} .search_all_title {margin:0 0 10px 10px; color:#005aab; font-size:18px; font-weight:700;} .search_all_more {position:absolute; bottom:0; right:0; background:#373f4e; padding:7px 20px} .search_all_more a {color:#fff; font-weight:bold} .search_all_board {position:relative; width:100%; padding:20px; border-bottom:1px solid #dedede} .search_all_board .tt {background:url('/img/list01.png') no-repeat 0 10px; padding-left:10px; color:#000; font-size:16px; font-weight:600;} .search_all_board .content {color:#666; margin:5px 0 5px 10px} .search_all_board .navi {color:#142547;margin-left:10px} .search_all_board .date {color:#666; margin:5px 0 0 10px} .search_all_board .no {color:#666; font-size:16px} .all_search { width:100%; margin:20px 0 60px; padding:20px 10px; border:1px solid #d9d9d9; box-shadow:0px 3px 0px rgba(241,241,241,1); overflow:hidden; } .all_search .all_search_input {width:100%; text-align:center;line-height:1;} .all_search input[type=text] {vertical-align:0px; height: 37px; padding:7px; border:1px solid #d9d9d9} .all_search .search_box {margin-bottom:5px; width:40%; } .all_search_input .check input {vertical-align:-14px; } .all_search .search_box {margin-bottom:5px; width:40%; } @media (max-width: 480px) { .all_search .search_box {margin-bottom:5px; width:70%; } ul.tab2_600 li a {font-size:14px; letter-spacing:-1px;} } .sch_btn2 {width:50px; margin-left:-1px; line-height: 10px; height: 38px; background: var(--primary-color); color:#fff; border: 0; font-size: 17px; cursor:pointer; } .search_more_wrap .close_btn {float:right; margin-bottom:10px; cursor:pointer;} .search_more_wrap .content {} .search_more_wrap .more_search_table {width:100%; border-top:1px dotted #888} .search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td { background:#f4f4f4; padding:10px; border-bottom:1px dotted #888; } @media (max-width: 916px) { .search_more_wrap .more_search_table th, .search_more_wrap .more_search_table td { display:block; width:100%; text-align:center; background:#f4f4f4; padding:5px 0px; border-bottom:0px dotted #888; } .search_more_wrap .more_search_table td ul {overflow:hidden; width:100%; } .search_more_wrap .more_search_table td {border-bottom:1px dotted #888} } .search_more_wrap .more_search_table td {background:#fff; } .search_more_wrap .more_search_table ul li {float:left; margin-right:20px} .search_more_wrap .more_search_table input {vertical-align:-13px; } .search_more_wrap .more_search_table .width_100 {width:100%} .more_search_table td.set_period input { vertical-align:0px; width:90px; margin:2px 0} .more_search_table td.set_period button {margin-left:-1px; width:37px; height:37px; border:1px solid #d9d9d9; } /*버튼*/ .all_search_btn {clear:both; text-align:center; margin:30px 0} .all_search_btn li {display:inline-block; } .all_search_btn li a {color:#fff} /***** 반응형 *****/ @media only screen and (min-width: 1025px){ /* 1025px 이상 */ .pc-block{display:block;} .m-block{display:none;} } @media screen and (max-width: 1300px) { html, body{font-size: 16px;} .mgb30 {margin-bottom: 0.742rem !important;} }