/* 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 .item1{height:100%;background-image:url(/images/alimtalk/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:30vh;background-image:url(/images/alimtalk/process_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#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{padding-top:15vh;background-image:url(/images/alimtalk/service_bg.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#section2 .inner,#section2 .service_wrap{position:relative;min-height:510px;height:85vh}
#section2 #service-dots{position:absolute;top:0;right:0;z-index:2;width:100%;padding:8px 0;border:1px solid rgba(255,255,255,.2);border-width:1px 0}
#section2 #service-dots li{display:inline-block;width:32%;height:40px;text-align:center;vertical-align:bottom;font-size:10px;line-height:40px}
#section2 #service-dots a{font-size:1.667em;color:#dcdcdc}
#section2 #service-dots a:hover,#section2 #service-dots a:focus,#section2 #service-dots a:active{text-decoration:none}
#section2 #service-dots .active a{font-size:2.5em;color:#fae100}
#section2 #service,#section2 .owl-stage-outer,#section2 .owl-stage,#section2 .owl-item,#section2 .item,#section2 .service_phone{height:100%}
#section2 #service{position:relative;z-index:1}
#section2 .phone{overflow:hidden;position:absolute;left:0;right:0;bottom:0;z-index:2;width:100%;height:58%}
#section2 .phone img{position:absolute;left:0;right:0;top:0;z-index:2;max-width:400px;min-height:100%;height:auto;margin:0 auto}
#section2  #service ul{width:100%;padding-top:120px;font-size:6px;text-align:center}
#section2  #service li{display:inline;font-size:3em;color:#fff;line-height:150%}
#section2  #service li:first-child:before{display:none}
#section2  #service li:before{content:", ";display:inline;padding-right:10px}
#section2 .item{width:100%}
#section2 .owl-nav{display:block;position:absolute;top:70%;z-index:3;width:100%}
#section2 .owl-nav .owl-prev{float:left;margin-left:0}
#section2 .owl-nav .owl-next{float:right;margin-right:10px}
#section2 .owl-nav .owl-next,#section2 .owl-nav .owl-prev{font-size:0}
#section2 .owl-nav .owl-next:before,#section2 .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}
#section2 .owl-nav .owl-next:before{left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#section2 .owl-nav .owl-prev:before{left:0.5em;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
#section2 .owl-nav .owl-next:hover:before,#section2 .owl-nav .owl-prev:hover:before{color:rgba(255,255,255,1)}

#section3{padding-top:25%;background-image:url(/images/alimtalk/help_bg_m.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;text-align:right;font-size:8px}
#section3 h2{padding-bottom:20px;font-size:4.778em;color:#2c1618}
#section3 h2 b{font-weight:900;color:#2c1618}
#section3 p{padding-bottom:10px;font-size:1.85em;color:#2c1618}
#section3 .mbtn{margin-top:10px}
#section3 .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:380px){
	#section2 .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}
	#section1 .process{font-size:10px}
	#section2 .phone{height:65%}
	#section3{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 #service-dots li{width:16%}
	#section2  #service ul{padding-top:80px;font-size:7px}
	#section2 .phone{height:70%}
	#section3{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}
	#section2 .phone img{max-width:770px}
	.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 .item1{background-image:url(/images/alimtalk/visual.jpg)}
	#section1{padding-top:25vh}
	#section1 .process{font-size:1em}
	#section1{background-image:url(/images/alimtalk/process_bg.jpg)}
	#section2 #service-dots{top:10%}
	#section2 #service-dots li{height:50px;font-size:1em;line-height:50px}
	#section2 .phone{overflow:hidden;left:0;right:auto;bottom:0;z-index:2;width:57%;max-height:700px;height:75%}
	#section2 .phone img{max-width:auto;min-height:auto;height:auto;margin:0 auto}
	#section2  #service ul{float:right;width:40%;padding-top:25%;font-size:12px;text-align:left}
	#section2  #service li{display:block;text-align:left}
	#section2  #service li:first-child:before{display:inline}
	#section2  #service li:before{content:"- "}
	#section2 .owl-nav{top:50%;width:56%}
	#section3{background-image:url(/images/alimtalk/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-dots{width:53%}
	#section2 .phone{width:47%;max-height:850px;height:100%}
	#section2 .owl-nav{width:46%}
	#section2  #service ul{padding-top:20%;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}
}