@charset "utf-8";

/*공통*/
.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-tit {padding-left:30px; position:relative; font-family:'Open Sans'; font-size:22px; font-weight:600; line-height:1.4em; letter-spacing:0; color:#242424; margin-bottom:20px;}
.doc-tit:before {content:""; position:absolute; width:20px; height:20px; background:url("../images/sub/bullet01.gif") no-repeat 50% 50%; left:0; top:7px;}
.doc-tit.type1 {margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #ddd;}
.sub-info {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}

.doc-cnt.pl0 {padding-left:0 !important;}

.table02 table {border-collapse:collapse; width:100%;}
.table02 th {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding:15px 5px; background:#f8f8f8; border:1px solid #ddd; display:block; border-bottom:0;}
.table02 td {display:block; border:1px solid #ddd; border-bottom:0; padding:35px 10px;}
.table02 tr:last-child td {border-bottom:1px solid #ddd;}

.table03 table {border-collapse:collapse; width:100%; border-top:1px solid #ddd; text-align:center;}
.table03 th {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#fff; padding:5px; background:#001d4a; border-bottom:1px solid #ddd;  height:60px;}
.table03 td {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#454545; padding:5px; border:1px solid #ddd; border-top:0; border-left:0;}


/*history*/
.history .bg {margin-bottom:60px;}
.history .cnt {display:flex; flex-wrap:wrap;}
.history .cnt .part {width:20%; position:relative;}
.history .cnt .part:before {content:""; position:absolute; width:100%; height:1px; background:#ddd; left:0; top:47px;}
.history .cnt .year {font-family:'Open Sans'; font-size:24px; font-weight:700; font-style:italic; color:#152348; letter-spacing:-0.03em; line-height:1em; position:relative; padding-bottom:32px; margin-bottom:18px;}
.history .cnt .year:before {content:""; position:absolute; width:17px; height:17px; background:#fff; border:4px solid #152348; border-radius:100%; left:20px; bottom:0;}
.history .cnt .part ul {padding-left:22px;}
.history .cnt .part ul li {position:relative; padding-left:10px; font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.04em; color:#454545; margin-bottom:20px;}
.history .cnt .part ul li:last-child {margin-bottom:0;}
.history .cnt .part ul li:before {content:""; position:absolute; width:4px; height:4px; background:#454545; border-radius:100%; left:0; top:10px;}

/*vision*/
.sub-tit-wrap {text-align:center; margin-bottom:60px;}
.sub-tit-wrap p {position:relative; display:inline-block; padding-top:10px; position:relative; font-family:'NanumSquare',sans-serif; font-size:22px; font-weight:700; line-height:2em; letter-spacing:-0.03em; color:#242424;}
.sub-tit-wrap p .txt-pur {font-weight:800;}
.sub-tit-wrap p .tit-left {background:url("../images/sub/tit_left.png") no-repeat 50% 50%; background-size:contain; vertical-align:top; display:inline-block; width:25px; height:21px; margin-right:8px; position:relative;}
.sub-tit-wrap p .tit-right {background:url("../images/sub/tit_right.png") no-repeat 50% 50%; background-size:contain;  vertical-align:top; display:inline-block; width:25px; height:21px; margin-left:8px; position:relative;}

/*policy*/
.policy .bg {margin-bottom:80px;}
.policy .cnt ul {display:flex;}
.policy .cnt ul li {text-align:center; padding:0 40px; width:33.333%; border-right:1px solid #ddd;}
.policy .cnt ul li:last-child {border-right:0;}
.policy .cnt ul li .icon {border-radius:100%; box-shadow:7px 7px 10px rgba(178,178,178,0.35); display:inline-block; margin-bottom:28px;}
.policy .cnt ul li .tit {font-size:18px; font-weight:500; line-height:1.7em; letter-spacing:-0.03em; color:#242424;}
.policy .cnt ul dl {border:1px solid #ddd; padding:25px 10px; border-radius:10px; margin-bottom:57px; position:relative;}
.policy .cnt ul dl:before {content:""; position:absolute; width:1px; height:57px; border:1px dashed #ddd; left:50%; margin-left:-0.5px; bottom:-57px;}
.policy .cnt ul dl:after {content:""; position:absolute; width:15px; height:15px; border-radius:100%; border:3px solid #ddd; left:50%; margin-left:-7.5px; bottom:-7.5px; background:#fff;}
.policy .cnt ul dt {font-size:20px; font-weight:500; line-height:1.4em; max-width:180px; letter-spacing:-0.03em; color:#fff; padding:15px 10px; border-radius:50px; background-color:#ddd; width:100%; position:relative; margin-left:auto; margin-right:auto; margin-top:-55px; margin-bottom:20px;}
.policy .cnt ul dd {font-size:16px; font-weight:500; line-height:1.7em; letter-spacing:-0.03em;}
.policy .cnt ul li:nth-child(1) dl {border-color:#001d4a;} 
.policy .cnt ul li:nth-child(1) dl:before,
.policy .cnt ul li:nth-child(1) dl:after {border-color:#001d4a;}
.policy .cnt ul li:nth-child(1) dt {background-color:#001d4a;}
.policy .cnt ul li:nth-child(1) dd {color:#001d4a;}

.policy .cnt ul li:nth-child(2) dl {border-color:#054261;} 
.policy .cnt ul li:nth-child(2) dl:before,
.policy .cnt ul li:nth-child(2) dl:after {border-color:#054261;}
.policy .cnt ul li:nth-child(2) dt {background-color:#054261;}
.policy .cnt ul li:nth-child(2) dd {color:#054261;}

.policy .cnt ul li:nth-child(3) dl {border-color:#045157;} 
.policy .cnt ul li:nth-child(3) dl:before,
.policy .cnt ul li:nth-child(3) dl:after {border-color:#045157;}
.policy .cnt ul li:nth-child(3) dt {background-color:#045157;}
.policy .cnt ul li:nth-child(3) dd {color:#045157;}

/*location*/
.local-tab {text-align:center; margin-bottom:60px;}
.local-tab ul {align-items: center; justify-content: center; padding:5px; background:#152348; border-radius:50px; display:inline-flex;}
.local-tab ul li a {display:block; padding:12px 35px; background-color:transparent; font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:700; opacity:0.6; color:#fff; letter-spacing:-0.03em; line-height:1.2em; border-radius:50px;}
.local-tab ul li.active a  {background:#fff; color:#152348; font-weight:800; opacity:1;}
.location .local {margin-right:60px; width:600px;}
.location .local-info {flex: 1 1 auto; min-width: 0; width: 1%; display:flex;flex-direction: column; justify-content: flex-end;}
.location .local-info .logo {margin-bottom:60px;}
.location .local-info dl {display:flex;padding:10px 0; padding-left:43px; background-position:left 3px; background-repeat:no-repeat; margin-bottom:20px;}
.location .local-info dl:last-child {margin-bottom:0;}
.location .local-info dt {font-size:18px; font-family:'NanumSquare',sans-serif; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#152348; min-width:60px; position:relative; }
.location .local-info dl:nth-child(1) {background-image:url("../images/sub/local_icon1.png");}
.location .local-info dl:nth-child(2) {background-image:url("../images/sub/local_icon2.png");}
.location .local-info dl:nth-child(3) {background-image:url("../images/sub/local_icon3.png");}
.location .local-info dl:nth-child(4) {background-image:url("../images/sub/local_icon4.png");}

.location .local-info dt:before {content:""; position:absolute; width:1px; height:10px; right:0; background:#dddddd; top:6px;}
.location .local-info dd {padding-left:20px; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}

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

#local1 .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
#local1 .roughmap_lebel_text:after {content:"DS FILTER"; font-size:12px; line-height:15px;}

.location-wrap {position:relative;}
.location {display:flex; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;}
.location.on {opacity:1; z-index:1; position:relative;}

/*ci*/
.ci .bg {margin-bottom:30px;}
.ci .down-wrap {display:flex; justify-content: center; margin-right:-20px;}
.ci .down-wrap a {display:block; width:50%; max-width:280px; padding:18px 30px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; position:relative; margin-right:20px;}
.ci .down-wrap a:before {content:""; position:absolute; width:24px; height:24px; background:url("../images/sub/down_icon.png") no-repeat 50% 50%; right:30px; top:50%; margin-top:-12px;}
.ci .down-wrap a:nth-child(1) {background-color:#001c4b;}
.ci .down-wrap a:nth-child(2) {background-color:#6d54b9;}

.ci .doc-cnt {padding-left:30px;}
.ci table {border-collapse:collapse; width:100%; text-align:center;}
.table01 {margin-bottom:60px;;}
.table01:last-child {margin-bottom:0;}
.table01 thead th {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; border:1px solid #ddd; background:#f8f8f8; padding:20px 10px;}
.table01 tbody th,
.table01 tbody td {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; border:1px solid #ddd; border-top:0;}
.table01 tbody td {padding:25px 10px;}
.table01 tbody td span {display:inline-block; margin-right:15px;}
.table01 tbody td span:last-child {margin-right:0;}

.table01.ver1 tbody tr:nth-child(1) th {background:#001d4a;}
.table01.ver1 tbody tr:nth-child(2) th {background:#384d6e;}
.table01.ver1 tbody tr:nth-child(3) th {background:#51627d;}
.table01.ver1 tbody tr:nth-child(4) th {background:#67758f;}
.table01.ver1 tbody tr:nth-child(5) th {background:#7f8da5;}
.table01.ver1 tbody tr:nth-child(6) th {background:#92a2b5;}
.table01.ver1 tbody tr:nth-child(7) th {background:#caccd5;}


.table01.ver2 tbody tr:nth-child(1) th {background:#414042;}
.table01.ver2 tbody tr:nth-child(2) th {background:#58595b;}
.table01.ver2 tbody tr:nth-child(3) th {background:#808285;}
.table01.ver2 tbody tr:nth-child(4) th {background:#939598;}
.table01.ver2 tbody tr:nth-child(5) th {background:#a7a9ac;}
.table01.ver2 tbody tr:nth-child(6) th {background:#bcbec0;}
.table01.ver2 tbody tr:nth-child(7) th {background:#dcddde;}


/*business*/
.business .group {padding:100px 0; background:#f8f6fc;}
.business .bg .tit {text-align:center; font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-top:30px;}

/*rnd*/
.rnd .gray-bg {background:#f8f8f8;}
.rnd .group {padding:100px 0;}
.rnd .doc-cnt {padding-left:30px;}
.rnd .cnt1 {padding-top:0 !important;}
.rnd .cnt7 {padding-top:0 !important;}
.rnd .cnt1 .img {margin-top:30px; margin-bottom:60px;}
.rnd .cnt7 .img {margin-top:30px;}

.rnd .col {display:flex; margin-top:50px;}
.rnd .col .img {margin-right:60px; width:50%; max-width:500px}
.rnd .col .wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.rnd .row-tit {font-size:18px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding-left:23px; padding-bottom:20px; border-bottom:1px solid #ddd; position:relative; margin-bottom:18px;}
.rnd .row-tit:before {content:""; position:absolute; width:13px; height:13px; border-radius:100%; border:3px solid #001d4a; left:0; top:6px;}
.rnd .row-tit.type2 {border-bottom:0; padding-bottom:0;}
.rnd .row .box {padding-left:23px;}
.rnd .row .box.type2 {padding-left:0;}
.rnd .row .sub-info {margin-bottom:25px;}

.rnd .table03 {margin-bottom:55px;}

.rnd .cnt6 ul {display:flex;}
.rnd .cnt6 .group-tit {text-align:center; font-size:30px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:50px;}
.rnd .cnt6 ul li {width:25%; text-align:center;}

/*product*/
.product .table03 td:last-child {background:#f8f8f8; border-right:0;}
.product .table03 td.deco1 {color:#fff; background:#001d4a;}
.product .col {display:flex;}
.product .col .img {margin-right:60px; width:50%; max-width:500px;}
.product .wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.product.pro2 .col {align-items: center;}

/*recruit*/
.recruit .group {padding:100px 0;}
.recruit .group:first-child {padding-top:0 !important;;}
.recruit .gray-bg {background:#f8f8f8;}
.recruit .group-tit {text-align:center; font-size:30px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#242424; margin-bottom:35px;}
.recruit-step {background:url("../images/sub/recruit_bg.jpg") no-repeat 50% 50%; background-size:cover; padding:55px 0;}
.recruit-step ul {display:flex; flex-wrap:wrap;justify-content: center; margin-bottom:-20px;}
.recruit-step ul li{width:240px; text-align:center; margin-bottom:20px;}
.recruit-step .num {font-size:15px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#6d54b9; text-decoration:underline; margin-bottom:18px;}
.recruit-step ul li:nth-child(even) .num {color:#061b33}
.recruit-step ul li:first-child .icon:before {display:none;}
.recruit-step .icon {margin-bottom:25px; display:inline-block; border-radius:100%; box-shadow:7px 7px 10px rgba(53,53,53,0.3); position:relative;}
.recruit-step .icon:before {content:""; position:absolute; width:17px; height:28px; background:url("../images/sub/step_next.png") no-repeat 50% 50%; top:50%; margin-top:-14px; left:-63px;}
.recruit-step .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:8px;}
.recruit-step .txt {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.recruit .welfare ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-30px;}
.recruit .welfare ul li {width:calc(25% - 30px); margin-left:30px; margin-bottom:30px; border:1px solid #ddd; border-radius:10px; background:#fff; text-align:center; display:flex; height:200px; padding:20px 5px; flex-direction: column; justify-content: center;}
.recruit .welfare .icon {margin-bottom:13px; height:50px; display:flex; justify-content: center; align-items: center;}
.recruit .welfare .tit {font-size:18px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#242424;}
.recruit .welfare .tit span {display:block; font-size:15px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}