.banner {display:table; table-layout:fixed; width:100%; background-position:20% 50%; background-repeat:no-repeat; background-size:cover;}
.banner .cell {display:table-cell; vertical-align:middle; padding:20px 10%; text-align: right;}

.doc-tit {display: flex;align-items: center;flex-wrap:wrap;color: #454545; font-size: 21px; line-height: 1.5em; letter-spacing: -.03em; padding-bottom: 9px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.doc-tit > span {font-size: 16px;margin-left: 2px;}
.doc-cnt {margin-bottom: 65px;}
.doc-cnt:last-child {margin-bottom: 0;}

.doc-tit .logo {margin-right: 25px;}

.dot-list > li{position:relative; padding-left:10px; color:#454545;}
.dot-list > li:before{content:"·"; position:absolute; top:0; left:0; color:#c48614;}

.border-box {border: 1px solid #ddd; padding: 30px 15px;}
.txt-green {color: #068e81;}

/* introduce */
.introduce {display: flex;align-items: center;}
.introduce .img {width: 45%;padding-right: 10px;z-index: 1;}
.introduce .txt {width: 75%;margin-left: -20%;background: #fcf8f1; padding: 110px 45px 105px 20%;}
.introduce .txt p {color: #454545; margin-bottom: 22px;}
.introduce .txt p:last-child {margin-bottom: 0;}

/* history */
.history .banner {height: 280px;background-image:url("../images/sub/history.jpg"); margin-bottom: 50px;}
.history .banner h3 {position: relative;display: inline-block;}
.history .banner h3:before {content:""; position: absolute; top: 50%; margin-top: -1px; left: -18.75vw; width: 18.75vw; height: 1px; background: #fff;}
.history .cnt .group {margin-bottom: 30px;}
.history .cnt .group:last-child {margin-bottom: 0;}
.history .cnt h4 {position: relative; font-size: 21px;font-weight: 700;line-height: 1.5em; letter-spacing: -.03em; padding-left: 24px; margin-bottom: 7px;}
.history .cnt h4:before {content:""; position: absolute; top: 9px; left: 0; width: 12px; height: 12px; background: #c48614; transform: rotate(45deg);}
.history .cnt ul {padding-left: 24px;}
.history .cnt ul li {display: flex;color: #454545;}
.history .cnt ul li span {min-width: 98px;}

/* career */
.career {display: flex;}
.career .img {width: 40%;padding-right: 50px;}
.career .img p {color: #454545; text-align: right;margin-top: 12px; max-width: 430px;}
.career .img p strong {font-size: 1.5em;}
.career .txt {flex: 1 1 auto; min-width: 0; width: 1%; color: #454545;}
.career .txt .group {margin-bottom: 65px;}
.career .txt .group:last-child {margin-bottom: 0;}
.career .txt .tit {position: relative; font-weight: 700; font-size: 18px; line-height: 1.5em; letter-spacing: -.03em; color: #454545; padding-left: 24px; margin-bottom: 10px;}
.career .txt .tit:before {content:""; position: absolute; top: 7px; left: 0; width: 12px; height: 12px; background: #c48614; transform: rotate(45deg);}
.career .txt ul {}
.career .txt ul li {display: flex; border-bottom: 1px solid #ddd; padding: 10px 0;padding-left: 22px;}
.career .txt ul li:first-child {padding-top: 0;}
.career .txt ul li:last-child {border-bottom: 0;}
.career .txt ul li .tt {min-width: 205px;}

/* location */
.root_daum_roughmap {width:100% !important;}
.location-info {margin-top: 35px;}
.location-info dl {display: flex; border-bottom: 1px solid #ddd; padding: 14px 0;}
.location-info dl dt {position: relative;min-width: 126px;padding-left: 24px;font-size: 18px;font-weight: 700;line-height: 1.5;letter-spacing: -.03em;}
.location-info dl dt:before {content:""; position: absolute; top: 9px; left: 0; width: 12px; height: 12px; background: #c48614; transform: rotate(45deg);}
.location-info dl dd {}

/* contact */
.contact .doc-cnt p {margin-bottom: 14px;}
.contact .doc-cnt p:last-child {margin-bottom: 0;}
.contact .doc-cnt p strong {font-size: 1.5em;color: #007377;}
.contact-info {background: #f4f4f4; padding: 45px 10px 50px 70px;}
.contact-info .txt {position: relative;padding-left: 152px;}
.contact-info .txt:before {content:""; position: absolute; top: 50%; left: 0; margin-top: -41px; width: 82px; height: 82px; background: no-repeat url("../images/sub/icon_contact_info.png") 50% 50%; background-size: contain;}
.contact-info .txt p {color: #454545; font-size: 18px; font-weight: 700; line-height: 1.5em; letter-spacing: -.03em; margin-bottom: 8px;}
.contact-info .txt span {display: inline-block;font-size: 28px; color: #007377; font-weight: 700; line-height: 1.3em; letter-spacing: -.03em;}

/* task */
.task .doc-tit > div {padding: 3px 0;}
.task .box-wrap {display: flex;justify-content: space-between; margin: 30px 0 50px;}
.task .box-wrap .box {width: calc(50% - 25px); padding: 25px 30px; border: 1px solid rgba(196,134,20,.3);}
.task .box-wrap .box .tt {color: #454545; font-weight: 700;margin-bottom: 3px;}

.task .table-wrap {max-width: 700px;width: 100%;}
.task table {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-.03em;}
.task table th {padding:10px 6px; font-weight:700; background:#007377; border:1px solid #ddd; color:#fff;}
.task table td {padding:10px 6px; border:1px solid #ddd; color:#454545; text-align:center;}

.task .flex-wrap {display: flex;justify-content: space-between; margin: 0 -10px;}
.task .flex-wrap > div {padding: 0 10px;}
.task .flex-wrap .group {max-width: 575px;width: 100%;}