• Y
  • List All
  • Feedback
    • This Project
    • This Group
    • All Projects
Profile Account settings Log out
  • Favorite
  • Project
  • All
Loading...
  • Log in
  • Sign up
itnAdmin / kopost_sync star
  • Project homeH
  • CodeC
  • IssueI
  • Pull requestP
  • Review R
  • MilestoneM
  • BoardB
  • Files
  • Commit
  • Branches
kopost_syncsrcmainwebappcss_newresponsive.css
Download as .zip file
File name
Commit message
Commit date
DATABASE
첫번째 커밋
07-30
src/main
첫번째 커밋
07-30
.gitignore
첫번째 커밋
07-30
pom.xml
첫번째 커밋
07-30
File name
Commit message
Commit date
java/egovframework
첫번째 커밋
07-30
resources
첫번째 커밋
07-30
webapp
첫번째 커밋
07-30
File name
Commit message
Commit date
META-INF
첫번째 커밋
07-30
WEB-INF
첫번째 커밋
07-30
common
첫번째 커밋
07-30
css
첫번째 커밋
07-30
css_190620
첫번째 커밋
07-30
css_new
첫번째 커밋
07-30
direct
첫번째 커밋
07-30
fonts
첫번째 커밋
07-30
html/egovframework/com/cmm/utl/ckeditor
첫번째 커밋
07-30
images
첫번째 커밋
07-30
images_new
첫번째 커밋
07-30
img
첫번째 커밋
07-30
js
첫번째 커밋
07-30
index.jsp
첫번째 커밋
07-30
naver3c352dcb8777b0287e87288da97266c3.html
첫번째 커밋
07-30
naverb3a939669ac159cc50de88c5a4fa6167.html
첫번째 커밋
07-30
robots.txt
첫번째 커밋
07-30
File name
Commit message
Commit date
aos.css
첫번째 커밋
07-30
board.css
첫번째 커밋
07-30
common.css
첫번째 커밋
07-30
contents.css
첫번째 커밋
07-30
contents2.css
첫번째 커밋
07-30
responsive.css
첫번째 커밋
07-30
style.css
첫번째 커밋
07-30
swiper.min.css
첫번째 커밋
07-30
rosewiper 07-30 1438cba 첫번째 커밋 UNIX
Raw Open in browser Change history
/* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ /* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ /* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ /* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ /* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ /* ■■■■■■■■ 들여쓰기 안된부분은 반응형 미완료!!!!!!!!!!!!!!!!!!!! ■■■■■■■■ */ @media screen and (max-width: 1300px) { /***** 주요사업 *****/ .sub-project01-wrap .txt-project01-01{padding-top:0;} .sub-project01-wrap .img-project01-01{width:60%;} /* POLA 기업성장응답센터 */ .sub-growth02-bx .item { height: 23vw; } .sub-growth02-bx .item:nth-child(4) > div{background-size:calc(100% - 8%);background-position:0 100%;} .sub-growth02-bx .item:nth-child(4) .item-txt { right: 12%;} .sub-growth02-bx .item-txt{height:auto;padding:15px 0 20px;} } @media screen and (max-width: 1200px) { /* ■■■■■■■■ MAIN ■■■■■■■■ */ .main-bx-tit.mgb30{margin-bottom:20px !important;} .main-checkmail .cs-box p.cs-num{font-size:40px;} .main-checkmail .info-box{padding:3% 2% 3% 4%;} .main-visual-01{background-size:80%;} .main-visual-02{background-size:90%;} .main-visual-03{background-size:50%;} /* ■■■■■■■■ SUBCONTENTS ■■■■■■■■ */ /* 주요사업 > 우편 물류센터 운영 */ .office-location-bx{width:660px;margin-right:-5%;} .office-thumb{width:calc(100% - 660px + 5%);margin-right:0px;} .office-thumb ul{} .office-thumb ul li{display:flex;width: calc((100% - 10px) / 2);margin-bottom:10px;padding: 3%} .office-thumb ul li dt{padding-left:20px;font-size: 18px;background-size:15px;background-position:0 5px;} /* 조직도 */ .btm-org{font-size: 18px;} .btm-org .btm-box{width:228px;} .org-wrap.type1 .box-item > ul > li > a{width:120px;padding: 10px 0 10px 0;font-size: 18px;} } @media screen and (max-width: 1024px) { /* ■■■■■■■■ common ■■■■■■■■ */ .m-br-none br{display:none;} .pc-block{display:none;} .m-block{display:block;} html, body{font-size:14px;} /* 리스트 (dot없음) */ .con-list00 ul li {position:relative; padding:0 0 0 10px; } .con-list00 ul li + li{margin-top:5px;} .con-list00 ul li ul {margin:3px 0 0 0 } .con-list00 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:15px} .con-list00 ul li ul li {margin-top:10px;} .con-list01 ul {margin:3px 0; } .con-list01 ul li {position:relative; padding:0 0 0 15px;font-size:16px;} .con-list01 > ul > li:before{content:'';position:absolute;left:0;top:8px;display:block;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);} .con-list01 ul ul{margin-left:20px;} .con-list01 ul li + li{margin-top:0.2em;} /* 리스트 */ .con-list03 ul {margin:3px 0 20px 0; } .con-list03 ul li {position:relative; padding:0 0 0 10px; } .con-list03 > ul > li:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:var(--primary-color);} .con-list03 ul ul{margin-left:20px;} .con-list03 ul li + li{margin-top:0.2em;} .con-list03 ul li ul {margin:3px 0 0 0 } .con-list03 ul li ul li {background:none; padding:0 0 5px 0px; line-height:18px; font-size:0.9rem; } .con-list03 ul li ul li {margin-top:0.2em;} .con-list04 > *{margin:3px 0 20px 0;} .con-list04 dt, .con-list04 dd li{position:relative; padding:0 0 0 10px; } .con-list04 dt{margin-bottom:0.3em;color:#000;font-weight:500;} .con-list04 dt:before{content:'';position:absolute;left:0;top:12px;display:block;width:3px;height:3px;border-radius:50%;background-color:#ddd;} .con-list04 dd{margin-left:10px;} .con-list04 dd li:before{content:'';position:absolute;left:0;top:14px;display:block;width:3px;height:2px;background-color:#666;} .con-list04 dd li + li{margin-top:0.2em;} .mgb20{margin-bottom:10px !important} .con-list03 > ul > li:before{top:8px} .con-list04 > *{font-size:1rem; } .con-list04 dt:before{top:10px;} .subcontents > *:first-child{margin-top:50px;} .subcontents > *{margin-top:50px;} /* ■■■■■■■■ MAIN ■■■■■■■■ */ .main-sec{padding:80px 0;} .main-visual-sec{background:#FF910F;} .main-visual-sec .main-tit{font-size:40px;} .main-visual-sec .main-tit p{font-size:18px;} .main-visual-sec .swiper-slide{padding-bottom:20vw;} .main-visual-sec .swiper-slide .inner{height:auto;min-height:70vh;padding-top:20vw;} .main-visual-sec .swiper-slide figure{position:absolute;text-align:right;z-index:-1;} .main-visual-sec .swiper-slide figure img{width:90%;} .main-visual-sec .main-btn-link{margin-top:40px;} .main-visual-sec .main-btn-link li{width:25%;padding:5px;font-size:12px;} .main-visual-sec .main-btn-link li strong{display:block;font-size:1.3em;font-weight:500;} .main-visual-sec .main-btn-link li a{width:100%;height:calc(25vw - 30px);padding:20px 15px;;background-color:rgba(255, 101, 1, .2);} .main-visual-sec .main-btn-link li i{width:33px;height:40px;} .main-visual-sec .main-btn-link li a .over-go{font-size:12px;} .main-bx-tit span{font-size: 20px;} .main-bx-tit p{padding-top:10px;font-size:24px;} .swiper-pagination-wrap{display:flex;position:absolute;width:100%;height:20vw; bottom:0; margin: 0 auto; padding: 0 0 5vw; z-index:11;justify-content: center;align-items: center;background:#fff url('/images/contents/m-visual-bg.png') 0 100% / cover no-repeat;} .main-visual-sec .swiper-pagination-bullets{position:initial;} .swiper-pagination-wrap .custom-fraction{position:initial;margin-left:10px;} /* 메인 > POLA 소식 */ .main-sec1 .main-bx-tit{width:100%;padding-right:0;} .main-sec1 .main-bx-tit br{display:none;} .main-sec1 .inner{display:inherit;background:none;} .main-news-wrap{overflow:hidden;width:100%;} .main-news-tab-head{margin-top:40px;} .main-news-tab-head .tab-head{display:flex;text-align:center;} .main-news-tab-contents{margin-top:30px;} .main-news-tab-contents li a{background: rgb(244, 244, 244, 0.9);} .main-news-tab-contents-bx .txt{font-size:18px;} .main-news-tab-contents-02 .main-news-tab-contents-bx li + li{margin-left:10px;} .main-news-tab-contents-02 .main-news-tab-contents-bx li {width:calc((100% - 20px) / 3);} /* 메인 > 주요사업 */ .main-business li + li{margin-left:10px;} .main-business li a{height:calc(30vw - 20px);padding:12% 9%;} .main-business li a:hover{background-size:90%;} .main-business li a p{font-size: 20px;} .main-business li a p span{font-size: 0.58em;} /* 메인 > 소통으로 혁신을 만들어요 */ .main-communication .inner > .main-communication-link{width:55%;padding-bottom:0;} .main-communication-link a strong{display:block;} .main-communication .inner > .main-communication-sns{width:43%;} .main-communication-sns h4{padding-bottom:10px;font-size:20px;} .main-communication-sns ul{display:inherit;} .main-communication-sns li{width:100%;position:relative;} .main-communication-sns li + li{margin-top:10px;} .main-communication-sns li a{padding:15px 5%;padding-left:calc(44px + 5%);} .main-communication-sns li:before{position:absolute;top:50%;left:50%;transform:translate(-70px, -50%);} /* 메인 > 우편물 정보를 확인해요 */ .main-checkmail{display:inherit;} .main-checkmail .cs-box{display:flex;width:100%;border-radius: 20px;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.10);} .main-checkmail .cs-box h3:before{display:none;} .main-checkmail .info-box{margin:20px 0 0;padding:3%;text-align:center;border-radius: 20px;box-shadow:4px 4px 10px rgba(0, 0, 0, 0.10);} .main-checkmail .info-box h4, .main-checkmail .info-cs-num{text-align:left;} .info-box-btn li a{padding:10px 32px 10px 16px;} .info-box-btn{margin-top:20px;} .info-box .info-cs-num dt, .info-box .info-cs-num dd span{font-weight:700;} /* ■■■■■■■■ SUBCONTENTS ■■■■■■■■ */ .sub-contents-nav .item a {min-height: 3em;} .strategy-step .sub-drawing-item{width:100%;} .info-center-wrap > div{flex-wrap: wrap} .info-center-wrap > div dl{width:calc((100% - 1rem) / 2);margin-bottom:1rem;padding:1.5rem;} /***** 주요사업 *****/ .sub-project01-wrap h3{font-size:21px;} .sub-project01-wrap h3 img{width:70px;} .sub-project01-wrap h3 p{margin-top:20px;} .sub-project01-wrap .img-project01-01{position:inherit;margin-top:20px;width:100%;} .sub-mail07-cont ul{} .sub-mail07-cont .item{width: calc(50% - 5px);padding:10px;justify-content: flex-start} .sub-mail07-cont .item p{margin-bottom:10px;} .hgroup-top dd{font-size:1rem;} /* 주요사업 > 우편 물류센터 운영 */ .office-location-wrap{display:inherit;} .office-location-bx{width:660px;margin:auto;} .office-thumb{width:100%;margin-top:40px;} .office-thumb ul{} .office-thumb ul li{padding:15px;flex-direction: column;justify-content: space-between;pointer-events: none;} .office-thumb ul li.active{border-color:#ddd;} .office-thumb ul li dt{} .office-thumb ul li dd{padding:5px 0;font-size:14px;} .office-thumb ul li > div{margin-top:0;} .innovation-proposal-info{width:100%;padding-top:60px;} .innovation-proposal-info .item{font-size:1rem;} .innovation-proposal-info .item .tit{width:90px;} .innovation-proposal-info .item .txt li::before{margin-right:6px;} .innovation-proposal-btn-bx{margin:30px -5px 0;} .innovation-proposal-btn-bx > a{display:flex;align-items: center;height:auto;min-height:40px;line-height:1.4;margin:0 5px;padding:5px 20px 7px 10px;font-size:14px;background-position:right 10px top 50%;background-size:6px;} /* 주요사업 > 추진현황*/ .drawing-background-bx {overflow:hidden;display:inherit; } .drawing-background-bx .sub-background-item{width:100%;} .drawing-background-bx .sub-background-item + .sub-background-item{margin-top:10px;} .drawing-background-bx dl dt{padding:15px 10px;} .drawing-background-bx dl dd{padding:10px;} .drawing-background-bx dl dd li{padding-left:0;} /* 추진목표 txt-goal 수정 230509 */ /* 추진전략 drawing-bx 수정 230509 */ .txt-goal {padding-bottom:10px;text-align:center;} .txt-goal dl{display:flex;align-items:normal;font-weight:500;} .txt-goal dt{padding-top:10px;} .txt-goal dt, .drawing-bx dt{min-width:60px;font-size:14px;} .txt-goal dd, .drawing-bx .sub-drawing-item{position:relative;width:calc(100% - 30px);margin-left:30px;font-size:1.05rem;} .txt-goal dd{padding:10px 5px;line-height:1.5;} .drawing-bx{padding-bottom:10px;} .txt-goal dd::before{content:'';position:absolute;top:20px;left:-30px;width:20px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:30px;left:-30px;width:20px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx dl{align-items: normal;} .drawing-bx dt{padding-top:20px;} .drawing-bx .sub-drawing-item .tit{padding:10px 5px;} .drawing-bx .sub-drawing-item .txt{padding:5px;} .drawing-type-01 .drawing-bx .sub-drawing-item ul{display:block;} .drawing-type-01 .drawing-bx .sub-drawing-item li {width:100%;margin-bottom:10px;padding:5px;} /* 세로형 ↓ */ /* .txt-goal dl{flex-wrap:wrap;justify-content: center;}*/ /* .txt-goal dt{text-align:center;}*/ /* .txt-goal dd{width:100%;margin: 40px 0 0;}*/ /* .txt-goal dd::before,*/ /* .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:-40px;left:50%;width:1px;height:30px;border-left:1px dotted #000;background:none;}*/ /* .drawing-bx {padding-bottom:20px;}*/ /* .drawing-bx dl{flex-wrap:wrap;justify-content: center;}*/ /* .drawing-bx dt{min-width:110px;color:#000;font-size:20px;text-align:center;}*/ /* .drawing-bx .sub-drawing-item {position:relative;width:100%;margin: 40px 0 0;}*/ /* .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) - 10px);padding:10px;border:1px solid #ddd;}*/ .sub-opinion02-cont .btn{line-height:46px;} /***** 참여혁신 *****/ .sub-innovation01-wrap{position:relative;padding-bottom:20%;background-size:80%;background-position:0 100%;} .sub-innovation00-box{width:100%;} .sub-innovation01-box{width:100%;margin-top:30px;} .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{height:20px;} .sub-innovation01-box .item dd br{display:none;} .sub-innovation01-box .item dd{font-size:1rem;} /* 국민소통 > 신고 · 제보센터 */ .sub-report-top-bx { padding: 20px; border: 2px solid #ddd;} .report-top-cover { width: 20%; padding-right:20px;text-align: center;} .report-top-txt { width: 80%;} .report-top-txt p { padding-top: 10px; font-size: 1rem;} .report-top-btn { margin-top: 20px;} .sub-report02-bx ul{margin:0;} .sub-report02-bx .item{padding:0 10px;} .sub-report02-bx .item .num { position: absolute; top: 0; left: 10%; width: 3em; height: 3em; line-height: 3em; } .sub-report02-bx .item .ir { width: 80%; height: 4em;background-size:auto 100% !important;} .sub-report02-bx .item .txt { padding-top: 10px;} .sub-report02-bx .item:first-child:nth-last-child(3), .sub-report02-bx .item:first-child:nth-last-child(3) ~ .item{padding:0 10px;width: calc(100% / 4);} .sub-report02-bx .item:first-child:nth-last-child(4), .sub-report02-bx .item:first-child:nth-last-child(4) ~ .item {} .sub-report02-btn-bx { display: block; margin-top: 1em;} .sub-report02-btn-bx a { display: block; width: 100%; height: 46px; line-height: 46px; margin:5px 1% 0;padding: 0 8px;font-size:1rem;background-position:right 8px top 50%;background-size:6px;} /* POLA 기업성장응답센터 */ .sub-growth02-bx ol {flex-wrap: wrap;} .sub-growth02-bx .sub-growth02-icon .ir { width: 40px; height: 30px; } .sub-growth02-bx .item { width:50%;height: 45vw; } .sub-growth02-bx .item > div{padding-right:5vw;} .sub-growth02-bx .item:nth-child(4) > div{background-size:calc(100% - 8%);background-position:0 100%;} .sub-growth02-bx .item:nth-child(4) .item-txt { right: 12%;} .sub-growth02-bx .item .item-tit {height: calc(100% - 15vw); padding-top: 5vw;} .sub-growth02-bx .item .item-txt {border-radius:0 0 30px 30px;} .sub-growth02-bx .item-txt, .sub-growth02-bx .item:nth-child(4) .item-txt{height:15vw;padding: 2vw 20px 2vw;} .sub-growth02-bx .item:nth-child(3) dl { padding: 0; align-items: center;} /* 오시는 길 */ .sub-location-cont .btn-directions{font-size:14px;} .sub-location-bx table tbody td{font-size:14px;} /* 조직도 (본사) */ .btm-org{font-size: 18px;} .btm-org .btm-box{width:auto;flex-basis: 32%;margin-bottom:20px;padding:0;} .org-wrap.type1 .box-item > ul{flex-wrap: wrap;margin-top:0;} .org-wrap.type1 .box-item > ul > li, .org-wrap.type1 .box-item > ul > li > a{width:100%;} .org-wrap.type1 .box-item > ul::before{display:none;} .org-wrap.type1 .box-item > ul > li:nth-child(n+2)::before{display:none;} .top-org a span.dbg{width: 200px} .btm-box ul{margin-top:0;} .org-wrap.type1 .box-item > ul > li{margin-bottom:10px;} .org-wrap.type1 .box-item .org-depth2{border: 1px solid #ddd;border-top:0;} /* 개인정보처리방침 */ .pipp_box{display:block;padding: 20px;text-align:center;} .pipp_box i{width:100%;padding:0 20px 20px;} .pipp_box p{width:100%;} .pipp_tit{padding:2px 0 4px 30px;background-size:25px;} .pipp_tit.tit00{padding-left:24px; background-size:18px;background-position: 0 8px;} .pipp_tit.tit02, .pipp_tit.tit07{padding-left:61px;background-position: 30px 0, left 0;} dd.pipp_tit{margin-top:10px;padding:0 0 4px 30px;} .privacy-wrap .pipp_labeling_ul ul{display: block;} .privacy-wrap .pipp_labeling_ul li{width:100%;margin-bottom:10px;} .privacy-wrap .pipp_labeling_ul li i{width:60px;} .privacy-wrap .pipp_labeling_ul li p{font-size:1.05em;} .privacy-wrap .text_area{width:calc(100% - 60px);} } @media screen and (max-width: 800px) { /* ■■■■■■■■ COMMON ■■■■■■■■ */ .mgb100{margin-bottom:50px !important} .con-list01 ul li{font-size:14px;} /* ■■■■■■■■ MAIN ■■■■■■■■ */ .main-sec{padding:80px 0;} .main-visual-sec .main-tit{font-size:34px;} .main-visual-sec .main-tit p{font-size:16px;} .main-visual-sec .main-desc{font-size:16px;} .main-visual-sec .main-desc br{display:none;} .main-visual-sec .main-btn-link {flex-wrap: wrap;justify-content: space-between} .main-visual-sec .main-btn-link li{display: flex;overflow:hidden;position:relative;width:calc(50% - 5px);margin-bottom:10px;padding:0;text-align:left;background: #FF6501 url(/images/common/bg-main-btn-link.svg) -48% 40% / 80% no-repeat;border-radius:8px;} .main-visual-sec .main-btn-link li i{position:absolute;right:2vw;top:50%;width:20px;height:24px;margin-top:-12px;background-size:auto 20px !important;background-position:50% !important;} .main-visual-01 .main-btn-link li:nth-child(1) i{background-size:auto 24px !important;} .main-visual-01 .main-btn-link li:nth-child(3) i{background-size:auto 18px !important;} .main-visual-sec .main-btn-link li a{height:auto;padding:2vw 24px 2.4vw 2vw;font-size:16px;transition:none;align-items: normal;background:none;box-shadow:none;border-radius:0;} .main-visual-sec .main-btn-link li.active a, .main-visual-sec .main-btn-link li a:hover{box-shadow:none;background:none;} .main-visual-sec .main-btn-link li a .over-go{height:auto;opacity: 1; visibility: visible;} .main-visual-sec .main-btn-link li a p{padding:4px 0 0;} .main-visual-sec .main-btn-link li a .over-go{display:none;} /* 메인 > POLA 소식 */ .main-news-tab-head .tab-head{width:100%;padding-right:0;} .main-news-tab-head .tab-head li{width:20%;margin-right:0;font-size:3.4vw;font-weight:500;} .main-news-tab-head .tab-head li span{padding-bottom:4px;} .main-news-tab-head .tab-head .main-news-more{display:none;width:34px;height:34px;line-height:34px;} .main-news-tab-contents-02 .main-news-tab-contents-bx li + li{margin-left:10px;} .main-news-tab-contents-02 .main-news-tab-contents-bx li {width:calc((100% - 10px) / 2);} .main-news-tab-contents-02 .main-news-tab-contents-bx li:last-child{display:none;} .main-news-tab-contents > *{padding-bottom:40px;} .main-news-tab-contents .swiper-scrollbar{height:3px;bottom: -30px;} .main-news-tab-contents-bx .date{left:10px;} .main-news-tab-contents-bx .cate{font-size:13px;} .main-news-tab-contents-bx .txt{font-size:14px;} .main-news-tab-contents-bx figure + .date{top:110px;} .main-news-tab-contents-bx figure {height:150px;} .main-news-tab-contents li a{height:300px;padding:20px 10px;border-radius:10px;} /* 메인 > 주요사업 */ .main-sec2{border-radius: 0px 140px 0px 0px ;} .main-business{flex-wrap: wrap;} .main-business li {width:calc((100% - 10px) / 2);margin:0 0 10px 10px !important;} .main-business li:nth-child(odd){margin-left:0 !important;} .main-business li a{overflow:hidden;position:relative;display:block;height:calc(50vw - 20px);padding:15% 7%;border-radius: 10px;background-size:80%;} .main-business li:nth-child(odd) a{background-color: #FFA367;} .main-business li:nth-child(2) a, .main-business li:nth-child(3) a{background-color: #FF6501;} .main-business li a:hover{background-size:80%;} .main-business li a p{font-size:17px;} .main-business li a p span{padding-bottom:5px;font-size:13px;} /* 메인 > 유익한 소식을 나눠요 */ .main-sec3 .swiper-container{padding-bottom:30px;} .main-sec3 .swiper-container .swiper-scrollbar{height:3px;} .main-sec3 .swiper-slide{width:170px;} .main-sec3 .swiper-slide a{border-radius:10px;} /* 메인 > 소통으로 혁신을 만들어요 */ .main-communication .inner > .main-communication-link{width:100%;} .main-communication{max-width:100%;} .main-communication .inner{float:none;width: 100%;display:inherit;} .main-communication .inner > *{width:100%;} .main-communication-link:after{display:none;} .main-communication-link{padding-bottom:0;background:#fff;} .main-communication-link ul{display:flex;justify-content: space-between;} .main-communication-link li{width:calc((100% - 20px) / 3);border-radius: 10px;} .main-communication-link li, .main-communication-link li.active{color:#FF6501;background: #fff6f0 url('/images/contents/ico-main-communication-01.png') 50% 20px no-repeat;} .main-communication-link li:nth-child(2){background-image:url('/images/contents/ico-main-communication-02.png');} .main-communication-link li:nth-child(3){background-image:url('/images/contents/ico-main-communication-03.png');} .main-communication-link li.active a, .main-communication-link li:hover a{background-position:left 50% bottom 15px;} .main-communication-link li + li:before{display:none;} .main-communication-link a{display:block;padding:60px 15px 30px;font-size: 14px;text-align:center;} .main-communication-link a span{display:none;} .main-communication-link a strong{font-size:16px;line-height:1.4;} .main-communication-link li a strong{color:#FF6501;} .main-communication-link li.active a strong{color:#FF6501;} .main-communication-link li:hover{background-color: var(--primary-color, #FF6501);background-position:50% 20px;} .main-communication-link li:hover a strong{color:#fff;} .main-communication-link li.active:hover{background-image:url('/images/contents/ico-main-communication-01-light.png');} .main-communication .inner > .main-communication-sns{width:100%;margin-top:20px;} .main-communication-sns ul{display:flex;} .main-communication-sns li{width:calc(100% / 3);padding:0;} .main-communication-sns li + li{margin:0 0 0 10px;} .main-communication-sns li a{padding:70px 15px 15px 15px;text-align:center;} .main-communication-sns li:before{top:15px;left:50%;transform: translate(-50%, 0);} /* 메인 > 우편물 정보를 확인해요 */ .main-checkmail{display:inherit;} .main-checkmail .cs-box{display:flex;width:100%;padding:20px 15px;border-radius: 10px;} .main-checkmail .cs-box h3:before{display:none;} .main-checkmail .info-box{margin:20px 0 0;padding:20px 15px;text-align:center;border-radius: 10px;background-size:70%;} .main-checkmail .info-box h4, .main-checkmail .info-cs-num{text-align:left;} .info-box-btn {flex-wrap: wrap;margin-top:20px;} .info-box-btn li{width:100%;margin:0 0 10px 0 !important;} .info-box-btn li:nth-child(odd){margin-left:0 !important;} .info-box-btn li a{padding:10px 32px 10px 16px;text-align:left;} .info-box-btn li span{} .main-checkmail .info-box-input{display:flex;flex-wrap: wrap;padding:10px;} .main-checkmail .info-box-input strong{display:block;width:100%;flex-shrink:0;padding:5px 10px 15px;border-right:none;} .main-checkmail .info-box-input input{flex-shrink:1;width:calc(100% - 108px);height:48px;text-align:center;border:1px solid #ddd;} .main-checkmail .info-box-input button.btn{min-width:100px;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 .info-cs-num{display:inherit;} .info-box .info-cs-num > *:first-child{width:100%;padding-right:0;border-right:none;} .info-box .info-cs-num > *:last-child{width:100%;padding:20px 0 0;} .info-box h4{padding:40px 0 15px;font-size:16px; border-top:1px solid #ddd;} .info-box .info-cs-num > *:last-child dd{display:block;width:100%;} /* 제목 */ .sub-tit-wrap{padding:0 0 20px;} .sub-tit20-cir{padding:2px 0 2px 23px;font-size:15px;background-size:18px;} .tit-deco-prebar:before{width:20px;height:20px;margin:-6px 5px 0 0;background-size:20px;} .tit-deco-dot:before{content:'';display:inline-block;width:8px;height:8px;margin:-4px 5px 0 0;vertical-align:middle;} .sub-tit20{font-size:15px;} .sub-tit24{font-size:18px;} .sub-tit30{font-size:22px;} .sub-tit40{font-size:30px;} .sub-project02-box .item a{left:0;width:100%;height:100%;background:transparent;transition:none;} .sub-project02-box .item a:hover{background:transparent;} .sub-project02-wrap:after{content:'';position:absolute;left:0;top:50%;width:100%;height:98%;transform:translateY(calc(-50% + 60px));} .sub-intro-box .item{min-height:50%;padding:15px 15px 55px 15px;} .sub-intro-box .item dt{font-size:20px;} .sub-intro-box .item dd{font-size:15px;} .sub-intro-box .item dd br{display:none;} .sub-visual-text h2.sub-title{font-size:0.8em;} .sub-visual-text p.sub-text{display:none;} .business-status-wrap > div{width:100%;margin-bottom:20px;} .business-status-wrap > div dd{padding:10px 20px;color: #121212;} .business-status-wrap > div dd li{overflow:hidden;padding:0 0;} .business-status-wrap > div dd strong{width:5rem;margin-right:1.5rem;} .business-status-wrap > div dd strong:after{top:0.2rem;} /* 주요사업 */ .hgroup-top{display:inherit;} .hgroup-top figure{width: 100%;margin-bottom:40px;} .hgroup-top dl{width:100%;padding-left:0;} .hgroup-top dt{padding-bottom:20px;line-height:1.5;} .hgroup-top dt::after{left:0;width:100%;} .hgroup-top dd{padding-top:20px;} /* 주요사업 > 우편 물류센터 운영 */ /* .office-location-bx{margin:auto;zoom:0.6;-ms-zoom: 0.6;-moz-transform: scale(0.6); Firefox-moz-transform-origin: 0 0;-o-transform: scale(0.6); Opera-o-transform-origin: 0 0;-webkit-transform: scale(0.6); Chrome-webkit-transform-origin: 0 0;transform: scale(0.6);transform-origin: 0 0;}*/ .office-thumb ul li dt{font-size: 4vw;} .office-thumb ul li dd{font-size: 3.2vw;line-height:1.4;} /* 주요사업, ESG경영 등 */ /* 추진전략 drawing-bx 수정 230509 */ .txt-goal dt, .drawing-bx dt{min-width:50px;font-size:13px;} .txt-goal dd, .drawing-bx .sub-drawing-item{position:relative;width:calc(100% - 30px);margin-left:30px;font-size:1rem;} .txt-goal dd{padding:10px 5px;line-height:1.5;} .txt-goal dd::before{content:'';position:absolute;top:20px;left:-30px;width:20px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:30px;left:-30px;width:20px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;} .drawing-bx dl{align-items: normal;} .drawing-bx dt{padding-top:20px;} .drawing-bx .sub-drawing-item .tit{padding:10px 5px;font-size:14px;line-height:1.4;} .drawing-bx .sub-drawing-item .txt{padding:5px;} .drawing-type-01 .drawing-bx .sub-drawing-item ul{display:block;} .drawing-type-01 .drawing-bx .sub-drawing-item li {width:100%;margin-bottom:10px;padding:5px;} /* 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:block;} .drawing-type-02 .drawing-bx .sub-drawing-item > * + *{margin:4px 0 0;} .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:100%;} .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:100%;} .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 {padding:5px;} .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:15px;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-chk li:before{top:12px;width:10px;height:10px;background-size:8px;} .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%;} .txt-goal.type02 dd.fs11.fw4{font-size:1rem !important;} /***** 주요사업 *****/ .sub-project03-wrap{padding-top:50px;} .sub-project03-wrap br{display:none;} .sub-project02-box > *{width:100%;} .sub-project01-wrap .txt-project01-01 p.m-br-none{color:#666;font-size:1em;} /* 주요사업 > 운송 프로세스 */ .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% - (20px * 2)) / 3);height:calc(((100vw - 40px) - (20px * 2)) / 3);padding:5px;font-size: 2.4vw;font-weight:500;border-radius:50%;} .process-circle-step:not(.process-circle-step-04) > ul > li{margin-bottom:10vw;} .process-circle-step > ul > li > div{padding-top:2px;border: 1vw solid #F5F5F5;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);} .process-circle-step > ul > li p{bottom:-6vw;color: #121212;font-size:3vw;} .process-circle-step > ul > li:after{content:'';display:block;position:absolute;right:-14px;top:50%;width:8px;height:10px;background-size:8px;} .process-circle-step li.last p:after{bottom:-3vw;width:8px;height:10px;background-size:8px;} .process-circle-step.process-circle-step-04 > ul.pb80{padding-bottom:10vw !important;} .process-circle-step.process-circle-step-04 > ul > li{width:calc((100% - (20px * 1)) / 4);height:calc((25vw - (20px * 1)));} .process-circle-step.process-circle-step-04 > ul > li:after, .process-circle-step.process-circle-step-04 > ul > li + li:after{right:-8px;} .process-circle-step.process-circle-step-04 > ul.flex-reverse > li:after{left:-8px;right:auto;transform: rotate(-180deg);} /* 주요사업 > 우편물류센터 > 운영사업현황 */ .drawing-bx-year {overflow:hidden;display:inherit;} .drawing-bx-year dl{width:100%;display:flex;} .drawing-bx-year dl + dl{margin-top:5px;} .drawing-bx-year dl br{display:none;} .drawing-bx-year dl dt{width:120px;padding: 5px 10px;font-size:16px;} .drawing-bx-year dl dd{display:flex;width:calc(100% - 120px);height: auto;padding:5px 10px;font-size:14px;text-align:left;justify-content: flex-start;} /* 주요사업 > 물류 혁신 R&D */ .innovation-goal-tab{} .innovation-goal-tab { padding-top: 80px;} .innovation-goal-tab ul { display: flex; } .innovation-goal-tab ul li { width: 20%; } .innovation-goal-tab ul li button { height: 50px; } .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: 20px;} .innovation-goal-bx > ul{} .innovation-goal-bx .item > div {display:inherit;} .innovation-list{width: 100%;max-height:100%;overflow-y: hidden;} .innovation-list .year{width:100px;font-size:16px;} .innovation-list li > div{width:calc(100% - 100px);} .innovation-goal-bx .innovation-cover{display:none;} .innovation-proposal-info{width:100%;} /***** ESG경영 *****/ /* ESG경영 상단 nav */ .sub-contents-nav-tab{margin-bottom:35px;} .sub-esg01-box > *{width:100%;} .sub-esg01-box .item dt:before{width:40px;height:40px;margin-bottom:10px;background-size:70% !important;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank{padding:5px 10px;} .drawing-type-02 .drawing-bx .sub-drawing-item > .list.list-blank li{font-size:13px;} .drawing-type-02 .drawing-bx .sub-drawing-item ul.ic-bll li{padding-left: 10px !important;} /* ESG경영 > 친환경 */ .tab-esg-head{display:none;} .sub-strategy-list h4 .badge {width: 50px; height: 24px; line-height: 24px; margin-right: 5px; font-size: 13px;} .sub-strategy-list{padding-top:40px;} .sub-strategy-list .item > div { display: inherit;} .sub-strategy-list .item .goal { width: 100%; padding: 10px; } .sub-strategy-list .item .goal br{display:none;} .sub-strategy-list .item .goal p{padding-top:0;font-size: 1.1rem;} .sub-strategy-list .item .txt { position: relative; width: 100%; padding: 10px; font-size: 1rem; border-top: none; } .sub-strategy-list .item .txt::before {display:none;} .sub-strategy-list .item .txt li { position: relative; padding-left: 10px; color: #000;} .sub-strategy-list .item .txt li::before {top: 7px; left: 0; width: 5px; height: 5px; margin-right: 5px; } .sub-strategy-list .item{padding-top:10px;} .sub-strategy-list-01 .item .goal{border-top-width:4px;border-right: 1px solid var(--primary-color);} .sub-strategy-list-01 .item .txt{border: 1px solid var(--primary-color);border-top:none;background-color:#f5f5f5;} .sub-strategy-list-02 .item .goal{border-top-width:4px;border-right: 1px solid var(--second-color);} .sub-strategy-list-02 .item .txt{border: 1px solid var(--second-color);border-top:none;background-color:#f5f5f5;} .sub-strategy-list-03 .item .goal{border-top-width:4px;border-right: 1px solid #FFB200;} .sub-strategy-list-03 .item .txt{border: 1px solid #FFB200;border-top:none;background-color:#f5f5f5;} .sub-strategy-list table td { background-color:#fff;} /* ESG경영 > 윤리경영 */ .sub-ethical01-box { margin-top: 50px; padding: 0;} .sub-ethical01-box::before, .sub-ethical01-box::after {display:none;} .sub-ethical01-cont { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 180px 15px 15px; border: 2px solid #ddd;} .sub-ethical01-cont .tit { font-size: 1.4rem;} .sub-ethical01-list { margin-top: 30px; padding: 20px;} .sub-ethical01-list li {display:inherit; color: #000; font-size: 0.9rem;align-items: center;} .sub-ethical01-list li span { display: inline-block; width: auto; height: auto; line-height: normal; margin-right: 10px; border:none;background-color:transparent;} .sub-ethical01-list li p{display: inline-block;width: auto;} .sub-ethical01-list li + li { padding-top: 20px;} .sub-ethical02-box .sub-behavior-top .txt { padding-top: 5px; color: #000; font-size: 1rem;} .sub-ethical02-list { padding: 15px; background-color: var(--second-color);} .sub-ethical02-list .item { color: #fff; font-size: 0.9rem;} .sub-ethical02-list .item + .item { padding-top: 6px;} .sub-ethical02-list .item span {} .sub-behavior-top { position: relative; padding: 20px 15px; font-size: 1rem;border: 2px solid #f0f0f0; border-bottom: 0;} .sub-behavior-top::before {top:50%;bottom:auto;width: 40vw; height: 40vw;background-size:100%;} .sub-behavior-box .sub-tit30 { text-align:center;} .sub-behavior-box .sub-tit30 span { position: relative;margin:auto;} .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;background-size:20px;} .sub-behavior-box .sub-tit30 span::before { left: -20px; } .sub-behavior-box .sub-tit30 span::after { right: -20px; } .sub-behavior-box .sub-tit20 { padding-top: 20px; color: #000;} .sub-behavior-promise { padding: 15px; } .sub-behavior-promise .txt { color: #000; font-size: 1rem; font-weight: bold;} /* ESG경영 > 사회책임 경영 */ .social-vs > div br{display:none;} .social-vs > div{left:15px;right:15px;} .social-vs > div p.fs15{font-size: 1rem !important;} .social-vs > div p.mgt50{margin-top: 0.5rem !important;} .esg-related-wrap{flex-wrap: wrap;} .esg-related-wrap > *{width:calc(50% - 10px);margin:5px;} .related-item{padding:15px;} .related-item img{max-height:24px;} .related-item a{display:block;margin:5px;padding:8px 10px;font-size:14px;} .related-item u{font-size:13px;} .related-item .related-tit{height:2.8em;margin:25px 0 20px;font-size: 15px;} /* ESG경영 > 사회책임경영 - 사회공헌 활동 제안 */ .sub-social-responsibility03 .sub-responsibility02-bx ul { display: flex; flex-wrap: wrap; margin: 0 -5px 0;} .sub-social-responsibility03 .sub-responsibility02-bx li { width: calc(100% / 3); padding: 10px 5px 0;} .sub-social-responsibility03 .sub-responsibility02-bx li:nth-child(n+7) { padding-top: 10px;} .sub-social-responsibility03 .sub-responsibility02-bx li a { display: block; height: 40px; line-height: 40px;} .sub-social-responsibility03 .sub-responsibility02-bx li a img{max-height:20px;} /* ESG경영 > 안전보건경영 */ .safety-bx-00{margin:40px 0;} .safety-bx-00 ol{margin-left:15px;font-size:14px;} .safety-bx{overflow:hidden;width:100%;margin-bottom:25px;border-radius: 5px;} .safety-bx h3{font-size:18px;} .safety-bx .wwrap{padding:15px 15px 20px;} .safety-bx.safety-bx-01 .wwrap{padding:15px;} .safety-bx.safety-bx-01 .tit, .safety-bx.safety-bx-02 .tit{font-size:16px;} .safety-bx.safety-bx-02 .tit{margin-bottom:40px;} .safety-bx.safety-bx-02 .tit span{padding: 0px 20px;} .safety-bx.safety-bx-02 .tit span:before, .safety-bx.safety-bx-02 .tit span:after{width:12px;height:12px;} .safety-bx.safety-bx-02 dl{display:block;} .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: 14px;border-radius:5px;} .safety-bx.safety-bx-02 dl dd{margin:4px 0 0 0;font-size: 16px;} .safety-bx.safety-bx-02 dl dd .fw4{color: #666;} .safety-bx.safety-bx-03 li{padding-left:10px;font-size:14px;background-size:6px;} .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{line-height:1.5;} .safety02 .safety02-list{} .safety02 .safety02-list > ol > li.item{padding:0 0 0 20px;font-size:16px;} .safety02 .safety02-list > ol > li.item > span{width: 16px;height: 16px;text-align:center;line-height:16px} .safety02-list + .sub-behavior-promise img{width:50%;} /* 안전보건경영시스템(ISO 45001) */ .safety03{flex-wrap: wrap;line-height:1.5;} .safety03 figure{width:100%;padding:0 10%;text-align:center;} .safety03-contents{margin:2rem 0 0;} .safety03-contents br{display:none;} .safety03-contents dt{font-size: 17px;} .safety03-contents dd{font-size: 1rem;} .safety03-contents p{font-size:13px;} .safety03-contents table{margin-top:2.5rem;border-top:1px solid #000;} .safety03-contents table th, .safety03-contents table td{padding:5px 8px;} /***** 정보공개 *****/ /* 정보공개 > 정보공개 신청 */ .sub-innovation-common-bx > div{width: 100% !important;} .information-bx.mgt100.mgb50{margin-top:50px !important;} .tbl-disclosure th{width:30% !important;} .tbl-disclosure td{} /* 정보공개 외 글쓰기 */ .sub-write-bx { padding-bottom: 40px; } .sub-write-bx ul {} .sub-write-bx .item { display: block; } .sub-write-bx .item + .item { margin-top:20px;padding-top: 20px; border-top:1px solid #ddd;} .sub-write-bx .item .tit { width: 100%; padding: 0 0 10px; font-size: 15px;font-weight:500;} .sub-write-bx .item .txt { width: 100%;} .sub-write-bx .item .txt > input, .sub-write-bx .item .txt > textarea, .sub-write-bx .item .txt > select { padding: 0 10px; border-color: #ddd;} .sub-write-bx .item .txt input { width: 100%; height: 48px; font-size: 14px;} .sub-write-bx .item .txt select { width: 50%; height: 48px; font-size: 14px;} .sub-write-bx .item .txt textarea { width: 100%; min-height: 180px; padding: 10px; resize: none;} .sub-write-bx .item .file-bx { position: relative; display: flex; justify-content: space-between; padding: 0; margin-bottom:4px;} .sub-write-bx .item input[type="file"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;} .sub-write-bx .item .txt .file-name { display: inline-block; width: calc(100% - 110px); height: 50px; padding: 0 20px; color: #666; border: 1px solid #ddd;} .sub-write-bx .item label { display: inline-block; width: 100px; height: 50px; line-height: 50px; background-color: #666; color: #fff; font-size: 0.9rem; text-align: center; cursor: pointer; border-radius: 5px;} .sub-write-bx .item .file-bx button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 15px; height: 15px;} .sub-write-bx .item .file-bx button::before, .sub-write-bx .item .file-bx button::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 12px; background-color: #000; border-radius: 5px;} .sub-write-bx .item .file-bx button::before { transform: rotate(-45deg);} .sub-write-bx .item .file-bx button::after { transform: rotate(45deg);} .sub-write-bx .item .file p { padding-top: 15px; color: #666; font-size: 0.9rem;} /***** 국민소통 *****/ .sub-innovation01-box > *{width:100%;} .sub-innovation01-box .item dt:before{margin:-4px 10px 0 0;} /* 국민소통 공통 */ .sub-innovation-top { position: relative; margin-top: 20px; padding: 0; border-top: none; border-bottom: none;} .sub-innovation-top::before, .sub-innovation-top::after{display:none;} .sub-innovation-common-bx { position: relative; display: block; margin-top: 20px; padding: 15px; font-size: 14px;} .sub-innovation-common-bx::before { content: ''; position: absolute; right: 0; bottom: -150px; width: 70vw; height: 70vw;} .sub-innovation-common-bx > div{padding:10px 0 5px;} .sub-innovation-common-bx > div h4 br{display:none;} .sub-innovation-common-bx > div h4.fs14{font-size: 1.3rem !important;} .sub-innovation-common-bx > div:first-child { width: 100%; } .sub-innovation-common-bx h5 { font-size: 1.3rem;} .sub-innovation-common-bx p { font-size: 1rem; } .sub-innovation-common-bx h5 + p { padding-top: 15px;} .sub-opinion01-cover { display: flex; justify-content: center; align-items: center; width: 160px; height: 160px; margin: 0 auto; background-color: #fff; border-radius: 50%;} .sub-cover-linkbx{display:flex;} .sub-cover-linkbx a{display:inline-block;height:100%;margin:5px 0;padding:20px 10px;background-color: #fff;} a.wbx{display:inline-block;height:100%;margin:5px 0;padding:20px 10px;background-color: #fff;} .sub-cover-linkbx a + a{margin-left:10px;} .information-bx{display:block;} .information-bx > div{width:100%;padding:15px;} .information-bx > div + div {border-left:0;border-top:1px solid #ddd;} .board-bottom-btn { justify-content: space-between;} .board-bottom-btn a { display: block; height: 46px; line-height: 46px; margin: 0 1%; text-align: center;} .board-bottom-btn a:first-child:nth-last-child(2), .board-bottom-btn a:first-child:nth-last-child(2) ~ a{min-width: 49%;} .board-bottom-btn a:first-child:nth-last-child(3), .board-bottom-btn a:first-child:nth-last-child(3) ~ a{min-width: 32%;} /* 국민소통 > 열린혁신 소통광장 */ .sub-open01-wrap::before{display:none;} .sub-open01-bx { margin-top: 0; padding: 0; } .sub-open01-bx > p { font-size: 1.2rem;} .sub-open01-bx ul { display: block; padding-top: 20px;} .sub-open01-bx .item { width: 100% !important;} .sub-open01-bx .item + .item { padding-top: 20px;} .sub-open01-bx .item .item-bx { position: relative; padding: 15px; } .sub-open01-bx .item p.badge{font-size: 1.5em;} .sub-open01-bx .item p:not(.badge){padding-top:5px;font-size: 1em;line-height:1.5;} .sub-open01-bx .item .txt-shortcut { display: inline-block; margin-top: 10px; font-size: 0.9rem; z-index: 1; transition: all .3s;} .sub-open01-bx .item .icon { padding-top: 10px; } .sub-open01-bx .item .ir { width: 70px; height: 70px; background-size:90% !important;} /* 국민소통 > 게시판 위 버튼 */ .write-btn-box{display: block; padding:15px;} .write-btn-box a{margin-top:20px;width:100%;} .st-tbl{display:block;width:100%;font-size:13px;border:1px solid #D5D5D5;} .st-tbl dl{display:table;width:100%;} .st-tbl dl + dl{border-top:1px solid #D5D5D5;} .st-tbl dl > *{display:table-cell;padding:10px;} .st-tbl dt{width:100px;font-weight:500;background:#F6F6F6;} /* 국민소통 > 신고 · 제보센터 */ .sub-report-top-bx { display:block;padding: 20px;} .sub-report-top-bx .sub-tit30{text-align: center;} .report-top-cover { width: 100%; padding:0 0 20px;text-align: center;} .report-top-cover img{width:70px;} .report-top-txt { width: 100%; } .sub-report02-bx ul{flex-wrap: wrap;margin:0;} .sub-report02-bx .item > div {padding:10px;aspect-ratio: auto;border-radius: 99px;} .sub-report02-bx .item{max-width:100%;padding:0;} .sub-report02-bx .item + .item{margin-top:10px;} .sub-report02-bx .item .num { position: absolute; top: 50%; left: 10px; width: 2.4em; height: 2.4em; margin-top:-1.2em;line-height: 2.4em; } .sub-report02-bx .item .ir { width: 80px; height: 3em;background-size:auto 100% !important;background-position:50% 50% !important;} .sub-report02-bx .item .txt {width: 25%; padding-top: 0;} .sub-report02-bx .item:first-child:nth-last-child(3), .sub-report02-bx .item:first-child:nth-last-child(3) ~ .item{padding:0;width: 100%;} .sub-report02-bx .item:first-child:nth-last-child(4), .sub-report02-bx .item:first-child:nth-last-child(4) ~ .item {padding:0;width: 100%;} .bx-bottom-border .con-list01, .bx-bottom-border .shortcut-link-txt{margin-left:5px;} .sub-report02-bx .item .cont{flex-direction: row;align-content: normal;} .notify-figure-img{padding:10px;} .process-figure-img{padding:10px 20px;} /* POLA 기업성장응답센터 */ .sub-growth01-cover {text-align:center;} .sub-growth05-bx li, .sub-growth03-btn-bx li{width:50%;} .sub-growth05-bx li a, .sub-growth03-btn-bx li a{width:100%;} .sub-growth04-bx { padding: 70px 20px; border: 4px solid #ddd;} /***** POLA소식 *****/ .recruit-top-bx{padding:40px 20px 40px !important;} .recruit-top-bx h4{padding-bottom:0;font-size:20px;} .recruit-top-bx + form{margin-top:20px;padding:0;} .recruit-top-bx + form .boardHead{padding-left:20px;padding-right:20px;background:#fff;} .recruit-top-bx + form.boardHead > div{width:90%;} .boardHead.pt20{padding-top:5px !important;} .boardHead > div{width:100%;display:flex;justify-content: space-between;margin-left:0 !important;} .boardHead > div .searchTxt{width:calc(100% - 55px);} .boardHead button.searchBtn{} /* POLA소식 > 자료실 */ .data-nav-tab { padding: 20px 0;} .data-nav-tab ul {flex-wrap: wrap;} .data-nav-tab .item {position: relative; width: calc(100% / 2);border: 1px solid #ddd;margin-bottom: -1px;} .data-nav-tab .item.active:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .data-nav-tab .item a { display: flex; height: 100%;min-height: 4em; padding:5px; align-items: center;justify-content: center;line-height:1.4;text-align:center;cursor:pointer;line-height: normal;border:0;} .data-nav-tab .item.active a {color: var(--primary-color); font-weight: 500; border:0; border-bottom: 0;} /***** POLA소개 *****/ /* POLA소개> 협력기관 */ .dataroom-related-wrap h4{margin:20px 0 10px;color: #666;font-size:16px;font-weight: 700;} .dataroom-related-wrap ul{display:flex;flex-wrap: wrap;} .dataroom-related-wrap ul li{display:flex;width:calc((100% - 6px) / 3);min-width:calc((100% - 6px) / 3);height:40px;margin:0 0 3px 3px;padding:5px 10px;text-align:center;} .dataroom-related-wrap ul li img{max-height:20px;} .dataroom-related-wrap ul li:nth-child(3n+1){margin-left:0;} /* POLA소개> 인사말 */ .sub-greeting-inner{display:flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column-reverse;} .sub-greeting01-wrap {width:100%} .sub-greeting01-bx {margin-top:40px;} .sub-greeting01-bx h4 { position: relative; padding: 30px 0;} .greeting02-ceo {width:auto;padding:10px 20px; transform: translateY(0);box-shadow:2px 2px 5px rgba(0,0,0,0.2); } .greeting02-ceo p { font-size: 1.6rem;} .sub-greeting02-txt ol { padding-top: 20px; list-style: none;} .sub-greeting02-txt ol li + li { padding-top: 10px;} .sub-greeting02-txt p { padding-top: 20px;} .sub-greeting02-txt .ceo-name{width:100px;} /* POLA소개> 기관연혁 */ .sub-history-tit { display: block;} .sub-history-tit p { padding-top: 20px;} .sub-history-tit a { margin-top:20px;} .sub-history-tab { padding-top: 50px;} .sub-history-bx .item > div{display: block;} .sub-history-tab ul { display: flex; } .sub-history-tab ul li { width: 20%; color: #666; border-bottom: 1px solid #ddd; text-align: center;} .sub-history-tab ul li button { width: 100%; height: 40px; font-size: 1rem; } .sub-history-bx{padding-top:30px;} .sub-history-bx .history-cover { } .sub-history-bx .history-cover .period { position: relative; width: 100%; height: auto; line-height: normal; margin:10px 0 20px; background-color: transparent; color: #000; font-size: 2rem; font-weight: bold; text-align: left; box-shadow: none;} .sub-history-bx .history-list { padding-left: 0;} .sub-history-bx .history-list ul::before {left: 4px;} .sub-history-bx .history-list li { padding-left: 15px;} .sub-history-bx .history-list li::before { width: 8px; height: 8px;} .sub-history-bx .history-list li + li { margin-top: 20px;} .sub-history-bx .history-list li .year { width: 90px; font-weight: 500;} .sub-history-bx .history-list li .txt { font-size: 0.9rem; } /* POLA소개> 경영혁신 전략 */ .sub-vision01-02-list h4 { min-width: 50px; padding-top: 20px; font-size: 13px; font-weight:400;font-family:'Noto Sans KR', Tahoma, Geneva, sans-serif ;} .sub-vision01-02-list ul { position: relative; display: block; width: calc(100% - 30px); margin-left: 30px; } .sub-vision01-02-list ul::before, .drawing-bx .sub-drawing-item::before{content:'';position:absolute;top:30px;left:-30px;width:20px;height:1px;background-image: linear-gradient(90deg, #666, #666 75%, transparent 75%, transparent 100%);background-size:4px 1px;transform: translateY(0);} .sub-vision01-02-wrap .sub-vision-way-list { display: flex; align-items: normal; padding: 0 0 10px;} .sub-vision01-02-wrap .sub-vision-way-item { width: 100%; margin-bottom: 10px;padding:10px;line-height: normal; color: #000; font-size: 0.9rem; text-align: center; border: 1px solid #000;} .sub-vision01-02-wrap .sub-vision-project-list { display: flex; align-items: normal;} .sub-vision01-02-wrap .sub-vision-project-item { width: 100%; margin-bottom: 10px;border: 1px solid #ddd;} .sub-vision01-02-wrap .sub-vision-project-item ol { padding: 0 10px; } .sub-vision01-02-wrap .sub-vision-project-item ol li { display: flex; align-items: center; padding: 10px 0; font-size: 0.8rem; border-bottom: 1px dashed #ddd;} .sub-vision01-02-wrap .sub-vision-project-item ol li:last-child { border-bottom: 0;} .sub-vision01-02-wrap .sub-vision-project-item .num { display: inline-block; padding-right: 5px; color: var(--primary-color); } .sub-vision01-03-list{padding-top:20px;} .sub-vision01-03-item .sub-vision-item-top { padding: 10px 0px;} .sub-vision01-03-item .sub-vision-item-top strong { color: #000; font-size: 1rem;} .sub-vision01-03-item .sub-vision-item-top strong .num { padding-right: 5px; color: var(--primary-color); } .sub-vision01-03-item .sub-vision-item-top p {font-size: 0.95rem;} .sub-vision01-03-item .sub-vision-item-cont {} .sub-vision01-03-item .sub-vision-item-cont ul { border-top: 2px solid #ddd;} .sub-vision01-03-item .sub-vision-item-cont li { display: block; border-bottom: 1px solid #ddd;} .sub-vision01-03-item .sub-vision-item-cont .tit { display: block; width: 100%; padding: 10px; background-color: #f2f2f2; text-align: left;} .sub-vision01-03-item .sub-vision-item-cont .tit br{display:none;} .sub-vision01-03-item .sub-vision-item-cont .tit em { color: #000; font-size: 0.9rem; font-weight: bold;} .sub-vision01-03-item .sub-vision-item-cont .txt { display: flex; flex-direction: column; justify-content: center; width: 100%; padding:10px; } .sub-vision01-03-item .sub-vision-item-cont p { position: relative; padding-left: 10px; font-size: 0.9rem; font-weight: 400;background: url(/images/common/ico-poly.svg) 0 8px / 6px no-repeat;} .sub-vision01-03-item .sub-vision-item-cont p::before {display:none;} .sub-vision01-03-item .sub-vision-item-cont p + p { margin-top:0;padding-top: 0;} .sub-vision01-03-item .sub-vision-item-cont li.quarter .tit { width: 25%;} .sub-vision01-03-item .sub-vision-item-cont li.quarter .tit + .tit { border-left: 1px solid #ddd;} /* POLA소개> 경영공시 탭 */ .tab-head-df:not(.fwrap-half){flex-wrap: wrap;text-align:center;} .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(5), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(5) ~ li, .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(6), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(6) ~ li, .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(7), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(7) ~ li, .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(8), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(8) ~ li, .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(9), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(9) ~ li, .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(10), .tab-head-df:not(.fwrap-half) li:first-child:nth-last-child(10) ~ li{width: calc(100% / 4);min-height:3em;font-size:14px !important;line-height:1.4;} /* .tab-head-df:not(.fwrap-half) li{width: 25% !important;min-height:3em;font-size:14px !important;line-height:1.4;}*/ .tab-head-mo-half{flex-wrap: wrap;} .tab-head-mo-half li{width: calc(100% / 2) !important;} /* POLA소개 > 인사채용 */ .recruitment-item{margin-top:40px;} .recruitment-item h4{display:flex;align-items: center;font-size:13px;font-weight:400;} .recruitment-item h4 span{display:block;width:120px;margin-right:10px;color:#fff;font-size:16px;line-height:40px;} .recruitment-item h4 strong{padding:0 5px 0 0;color:#000;} .recruitment-item .bx{display:block;align-items: center;margin-top:0;border:1px solid #ddd;} .recruitment-item .bx > li{position:relative;padding:30px 15px;justify-content: space-between;} .recruitment-item .bx > li:before{content:'';display:inline-block;width:50px;height:50px;margin-right:10px;background-size:auto 22px !important;} .recruitment-item .bx > li:after{content:'';position:absolute;right:auto;top:auto;left:50%;bottom:0;display:inline-block;width:30px;height:30px;transform:translate(-50%, 15px) rotate(90deg);background-size:20px;} .recruitment-item .bx > li:first-child:nth-last-child(2), .recruitment-item .bx > li:first-child:nth-last-child(2) ~ li {width: 100%;} .recruitment-item .bx > li:first-child:nth-last-child(3), .recruitment-item .bx > li:first-child:nth-last-child(3) ~ li {width: 100%;} .recruitment-item .bx > li + li{border-top:1px solid #ddd;border-left:none;} .recruitment-item .bx > li dl{width:calc(100% - 70px);} .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{font-size:1.15em;} .recruitment-item .bx > li dd ul{display:block;margin-top:10px;} .recruitment-item .bx > li dd li {display:inline-block;margin-right:10px;padding: 0px 0 0 6px;font-size: 14px} .recruitment-item .bx > li dd li:before{top:10px;} .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% - 20px) / 2);margin:0 5px 10px;padding:10px 50px 10px 10px;background-position:right 10px top 50% !important;} .recruitment-info ul li br{display:none;} .recruitment-info ul li dt{font-size: 16px;font-weight: 700;} .recruitment-info ul li dd{font-size: 14px; } /* POLA소개 > 기관상징 */ .sub-ci01-wrap{} .sub-ci01-wrap .colorGray6.pl30.mgb20{padding-left:0 !important;} .sub-ci-cont { padding: 0;} .sub-ci02-wrap .sub-ci-cont .item { display: flex; justify-content: center; align-items: center; width: calc(50vw - 10px); height: calc(50vw - 30px); margin: 0 5px;border-radius: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1);} .sub-ci02-wrap .sub-ci-cont .item img { width: 80% !important; } .sub-ci03-wrap .sub-ci-cont > ul { width: 100%; margin: 0 auto;} .sub-ci03-wrap .item { display: block;text-align:left;} .sub-ci03-wrap .item + .item { padding-top: 20px;} .sub-ci03-wrap .item > div { width: 100%; } .sub-ci03-wrap .item ul { display: flex; } .sub-ci03-wrap .item li { width: calc(100% / 3); padding: 8px 5px 5px;text-align:center;} .sub-ci03-wrap .item li svg{width:90%;} .sub-ci03-wrap .item .txt { padding-top: 5px; font-size: 3vw;} .sub-ci04-wrap .sub-ci-cont ul { width: 100%; margin: 0 auto;} .sub-ci04-wrap .sub-ci-cont .item { display: block;text-align:left;} .sub-ci04-wrap .sub-ci-cont .item + .item { padding-top: 20px;} .sub-ci04-wrap .sub-ci-cont .sub-ci-item-tit { width: 100%;} .sub-ci04-wrap .sub-ci-cont .item p { } .sub-ci04-wrap .sub-ci-item-cont { width: 100%; height:30vw; border-radius: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1);} .sub-ci04-wrap .sub-ci-item-cont img {min-width:auto; height: 40% !important;} .sub-ci05-wrap .sub-ci-cont .item {width:calc(100% - 5px);} .sub-ci05-wrap .sub-ci-cont .item a {width: 100%; height: 40px; line-height: 40px; padding: 0 10px;} /* 오시는 길 */ .sub-location-tab { padding-top: 20px;} .sub-location-tab ul { display: flex;flex-wrap: wrap;} .sub-location-tab .item { width: calc(100% / 2);} .sub-location-tab .item button { width: 100%; height: 40px; margin-bottom:-1px;font-size: 1rem; border: 1px solid #ddd !important;} .sub-location-tab .item:last-child button { border-right: 1px solid #ddd;} .sub-location-tab .item.active button {position:relative;} .sub-location-tab .item.active button:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:0;border:1px solid var(--primary-color);} .sub-location-tab .item.active + .item button { border-left: 0;} .sub-location-bx { padding-top: 20px;} .sub-location-bx .item { height: 0; visibility: hidden;} .sub-location-cont + .sub-location-cont { padding-top: 80px; } .sub-location-cont ul {position:relative; margin-top: 0; padding-top:90px;} .sub-location-cont li { display: block; margin-bottom:10px;} .sub-location-cont li + li{} .sub-location-cont .sub-tit20{font-size: 1.15rem;} .sub-location-cont .txt{font-size: 1rem;} .sub-location-cont li > .map-more-btn{display: flex;margin-top: 20px;justify-content: space-between;} .sub-location-cont h5 { color: #000; padding-right: 20px;} .sub-location-cont .btn-directions { display:inline-block; width:49%;margin-left:0;padding:8px 10px;} .sub-location-cont01 { padding-top: 60px;} .sub-location-map .wrap_map{height:300px !important;} .map-more-btn{position:absolute;top:0;left:0;right:0;} .tbl-noblock table{white-space: normal;} .tbl-noblock table thead th{padding: 10px 5px;} .tbl-noblock table tbody td{padding: 10px 5px;} /* 뷰어다운로드 */ .con_box_fmenu5 {max-width:770px; margin:0 auto; padding:20px 0; } .con_box_fmenu5 .img {width:30%; float:left; text-align:center} .con_box_fmenu5 .img img {width:100%; } .con_box_fmenu5 dl {width:70%;} .con_box_fmenu5 dl dd a {width:100%; height:40px; line-height:31px;} /* 조직도 (본사) */ .org-wrap.type1 .title{margin-bottom:20px;font-size: 6vw;width: 30vw;height: 30vw;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);} .org-wrap.type1 .title:after{top:-7px;left:-7px;bottom:-7px;right:-7px;border-width:1px;} .org-wrap.type1::before{height:54%;} .org-wrap.type1 .box-item > ul > li, .org-wrap.type1 .box-item > ul > li > a{font-size:3.4vw;} .btm-org{font-size: 4vw;} .btm-org .btm-box{width:auto;flex-basis: 32%;margin-bottom:20px;padding:0;} .btm-box .org-depth2 li{font-size:3vw;} .top-org a span.dbg{width: 50%;padding: 10px;font-size: 4vw;} .top-org .boxL01 span.dbg{width: 4em;} .top-org .boxL01{margin:calc(-22vw - 10px) 0 0 -10vw;} .org-wrap.type1 .top-org:nth-child(2)::before{margin:calc(-22vw - 10px) 0 0 0;} .top-org .boxR01{margin-left:10vw;} /* 조직도 (지사) */ .top-org{width:100%;} .org-wrap.type2{font-size: 4vw;} .org-wrap.type2 .title{width:80%;margin:auto;} .org-wrap.type2 .top-org{flex-direction: row;flex-wrap:wrap} .org-wrap.type2 .top-org::before{width:67%;} .org-wrap.type2 .top-org .box-item{width:auto;flex-basis: 29%;margin-bottom:20px;padding:0;} .org-wrap.type2 .top-org .box-item::before{height:30%;} .org-wrap.type2 .top-org .box-item:nth-child(n+4)::before{top:0;} .org-wrap.type2 .top-org .box-item:nth-child(2)::before{display:none} .org-wrap.type2 .top-org .box-item li{font-size:3vw;} .org-wrap.type2 .top-org .box-item .box{padding: 10px 0 10px 0;} /* 개인정보처리방침 */ .policy-wrap{} .policy-wrap .pipp_labeling_ul li{width: 100%; padding: 10px;} .policy-wrap .pipp_labeling_ul li + li{margin-top:5px;} /* 버튼 (이동필요) */ .btn-download{font-size:14px;} .btn-download i{width:15px;height:15px;background-size:98% !important;} .btn-download-fill{padding:5px 10px;font-size:14px;} .btn-download-fill i{width:15px;height:15px;background-size:98% !important;} /* 검색결과 */ .sch-all-list .sch-all-tit{padding-bottom:0.6em;font-size: 20px;} .sch-all-bx{font-size: 18px;} .sch-all-list + .sch-all-list{margin-top:50px;} .sch-all-list {font-size: 15px;} .sch-all-list ul{margin-bottom:1em;border-top:1px solid var(--primary-color);} .sch-all-list ul li{padding: 2em 0;} .file-btn{background-size:20px;} .sch-all-more a{min-width:100%;font-size:14px;line-height:40px;} } @media screen and (max-width: 480px) { /* ■■■■■■■■ MAIN ■■■■■■■■ */ .main-visual-sec .main-tit{font-size:6.4vw;} .main-visual-sec .main-tit p{font-size:4vw;} .main-visual-sec .main-desc{font-size:3.6vw;} .main-visual-sec .main-btn-link li a{font-size:2.8vw;} /* POLA소개> 경영공시 탭 */ .tab-head-df:not(.fwrap-half) li{width: 50% !important;min-height:4em;;} .tbl-noblock table thead th{font-size:3vw;} .tbl-noblock table tbody td{font-size:2.6vw;} /* 국민소통 > 신고 · 제보센터 */ .sub-report02-bx .item > div {padding-left:50px;} .sub-report02-bx .item .ir { width:40px; height: 2em;} .sub-report02-bx .item .txt {width: calc(100% - 40px); padding-left:10px;text-align:left;} .sub-report02-btn-bx a{width:100%;} /* POLA 기업성장응답센터 */ .sub-growth02-bx .sub-growth02-icon .ir {display:none;height: 20px;} .sub-growth02-bx .item .item-tit {height:auto;padding-top: 9vw;} .sub-growth02-bx .item-tit h4 { font-size: 4vw;} .sub-growth02-bx .item-tit p {padding-top:0; font-size: 3vw;} .sub-growth02-bx .item-txt .txt01 {font-size: 3vw;} .sub-growth02-bx .item-txt, .sub-growth02-bx .item:nth-child(4) .item-txt{height: 20vw;padding: 2vw;} .sub-growth02-bx .item:nth-child(3) .txt01 {width:7em; } .sub-growth02-bx .item:nth-child(3) dl + dl { padding-top: 0;} ) }

          
        
    
    
Copyright Yona authors & © NAVER Corp. & NAVER LABS Supported by NAVER CLOUD PLATFORM

or
Sign in with github login with Google Sign in with Google
Reset password | Sign up