@charset "utf-8";

#header {height:100px;z-index:10;position:absolute;left:0;width:100%;top:0;transition:all .2s;border-bottom:1px solid rgba(255,255,255,0.3);}
#header.fixed {background:#067fc6;box-shadow:0 10px 10px 10px rgba(0,0,0,0.03);position:fixed;border-bottom:1px solid #0771af;}
#header .logo {float:left;margin-top:27px;}
#header #gnb {float:right;}
#header #gnb li {float:left;}
#header #gnb li a {display:block;color:#fff;font-size:18px;line-height:100px;padding:0 28px;}
#mHeader {background:#fff;height:70px;text-align:center;position:fixed;top:0;width:100%;display:none;border-bottom:1px solid #f8f8f8;z-index:10;}
#mHeader .btn_menu {display:block;text-indent:-9999em;width:20px;height:17px;background:url(../images/m/btn_menu.png) no-repeat center/100% 100%;position:absolute;top:26px;left:20px;}
#mHeader .logo {display:inline-block;vertical-align:middle;margin-top:23px;}
#nav {background:#fff;width:295px;height:100%;position:fixed;left:-295px;top:0;z-index:100;}
#nav ul {height:100%;overflow-y:auto;}
#nav ul li a {display:block;height:53px;line-height:53px;border-bottom:1px solid #e0e0e0;padding-left:45px;font-weight:700;}
#nav .btn_close {display:none;text-indent:-9999em;background:url(../images/m/btn_close.png) no-repeat center/100% 100%;width:20px;height:20px;position:absolute;right:-40px;top:20px;}
.btn_bottom {display:none;position:fixed;bottom:0;width:100%;overflow:hidden;z-index:10;}
.btn_bottom a {display:block;float:left;width:25%;background:#323232;}
.btn_bottom a:last-child {background:#1680c4;}
.btn_bottom a img {width:100%;}

.visual .slick-slide {background-repeat:no-repeat;background-position:center;background-size:cover;height:910px;}
.visual .slick-slide:after {content:'';display:block;background:url(../images/visual_bg.png) no-repeat left center/cover;position:absolute;left:0;bottom:0;width:100%;height:161px;}
.visual .slick-dots {position:absolute;text-align:center;left:0;width:100%;top:570px;z-index:9;}
.visual .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
.visual .slick-dots li button {display:block;width:12px;height:12px;border-radius:50%;text-indent:-9999em;background:#fff;transition:all .2s;}
.visual .slick-dots li.slick-active button {width:30px;background:#9ccf66;border-radius:20px}
.m_visual {margin-top:70px;}
.m_visual .slick-slide {height:auto;}
.m_visual .slick-slide img {width:100%;}
.m_visual .slick-dots {top:55%;}
.pc_cont.ico_shortcut {position:fixed;left:50%;margin-left:490px;bottom:60px;z-index:9;}
.circle_wrap {position:relative;height:260px;}
.circle_wrap .circle1 {position:absolute;top:0;left:11.71875%;width:20.3125%;}
.circle_wrap .circle2 {position:absolute;top:0;left:39.84375%;transition:all 1s;width:20.3125%;}
.circle_wrap .circle3 {position:absolute;top:0;right:11.71875%;width:20.859375%;}
.circle_wrap .arrow {position:absolute;top:72px;right:33.90625%;opacity:0;transition:all 1s;transition-delay:.4s;width:15.46875%;}
.circle_wrap.active .circle2 {transform:translateX(-60.78125%);}
.circle_wrap.active .arrow {opacity:1;}

#section1 {position:relative;}
#section1:before {content:'';display:block;width:1px;height:130px;background:#ddd;position:absolute;top:-53px;left:50%;}

.bg_wrap {text-align:center;}
.bg1 {background:url(../images/content_img1_bg.jpg) no-repeat center/cover;}
.bg3 {background:url(../images/content_img3_bg.jpg) no-repeat center/cover;}
.bg6 {position:relative;background:url(../images/content_img6_bg.jpg) no-repeat center/cover;background-color:#eee;}
.bg6 .content_inner {z-index:2;position:relative;}
.bg10 {background:url(../images/content_img10_bg.jpg) no-repeat center/cover;}

.tour_slider {width:1110px;margin:0 auto;}
.tour_slider .slick-slide {background-repeat:no-repeat;background-position:center;background-size:cover;height:597px;}
.tour_slider .slick-arrow {width:60px;height:60px;text-indent:-9999em;background-repeat:no-repeat;background-position:center;position:absolute;top:220px;z-index:9;}
.tour_slider .slick-arrow.slick-next {background-image:url("../images/slide_next.png");right:-85px;}
.tour_slider .slick-arrow.slick-prev {background-image:url("../images/slide_prev.png");left:-85px;}
.tour_slider .slider-nav-thumbnails {margin-top:60px;}
.tour_slider .slider-nav-thumbnails a {display:block;height:114px;width:18.91891891891892%;font-size:24px;text-align:center;margin:0 1.35135135135135% 20px 0;float:left;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;}
.tour_slider .slider-nav-thumbnails a .table {height:100%;}
.tour_slider .slider-nav-thumbnails a .td {height:100%;position:relative;z-index:1;color:#fff;line-height:1.2;}
.tour_slider .slider-nav-thumbnails a span {background:rgba(0,0,0,0.35);display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .2s;}
.tour_slider .slider-nav-thumbnails a:nth-child(5n) {margin-right:0;}
.tour_slider .slider-nav-thumbnails a.active span,
.tour_slider .slider-nav-thumbnails a:hover span {border:6px solid #25aae1;}
.contact {margin-top:152px;}
.contact #map {float:left;width:calc(100% - 465px);height:614px;}
#map .wrap_map{height:100%}
#footer {background:#3c454e;margin-top:200px;}

.m_cont {display:none;text-align:center;}

@media all and (max-width:1279px) {
	#header #gnb li a {font-size:18px;padding:0 15px;}
	.pc_cont.ico_shortcut {margin-left:30%;}
	.content_inner {width:calc(100% - 40px);}
	.content_inner img {max-width:100%;}
	.bg2 .content_inner img {margin-left:0;left:0;}
	.tour_slider {width:calc(100% - 40px);}
	.tour_slider .slick-arrow.slick-next {right:10px;}
	.tour_slider .slick-arrow.slick-prev {left:10px;}
}

@media all and (max-width:1099px) {
	#header #gnb li a {font-size:16px;}
}

/* PC 메뉴(로고+텍스트 6개)가 한 줄에 다 안 들어가는 폭에서는
   일찌감치 모바일 헤더(햄버거 메뉴)로 전환해서 줄바꿈 깨짐을 방지 */
@media all and (max-width:1365px) {
	#header {display:none;}
	#mHeader {display:block;}
}

@media all and (max-width:1023px) {
	.circle_wrap .arrow {top:20%;}
	.contact #map {width:50%;height:62.582vw;}
	.contact .content_inner img {width:50%;}
}

@media all and (max-width:767px) {
	.pc_cont {display:none;}
	.m_cont {display:block;width:100%;}
	.btn_bottom {display:block;}
	#section1:before {height:9.333333333333333vw;top:-5.733333333333333vw;}
	.tour_slider {width:100%;}
	.tour_slider .slick-slide {height:61.33333vw;}
	.tour_slider .slider-nav-thumbnails {margin-top:30px;}
	.tour_slider .slider-nav-thumbnails a {height:46px;width:23.94366197183099%;margin-right:1.40845070422535%;margin-bottom:5px;}
	.tour_slider .slider-nav-thumbnails a:nth-child(4n) {margin-right:0;}
	.tour_slider .slider-nav-thumbnails a:nth-child(5n) {margin-right:1.40845070422535%;}
	.tour_slider .slider-nav-thumbnails a .td {font-size:10px;}
	.tour_slider .slider-nav-thumbnails a.active span,
	.tour_slider .slider-nav-thumbnails a:hover span {border:3px solid #25aae1;}
	.tour_slider .slick-arrow {top:26.1333vw;}
	.tour_slider .slick-arrow.slick-next {right:0;width:21px;height:35px;background:url(../images/m/m_slide_next.png) no-repeat center/100% 100%;}
	.tour_slider .slick-arrow.slick-prev {left:0;width:21px;height:35px;background:url(../images/m/m_slide_prev.png) no-repeat center/100% 100%;}
	.contact {margin-top:60px;}
	.contact #map {float:none;height:53.33333333333333vw;width:100%;}
	.contact .content_inner img {width:100%;}
	#footer {margin-top:50px;}
	#footer .m_cont {padding-bottom:23.4375vw;}
}