@charset "utf-8";

#wrapper {overflow:hidden;}

.doc-tit {font-size:30px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.333em; text-align:center; margin-bottom:50px;}
 
.table01 {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050;}
.table01 th {padding:12px; background:#fafafa; border:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid #ddd; color:#333; font-size:18px; font-weight:600;}
.table01 th.bg {text-align:center; background:#d21d4f; color:#fff;}
.table01 td {font-size:18px; color:#454545; letter-spacing:-.03em; padding:12px; border:1px solid #ddd;}

.table01.style1 {margin-top:80px;}
.table01.style1 th {font-size:16px;}
.table01.style1 th.bg {font-size:18px; background:#555;}
.table01.style1 td {font-size:16px;}

.greetings {position:relative; display:flex; align-items:baseline; justify-content:space-between; padding-top:50px;}
.greetings .img {margin-bottom:-10px; padding-left:75px; z-index:-1;}
.greetings .tt-box {width:62%; padding-right:75px; margin-top:-20px;}
.greetings .tt-box .tit {font-size:32px; font-weight:700; line-height:1.3em; font-weight: bolder; background-image: linear-gradient(to right, #124194, #239989); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom:10px;}
.greetings .tt-box .lg-txt {font-size:24px; font-weight:700; letter-spacing:-.025em; line-height:1.250em; margin-bottom:20px;}
.greetings .tt-box .txt {text-align: justify; font-size:18px; color:#555; letter-spacing:-.045em; line-height:1.556em; margin-bottom:20px;}
.greetings .tt-box .txt:after {content: ''; display: inline-block;}
.greetings .tt-box .sign {font-size:20px; color:#333; letter-spacing:-.025em; line-height:1.3em; font-weight:700; text-align:right; padding-right:50px;}

/* backup 2024-05-27
.greetings {position:relative; display:flex; align-items:baseline; justify-content:space-between; padding-top:60px;}
.greetings .img {margin-bottom:-30px; padding-left:55px; z-index:-1;}
.greetings .tt-box {width:60%; padding-right:55px;}
.greetings .tt-box .tit {font-size:32px; font-weight:700; line-height:1.3em; font-weight: bolder; background-image: linear-gradient(to right, #124194, #239989); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom:10px;}
.greetings .tt-box .lg-txt {font-size:24px; font-weight:700; letter-spacing:-.025em; line-height:1.250em; margin-bottom:20px;}
.greetings .tt-box .txt {text-align: justify; font-size:18px; color:#555; letter-spacing:-.045em; line-height:1.556em; margin-bottom:20px;}
.greetings .tt-box .txt:after {content: ''; display: inline-block;}
.greetings .tt-box .sign {font-size:20px; color:#333; letter-spacing:-.025em; line-height:1.3em; font-weight:700; text-align:right; padding-right:50px;} */

.vision-list {margin-bottom:70px;}
.vision-list ul {}
.vision-list ul li {display:flex; flex-direction:column; justify-content:center; position:relative; font-size:23px; font-weight:600; letter-spacing:-.025em; width:100%; max-width:900px; margin:0 auto; height:90px; line-height:1.5em; border-radius:50px; text-align:center; color:#fff; background:#124194; margin-bottom:50px;}
.vision-list ul li:last-child {background:transparent; border:2px solid #20938b; color:#333;}
.vision-list ul li:before {position:absolute; content:""; width:13px; height:13px; background:url('../images/sub/vision-dot1.png')50% 50% no-repeat; background-size:contain; bottom:-6.5px; left:50%; margin-left:-6.5px;} 
.vision-list ul li:last-child:before {background-image: url('../images/sub/vision-dot2.png');}
.vision-list ul li:first-child:after {position:absolute; content:""; width:1px; height:45px; background:#ddd; left:50%; bottom:-50px; margin-left:-0.5px;}

.value {}
.value .tit {font-size:30px; font-weight:600; color:#333; letter-spacing:-.025em; line-height:1.333em; text-align:center; margin-bottom:50px;}
.value .value-list {margin-bottom:25px;}
.value .value-list ul {width:100%; max-width:600px; display:flex; justify-content:center; margin:0 auto;}
.value .value-list ul li {width:33.3333%; text-align:center;}
.value .value-list ul li .img {}
.value .value-list ul li .img img {width:80px;}
.value .value-list ul li .tits {font-size:22px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.400em; margin:20px 0 5px;}
.value .value-list ul li .txt {font-size:20px; font-weight:500; color:#333; letter-spacing:-.025em; line-height:1.400em;}

.management {text-align:center;}
.management .tit {position:relative; padding-top:100px; font-size:30px; font-weight:600; color:#333; letter-spacing:-.025em; line-height:1.333em; text-align:center; margin-bottom:50px;}
.management .tit:before {position:absolute; content:""; width:1px; height:80px; top:0; left:50%; margin-left:-0.5px; background:#ddd;}
.management .img {}

.resources {text-align:center; margin-bottom:90px;}
.resources .resources-img {margin-left:50px;}

.recruitment {text-align:center;}
.recruitment .recruitment-tit {font-size:24px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.3em; margin-bottom:15px;}
.recruitment .recruitment-txt {font-size:18px; color:#555; letter-spacing:-.025em; margin-bottom:50px;}
.recruitment .recruitment-list {margin-bottom:50px;}
.recruitment .recruitment-list ul {display:flex; margin-left:-40px;}
.recruitment .recruitment-list ul li {display:flex; flex-direction:column; justify-content:center; position:relative; width:calc(20% - 40px); margin-left:40px; background:#f9f9f9; min-height:230px; text-align:center; border-radius:20px;}
.recruitment .recruitment-list ul li:before {position:absolute; content:""; width:13px; height:22px; background:url('../images/sub/recruitment-next.png')50% 50% no-repeat; background-size:contain; top:50%; right:-25px;}
.recruitment .recruitment-list ul li:last-child:before {display:none;}
.recruitment .recruitment-list ul li .tit {font-size:18px; color:#555; letter-spacing:-.025em; margin-top:40px;}
.recruitment .recruitment-method {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:45px;}

.root_daum_roughmap {width:100% !important; height:540px !important;}
.root_daum_roughmap .wrap_map {height:540px !important;}

.location {display:flex; padding:30px; border:1px solid #ddd; margin-bottom:40px; justify-content:space-between;}
.location .tt-box {width:29.9%;}
.location .tt-box .lg-tit {font-size:30px; font-weight:700; color:#333; letter-spacing:-.03em; line-height:1.333em; margin-bottom:45px;}
.location .tt-box ul {}
.location .tt-box ul li {display:flex; align-items:center; margin-bottom:35px;}
.location .tt-box ul li .ico {margin-right:12px;}
.location .tt-box ul li .txt-box {}
.location .tt-box ul li .txt-box .tit {font-size:18px; color:#9e9e9e; font-weight:600; letter-spacing:-.03em; line-height:1.722em;}
.location .tt-box ul li .txt-box .txt {font-size:18px; color:#242424; letter-spacing:-.03em; line-height:1.556em; font-weight:500;}
.location .map {width:67.3%;}

.service-tit {text-align:center; font-size:24px; color:#333; letter-spacing:-.025em; font-weight:600; line-height:1.333em; margin-bottom:12px;}
.service-txt {font-size:20px; color:#333; letter-spacing:-.025em; line-height:1.600em; text-align:center; padding-bottom:55px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.service-list {display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #ddd; width:100%; max-width:1000px; margin:0 auto; padding:30px 0 25px; border-radius:20px; margin-bottom:50px;}
.service-list .service-list-wrap {width:100%; max-width:700px; margin-bottom:23px;}
.service-list .service-list-wrap:last-child {margin-bottom:0;}
.service-list .service-list-wrap .num-tit {font-size:20px; font-weight:600; color:#333; letter-spacing:-.025em; line-height:1.5em; margin-bottom:12px;}
.service-list ul {padding-left:15px;}
.service-list ul li {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.667em; font-weight:500;}
.service-list ul li p {padding-left:10px; font-weight:300;}
.service-list ul li p span {font-size:16px; font-weight:700;}
.service-list ul li p:last-child {margin-bottom:7px;}

.performance-list {border-top:2px solid #555; margin-bottom:70px;}
.performance-list.mg { margin-bottom: 0; }
.performance-list.width {width:100%; max-width:1000px; margin:0 auto; margin-bottom:70px;}
.performance-list.center ul li {justify-content: space-between;}
.performance-list.center ul li .txt {width:100%; text-align:left; display:flex; justify-content:flex-start;}
.performance-list.height ul li {height:100px;}
.performance-list.height ul li .tt {line-height:1.556em; height:100px; display:flex; flex-direction:column; justify-content:center;}
.performance-list ul {}
.performance-list ul li {padding-left:25px; font-size:18px; font-weight:500; letter-spacing:-.025em; display:flex; align-items:center; height:60px; border-bottom:1px solid #ddd;}
.performance-list ul li .tt {line-height:60px; border-right:1px solid #ddd; min-width:360px; max-width:360px;}
.performance-list ul li .tt.center {text-align:center;}
.performance-list ul li .tt.left {border-left:1px solid #ddd; border-right:0; text-align:center;}
.performance-list ul li .txt {padding-left:25px;} 
.img-mg { margin-bottom: 70px; text-align: center;}
.img-mg img { width: 70%; margin: auto;}

.manpower {}
.manpower .manpower-list {}
.manpower .manpower-list ul {flex-wrap:wrap; display:flex; justify-content:flex-start; margin-bottom:-40px; margin-left:-40px;}
.manpower .manpower-list.left ul {justify-content:flex-start;}
.manpower .manpower-list ul li {display:flex; align-items:center; width:calc(50% - 40px); margin-bottom:40px; margin-left:40px; background:#f9f9f9; border-radius:20px; padding:30px;}
.manpower .manpower-list ul li .img-wrap {width:38.8%;}
.manpower .manpower-list ul li .img-wrap .img {}
.manpower .manpower-list ul li .img-wrap .thumb {position:relative; height:0; padding-bottom:100%; overflow:hidden; border-radius:20px;}
.manpower .manpower-list ul li .img-wrap .thumb img {position:absolute; top:50%; left:0; 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;}
.manpower .manpower-list ul li .tt-box {margin-left:25px;}
.manpower .manpower-list ul li .tt-box .s-tt {font-size:18px; font-weight:600; color:#333; letter-spacing:-.025em; line-height:1.3em; margin-bottom:10px;}
.manpower .manpower-list ul li .tt-box .s-tt span {padding:0 2px;}
.manpower .manpower-list ul li .tt-box .name  {font-size:24px; font-weight:700; letter-spacing:-.025em; line-height:1.500em; margin-bottom:18px;}
.manpower .manpower-list ul li .tt-box .name span {font-size:18px; font-weight:400; margin-left:5px;}
.manpower .manpower-list ul li .tt-box .list {}
.manpower .manpower-list ul li .tt-box .list p {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:7px;}
.manpower .manpower-list ul li .tt-box .list p span {font-weight:900;}

.work-list {width:100%; max-width:880px; margin:0 auto; margin-bottom:70px;}
.work-list ul {}
.work-list ul li {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:7px;}

.character-list {margin-bottom:30px;}
.character-list ol {}
.character-list ol li {text-align:center; font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.667em;} 

.character-list-wrap {padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ddd;}
.character-list-wrap ul {display:flex; flex-wrap:wrap; margin-bottom:-40px;}
.character-list-wrap ul li {align-items:center; display:flex; width:calc(50% - 40px); margin-left:40px; margin-bottom:40px; background:#f9f9f9; border-radius:20px; min-height:300px; padding-left:70px;}
.character-list-wrap ul li .ico {margin-right:50px;}
.character-list-wrap ul li .tit {font-size:20px; font-weight:600; color:#333; letter-spacing:-.025em; line-height:1.5em;}
.character-list-wrap ul li .list {margin-top:10px;}
.character-list-wrap ul li .list p {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.667em; padding-left:1em; text-indent:-1em;}
.character-list-wrap ul li .list p span {font-weight:900;}

.system-slide {width:100%; max-width:820px; margin:0 auto; margin-bottom:70px;}
.system-slide .items {}
.system-slide .item {}
.system-slide .img {}
.system-slide .tit {text-align:center; font-size:18px; letter-spacing:-.025em; line-height:1.667em; color:#333; margin-top:20px;}
.system-slide .slick-arrow {position:absolute; top:50%; margin-top:-33px; width:66px; height:66px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain;}
.system-slide .slick-prev {left:-120px; background-image:url("../images/sub/sub-prev.png");} 
.system-slide .slick-next {right:-120px; background-image:url("../images/sub/sub-next.png");} 

.organization .img {text-align:center;}

.field {}
.field .field-flex {display:flex; padding-bottom:60px; border-bottom:1px solid #ddd; margin-bottom:60px;}
.field .field-flex .field-tit {font-size:30px; color:#333; letter-spacing:-.025em; line-height:1.333em; font-weight:700; min-width:250px;}
.field .field-flex .field-list {width:86%;}
.field .field-flex .field-list ul {display:flex; margin-left:-20px;}
.field .field-flex .field-list ul li {display:flex; flex-direction:column; align-items:center; position:relative; width:calc(25% - 20px); margin-left:20px; background:#f9f9f9; border-radius:15px; padding-bottom:25px; padding-top:25px; }
.field .field-flex .field-list ul li .img {width:100%;}
.field .field-flex .field-list ul li .thumb {position:relative; padding-bottom:69%; overflow:hidden;}
.field .field-flex .field-list ul li .thumb img {border-radius:10px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.field .field-flex .field-list ul li .list {}
.field .field-flex .field-list ul li .list p {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}
.field .field-flex .field-list ul li .tt-box {opacity:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:20px; position:absolute; top:0; left:0; background:#124194;}
.field .field-flex .field-list ul li .tt-box .list-wrap p {margin-bottom:8px; padding-left: 0.5em; text-indent:-0.5em; font-size:18px; letter-spacing:-.025em; line-height:1.556em; color:#fff;}
.field .field-flex .field-list ul li .tit-wrap {display: inline-flex; flex-direction:column; text-align:left; }
.field .field-flex .field-list ul li .tit-wrap .tit {font-size:24px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.500em; margin:10px 0 0px;}
.field .field-flex .field-list ul li .tit-wrap .tit span {padding:0 6px;}
.field .field-flex .field-list ul li .tit-wrap .tit strong {font-size:18px; color:#555; display:inline-block; padding-left:5px; font-weight:400;}
.field .field-flex .field-list ul li:hover .tt-box {opacity:1;}

.info-list {}
.info-list ul {display:flex; flex-wrap:wrap; margin-left:-30px;}
.info-list ul li {padding:0 30px; overflow:hidden; width:calc(33.3333% - 30px); margin-left:30px; margin-bottom:30px; border:1px solid #ddd; border-radius:30px; padding-bottom:30px;}
.info-list ul li a {display:block;}
.info-list ul li a .info-tit {display:flex; flex-direction:column; justify-content:flex-end;  margin:0 auto; font-size:24px; font-weight:600; color:#fff; background:#239989; width:140px; text-align:center; height:140px; border-radius:50%; margin-top:-70px; padding-bottom:25px;}
.info-list ul li a .info-tit.bg {background:#124194;}
.info-list ul li a .tit {font-size:22px; font-weight:700; color:#333; letter-spacing:0; line-height:1.273em; text-align:center; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin:30px 0 20px; min-height:56px;}
.info-list ul li a .date {font-size:14px; color:#00253d; letter-spacing:0; line-height:1.429em; padding:20px 0 10px; border-top:1px solid #ddd;}
.info-list ul li a .txt {font-size:18px; color:#555; letter-spacing:0; line-height:1.667em; margin-bottom:60px; min-height:135px; /* overflow: hidden;text-overflow: ellipsis; word-break: break-all; white-space: normal; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-bottom:60px; min-height:90px; max-height:90px; */}
.info-list ul li a .btn {display:block; margin:0 auto; width:180px; text-align:center; background:#f4f4f4; color:#555; font-size:16px; font-weight:500; letter-spacing:-.025em; height:40px; line-height:40px; border-radius:20px;}

.fancybox-overlay {display:none !important;}
.fancybox-overlay-fixed {background:none !important;}
.fancybox-skin {box-shadow: 10px 14px 20px 10px rgba(0, 0, 0, 0.15); border-radius:20px !important;}

.adventage {margin-bottom:80px;}
.adventage .adventage-list {}
.adventage .adventage-list ul {display:flex; flex-wrap:wrap; margin-bottom:-30px; margin-left:-40px;}
.adventage .adventage-list ul li {display:flex; flex-direction:column; justify-content:center; width:calc(50% - 40px); margin-left:40px; margin-bottom:30px; border:1px solid #ddd; border-radius:10px; min-height:170px; padding:25px 10px 25px 25px;}
/* .adventage .adventage-list ul li:nth-child(odd)	{text-align:right;}
.adventage .adventage-list ul li:nth-child(odd) {padding:25px 25px 0 10px;} */
.adventage .adventage-list ul li .num {font-size:20px; font-weight:700; color:#333; letter-spacing:-.035em; margin-bottom:10px; padding-left:0.8em; text-indent:-0.8em;}
.adventage .adventage-list ul li .num br {display:none;}
.adventage .adventage-list ul li .txt {font-size:18px; line-height:1.667em; color:#555; letter-spacing:-.025em; }

.fr-view {font-size:18px !important;}