@charset "utf-8";

.hyperlink {color: #51ccc6; font-weight: 500;}
.hyperlink:hover {text-decoration: underline;}

.dot-list li {padding-left:10px; position:relative;}
.dot-list li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700;}

.list02 {margin-top:20px;}
.list02 > li {font-size:17px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#686868; padding-left:30px; margin-bottom:8px; position:relative;}
.list02 > li:last-child {margin-bottom:0;}
.list02 > li:before {content:""; position:absolute; width:22px; height:22px; background:url("../images/sub/bullet03.png") no-repeat 50% 50%; left:0; top:0;}


.doc-cnt {margin-bottom: 75px;}
.doc-cnt:last-child {margin-bottom: 0;}
.doc-cnt.bg {padding: 70px 0 120px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

.top-txt-box {background-color: #f8f5f3; padding: 70px 0; margin-bottom: 80px; text-align: center; font-size: 18px;}
.top-txt-box h3 {font-size: 1.556em; line-height: 1.3; letter-spacing: -.03em; margin-bottom: 1.3em;}
.top-txt-box p {color: #454545; line-height: 1.4; letter-spacing: -.03em; margin-bottom: 1.3em;}
.top-txt-box p:last-child {margin-bottom: 0;}

/* 회사소새 */
.greetings {display: flex;align-items:center;}
.greetings .img {order: 2; flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .txt {width: 48.57%; padding-right: 30px;}
.greetings .txt h3 {font-family: 'Gowun Batang', serif; color: #909090; font-size: 30px; font-weight: 700; line-height: 1.667em; letter-spacing: -.03em; margin-bottom: 1.333em;}
.greetings .txt h3 span {color: #242424;}
.greetings .txt p {color: #454545; font-size: 1.125em; line-height: 1.889em; letter-spacing: -.03em; margin-top: 1em;}


.facility .line {margin: 40px 0; border-bottom: 1px solid #ddd;}
.facility .pic-list {display: flex;justify-content: center; margin: 0 -20px; text-align: center;}
.facility .pic-list li {padding: 0 20px;}
.facility .pic-list li p {font-size: 1.25em; font-weight: 500; line-height: 1.5; letter-spacing: -.03em; margin-top: 1em;}

.process ol {}
.process ol li {display: flex; margin-bottom: 60px;}
.process ol li:last-child {margin-bottom: 0;}
.process ol li .txt {position: relative; width: 410px; margin-right: 160px;}
.process ol li .txt:before {content:''; position: absolute; top: 26px; left: 100%; width: 109px; height: 1px; border-bottom: 1px dashed #b0282c;}
.process ol li .txt:after {content:''; position: absolute; top: 20px; left: calc(100% + 109px); width: 13px; height: 13px; border-radius:100%; background-color: #b0282c;}
.process ol li .txt h3 {font-family: 'Gowun Batang', serif; font-size: 30px; line-height: 1.5; letter-spacing: -.03em; margin-bottom: 12px;}
.process ol li .txt h3 .num {display: block; font-size: 0.667em; font-weight: 400;}
.process ol li .txt p {color: #686868; line-height: 1.125; line-height: 1.65; letter-spacing: -.03em;}
.process ol li .imgs {flex: 1 1 auto; min-width: 0; width: 1%; margin-left: -10px; margin-bottom: -10px;}
.process ol li .imgs img {display: inline-block; margin-left: 10px; margin-bottom: 10px;}

.root_daum_roughmap {width:100% !important;}
.loc-info {display: flex;flex-wrap:wrap;}
.loc-info dl {position: relative; display: flex;align-items:center; width: 50%; height: 80px; font-size: 1.125em; line-height: 1.75;  border-bottom: 1px solid #ddd;}
.loc-info dl:after {content:''; position: absolute; bottom: -1px; left: 0; width: 180px; height: 1px; background-color: #222;}
.loc-info dl dt {min-width: 180px; font-weight: 500; letter-spacing: -.03em;}
.loc-info dl dt img {vertical-align:middle; margin: -.2em 12px 0 0;}
.loc-info dl dd {flex: 1 1 auto; min-width: 0; width: 1%; color: #454545; letter-spacing: -.03em;}

.loc-info dl:nth-child(2) {order: 3;}
.loc-info dl:nth-child(3) {order: 2;}
.loc-info dl:nth-child(4) {order: 4;}


/* 사업소개 */
.business {}
.business .group {display: flex;align-items:center;}
.business .img {width: 50%;}
.business .txt {flex: 1 1 auto; min-width: 0; width: 1%; padding-top: 30px; padding-bottom: 30px;}
.business .txt strong {display: block; font-family: 'Gowun Batang', serif; font-size: 30px; line-height: 1.667em; letter-spacing: -.03em; margin-bottom: .65em;}
.business .txt p {color: #454545; font-size: 1.125em; line-height: 1.889em; letter-spacing: -.03em;}

.business .group:nth-child(even) .img {order: 2;}
.business .group:nth-child(even) .txt {padding-right: 30px;}
.business .group:nth-child(odd) .txt {padding-left: 7%;}