@charset "utf-8";

.blue-txt {color:#0050a0;}

.doc-sec {margin-bottom:160px;}
.doc-sec:last-child {margin-bottom:80px;}
.doc-sec .doc-tit {position:relative; padding:30px 0 95px; font-size:36px; line-height:1.28em; text-align:center; color:#242424;}
.doc-box .doc-tit {position:relative; padding-left:30px; font-size:var(--font-size-28); color:#242424;}
.doc-box .doc-tit.ty2 {margin-bottom:35px;}
.doc-box .doc-tit.ty3 {margin-bottom:35px;}
.doc-tit::after {content:''; position:absolute; background-image:url('../images/sub/tit-ico.png'); width:20px; height:20px;background-repeat:no-repeat; background-size:contain;}
.doc-sec .doc-tit::after {top:0; left:50%; transform:translateX(-50%);}
.doc-box .doc-tit::after {top:50%; transform:translateY(-50%); left:0;}

.doc-sec.sec01 .doc-cont {display:flex;}
.doc-sec.sec01 .doc-cont img {margin-right:75px;}

.doc-sec .txt-wrap .p1 {position:relative; padding-bottom:165px; font-size:var(--font-size-30); line-height:1.40em; font-weight:600; color:#242424;}
.doc-sec .txt-wrap .p1::before {content:''; position:absolute; left:0; bottom:15%; width:2px; height:80px; background-color:var(--color-primary);}
.doc-sec .txt-wrap .p2 {margin-bottom:20px; font-size:var(--font-size-18); line-height:1.56em; font-weight:400; color:#454545;}
.doc-sec .txt-wrap .p3 {font-size:var(--font-size-18); line-height:1.56em; font-weight:500;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#1f2d5e; opacity:0.5;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border2,
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4,
.root_daum_roughmap .cont{display:none;}

.doc-box:not(:last-child) {margin-bottom:135px;}
.doc-box:last-child {margin-bottom:80px;}
.doc-box .doc-cnt .cnt-box.box01 {display:flex; align-items:center; margin:35px 0 45px; padding:30px 0; border:1px solid #ddd; border-radius:16px;}
.doc-box .doc-cnt .cnt-box .img {position:relative; padding:0 40px;}
.doc-box .doc-cnt .cnt-box .img::after {content:''; position:absolute; top:20px; right:0; width:1px; height:74px; background:#ddd;}
.doc-box .doc-cnt .cnt-box .logo-txt {padding:0 40px; width: 660px; font-size:var(--font-size-16); color:#454545; line-height:1.50em; font-weight:400;}

.doc-box .doc-cnt .cnt-box .logo-txt br {display:none;}

.doc-box.sec04 .doc-cnt .cnt-box .logo-txt::after {top:-25px;}
.doc-box .doc-cnt .cnt-box h3 {margin-bottom:35px; font-size:22px; color:#242424; line-height:1.45em; text-align:center;}
.doc-box .doc-cnt .cnt-box .list-wrap ul {display:flex; margin:0 -12.5px;}
.doc-box .doc-cnt .cnt-box .list-wrap ul li {position:relative; display:flex; justify-content:center; align-items:center; margin:0 12.5px; padding:42px 0 25px; width:25%; height:120px; border:1px solid #ddd; border-radius:16px;}
.doc-box .doc-cnt .cnt-box .list-wrap ul .li-ty2 {width:33.3%;}
.doc-box .doc-cnt .cnt-box .list-wrap ul li .list-num {position:absolute; top:-15%; left:50%; transform:translateX(-50%); font-size:var(--font-size-16); font-weight:500; color:#fff; line-height:36px; text-align:center; background:#36a9e1; width:36px; height:36px; border-radius:100%;}
.doc-box .doc-cnt .cnt-box .list-wrap ul li p {text-align:center; font-size:var(--font-size-16); line-height:1.5em; font-weight:400; color:#454545;}

.doc-box .doc-cnt .cnt-box > a {font-size: 14px; border:1px solid #ddd; width:130px;text-align:center;color:#a1a1a1; height:35px; line-height:35px; margin-left:100px;}