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

.doc-tit {margin-bottom:var(--margin-b-50); font-weight:800; font-size:var(--font-size-36); position:relative; text-align:center; color:#000; font-family:"Exo 2", sans-serif;}
.doc-tit:after {width:50px; height:3px; bottom:-20px; background-color:var(--color-primary); position:absolute; content:''; left:50%; transform:translateX(-50%);}

.doc-tit2 {padding-left:32px; margin-bottom:var(--margin-b-20); font-weight:800; font-size:var(--font-size-26); position:relative; color:#333;}
.doc-tit2:after {width:22px; height:22px; top:1px; background-image:url('../images/sub/doctit1.png'); background-repeat:no-repeat; position:absolute; content:''; left:0;}

.information {font-size:var(--font-size-17); text-align:center; display:flex; flex-wrap:wrap;}
.information .item {height:300px; line-height:1.41em; flex-direction:column; justify-content:center; width:25%; display:flex; border:1px solid #ddd; margin:-1px 0 0 -1px;}
.information .item.last {background-image:url('../images/sub/information-bg.jpg'); background-position:50% 50%; width:50%; border:none; background-repeat:no-repeat;}
.information p.left {padding:0 10px; text-align:left;}
.information strong {margin:25px 0 12px; font-weight:900; color:#333; display:block;}
.information a {color:#1c7bc4; text-decoration:underline;} 

.greeting .tit {letter-spacing:0; margin-bottom:var(--margin-b-50); font-size:var(--font-size-42); color:#4d5357; font-weight:800;}
.greeting .tit .c1 {color:var(--color-second);}
.greeting .tit .c2 {color:var(--color-primary);}
.greeting p {line-height:1.45em; letter-spacing:-.01em; font-size:var(--font-size-22);}
.greeting p.last {font-weight:800; color:#333; text-align:right;}

.history {font-size:var(--font-size-18);}
.history .item {padding:25px 130px; border-top:1px solid #ddd; display:flex;}
.history .item:last-child {border-bottom:1px solid #ddd;}
.history .year {font-size:var(--font-size-26); width:145px; padding-left:20px; position:relative; color:#334a6c; font-weight:500; letter-spacing:0;}
.history .year:before {width:6px; height:20px; position:absolute; content:''; top:2px; left:0; border-radius:10px; background-color:#334a6c;}
.history .item ul {flex:1;}
.history .item ul li {margin-bottom:5px; display:flex;}
.history .item ul li .month {width:40px;}
.history .item ul li p {flex:1;}

.vision {text-align:center;}
.vision .group:first-child p {font-size:var(--font-size-26); font-weight:500; color:#333; letter-spacing:0; line-height:1.3em;}
.vision .group {margin-bottom:var(--margin-b-100);}
.vision .group:last-child {margin-bottom:0 !important;}
.vision .corevalue .img {margin-top:var(--margin-b-100);}

.mission ul {justify-content:center; display:flex; margin:0 -25px;}
.mission ul li {padding:0 25px; font-size:var(--font-size-22); color:#000;}
.mission ul li .img {margin-bottom:var(--margin-b-20);}

.local .group {margin-bottom:var(--margin-b-50);}
.local .info {align-items:center; display:flex; background-color:#f2f2f2;}
.local .col-r {padding:35px 40px; flex:1; background-color:#f2f2f2;}
.local .col-r .tit {margin-bottom:10px; font-size:var(--font-size-30); font-weight:800; color:#333;}
.local .col-r .txt {font-size:var(--font-size-18); letter-spacing:-.03em; font-weight:500;}
.local ul {margin-top:25px; display:flex;}
.local li {margin-right:50px; align-items:center; display:flex;}
.local li .ico {margin-right:30px;}
.local li .cnt strong {font-size:var(--font-size-18); display:block; color:#333; letter-spacing:-.03em; line-height:1.3em;}
.local li:last-child p {color:#1c7bc4; text-decoration:underline;}

.local .group:last-child, .local .info .col-r ul li:last-child {margin-right:0; margin-bottom: 0 !important;}
.root_daum_roughmap {width:100% !important;}

.sub-cont .group {margin-top:-1px;}
.sub-cont .tit a {padding:25px 50px; font-size:var(--font-size-20); border:1px solid #ddd; font-weight:600; letter-spacing:-.03em; position:relative; display:block; color:#555;}
.sub-cont .tit a:after {right:50px; top:30px; content:""; position:absolute; display:inline-block; width:10px; height:10px; border-right:2px solid #333; border-bottom:2px solid #333; transform:rotate(45deg);}
.sub-cont .tit a sub {font-size: .7rem;}
.sub-cont .group.active:last-child {border-bottom:1px solid #ddd;}
.sub-cont .group.active .tit a:after {transform:rotate(-135deg); margin-top:6px;}
.sub-cont .cnt {padding:30px 0;}
.sub-cont .img {margin-bottom:var(--margin-b-50); text-align:center;}
.sub-cont .title {margin-bottom:var(--margin-b-30); letter-spacing:-.03em; line-height:1.3em; font-size:var(--font-size-20); color:#333; font-weight:700;}
.sub-cont .item {padding:15px 0; display:flex; border-top:1px solid #ddd;}
.sub-cont .item:last-child {padding-bottom:0 !important;}
.sub-cont .item strong {font-size:var(--font-size-20); width:130px; display:block; color:#333;}
.sub-cont .list li {padding-left:15px; font-size:var(--font-size-18); position:relative;}
.sub-cont .list li:before {width:3px; height:3px; top:11px; position:absolute; content:''; left:0; border-radius:100%; background-color:#555;}
.sub-cont .info-img {margin:50px 0 50px 30px; flex:1;}

.msds .group {margin-bottom:var(--margin-b-70);}
.msds .group:last-child {margin-bottom:0 !important;}
.msds ul {margin:0 -13px -25px; display:flex; flex-wrap:wrap;}
.msds li {padding:0 13px; margin-bottom:25px; width:25%;}
.msds a {padding:12px; font-size:var(--font-size-17); background-color:#f4f4f4; display:block; font-weight:500;}
.msds .box {height:95px; align-items:center; justify-content:center; display:flex; border:1px solid #ddd; background-color:#fff;}
.msds a i {width:14px; height:14px; margin:-1px 10px 0 0; display:inline-block; vertical-align:middle; background-image:url('../images/sub/down-ico.png');}
.msds li:hover .box {background-color:#80c41c; color:#fff;}
.msds li:hover .box i {background-image:url('../images/sub/down-ico-on.png');}

.board-form .pf {text-align:right;}

.purchase-top {padding:90px 0; margin-bottom:var(--margin-b-50); display:flex; justify-content:center; background-color:#f5f5f5;}
.purchase-top .item {padding:0 40px; color:#000; font-size:var(--font-size-20); display:flex; align-items:center;}
.purchase-top .item .ico {margin-right:30px;}
.purchase-top .item p {font-weight:800;}
.purchase-top .item a {color:#1c7bc4; font-weight:400; text-decoration:underline;}

.tb-1 table {font-size:var(--font-size-17); border-top:2px solid #6bb83c; width:100%; border-collapse:collapse; text-align:center;}
.tb-1 table th {background-color:#f4faeb; color:#333;}
.tb-1 table th, .tb-1 table td {height:65px; border-bottom:1px solid #ddd;}
.tb-1 a {color:#1c7bc4; font-weight:400; text-decoration:underline;}

.management {height:300px; margin-bottom:var(--margin-b-100); font-size:var(--font-size-26); justify-content:center; align-items:center; text-align:center; letter-spacing:-.01em; font-weight:800; line-height:1.4em; display:flex; background-repeat:no-repeat; background-position:50% 50%; color:#fff; background-size:cover;}
.management.bg1 {background-image:url('../images/sub/management-bg1.jpg');}
.management.bg2 {background-image:url('../images/sub/management-bg2.jpg');}
.management.bg3 {background-image:url('../images/sub/management-bg3.jpg');}

.manage-list {margin:0 -25px; justify-content:center; display:flex; text-align:center;}
.manage-list li {padding:0 25px;}
.manage-list li .ico {margin-bottom:var(--margin-b-20);}