@charset "utf-8";

/*°ψΕλ*/
.title-area h1{font-size:70px; font-weight:400;}
.title-area h1 strong{font-weight:800;}
.title-area p{font-size:30px; font-weight:700; margin-top:30px;}
.title-area p strong{font-weight:800;}

@media (max-width:1024px){
	.title-area h1{font-size:60px;}
	.title-area p{font-size:26px;}
}

@media (max-width:840px){
	.title-area h1{font-size:50px;}
	.title-area p{font-size:22px;}
}

@media (max-width:640px){
	.title-area h1{font-size:40px;}
	.title-area p{font-size:18px; margin-top:20px;}
}

@media (max-width:480px){
	.title-area h1{font-size:30px;}
	.title-area p{font-size:16px;}
}



.visual-wrap{position:relative;overflow:hidden}
.visual-wrap .visual-swiper{overflow:hidden;height:940px;}
.visual-wrap .visual-swiper .swiper-slide{overflow:hidden}
.visual-wrap .visual-swiper .swiper-slide.visual01{background:url("../img/visual01.jpg?v4") no-repeat center; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide.visual02{background:url("../img/visual02.jpg?v2") no-repeat center; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide.visual03{background:url("../img/visual03.jpg?v3") no-repeat center; background-size:cover;}

.main-swiper-button{display:flex;align-items:center;position:absolute;bottom:100px;left:50%;z-index:5;transform:translateX(-50%);width:1400px;}
.main-swiper-button .swiper-pagination{position:initial;text-align:left;color:#fff}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet{display:inline-flex;align-items:center;position:relative;width:auto;margin-right:18px;background:none;opacity:.7;font-size:19px;font-weight:400}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar{display:none;position:relative;width:150px;height:2px;margin-left:23px;margin-right:6px;background-color:rgba(255,255,255,.4)}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar .progress-inner{display:block;min-width:100%;height:100%;background-color:#fff;transform:scaleX(0);transform-origin:0%;-webkit-animation-play-state:paused;animation-play-state:paused}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-bar{display:block}
.main-swiper-button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .progress-bar .progress-inner{
-webkit-animation-name:progress;animation-name:progress;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:running;animation-play-state:running;
-webkit-animation-duration:10s;animation-duration:10s}
@-webkit-keyframes progress{100%{transform:scaleX(1)}}@keyframes progress{100%{transform:scaleX(1)}}
.main-swiper-button .swiper-player-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:url(https://www.taihan.com/resources/asset/images/icon/pause.svg) 50% 50% no-repeat; display:none;}
.main-swiper-button .swiper-player-button.active{background-image:url(https://www.taihan.com/resources/asset/images/icon/play.svg)}


@media (max-width:1420px){
	.main-swiper-button{width:1000px;}
}

@media (max-width:1140px){
	.visual-wrap .visual-swiper .swiper-slide.visual01{background:url("../img/visual01_1140.jpg?v4") no-repeat center; background-size:cover;}
	.visual-wrap .visual-swiper .swiper-slide.visual02{background:url("../img/visual02_1140.jpg?v2") no-repeat center; background-size:cover;}
	.visual-wrap .visual-swiper .swiper-slide.visual03{background:url("../img/visual03_1140.jpg?v3") no-repeat center; background-size:cover;}
}

@media (max-width:1024px){
	.main-swiper-button{bottom:60px; width:700px;}
	.visual-wrap .visual-swiper{height:880px;}
}

@media (max-width:860px){
	.main-swiper-button{width:500px;}
	.visual-wrap .visual-swiper{height:700px;}
}

@media (max-width:740px){
	.main-swiper-button{bottom:30px; width:440px;}
	.main-swiper-button .swiper-pagination .swiper-pagination-bullet{margin-right:15px;font-size:16px;}
	.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar{width:100px; margin-left:18px;margin-right:4px;}
	.visual-wrap .visual-swiper{height:650px;}
}

@media (max-width:640px){
	.main-swiper-button{width:340px; bottom:10px;}
	.visual-wrap .visual-swiper{height:450px;}
	.visual-wrap .visual-swiper .swiper-slide.visual01{background:url("../img/visual01_640.jpg?v4") no-repeat center; background-size:cover;}
	.visual-wrap .visual-swiper .swiper-slide.visual02{background:url("../img/visual02_640.jpg?v2") no-repeat center; background-size:cover;}
	.visual-wrap .visual-swiper .swiper-slide.visual03{background:url("../img/visual03_640.jpg?v3") no-repeat center; background-size:cover;}
}

@media (max-width:480px){
	.main-swiper-button .swiper-pagination .swiper-pagination-bullet{margin-right:10px;font-size:14px;}
	.main-swiper-button .swiper-pagination .swiper-pagination-bullet .progress-bar{width:60px; margin-left:12px;margin-right:0px;}
	.main-swiper-button{width:80%;}
}


.en-title{position:relative;margin-bottom:36px;color:#fff}
.en-title h2{font-family:'Montserrat'; position:relative;margin-bottom:10px;font-size:50px;font-weight:600}
.en-title h2 .title-motion::after{content:"";display:block;width:8px;height:8px;margin-left:5px;border-radius:50%;background-color:#fff;transform:scale(0);transition:.3s .8s}
.en-title h2 .title-motion.none::after{content:"";display:none;width:8px;height:8px;margin-left:5px;border-radius:50%;background-color:#fff;transform:scale(0);transition:.3s .8s}
.en-title .title-box{display:flex;justify-content:space-between;align-items:baseline;position:relative;overflow:hidden;transform:translateY(200px);opacity:0;transition:1s .2s}
.en-title .title-box .title-motion{display:flex;align-items:baseline;justify-content:space-between;position:relative}
.en-title.started .title-box{transform:translateY(0);opacity:1}
.en-title.started h2 .title-motion:first-child::after{transform:scale(1)}

@media (max-width:1024px){
	.en-title h2{font-size:28px;}
}

@media (max-width:840px){
	.en-title h2{font-size:24px;}
}

@media (max-width:640px){
	.en-title h2{font-size:20px;}
}

#mcont01-section{padding:130px 0 150px;}
#mcont01-section .mcont01-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-image:url("../img/mcont01_bg.jpg"); background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;z-index: -1;}
#mcont01-section .en-title .title-motion p{font-size:60px; line-height:1.3em; letter-spacing:-0.05em; padding-top:20px;}
#mcont01-section .en-title .title-motion p span.dot{position:relative; font-weight:900;}
#mcont01-section .en-title .title-motion p span.dot::after{width:10px; height:10px; top:-12px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}

#mcont01-section .side-box{position:-webkit-sticky;position:sticky;top:150px;left:0}
#mcont01-section .list-product{margin-right:0;margin-top:-280px;padding-left:500px}
#mcont01-section .list-product li{width:400px;margin-top:-240px;transform:translateY(350px);opacity:0;transition:2s cubic-bezier(0.17, 0.67, 0, 1.05);}
#mcont01-section .list-product li.started{transform:translateY(0);opacity:1}
#mcont01-section .list-product li:nth-child(even){margin-left:auto}
#mcont01-section .list-product li:first-child{margin-top:0}
#mcont01-section .list-product li .img-box img{max-width:100%;}
#mcont01-section .list-product li .title-box{margin:40px 0 0 20px; color:#fff;}
#mcont01-section .list-product li .title-box span{font-size:26px;font-weight:900}
#mcont01-section .list-product li .title-box p{margin-top:10px;font-size:46px; line-height:1.3em;; font-weight:700;}
#mcont01-section .list-product li .title-box p strong{font-weight:900;}

@media all and (max-width:1420px){
	#mcont01-section{padding:100px 0 120px;}
	#mcont01-section .side-box{position:initial; top:0;}
	#mcont01-section .list-product{margin-right:0;padding-left:0}
	#mcont01-section .list-product li{margin-left:auto;margin-top:60px}
	#mcont01-section .list-product li .title-box span{font-size:24px;}
	#mcont01-section .list-product li .title-box p{font-size:44px;}
}

@media all and (max-width:1240px){
	#mcont01-section{padding:80px 0 100px;}
	#mcont01-section .en-title .title-motion p{font-size:50px;}
	#mcont01-section .list-product li{width:430px;}
	#mcont01-section .list-product li{margin-left:auto;margin-top:50px}
	#mcont01-section .list-product li .title-box span{font-size:22px;}
	#mcont01-section .list-product li .title-box p{font-size:40px;}
}

@media all and (max-width:920px){
	#mcont01-section .en-title .title-motion p{font-size:40px;}
	#mcont01-section .list-product{margin-top:-200px;}
	#mcont01-section .list-product li{width:400px;}
	#mcont01-section .list-product li{margin-left:auto;margin-top:40px}
	#mcont01-section .list-product li .title-box span{font-size:20px;}
	#mcont01-section .list-product li .title-box p{font-size:34px;}
}

@media all and (max-width:780px){
	#mcont01-section{padding:70px 0 80px;}
	#mcont01-section .en-title .title-motion p{font-size:34px;}
	#mcont01-section .list-product li{width:350px;}
	#mcont01-section .list-product li{margin-left:auto;margin-top:30px}
	#mcont01-section .list-product li .title-box{margin:20px 0 0 0;}
	#mcont01-section .list-product li .title-box span{font-size:18px;}
	#mcont01-section .list-product li .title-box p{font-size:30px;}
}

@media all and (max-width:640px){
	#mcont01-section{padding:40px 0 40px;}
	#mcont01-section .side-box{position:initial}
	#mcont01-section .en-title .title-motion p{font-size:30px;}
	#mcont01-section .en-title .title-motion p br{display:none;}
	#mcont01-section .list-product{margin-top:0;}
	#mcont01-section .list-product li{width:100%;}
	#mcont01-section .list-product li .title-box span{font-size:14px;}
	#mcont01-section .list-product li .title-box p{font-size:22px;}
	#mcont01-section .list-product li .title-box p br{display:none;}
	#mcont01-section .en-title .title-motion p span.dot::after{width:6px; height:6px; top:-10px; left:50%; margin-left:-5px; background:#fff; border-radius:50px; content:""; display:block; position:absolute;}
}

@media all and (max-width:480px){
	#mcont01-section .en-title .title-motion p{font-size:30px;}
	#mcont01-section .list-product li .title-box span{font-size:12px;}
	#mcont01-section .list-product li .title-box p{font-size:20px;}
}

#mcont02-section{background:#fff; padding:150px 0;}
#mcont02-section .title-area{text-align:center;}
#mcont02-section .title-area p{color:#3267ff;}
#mcont02-section .title-area p span.dot{position:relative; font-weight:900; padding-top:12px;}
#mcont02-section .title-area p span.dot:after{width:7px; height:7px; top:0; left:50%; margin-left:-5px; background:#3267ff; border-radius:50px; content:""; display:block; position:absolute;}

#mcont02-section .smart-slider{width:100%; max-width:1600px; position:relative; margin-top:60px;}
#mcont02-section .smart-slider .swiper-nav{text-align:center;}
#mcont02-section .smart-slider .swiper-nav li{width:auto; height:58px; margin:0 10px; padding:15px 15px;color:#999;border:1px solid #e5e5e5;background-color:#fff;border-radius:50px;font-size:22px; font-weight:700;opacity:1;}
#mcont02-section .smart-slider .swiper-nav li:hover,
#mcont02-section .smart-slider .swiper-nav li.swiper-pagination-bullet-active{background-color:#3267ff;color:#fff;border-color:#3267ff}

#mcont02-section .smart-slider .swiper-slide{width:100%; overflow:hidden; margin-top:50px;}
#mcont02-section .smart-slider .swiper-slide:after{clear:both; display:block; content:"";}
#mcont02-section .smart-slider .swiper-slide .txt-area{float:left; width:35%; height:640px; background:#f0f9ff; padding:80px 50px 80px 80px; position:relative;}
#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:28px; font-weight:900; color:#3267ff;}
#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:42px; font-weight:800; margin-top:50px; line-height:1.2em;}
#mcont02-section .smart-slider .swiper-slide .txt-area ul{margin:30px 0 0 0;}
#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:34px; font-weight:800; margin-top:20px; line-height:1.2em; position:relative; padding-left:20px;}
#mcont02-section .smart-slider .swiper-slide .txt-area ul li:after{width:9px; height:2px; top:15px; left:0px; background:#333; content:""; display:block; position:absolute;}
#mcont02-section .smart-slider .swiper-slide .txt-area ul li span.small{position:relative; top:0; left:0;}
#mcont02-section .smart-slider .swiper-slide .txt-area span{position:absolute; bottom:80px; right:50px;}

#mcont02-section .smart-slider .swiper-slide .img-area{float:left; width:65%; height:640px;}
#mcont02-section .smart-slider .swiper-slide.bg1 .img-area{background:url("../img/mcont02_img01.jpg") no-repeat center; background-size:cover;}
#mcont02-section .smart-slider .swiper-slide.bg2 .img-area{background:url("../img/mcont02_img02.jpg?v2") no-repeat center; background-size:cover;}
#mcont02-section .smart-slider .swiper-slide.bg3 .img-area{background:url("../img/mcont02_img03.jpg") no-repeat center; background-size:cover;}
#mcont02-section .smart-slider .swiper-slide.bg4 .img-area{background:url("../img/mcont02_img04.jpg") no-repeat center; background-size:cover;}
#mcont02-section .smart-slider .swiper-slide.bg5 .img-area{background:url("../img/mcont02_img05.jpg") no-repeat center; background-size:cover;}

@media all and (max-width:1420px){
	#mcont02-section{padding:120px 0;}
	#mcont02-section .smart-slider .swiper-slide .txt-area{height:600px; padding:50px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:26px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:40px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:90px; height:auto;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:28px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span{position:absolute; bottom:80px; right:50px;}

	#mcont02-section .smart-slider .swiper-slide .img-area{height:600px;}
}

@media all and (max-width:1240px){
	#mcont02-section{padding:100px 0;}
	#mcont02-section .smart-slider .swiper-nav li{height:50px; margin:0 8px; padding:12px 12px;font-size:20px;}

	#mcont02-section .smart-slider .swiper-slide{margin-top:40px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area{height:540px; padding:50px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:22px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:34px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul{margin:30px 0 0 0;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:22px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li:after{top:12px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span{bottom:50px; right:50px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:90px; height:auto;}

	
	#mcont02-section .smart-slider .swiper-slide .img-area{height:540px;}
}

@media all and (max-width:1024px){
	#mcont02-section{padding:80px 0;}
	#mcont02-section .smart-slider{margin-top:50px;}
	#mcont02-section .smart-slider .swiper-nav li{height:44px; margin:5px; padding:12px;font-size:18px;}

	#mcont02-section .smart-slider .swiper-slide{margin-top:30px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area{height:470px; padding:50px 30px 30px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:20px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:32px; margin-top:30px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:20px; padding-left:15px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li:after{top:10px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span{bottom:30px; right:30px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:70px; height:auto;}
	#mcont02-section .smart-slider .swiper-slide .img-area{height:470px;}
}

@media all and (max-width:780px){
	#mcont02-section{padding:80px 0;}
	#mcont02-section .smart-slider{margin-top:30px;}
	#mcont02-section .smart-slider .swiper-nav li{height:44px; margin:5px; padding:12px;font-size:16px;}

	#mcont02-section .smart-slider .swiper-slide{margin-top:20px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area{width:100%; height:auto; padding:30px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:18px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:26px; margin-top:20px; height:3.6em;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1 br{display:none;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul{margin:20px 0 0 0;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:18px; margin-top:10px; padding-left:12px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li br{display:none;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li:after{width:6px;height:1px; top:8px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span{top:20px; right:20px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:50px; height:auto;}
	#mcont02-section .smart-slider .swiper-slide .img-area{width:100%; height:400px;}
}

@media all and (max-width:640px){
	#mcont02-section{padding:60px 0;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:16px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:23px; margin-top:15px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul{margin:15px 0 0 0;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:16px; margin-top:7px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span{top:10px; right:10px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:40px; height:auto;}
	#mcont02-section .smart-slider .swiper-slide .img-area{height:340px;}
}

@media all and (max-width:480px){
	#mcont02-section .smart-slider{margin-top:20px;}
	#mcont02-section .smart-slider .swiper-nav li{height:38px; margin:5px; padding:10px;font-size:14px;}

	#mcont02-section .smart-slider .swiper-slide{margin-top:15px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area{padding:20px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h3{font-size:14px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area h1{font-size:18px;}
	#mcont02-section .smart-slider .swiper-slide .txt-area ul li{font-size:13px; margin-top:5px;}

	#mcont02-section .smart-slider .swiper-slide .txt-area span img{width:30px; height:auto;}
	#mcont02-section .smart-slider .swiper-slide .img-area{height:200px;}
}

/*INEX HISTORY*/
#mcont03-section{background:url("../img/mcont03_bg.jpg") no-repeat center; background-size:cover; padding:220px 0 250px;}
#mcont03-section .cont-area{position: relative;}
#mcont03-section .tit-area{text-align:center; color:#fff;}
#mcont03-section .tit-area .tit{ font-family:'Montserrat'; font-size:80px; font-weight:800;}
#mcont03-section .tit-area .txt{font-size:24px; font-weight:700; line-height:1.5em;}
#mcont03-section .count-area{margin-top:130px;}
#mcont03-section .count-area ul{margin-top:; text-align:center;}
#mcont03-section .count-area ul:after{clear:both; display:block; content:"";}
#mcont03-section .count-area ul li{display:inline-block; text-align:center; color:#fff; position:relative; padding:0 80px;}
#mcont03-section .count-area ul li:after{width:1px; height:70px; bottom:10px; right:0; background:rgba(255,255,255,.3); content:""; display:block; position:absolute;}
#mcont03-section .count-area ul li:last-child:after{width:0;}
#mcont03-section .count-area ul li p{font-size:22px; font-weight:700; margin-bottom:30px; line-height:130%;}
#mcont03-section .count-area ul li p br{display:none;}
#mcont03-section .count-area ul li h1 em{font-size:110px; font-weight:900; letter-spacing:-0.05em; line-height:1em;}
#mcont03-section .count-area ul li h1 span{font-size:36px; font-weight:700; vertical-align:bottom; margin-left:15px;}

@media (max-width:1420px){
	#mcont03-section{padding:180px 0 200px;}

	#mcont03-section .tit-area .tit{font-size:70px;}
	#mcont03-section .tit-area .txt{font-size:22px;}
	#mcont03-section .count-area{margin-top:100px;}

	#mcont03-section .count-area ul li{display:inline-block; text-align:center; color:#fff; position:relative; padding:0 50px;}
	#mcont03-section .count-area ul li p{font-size:22px; margin-bottom:30px;}
	#mcont03-section .count-area ul li h1 em{font-size:96px;}
	#mcont03-section .count-area ul li h1 span{font-size:34px; margin-left:15px;}
}

@media (max-width:1024px){
	#mcont03-section{padding:130px 0 150px;}

	#mcont03-section .tit-area .tit{font-size:60px;}
	#mcont03-section .tit-area .txt{font-size:20px;}
	#mcont03-section .count-area{margin-top:80px;}

	#mcont03-section .count-area ul li{padding:0 40px;}
	#mcont03-section .count-area ul li p{font-size:20px; margin-bottom:30px;}
	#mcont03-section .count-area ul li h1 em{font-size:86px; letter-spacing:-0.05em;}
	#mcont03-section .count-area ul li h1 span{font-size:30px; margin-left:15px;}
}

@media (max-width:880px){
	#mcont03-section{padding:100px 0 120px;}

	#mcont03-section .tit-area .tit{font-size:50px;}
	#mcont03-section .tit-area .txt{font-size:18px;}
	#mcont03-section .tit-area .txt br{display:none;}
	#mcont03-section .count-area{margin-top:60px;}

	#mcont03-section .count-area ul li{padding:0 30px;}
	#mcont03-section .count-area ul li p{font-size:16px; margin-bottom:20px;}
	#mcont03-section .count-area ul li p br{display:block;}
	#mcont03-section .count-area ul li h1 em{font-size:70px;}
	#mcont03-section .count-area ul li h1 span{font-size:22px; margin-left:10px;}
}

@media (max-width:640px){
	#mcont03-section{padding:70px 0 80px;}

	#mcont03-section .tit-area .tit{font-size:40px;}
	#mcont03-section .tit-area .txt{font-size:16px; font-weight:400;}
	#mcont03-section .count-area{margin-top:40px;}

	#mcont03-section .count-area ul li{padding:0 15px;}
	#mcont03-section .count-area ul li:after{height:50px; bottom:5px;}
	#mcont03-section .count-area ul li p{font-size:14px; margin-bottom:20px;}
	#mcont03-section .count-area ul li p br{display:block;}
	#mcont03-section .count-area ul li h1 em{font-size:50px;}
	#mcont03-section .count-area ul li h1 span{font-size:18px; margin-left:5px;}
}

@media (max-width:480px){
	#mcont03-section{padding:40px 0 40px;}

	#mcont03-section .tit-area .tit{font-size:36px;}
	#mcont03-section .tit-area .txt{font-size:14px;}
	#mcont03-section .count-area{margin-top:10px;}

	#mcont03-section .count-area ul li{padding:20px 15px; width:100%; margin-top:10px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.1);}
	#mcont03-section .count-area ul li:after{height:0px; width:50px; bottom:0; left:50%; margin-left:-25px;}
	#mcont03-section .count-area ul li p{font-size:14px; margin-bottom:10px;}
	#mcont03-section .count-area ul li p br{display:none;}
	#mcont03-section .count-area ul li h1 em{font-size:50px;}
	#mcont03-section .count-area ul li h1 span{font-size:14px; margin-left:5px;}
}

#mcont04-section{background:url("../img/mcont04_bg.jpg") no-repeat center; background-size:cover; padding:220px 0 250px;}
#mcont04-section .cont-area{position: relative;}
#mcont04-section .title-area{color:#fff; position:relative;}
#mcont04-section .title-area h1{font-size:52px; letter-spacing:-0.07em;}
#mcont04-section .title-area h1 strong{font-size:70px;}
#mcont04-section .title-area p{font-size:24px; letter-spacing:-0.05em; line-height:1.3em; font-weight:400;}

#mcont04-section .title-area .more a{font-size:20px; color:#fff; display:inline-block; padding:10px 7px; border-bottom:1px solid #fff; margin:70px 0;}
#mcont04-section .title-area .more a i{padding-left:50px; vertical-align:middle;}

#mcont04-section .title-area .fran-control{bottom:-50px; left:0; z-index:9999; position:absolute;}
#mcont04-section .title-area .fran-control:after{clear:both; display:block; content:"";}
#mcont04-section .title-area .fran-next,
#mcont04-section .title-area .fran-prev{width:69px; height:50px; z-index:99; line-height:50px; text-align:center; color:#fff; cursor:pointer; display:inline-block; float:left;}
#mcont04-section .title-area .fran-prev{margin-left:20px; background:url("../img/fran_right_arrow.png") no-repeat center; background-size:100% auto;}
#mcont04-section .title-area .fran-next{ background:url("../img/fran_left_arrow.png") no-repeat center; background-size:100% auto;}
#mcont04-section .title-area .fran-page{width:auto; bottom:auto; left:auto; margin-left:30px; font-size:24px; line-height:50px; font-weight:400; color:rgba(255,255,255,.6); display:inline-block; position:relative; float:left;}
#mcont04-section .title-area .swiper-pagination-current{color:rgba(255,255,255,1);}

#mcont04-section .fran-slider{position:absolute;left:50%;width:100%;right:0;top:30px;z-index:1;margin-left: -200px; height:420px;}
#mcont04-section .fran-slider .box{padding:0 40px; background:rgba(255,255,255,.2);}
#mcont04-section .fran-slider .box a{display:inline-block; width:100%; height:400px; position:relative;}
#mcont04-section .fran-slider .box a .cont{width:100%; top:60%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute; color:#fff; text-align:center;}
#mcont04-section .fran-slider .box a .cont h1{font-size:36px; font-weight:800;}
#mcont04-section .fran-slider .box a .cont p{border-top:1px solid rgba(255,255,255,.3); margin-top:80px; padding-top:40px; font-size:20px; font-weight:700;}
#mcont04-section .fran-slider .box a .cont p span{color:rgba(255,255,255,.5); margin-right:7px;}

@media (max-width:1640px){
	#mcont04-section{padding:170px 0 200px;}
	#mcont04-section .title-area h1{font-size:50px;}
	#mcont04-section .title-area p{font-size:22px;}
	#mcont04-section .fran-slider{margin-left: -80px; height:380px;}
}

@media (max-width:1320px){
	#mcont04-section{padding:100px 0 140px;}
	#mcont04-section .title-area{}
	#mcont04-section .title-area h1{font-size:60px;}
	#mcont04-section .title-area h1 br,
	#mcont04-section .title-area p br{display:none;}
	#mcont04-section .title-area .more a{font-size:18px;margin:20px 0 0;}

	#mcont04-section .title-area .fran-control{bottom:0; right:0;}
	#mcont04-section .title-area .fran-next,
	#mcont04-section .title-area .fran-prev{display:none; height:0;}
	#mcont04-section .title-area .fran-page{font-size:20px; float:right;}

	#mcont04-section .fran-slider{position:relative;left:0;width:100%;top:0;z-index:1;margin-left:0; height:380px;}
	#mcont04-section .fran-slider .box{padding:0 30px;}
	#mcont04-section .fran-slider .box a{height:380px;}
	#mcont04-section .fran-slider .box a .cont h1{font-size:30px;}
	#mcont04-section .fran-slider .box a .cont p{font-size:18px;}
}

@media (max-width:840px){
	#mcont04-section .title-area h1{font-size:50px;}
	#mcont04-section .title-area h1 strong{font-size:50px;}
}

@media (max-width:740px){
	#mcont04-section{padding:80px 0 120px;}
	#mcont04-section .title-area p{font-size:20px;}
}

@media (max-width:640px){
	#mcont04-section{padding:60px 0 80px;}
	#mcont04-section .title-area h1{font-size:40px;}
	#mcont04-section .title-area h1 strong{font-size:40px;}
	#mcont04-section .title-area p{font-size:18px; margin-top:20px;}
	#mcont04-section .title-area .more a{font-size:16px;margin:30px 0;}
	#mcont04-section .title-area .fran-page{font-size:16px;}

	#mcont04-section .fran-slider{height:320px;}
	#mcont04-section .fran-slider .box{padding:0 20px;}
	#mcont04-section .fran-slider .box a{height:320px;}
	#mcont04-section .fran-slider .box a .cont h1{font-size:26px;}
	#mcont04-section .fran-slider .box a .cont p{font-size:16px; margin-top:50px; padding-top:30px;}
}

@media (max-width:480px){
	#mcont04-section{padding:50px 0 70px;}
	#mcont04-section .title-area h1{font-size:30px;}
	#mcont04-section .title-area h1 strong{font-size:30px;}
	#mcont04-section .title-area p{font-size:16px;}
	#mcont04-section .title-area .more a{font-size:14px;margin:10px 0 20px;}
	#mcont04-section .title-area .fran-page{font-size:14px;}

	#mcont04-section .fran-slider{height:200px;}
	#mcont04-section .fran-slider .box a{height:200px;}
	#mcont04-section .fran-slider .box a .cont h1{font-size:22px;}
	#mcont04-section .fran-slider .box a .cont p{font-size:14px; margin-top:40px; padding-top:20px;}
}

#mcont05-section{}
#mcont05-section .banner{}
#mcont05-section .banner.company{background:url("../img/mcont05_bg01.jpg") no-repeat center; background-size:cover; padding:100px 0;}
#mcont05-section .banner.contact{background:url("../img/mcont05_bg02.jpg") no-repeat center; background-size:cover; padding:70px 0;}

#mcont05-section .banner h1{font-size:36px; font-weight:800; line-height:140%; letter-spacing:-0.05em; color:#fff;}
#mcont05-section .banner h3{font-size:50px; font-weight:900; letter-spacing:-0.05em; margin-top:20px;}
#mcont05-section .banner h3 a{color:#fff;}
#mcont05-section .banner h3 i{padding-right:10px; vertical-align:middle;}

#mcont05-section .banner p{width:340px; height:60px; border:1px solid #fff; border-radius:50px; position:relative; margin-top:40px;}
#mcont05-section .banner p a{display:block;}
#mcont05-section .banner p a em{width:100%; z-index:10000; font-size:24px; line-height:60px; text-align:center; color:#fff; display:block; position:absolute; font-weight:800;}
#mcont05-section .banner p a:after{width:0; height:100%; max-width:100%; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s; border-radius:50px; border:1px solid #fff; background-color:#fff; content:""; position:absolute; overflow:hidden;}
#mcont05-section .banner p a:hover:after{width:100%; opacity:1;}
#mcont05-section .banner p a:hover em{color:#222;}

@media (max-width:1420px){
	#mcont05-section .banner h1{font-size:34px;}
	#mcont05-section .banner h3{font-size:44px; margin-top:30px;}
}

@media (max-width:1024px){
	#mcont05-section .banner h1{font-size:30px;}
	#mcont05-section .banner h3{font-size:40px; margin-top:30px;}

	#mcont05-section .banner p{width:300px; height:50px;}
	#mcont05-section .banner p a em{font-size:20px; line-height:50px;}
}

@media (max-width:840px){
	#mcont05-section .banner h1{font-size:26px;}
	#mcont05-section .banner h2 br{display:none;}
	#mcont05-section .banner h3{font-size:30px; margin-top:20px;}

	#mcont05-section .banner p{width:300px; height:44px;}
	#mcont05-section .banner p a em{font-size:18px; line-height:44px;}
}

@media (max-width:640px){
	#mcont05-section .banner h1{font-size:22px;}
	#mcont05-section .banner h3{font-size:26px; margin-top:20px;}

	#mcont05-section .banner p{width:200px; height:42px;}
	#mcont05-section .banner p a em{font-size:16px; line-height:42px;}
}

@media (max-width:480px){
	#mcont05-section .banner.company{padding:60px 0;}
	#mcont05-section .banner.contact{padding:40px 0;}
	#mcont05-section .banner h1{font-size:18px;}
	#mcont05-section .banner h3{font-size:22px; margin-top:20px;}
	#mcont05-section .banner p{height:38px;}
	#mcont05-section .banner p a em{font-size:14px; line-height:38px;}
}
