@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.intro {text-align:center;}
.intro h4 {font-size:20px; margin-bottom:12px; font-weight:500; color:#242424;}
.intro p {margin-bottom:25px;}

.year-tab {margin-bottom:60px; display:flex; text-align:center;}
.year-tab li {border:1px solid #ddd; margin-left:-1px; width:33.3333%;}
.year-tab li a {display:block; font-size:18px; letter-spacing:-.03em; color:#242424; line-height:60px;}
.year-tab li.active a {font-weight:500; color:#009fa8; position:relative;}
.year-tab li.active a:after {position:absolute; content:''; width:100%; height:3px; background-color:#009fa8; bottom:-1px; left:0;}

.local-wrap {margin-bottom:65px; display:flex;}
.local-wrap .mapimg {margin-right:68px;}
.local-address .tit {font-size:60px; font-weight:900; color:rgba(37,204,213,.2); letter-spacing:0;}
.local-address h4 {font-size:20px; margin-bottom:40px; letter-spacing:-.03em; color:#242424;}
.local-address h4 span {font-size:28px; letter-spacing:0; color:#25ccd5; display:inline-block; margin-left:10px;}

.local-list {}
.local-list li {margin-bottom:40px; display:flex;}
.local-list li:last-child {margin-bottom:0;}
.local-list li .icon img {margin-top:3px;}
.local-list li span {font-size:18px; margin-right:20px; letter-spacing:-.03em; color:#242424; font-weight:500; display:inline-block; width:100px; text-align:center; position:relative;}
.local-list li span:after {position:absolute; content:''; width:1px; height:13px; top:8px; right:0; background-color:#ddd;}

.root_daum_roughmap{width:100% !important;}

.link-wrap {display:flex; flex-wrap:wrap; margin:0 -10px;}
.link-wrap li {width:25%; padding:0 10px;}
.link-wrap li:nth-child(-n+4) {margin-bottom:30px;}
.link-wrap li a {display:block; position:relative;}
.link-wrap li a .logos {position:relative;}
.link-wrap li:hover a .logos:after {position:absolute; content:''; background-color:rgba(0,0,0,.7); width:100%; height:100%; top:0; left:0; border-radius:10px;}
.link-wrap li a .txt {font-size:20px; letter-spacing:0; font-weight:700; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; width:100%; text-align:center; opacity:0;}
.link-wrap li:hover a .txt {opacity:1;}

.download {margin:0 auto; text-align:left; width:110px; height:35px; line-height:34px; font-size:15px; padding-left:43px; letter-spacing:-.03em; display:block; position:relative; color:#fff; background-color:#009fa8; border-radius:10px;}
.download:before {position:absolute; content:''; width:18px; height:16px; top:10px; left:17px; background-image:url('../images/bbs/downloadicon.png'); background-size:contain; background-repeat:no-repeat;}

.history-wrap {display:flex;}
.history-img {order:2;}
.history {flex:1;}
.history h4 {font-size:36px; margin-bottom:20px; line-height:1.4em; letter-spacing:-.04em; color:#009fa8; font-family:'Roboto', sans-serif;}
.history-list {position:relative;}
.history-list:after {position:absolute; content:''; width:1px;  top:7px; bottom:7px; background-color:#ddd; left:136px; z-index:-1;}
.history-list li {margin-bottom:23px; display:flex;}
.history-list li:last-child {margin-bottom:0;}
.history-list li .year {font-size:18px; width:130px; font-weight:500; color:#242424; letter-spacing:-.04em; line-height:1.3em;}
.history-list li .info {padding-left:45px; line-height:1.563em; position:relative;}
.history-list li .info:before {position:absolute; content:''; width:12px; height:12px; border-radius:100%; border:3px solid #009fa8; top:7px; left:0; background-color:#fff;}