@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important;}

.fz18 {font-size:18px;}
.fz20 {font-size:20px;}
.fz24 {font-size:24px;}

.doc-cnt50 {margin-bottom:50px;}
.doc-cnt75 {margin-bottom:75px;}
.doc-cnt90 {margin-bottom:90px;}

.doc-tit {font-size:28px; padding-left:30px; padding-bottom:17px; font-weight:700; letter-spacing:-.05em; line-height:1.2em; color:#2c2c2c; position:relative;}
.doc-tit:before {position:absolute; content:''; width:18px; height:18px; top:8px; left:0; border:5px solid #eb6422; border-radius:100%;}
.doc-tit.border {border-bottom:1px solid #dfdfdf;}
.doc-tit.border-bottom {border-bottom:1px solid #eb6422;}

.outline {display:flex;}
.outline .col-l {margin-right:100px;}
.outline .col-l .img {margin-bottom:30px;}
.outline .col-l .logo {position:relative;}
.outline .col-l .logo:after {position:absolute; content:''; z-index:-1; width:100%; top:50%; right:0; background-color:#ff6600; height:1px;}
.outline .col-l .logo p {padding-right:40px; background-color:#fff; display:inline-block;}
.outline .col-r {padding-top:45px;flex:1;}
.outline .col-r .top {margin-bottom:35px;}
.outline .col-r .top span {font-size:14px; line-height:24px; padding:0 12px; font-weight:500; color:#fff; letter-spacing:-.04em; background-color:#ff6600; display:inline-block;}
.outline .col-r .top .tit {font-size:64px; margin:22px 0 50px; line-height:.8em; letter-spacing:-.04em; font-weight:800; color:#272e3e;}
.outline .col-r .top .tit strong {color:#ff6600; font-weight:800;}
.outline .col-r .top p {font-size:22px; line-height:1.636em; font-weight:500; color:#2c2c2c; letter-spacing:-.04em;}
.outline .col-r .mid p {margin-bottom:25px; line-height:2em; color:#878787;}
.outline .col-r .mid p:last-child {margin-bottom:0;}
.outline .col-r .bot {margin-top:60px;}
.outline .col-r .bot p {font-size:14px; color:#2c2c2c; font-weight:500; letter-spacing:-.04em;}
.outline .col-r .bot p img {margin:-15px 0 0 35px; vertical-align:middle;}

.outline-middle {font-size:22px; letter-spacing:1.88em; font-weight:700; color:#dfdfdf; text-align:center;}

.out-list {display:flex; text-align:center;}
.out-list li {padding:50px 0 45px; width:20%; border:1px solid #a8a8a8; margin-left:-1px;}
.out-list li .icon {margin-bottom:30px;}
.out-list li .tit {margin-bottom:17px; color:#272e3e; font-weight:700; line-height:1.2em;}
.out-list li .group {margin-bottom:7px;}
.out-list li .date {font-size:14px; line-height:1.3em; letter-spacing:-.04em; color:#878787;}
.out-list li p {line-height:1.6em; color:#2c2c2c;}
.out-list li .click {margin-top:25px; font-size:12px; color:#878787; letter-spacing:-.04em; line-height:1.2em;}

.history .group {padding-bottom:60px; display:flex; position:relative;}
.history .group:before {width:20px; height:20px; left:50%; margin-left:-10px; top:5px; z-index:1; background-image:url('../images/sub/his_dot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group:after {position:absolute; content:''; width:1px; top:10px; bottom:-10px; left:50%; background-color:#ddd; z-index:-1;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:after {display:none;}
.history .group .col {padding:0 50px; width:50%;}
.history .group .year {font-size:45px; text-align:right; font-weight:500; color:#2c2c2c; letter-spacing:-.04em; line-height:1em;}
.history .group .cnt {position:relative;}
.history .group .cnt:before {position:absolute; content:''; width:2px; top:20px; bottom:0; left:0; background-color:#ff6600;}
.history .group .cnt ul li {display:flex;}
.history .group .cnt ul li .month {color:#454545; font-weight:500; letter-spacing:-.04em;}
.history .group .cnt ul li .in {padding-left:8px; color:#878787;}
.history .group:nth-child(odd) .cnt {padding-right: 0 !important;}
.history .group:nth-child(odd) .cnt ul li .in {flex:1; padding-left:15px;}
.history .group:nth-child(odd) .year {padding-left: 0 !important;}
.history .group:nth-child(even) .year {order:2; text-align:left; padding-right: 0 !important;}
.history .group:nth-child(even) .cnt {text-align:right; padding-left: 0 !important;}
.history .group:nth-child(even) .cnt:before {left:auto; right:-1px;}
.history .group:nth-child(even) .cnt ul li {justify-content:flex-end}

.g-map iframe {width: 100%;}

.local-adr {display:flex;}
.local-adr .cnt {padding-left:50px; margin-left:50px; position:relative; flex:1; display:flex;}
.local-adr .cnt:before {position:absolute; content:''; width:1px; height:60px; top:0; left:0; background-color:#2c2c2c;}
.local-adr .cnt span {color:#272e3e;}
.local-adr .cnt .col-l {margin-right:50px;}
.local-adr .cnt .col-r {flex:1;}
.local-adr .cnt .col-r li {margin-bottom:12px; line-height:1.3em;}
.local-adr .cnt .col-r li:last-child {margin-bottom:0;}

.vietnam .img {margin-bottom:20px;}
.vietnam .table table {border-top:2px solid #ff6600; border-collapse:collapse; width:100%; letter-spacing:-.04em;}
.vietnam .table table th {padding:13px 0; border-bottom:1px solid #dfdfdf; font-weight:500; color:#2c2c2c; background-color:#f8f8f8;}
.vietnam .table table td {padding-left:25px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:left; color:#878787;}

.capa {display:flex; margin:0 -10px;}
.capa .group {padding:0 10px; width:25%;}
.capa .group .box {border:1px solid #eb6422;}
.capa .group .box .tit {height:65px; text-align:center; align-items:center; justify-content:center; color:#fff; font-weight:600; letter-spacing:-.04em; display:flex; background-color:#f3a27a;}
.capa .group .box ul {padding:21px 18px; min-height:284px;}
.capa .group .box ul li {padding-left:10px; margin-bottom:4px; line-height:1.6em; color:#878787; position:relative;}
.capa .group .box ul li:before {position:absolute; content:''; width:4px; height:4px; top:10px; left:0; background-color:#eb6422;}
.capa .group .box ul li:last-child {margin-bottom:0;}

.service-wrap {padding:40px 30px; border:1px solid #dfdfdf;}
.service-wrap .tit {padding:0 25px; height:45px; margin-bottom:20px; border-radius:30px; align-items:center; display:inline-flex; color:#fff; font-weight:600; letter-spacing:-.04em; background-color:#272e3e;}
.service-wrap .indent {padding-left:20px;}
.service-wrap .mb15 {margin-bottom:15px;}
.service-wrap .mb40 {margin-bottom:40px;}
.service-wrap .cnt strong {margin-bottom:5px; font-weight:500; color:#2c2c2c; letter-spacing:-.04em; display:block;}
.service-wrap .cnt p {color:#878787;}
.service-wrap .flex {display:flex;}
.service-wrap .flex .img {flex:1; text-align:right;}

.partner {display:flex;}
.partner .col-l {margin-right:25px; flex:1;}
.partner .col-l .group {height:230px; margin-bottom:30px; padding-left:50px; display:flex; flex-direction:column; justify-content:center; border:1px solid #dfdfdf; border-radius:10px;}
.partner .col-l .group .day {margin-bottom:15px; font-weight:600; color:#eb6422;}
.partner .col-l .group p {color:#878787;}
.partner .col-l .group:last-child {margin-bottom:0;}