/* header */
#header{position:fixed}
#logo a, #header.fixed #logo a{color:#fff}
#gnb li a{color:#fff}
#tnb ul{border:1px solid rgba(255, 255, 255, 0.3)}
#tnb li a{color:#fff}
#gnb_btn span{background-color:#fff}

/* main */
#container{height:100%}
#section-nav{display:none;position:fixed;left:60px;top:50%;z-index:99;width:11px}
#section-nav ul{display:block;}
#section-nav li{display:block;margin:30px 0}
#section-nav a:before{content:"";display:block;width:11px;height:11px;border:3px solid rgba(0,0,0,.3);border-radius:50%}
#section-nav a.active:before{content:"";display:block;width:3px;height:30px;margin:0 auto;border:0;border-radius:0;background-color:#f9c30b}
#section-container{z-index:1;min-height:100vh}
.section{min-height:100vh}
.section h2{font-size:2.667em;font-weight:500;color:#000}
.section h2 *{font-weight:500}
.section h3{font-size:2em;font-weight:600;color:#2c1617}
.color_1{color:#413092}
.color_2{color:#93278f}

#section0{position:relative;height:100%}
#section0 .item{min-height:100vh;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#section0 .item3{background-image:url(/images/sms/visual_m.jpg)}
#section0 .item_wrap{width:100%;min-height:100%;;padding:40% 20px 0;margin:0 auto}
#section0 .item-left{display:block;font-size:1.222em;text-align:center}
#section0 .item-right{display:block;margin-top:5vh;font-size:8px;text-align:center}
#section0.owl-carousel .owl-item .item img{display:inline-block;width:auto}
#section0 h3{padding-bottom:3%;font-size:3.333em;font-weight:500;color:#fff}
#section0 h3 strong{font-size:1.200em;font-weight:500;color:#ffeb00}
#section0 p{font-size:2em;color:#fff;line-height:1.3em;text-align:left}
#section0 p br{display:none}
#section0 .item1_1_1 img{margin-left:5px}
#section0 .item-left .mbtn{margin-bottom:20px;}
.scrollbtn{position:absolute;bottom:0;width:100%;height:22%;padding-top:5%;font-size:8px;background-color:transparent;text-align:center;text-transform:uppercase;cursor:pointer}
.scrollbtn a{display:block;font-size:2.5em;color:#fff;text-decoration:none}
.scrollbtn:hover{background-color:rgba(255,255,255,.5);color:#3c1e1e}
.scrollbtn:hover a{color:#3c1e1e}
.chevron::before{content:'';display:inline-block;position:relative;width:20px;height:20px;border-style:solid;border-width:0.25em 0.25em 0 0;vertical-align:top;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.chevron.right:before{left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.chevron.bottom:before{top:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.chevron.left:before{left:0.25em;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.scrollbtn .chevron{display:block;margin-top:5px;font-size:9px;color:#fff;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}
.scrollbtn .chevron2{margin-top:-6px}
.scrollbtn:hover .chevron{color:#3c1e1e}
@-webkit-keyframes pulse {
	0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
	50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
	100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}
@keyframes pulse {
	0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
	50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
	100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}

#section1{padding-top:15vh;background-image:url(/images/sms/service_bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#section1 .inner{position:relative;min-height:510px;height:85vh}
#section1 #service,#section1 .owl-stage-outer,#section1 .owl-stage,#section1 .owl-item,#section1 .item{height:100%}
#section1 #service{position:relative;z-index:1}
#section1 .item{width:100%;font-size:10px;text-align:center}
#section1 .phone{width:100%;text-align:center}
#section1 img{max-width:100%;width:auto;margin:0 auto}
#section1 h3{padding-bottom:8%;font-size:3.333em;font-weight:900;color:#fff;letter-spacing:0}
#section1 p{padding-bottom:5%;font-size:2em;color:#fff;line-height:130%}
#section1 .owl-nav{position:absolute;top:70%;z-index:3;width:100%}
#section1 .owl-nav .owl-prev{float:left;margin-left:0}
#section1 .owl-nav .owl-next{float:right;margin-right:10px}
#section1 .owl-nav .owl-next,#section1 .owl-nav .owl-prev{font-size:0}
#section1 .owl-nav .owl-next:before,#section1 .owl-nav .owl-prev:before{content:'';display:inline-block;position:relative;width:40px;height:40px;border-style:solid;border-width:0.5em 0.5em 0 0;font-size:20px;color:rgba(255,255,255,.5);vertical-align:top}
#section1 .owl-nav .owl-next:before{left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#section1 .owl-nav .owl-prev:before{left:0.5em;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
#section1 .owl-nav .owl-next:hover:before,#section1 .owl-nav .owl-prev:hover:before{color:rgba(255,255,255,1)}


#section2{padding-top:35vh;background-image:url(/images/sms/process_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#section2 .process_wrap{margin:0 auto;padding:5% 0;background-color:rgba(255,255,255,.8)}
#section2 h2{padding-bottom:4%;color:#2c1618;text-align:center}
#section2 .process{font-size:12px}
#section2 .process li{float:left;width:50%;margin-top:20px;border-left:2px dotted #2c1618;font-size:1.722em;color:#2c1618;text-align:center}
#section2 .process li:nth-child(2n+1){clear:both;border-left:0}
#section2 .process li em{display:block;padding-bottom:5%;font-size:3.419em;color:#3c1e1e}
#section2 .process li p{display:block;line-height:130%}

.table-cell{display:table-cell}
.inner{width:100%;margin:0 auto;padding:0 20px}
.mbtn span{display:inline-block;width:100%;padding:20px 20px;border-radius:20px;background-color:#fff;text-align:center}
.mbtn_1 span{background-color:#ffeb00}
.mbtn_2 span{background-color:#2c1618;color:#fff}

@media screen and (min-width:380px){
	#section1 .phone{height:60%}
}
@media screen and (min-width:550px){
	#section0 .item-right{font-size:10px}
	#section0 p{text-align:inherit}
	#section0 p br{display:block}
}
@media screen and (min-width:620px){
	#section0 .item-right{font-size:12px}
	#section0 .mbtn span{max-width:auto;width:auto}
	#section0 .item3 .mbtn span{width:450px}
	.mbtn span{padding:20px 75px}
}
@media screen and (min-width:768px){
	#section0 .item_wrap{padding:25vh 30px 0}
	#section0 .item-right{margin-top:7vh;font-size:1em;text-align:right}
	.inner{padding:0 30px}
}
@media screen and (min-width:1024px){
	#section0 .item_wrap{max-width:1600px;padding:35vh 50px 0}
	#section0 .item-left{float:left;}
	#section0 .item-left .mbtn{text-align:left}
	#section0 .item-right{float:right;margin-top:0;text-align:right}
	#section0 .item3{background-image:url(/images/sms/visual.jpg)}
	#section1 .item{font-size:11px}
	#section2 .process{font-size:1em}
	#section2 .process li:nth-child(n){clear:none;width:25%;border-left:2px dotted #2c1618}
	#section2 .process li:nth-child(1){border-left:0}
	#section2{background-image:url(/images/sms/process_bg.jpg)}

	.inner{max-width:1600px;padding:0 50px}
}
@media screen and (min-width:1200px){
	#section1 .item{font-size:12px}
}
@media screen and (min-width:1600px){
	#section1 .item{font-size:1em}
}
@media screen and (min-width:1700px){
	#section0 .item_wrap{max-width:1700px;padding:35vh 70px 0}
	.inner{max-width:1700px;padding:0 70px}
}
@media screen and (min-width:1800px){
	#section-nav{display:block}
}