@charset "utf-8";

/*공통*/
.txt-org {color:#f7921e !important;}
.doc-tit {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424; padding-left:17px; margin-bottom:30px; position:relative;}
.doc-tit:before {content:""; position:absolute; width:8px; height:8px; background:#f7921e; border-radius:100%; left:0; top:12px;}
.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}

.list01 > li {position:relative; padding-left:8px; margin-bottom:10px; font-weight:400; color:#454545; letter-spacing:-0.03em;}
.list01 > li:last-child {margin-bottom:0;}
.list01 > li:before {content:""; position:absolute; width:4px; height:1px; background:#454545; left:0; top:13px;}

.list02 > li {position:relative; padding-left:12px;}
.list02 > li:before {content:""; position:absolute; width:3px; height:3px; background:#454545; left:3px; top:14px; border-radius:100%;}

.table-wrap table  {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 th {background:#f7921e; border-right:1px solid #ddd; font-weight:500; color:#fff; letter-spacing:-0.03em; padding:12px;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}
.table01 td:first-child {text-align:center;}
.table01 td {padding:17px 20px; font-weight:400; letter-spacing:-0.03em; color:#454545; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

.page-menu {border-radius:8px; overflow:hidden; position:relative; margin-bottom:50px;}
.page-menu:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ddd; border-radius:8px;}
.page-menu ul {display:flex; flex-wrap:wrap;}
.page-menu ul li {width:calc(20% + 1px); margin-left:-1px; margin-top:-1px; border:1px solid #ddd;}
.page-menu ul li a {display:flex; align-items:center; justify-content:center; min-height:54px; text-align:center; font-weight:500; letter-spacing:-0.03em; color:#454545; z-index:1; position:relative;}
.page-menu ul li a:hover ,
.page-menu ul li.active a {background:#f7921e; font-weight:500; color:#fff;}

/* about */
.about {display:flex; background:url("../images/sub/about_bg2.png") no-repeat right top; background-size:cover;}
.about .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding:35px 30px 0 0;}
.about .txt-wrap p {margin-bottom:28px;}
.about .txt-wrap p:last-child {margin-bottom:0;}
.about .txt-wrap .tit {font-size:28px; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.about .txt-wrap .txt {font-weight:400; letter-spacing:-0.03em; color:#454545;}
.about .txt-wrap .sign {font-weight:500;}

/* location */
.local {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.local .root_daum_roughmap {width:100% !important; height:360px !important;}
.local .root_daum_roughmap .wrap_map {height:360px !important;}

.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"(주)엔토시스템"; font-size:12px; line-height:15px;}

.local-info {display:flex; justify-content:space-between;}
.local-info .box {width:24%; background:#f8f8f8; border-radius:8px; text-align:center; padding:25px 10px 20px 10px;}
.local-info .box:first-child {width:49%;}
.local-info .box .icon {margin-bottom:20px;}
.local-info .box dl {font-weight:300; color:#454545;}
.local-info .box dt {font-weight:500; margin-bottom:8px;}

/* solution */
.solution .top-tit-wrap {padding:30px; background:url("../images/sub/line_bg.gif") no-repeat 50% 50%; background-size:100% 100%; margin-bottom:50px;}
.solution .top-tit-wrap h3 {font-size:24px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}
.solution .top-tit-wrap p {font-weight:400; letter-spacing:-0.03em; color:#454545;}

.solution .bgBox .wrap {display:flex;}
.solution .bgBox .txt-wrap {padding:27px 0 0 50px; flex: 1 1 auto; min-width: 0; width: 1%;}
.solution .bgBox .col-tit {position:relative; padding-left:20px; font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#454545;}
.solution .bgBox .col-tit:last-child {margin-bottom:0;}
.solution .bgBox .col-tit:before {content:""; position:absolute; width:11px; height:16px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; left:0; top:5px;}
.solution .bgBox .col {padding-left:20px; margin-bottom:20px;}
.solution .bgBox .col:last-child {margin-bottom:0;}

.sol1 .cnt2 .wrap {display:flex; position:relative; justify-content:space-between;}
.sol1 .cnt2 .wrap .img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sol1 .cnt2 .wrap .box {width:calc(50% - 60px); text-align:center; padding:30px; border-radius:8px; background:#f8f8f8; color:#454545;}
.sol1 .cnt2 .wrap .box:last-child {background:#f7921e; color:#fff;}
.sol1 .cnt2 .wrap .box .tit {display:inline-block; font-weight:500; letter-spacing:-0.03em; color:#fff; background:#505050; border-radius:100px; padding:8px 30px; margin-bottom:15px;}
.sol1 .cnt2 .wrap .box:last-child .tit {color:#f7921e; background:#fff;}
.sol1 .cnt2 .wrap .box ul li {position:relative; font-weight:400; letter-spacing:-0.03em; margin-bottom:15px;}
.sol1 .cnt2 .wrap .box ul li:before {content:""; position:absolute; width:2px; height:2px; background:#505050; border-radius:100%; margin-left:-9px; top:14px;}
.sol1 .cnt2 .wrap .box ul li:last-child {margin-bottom:0;}
.sol1 .cnt2 .wrap .box:last-child  ul li:before {background:#fff;}

.sol2 .cnt2 .wrap {display:flex; justify-content:space-between;}
.sol2 .cnt2 .wrap .box {width:calc(33.333% - 20px); border:1px solid #ddd; border-radius:10px; padding:30px 20px 20px 30px;}
.sol2 .cnt2 .wrap .icon {margin-bottom:27px;}
.sol2 .cnt2 .wrap .tit {font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-0.04em; margin-bottom:20px;}

.sol2 .cnt3 .img {margin-bottom:30px;}
.sol2 .cnt3 ul {display:flex; flex-wrap:wrap; margin:-15px;}
.sol2 .cnt3 ul li {width:16.666%; padding:15px; position:relative; text-align:center;}
.sol2 .cnt3 ul li:before {content:""; position:absolute; width:14px; height:11px; background:url("../images/sub/bullet02.png") no-repeat 50% 50%; right:-5.5px; top:20px;}
.sol2 .cnt3 ul li:last-child:before {display:none;}
.sol2 .cnt3 ul li .num {font-weight:700; line-height:1em; letter-spacing:-0.03em; color:#f7921e; margin-bottom:18px;}
.sol2 .cnt3 ul li .cnt {padding:18px 10px; background:#f4f4f4; border-radius:8px; height:calc(100% - 34px); font-weight:400; letter-spacing:-0.03em; color:#454545;}

.solution.sol3 .bgBox .col-tit {margin-bottom:20px;}
.solution.sol3 .bgBox .txt-wrap {padding-top:19px;}
.sol3 .imgBox {display:flex; justify-content:space-between;}
.sol3 .imgBox .box {text-align:center;}
.sol3 .imgBox .img {margin-bottom:18px;}
.sol3 .imgBox p {font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.sol3 .cnt4 .wrap {text-align:center; padding:30px; border:1px solid #ddd;}
.sol3 .cnt4 .wrap .txt {margin-bottom:20px; color:#454545; letter-spacing:-0.03em; font-weight:400;}
.sol3 .cnt4 .wrap .txt:last-child {margin-bottom:0; margin-top:25px;}
.sol3 .cnt4 .wrap .txt .item {display:inline-block; padding:15px; min-width:260px; text-align:center; border-radius:100px; }
.sol3 .cnt4 .wrap .txt .item:first-child {background:#f4f4f4;}
.sol3 .cnt4 .wrap .txt .item:last-child {background:#505050; color:#fff;}
.sol3 .cnt4 .wrap .txt img {vertical-align:middle; display:inline-block; margin:0 20px;}

.sol4 .cnt2 .img {margin-bottom:30px;}
.sol4 .cnt2 .img:last-child {margin-bottom:0;}

.sol5 .cnt1 ul {display:flex; margin:0 -10px;}
.sol5 .cnt1 ul li {width:33.333%; text-align:center; border-right:1px solid #ddd; padding:0 10px;}
.sol5 .cnt1 ul li:last-child {border-right:0;}
.sol5 .cnt1 ul li .tit {font-size:24px; line-height:1.6em; letter-spacing:-0.03em; color:#242424; font-weight:500; margin-bottom:25px;}
.sol5 .cnt1 ul li .txt {font-weight:400; letter-spacing:-0.03em; color:#454545;}
.sol5 .range {display:flex; align-items:center; background:url("../images/sub/range_bg.jpg") no-repeat 50% 50%; background-size:cover; padding:100px 0 120px; position:relative; margin-bottom:50px;}
.sol5 .range .info {position:absolute; left:10px; bottom:10px; font-size:14px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.sol5 .range .box {width:33.333%; text-align:center; color:#fff;}
.sol5 .range .box .tit {font-weight:400; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:10px;}
.sol5 .range .box p {font-size:40px; font-weight:700; line-height:1.7em; letter-spacing:-0.03em;}

.sol6 .doc-cnt {display:flex;}
.sol6 .doc-cnt .imgBox {margin-right:60px;}
.sol6 .doc-cnt .imgBox .img {margin-bottom:18px;}
.sol6 .doc-cnt .imgBox .txt {padding-left:17px; font-weight:400; letter-spacing:-0.03em; color:#454545; margin-bottom:15px;}
.sol6 .doc-cnt .imgBox .txt:last-child {margin-bottom:0;}
.sol6 .doc-cnt .imgBox .txt strong {font-weight:500;}
.sol6 .doc-cnt .table-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}

.sol7 .line {padding:35px; border:1px solid #ddd;}