@charset "utf-8";

.radius0 {border-radius:0 !important;}

.mr20 {margin-right:20px !important;}

.pl20 {padding-left:20px !important;}

.sub-tab {margin-bottom:60px; position:relative;}
.sub-tab:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; border:1px solid #dfdfdf; border-bottom:0;}
.sub-tab ul li {flex:1; position:relative;}
.sub-tab ul li:before {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#dfdfdf;}
.sub-tab ul li:first-child:before {display:none;}
.sub-tab ul li:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; pointer-events:none; border-bottom:1px solid var(--color-primary);}
.sub-tab ul li a {text-align:center; white-space:nowrap; padding:0 13px; font-weight:400; color:#505050; line-height:1.4em; display:flex; justify-content:center; align-items:center; height:60px;}
.sub-tab ul li.active:after {border:2px solid var(--color-primary); border-bottom:0;}
.sub-tab ul li.active a {color:var(--color-primary);}

.doc-cnt:not(:last-child) {margin-bottom:55px;}

.ico-tit {margin-bottom:22px; background:url('/images/sub/tit-ico.png') no-repeat 0 .3em; padding-left:32px; font-size:var(--fz26); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.greeting {display:flex;}
.greeting .img {width:300px; margin-right:60px;}
.greeting .img img {border-radius:30px;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt h2 {margin-bottom:22px; font-size:var(--fz28); font-weight:500; letter-spacing:-.03em; line-height:1.36em;}
.greeting .cnt h2 strong {color:var(--color-primary);}
.greeting .cnt p {margin-bottom:22px; font-weight:400; line-height:1.63em; color:#454545;}
.greeting .cnt p:last-child {margin-bottom:0;}
.greeting .cnt p.ceo {text-align:right; font-weight:500; color:#242424;}

.history .group {display:flex;}
.history h2 {position:relative; width:180px; font-size:var(--fz36); font-weight:700; letter-spacing:-.03em; line-height:.7em;}
.history h2:after {content:''; z-index:1; position:absolute; margin-right:-10px; right:0; top:0; width:21px; height:21px; background:var(--color-primary); border:6px solid #cfe7da; border-radius:100%;}
.history .cnt {padding-bottom:70px; position:relative; flex:1 1 auto; min-width:0; width:1%; padding-left:38px;}
.history .group:last-child .cnt {padding-bottom:0;}
.history .cnt:before {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd;}
.history .cnt ul li {margin-bottom:13px; display:flex; line-height:1.63em; color:#454545;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li strong {min-width:43px; font-weight:500; color:var(--color-primary);}

.provision {color:#454545;}
.provision h2 {margin-bottom:45px; font-size:var(--fz26); font-weight:600; letter-spacing:-.03em; line-height:1.4em; text-align:center; color:#242424;}
.provision h3 {margin-bottom:26px; font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary); color:#242424;}
.provision h4 {margin-bottom:3px; font-size:var(--fz17); font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.provision .sec:not(:last-child) {margin-bottom:55px;}
.provision p {font-size:var(--fz16); margin-bottom:20px; line-height:1.88em; font-weight:400;}
.provision p:last-child {margin-bottom:0;}
.provision ul {margin-bottom:24px;}
.provision ul:last-child {margin-bottom:0;}
.provision ul li {padding-left:.8em; text-indent:-.8em; color:#454545;}
.provision ul.char {margin-bottom:10px;}
.provision ul.char li {font-size:var(--fz14); color:#878787; padding-left:1.3em; text-indent:-1.3em;}

.table01 table {border:1px solid #ddd; font-weight:400; line-height:1.4em; color:#454545; border-top:2px solid var(--color-primary); width:100%; border-collapse:collapse; border-spacing:0;}
.table01 tbody td {height:50px; border-right:1px solid #ddd; padding:14px 25px; border-bottom:1px solid #ddd;}
.table01 tbody td:last-child {border-right:0;}

.table02 table {border:1px solid #ddd; border-top:2px solid var(--color-primary); width:100%; border-collapse:collapse; border-spacing:0;}
.table02 thead th {border-bottom:1px solid #ddd; height:50px; padding:10px 20px; font-weight:600; line-height:1.4em; color:var(--color-primary); text-align:left; background:#f4f4f4;}
.table02 tbody td {font-size:var(--fz14); color:#454545; border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:50px; padding:15px 20px; line-height:1.4em;}
.table02 tbody td.tit {font-size:var(--fz16); font-weight:600; line-height:1.4em; color:#242424;}
.table02 tbody td.score {font-size:var(--fz16);}
.table02 .etc {margin-top:3px; color:#878787; line-height:1.8em;}
.table-tt {margin-top:8px; font-size:var(--fz14); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#878787;}
.table-tt i {font-style:normal; color:#fd8239;}
.i-txt {line-height:1.4em; font-size:var(--fz14); color:#878787;}

.dot-list>li {padding-left:14px; position:relative; margin-bottom:4px; font-weight:400; color:#686868; line-height:1.63em;}
.dot-list>li:before {content:''; position:absolute; left:0; top:.6em; width:4px; height:4px; background:#bcbcbc;}
.dot-list>li:last-child {margin-bottom:0 !important;}
.dot-list>li strong {font-weight:500; color:#242424;}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:400px !important;}
.contact-info {padding-right:110px; margin-top:50px; display:flex; justify-content:space-between;}
.contact-info .info dl {margin-bottom:20px; display:flex;}
.contact-info .info dl:last-child {margin-bottom:0;}
.contact-info .info dl dt {min-width:130px; font-weight:500; line-height:1.4em;}
.contact-info .info dl dt img {vertical-align:middle; margin-right:11px;}
.contact-info .info dl dd {line-height:1.4em;}

.trainer-img {margin-bottom:35px;}
.trainer-img img {border-radius:30px;}
.trainer p {margin-bottom:24px; font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;}
.trainer p:last-child {margin-bottom:0;}
.trainer p strong {color:#454545;}

.role .wrap {margin-bottom:-56px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.role .box {background-repeat:no-repeat; background-position:right 15px bottom 13px; padding-bottom:70px; margin-bottom:56px; display:flex; flex-direction:column; justify-content:center; border-bottom:1px solid #ddd; width:calc(33.333% - 26px);}
.role .box .num {margin-bottom:12px; font-size:var(--fz18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#121212;}
.role .box .txt {font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.role .box.box1 {background-image:url('/images/sub/role-ico1.png');}
.role .box.box2 {background-image:url('/images/sub/role-ico2.png');}
.role .box.box3 {background-image:url('/images/sub/role-ico3.png');}
.role .box.box4 {background-image:url('/images/sub/role-ico4.png');}
.role .box.box5 {background-image:url('/images/sub/role-ico5.png');}
.role .box.box6 {background-image:url('/images/sub/role-ico6.png');}
.role .box.box7 {background-image:url('/images/sub/role-ico7.png');}
.role .box.box8 {background-image:url('/images/sub/role-ico8.png');}
.role .box.box9 {background-image:url('/images/sub/role-ico9.png');}
.role .box.box10 {background-image:url('/images/sub/role-ico10.png');}
.role .box.box11 {background-image:url('/images/sub/role-ico11.png');}
.role .box.box12 {background-image:url('/images/sub/role-ico12.png');}

.revision {margin-bottom:37px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.revision p {margin-bottom:6px; font-size:var(--fz12); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#878787; text-align:right;}
.revision p:last-child {margin-bottom:0;}
.revision i {font-style:normal; color:#fd8239;}

.not-approve-btn {text-decoration:underline;}

.pop-not-approve {padding: 70px 70px 30px; text-align:center;}
.pop-not-approve h2 {font-size: var(--fz26); font-weight: 700;}
.pop-not-approve p {margin:40px 0 120px; color: #454545; line-height: 2.25em;}
.modal .pop-not-approve + a.close-modal {background-color: transparent; right: 30px; top:30px; width: 20px; height: 20px; background:url('/images/sub/approve-close.jpg') no-repeat 50% 50% / contain !important;}
