/* 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 .item4{height:100%;background-image:url(/images/marttalk/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 .item4_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:30vh;background-color:#797979}
#section1 .process_wrap{margin:0 auto;padding:5% 0;background-color:rgba(255,255,255,.8)}
#section1 h2{padding-bottom:4%;color:#2c1618;text-align:center}
#section1 .process{font-size:8px}
#section1 .process li{float:left;width:33.333%;margin-top:20px;border-left:2px dotted #2c1618;font-size:1.722em;color:#2c1618;text-align:center}
#section1 .process li:nth-child(3n+1){clear:both;border-left:0}
#section1 .process li em{display:block;padding-bottom:5%;font-size:3.419em;color:#3c1e1e}
#section1 .process li p{display:block;line-height:130%}

#section2{position:relative;background-image:url(/images/marttalk/service_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;font-size:8px;text-align:center}
#section2 .inner{position:relative;min-height:600px;height:100vh;padding-top:20vh}
#section2 h2{padding-bottom:50px;font-size:3.333em;color:#fff}
#section2 p{padding-bottom:20px;font-size:2em;color:#fff;line-height:150%}
#section2 .service_img{display:none;overflow:hidden;position:absolute;z-index:0;right:35%;top:0;width:65%;height:100%}
#section2 .service_img img{position:absolute;right:0;max-width:none;width:auto;height:100%}

#section3{overflow:hidden;position:relative;font-size:6px;text-align:center}
#section3 .inner{position:relative;min-height:600px;height:100vh;padding-top:20vh}
#section3 .marketing_phone_bg{overflow:hidden;position:absolute;z-index:10;top:50%;left:0;right:0;width:90%;height:50%;margin:0 auto}
#section3 .marketing_phone{overflow:hidden;position:absolute;z-index:9;top:50%;left:0;right:0;width:90%;;height:50%;margin:0 auto}
#section3 h3{padding-bottom:30px;font-size:3.5em;font-weight:700;color:#fff;letter-spacing:-.1em}
#section3 p{font-size:2.5em;color:#fff;line-height:130%}
#section3 .img_bg{-webkit-transition:left 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;-moz-transition:left 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;-ms-transition:left 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;-o-transition:left 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;transition:left 600ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;position:relative;display:block;top:0;width:100%;height:100%;position:absolute;background-image:url(/images/marttalk/marketing_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;z-index:1}
#section3 .img_bg.right{position:absolute;z-index:2;left:100%}
#section3 .img_bg.right2{position:absolute;z-index:3;left:100%}
#section3.section.step2 .img_bg.right{left:0}
#section3.section.step2.step3 .img_bg.right2{left:0}

#section6{padding-top:25%;background-image:url(/images/marttalk/help_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;font-size:8px}
#section6 h2{padding-bottom:20px;font-size:4.778em;color:#2c1618}
#section6 h2 b{font-weight:900;color:#2c1618}
#section6 p{padding-bottom:10px;font-size:1.85em;color:#2c1618}
#section6 .mbtn{margin-top:10px}
#section6 .mbtn span{max-width:100%;width:520px;padding:20px;border-radius:0;font-size:1.889em}

.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:550px){
	#section0 .item-right{font-size:10px}
	#section0 p{text-align:inherit}
	#section0 p br{display:block}
	#section1 .process{font-size:10px}
	#section2{font-size:10px}
	#section3{font-size:10px}
	#section6{font-size:10px}
}
@media screen and (min-width:620px){
	#section0 .item-right{font-size:12px}
	#section0 .mbtn span{width:auto}
	#section0 .item3 .mbtn span{width:450px}
	#section1 .process{font-size:11px}
	#section2{font-size:11px}
	#section3{font-size:11px}
	#section6{padding-top:25vh;font-size:11px}
	.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 .item4{background-image:url(/images/marttalk/visual.jpg)}
	#section1{padding-top:25vh}
	#section1 .process{font-size:1em}
	#section2{background-image:url(/images/marttalk/service_bg.jpg);font-size:1em;text-align:right}
	#section2 h2{padding-bottom:5%}
	#section2 p{padding-bottom:2%;line-height:130%}
	#section2 .service_img{display:block}
	#section3{background-image:url(/images/marttalk/marketing_bg.jpg);font-size:1em}

	#section3 h2{padding-bottom:5%}
	#section6{background-image:url(/images/marttalk/help_bg.jpg);font-size:1em}

	.inner{max-width:1600px;padding:0 50px}
}
@media screen and (min-width:1600px){
	#section1{padding-top:30vh}
	#section1 .process{font-size:1em}
	#section1 .process li:nth-child(n){clear:none;width:16.666%;border-left:2px dotted #2c1618}
	#section1 .process li:nth-child(1){border-left:0}
	#section2 .service_img{right:30%;width:70%}
	#section3{text-align:right}
	#section3 .inner{padding-top:30vh}
	#section3 .marketing_phone_bg{top:0;right:auto;width:55%;height:100%;padding-top:10%}
	#section3 .marketing_phone{top:0;right:auto;width:55%;height:100%;padding-top:10%}
}
@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}
}