@charset "utf-8";

/* 메인 */
.container-m { background: #f7f7f7; display: block }
.container-m:after, .container-m:before { content: " "; display: table }
.container-m:after { clear: both }

/* 메인-비쥬얼슬라이더 */
.m-pack-1 { width: 1260px; margin-left: auto; margin-right: auto }
.m-pack-1:after, .m-pack-1:before { content: " "; display: table }
.m-pack-1:after { clear: both }
.m-grid-1 { float: left; position: relative; overflow: hidden; width: 660px; height: 630px }
.m-grid-1 .visual-slider { overflow: hidden; width: 660px; height: 630px }
.m-grid-1 .visual-slider:after, .m-grid-1 .visual-slider:before { content: " "; display: table }
.m-grid-1 .visual-slider:after { clear: both }
.m-grid-1 .visual-slider li { overflow: hidden; width: 660px; height: 630px }
.m-grid-1 .visual-slider li .photo { position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; width: 100%; height: 100% }
.m-grid-1 .visual-slider li .photo img { display: block; width: 100%; height: auto; -webkit-animation-name: s-photo; -moz-animation-name: s-photo; animation-name: s-photo; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; animation-duration: 5s; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.445, .05, .55, .95); -moz-animation-timing-function: cubic-bezier(.445, .05, .55, .95); animation-timing-function: cubic-bezier(.445, .05, .55, .95) }
@-webkit-keyframes s-photo {
	to { width: 110%; height: auto; margin-top: -2%; margin-left: -2% }
}
@-moz-keyframes s-photo {
	to { width: 110%; height: auto; margin-top: -2%; margin-left: -2% }
}
@keyframes s-photo {
	to { width: 110%; height: auto; margin-top: -2%; margin-left: -2% }
}
.m-grid-1 .visual-slider li .photo img .frame-1 { width: 110%; height: auto; margin-top: -2%; margin-left: -2% }
.m-grid-1 .visual-slider li h2 { position: absolute; top: 150px; left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; font-size: 30px; font-family: 'Nanum Barun Gothic', sans-serif; font-weight: 400; color: #fff; -webkit-animation-name: s-h2; -moz-animation-name: s-h2; animation-name: s-h2; -webkit-animation-duration: .9s; -moz-animation-duration: .9s; animation-duration: .9s; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -moz-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55) }
@-webkit-keyframes s-h2 {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
@-moz-keyframes s-h2 {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
@keyframes s-h2 {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
.m-grid-1 .visual-slider li h2 .frame-1 { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
.m-grid-1 .visual-slider li h2.off { left: -160px; -webkit-animation: initial; -moz-animation: initial; animation: initial }
.m-grid-1 .visual-slider li span { display: block; position: absolute; top: 200px; left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; width: 50px; height: 3px; background: #fff; -webkit-animation-name: s-span; -moz-animation-name: s-span; animation-name: s-span; -webkit-animation-duration: 2.5s; -moz-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -moz-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55) }
@-webkit-keyframes s-span {
	to { opacity: 0 }
}
@-moz-keyframes s-span {
	to { opacity: 0 }
}
@keyframes s-span {
	to { opacity: 0 }
}
.m-grid-1 .visual-slider li span .frame-1 { opacity: 0 }
.m-grid-1 .visual-slider li span.off { opacity: 0; -webkit-animation: initial; -moz-animation: initial; animation: initial }
.m-grid-1 .visual-slider li p { position: absolute; top: 230px; left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; font-size: 1.6em; color: #fff; -webkit-animation-name: s-p; -moz-animation-name: s-p; animation-name: s-p; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); -moz-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55); animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55) }
@-webkit-keyframes s-p {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
@-moz-keyframes s-p {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
@keyframes s-p {
	to { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
}
.m-grid-1 .visual-slider li p .frame-1 { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px) }
.m-grid-1 .visual-slider li p.off { left: -300px; -webkit-animation: initial; -moz-animation: initial; animation: initial }

/* 메인-슬라이더:컨틀롤러 */
.m-grid-1 .bx-controls { position: absolute; bottom: 40px; left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 200 }
.m-grid-1 .bx-controls:after, .m-grid-1 .bx-controls:before { content: " "; display: table }
.m-grid-1 .bx-controls:after { clear: both }
.m-grid-1 .bx-controls .bx-pager { float: left; overflow: hidden }
.m-grid-1 .bx-controls .bx-pager .bx-pager-item { float: left; margin-right: 10px }
.m-grid-1 .bx-controls .bx-pager .bx-pager-item a { display: block; width: 12px; height: 12px; text-indent: -9999px; border-radius: 50%; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(204, 204, 204, .3); background: url(../images/pager_bg.png); -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-1 .bx-controls .bx-pager .bx-pager-item a.active { background: #fcfa6c }
.m-grid-1 .bx-controls .bx-pager .bx-pager-item a:hover { background: #ccc }
.m-grid-1 .bx-controls .bx-controls-auto { float: left; overflow: hidden }
.m-grid-1 .bx-controls .bx-controls-auto .bx-controls-auto-item { display: block }
.m-grid-1 .bx-controls .bx-controls-auto .bx-controls-auto-item a { display: block; width: 12px; height: 12px; text-indent: -9999px }
.m-grid-1 .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start { background-image: url(../images/control_start.png); background-repeat: no-repeat; background-position: center }
.m-grid-1 .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop { background-image: url(../images/control_pause.png); background-repeat: no-repeat; background-position: center }

/* 메인-센터 */
.m-grid-2 { float: left; position: relative; width: 600px; height: 290px }
.m-grid-2 .tile-1:after, .m-grid-2 .tile-1:before { content: " "; display: table }
.m-grid-2 .tile-1:after { clear: both }
.m-grid-2 .tile-1>li { float: left; position: relative; width: 599px; height: 290px }
.m-grid-2 .tile-1>li>a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-1>li>a h2 { margin-top: 55px; padding-left: 20px; font-size: 30px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-1>li>a h4 { margin-top: 10px; padding-left: 20px; font-size: 11px; font-family: 'Open Sans', Arial; font-weight: 400; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-1>li>a.center-1 { background-image: url(../images/main/tile_0101_bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover }
.m-grid-2 .tile-1>li>a.center-1 h2 { color: #fff }
.m-grid-2 .tile-1>li>a.center-1 h4 { color: #fff }
.m-grid-2 .tile-1>li>a.center-2 { background-image: url(../images/main/tile_0102_bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover }
.m-grid-2 .tile-1>li>a.center-2 h2 { color: #2d2c2f }
.m-grid-2 .tile-1>li>a.center-2 h4 { color: #2d2c2f }
.m-grid-2 .tile-1>li>a.center-3 { background-image: url(../images/main/tile_0103_bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover }
.m-grid-2 .tile-1>li>a.center-3 h2 { color: #fff }
.m-grid-2 .tile-1>li>a.center-3 h4 { color: #fff }
.m-grid-2 .tile-1>li>a.center-4 { background-image: url(../images/main/tile_0104_bg.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover }
.m-grid-2 .tile-1>li>a.center-4 h2 { color: #2d2c2f }
.m-grid-2 .tile-1>li>a.center-4 h4 { color: #2d2c2f }
.m-grid-2 .tile-1>li>a:hover { position: absolute; top: -3%; left: -3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 200; width: 106%; height: 106%; opacity: .9; -webkit-background-size: 106%; -moz-background-size: 106%; background-size: 106% }
.m-grid-2 .tile-1>li>a:hover h2 { font-size: 32px }

/* 메인-안내 */
.m-grid-2 .tile-2:after, .m-grid-2 .tile-2:before { content: " "; display: table }
.m-grid-2 .tile-2:after { clear: both }
.m-grid-2 .tile-2>li { float: left; position: relative; width: 200px; height: 170px }
.m-grid-2 .tile-2>li>a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-2>li>a h3 { margin-top: 20px; margin-left: 20px; font-size: 20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-2>li>a h4 { margin-top: 5px; margin-left: 20px; font-size: 11px; font-family: 'Open Sans', Arial; font-weight: 400 }
.m-grid-2 .tile-2>li>a.information-1 { background-color: #fff; background-image: url(../images/tile_0201_icon.png); background-repeat: no-repeat; background-position: 90% 90% }
.m-grid-2 .tile-2>li>a.information-1 h3 { color: #0fa6d1 }
.m-grid-2 .tile-2>li>a.information-1 h4 { color: #0fa6d1 }
.m-grid-2 .tile-2>li>a.information-2 { background-color: #2d2c2f; background-image: url(../images/tile_0202_icon.png); background-repeat: no-repeat; background-position: 90% 90% }
.m-grid-2 .tile-2>li>a.information-2 h3 { color: #0fa6d1 }
.m-grid-2 .tile-2>li>a.information-2 h4 { color: #0fa6d1 }
.m-grid-2 .tile-2>li>a.information-3 { background-color: #0fa6d1; background-image: url(../images/tile_0203_icon.png); background-repeat: no-repeat; background-position: 90% 90% }
.m-grid-2 .tile-2>li>a.information-3 h3 { color: #fff }
.m-grid-2 .tile-2>li>a.information-3 h4 { color: #fff }
.m-grid-2 .tile-2>li>a:hover { position: absolute; top: -3%; left: -3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 200; width: 106%; height: 106%; opacity: .9 }
.m-grid-2 .tile-2>li>a:hover h3 { font-size: 24px }

/* 메인-게시판 */
.m-grid-2 .tile-3:after, .m-grid-2 .tile-3:before { content: " "; display: table }
.m-grid-2 .tile-3:after { clear: both }
.m-grid-2 .tile-3>li { float: left; position: relative; width: 300px; height: 170px }
.m-grid-2 .tile-3>li .b-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-3>li .b-inner h3 { margin-top: 20px; margin-left: 20px; font-size: 20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-3>li .b-inner h4 { margin-top: 5px; margin-left: 20px; font-size: 11px; font-family: 'Open Sans', Arial; font-weight: 400 }
.m-grid-2 .tile-3>li .b-inner a.more { position: absolute; top: 15px; right: 15px; display: block; width: 14px; height: 14px; padding: 4px }
.m-grid-2 .tile-3>li .b-inner a.more span { display: block; position: absolute; top: 5px; left: 5px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-3>li .b-inner a.more span.hor { width: 14px; height: 3px; margin-top: 5px }
.m-grid-2 .tile-3>li .b-inner a.more span.ver { width: 3px; height: 14px; margin-left: 5.5px }
.m-grid-2 .tile-3>li .b-inner>ol { margin-top: 35px; margin-left: 20px; margin-right: 20px }
.m-grid-2 .tile-3>li .b-inner>ol>li { margin-top: 10px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-3>li .b-inner>ol>li:after, .m-grid-2 .tile-3>li .b-inner>ol>li:before { content: " "; display: table }
.m-grid-2 .tile-3>li .b-inner>ol>li:after { clear: both }
.m-grid-2 .tile-3>li .b-inner>ol>li a { float: left; display: block; width: 190px; vertical-align: middle; font-size: 14px; font-family: 'Nanum Barun Gothic'; color: #2d2c2f; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-2 .tile-3>li .b-inner>ol>li small { float: left; width: 70px; font-size: 11px; font-family: 'Open Sans', Arial; text-align: right; vertical-align: middle; color: #2d2c2f }
.m-grid-2 .tile-3>li .b-inner>ol>li:first-child { margin-top: 0 }
.m-grid-2 .tile-3>li.board-1 .b-inner { background: #fb8c54 }
.m-grid-2 .tile-3>li.board-1 .b-inner h3 { color: #fff }
.m-grid-2 .tile-3>li.board-1 .b-inner h4 { color: #fff }
.m-grid-2 .tile-3>li.board-1 .b-inner a.more span { background-color: #fff; background: rgba(255, 255, 255, .5) }
.m-grid-2 .tile-3>li.board-1 .b-inner a.more:hover span { background: #fff }
.m-grid-2 .tile-3>li.board-1 .b-inner>ol>li a:hover { color: #fff }
.m-grid-2 .tile-3>li.board-2 .b-inner { background: #fff }
.m-grid-2 .tile-3>li.board-2 .b-inner h3 { color: #10a688 }
.m-grid-2 .tile-3>li.board-2 .b-inner h4 { color: #10a688 }
.m-grid-2 .tile-3>li.board-2 .b-inner a.more span { background-color: #bfbfbf; background: rgba(191, 191, 191, .5) }
.m-grid-2 .tile-3>li.board-2 .b-inner a.more:hover span { background: #10a688 }
.m-grid-2 .tile-3>li.board-2 .b-inner>ol>li a:hover { color: #10a688 }
.m-grid-2 .tile-3>li:hover .b-inner { position: absolute; top: -4%; left: -3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 200; width: 106%; height: 108%; opacity: .9 }
.m-grid-2 .tile-3>li:hover h3 { font-size: 24px }
.m-pack-2 { width: 1260px; margin-left: auto; margin-right: auto }
.m-pack-2:after, .m-pack-2:before { content: " "; display: table }
.m-pack-2:after { clear: both }

/* 메인-대표전화 */
.m-grid-3 { float: left; position: relative; width: 660px; height: 190px; background-color: #4b4c5c; background-image: url(../images/tel_bg.png); background-repeat: no-repeat; background-position: left top }
.m-grid-3 .tel { position: relative; margin-top: 35px; margin-left: 130px }
.m-grid-3 .tel h3 { font-size: 34px; letter-spacing: 13px; color: #fff }
.m-grid-3 .tel p { position: absolute; top: -4px; right: 50px; font-size: 40px; font-family: Lato, Arial; font-weight: 700; letter-spacing: 3px; color: #fff; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.m-grid-3 .time { margin-top: 25px; margin-left: 130px }
.m-grid-3 .time:after, .m-grid-3 .time:before { content: " "; display: table }
.m-grid-3 .time:after { clear: both }
.m-grid-3 .time>li { float: left; width: 50%; margin-bottom: 10px }
.m-grid-3 .time>li:after, .m-grid-3 .time>li:before { content: " "; display: table }
.m-grid-3 .time>li:after { clear: both }
.m-grid-3 .time>li span { float: left; display: table; width: 80px; font-size: 15px; color: #0fa6d1 }
.m-grid-3 .time>li span.cha_2 { letter-spacing: 25px }
.m-grid-3 .time>li span.cha_3 { letter-spacing: 7px }
.m-grid-3 .time>li time { float: left; display: block; width: 170px; font-size: 15px; color: #fff }
.m-grid-3 .time-text{color:#fff;margin:10px 0 0 130px;font-size:13px;opacity:0.8;}
.m-grid-3:hover .tel p { color: #0fa6d1 }

/* 메인-지도 */
.m-grid-4 { float: left; position: relative; width: 600px; height: 190px; overflow: hidden }
.m-grid-4 .map { display: block; position: absolute; top: -30px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s }
.m-grid-4 .map img { display: block; width: 100%; height: auto; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s }
.m-grid-4 h3 { position: absolute; top: 35px; left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; font-size: 20px; color: #fff }
.m-grid-4 h4 { position: absolute; top: 60px; left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; font-size: 11px; font-family: 'Open Sans', Arial; font-weight: 400; color: #fff }
.m-grid-4 .ks-here { position: absolute; bottom: 62px; right: 208px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; width: 8px; height: 8px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; transition-duration: .5s }
.m-grid-4 .ks-here:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; content: " "; display: block; background: #fff; border-radius: 50%; -webkit-animation-name: here-1; -moz-animation-name: here-1; animation-name: here-1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes here-1 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
@-moz-keyframes here-1 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
@keyframes here-1 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
.m-grid-4 .ks-here:before .frame-1 { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
.m-grid-4 .ks-here:after { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; content: " "; display: block; background: #fff; border-radius: 50%; -webkit-animation-name: here-2; -moz-animation-name: here-2; animation-name: here-2; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes here-2 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
@-moz-keyframes here-2 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
@keyframes here-2 {
	to { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
}
.m-grid-4 .ks-here:after .frame-1 { -webkit-transform: scale(8, 8); -moz-transform: scale(8, 8); -ms-transform: scale(8, 8); transform: scale(8, 8); opacity: 0 }
.m-grid-4:hover .map { top: -70px; left: -100px }
.m-grid-4:hover .map img { width: 110%; height: auto }
.m-grid-4:hover .ks-here { bottom: 59px; right: 198px }

/* 메인-푸터 */
.container-f1 { background: #f7f7f7 }
.container-f1:after, .container-f1:before { content: " "; display: table }
.container-f1:after { clear: both }
.f1-pack { width: 1260px; margin-left: auto; margin-right: auto; padding-bottom: 50px }
.f1-pack:after, .f1-pack:before { content: " "; display: table }
.f1-pack:after { clear: both }
.f1-pack .term { margin-top: 25px; margin-bottom: 15px }
.f1-pack .term:after, .f1-pack .term:before { content: " "; display: table }
.f1-pack .term:after { clear: both }
.f1-pack .term>li { float: left; position: relative; padding-left: 10px; margin-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left-width: 1px; border-left-style: solid; border-left-color: #555 }
.f1-pack .term>li a { display: block; font-size: 14px; font-weight: 400; color: #555; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s }
.f1-pack .term>li:first-child { padding-left: 0; margin-left: 0; border-style: none }
.f1-pack .term>li:hover a { color: #000 }
.f1-pack address, .f1-pack small { font-family: 'Nanum Barun Gothic'; color: #999 }
.f1-pack small { display: block; font-size: 11px; margin-top: 5px }