@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.history-top {font-size:45px; letter-spacing:-.03em; font-weight:700; display:inline-block; line-height:1.1em; color:#242424; font-family:'Raleway', sans-serif;}
.history-top span {font-size:35px; letter-spacing:-.03em; font-weight:700;}
.history-top .color-1 {color:#015332;}
.history-top .color-2 {color:#017b37;}
.history-top .color-3 {color:#68b543;}
.history-top p {font-size:20px; margin:25px 0 35px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; font-family:'NanumSquare', sans-serif;}

.history {padding-top:55px; display:flex; border-top:2px solid #015332;}
.history .col-l {font-size:60px; padding-right:130px; border-right:1px solid #ddd; letter-spacing:-.03em; line-height:1em; font-weight:500; color:#2c2c2c; font-family:'Montserrat', sans-serif;}
.history .col-r {padding:35px 0 35px 77px; flex:1;}
.history .col-r .group {margin-bottom:65px;}
.history .col-r .group:last-child {margin-bottom:0;}
.history .col-r .group .year {font-size:26px; padding-bottom:25px; border-bottom:1px solid #ddd; letter-spacing:-.03em; color:#015332; font-weight:800; line-height:1.1em; font-family:'NanumSquare', sans-serif;}
.history .col-r .group ul {padding-left:11px; padding-top:25px;}
.history .col-r .group ul li {padding-left:13px; margin-bottom:15px; position:relative;}
.history .col-r .group ul li:last-child {margin-bottom:0;}
.history .col-r .group ul li:before {position:absolute; content:''; width:4px; height:4px; top:12px; left:0; border-radius:100%; background-color:#68b543;}

.root_daum_roughmap {width:100% !important;}

.local-address {padding:25px 0;}
.local-address .tit {font-weight:500; color:#013f27;}
.local-address h4 {font-size:24px; margin:5px 0; letter-spacing:-.03em; color:#242424; line-height:1.3em; font-family:'NanumSquare', sans-serif;}
.local-address span {padding-right:15px; display:inline-block;}

.local li:first-child {border-top:1px solid #ddd;}
.local li {display:flex; position:relative; border-bottom:1px solid #ddd; padding:25px 0;}
.local li span {font-size:18px; width:180px; margin-left:30px; display:block; font-weight:500; color:#242424;}
.local li span img {vertical-align:middle; margin:-3px 17px 0 0;}

.sub-tabmenu {margin-bottom:60px; text-align:center;}
.sub-tabmenu.w50 li {width:50%;}
.sub-tabmenu ul {display:flex;}
.sub-tabmenu ul li {width:25%;}
.sub-tabmenu ul li a {font-size:18px; height:60px; line-height:60px; font-family:'NanumSquare', sans-serif; color:#555; letter-spacing:-.03em; font-weight:700; display:block; position:relative; width:100%; border:1px solid #ddd; border-right:0; z-index:1;}
.sub-tabmenu ul li:last-child a {border-right:1px solid #ddd;}
.sub-tabmenu ul li.active {z-index:2;}
.sub-tabmenu ul li.active a {font-weight:700; border-color:#017b3a; background:#017b3a; color:#fff;}

.sub2-1wrap {padding:0 100px; margin-bottom:70px; font-family:'Raleway', sans-serif;}
.sub2-1wrap h4 {font-size:26px; margin-bottom:55px; font-family:'Raleway', sans-serif; color:#242424; letter-spacing:-.03em; line-height:1.1em; text-align:center;}

.sub2-1 {display:flex;}
.sub2-1 .col-l .row {margin-bottom:45px; display:flex;}
.sub2-1 .col-l .row:last-child {margin-bottom:0;}
.sub2-1 .col-l .row .img {margin-right:40px;}
.sub2-1 .col-l .row .cnt .tit {font-size:20px; margin-bottom:5px; font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.45em;}
.sub2-1 .col-r {flex:1;}
.sub2-1 .col-r ul {padding:55px 40px 60px; margin-left:60px; margin-top:10px; background-color:#eaf4f6; border-top-left-radius:50px; border-bottom-right-radius:50px; box-shadow:1px 3px 10px rgba(0,0,0,.4);}
.sub2-1 .col-r ul li {font-size:20px; padding-left:15px; margin-bottom:5px; letter-spacing:-.03em; line-height:1.9em; font-weight:500; color:#335f78; position:relative;}
.sub2-1 .col-r ul li:last-child {margin-bottom:0;}
.sub2-1 .col-r ul li:before {position:absolute; content:''; width:5px; height:5px; top:16px; left:0; background-color:#2a5c7c; border-radius:100%;}

.list-1 li {padding-left:15px; position:relative; font-weight:600; font-family:'Raleway', sans-serif;}
.list-1 li:before {position:absolute; content:''; width:4px; height:4px; top:12px; left:0; background-color:#454545; border-radius:100%;}
.list-1 li .st1 {font-size:18px; letter-spacing:-.03em; font-weight:700; color:#5e90ac;}
.list-1 li .st2 {color:#5e90ac;}

.menu-flex {height:130px; margin-bottom:50px; display:flex; border-top:1px solid #333; align-items:center; border-bottom:1px solid #ddd; font-family:'Raleway', sans-serif;}
.menu-flex .name-tit {font-size:20px; height:128px; width:250px; font-weight:700; display:flex; align-items:center; justify-content:center; color:#242424; background-color:#fafafa;}
.menu-flex .s-menutab {flex:1;}
.menu-flex ul {display:flex; justify-content:center;}
.menu-flex ul li {padding:0 15px; font-weight:500; color:#242424; position:relative;}
.menu-flex ul li:after {position:absolute; content:''; width:1px; height:26px; background-color:#ddd; top:4px; right:0;}
.menu-flex ul li:last-child:after {display:none;}
.menu-flex ul li.active {color:#017b3a; text-decoration:underline;}
.menu-flex ul.type2 {flex-wrap:wrap; padding:0 150px;}
.menu-flex ul.type2 li:nth-child(-n+4) {margin-bottom:13px;}
.menu-flex ul.type2 li:nth-child(4):after {display:none;}

.doc-tit {font-size:23px; margin-bottom:40px; padding-bottom:12px; border-bottom:1px solid #ddd; padding-left:30px; color:#242424; font-family:'Raleway', sans-serif; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.doc-tit:before {position:absolute; content:''; width:20px; height:20px; left:0; top:5px; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat;}
.doc-sub-tit {font-size:20px; margin-bottom:15px; padding-left:30px; color:#242424; font-weight:600; position:relative; font-family:'Raleway', sans-serif;}
.doc-sub-tit:before {position:absolute; content:''; width:18px; height:18px; left:0; top:5px; background-image:url('../images/sub/docsubtit.png'); background-size:contain; background-repeat:no-repeat;}

.pro-img {margin-bottom:65px;}

.table-1 {text-align:center;}
.table-1 table {border-collapse:collapse; width:100%;}
.table-1 table thead th {padding:11px 0; background-color:#5e9346; color:#fff; border-left:1px solid #ddd; letter-spacing:-.03em;}
.table-1 table tbody th {font-weight:500; color:#242424; border-bottom:1px solid #ddd; background-color:#fafafa;}
.table-1 table tbody td {padding:11px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table-1 table thead th.type2 {background-color:#bfd4b5; color:#2d4a1f; border-top:1px solid #ddd; font-weight:500;}
.table-1 table tbody td.green {font-size:18px; font-weight:500; color:#5e9346;}
.table-1 table tbody .blue {color:#5e90ac;}
.table-1 table tbody td .img {padding:4px 0; text-align:center;}
.table-1 table tbody td.left {padding-left:20px; text-align:left;}
.table-1.first {margin-bottom:40px;}

.pad100 {padding:0 100px;}

.doc-group {margin-bottom:55px;}

.pro-img2 {margin-bottom:15px;}

.doc-flex {display:flex;}
.doc-flex .list-1 {margin:25px 0 0 50px;}

.doc-flex2 {justify-content:space-between;}
.doc-flex3 {align-items:center;}
.doc-flex3 .list-1 {margin:0 0 0 30px;}

.please {font-size:23px; padding:35px 0; font-weight:500; letter-spacing:-.03em; text-align:center; font-family:'Raleway', sans-serif; background-color:#f5f5f5; border-radius:10px;}

.fz14 {font-size:0.875em; font-weight:400;}

.wrap-box .img {padding-left:50px; margin-top:42px;}

.dot-none {margin:5px 0;}
.dot-none li {padding-left:7px; text-indent:-7px;}
.dot-none li:before {display:none;}

.biozeen-top {text-align:center;}
.biozeen-top p {font-size:20px; letter-spacing:-.03em; line-height:1.65em;}
.biozeen-top span {font-size:23px; font-weight:500;}
.biozeen-top .c-1 {color:#119b46;}
.biozeen-top .c-2 {color:#242424;}
.biozeen-top .img-logo {margin:40px 0 60px;}

.pad65 {padding:0 65px;}
.pad65 .list-1 {padding-left:35px;}