@charset "utf-8";


/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual {position:relative; max-width:1440px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
.msec-visual .visual-slide{position:relative ; z-index:234;overflow:hidden;border-radius:22px;}
.msec-visual .item{height:600px;position:relative;}

.msec-visual .item .img{position:relative; overflow:hidden; filter: brightness(75%);}
.msec-visual .item .img img{width:100%;height:600px;object-fit:cover;transform:scale(1.25, 1.25); -webkit-transform:scale(1.25, 1.25); -moz-transform:scale(1.25, 1.25); -ms-transform:scale(1.25, 1.25);-webkit-transition: transform 2.5s ease-in-out;-moz-transition: transform 2.5s ease-in-out;-o-transition: transform 2.5s ease-in-out;transition: transform 2.5s ease-in-out;}

.msec-visual .item .txt{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding: 35px; padding-left:175px; }
.msec-visual .item .txt .slogan{position:absolute; left:35px; top:35px; width:120px;height:120px;overflow:hidden; border-radius:100%}
.msec-visual .item .txt .slogan img{width:100%;height:120px;object-fit:cover; filter: brightness(85%); }
.msec-visual .item .txt .stxt{font-size:18px; font-weight:500; color:#fff; letter-spacing:-0.03em; line-height:1.3em; width:100%; height:120px;display:flex;align-items: center; justify-content: left; text-align:left;}

.msec-visual.ani .slick-active.item .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
	@media only screen and (max-width:1440px){
		.main-visual{margin-top: 70px;}
		.msec-visual .item{height:550px;}
		.msec-visual .item .img img{height:550px}

		.msec-visual .item .txt{padding:30px;padding-left:140px;}
		.msec-visual .item .txt .slogan{width:100px;height:100px; left:30px;top:30px;}
		.msec-visual .item .txt .slogan img{height:100px;}
		.msec-visual .item .txt .stxt{font-size:17px; height:100px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual {padding-top:30px;}
		.main-visual{margin-top: 70px;}
	
	}
	@media only screen and (max-width:999px){
		.main-visual{margin-top: 70px;}
		.msec-visual .visual-slide{border-radius:16px;}
		.msec-visual .item{height:480px;}
		.msec-visual .item .img img{height:480px}
		.msec-visual .item .txt{padding:20px;padding-left:120px;}
		.msec-visual .item .txt .slogan{width:80px;height:80px; left:20px;top:20px;}
		.msec-visual .item .txt .slogan img{height:80px;}
		.msec-visual .item .txt .stxt{font-size:15px; height:80px;}
		.msec-visual .item .txt .stxt br{display:none;}
	}
	@media only screen and (max-width:680px){
		.main-visual{margin-top: 70px;}
		.msec-visual {padding:0 15px;padding-top:20px;}
		.msec-visual .item{height:420px;}
		.msec-visual .item .img img{height:420px}
		.msec-visual .item .txt{padding:20px;padding-left:100px;}
		.msec-visual .item .txt .slogan{width:60px;height:60px;}
		.msec-visual .item .txt .slogan img{height:60px;}
		.msec-visual .item .txt .stxt{font-size:14px; height:60px;}
	}
	@media only screen and (max-width:480px){
		.main-visual{margin-top: 70px;}
		.msec-visual .item{height:360px;}
		.msec-visual .item .img img{height:360px}
		
		.msec-visual .item .txt{padding:20px;}
		.msec-visual .item .txt .slogan{left:20px; top:-50px}
		.msec-visual .item .txt .stxt{font-size:13px; display:block; height:auto;}
	}











/* ======================================================
   .msec-01
=========================================================*/
.msec-01{padding:35px 0;}
.msec-01 .cont{}
.msec-01 .cont ul{margin:0 -20px;}
.msec-01 .cont ul:after{display:block ;content:"";clear:both}
.msec-01 .cont li{float:left; width:calc(25% - 40px); margin:0 20px;}
.msec-01 .cont li a{display:block; text-align:center;position:Relative;border:1px solid #dfdfdf; border-radius:5px; height:190px; box-sizing:border-box; display:flex;align-items: center; justify-content: center;-webkit-transition: box-shadow 0.4s ease-in-out;-moz-transition: box-shadow 0.4s ease-in-out;-o-transition: box-shadow 0.4s ease-in-out;transition: box-shadow 0.4s ease-in-out;}
.msec-01 .cont li a:hover{border-color:#006ee3;box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2) ; -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.2) ;-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2)  ; }

.msec-01 .cont li a .vc{width:100%;}
.msec-01 .cont li a .img{display:inline-block;vertical-align:top; width:73px; }
.msec-01 .cont li a .img img{width:100%;}

.msec-01 .cont li a .txt{margin-top:15px; padding:0 5px;}
.msec-01 .cont li a .txt .btxt{font-size:20px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;font-family: 'GmarketSansBold';}
.msec-01 .cont li a .txt .stxt{font-size:14px; color:#777; letter-spacing:-0.03em; line-height:18px;margin-top:7px;}
.msec-01 .cont li a .txt .stxt br{display:none;}
	@media only screen and (max-width:1440px){
		.msec-01 .cont ul{margin:0 -15px;}
		.msec-01 .cont li{ width:calc(25% - 30px); margin:0 15px;}
		.msec-01 .cont li a .img{width:70px;}
		.msec-01 .cont li a .txt .btxt{font-size:18px;}
		.msec-01 .cont li a .txt .stxt{font-size:13px;} 
		.msec-01 .cont li a .txt .stxt br{display:block;}
	}
	@media only screen and (max-width:1185px) {
		.msec-01 .cont ul{margin:0 -10px;}
		.msec-01 .cont li{ width:calc(25% - 20px); margin:0 10px;}
	}
	@media only screen and (max-width:999px){
		.msec-01{padding:30px 0;}
		.msec-01 .cont li{ width:calc(50% - 20px); margin:0 10px;}
		.msec-01 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-01 .cont li a .img{width:60px;}
	}
	@media only screen and (max-width:680px){
		.msec-01 .cont ul{margin:0 -5px;}
		.msec-01 .cont li{ width:calc(50% - 10px); margin:0 5px;}
		.msec-01 .cont li:nth-child(n+3){margin-top:10px;}
		.msec-01 .cont li a .img{width:50px;}
		.msec-01 .cont li a .txt .btxt{font-size:17px;}
		.msec-01 .cont li a .txt .stxt{font-size:12px; margin-top:5px;} 
	}
	@media only screen and (max-width:480px){

	}






/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:45px 0 ; padding-left:300px;}
.msec-02:before{position:absolute; left:50%; width:20000px; top:0; height:100%; z-index:-1; background:#fafafd; display:block ;content:""; margin-left:-10000px;}

.msec-02 .tits{position:absolute; left:0; top:45px; height:calc(100% - 90px); padding-top:15px; box-sizing:border-box;}
.msec-02 .tits h3{font-size:28px ;font-weight:700; color:#000;font-family:'GmarketSansBold'; line-height:1em;  letter-spacing:-0.03em;}
.msec-02 .tits h3 span{color:#006ee3;}
.msec-02 .tits p{font-size:18px; font-weight:500; color:#777; letter-spacing:-0.03em; line-height:1.35em; margin-top:12px;}

.msec-02 .tits .ctrl{position:Absolute ;left:0; bottom:5px; font-size:0;}
.msec-02 .tits .ctrl a{display:inline-block;vertical-align:top; width:42px; height:42px; box-sizing:border-box; border:1px solid #d2d2d2; border-radius:100%; background-color:#fff !important; background-size:100% auto !important;}
.msec-02 .tits .ctrl a:hover{border-color:#0671e4;}
.msec-02 .tits .ctrl a:nth-child(n+2){margin-left:4px;}

.msec-02 .tits .ctrl a.prev{background:url(../img/main/around-prev.png) no-repeat center center;}
.msec-02 .tits .ctrl a.next{background:url(../img/main/around-next.png) no-repeat center center;}
.msec-02 .tits .ctrl a.more{background:url(../img/main/around-more.png) no-repeat center center;}

.msec-02 .tits .ctrl a.prev:hover{background:url(../img/main/around-prevo.png) no-repeat center center;}
.msec-02 .tits .ctrl a.next:hover{background:url(../img/main/around-nexto.png) no-repeat center center;}
.msec-02 .tits .ctrl a.more:hover{background:url(../img/main/around-moreo.png) no-repeat center center;}
	@media only screen and (max-width:1440px){
		.msec-02 .tits h3{font-size:26px ;}
		.msec-02 .tits p{font-size:16px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-02{padding-left:0;}
		.msec-02 .tits{position:Relative; left:auto; top:auto ;height:auto; padding:0; text-align:center;}
		.msec-02 .tits h3{font-size:24px ;}
		.msec-02 .tits p{font-size:14px; margin-top:8px;}
		.msec-02 .tits p br{display:none;}

		.msec-02 .tits .ctrl{display:none;}
	}
	@media only screen and (max-width:680px){
		.msec-02 .tits h3{font-size:22px ;}
		.msec-02 .tits p{font-size:13px;}
	}
	@media only screen and (max-width:480px){

	}


.msec-02 .cont .item{text-align:center;}
.msec-02 .cont .item a{display:block; position:relative;}
.msec-02 .cont .item a .img{display:inline-block;vertical-align:top; width:180px;height:180px;text-align:center; border-radius:100%; overflow:hidden; position:relative;}
.msec-02 .cont .item a .img:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(6,113,228,0.3); display:block; content:""; opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-02 .cont .item a .img img{width:100%;height:180px;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-02 .cont .item a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}
.msec-02 .cont .item a:hover .img:after{opacity:1;}

.msec-02 .cont .item a .txt{text-align:center; margin-top:15px;}
.msec-02 .cont .item a .txt p{font-size:18px; font-weight:500 ;color:#111; letter-spacing:-0.03em; line-height:22px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msec-02 .cont .item a:hover .txt p{color:#0671e4}
	@media only screen and (max-width:1440px){
		.msec-02 .cont .item a .txt p{font-size:16px; }
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-02 .cont{margin-top:25px;}
		.msec-02 .cont .item a .txt p{font-size:14px; }
	}
	@media only screen and (max-width:680px){
		.msec-02 .cont .item a .txt{margin-top:10px;}
		.msec-02 .cont .item a .txt p{font-size:14px; }
		.msec-02 .cont .item a .img{width:160px;height:160px;}
		.msec-02 .cont .item a .img img{height:160px;}
	}
	@media only screen and (max-width:480px){
		.msec-02 .cont .item a .img{width:140px;height:140px;}
		.msec-02 .cont .item a .img img{height:140px;}
	}





/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative; padding:70px 0}
.msec-03 .tits{text-align:center;}
.msec-03 .tits h3{font-size:28px ;font-weight:700; color:#000;font-family: 'GmarketSansBold'; line-height:1em;  letter-spacing:-0.03em;}
.msec-03 .tits h3 span{color:#006ee3;}
.msec-03 .tits p{font-size:18px; font-weight:500; color:#777; letter-spacing:-0.03em; line-height:1.35em; margin-top:12px;}

.msec-03 .tab{margin-top:25px;}
.msec-03 .tab ul{font-size:0;text-align:center;}
.msec-03 .tab ul:after{display:block ;content:"";clear:both}
.msec-03 .tab li{display:inline-block;vertical-align:top}
.msec-03 .tab li:nth-child(n+2){margin-left:10px;}
.msec-03 .tab li a{display:block; line-height:40px; border-radius:40px; border:1px solid #f3f3f3;background:#f3f3f3; font-size:16px; color:#777; letter-spacing:-0.03em; min-width:140px;}
.msec-03 .tab li.active a, .msec-03 .tab li.active a:hover{ }
.msec-03 .tab li a:hover{color:#111;}
.msec-03 .tab li a.on{border-color:#006ee3; color:#006ee3;font-weight:500; background:#fff;}
.msec-03 .cont{display: none;}
.msec-03 .cont.active{
  display: block;
}
	@media only screen and (max-width:1440px){
		.msec-03 .tits h3{font-size:26px;}
		.msec-03 .tits p{font-size:16px;}

		.msec-03 .tab li a{font-size:15px; min-width:120px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-03{padding:50px 0}
		.msec-03 .tits h3{font-size:24px ;}
		.msec-03 .tits p{font-size:14px; margin-top:8px;}
		
		.msec-03 .tab{margin-top:15px;}
		.msec-03 .tab li:nth-child(n+2){margin-left:5px;}
		.msec-03 .tab li a{font-size:14px; min-width:100px;}
	}
	@media only screen and (max-width:680px){
		.msec-03 .tits h3{font-size:22px ;}
		.msec-03 .tits p{font-size:13px;}

		.msec-03 .tab li a{font-size:13px; min-width:80px; line-height:35px;}
	}
	@media only screen and (max-width:480px){
		.msec-03 .tab li a{line-height:30px;}
	}

.msec-03 .cont{margin-top:25px;}
.msec-03 .cont ul{margin:0 -20px;}
.msec-03 .cont ul:after{display:block ;content:"";clear:both}
.msec-03 .cont li{float:left; width:calc(25% - 40px); margin:0 20px;}
.msec-03 .cont li a{display:block; position:Relative;}
.msec-03 .cont li a:after{position:absolute; left:0; top:0; border-radius:5px; border:1px solid #dfdfdf; width:100%;height:100%; box-sizing:border-box; z-index:-1; display:block; content:"";-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}

.msec-03 .cont li a:hover:after{box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1) ;-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1)  ; }

.msec-03 .cont li a .img{overflow:hidden; overflow:hidden;border-radius:5px 5px 0 0}
.msec-03 .cont li a .img img{width:100%;height:200px;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-03 .cont li a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-03 .cont li a .txt{padding:20px 22px; min-height:125px; box-sizing:border-box;border-radius:0 0 5px 5px }
.msec-03 .cont li a .txt .btxt{font-size:20px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:15px;}
.msec-03 .cont li a .txt .stxt{font-size:14px; color:#777; letter-spacing:-0.03em; line-height:18px; padding-left:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.msec-03 .cont li a .txt .stxt.addr{background:url(../img/main/travel-addr.png) no-repeat left 0;}
.msec-03 .cont li a .txt .stxt.tel{margin-top:7px;background:url(../img/main/travel-tel.png) no-repeat left 1px;}
	@media only screen and (max-width:1440px){
		.msec-03 .cont ul{margin:0 -15px;}
		.msec-03 .cont li{width:calc(25% - 30px); margin:0 15px;}

		.msec-03 .cont li a .txt .btxt{font-size:18px;}
		.msec-03 .cont li a .txt .stxt{font-size:13px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .cont ul{margin:0 -10px;}
		.msec-03 .cont li{width:calc(25% - 20px); margin:0 10px;}

	}
	@media only screen and (max-width:999px){
		.msec-03 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-03 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-03 .cont li a .txt{padding:20px;}
		.msec-03 .cont li a .txt .btxt{font-size:16px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.msec-03 .cont ul{margin:0;}
		.msec-03 .cont li{width:auto; float:none; margin:0;}
		.msec-03 .cont li:nth-child(n+2){margin-top:20px;}
	}




/* ======================================================
   .msec-04
=========================================================*/
.msec-04{position:relative; padding:52px 0 120px 0}
.msec-04:before{position:absolute; left:50%; width:20000px; top:0; height:100%; z-index:-1; background:#fafafd; display:block ;content:""; margin-left:-10000px;}
.msec-04:after{display:block; content:"";clear:both}
.msec-04 .fl{float:left; width:calc(50% - 20px)}
.msec-04 .fr{float:right; width:calc(50% - 20px)}

.msec-04 h3{font-size:28px ;font-weight:700; color:#000;font-family: 'GmarketSans'; line-height:1em; margin-bottom:20px; letter-spacing:-0.03em;}

.msec-04 .fl ul{}
.msec-04 .fl ul:after{display:block ;content:"";clear:both}
.msec-04 .fl li{float:left; width:calc(50% - 20px)}
.msec-04 .fl li:nth-child(2){float:right;}
.msec-04 .fl li a{display:block; overflow:hidden; position:relative;}
.msec-04 .fl li a:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.3); display:block; content:""; opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-04 .fl li a img{width:100%;height:200px;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-04 .fl li a:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}
.msec-04 .fl li a:hover:after{opacity:1;}

.msec-04 .fr ul{}
.msec-04 .fr ul li{}
.msec-04 .fr ul li:nth-child(n+2){border-top:1px dashed #aaa}
.msec-04 .fr ul li a{ display: flex; justify-content: space-between;  position:relative; padding-right:90px; line-height:39px; color:#555; font-size:15px; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-04 .fr ul li a span{position:Absolute;right:0; top:0; letter-spacing:-0.01em; color:#aaa; font-size:14px;}
.msec-04 .fr ul li a:hover{color:#000}

	@media only screen and (max-width:1440px){
		.msec-04{padding:50px 0 100px 0}
		.msec-04 h3{font-size:26px ;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){	
		.msec-04{padding:50px 0 75px 0}
		.msec-04 h3{font-size:24px ;}
		.msec-04 .fl{float:none; width:auto}
		.msec-04 .fl li{ width:calc(50% - 10px)}
		.msec-04 .fl li a img{width:100%;/*height:auto;*/object-fit:fill;}

		.msec-04 .fr{float:none; width:auto; margin-top:40px;}
		.msec-04 .fr h3{margin-bottom:10px;}
		.msec-04 .fr ul li a{font-size:14px;}
		.msec-04 .fr ul li a span{font-size:13px;}

	}
	@media only screen and (max-width:680px){
		.msec-04{padding:50px 0 50px 0}
		.msec-04 h3{font-size:22px ; text-align:center;}
		.msec-04 .fl li{ width:calc(50% - 5px)}

		.msec-04 .fr ul li a{font-size:13px; line-height:30px;}
		.msec-04 .fr ul li a span{font-size:12px;}

	}
	@media only screen and (max-width:480px){
		
	}