@charset "utf-8";

/* 인사말 */
.greeting .topBox {padding-bottom:1.764em; position:relative;}
.greeting .topBox:after {content:''; display:block; clear:both;}
.greeting .imgBox {float:right; margin-left:.823em; border-radius:1.176em; overflow:hidden; box-shadow:.352em .588em 1.176em rgba(0,0,0,.12);}
.greeting .txtBox {width:32em; padding:4.705em 1.764em 2.352em 0; background:#fff; border-radius:0 2.941em 0 0; position:absolute; bottom:0; left:0}
.greeting .txtBox:before {content:''; width:3.411em; height:2.529em; background:url(../img/contents/greeting_img.png) no-repeat 0 0; background-size:100% auto !important; position:absolute; top:1.176em; left:0;}
.greeting .txtBox p {font-size:1.647em; line-height:1.4; letter-spacing:-.04em;}
.greeting .txtBox span {font-weight:600; color:#476CEC;}

@media all and (max-width:768px) {
	.greeting .imgBox {width:100%; margin-left:0; float:none; border-radius:0; box-shadow:none;}
	.greeting .imgBox img {width:100%;}
	.greeting .txtBox {width:auto; padding:3em 0 0; position:relative; bottom:auto; left:auto; border-radius:0;}
	.greeting .txtBox:before {display:none;}
}
@media all and (max-width:640px) {
	.greeting .txtBox {padding-top:2.3em;}
	.greeting .txtBox p {font-size:1.4em;}
}

/* 일반현황 */
.historyLine dl {display:table; width:100%; border-bottom:1px dashed #ddd;}
.historyLine dl:first-child >* {padding-top:0;}
.historyLine dt {display:table-cell; width:120px; padding:1.5em 0; border-right:1px solid #476CEC;}
.historyLine dl:first-child dt {position:relative;}
.historyLine dl:first-child dt:after {content:''; width:3px; height:1em; background:#fff; position:absolute; right:-2px; top:0;}
.historyLine dt span {display:block; position:relative; padding-right:1em; font-size:1.4em; font-weight:600; color:#476CEC; line-height:1.1;}
.historyLine dt span:after {content:''; position:absolute; width:13px; height:13px; top:50%; margin-top:-6.5px; right:-7.5px; background:#fff; border:3px solid #476CEC; border-radius:50%; box-sizing:border-box; z-index:2;}
.historyLine dd {display:table-cell; padding:1.5em 0 1.5em 1.76em; vertical-align:middle;}
.historyLine dd li {display:table; padding-bottom:.6em; padding-left:.7em; position:relative; color:#666;}
.historyLine dd li:last-child {padding-bottom:0;}
.historyLine dd li:before {content:''; position:absolute; width:4px; height:4px; background:#333; border-radius:50%; top:.6em; left:0;}
.historyLine dd li strong {display:table-cell; width:5em; color:#333;}
.historyLine dd li span {display:table-cell; padding-left:10px;}

@media all and (max-width:768px) {
	.historyLine dl {display:block; position:relative; padding-left:20px;}
	.historyLine dl:before {content:''; width:1px; height:100%; background:#476CEC; position:absolute; top:0; left:20px;}
	.historyLine dt {display:block; width:auto; padding:2em 25px 1em; border:0;}
	.historyLine dl:first-child dt:after {right:auto; left:-1px;}
	.historyLine dt span:after {right:auto; left:-31.5px;}
	.historyLine dd {display:block; padding:0 0 2em 25px;}
}
@media all and (max-width:640px) {
	.historyLine dd li {display:block;}
	.historyLine dd li strong {display:block; width:auto; padding-bottom:.3em;}
	.historyLine dd li span {display:block; padding:0;}
}

/* 오시는 길 */
.mapWrap {position:relative;}
.mapWrap:after {content:''; display:block; border:1px solid #ddd; border-radius:1.176em; position:absolute; top:1.764em; right:0; bottom:0; left:1.764em; z-index:-1;}
.mapWrap .mapBoxWrap {margin-top:10px; margin-right:1.764em; border-radius:1.176em; overflow:hidden;}
.mapWrap .mapBoxWrap .cont {display:none;}
.mapWrap .mapBoxWrap .map_box {margin-top:0;}
.mapWrap .mapBoxWrap .map_border {display:none;}
.mapWrap .mapInfo {padding:1.764em 1.764em 1.764em 4.117em;}
.mapWrap .mapInfo >ul >li {padding:.324em 0 .324em 9.176em; margin-bottom:.588em; position:relative;}
.mapWrap .mapInfo >ul >li:last-child {margin-bottom:0;}
.mapWrap .mapInfo >ul >li:before {content:''; display:block; width:2.117em; height:2.117em; background-size:auto !important; border-radius:50%; position:absolute; top:0; left:0;}
.mapWrap .mapInfo >ul >li.add:before {background:#666 url(/portal/img/sub01/ico_map_info01.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.cal:before {background:#666 url(/portal/img/sub01/ico_map_info02.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li.fax:before {background:#666 url(/portal/img/sub01/ico_map_info03.svg) no-repeat 50% 50%;}
.mapWrap .mapInfo >ul >li >strong {display:inline-block; position:absolute; top:.324em; left:3.294em;}
.mapTraffic {padding:1.764em 1.764em 1.764em 9.411em; margin-top:2.352em; background:#f8f8f8; border-radius:2.94em 1.176em 1.176em 1.176em; position:relative;}
.mapTraffic .icon {width:5.882em; height:5.882em; background:#fff; border-radius:1.764em; position:absolute; top:-1.176em; left:1.764em; box-shadow:0 4px 16px rgba(0,0,0,.08);}
.mapTraffic .icon img {display:block; position:absolute; top:50%; left:50%; height:3.764em; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.mapTraffic >p {margin-bottom:.9em;font-size:1.294em; font-weight:600; color:#E3276B;}
.tab_detail {display:none;}

.mapTraffic.bus  ul.bus > li {display:table; width:100%;}
.mapTraffic.bus  ul.bus > li + li {margin-top:10px;}
.mapTraffic.bus  ul.bus > li > strong {display:table-cell;width:150px;border: 1px solid #E3276B;color:#E3276B;padding:5px 10px;vertical-align: middle;text-align: center; border-radius:5px;}
.mapTraffic.bus  ul.bus > li > span,
.mapTraffic.bus  ul.bus > li > ul {display:table-cell; vertical-align: top; padding:10px 15px; word-break:keep-all;}


@media all and (max-width:640px) {
	.mapWrap:after {display:none;}
	.mapWrap .mapBoxWrap {margin-right:0;}
	.mapWrap .mapInfo {padding:1.764em 0; border-bottom:1px solid #ddd;}
	.mapTraffic {padding:5.8em 1.764em 1.764em;}
	.mapTraffic >p {position:absolute; top:1.7em; left:7em;}
}


/* 비디오 */
.blind_txt{position:absolute; clip:rect(0 0 0 0 ); width:1px; height:1px; margin:-1px; left:-999em;}