@charset "utf-8";

/*공통*/
.doc-tit {font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00428c; margin-bottom:23px;}
.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}

.txt-blue {color:#00428c !important;}
.txt-navy {color:#00428c !important;}
.bg-gray {position:relative;}
.bg-gray:before {content:""; position:absolute; width:100vw; height:100%; top:0; left:50%; transform:translateX(-50%); background:#fafafa; z-index:-1;}

.list01 > li {position:relative; font-size:16px; font-weight:300; color:#505050; padding-left:9px;}
.list01 > li:before {content:""; position:absolute; width:4px; height:1px; background:#505050; left:0; top:15px;}

.list02 {display:flex; flex-wrap:wrap;}
.list02 > li.wide {width:100%;}
.list02 > li.ver2 {color:#00428c; font-weight:700;}
.list02 > li {position:relative; padding-left:17px; font-size:18px; font-weight:300; letter-spacing:-0.04em; color:#505050; width:50%;}
.list02 > li:before {content:""; position:absolute; width:6px; height:6px; background:#00428c; left:0; top:13px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table {border-top:1px solid #a8a8a8; text-align:center;}
.table01 th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa; padding:18px 10px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.table01 td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:17px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#505050; padding:18px 10px;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}

.table02 table {border-top:1px solid #a8a8a8;}
.table02 th {text-align:center; background:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; border-left:1px solid #ddd;}
.table02 td {border-bottom:1px solid #ddd; padding:14px 20px; font-size:16px; font-weight:300; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}
.table02 th:first-child {border-left:0;}
.table02 .br0 {border-right:0;}

/* about */
.about .txt-wrap {padding-bottom:48px; background:url("../images/sub/about_bg.png") no-repeat right 102%; border-bottom:1px solid #a8a8a8; margin-bottom:60px;}
.about .txt-wrap h3 {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:22px;}
.about .txt-wrap p {font-weight:300; letter-spacing:-0.04em; color:#505050; margin-bottom:20px;}
.about .txt-wrap p:last-child {margin-bottom:0;}

.about .comp-info {display:flex;}
.about .comp-info .box {flex:1; border:1px solid #ddd; margin-left:-1px; padding:60px 20px; text-align:center;}
.about .comp-info .box:first-child {margin-left:0;}
.about .comp-info .icon {margin-bottom:20px;}
.about .comp-info dt {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:15px}
.about .comp-info dd {font-weight:300; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}

.about .history .tit {font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; padding-bottom:55px; margin-bottom:24px; border-bottom:1px solid #a8a8a8;}
.about .history .tit span {font-size:18px; font-weight:300; line-height:1.2em; color:#878787; display:inline-block; margin-left:15px; vertical-align:baseline;}
.about .history .col {position:relative;}
.about .history .col .year {position:absolute; left:0; top:24px; padding-bottom:26px; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#00428c; z-index:1;}
.about .history .col .year:before {content:""; position:absolute; left:0; bottom:0; width:240px; height:2px; background:#00428c;}
.about .history .col > ul > li {position:relative; border-bottom:1px solid #ddd; padding:29px 10px 29px 318px; font-weight:300; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}
.about .history .col > ul > li:before {content:""; position:absolute; width:3px; height:3px; background:#505050; border-radius:100%; margin-left:-14px; top:38px;}

/* product */
.product .sub-content.pt0 {padding-top:0;}
.product .sub-content.pb0 {padding-bottom:0;}
.product .sub-content {padding:100px 0;}
.product .sub-content .sub-title {margin-top:0;}
.product .sub-content-tit {text-align:center; font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:50px;}

.pro1 .colBox {display:flex; justify-content:space-between;}
.pro1 .col {width:calc(50% - 30px);}
.pro1 .col .col-tit {padding-bottom:23px; margin-bottom:25px; position:relative; border-bottom:1px solid #ddd; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.pro1 .col .col-tit:before {content:""; position:absolute; width:90%; max-width:240px; height:2px; background:#00428c; left:0; bottom:0;}
.pro1 .col .txt {font-weight:300; letter-spacing:-0.04em; color:#505050;}

.pro2 .colBox {display:flex; justify-content:space-between;}
.pro2 .col {width:calc(33.333% - 20px);background:#fff; border:1px solid #ddd;}
.pro2 .col .col-tit {text-align:center; background:#00428c; color:#fff; padding:20px 10px; font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.pro2 .col .cnt {padding:18px 30px; }
.pro2 .imgBox {padding:55px 60px; border:1px solid #ddd}
.pro2 .imgBox .img {margin-top:-20px;}
.pro2 .imgBox2 {display:flex; flex-wrap:wrap; margin:0 -30px -55px -30px;}
.pro2 .imgBox2 .box {width:50%; padding:0 30px; margin-bottom:55px; text-align:center;}

.pro3 .topImg {padding:10px; min-height:375px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd;}
.pro3 .sub-txt {font-weight:300; letter-spacing:-0.04em; color:#505050;}
.pro3 .col {padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.pro3 .col:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.pro3 .imgBox {display:flex; flex-wrap:wrap; margin:0 -30px -55px -30px;}
.pro3 .imgBox .box {width:50%; padding:0 30px; margin-bottom:55px; text-align:center;}
.pro3 .imgBox .txt {margin-top:23px; font-weight:300; letter-spacing:-0.04em; color:#505050;}
.pro3 .table02 {margin-top:24px;}

.pro3 .colBox {display:flex; justify-content:space-between;}
.pro3 .colBox .box {width:calc(33.333% - 20px); position:relative; background:#fff;}
.pro3 .colBox .box:before {content:""; position:absolute; width:100%; height:100%; border:1px solid #ddd; left:0; top:0;}
.pro3 .colBox .box .col-tit {position:relative; text-align:center; background:#00428c; color:#fff; padding:20px 10px; font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.pro3 .colBox .box .col-tit:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #00428c;}
.pro3 .colBox .box .cnt {padding:18px 30px;}
.pro3 .circle {display:flex; justify-content:center; margin:-30px; flex-wrap:wrap;}
.pro3 .circle .box {width:240px; height:240px; background:#00428c; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border-radius:100%; margin:30px;}
.pro3 .circle .box .icon {margin-bottom:12px;}
.pro3 .circle .box .txt {color:#fff; font-weight:300; letter-spacing:-0.04em;}

/* location */
.location .local {margin-bottom:60px;}
.location .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .root_daum_roughmap .wrap_map {height:430px !important;}
.local-info {display:flex;}
.local-info .box {width:33.333%; border-right:2px dashed #ddd; padding:20px; text-align:center;}
.local-info .box:last-child {border-right:0;}
.local-info .box .icon {margin-bottom:20px;}
.local-info dt {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#00428c; margin-bottom:12px;}
.local-info dd {font-weight:300; letter-spacing:-0.03em; color:#505050;}