@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.blt-tt {position:relative; text-align:left; color:#2c2c2c; font-size:27px; font-weight:normal; line-height:1.2em; margin-bottom:15px;}
.blt-tt:before {content:"";display:inline-block; vertical-align:middle; margin:-.2em 12px 0 0; width:26px; height:26px; background:url('../images/sub/bullet.png') 0 0 no-repeat;}

.sub-cnt {margin-bottom:35px;}
.sub-cnt:last-child {margin-bottom:0;}

.hr {width:100%; height:1px; background:#dfdfdf; margin:35px 0;}

.table {display:table;table-layout:fixed;width:100%;}
.cell  {display:table-cell;vertical-align:middle;}

.dot-list > li {padding-left:1em; text-indent:-1.2em; font-size:20px;line-height:1.6em; margin-bottom:8px; text-align:left;}
.dot-list > li:before {content:"";display:inline-block; vertical-align:middle; margin:-.2em 13px 0 0; width:9px; height:9px; background:#ffc600; border-radius:50%;}

.bodycopy {font-size:19px;line-height:1.667em;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050; text-align:center;}
.table01 thead th {padding:16px 0; font-size:20px; font-weight:500; line-height:1.2em; color:#2c2c2c; background:#f7f7f7; border-bottom:1px solid #dfdfdf; border-top:0; text-align:center;}
.table01 tbody th {padding:25px 0; font-size:18px; font-weight:500; line-height:1.2em; color:#505050; background:#f7f7f7; border:1px solid #dfdfdf; border-top:0; text-align:center;}
.table01 tbody td {padding:25px 40px; font-size:16px; font-weight:400; line-height:1.6em; color:#505050; text-align:left; border:1px solid #dfdfdf; border-top:0; text-align:center;}
.table01 th:first-child,
.table01 td:first-child {border-left:0;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}

.table-wrap {box-sizing:border-box; border-top: 3px solid transparent; border-image:linear-gradient(90deg, #1eac60 0%, #008bd0 100%); border-image-slice:1;}
.table-wrap .table01 {border-top:0;}

/* sub */
.company {position:relative; padding-bottom:90px;}
.company .left {margin-right:100px;}
.company .left h4 {font-size:60px;font-weight:700;line-height:50px;letter-spacing:-.06em; color:#f7f7f7;}
.company .left .text-group {padding:70px 580px 60px 60px; background:#f7f7f7; box-shadow:2px 2px 2px rgba(0,0,0,.13); font-size:18px;line-height:40px;color:#808080;}2020-10-16
.company .left .text-group h3 {font-size:30px;font-weight:700;line-height:45px;letter-spacing:-.06em; color:#009f71; margin-bottom:25px;}
.company .left .employee {text-align:right; font-weight:800;line-height:1.3em;color:#2c2c2c; padding-right:40px; margin-top:20px;}
.company .right {position:absolute;z-index:2;top:100px;right:0; overflow:hidden;}

.greeting:after {content:" "; display:block; clear:both;}
.greeting .left {float:left;}
.greeting .right {margin-left:730px; overflow:hidden;}
.greeting .right h4 {font-size:60px;font-weight:700;line-height:1.3em;letter-spacing:-.04em; color:#2c2c2c; margin:12px 0 18px;}
.greeting .right .text-group {font-size:18px;line-height:30px;letter-spacing:-.06em;}
.greeting .right .text-group p {margin-bottom:15px;}
.greeting .right .ceo {text-align:right; font-weight:700;line-height:1.3em;color:#2c2c2c; margin-top:20px; margin-bottom:0;}
.greeting .right .ceo img {vertical-align:baseline;margin:0 0 0 30px;}

.bg-headcopy {display:table; width:100%; height:230px; color:#fff; background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.bg-headcopy .tit {display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;}
.bg-headcopy h4 {font-size:32px;line-height:1.4em;font-weight:800; letter-spacing:-.04em;}
.bg-headcopy h4 strong {font-size:38px;font-weight:800;}
.bg-headcopy h4 strong .ff-noto {font-size:32px;}
.bg-headcopy h4 .thin {font-weight:400;}
.bg-headcopy p  {font-size:18px;line-height:1.7em;font-weight:400; letter-spacing:-.04em; margin-top:10px;}

.history {position:relative; padding-top:140px;margin-top:-50px;background:url("../images/sub/timeline.gif") 50% 0 repeat-y;}
.history:after {content:""; position:absolute; top:0; left:50%; margin-left:-15px; width:30px; height:30px; background:#009f71; border:6px solid #fff; border-radius:100%;}
.record {position:relative;margin-bottom:55px;}
.record:after {content:"";display:block;clear:both;;}
.record .ico {float:left;width:50%;padding:0 115px 0 0; text-align:right;}
.record .cnt {float:right;width:50%;padding:0 0 0 30px;position:relative;top:30px;}
.record .cnt h3 {color:#000; font-size:30px;font-weight:800;line-height:40px;letter-spacing:-.06em; margin-bottom:10px; position:relative;}
.record .cnt h3:before {content:""; display:block;position:absolute;left:-35px;top:50%;width:11px;height:11px;background:#009f71; transform:translate(0,-50%) rotate(45deg);}
.record .cnt h3:after  {content:""; display:block;position:absolute;left:-150px;top:50%;width:120px;height:1px;z-index:-1;background:#dfdfdf;}
.record .cnt ul li {padding:0 0 0 55px; color:#2c2c2c; font-size:18px;font-weight:400;line-height:1.6em;letter-spacing:-.06em; margin-bottom:15px;}
.record .cnt ul li:last-child {margin-bottom:0;}
.record .cnt ul li .tt {display:inline-block; text-indent:-54px; font-size:20px;font-weight:700; color:#2c2c2c;}
.record .cnt ul li .tt:after {content:"";display:block;clear:both;}
.record:nth-child(even) .ico {float:right;padding:0 0 0 115px; text-align:left;}
.record:nth-child(even) .cnt {float:left; padding:0 30px 0 0; text-align:right;}
.record:nth-child(even) .cnt h3:before {right:-36px; left:auto;}
.record:nth-child(even) .cnt h3:after  {right:-150px;left:auto;}
.record:nth-child(even) .cnt ul li {padding:0}
.record:nth-child(even) .cnt ul li .tt {text-indent:0;}
.record:last-child:before {content:""; position:absolute;top:53px;left:calc(50% - 1px);bottom:0;width:2px;background:#fff;z-index:0;}

.local-map {position:relative; border:1px solid rgba(0,0,0,.1); margin-bottom:25px;}
.root_daum_roughmap {padding:0 !important; border:0 !important; border-radius:0 !important; width:100% !important;}
.root_daum_roughmap .border1 {display:none !important;}
.root_daum_roughmap .border2 {display:none !important;}
.root_daum_roughmap .border3 {display:none !important;}
.root_daum_roughmap .border4 {display:none !important;}
/* .roughmap_maker_label {display:none !important;} */
.local-info .table01 {border:0;}
.local-info .table01 thead th {padding:12px 0;border-bottom:0;}
.local-info .table01 tbody td {padding:25px 0; font-size:16px; font-weight:300; line-height:22px; text-align:center; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; vertical-align:top;}
.local-info .table01 tbody td .icon {margin-bottom:15px;}

.board-info {margin-top:50px;}
.board-info .inner {display:table; width:100%; height:210px; padding:0 55px; background-position:50% 0; background-repeat:no-repeat;}
.board-info .tit {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.board-info h2 {font-size:30px; line-height:1.4em; letter-spacing:-.06em; color:#2c2c2c; font-family:'NanumSquare';}
.board-info p  {font-size:20px; line-height:1.4em; letter-spacing:-.06em; color:#505050; font-family:'NanumSquare'; margin-top:15px;}
.board-info .inner.bg1 {background-image:url("../images/sub/bg_board_info1.jpg");}

.sub-tab-wrap {text-align:center; line-height:0; margin-bottom:45px; border-radius:10px;box-shadow: 3px 3px 3px rgba(0,0,0,.2);}
.sub-tab {border-radius:10px;overflow:hidden;}
.sub-tab ul {display:table; table-layout:fixed; width:100%;}
.sub-tab ul li {display:table-cell;vertical-align:middle; border-left:1px solid #dfdfdf;}
.sub-tab ul li:first-child {border-left:0;}
.sub-tab ul li a {display:inline-block; width:100%; background:#f7f7f7; color:#808080; font-size:20px; line-height:68px; position:relative;}
.sub-tab ul li a:after {content:""; position:absolute; top:-1px; left:0; width:100%; height:100%; border:0; box-shadow: 0 0 0 rgba(0,0,0,0); -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.sub-tab ul li:hover a {color:#009f71;}
.sub-tab ul li.active a {background:#009f71; color:#fff;}
.sub-tab ul li.active a:after {border-top:1px solid #009f71; border-bottom:1px solid #009f71; z-index:1;}

.process {overflow:hidden; text-align:center;}
.process ul {margin:0 -61px; display:flex;}
.process ul li {flex:1; position:relative; padding:0 61px;}
.process ul li:after {content:"";position:absolute;top:90px;left:-5px; width:10px;height:14px; background:url('../images/sub/arrow.png') 0 0 no-repeat;}
.process ul li:first-child:after {display:none;}
.process ul li p {margin-top:10px; font-size:18px;font-weight:500;color:#2c2c2c;}
.process ul li p .desc {font-size:16px;font-weight:300;color:#505050;}

.contact-com { border-radius: 30px; background: #0b95a9; text-align: center; color: #fff; display: inline-block; padding: 15px 80px 15px 30px; font-size: 20px; color: #fff; letter-spacing: -.05em; line-height: 1em; font-weight: 400; position: relative;  margin: auto;}
.contact-btn { display: flex; justify-content: center;}
.contact-com::after { content: ""; width: 28px; height: 20px; background: url(../images/sub/download.png); position: absolute; right: 30px; background-size: cover; }
.ct2 .search { display: flex ;}
.contact-btn {margin-right: 25px;} 
.ct2 .search .contact-com { font-size: 15px; font-weight: 300; padding: 10px 60px 10px 20px; }
.ct2 .search .contact-com::after { right: 20px; top: 7px;}

.c-dk {color:#2c2c2c;}
.bg-gdnt {background: rgba(30,172,96,1);
	background: -moz-linear-gradient(left, rgba(30,172,96,1) 0%, rgba(0,139,208,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,172,96,1)), color-stop(100%, rgba(0,139,208,1)));
	background: -webkit-linear-gradient(left, rgba(30,172,96,1) 0%, rgba(0,139,208,1) 100%);
	background: -o-linear-gradient(left, rgba(30,172,96,1) 0%, rgba(0,139,208,1) 100%);
	background: -ms-linear-gradient(left, rgba(30,172,96,1) 0%, rgba(0,139,208,1) 100%);
	background: linear-gradient(to right, rgba(30,172,96,1) 0%, rgba(0,139,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eac60', endColorstr='#008bd0', GradientType=1 );
}