@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

/* 공통 */
.count-round-box {padding:60px; border:1px solid #ddd; border-radius:20px;}

.doc-tit {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; color:#0b4fa0; font-size:22px; line-height:1.3em;}

.doc-cnt {color:#454545; line-height:1.65em;}
.doc-cnt:not(:last-child) {margin-bottom:35px;}

.s-tit {font-size:17px; font-weight:500; color:#242424; line-height:1.33em;}

.dot-list > li {position:relative; padding-left:10px;}
.dot-list > li:before {content:'•'; position:absolute; top:0; left:0;}
.dot-list > li strong {font-weight:600;}

.hypen-list > li {position:relative; padding-left:10px;}
.hypen-list > li:before {content:'-'; position:absolute; top:0; left:0;}
.hypen-list > li strong {font-weight:600;}

.btn-doc-down {display:inline-block; padding:9px 27px; background:#406fa7; border-radius:12px; color:#fff; font-size:17px; font-weight:500; line-height:1.3em;}
.btn-doc-down:hover {background:#0b4fa0;}

/* CEO인사말 */
.greetings {position:relative; display:flex;}
.greetings .kogas {position:absolute; top:0; right:-.83em; color:#242424;/* font-size:90px;*/ font-size:47px; font-weight:600; line-height:1em; opacity:.05; writing-mode:vertical-lr;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .cnt h3 {margin-bottom:1.75rem; color:#242424; font-size:30px; font-weight:500; line-height:1.5em; letter-spacing:-.03em;}
.greetings .cnt h3 strong {color:#0b4fa0;}
.greetings .cnt p {margin-bottom:1.7em; color:#454545; font-size:17px; line-height:1.75em;}
.greetings .img {position:relative; width:40%; max-width:400px; margin-left:70px; text-align:center;}
.greetings .img .pic {display:block; margin:0 auto 35px; border-radius:60px; box-shadow:0 0 30px rgba(0,0,0,.2);}
.greetings .img .sign {color:#242424; font-size:18px; font-weight:500;}
.greetings .img .sign img {vertical-align:middle; margin-left:15px;}

/* sub01_02 */
.history .head {background:url('../images/sub/history-bg.jpg') 0 0 no-repeat; background-size:cover; padding:70px 50px; margin-bottom:50px;}
.history .head .txt {display:inline-block; background:rgba(0,0,0,0.5); padding:26px 44px 26px 22px; text-align:right; font-size:30px; font-family:'NanumSquare'; font-weight:700; color:#fff;}
.history .head .txt strong {font-family:'Noto Sans KR'; font-style:italic; display:block; margin-top:8px;}
.history .cnt {margin-bottom:60px;}
.history .cnt .tit {font-size:30px; font-weight:500; color:#242424; line-height:1.3em; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #ddd; position:relative;}
.history .cnt .tit:after {content:''; width:155px; height:2px; position:absolute; bottom:-1px; left:0; background:#242424;}
.history .col {display:flex;}
.history .col .year {width:160px; text-align:center; font-size:25px; font-weight:700; color:#3884b7; line-height:1.4em; position:relative;}
.history .col .year:after {content:''; width:6px; height:6px; border-radius:50%; background:#3884b7; position:absolute; top:15px; right:30px;}
.history .col .txt {width:1%; flex:1 1 auto; padding-top:4px;}
.history .col .txt .tt {display:flex; margin-bottom:20px;}
.history .col .txt .tt .month {width:60px; font-size:18px; font-weight:500; line-height:1.5em; color:#454545;}
.history .col .txt .tt ul {width:1%; flex:1 1 auto;}
.history .col .txt .tt ul li {font-size:16px; color:#454545;}
.history .col .txt .tt ul li span {display:block; font-size:14px;}

/* 조직도 */
.organization {border:1px solid #ddd; padding:60px 20px; text-align:center; border-radius:20px;}

/* 인증현황 */
.certification ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.certification ul li {padding:0 10px; margin-bottom:50px; width:20%;}
.certification ul li p {font-size:16px; color:#686868; text-align:center; margin-top:10px;}

/* 안전보건경영 */
.management-policy {text-align:center; color:#454545; font-size:17px; line-height:1.53em;}
.management-policy .title {position:relative; margin:0 100px; padding:27px; background:#fff; border:1px solid #0b4fa0; border-radius:20px;}
.management-policy .title h3 {margin-bottom:10px; color:#0b4fa0; font-size:20px; line-height:1.33em;}
.management-policy .content {margin-top:-70px; padding:70px 60px 40px; border:1px solid #ddd; border-radius:20px;}
.management-policy .content ol li {padding:35px;}
.management-policy .content ol li:not(:last-child) {border-bottom:1px dashed #ddd;}
.management-policy .content .in {display:flex; align-items:flex-start; max-width:750px; margin:0 auto; text-align:left;}
.management-policy .content .num {min-width:30px; margin:-2px 10px 0 0; background:#0b4fa0; border-radius:100%; color:#fff; font-size:1.06em; font-weight:700; line-height:30px; text-align:center;}

/* CI */
.ci-type {display:flex; justify-content:space-between; margin-bottom:60px; text-align:center;}
.ci-type .col {width:calc(50% - 15px);}
.ci-type .img {display:flex; align-items:center; justify-content:center; width:100%; height:300px; padding:30px; margin-bottom:30px; border:1px solid #ddd; background:url('../images/sub/pattern.jpg');}
.ci-type .img img {width:100%; max-width:450px;}
.ci-type .tit {color:#242424; font-size:22px; font-weight:600; line-height:1.3em;}

.ci-down {display:flex; justify-content:center;}
.ci-down a {display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:55px; padding:0 20px; margin:0 15px; background:#454545; color:#fff; font-size:18px; font-weight:500; line-height:1.3em;}
.ci-down a:after {content:''; margin-left:27px; width:19px; height:19px; background:url('../images/sub/icon-download.png') 50% 50%/contain no-repeat;}
.ci-down a:hover {background:#0b4fa0}

/* 찾아오시는길 */
.directions .maps {margin-bottom:36px;}
.directions .root_daum_roughmap {width:100% !important; height:450px !important;}
.directions .root_daum_roughmap .wrap_map {height:450px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"코가스서비스얼라이언스"; font-size:12px; line-height:15px;}
.directions .txt {margin-bottom:20px;}
.directions .txt .tt {font-size:16px; font-weight:500; color:#0b4fa0; line-height:1.7em; margin-bottom:8px;}
.directions .txt h3 {font-size:23px; color:#454545; font-family:'NanumSquare'; line-height:1.3em;  margin-bottom:8px;}
.directions .txt p {font-size:16px; color:#454545; line-height:1.7em;}
.directions .txt p span {margin:0 5px;}
.directions .box dl {border-top:1px solid #ddd; display:flex; line-height:80px;}
.directions .box dl:last-child {border-bottom:1px solid #ddd;}
.directions .box dt {width:150px; font-family:'Lexend Deca'; color:#242424; font-size:18px; padding-left:68px; position:relative;}
.directions .box dt:before {content:''; width:20px; height:20px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; left:30px;}
.directions .box dl:nth-child(1) dt:before {background-image:url('../images/sub/tel-icon.png');}
.directions .box dl:nth-child(2) dt:before {background-image:url('../images/sub/fax-icon.png');}
.directions .box dl:nth-child(3) dt:before {background-image:url('../images/sub/mail-icon.png');}
.directions .box dd {width:1%; flex: 1 1 auto; padding-left:30px; font-size:16px; font-weight:300; color:#454545;}

/* 사업안내 */
.business {text-align:center; position: relative;}
.business .tit {background: #fff; width:70%; max-width:600px; margin:0 auto 60px; padding:12px; border:5px solid #231916; border-radius:100px;}
.business .tit img {width:70%; max-width:350px;}
.business .tit-vline {position: absolute; left:50%; top:0; width:1px; height:657px; background:#ddd; z-index: -1;}
.business .items {display:flex; flex-wrap:wrap; margin-bottom: 60px;}
.business .items:last-child {margin-bottom: 0;}
.business .item {position:relative; width:25%;}
.business .item .h-line {width:100%; height:1px; background:#ddd;}
.business .item .v-line {width:1px; height:57px; margin:0 auto; background:#ddd;}
.business .item:first-child .h-line {width:50%; margin-left:50%;}
.business .item:last-child .h-line {width:50%; margin-right:50%;}
.business .item .icon {display:flex; justify-content:center; align-items:center; width:150px; height:150px; margin:0 auto; border:5px solid #0b4fa0; border-radius:100%;}
.business .item dl {margin:33px -10px 0;}
.business .item dt {margin-bottom:10px; color:#0b4fa0; font-size:22px; font-weight:600; line-height:1.3em;}
.business .item dd {color:#454545; line-height:1.65em;}

/* 채용비리신고센터 */
.report-step {display:flex; gap:10px 0; margin-top:10px; text-align:center;}
.report-step dl {width:20%;}
.report-step dt {padding:8px 5px; background:#406fa7; border-radius:10px 10px 0 0; color:#fff; font-size:17px; font-weight:500; line-height:1.5em;}
.report-step dd {padding:8px 5px; border:1px solid #c7d9ef; border-radius:0 0 10px 10px; color:#454545; line-height:1.5em;}
.report-step .arrow {display:flex; justify-content:center; align-items:center; min-width:32px;}

/* sub02_01 */
.business-build .head {background:url('../images/sub/business-build-bg.jpg') center center no-repeat; height:310px; margin-bottom:60px; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.business-build .head p {font-size:18px; line-height:1.8em; color:#242424; margin-bottom:36px;}
.business-build .head p strong {font-weight:500;}
.business-build .list {padding-top:25px; border-top:2px solid #868686; border-bottom:1px solid #ddd; margin-bottom:50px;}
.business-build .list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.business-build .list ul li {padding:0 15px; width:33.33333333333%; margin-bottom:40px;}
.business-build .list ul li .img-box {background:#fff; margin-bottom:26px; padding:10px; box-shadow:0px 3px 8px 3px rgba(0,0,0,0.3);}
.business-build .list ul li .img-box .pic {position:relative; height:0; padding-bottom:68.612%; overflow:hidden;}
.business-build .list ul li .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.business-build .list ul li .txt dl {display:flex; font-size:16px; color:#454545; line-height:1.8em;}
.business-build .list ul li .txt dt {width:80px; padding-left:11px; position:relative; font-weight:500;}
.business-build .list ul li .txt dt:before {content:''; width:4px; height:4px; background:#454545; position:absolute; top:12px; left:2px; border-radius:50%;}
.business-build .list ul li .txt dd {width:1%; flex:1 1 auto;}
.business-build .more {text-align:center;}
.business-build .more a {display:inline-block; font-size:18px; color:#fff; font-weight:700; line-height:60px; background:#5078ac; border-radius:30px; padding:0 40px;}
.business-build .more a:after {content:''; width:24px; height:24px; background:url('../images/sub/business-build-more.png') 0 0 no-repeat; background-size:cover; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:20px;}
/* sub03_01 */
.gallery-list {padding:25px 0 0 0; border-bottom:1px solid #ddd; border-top:2px solid #868686;}
.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.gallery-list ul li {width:33.3333333%; padding:0 15px; margin-bottom:40px;}
.gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; padding-bottom:71.055%; overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallery-list ul li .txt-box {border:1px solid #ddd; border-top:0; padding:20px;}
.gallery-list ul li .txt-box .tit {font-size:22px; font-weight:500; color:#242424; margin-bottom:24px;}
.gallery-list ul li .txt-box .txt {margin-bottom:30px;}
.gallery-list ul li .txt-box .txt dl {display:flex; font-size:16px; color:#454545; line-height:1.8em;}
.gallery-list ul li .txt-box .txt dt {width:80px; position:relative; font-weight:500;}
.gallery-list ul li .txt-box .txt dd {width:1%; flex:1 1 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery-list ul li .txt-box .more {text-align:center;}
.gallery-list ul li .txt-box .more span {display:inline-block; line-height:48px; padding:0 70px; font-size:16px; border:1px solid #ddd; color:#454545; background:#fafafa;}
.gallery-list ul li .txt-box .more span:before {content:''; width:16px; height:16px; background:url('../images/sub/more-icon.png') 0 0 no-repeat; background-size:cover; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:10px;}
.gallery-list ul li a:hover .txt-box .more span {border-color:#5078ac; background:#5078ac; color:#fff;}
.gallery-list ul li a:hover .txt-box .more span:before {background:url('../images/sub/more-icon-w.png') 0 0 no-repeat;}
/* sub06_01 */
.nomination-list {padding:25px 0 0 0; border-bottom:1px solid #ddd; border-top:2px solid #868686;}
.nomination-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.nomination-list ul li {width:25%; padding:0 20px; margin-bottom:36px;}
.nomination-list ul li .pic {position:relative; height:0; padding-bottom:137.04%; overflow:hidden;}
.nomination-list ul li .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}
.nomination-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.nomination-list ul li p {font-size:16px; color:#454545; margin-top:10px; line-height:1.6em; text-align:center;}

/* 직원전용 */
.staff-login {max-width:470px; margin: 0 auto;}
.staff-login .txt {margin-bottom: 35px; text-align:center; font-size:18px; font-weight: 700; line-height: 1.4em; letter-spacing: 0; color: #878787;}
.staff-login .form .group {margin-bottom: 10px;}
.staff-login .form .input {width:	100%; height: 60px;}
.staff-login .phone-group {display:flex; gap:10px;}
.staff-login .phone-group  .input {flex:1 1 auto; min-width:0; width: 1%; letter-spacing: 0;}
.staff-login .phone-group  .bbs-btn {width:170px;}
.staff-login .submit .bbs-btn {width: 100%; font-size: 20px; font-weight: 500;}

.bbs-btn {height: 60px; display:flex; align-items:center; justify-content:center; text-align:center; color: #fff; background: #0b4fa0; letter-spacing: 0; border:0;}

/* 250808 */
.count-round-box .main-color {color:#0000cd;}
.count-round-box.ty2 {padding:60px 80px;}
.count-round-box .toptextbx {margin-bottom:50px;}
.count-round-box .toplogo {text-align:center;}
.count-round-box .toptext {padding-top:30px; font-size:20px; font-weight:500;line-height:1.6;text-align:center;}
.count-round-box .toptext .txt {display:inline-block;}
.count-round-box .toptextbx .bullet-list {padding-top:50px;}
.count-round-box .toptextbx .bullet-item {color:#454545;}
.count-round-box .bullet-item + .bullet-item {margin-top:9px;}
.count-round-box .bullet-item {line-height:2.25;}
.count-round-box .bottomtextbx .bullet-list {padding-top:20px; color:#ff0000;}
.count-round-box .buttonbx {padding-top:50px; text-align:center;}
.count-round-box .btn-links {display:inline-flex;align-items:center;justify-content:center; min-width:158px; height:56px; font-size:22px; background:#406fa7; color:#fff;border-radius:12px; text-align:center;}