@charset "utf-8";
/* CSS Document */

/* 공통 */
.mainContent {}
.mainContent h1{ font-size:47px;} 

#sec01{ background:#e9ebef}

.hid {position: absolute;margin: -1px; padding: 0; width: 1px; height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}
/* slick slide common */
.slick-slider {-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-slide {display: none;  min-height: 1px; vertical-align: middle;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {opacity: 1; display: block;}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }


/* 메인비주얼 */
.MVisual { position: relative; width:100%;  z-index: 1; background:#e9ebef }
.MVisual:before{ content:''; position:absolute; bottom:0; left:0; width:100%; height:200px; background:#192f55}
.MVisual .slider {  overflow: hidden;  isolation: isolate; }
.MVisual .slider,
.MVisual .slick-list,
.MVisual .slick-track { position: relative;  z-index: 1; }
.MVisual .inner{background:#fff; border-radius:var(--b-radius27); padding:37px; box-sizing:border-box;}
.MVisual .item { }
.MVisual .item img{ width:100%;border-radius:var(--b-radius17);}
.MVisual .item img.mo{ display:none;}
.MVisual .MVisual-txt{ position:absolute; bottom:150px; left:150px; z-index:2; color:#fff;}
.MVisual .MVisual-txt img{ width:450px;}
.MVisual .MVisual-txt h2{ font-size:37px; margin-top:20px;}
.MVisual .MVisual-txt h1{ font-size:67px;}


.control {  display: flex; align-items: center; z-index: 2;padding:15px 20px; font-size:25px; border-radius:20px 0 0 0; }
.control .page { margin-right:10px; }
.control .page span { position: relative; display: inline-block; padding-left:80px; margin-left: 0.4rem;  }
.control .page span::before { position: absolute; top: 50%; left:10px; width:50px; height:2px; background: #111; content: ""; }
.control a { padding: 0 0.1rem; }
.control a.play { display: none; }

.MVisual .control { position: absolute; bottom: 37px; right: 37px;  background:#fff; padding:20px 0 20px 25px; }
.MVisual .control:before, .MVisual .control:after{ content:''; position:absolute; background:url(../img/main/r-bg.png) no-repeat 50% 50%; background-size:100% auto; width:30px; height:30px; display:inline-block;  }
.MVisual .control:before{ right:0px; bottom:70px;}
.MVisual .control:after{ left:-30px; bottom:0;}

/* 팝업 */
.popupZone { position: relative; width:100%; margin-left:-20px; }
.popupZone .slider,
.popupZone .slick-list,
.popupZone .slick-track { position: relative;z-index: 1;}
.popupZone .pop_img .item { padding:0 20px;}
.popupZone .pop_img .item a { position: relative; display: block; }
.popupZone .pop_img .item a img { width:100%;border-radius:var(--b-radius17);  }
.popupZone .control{ position: absolute; top:-70px;right: 0; color:#fff; z-index:3;  }
.popupZone .control a { color:#fff;}
.popupZone .control .page span::before { background: #fff;}

/* 팝업:active */

#sec01{ position:relative; background:#192f55; padding:var(--padding150); }
#sec01 .inner{ display:flex; justify-content: space-between; color:#fff;}
#sec01 .s01{ width:59%;overflow:hidden}
#sec01 .s01 h1{ margin-bottom:30px;}
#sec01 .s02{ width:37%;}

#sec01 .s02 .tab_menu { display:flex; justify-content: space-between;align-items: flex-end; border-bottom:2px #fff solid; padding-bottom:20px; margin-bottom:30px;  }
#sec01 .s02 .tab_menu ul {display: flex; flex-wrap: wrap;gap:10px;}
#sec01 .s02 .tab_menu ul li {}
#sec01 .s02 .tab_menu ul li a{ padding:13px 20px; background:#0d1c38; color:rgb(255,255,255,0.7);border-radius:var(--b-radius17); font-size:20px; display:inline-block;}
#sec01 .s02 .tab_menu ul li a i{ margin-right:7px; font-size:20px;}
#sec01 .s02 .tab_menu ul li.on a{ background:#0072bc; color:#fff;}
#sec01 .s02 .contentbox .tabcontent ul li a{  display:flex; justify-content: space-between;gap:30px;}
#sec01 .s02 .contentbox .tabcontent ul li+li{ border-top:1px solid rgb(255,255,255,0.2); padding-top:25px; margin-top:25px;}
#sec01 .s02 .contentbox .tabcontent ul li .pic{ width:300px; height:105px; background-size:cover;}
#sec01 .s02 .contentbox .tabcontent ul li .pic img{ width:100%}
#sec01 .s02 .contentbox .tabcontent ul li p span{ display:block; color:rgb(255,255,255,0.5); margin-top:10px;}
#sec01 .s02 .contentbox .tabcontent ul li p b{ font-size:25px; font-weight:700;line-height: 35px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;height:70px; color:#fff;transition: all .3s ease-in-out;}
#sec01 .s02 .contentbox .tabcontent ul li a:hover p b{ color:#FF0}
.contentbox .tabcontent .tabbox {display: none;}
.contentbox .tabcontent .tabbox.tabbox_0 {display: block;}

#sec02{ background:url(../img/main/sec02-bg.jpg) no-repeat 50% 0% / cover;padding:var(--padding150);}
#sec02 .tit{ display:flex; justify-content: space-between; margin-bottom:30px;align-items: center;}
#sec02 .tit h1 b, #sec03 .s01 .tab_menu h1 b{ display:block; font-size:60px;}
#sec02 .tit i{ font-size:50px;}

.vstSvc { position: relative; }
.vstSvc .slider { margin:0 -20px; }
.vstSvc .slider .item { position: relative; margin: 0 20px; overflow: hidden; transition: transform 0.5s, opacity 0.5s; }
.vstSvc .slider .item img { width: 100%; }
.vstSvc .slider .item .txt {position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);padding: 30px;color: #fff;width: 100%;box-sizing: border-box;font-size: 19px;}
.vstSvc .slider .item .txt b { display: block; font-size: 30px; margin-bottom: 5px; }

.vstSvc .control { position: absolute; top: 0; right: 0; display: flex; flex-wrap: nowrap; }

#sec02 .area{ padding:70px 100px; display:flex;justify-content: space-between;align-items: center;backdrop-filter: blur(10px); border:1px solid rgb(255,255,255,0.3);border-radius:var(--b-radius27); margin-top:50px; color:#fff;}
#sec02 .area .s01{ font-size:40px;}
#sec02 .area .s02 a{ border:1px solid rgb(255,255,255,0.3); color:#fff;border-radius:var(--b-radius17); display:inline-block; padding:13px 25px;transition: all .3s ease-in-out;}
#sec02 .area .s02 a:hover{ background:rgb(0,0,0,0.2)}
#sec02 .area .s02 a i{ margin-left:30px;}
#sec02 .area .s02 a+a{ margin-left:5px;}
#sec02 .area .s02 a.on{ background:#0072bc; border:none;}
#sec02 .area .s02 a:hover.on{ background:#00338b}

#sec03{ background:#e9ebef;padding:var(--padding150);}
#sec03 h2{ display:flex;  justify-content: space-between;}
#sec03 h2 i{ font-weight:400;}
#sec03 p{ margin:10px 0 15px 0; color:rgb(0,0,0,0.6); font-size:19px;}
#sec03 a{ display:inline-block;}


.tour-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0, 0.85);display: none; z-index: 99999;}
.tour-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius:27px; width:70%; overflow:hidden;}
.tour-container .close { position:absolute; top:37px; right:37px; font-size:50px; cursor:pointer;}

.tour-content dl{display: grid; grid-template-columns:57% 1fr;}
.tour-content dl dt{ background:#292e33; color:#fff; }
.tour-content dl dt .tit{ display: grid; grid-template-columns:300px 1fr;align-items: flex-end;gap:30px; margin:50px 0 20px 0; padding-bottom:20px; border-bottom:1px solid rgb(255,255,255,0.2)}
.tour-content dl dt .tit h2{font-size:25px;}
.tour-content dl dt .tit h2 b{font-size:45px;}
.tour-content dl dt .tit img{ width:100%; max-width:300px;}
.tour-content dl dt .link a img{ width:60px;}
.tour-content dl dt .link a+a{ margin-left:10px;}
.tour-content dl dd{background: #fff;}
.tour-content dl dt, .tour-content dl dd{padding:100px; box-sizing:border-box;}
.tour-content dl dt video{ width:100% !important;border-radius:17px;}
.tour-content dl dd h2{ font-size:47px; font-weight:700;}
.tour-content dl dd p{ margin:10px 0 30px 0; color:#555; line-height:33px;}
.tour-content dl dd > ul { border-top:2px #333 solid; padding-top:13px;}
.tour-content dl dd > ul li{display: grid; grid-template-columns:100px 1fr;gap:30px;align-items: center; border-bottom:1px #ddd solid; font-size:19px; padding-bottom:13px; margin-bottom:13px; line-height:27px; }


.tour-content .c-video{ height:100px;}
.tour-content .c-video video{ height:100% !important;}


#sec03 .s01{ margin-bottom:70px;}

#sec03 .s01 .tab_menu{ display:flex;justify-content: space-between;align-items: flex-end; margin-bottom:80px;}
#sec03 .s01 .tab_menu ul{display: flex; flex-wrap: wrap;}
#sec03 .s01 .tab_menu ul li+li{ margin-left:10px;}
#sec03 .s01 .tab_menu ul li a{  padding:13px 30px; background:#fff;border-radius:var(--b-radius17); font-size:20px; display:flex;align-items: center; color:#666;letter-spacing:0;}
#sec03 .s01 .tab_menu ul li.on a{ background:#004a80; color:#fff;}
#sec03 .s01 .tab_menu ul li a i{ margin-right:5px;}
#sec03 .s01 .tab_menu ul li:nth-child(4) a:before{ content:''; background:url(../img/main/sec03-03-blog.png) no-repeat 50% 50%; background-size:100% auto; width:23px; height:23px; display:inline-block; margin-right:5px; }
#sec03 .s01 .tab_menu ul li:nth-child(4).on a:before{background:url(../img/main/sec03-03-blog-on.png) no-repeat 50% 50%;background-size:100% auto;}
#sec03 .s01 .tabcontent ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}

#sec03 .s01 .tabcontent ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
#sec03 .s01 .tabcontent ul li {position: relative;}
#sec03 .s01 .tabcontent ul li a {display: block;width: 100%;background: #fff;border-radius: var(--b-radius27);overflow: hidden;}
#sec03 .s01 .tabcontent ul li p {margin: 20px;width: calc(100% - 40px);overflow: hidden;border-radius: var(--b-radius17); height:570px;}
#sec03 .s01 .tabcontent ul li p img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
#sec03 .s01 .tabcontent ul li:before {content: '';position: absolute;top: -25px;right: 35px;width: 70px;height: 70px;background: #fff;border-radius: 50%;background-size: 65% auto;background-repeat: no-repeat;background-position: 50% 50%;z-index: 2;}
#sec03 .s01 .tabcontent ul li.i:before {background-image: url(../img/main/sec03-sns1.png);}
#sec03 .s01 .tabcontent ul li.y:before {background-image: url(../img/main/sec03-sns2.png);}
#sec03 .s01 .tabcontent ul li.b:before {background-image: url(../img/main/sec03-sns3.png);}

#sec03 .inner .s02, #sec03 .inner .s03{display: grid; grid-template-columns:67% 1fr;gap:20px}
#sec03 .s02>ul{display: grid; grid-template-columns:repeat(2, 1fr); gap:20px}
#sec03 .s02 .area{ background:#fff; padding:50px;border-radius:var(--b-radius27);}
#sec03 .s02 .bus a{ border:1px solid rgb(0,0,0,0.3); padding:15px 30px; display:inline-block;border-radius:var(--b-radius27); color:#666; font-size:19px; margin:5px;transition: all .3s ease-in-out;}
#sec03 .s02>ul>li:nth-child(2) ul{ display: grid; grid-template-columns:repeat(1, 1fr);gap:20px;}
#sec03 .s02>ul>li:nth-child(2) li a{ display:block; width:100%;  box-sizing:border-box;transition: all .3s ease-in-out;}
#sec03 .s02 ul li.area a:hover{ background:#0072bc; border:1px solid #0072bc; color:#fff;}
#sec03 .s02>ul>li:nth-child(2) li a:hover{ background:#d4dae5}

#sec03 .s02 .pub{ background:url(../img/main/sec03-bg.jpg) no-repeat 100% 50%; background-size:cover; }
#sec03 .s02 .pub  a{display:flex;   flex-direction: column; justify-content: space-between;}
#sec03 .s02 .pub dl{display: grid; grid-template-columns:270px 1fr;gap:30px;align-items: flex-end;}
#sec03 .s02 .pub dl dt h3{ color:#0072bc;}
#sec03 .s02 .pub dl dt h3 b{ display:block; font-size:40px;}
#sec03 .s02 .pub dl dd img{ width:100%;}
#sec03 .s03{ margin-top:20px;}
#sec03 .s03 a{  display:block;padding:50px;border-radius:var(--b-radius27); box-sizing:border-box;transition: all .3s ease-in-out;}
#sec03 .s03 a:before{ content:''; position:absolute; right:50px;top:50%;transform: translateY(-50%);  background-repeat:no-repeat; background-position:100% 100%; background-size:auto 100%; z-index:2}
#sec03 .s03 > div{ position:relative;}
#sec03 .s03 .area01 a{ background:#d8f1a9;}
#sec03 .s03 .area01 a:before{ background-image:url(../img/main/sec03-01.png); width:300px;height:100px;}
#sec03 .s03 .area02 a{ background:#0072bc; color:#fff;}
#sec03 .s03 .area02 a:before{ background-image:url(../img/main/sec03-02.png); width:150px;height:130px;}
#sec03 .s03 .area02 p{ color:rgb(255,255,255,0.7)}
#sec03 .s03 .area01 a:hover{ background:#c7ea8c}
#sec03 .s03 .area02 a:hover{ background:#0052a3}





@media (max-width: 1980px) {
	
	.mainContent h1{ font-size:37px;} 
	
	.MVisual:before{height:150px;}
	.MVisual .inner{ padding:27px;}
	.MVisual .MVisual-txt{bottom:100px; left:100px; }
	.MVisual .MVisual-txt img{ width:350px;}
	.MVisual .MVisual-txt h2{ font-size:30px;}
	.MVisual .MVisual-txt h1{ font-size:50px;}
	.MVisual .control { bottom: 27px; right: 27px; }
	.MVisual .control:before, .MVisual .control:after{ width:25px; height:25px;}
	.MVisual .control:before{ bottom:54px;}
	.MVisual .control:after{ left:-25px;}
	
	.control {font-size:22px; }
	.control .page{font-size:16px;}
	.control .page span { padding-left:40px;}
	.control .page span::before {left:5px;width:30px;height:1px;}
	
	.MVisual .control { padding:15px 0 15px 20px; }
	
	#sec01 .s01{ width:55%}
	#sec01 .s01 h1{ margin-bottom:20px;}
	#sec01 .s02{ width:40%;}
	#sec01 .s02 .tab_menu ul li a{ font-size:17px;padding:10px 15px;}
	#sec01 .s02 .contentbox .tabcontent ul li a{gap:20px;}
	#sec01 .s02 .contentbox .tabcontent ul li+li{padding-top:20px; margin-top:20px;}
	#sec01 .s02 .contentbox .tabcontent ul li .pic{ width:290px; height:85px;}
	#sec01 .s02 .contentbox .tabcontent ul li p b{ font-size:20px;line-height:27px;height:55px;}
	#sec01 .s02 .contentbox .tabcontent ul li:last-child{ display:none;}
	
	#sec02 .tit h1 b, #sec03 .s01 .tab_menu h1 b{font-size:50px;}
	.vstSvc .slider { margin-left: -10px; }
	.vstSvc .slider .item {margin:0 10px }
	.vstSvc .slider .item .txt{font-size:17px;}
	.vstSvc .slider .item .txt b{font-size:25px;}
	
	
	#sec02 .area{ padding:50px 70px;}
	#sec02 .area .s01{ font-size:30px;}
	#sec02 .area .s02 a{ padding:13px 20px;}
	
	.tour-container .close { font-size:40px; top:30px; right:30px;}
	.tour-content dl dt .tit{ display: grid; grid-template-columns:200px 1fr;}
	.tour-content dl dt .tit h2{ font-size:20px;}
	.tour-content dl dt .tit h2 b{font-size:30px;}
	.tour-content dl dt .link a img{ width:50px;}
	
	.tour-content dl dd h2{ font-size:37px;}
	.tour-content dl dd p{ line-height:25px;}
	.tour-content dl dd ul li{grid-template-columns:65px 1fr; font-size:17px;padding-bottom:10px; margin-bottom:10px; line-height:23px; }
	.tour-content dl dt, .tour-content dl dd{padding:70px;}
	
	#sec03 p{ font-size:16px;}
	#sec03 .s01{ margin-bottom:50px;}
	#sec03 .s01 .tab_menu{ margin-bottom:50px;}
	#sec03 .s01 .tab_menu ul li a{ font-size:17px; }
	#sec03 .s01 .tab_menu ul li:nth-child(4) a:before{width:20px; height:20px; }
	#sec03 .s01 .tab_menu ul li a{  padding:13px 23px; }
	#sec03 .s01 .tabcontent ul li:before{top:-20px; right:35px;width:60px; height:60px;}
	#sec03 .s01 .tabcontent ul li p { height:400px;}
	#sec03 .s02 .area{ padding:37px;}
	#sec03 .s02 .bus a{ padding:10px 20px; font-size:16px; margin:3px;}
	#sec03 .s03 a{ padding:37px;}
	#sec03 .s03 a:before{ }
	#sec03 .s03 .area01 a:before{ background-image:url(../img/main/sec03-01.png); width:300px;height:70px;}
	#sec03 .s03 .area02 a:before{ background-image:url(../img/main/sec03-02.png); width:150px;height:80px; right:30px;}
	#sec03 .s02 .pub dl{display: grid; grid-template-columns:200px 1fr;gap:30px;align-items: flex-end;}
	#sec03 .s02 .pub dl dt h3 b{font-size:32px;}
	
}

@media (max-width: 1440px) {
	.MVisual, #sec01 .inner, #sec02 .inner { padding:0 10px; box-sizing:border-box;}
	.MVisual .inner{ padding:17px;}
	.MVisual .control{ bottom:17px; right:17px;}
	
	.vstSvc .slider{ margin:0;}
	.vstSvc .slider .item{ margin:0 5px;}
	
	#sec03{ padding-left:10px; padding-right:10px;}
	
	.tour-content{ width:95%; height:95%; overflow-y:scroll}
	.tour-content dl{ height:100%;}
	

}

@media (max-width: 1280px) {
	.mainContent h1{ font-size:30px;}
	#sec01 .s02{ width:43%;}
	
}

@media (max-width: 1024px) {
	.MVisual .item img.pc{ display:none;} 
	.MVisual .item img.mo{ display:block;}
	.MVisual, #sec01 .inner{ display:block;}
	
	.mainContent h1{ font-size:25px;}

	#sec02 .tit h1 b, #sec03 .s01 .tab_menu h1 b{ font-size:37px;}
	#sec01 .s01, #sec01 .s02{ width:100%;}
	#sec01 .s02{ margin-top:50px;}
	
	#sec02 .area{ display:block; padding:30px 50px;}
	#sec02 .area .s01{ margin-bottom:15px;}
	
	.popupZone {margin-left:0; position:inherit;}
	.popupZone .pop_img .item{ padding:0 5px;}
	.popupZone .control{ top:-20px;}
	
	.vstSvc .slider .item .txt b{ font-size:20px;}
	
	#sec03 .s01 .tab_menu{ display:block;}
	#sec03 .s01 .tab_menu ul{ margin-top:10px;}
	#sec03 .s01 .tabcontent ul{grid-template-columns: repeat(3, 1fr);}
	#sec03 .s01 .tabcontent ul li:nth-child(4){ display:none;}
	
	#sec03 .s02>ul, #sec03 .s02>ul>li:nth-child(2) ul{gap:10px;}
	#sec03 .inner .s02, #sec03 .inner .s03{ display:block;}
	#sec03 .s02 .pub{ display:none;}
	#sec03 .s03 .area02{ margin-top:10px;}
	#sec03 .s03 .area01 a{ padding:30px 200px 30px 30px;}
	#sec03 .s03 .area02 a{padding:30px 100px 30px 30px;}
	#sec03 .s03 .area01 a:before{ right:30px;}
	#sec03 p br{ display:none;}
	
	.tour-content dl{ display:block;}
	.tour-container .close{ color:#fff;}
	
	
	
}

@media (max-width: 800px) {
	
	#sec01 .s02 .tab_menu{ display:block;}
	#sec01 .s02 .tab_menu ul{ margin-top:10px;}
	
	#sec02 .area .s01{ font-size:25px;}
	#sec02 .area .s02{display: grid; grid-template-columns:repeat(2, 1fr);gap:10px}
	#sec02 .area .s02 a{ position:relative;}
	#sec02 .area .s02 a+a{ margin-left:0;}
	#sec02 .area .s02 a i{ position:absolute; top:50%;transform: translateY(-50%); right:20px;}
	
	#sec03 .s01 .tabcontent ul{grid-template-columns: repeat(2, 1fr);gap:30px 10px;}
	#sec03 .s01 .tabcontent ul li:nth-child(4){ display:block;}
	
	.tour-content dl dt .tit { display:block;} 
	.tour-content dl dt .tit img{ margin-bottom:10px;}
	.tour-content dl dt, .tour-content dl dd{ padding:30px;}
	.tour-container .close{ right:10px; top:10px; background:#292e33; border-radius:50%; font-size:25px; padding:10px;}
	
	
	
}

@media (max-width: 640px) {
	.MVisual{ background:#fff; margin-bottom:50px;} 
	.MVisual .inner{ padding:0;}
	.MVisual:before{ display:none;}
	.MVisual .control{ bottom:0; right:0;}
	.MVisual .MVisual-txt{ top:70px; left:70px;}
	.MVisual .MVisual-txt img{ width:200px;}
	.MVisual .MVisual-txt h2{ font-size:25px;}
	.MVisual .MVisual-txt h1{ font-size:40px}
	

	
	.vstSvc .slider .item .txt{ font-size:16px;}
	
	#sec02 .tit i{ font-size:37px;}
	
	#sec03 .s01{ margin-bottom:10px;}
	#sec03 .s01 .tab_menu{ margin-bottom:30px;} 
	#sec03 .s01 .tab_menu ul{display: grid; grid-template-columns:repeat(2, 1fr);gap:10px;}
	#sec03 .s01 .tab_menu ul li+li{ margin:0;}
	#sec03 .s01 .tabcontent ul li p{ height:300px;margin: 10px;width: calc(100% - 20px);}
	#sec03 .s01 .tabcontent ul li:before{ width:50px; height:50px; right:20px;}
	#sec03 .s02 .pub{ display:block;}
	
	#sec03 .s02>ul{ display:block;}
	#sec03 .s02>ul>li:nth-child(2) ul{ margin:10px 0;}
	#sec03 .s03 .area01 a:before{ width:200px; height:50px; margin-top:-20px;}
	#sec03 .s03{ margin-top:10px;}
	#sec03 h2 i{ font-size:25px; margin-top:-5px;}
	
	

}

@media (max-width:480px) {
	
	.mainContent h1{ font-size:20px;}
	#sec02 .tit h1 b, #sec03 .s01 .tab_menu h1 b{ font-size:30px;}
	
	.MVisual{margin-bottom:10px;} 
	.MVisual .MVisual-txt{ top:50px; left:50px;}
	.MVisual .MVisual-txt h1{ font-size:30px}
	
	#sec01 .s02 .tab_menu ul li a{ padding:10px 13px;}
	
	#sec02 .area .s01{ text-align:center;}
	#sec02 .area{ display:block; padding:20px;}
	#sec02 .area .s02 a{ padding:13px 15px;}
	#sec02 .area .s02 a i{ margin:0; right:15px;}
	
	#sec03 h2{ font-size:21px;}
	#sec03 .s01 .tabcontent ul li p{ height:200px;}
	#sec03 .s02 .bus a{ padding:10px; margin:2px;}
	#sec03 .s02 .bus p{ margin-bottom:10px;}
	#sec03 .s02>ul>li:nth-child(2) li a{ padding:30px 20px;}
	#sec03 .s02 .area{padding:30px 20px;}
	#sec03 .s02 .pub dl dt h3 b{ font-size:27px}
	#sec03 .s03 .area01 a{ padding:30px 20px;}
	#sec03 .s03 .area01 a:before{ margin:0; top:20px; transform: translateY(0); height:30px;}
	#sec03 p{ margin:10px 0 0 0}
	#sec03 .s03 a:before{ transform: translateY(0); top:20px;}
	#sec03 .s03 .area02 a:before{ height:60px;}
	
	
	.tour-content dl dt, .tour-content dl dd{ padding:25px 17px;}
	.tour-content dl dt .tit img{ max-width:200px;}
	.tour-content dl dt .link a img{ width:40px;}
	.tour-content dl dd h2{ font-size:27px;}
	
	
	
	
	
	
}