@charset "utf-8";

/*°øÅë*/
.title-area{text-align:center; margin-bottom:60px; padding:0 20px;}
.title-area h1{font-size:54px; font-weight:900;}
.title-area p{font-size:24px; font-weight:700; color:#5b5b5b; margin-top:30px;}

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

@media (max-width:840px){
	.title-area{margin-bottom:40px;}
	.title-area h1{font-size:38px;}
	.title-area p{font-size:20px;}
}

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

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



.visual-wrap{position:relative;overflow:hidden}
.visual-wrap .visual-swiper{overflow:hidden;height:750px;}
.visual-wrap .visual-swiper .swiper-slide{overflow:hidden}
.visual-wrap .visual-swiper .swiper-slide.visual01{background:url("../img/visual01.jpg") #f0eada no-repeat center; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide.visual02{background:url("../img/visual02.jpg?v2") #dbefff no-repeat center; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide.visual03{background:url("../img/visual03.jpg?v2") #f6efe9 no-repeat center; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide.visual04{background:url("../img/visual04.jpg?v2") #f0efe8 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:1350px;}
.main-swiper-button .swiper-pagination{position:initial;text-align:left;color:#555;}
.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)}

.visual-wrap .vis-txt{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
.visual-wrap .vis-txt:after{clear:both; content:""; display:block;}
.visual-wrap .vis-txt .vis-ibox{width:70%; margin:0 auto;}
.visual-wrap .vis-txt .vis-ibox h2{font-family:"SBAggro"; font-weight:500; font-size:34px;}
.visual-wrap .vis-txt .vis-ibox h1{font-family:"SBAggro"; font-weight:500; font-size:80px; letter-spacing:-0.05em; margin:20px 0 30px;}
.visual-wrap .vis-txt .vis-ibox p{font-size:28px; font-weight:700; letter-spacing:-0.05em; line-height:1.4em;}
.visual-wrap .vis-txt .vis-ibox h3{margin-top:60px;}
.visual-wrap .vis-txt .vis-ibox h3 a{display:inline-block; padding:15px 40px; background:#333; color:#fff; font-size:18px;}
.visual-wrap .vis-txt .vis-ibox h3 a i{vertical-align:middle; margin-left:20px;}

.visual-wrap .visual01 .vis-txt .vis-ibox h2{color:#907a67;}
.visual-wrap .visual01 .vis-txt .vis-ibox h1{}
.visual-wrap .visual01 .vis-txt .vis-ibox p{color:#907a67;}
.visual-wrap .visual01 .vis-txt .vis-ibox h3 a{background:#907a67;}

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

@media (max-width:1140px){
	.visual-wrap .visual-swiper .swiper-slide.visual01,
	.visual-wrap .visual-swiper .swiper-slide.visual02,
	.visual-wrap .visual-swiper .swiper-slide.visual03,
	.visual-wrap .visual-swiper .swiper-slide.visual04{background-size:100%; background-position:right bottom;}

	.visual-wrap .vis-txt{width:100%; top:40%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
	.visual-wrap .vis-txt .vis-ibox{width:90%; margin:0 auto; text-align:center;}
	.visual-wrap .vis-txt .vis-ibox h2{font-size:30px;}
	.visual-wrap .vis-txt .vis-ibox h1{font-size:64px; letter-spacing:-0.05em;}
	.visual-wrap .vis-txt .vis-ibox p{margin-top:40px; font-size:26px; letter-spacing:-0.05em; line-height:1.4em;}
	.visual-wrap .vis-txt .vis-ibox h3{margin-top:50px;}
}

@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;}

	.visual-wrap .visual-swiper .swiper-slide.visual01,
	.visual-wrap .visual-swiper .swiper-slide.visual02,
	.visual-wrap .visual-swiper .swiper-slide.visual03,
	.visual-wrap .visual-swiper .swiper-slide.visual04{background-size:130%; background-position:right bottom;}

	.visual-wrap .vis-txt{width:100%; top:40%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
	.visual-wrap .vis-txt .vis-ibox{width:90%; margin:0 auto; text-align:center;}
	.visual-wrap .vis-txt .vis-ibox h2{font-size:24px;}
	.visual-wrap .vis-txt .vis-ibox h1{font-size:54px;}
	.visual-wrap .vis-txt .vis-ibox p{margin-top:40px; font-size:22px;}
}

@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,
	.visual-wrap .visual-swiper .swiper-slide.visual02,
	.visual-wrap .visual-swiper .swiper-slide.visual03,
	.visual-wrap .visual-swiper .swiper-slide.visual04{background-size:120%; background-position:right bottom;}

	.visual-wrap .vis-txt{width:100%; top:40%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
	.visual-wrap .vis-txt .vis-ibox{width:90%; margin:0 auto; text-align:center;}
	.visual-wrap .vis-txt .vis-ibox h2{font-size:20px;}
	.visual-wrap .vis-txt .vis-ibox h1{font-size:40px;}
	.visual-wrap .vis-txt .vis-ibox p{margin-top:20px; font-size:20px;}
	.visual-wrap .vis-txt .vis-ibox p br{display:none;}

	.visual-wrap .vis-txt .vis-ibox h3{margin-top:30px;}
	.visual-wrap .vis-txt .vis-ibox h3 a{padding:10px 30px; font-size:16px;}
}

@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%;}

	.visual-wrap .visual-swiper .swiper-slide.visual01,
	.visual-wrap .visual-swiper .swiper-slide.visual02,
	.visual-wrap .visual-swiper .swiper-slide.visual03,
	.visual-wrap .visual-swiper .swiper-slide.visual04{background-size:150%; background-position:right bottom;}

	.visual-wrap .vis-txt .vis-ibox{width:90%; margin:0 auto; text-align:center;}
	.visual-wrap .vis-txt .vis-ibox h2{font-size:16px;}
	.visual-wrap .vis-txt .vis-ibox h1{font-size:34px;}
	.visual-wrap .vis-txt .vis-ibox p{margin-top:20px; font-size:16px;}

	.visual-wrap .vis-txt .vis-ibox h3{margin-top:20px;}
	.visual-wrap .vis-txt .vis-ibox h3 a{padding:10px 20px; font-size:14px;}
}


#mcont01-section{background:#fff; padding:100px 0;}
#mcont01-section .title-area{text-align:center;}
#mcont01-section .business .box{background-size:cover; background-repeat:no-repeat; border-radius:20px;}
#mcont01-section .business .box a {display:block; border-radius:20px; overflow: hidden; position: relative; top: 0; z-index: 0; width:100%; height:480px;padding:50px 40px; background-size: auto 100% !important; background-size:cover; color: #fff; word-break: keep-all; -webkit-transition: all 0.3s; transition: all 0.3s; }
#mcont01-section .business .box a:before {display: block; height:250px; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s;}
#mcont01-section .business .box a::after { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(rgba(0, 0, 0, 0) 50%, black); content: ''; opacity: .2; -webkit-transition: all 0.3s; transition: all 0.3s; }
#mcont01-section .business .box a:hover, 
#mcont01-section .business .box a:focus, 
#mcont01-section .business .box a:active {top: 0;}

#mcont01-section .business .box a:hover:before, 
#mcont01-section .business .box a:focus:before, 
#mcont01-section .business .box a:active:before {height: 0; }
#mcont01-section .business .box a:hover:after, 
#mcont01-section .business .box a:focus:after, 
#mcont01-section .business .box a:active:after {background:#f9bd40; opacity:1;}

#mcont01-section .business .box .txt-area{text-align:center;}
#mcont01-section .business .box a h1{display:block; margin:40px 0 50px; font-size:40px; font-weight:800; line-height:1.3em; -webkit-transition: all 0.3s; transition: all 0.3s; height:2.6em;}
#mcont01-section .business .box a h1 strong{}
#mcont01-section .business .box a:hover h1, #mcont01-section .business .box a:focus h1, #mcont01-section .business .box a:active h1{margin-bottom:30px; height:auto;}
#mcont01-section .business .box a h2{font-size:24px; line-height:1.5em; font-weight:700; margin:7px 0 30px;}
#mcont01-section .business .box a p{display:inline-block; padding:15px 20px; border:1px solid #fff; color:#fff; font-size:18px;}
#mcont01-section .business .box a p i{vertical-align:middle; margin-left:20px;}

#mcont01-section .business .box a:hover .more, 
#mcont01-section .business .box a:focus .more,
#mcont01-section .business .box a:active .more {visibility: visible; bottom:60px; opacity: 1; -webkit-transition: all 0.3s 0.3s; transition: all 0.3s 0.3s; }

#mcont01-section .cont-area .business-slider{position:relative; margin-top:80px;}
#mcont01-section .cont-area .business-control{z-index:9999;}
#mcont01-section .cont-area .business-control:after{clear:both; display:block; content:"";}
#mcont01-section .cont-area .business-next,
#mcont01-section .cont-area .business-prev{top:50%; width:70px; height:70px; margin-top:-35px; font-size:28px; font-weight:800; z-index:99; line-height:75px; text-align:center; color:#fff; background-color:rgba(0,0,0,.4); cursor:pointer; display:block; position:absolute;}
#mcont01-section .cont-area .business-next:hover,
#mcont01-section .cont-area .business-prev:hover{background-color:rgba(0,0,0,1);}
#mcont01-section .cont-area .business-prev{left:-90px;}
#mcont01-section .cont-area .business-next{right:-90px;}
#mcont01-section .cont-area .business-page{width:auto; bottom:auto; left:auto; margin-right:20px; font-size:22px; line-height:55px; color:#000; display:inline-block; position:relative; float:left; display:none;}
#mcont01-section .cont-area .swiper-pagination-current{color:#000;}

@media (max-width:1420px){
	#mcont01-section{padding:80px 0;}
	#mcont01-section .business .box a {height:450px;padding:40px 30px;}
	#mcont01-section .business .box a:before {height:220px;}
	#mcont01-section .business .box a h1{font-size:38px;}
	#mcont01-section .business .box a h2{font-size:22px;}
	#mcont01-section .cont-area .business-next,
	#mcont01-section .cont-area .business-prev{width:65px; height:65px; margin-top:-30px; font-size:26px; line-height:70px;}
}

@media (max-width:1140px){
	#mcont01-section{padding:80px 0;}
	#mcont01-section .cont-area .business-slider{margin-top:60px;}
	#mcont01-section .business .box a {height:420px;padding:40px 30px;}
	#mcont01-section .business .box a:before {height:240px;}
	#mcont01-section .business .box a h1{font-size:34px;}
	#mcont01-section .business .box a h2{font-size:20px;}
	#mcont01-section .cont-area .business-prev{left:-65px;}
	#mcont01-section .cont-area .business-next{right:-65px;}
	#mcont01-section .cont-area .business-next,
	#mcont01-section .cont-area .business-prev{width:55px; height:55px; margin-top:-22px; font-size:24px; line-height:60px;}
}

@media (max-width:860px){
	#mcont01-section{padding:60px 0;}
	#mcont01-section .cont-area .business-slider{margin-top:50px;}
	#mcont01-section .business .box a {height:380px;padding:30px 20px;}
	#mcont01-section .business .box a:before {height:260px;}
	#mcont01-section .business .box a h1{font-size:30px; margin:20px 0 30px;}
	#mcont01-section .business .box a h2{font-size:18px;}
	#mcont01-section .business .box a p{padding:10px 15px; font-size:15px;}
	#mcont01-section .cont-area .business-prev{left:-65px;}
	#mcont01-section .cont-area .business-next{right:-65px;}
	#mcont01-section .cont-area .business-next,
	#mcont01-section .cont-area .business-prev{width:45px; height:45px; margin-top:-22px; font-size:20px; line-height:50px;}
}

@media (max-width:640px){
	#mcont01-section{padding:50px 0;}
	#mcont01-section .cont-area .business-slider{margin-top:40px;}
	#mcont01-section .business .box a {height:300px;padding:30px 20px;}
	#mcont01-section .business .box a:before {height:160px;}
	#mcont01-section .business .box a h1{font-size:26px; margin:30px 0 20px;}
	#mcont01-section .business .box a h2{font-size:16px; margin:0 0 20px;}
	#mcont01-section .business .box a p{padding:10px 15px; font-size:14px;}
	#mcont01-section .cont-area .business-prev{left:0;}
	#mcont01-section .cont-area .business-next{right:0;}
}

@media (max-width:480px){
	#mcont01-section{padding:40px 0;}
	#mcont01-section .cont-area .business-slider{margin-top:30px;}
	#mcont01-section .business .box a {height:220px;padding:30px 20px;}
	#mcont01-section .business .box a:before {height:100px;}
	#mcont01-section .business .box a h1{font-size:22px; margin:30px 0 20px;}
	#mcont01-section .business .box a h2{font-size:14px; margin:0 0 20px;}
	#mcont01-section .business .box a p{padding:10px 15px; font-size:13px;}
}

#mcont02-section{padding:150px 0; background:url("../img/mcont02_bg.jpg") no-repeat center; background-size:cover;}

@media (max-width:1420px){
	#mcont02-section{padding:120px 0;}
}

@media (max-width:1140px){
	#mcont02-section{padding:90px 0;}
}

@media (max-width:860px){
	#mcont02-section{padding:80px 0;}
}

@media (max-width:640px){
	#mcont02-section{padding:60px 0;}
}

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

#mcont03-section{padding:100px 0;}
#mcont03-section .cont-area .tit{position:relative;}
#mcont03-section .cont-area .tit h1{font-size:30px; font-weight:800;}

#mcont03-section .notice-area{float:left; width:53.571%; max-width:750px;}
#mcont03-section .notice-area .tit h1{color:#8ec31f;}
#mcont03-section .notice-area .tit p{font-size:40px; font-weight:800; position:absolute; top:-5px; right:0;}
#mcont03-section .notice-area ul{border-top:1px solid #dedede; margin-top:20px;}
#mcont03-section .notice-area ul li{border-bottom:1px dashed #dedede; padding:22px 0;}
#mcont03-section .notice-area ul li:after{clear:both; display:block; content:"";}
#mcont03-section .notice-area ul li h1{float:left; font-size:18px; font-weight:700;}
#mcont03-section .notice-area ul li h2{display:none;}
#mcont03-section .notice-area ul li p{float:right; font-size:16px;}
#mcont03-section .notice-area ul li:first-child h1{float:none;}
#mcont03-section .notice-area ul li:first-child h2{
margin:20px 0; 
display:block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* ¶óÀμö */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em;}
#mcont03-section .notice-area ul li:first-child p{float:none;}

#mcont03-section .project-area{float:right; width:42.857%; max-width:600px;}
#mcont03-section .project-area .tit h1{color:#f6af19;}
#mcont03-section .project-area .project-control{top:0; right:0; z-index:9999; position:absolute;}
#mcont03-section .project-area .project-control:after{clear:both; display:block; content:"";}
#mcont03-section .project-area .project-next,
#mcont03-section .project-area .project-prev{z-index:99;width:45px; height:45px; line-height:45px; font-size:28px; text-align:center; color:#333; border-radius:50px; border:1px solid #dedede;font-weight:900; cursor:pointer; display:inline-block; float:left;}
#mcont03-section .project-area .project-prev{margin-right:5px;}
#mcont03-section .project-area .project-next{}
#mcont03-section .project-area .project-page{width:auto; bottom:auto; left:auto; margin-right:10px; font-size:20px; line-height:45px; color:#b1b1b1; display:inline-block; position:relative; float:left;}
#mcont03-section .project-area .swiper-pagination-current{color:#f6af19;}
#mcont03-section .project-area .project-slider{margin-top:20px;}
#mcont03-section .project-area .project-slider img{max-width:100%; border-radius:20px;}

@media (max-width:1420px){
	#mcont03-section{padding:80px 0;}
	#mcont03-section .cont-area .tit h1{font-size:28px;}
	#mcont03-section .notice-area{width:48%;}
	#mcont03-section .project-area{width:48%;}
	#mcont03-section .notice-area ul li:first-child h2{
	margin:20px 0; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* ¶óÀμö */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 1.4em;}
}

@media (max-width:1140px){
	#mcont03-section{padding:80px 0;}
	#mcont03-section .cont-area .tit h1{font-size:24px;}
	#mcont03-section .notice-area .tit p{font-size:36px;}
	#mcont03-section .notice-area ul li{padding:18px 0;}
	#mcont03-section .notice-area ul li:last-child{display:none;}
	#mcont03-section .notice-area ul li h1{font-size:17px;}
	#mcont03-section .notice-area ul li p{font-size:15px;}
	#mcont03-section .project-area .project-page{font-size:17px; line-height:40px;}
	#mcont03-section .project-area .project-next,
	#mcont03-section .project-area .project-prev{width:40px; height:40px; line-height:45px; font-size:24px;}
}

@media (max-width:860px){
	#mcont03-section{padding:60px 0;}
	#mcont03-section .cont-area .tit h1{font-size:22px;}
	#mcont03-section .notice-area .tit p{font-size:32px;}
	#mcont03-section .notice-area{width:100%; max-width:100%;}
	#mcont03-section .notice-area ul li:first-child h2{margin:10px 0; font-size:14px;}
	#mcont03-section .notice-area ul li h1{font-size:16px;}
	#mcont03-section .notice-area ul li p{font-size:14px;}
	#mcont03-section .project-area{width:100%; max-width:100%; margin-top:30px;}
}

@media (max-width:640px){
	#mcont03-section{padding:50px 0;}
	#mcont03-section .cont-area .tit h1{font-size:20px;}
	#mcont03-section .notice-area .tit p{font-size:28px;}
	#mcont03-section .project-area .project-page{font-size:16px; line-height:35px;}
	#mcont03-section .project-area .project-next,
	#mcont03-section .project-area .project-prev{width:35px; height:35px; line-height:38px; font-size:20px;}
}

@media (max-width:480px){
	#mcont03-section{padding:40px 0;}
	#mcont03-section .cont-area .tit h1{font-size:18px;}
	#mcont03-section .notice-area ul li{padding:15px 0;}
	#mcont03-section .notice-area ul li h1{font-size:14px; float:none;}
	#mcont03-section .notice-area ul li:first-child h2{display:none;}
	#mcont03-section .notice-area ul li p{font-size:12px; float:none; margin-top:5px;}
	#mcont03-section .project-area .project-page{font-size:14px; line-height:30px;}
	#mcont03-section .project-area .project-next,
	#mcont03-section .project-area .project-prev{width:30px; height:30px; line-height:33px; font-size:16px;}
}


#mcont04-section{background:url("../img/mcont04_bg.png") no-repeat right bottom #fbf3e6; padding:120px 0 0;}
#mcont04-section .bg-area{background:#fff; width:52%;}
#mcont04-section .bg-area:after{clear:both; display:block; content:"";}
#mcont04-section .seum-area{width:100%; max-width:770px; float:right; padding:110px 50px 140px;}
#mcont04-section .seum-area h2{font-size:30px; color:#c9bc9c; font-weight:800;}
#mcont04-section .seum-area h1{font-family:"SBAggro"; font-size:60px; color:#a38b77; font-weight:500; margin:20px 0 40px;}
#mcont04-section .seum-area p{font-size:18px; color:#696969; font-weight:700; line-height:1.3em;}
#mcont04-section .seum-area ul{margin-top:40px;}
#mcont04-section .seum-area ul:after{clear:both; display:block; content:"";}
#mcont04-section .seum-area ul li{float:left; margin:0 5px 5px 0;}
#mcont04-section .seum-area ul li a{display:inline-block; text-align:center; width:160px; line-height:60px; color:#a38b77; font-size:18px; font-weight:700; border:1px solid #a38b77;}
#mcont04-section .seum-area ul li a:hover{background:#a38b77; color:#fff;-webkit-transition: all 0.5s; transition: all 0.5s;}

@media (max-width:1420px){
	#mcont04-section{padding:100px 0;}
	#mcont04-section .seum-area h2{font-size:26px;}
	#mcont04-section .seum-area h1{font-size:54px; margin:20px 0 40px;}
	#mcont04-section .seum-area p br{display:none;}
}

@media (max-width:1140px){
	#mcont04-section{padding:80px 0;}
	#mcont04-section .seum-area{padding:90px 40px 110px;}
	#mcont04-section .seum-area h2{font-size:22px;}
	#mcont04-section .seum-area h1{font-size:50px; margin:20px 0 30px;}
}

@media (max-width:860px){
	#mcont04-section{background-size:50%; padding:0 0 120px;}
	#mcont04-section .bg-area{width:100%; background:none;}
	#mcont04-section .seum-area{width:80%; margin:0 auto; max-width:100%; float:none; padding:50px 0;}
	#mcont04-section .seum-area h2{font-size:20px;}
	#mcont04-section .seum-area h1{font-size:44px; margin:15px 0 20px;}
	#mcont04-section .seum-area p{font-size:16px;}
	#mcont04-section .seum-area ul{margin-top:30px;}
	#mcont04-section .seum-area ul li a{width:130px; line-height:54px; font-size:16px; background:rgba(255,255,255,.5);}
}

@media (max-width:640px){
	#mcont04-section{background-size:60%; padding:0 0 80px;}
	#mcont04-section .seum-area{width:90%; padding:50px 0;}
	#mcont04-section .seum-area h2{font-size:18px;}
	#mcont04-section .seum-area h1{font-size:40px; margin:15px 0 20px;}
	#mcont04-section .seum-area p{font-size:15px;}
	#mcont04-section .seum-area ul{margin-top:30px;}
	#mcont04-section .seum-area ul li a{width:120px; line-height:50px; font-size:15px;}
}

@media (max-width:480px){
	#mcont04-section{background-size:80%; padding:0 0 80px;}
	#mcont04-section .seum-area{width:90%; padding:50px 0;}
	#mcont04-section .seum-area h2{font-size:16px;}
	#mcont04-section .seum-area h1{font-size:36px; margin:15px 0 15px;}
	#mcont04-section .seum-area p{font-size:14px; font-weight:400;}
	#mcont04-section .seum-area ul{margin-top:20px;}
	#mcont04-section .seum-area ul li a{width:100px; line-height:50px; font-size:14px; background:rgba(255,255,255,.7);}
}