@charset "utf-8";

/*공통*/
.doc-tit {position:relative; padding-left:28px; font-size:26px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#202020; margin-bottom:25px;}
.doc-tit:before {content:""; position:absolute; width:19px; height:19px; background:url("../images/sub/doc_tit.gif") no-repeat 50% 50%; left:0; top:6px; background-size:contain;}

.doc-cnt:last-child {margin-bottom:0 !important;}
.table-wrap table  {border-collapse:collapse; width:100%; border-top:1px solid #868686; border-bottom:1px solid #868686; text-align:center;}
.table02 thead th {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#ececec; padding:15px 5px;}
.table02 tbody th {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table02 tbody td {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:14px 5px;}
.table02 tbody td:last-child,
.table02 thead th:last-child {border-right:0;}
.table02 tbody .our {font-weight:600; background:#fafafa;}

/*tech*/
.tech-list {display:flex; margin-left:-48px; margin-bottom:-33px; flex-wrap:wrap;}
.tech-list li {width:calc(33.333% - 48px); margin-left:48px; margin-bottom:33px; border-radius:10px; background:#253e94; text-align:center; font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-0.01em; color:#fff; padding:35px 5px;}
.imgbox {display:flex;align-items: center}
.tech-wrap .imgbox {margin:69px -40px 0 -40px;}
.tech-wrap .imgbox .img {padding:0 40px;}

/*bene*/
.benefit .doc-cnt {margin-bottom:110px;}
.bene-list {display:flex; flex-wrap:wrap;}
.bene-list li {width:50%; border-bottom:1px solid #ddd; display:flex; padding:30px 10px;align-items: center; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-0.01em; color:#000;}
.bene-list li .icon {min-width:77px;}
.imgbox2 {text-align:center;}

/*filter*/
.filter .group {margin-bottom:70px;}
.filter .group p {font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-0.01em; color:#000;}
.filter .group1 p {margin-bottom:15px;}
.filter .group:last-child {margin-bottom:0;}
.filter .group1 {display:flex;}
.filter .group1 > div {width:50%;}
.filter .group1 .img {text-align:center;}
.filter .group1 th {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:13px 5px;}
.filter .group1 td {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.filter .group1 thead th:last-child {border-right:0;}
.filter .group1 tbody td:last-child {border-right:0;}

.filter .group2 p {margin-bottom:10px;}
.filter .group3 .cnt-wrap {display:flex;}
.filter .group3 .tit-wrap {margin-right:40px;}

/*spec*/
.spec .blue-group {margin-top:35px; padding-top:26px; background:#f8fbff; padding-bottom:50px;}
.spec .sub-info {font-size:18px; font-weight:500; line-height:1.7em; letter-spacing:-0.01em; color:#000;}
.spec .blue-group ul {margin-bottom:50px;}
.spec .blue-group ul li {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.01em; color:#000; position:relative; padding-left:10px;}
.spec .blue-group ul li:before {content:""; position:absolute; width:6px; height:1px; background:#000; left:0; top:14px;}
.spec .blue-group .imgbox {margin:0 -13px;}
.spec .blue-group .imgbox .box {width:25%; padding:0 13px; text-align:center;}
.spec .blue-group .imgbox .img {margin-bottom:20px;}
.spec .blue-group .imgbox .tit {width:170px; padding:5px; border-radius:50px; background:#284195; font-size:18px; font-weight:400; line-height:1em; letter-spacing:-0.01em; color:#fff; margin:0 auto;}

/*apply*/
.apply .doc-cnt {margin-bottom:50px;}
.apply-list {display:flex; margin-left:-50px;}
.apply .blue-group {padding-top:26px; background:#f8fbff; padding-bottom:30px;}
.apply-list li {width:calc(50% - 50px); display:flex;align-items: center; justify-content: center; margin-left:50px; border-radius:10px; background:#253e94; padding:20px 5px; text-align:center; font-size:20px; font-weight:400; line-height:1.6em; letter-spacing:-0.01em; color:#fff;}
.apply .cnt2 ul {display:flex; flex-wrap:wrap; margin-left:-26px; margin-bottom:-22px;}
.apply .cnt2 ul li {font-size:18px; font-weight:600; line-height:1.6em; letter-spacing:-0.01em; color:#000; width:calc(33.333% - 26px); margin-left:26px; margin-bottom:22px; text-align:center; display:flex; align-items: center; justify-content: center; background:#fff; border:1px solid #ddd; padding:14px 5px; min-height:78px;}
.apply .cnt3 .imgbox .box {width:50%; text-align:center;}
.apply .cnt3 .imgbox .tit {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#fff; background:#284195; border-radius:50px; width:178px; padding:3px; margin:0 auto 35px auto;}
.apply .cnt4 .imgbox2 {display:flex; margin-left:-4px; margin-bottom:70px;}
.apply .cnt4 .imgbox2 .box {width:calc(16.666% - 4px); margin-left:4px; text-align:center;}
.apply .cnt4 .imgbox2 .img {margin-bottom:22px;}
.apply .cnt4 .imgbox2 .tit {display:inline-block; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#fff; background:#284195; border-radius:50px; min-width:170px; padding:3px 25px;}
.table03.ver2 {display:flex; margin-left:-60px;}
.table03.ver2 table {width:calc(50% - 60px); margin-left:60px;}
.table03 th {background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; padding:13px 5px;}
.table03 td {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#000; padding:13px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#ffffff;}
.table03 td:last-child,
.table03 thead th:last-child {border-right:0;}

/*rnd*/
.rnd .txt-wrap {margin-bottom:40px;}
.rnd .txt-wrap p {font-size:20px; font-weight:500; line-height:1.6em; letter-spacing:-0.01em; color:#000; text-align:center;}
.rnd .rnd-list {display:flex; flex-wrap:wrap; margin-left:-25px; margin-bottom:-28px;}
.rnd .rnd-list li {width:calc(33.33% - 25px); margin-left:25px; margin-bottom:28px; text-align:center; padding:18px 10px; font-size:18px; font-weight:500; line-height:1.7em; letter-spacing:-0.01em; color:#000; background:#fafafa; border:1px solid #ddd;} 
.rnd .rnd-list li span {display:block; font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#253e94; margin-bottom:7px;}
.rnd .group {margin-bottom:70px;}
.rnd .bg-wrap {position:relative; padding-bottom:70px;}
.rnd .bg-wrap:before {content:""; position:absolute; width:100%; left:0; height:330px; background:#262626; bottom:0;}
.rnd .bg-wrap .bg {display:flex; align-items: flex-end;justify-content: center;}
.rnd .bg-wrap .bg .img {position:relative;}
.rnd .bg-wrap .bg .img:last-child {margin-left:-267px; margin-bottom:25px;}

/*certification*/
.certification .img {text-align:center;}

/*history*/
.history {display:flex;}
.history-bg {margin-right:50px;}
.history .cnt {flex: 1 1 auto; min-width:0; width:1%; position:relative;}
.history .cnt:before {content:""; position:absolute; width:17px; height:17px; background:#253e94; border-radius:100%; left:-8.5px; top:8px; z-index:2;}
.history .group {position:relative;  padding-left:50px; display:flex; padding-bottom:35px;}
.history .group:before {content:""; position:absolute; left:0; width:1px; height:100%; top:10px; background:#ddd;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group:after {content:""; position:absolute; width:10px; height:10px; border-radius:100%; background:#ddd; left:-5px; top:8px;}
.history .year {font-size:32px; font-weight:700; line-height:1em; letter-spacing:-0.01em; color:#253e94; min-width:125px;}
.history .month {display:block; font-size:20px; font-weight:700; min-width:50px;}
.history .group > ul > li{display:flex; line-height:1.7em; font-size:18px; font-weight:400; letter-spacing:-0.01em; color:#000;}

/*location*/
.local {margin-bottom:70px;}
.local .root_daum_roughmap {width:100% !important; height:400px !important;}
.local .root_daum_roughmap .wrap_map {height:400px !important;}
.local .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.local .roughmap_lebel_text:after {content:"(주)SMC"; font-size:12px; line-height:15px;}

.local-info {display:flex;justify-content: center}
.local-info .box {width:25%; max-width:300px; text-align:center; padding:0 10px;}
.local-info .icon {width:116px; height:116px; display:flex; justify-content:center; align-items:center; background:#253e94; border-radius:100%; margin:0 auto 25px auto;}
.local-info dl dt {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#000; margin-bottom:10px;}
.local-info dl dd {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.01em; color:#000;}