@charset "utf-8";

.doc-tit h3 {position:relative; font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.5em; padding-left:15px;}
.doc-tit h3:before {position:absolute; content:""; width:3px; height:20px; background:#00559d; left:0; top:50%; margin-top:-10px;}

.table-style.width table {max-width:100%;}
.table-style table {width:100%; max-width:1000px; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.table-style table th {padding:8px; height:40px; font-size:18px; font-weight:500; letter-spacing:-.03em; font-weight:500; color:#242424; border:1px solid #ddd; border-top:0; background:#eff3f8;}
.table-style table td {padding:8px; height:40px; color:#454545; text-align:center; border:1px solid #ddd; border-top:0;}
.table-style table td.bg {background:rgba(22, 82, 154, 0.12); font-size:18px; font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.333em;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}
.table-style tr td ul {padding:20px;}
.table-style tr td ul li {text-align:left; padding-left:0.7em; text-indent:-0.7em;}
.table-style tr td ul li.color {color:#1e94d1;}

.greetings {display:flex;}
.greetings .img {margin-left:-25px;}
.greetings .txt-box {padding-left:50px;}
.greetings .txt-box .tit {font-size:28px; font-weight:500; color:#00559d; letter-spacing:-.045em; line-height:1.071em; margin-top:25px;}
.greetings .txt-box .txt {font-size:17px; color:#454545; letter-spacing:-.045em; line-height:1.765em; margin-top:20px;}

.history {padding-top:150px; padding-left:110px; background:url("../images/sub/history.jpg") 100% 0 no-repeat;}
.history .title {width:260px; height:85px; display:flex; justify-content:center; align-items:center; color:#fff; background:#00559d; border-radius:15px;} 
.history .title h3 {font-size:33px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;} 
.history .content {position:relative;}
.history .content:before {content:""; position:absolute; left:125px; top:0; bottom:0; width:1px; background:#ddd;}
.history .group {padding-bottom:30px;}
/* .history .group:last-child .cnt ul {border-bottom:0;} */
.history .group h3 {float:left; font-size:30px; font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.history .group .cnt {margin-left:125px; padding-left:50px; position:relative;}
.history .group .cnt:before {content:""; position:absolute; top:9px; left:-6px; width:13px; height:12px; background:url('../images/sub/his-dot.png'); background-size:contain;}
.history .group .cnt ul {margin-right:10px; border-bottom:1px solid #ddd; padding-top:5px; padding-bottom:10px;}
.history .group .cnt ul li {position:relative; line-height:1.3em; padding-bottom:20px;}
.history .group .cnt ul li .month {position:absolute; top:0; left:0; font-family:"Roboto",sans-serif; font-size:18px; font-weight:500;}
.history .group .cnt .img {float:right;}
.history .group:first-child {padding-top:85px;}
.history .group:last-child {padding-bottom:0;}

.map-flex {display:flex;}
.map-flex .map {width:72%;}
.map-flex .txt-box {position:relative; background:#f3f3f3; padding:0 40px;}
.map-flex .txt-box:before {position:absolute; content:""; width:183px; height:21px; background:url('../images/sub/map-logo.png')50% 50% no-repeat; background-size:contain; bottom:25px; right:20px;}
.map-flex .txt-box .tit {font-size:20px; font-weight:600; color:#00559d; letter-spacing:-.03em; line-height:1.400em; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #ddd; margin-top:50px;}
.map-flex .txt-box dl {margin-bottom:10px;}  
.map-flex .txt-box dl dt {font-size:17px; color:#242424; letter-spacing:-.03em; font-weight:500; line-height:1.647em; margin-bottom:5px;}
.map-flex .txt-box .btn {display:block; margin-top:30px;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #808080;}
.table-style table th {background:#f8f8f8; padding:8px; height:45px; font-size:16px; font-weight:500; color:#242424; border:1px solid #ddd; border-top:0;}
.table-style table td {padding:8px; height:45px; color:#454545; text-align:center; border:1px solid #ddd; border-top:0;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}

.introduce {margin-bottom:-100px;}
.introduce .introduce-flex {display:flex; justify-content: space-between; margin-bottom:100px;}
.introduce .introduce-flex:nth-child(even) {flex-direction: row-reverse;}
.introduce .introduce-flex .img {}
.introduce .introduce-flex .txt-box {width:50%; display:flex; flex-direction:column; justify-content:space-between;}
.introduce .introduce-flex .txt-box .tit {font-size:25px; color:#242424; letter-spacing:-.03em; line-height:1.400em; font-weight:700; margin-bottom:10px;}
.introduce .introduce-flex .txt-box .txt {letter-spacing:-.04em; line-height:1.44em;}
.introduce .introduce-flex .txt-box .table-tit {font-size:18px; font-weight:600; color:#242424; letter-spacing:-.03em; margin-bottom:10px;}

.root_daum_roughmap {width:100% !important; height:495px !important;}
.root_daum_roughmap .wrap_map {height:495px !important;}