@charset "utf-8";

.doc-cnt {display:flex; margin-top:90px;}
.doc-cnt.ty2 {margin-top:0;}

.cont-tit {color:#ed7d31; font-size:var(--font-size-36); letter-spacing:-.03em; line-height:1.2em;}
.cont-txt {font-size:var(--font-size-18); color:#686868; letter-spacing:-.03em; line-height:1.5em;}

.left-cnt {margin-right:70px;}
.right-cnt {flex:1 1 auto; min-width:0; width:1%;}

.l-txt {margin:30px 0;}
.r-txt {color:#454545; font-size:var(--font-size-24); font-weight:500; letter-spacing:-.03em; line-height:1.5em}
.r-txt span {color:var(--color-primary); font-weight:700;}
.r-txt2 {margin:25px 0 75px;}
.r-txt2.ty2 {margin-right: -20px;}

.g-r-txt {color:#454545; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.5em;}
.g-r-txt:nth-child(2) {margin:35px 0 70px;}

.qna {margin-top:40px; background-color:#f6f6f6; padding:40px;}
.qna-tit {color:#ed7d31; font-weight:700; font-size:var(--font-size-36); letter-spacing:-.03em; line-height:1.2em;}
.qna-t {margin:25px 0 15px; color:#242424; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}
.qna-info {display:flex; align-items:center;}
.qna-info.e-mail { margin-top:15px;}
.qna-info p {margin-left:25px; color:#242424; font-size:var(--font-size-38); font-weight:700; letter-spacing:-.03em; line-height:1.2em;}

.greeting-wrap {display:flex; margin:75px 20px 0;}
.greeting-wrap li {margin:0 -20px; background-color:rgba(237,125,49,.08); border-radius:100%; width:320px; height:320px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.greeting-wrap li p:nth-child(2) {margin:37px 0 10px; color:#ed7d31; font-weight:600; font-size:var(--font-size-24); letter-spacing:-.03em;}
.greeting-wrap li p:last-child {color:#242424; font-weight:600; font-size:var(--font-size-18); letter-spacing:-.03em;}

.history-wrap {width:100%;}
.h-box {border-bottom:1px solid #ddd;  margin-bottom:45px;}
.h-box:last-child {margin-bottom: 0;}
.h-box .since {color:#242424; font-size:var(--font-size-34); letter-spacing:-.03em; line-height:1.2em;}
.h-box ul {margin:40px 0 45px 9px; position:relative;}
.h-box ul::before {content:''; position:absolute; width:2px; height:95%; background-color:#ddd; left:0;}
.h-box li {padding-left:27px; margin-top:35px; display:flex; position:relative;}
.h-box li:first-child {margin-top:0;}
.h-box li::before {content:''; position:absolute; width:20px; height:20px; left:-9px; background-image:url(../images/sub/history-ico.png); background-repeat:no-repeat; background-size:contain;}
.h-box .year-month {margin-right:50px; width:85px; color:#242424; font-weight:700; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.2em;}
.h-box .story {color:#454545; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}

.cert-box {display:flex; align-items:center; position:relative; height:252px; padding:10px 40px; border-bottom:1px solid #ddd;}
.cert-box:first-child:after {content:''; position:absolute; width:158px; height:91px; right:40px; top:50%; transform:translateY(-50%); background-image:url(../images/sub/cert-img1-2.jpg); background-repeat: no-repeat; background-size: contain;}
.cert-box .img {margin-right:60px;}
.cert-t-box {}
.cert-t-box h3 {margin-bottom:20px; font-size:var(--font-size-24); font-weight:500; color:#454545; letter-spacing:-.03em; line-height:1.2em;}
.cert-t-box li {margin-top:5px; font-size:var(--font-size-18); color:#454545; letter-spacing:-.03em; line-height:1.2em;}
.cert-t-box li:first-child {margin-top:0;}

.decl-wrap {margin:55px 0 30px; background-color:#f6f6f6; padding:28px 30px;}
.decl-wrap li  {text-indent:-30px; margin-left:30px; font-size:var(--font-size-18); color:#454545; line-height:2em; letter-spacing:-.03em;}
.decl-wrap li span {margin-right:20px;}
.decl-date {margin-top:45px; text-align:center; font-size:var(--font-size-18); color:#454545; line-height:1.2em; letter-spacing:-.03em;}
.ceo {display:flex; align-items:center; justify-content:flex-end;}
.ceo p {font-size:var(--font-size-20); color:#454545; margin-right:35px; line-height:1.2em; letter-spacing:-.03em;}
.ceo p span {padding:0 23px;}

.dir-cnt:last-child {margin-top:65px;}
.direct-doc {display:block;}
.dir-t-wrap {display:flex; align-items:center; margin-top:45px;}
.dir-t-wrap h3 {margin-right:35px; font-size:var(--font-size-28); color:#242424; line-height:1.2em; letter-spacing:-.03em; position:relative;}
.dir-t-wrap h3::after {content:''; position:absolute; left:0; top:-15px;width:100%; height:2px; background-color:#ed7d31;}
.dir-t-wrap p {font-size:var(--font-size-20); color:#454545; line-height:1.2em; letter-spacing:-.03em;}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display: none;}



.t-sec01 {margin-bottom:75px;}

.test-tit {font-size:var(--font-size-28); margin-bottom:25px; color:#242424; line-height:1.2em; letter-spacing:-.03em;}
.test-list {display:flex; flex-wrap:wrap; margin:-10px -12px;}
.test-list li {width:25%; padding:10px 12px;}
.test-list li p {border:1px solid #ed7d31; padding:5px; border-radius:30px; font-size:var(--font-size-18); line-height:1.2em; text-align:center; height:60px; display:flex; align-items:center; justify-content:center;}

.test-prod-list {display:flex; flex-wrap:wrap; margin:-20px;}
.test-prod-list li {padding:20px; width:50%;}

.t-proc {margin-top: 25px;}
.t-proc ol>li {position: relative; padding: 28px 0 60px;}
.t-proc ol>li:first-child {padding-top: 0;}
.t-proc ol>li:not(:last-child):before {content: ''; position: absolute; width: 23px; height: 30px; bottom: 0; left: 50%; transform: translateX(-50%); background-image: url(../images/sub/proc-arrow.png); background-repeat: no-repeat; background-size: contain;}

.proc-box {position: relative; display:flex; align-items:center;}
.proc-box::before {content: ''; position: absolute; border: 1px solid #ddd; border-radius: 100px; width: 100%; height: 100%; z-index: -1;}

.proc-box .img {margin-right: 60px; width:200px; height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:100%;}
.proc-box .img.step01 { background-color:#fdf2ea;}
.proc-box .img.step02 { background-color:#fad8c1;}
.proc-box .img.step03 { background-color:#f4b183;}
.proc-box .img.step04 { background-color:#ed7d31;}
.proc-box .step {margin-top:15px; font-size:var(--font-size-18); font-weight:600; color:#2c2c2c; letter-spacing:-.04em; line-height:1.2em;}
.proc-box .step04 .step {color: #fff;}
.proc-box .proc-tit {margin-bottom: 25px; font-size:var(--font-size-24); font-weight:600; color:#2c2c2c; letter-spacing:-.04em; line-height:1.2em;}
.proc-t-wrap li {position:relative; margin-top: 15px; padding-left: 20px; color:#686868; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em;}
.proc-t-wrap li:first-child {margin-top: 0;}
.proc-t-wrap li::before {content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#686868; border-radius:100%;}

.pt-sec02 {margin-top: 75px;}

.contact-proc {margin-top: 25px;}
.contact-proc ul {display: flex; flex-wrap: wrap; margin: 0 -24px;}
.contact-proc ul li {width: 16.66%; padding: 0 24px; position: relative;}
.contact-proc ul li:not(:first-child):after {content: ''; position: absolute; width: 15px; height: 11px; left: -8px; top: 50%; transform: translateY(-50%); background-image: url(../images/sub/contact-arrow.png);background-repeat: no-repeat; background-size: contain;}
.contact-proc ul li p {background-color: #fdf2ea; border-radius: 100%; color: #2c2c2c; font-weight: 600; font-size: var(--font-size-16); text-align: center; width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; }
.contact-proc ul li:last-child p {background-color: #ed7d31; color: #fff;}

.contact-info {border: 1px solid #ddd; margin: 60px 0 80px; padding: 35px 40px;}
.contact-info h3 {margin-bottom:20px; color: #2c2c2c; font-size: var(--font-size-20); letter-spacing: -.04em; line-height: 1.2em;}
.contact-info dl {display: flex; margin-top: 10px;}
.contact-info dl:nth-child(2) {margin-top: 0;}
.contact-info h3:nth-child(4) {margin-top: 55px;}
.contact-info dt {width: 55px; font-size: var(--font-size-16); font-weight: 700; color: #242424; letter-spacing: -.04em; line-height: 1.2em;}
.contact-info dd {margin-left: 40px; color: #686868; font-size: var(--font-size-16); letter-spacing: -.04em; line-height: 1.2em;}
.contact-info li:last-child {margin-top: 10px;}

.consulting-proc {margin:-10px 0 80px;}
.consulting-proc .img {border: 1px solid #ddd; padding: 40px 60px;}

.report-list {display: flex; flex-wrap: wrap; margin: 0 -28.5px;}
.report-list li {width: 20%; padding: 0 28.5px; position: relative;}
.report-list li:not(:first-child):after {content: ''; position: absolute; width: 15px; height: 11px; left: -8px; top: 25%; transform: translateY(-25%);background-image: url(../images/sub/contact-arrow.png); background-repeat: no-repeat; background-size: contain;}
.report-list li .img {display: flex; align-items: center; justify-content: center;width: 100%; height: 128px; background-color:#fdf2ea ; border-radius: 100%; }
.report-list li:last-child .img {background-color: #ed7d31;}
.report-list li p {margin-top: 25px; color: #2c2c2c; font-size: var(--font-size-16); letter-spacing: -.04em; text-align: center; line-height: 1.4em;}

.report-mobile {margin: 75px 0;}

.report-site a {display: flex; align-items: center; justify-content: center; width: 137px; height: 50px; border-radius: 5px; background-color: #ed7d31; font-size: var(--font-size-16); color: #fff; font-weight: 600; letter-spacing: -.03em;}

.reference-bbs {margin-top: 75px;}