@charset "utf-8";

#sct1 {
    background: #ddd;
}

.Cont01{
    width: 100%;
    height: 100%;
    position: relative;
    background:#714fae url(../images/texture.png)no-repeat bottom center;
}
.Cont02{
    width: 100%;
    height: 100%;
    position: relative;
    background:#7f5899 url(../images/texture.png)no-repeat bottom center;
}
.Cont03{
    width: 100%;
    height: 100%;
    position: relative;
    background:#9978ad url(../images/texture.png)no-repeat bottom center;
}
.Cont04{
    width: 100%;
    height: 100%;
    position: relative;
    background:url(../images/section4_bg.png)no-repeat bottom center;
    background-size: cover;​​
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover;	
}
.Cont05{
    width: 100%;
    height: 100%;
    position: relative;
    background:#ea759e url(../images/texture.png)no-repeat bottom center;
}
.Cont06{
    width: 100%;
    height: 100%;
    position: relative;
    background:#578161 url(../images/texture.png)no-repeat bottom center;
}
.Cont07{
    width: 100%;
    height: 100%;
    position: relative;
    background:#da5556 url(../images/texture.png)no-repeat bottom center;
}
.Cont08{
    width: 100%;
    height: 100%;
    position: relative;
    background:#3f6fab url(../images/texture.png)no-repeat bottom center;
}
.Cont09{
    width: 100%;
    height: 100%;
    position: relative;
    background:#4d7d7e url(../images/texture.png)no-repeat bottom center;
}
.Cont10{
    width: 100%;
    height: 100%;
    position: relative;
    background:#7a9e74 url(../images/texture.png)no-repeat bottom center;
}
.Cont01_area,
.Cont02_area,
.Cont03_area,
.Cont04_area,
.Cont05_area,
.Cont06_area,
.Cont07_area,
.Cont08_area,
.Cont09_area,
.Cont10_area
{
    width: 1080px; /*area 설정*/
    height: 570px;
    margin: auto;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -44%);
	-webkit-transform: translate(-50%, -44%);
	-ms-transform: translate(-50%, -44%);
}
.Cont06_area .mockup img{width:100%; transform: translate(-7%, 0);}
.textbox{
    color: #fff;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.textbox h3{
    font-size: 53px;
    letter-spacing: -0.6px;
    line-height: 1.16em;
    font-weight: 200;
    animation: fadeEffect 1s;
}
.Cont04_area .textbox>h3{
	font-size: 50px;
}
.textbox h3 span{
    font-weight: 700;
}
.textbox .sub_txt{
    padding-top:40px;
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 200;
}
.textbox .btn_more{
display: inline-block;
    border: 0;
    border-bottom: 1px solid #fff;
    height: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    margin-top: 14px;
    height: 30px;
}
.mockup{
    position: absolute; bottom: 0; right: 0;
}
.mockup4{
    position: absolute;
    top: 50%;
    right: -673px;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.btn_google{
    display: block;
    width: 351px;
    height: 83px;
    border-radius: 0.3em;
    border:0;
    text-align: center;
    font-size: 28px;
    color: #bbb;
    font-weight: 300;
    margin-right: 14px;
    margin-top: 58px;
    border:1px solid #fff;
    cursor: pointer;
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
/* 2018년 12월 20일 김인중
	앱스토어 버튼까지 나왔을시 주석해제
  */
/* .btn_google:hover{
    background: rgba(185, 185, 185, 0.6);
} */
.btn_google img{
    padding-top: 16px;
}
.row{
    width:558px;
    padding-top: 15px;
}
.row .input_numb{
    float: left;
    display: block;
    width: 353px;
    height: 83px;
    border-radius: 0.3em;
    border:0;
    text-align: center;
    font-size: 28px;
    color: #bbb;
    font-weight: 300;
    margin-right: 14px;
}
.row .input_numb_btn{
    height: 83px ;
    background: #662fca ;
    width: 191px;
    border-radius: 0.6em;
    border: 0;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
    font-weight: 300;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.row .input_numb_btn:hover{
    background: #5523b1 ;
}
.push_infotxt{
    font-size: 16px;
    display: block;
    clear: both;
    padding-top: 16px;
}
/**/

.btn_scrolldown{
    position: absolute; left: 50%; bottom: 60px;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    z-index: 10;
    animation-name: anim1;
    animation-duration: 2.8s;
    animation-iteration-count: infinite;
}
.btn_scrolldown img{
    width: 85%;
}

/*메인화면 푸터*/
.main_footer{
	position:absolute; bottom:0;
	width:100%;
	background:rgba(90,90,90,0.8);
}
.main_footer_in{
	width:1080px;
	margin:auto;
	color:#ddd;
	padding:14px 0;
	font-size:12px;
}
.main_footer_in p{
	display:inline-block;
}
.f_info p{
	padding-right: 10px;
}
.f_terms a{
	color:#fff;
}

@keyframes fadeEffect{
from{opacity:0;}
to{opacity:1;}
}
@keyframes anim1{
   0%{
   transform: translateY(0);
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   }
   50%{
   transform: translateY(15px);
   -webkit-transform: translateY(15px);
   -ms-transform: translateY(15px);
   }
   100%{
   transform: translateY(0);
   -webkit-transform: translateY();
   -ms-transform: translateY(0);
   }
}

/*영승추가*/
#container{position: relative; }

#section05{background: url(/images/video_bg.jpg) no-repeat center center;}
#section05 .tit{width:1080px; margin:300px auto 0 auto;}
#section05 .tit h3{background: url(/images/video_h3.png) no-repeat center center; width:228px; height: 207px; text-indent: -9999px;}
#section05 .tit span{color:#fff; line-height: 30px; font-size:23px; font-weight:200; margin-top:18px; display: inline-block;}
#section05 .video_list{width:1080px; margin: 100px auto 0 auto;}
#section05 .video_list ul{width:600px;}
#section05 .video_list ul:after{content:""; clear:both; display: block;}
#section05 .video_list ul li{text-align: center; position: relative;}
#section05 .video_list ul li a span{display: inline-block; width:130px;}
#section05 .video_list ul li a span.img{ overflow: hidden; height: 85px; position: relative;}
#section05 .video_list ul li a span.img img{height:100% }
#section05 .video_list ul li a span.img img.over{position: absolute; top:0; left:50%; transform: translate(-50%, 0); display: none;}
#section05 .video_list ul li:hover a span.img img.over{display: block;}
#section05 .video_list ul li.on a span.img img.over{display: block;}
#section05 .video_list ul li a span.text{color:#fff; width:100%; display: block; margin-top:15px;}
#section05 .video_list ul li a.none img{opacity:.3;}
#section05 .video_list ul li a.none span{opacity:.3;}
#section05 .video_list ul .slick-prev, #section05 .video_list ul .slick-next{transform: translate(0, -114%);}
#section05 .video_list ul .slick-prev:before{content:'◀'}
#section05 .video_list ul .slick-next:before{content:'▶'}

.video_view{position: fixed; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.8); top:0; left:0; z-index: 100; display:none;}
.video_view iframe{width: 1040px; height: 585px; position: absolute; top:50%; left:50%; margin:-292.5px 0 0 -520px;}
.video_view a{position: absolute; top:20px; right: 20px; font-size:50px; color:#fff; }

.pageNavi{z-index:10;}

 
/*반응형*/ 
@media only screen and (max-width:640px) {
    
    h1.logo{width:100%; height: auto; padding-top:20px;}
    .logo img{height: 39px; width: auto; padding-left :10px; display: inline-block;}
    .gnb_area{width:100%;  position: static; margin-top:8px;}
    .gnb_area li{float:left; width:33.333%; text-align: center;}
    .gnb_area li a{font-size: 16px; padding: 0;}
    
    
    .wrap{min-width: 100%;}
    .headerArea{width:100%;}
    .Cont01_area, .Cont02_area, .Cont03_area, .Cont04_area, .Cont05_area, .Cont06_area, .Cont07_area, .Cont08_area, .Cont09_area, .Cont10_area
    {width:100%; top:135px; transform: translate(-50%, 0);}
    
    .textbox{width:100%; text-align: center; position: static;     -webkit-transform: translateY(0%);}
    .textbox h3{font-size:28px !important; line-height:37px !important;}
    .textbox .sub_txt{font-size:15px; line-height: 20px;     padding-top:10px;}
    
    .Cont04_area .textbox>h3{margin-top:50px;}
	.Cont04_area .textbox .row{width: 300px; margin:0 auto;}
    .Cont04_area .textbox .row .input_numb_btn{margin-top:5px; width:300px;}
	
    #sendSMSDiv{width:300px; margin:0 auto;}
    #hp{width:100%; margin:0 0 0 0;}
    
    
    .mockup{width:100%; left:0; text-align: center;  position: static; padding-top:40px;}
    .mockup img{width:50%;}
    
    .btn_google{margin:20px auto; width:300px;}
    
    .btn_scrolldown{margin-left:-75.5px; text-align: center; display: none;}
    .btn_scrolldown img{width:50%;}
    
    .main_footer{transform: translate(0, 0); height:auto}
	.main_footer_in{width: 100%; text-align: center;}
    .f_info p{padding:0; width:100%;}
    .fr{width:100%;}
	
    #section05 .tit h3{background: url(/images/M_video_h3.png) no-repeat center center; width: 100%; background-size:auto 100%;}
	#section05 .tit{text-align: center; width: 100%; margin:200px auto 0 auto;}
	#section05 .video_list{margin-top:0; position:absolute; left:10px; bottom:50px;}
	
	.video_view iframe{width: 90%; margin: -292.5px 0 0 -45%; min-height: 490px;}
    
}