@charset "utf-8";

    
.area_point_text{text-align:center; margin:60px 0 80px; word-break:keep-all;}
.area_point_text > p{font-family:'Nanum Myeongjo', serif; font-size:35px; color:#000;}
.area_point_text > p > span{display:inline-block; background:url(../../images/main/bg_point_text.gif) repeat-x 0 center;}
.area_sec{width:1440px; margin:0 auto; padding-bottom:180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_sec::after{display:block; content:""; clear:both; overflow:hidden;}
.area_sec > .header{float:left; padding-top:60px; line-height:1.25; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_sec > .header .title{font-size:70px; letter-spacing:-1px; font-weight:500;  word-break:keep-all;}
.area_sec > .header .title > b{font-weight:900;}
.area_sec > .header .desc{padding:40px 0 60px; font-size:24px; font-weight:300; letter-spacing:-1px; line-height:1.65;  word-break:keep-all;}
.area_sec > .header .btn{display:inline-block; width:270px; height:64px; line-height:64px; text-align:center; font-size:18px; font-weight:600; letter-spacing:0; color:#fff; background-color:#ed6f00; border-radius:8px; cursor:pointer; transition:all 0.3s ease;}
.area_sec > .header .btn:hover{background-color:#ed8b00;}
.area_sec > .content{float:right; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_sec.right > .header{float:right; text-align:right; padding-top:130px;}
.area_sec.right > .content{float:left; text-align:left;}
.area_sec.last{padding-bottom:160px;}
.area_sec.last > .header{padding-top:120px;}


.area_product{width:100%; padding:0 7% 150px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_product .header .title{position:relative; display:inline-block; padding-bottom:60px; font-size:50px; letter-spacing:-1px; color:#000; font-weight:700;}
.area_product .header .title::before{content:""; display:inline-block; position:absolute; left:-90px; top:-90px; width:139px; height:135px; background:url(../../images/main/area_product_title.png) no-repeat 0 0;}
.area_product .header .title span{display:inline-block; position:relative; padding:0 4px; background:url(../../images/main/bg_area_product_title.png) repeat-x 0 88%;}
.area_product .content ul{width:100%;}
.area_product .content ul::after{content:""; display:block; clear:both; overflow:hidden;}
.area_product .content ul > li{width:33%; padding-right:.5%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_product .content ul > li:last-child{margin-right:0;}
.area_product .content ul > li > a{display:block; cursor:pointer; transition:all 0.3s ease;}
.area_product .content ul > li .img{width:100%; height:100%; background-color:#f0f0f0; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_product .content ul > li .img img{width:100%; transition:all 0.6s ease;}
.area_product .content ul > li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.area_product .content ul > li .title{padding-top:30px; letter-spacing:-1px; font-size:22px; font-weight:700; color:#000;}
.area_product .content ul > li .desc{padding-top:4px; letter-spacing:0; font-size:16px; font-weight:300; color:#888;}


.area_photoreview{width:100%; padding-top:150px;text-align:center; background:url(../../images/main/bg_area_photoreview.gif) repeat-x 0 0;}
.area_photoreview .inr{width:1480px; margin:0 auto;}
.area_photoreview .header{padding-bottom:60px;}
.area_photoreview .header .title{padding-bottom:20px; font-size:50px; letter-spacing:-1px; color:#000; font-weight:700;}
.area_photoreview .header .star_rating {width:128px; margin:0 auto;}
.area_photoreview .header .star_rating,.star_rating span {display:block; height:20px; overflow:hidden; background:url(../../images/main/star.png)no-repeat; }
.area_photoreview .header .star_rating span{background-position:left bottom; line-height:0; vertical-align:top; }
.area_photoreview .header .review_info{padding-top:4px;}
.area_photoreview .header .review_info span{display:inline-block; font-size:26px; font-weight:700;}
.area_photoreview .header .review_info .score{font-size:32px; color:#ed6f00;}
.area_photoreview .header .review_info .total{color:#d0d0d0;}
.area_photoreview .header .review_info .total::before{content:"/"; display:inline-block; padding:0 4px}
.area_photoreview .header .review_info .num{color:#d0d0d0;}
.area_photoreview .header .review_info .num::before{content:"("; display:inline-block;}
.area_photoreview .header .review_info .num::after{content:")"; display:inline-block;}
.area_photoreview .content{padding:80px 100px 160px; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.area_photoreview .content > ul > li{display:inline-block; width:calc(100%/4 - 11px); height:100%; margin-right:10px; margin-bottom:10px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.area_photoreview .content > ul > li > a{display:block; cursor:pointer;}
.area_photoreview .content > ul > li > a p{display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center;}
.area_photoreview .content > ul > li img{width:100%; transition:all 0.6s ease;}
.area_photoreview .content > ul > li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.area_photoreview .content > ul > li:nth-child(4n){margin-right:0;}


.area_faq{height:850px; background-color:#f5f5f5;}
.area_faq .inr{width:1400px; margin:0 auto; text-align:center;}
.area_faq .inr .title{padding:124px 0 80px;}
.area_faq .inr .title .label{position:relative; display:inline-block; padding-bottom:34px; font-size:24px; letter-spacing:1px; font-weight:600; color:#111;}
.area_faq .inr .title .label::after{content:""; position:absolute; bottom:20px; left:14%; display:inline-block; width:70%; height:2px; background-color:#111;}
.area_faq .inr .title .label_desc{font-size:16px; font-weight:300; color:#888;}
.area_faq .inr .content > ul{padding-bottom:80px;}
.area_faq .inr .content > ul::after{content:""; display:block; clear:both; overflow:hidden;}
.area_faq .inr .content > ul > li{width:25%; height:310px; float:left; margin-left:-1px; padding:60px 24px; text-align:center; background-color:#fff; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s ease;}
.area_faq .inr .content > ul > li a{display:block; width:100%; height:100%; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.3s ease;}
.area_faq .inr .content > ul > li:first-child{margin-left:0;}
.area_faq .inr .content > ul > li .tit{position:relative; padding-bottom:70px; font-size:18px; letter-spacing:-1px; font-weight:600; color:#000; transition:all 0.3s ease;}
.area_faq .inr .content > ul > li .tit::after{content:""; position:absolute; bottom:20px; left:50%; display:inline-block; width:1px; height:30px; background-color:#e5e5e5;}
.area_faq .inr .content > ul > li .desc{display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 6.4em; text-align: center; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size:16px; letter-spacing:-1px; font-weight:200; color:#999; word-break:keep-all;}
.area_faq .inr .content > .btn{display:inline-block; width:270px; height:64px; line-height:64px; font-size:18px; font-weight:600; letter-spacing:0; color:#fff; background-color:#ed6f00; border-radius:8px; cursor:pointer; transition:all 0.3s ease;}
.area_faq .inr .content > .btn:hover{background-color:#ed8b00;}
.area_faq .inr .content > ul > li:hover{border:10px solid #ed6f00;}
.area_faq .inr .content > ul > li:hover .tit{color:#ed6f00;}


.area_signup{height:850px; background:#ebb76a url(../images/main/bg_signup.png) no-repeat center center;}
.area_signup .inr{width:1400px; margin:0 auto;}
.area_signup .inr .title_wrap{width:710px; padding-top:190px; float:right; line-height:1.25; letter-spacing:-1px; }
.area_signup .inr .title_wrap .desc{padding-bottom:50px; font-weight:100; font-size:36px; color:#fff;}
.area_signup .inr .title_wrap .title{font-weight:800; font-size:56px; color:#fff;}
.area_signup .inr .title_wrap .title span{display:block; padding:60px 0 50px; font-weight:100; font-size:45px;}
.area_signup .inr .title_wrap .btn{display:block; width:264px; height:64px; line-height:64px; text-align:center; font-size:18px; font-weight:500; color:#fff; background:#544947; cursor:pointer; border-radius:50px; transition:all 0.3s ease;}
.area_signup .inr .title_wrap .btn:hover{background:#282120;}




@media screen and (max-width:1600px){
    .area_visual .list li > div{width:1600px; transition:all 0.3s ease;}
}
@media screen and (max-width:1480px){
	.area_photoreview .inr{width:100%; transition:all 0.3s ease;}
	.area_photoreview .content{padding:80px 60px 120px; transition:all 0.3s ease;}
}
@media screen and (max-width:1440px){
	.area_sec{width:100%; padding:0 4% 100px; transition:0.3s ease;}
	.area_sec > .header{width:45%;}
	.area_sec > .header .title{font-size:60px; transition:0.3s ease;}
	.area_sec > .header .desc{font-size:20px; transition:0.3s ease;}
	.area_sec > .header .btn{width:250px; height:58px; line-height:58px; font-size:16px; transition:0.3s ease;}
	.area_sec > .content{width:55%;}
	.area_sec > .content img{width:90%;}
}
@media screen and (max-width:1400px){
    .area_visual .list li > div{width:1200px; transition:all 0.3s ease;}
	.area_company_info01{width:100%;}
	.area_company_info02 .inr{width:100%;}
	.area_faq .inr{width:100%;}
	.area_signup .inr{width:100%}
	.area_faq .content{padding:0 60px;}
	.area_faq .inr .content > ul > li .desc br{display:none;}
}
@media screen and (max-width:1300px){
	.area_signup{height:540px; /*background-size:auto 60%; background-position:-60% center;*/}
	.area_signup .inr .title_wrap{width:; padding-top:100px;}
	.area_signup .inr .title_wrap .desc{padding-bottom:30px; font-size:28px;}
	.area_signup .inr .title_wrap .title{font-size:40px;}
	.area_signup .inr .title_wrap .title span{padding:30px 0 50px; font-size:30px;}
	.area_signup .inr .title_wrap .btn{height:54px; line-height:54px; font-size:16px;}

}
@media screen and (max-width:1280px){
	.area_faq{height:100%;}
	.area_faq .inr .content{padding:0 30px 80px;}
	.area_faq .inr .content > ul > li:nth-child(3){margin-top:-1px; margin-left:0;}
	.area_faq .inr .content > ul > li:nth-child(4){margin-top:-1px;}
	.area_faq .inr .content > ul > li{width:50%;}
}
@media screen and (max-width:1090px){
	.area_sec > .header .title{font-size:40px;}
	.area_sec > .header .desc{font-size:18px;}
}

@media screen and (max-width:880px){
	.area_point_text{margin:40px 0 50px; transition:0.3s ease;}
	.area_point_text > p{font-size:28px; transition:0.3s ease;}
	.area_sec{padding-bottom:0;}
	.area_sec > .header{display:block; width:100%; text-align:center; padding:0; transition:0.3s ease;}
	.area_sec > .header .title{font-size:40px;}
	.area_sec > .header .desc{padding:20px 0 40px; font-size:18px;}
	.area_sec > .content{display:block; width:100%; text-align:center; padding:50px 0 0 0; transition:0.3s ease;}

	.area_sec.right > .header{padding-top:80px; text-align:center;}
	.area_sec.right > .content{display:block; width:100%; text-align:center; padding:0;}

	.area_product .header .title{font-size:36px;}
	.area_product .header .title::before{width:110px; background-size:contain; transition:0.3s ease;}
	.area_product .content ul > li{width:100%; padding:0 0 50px 0; float:none;}
	.area_product .content ul > li:last-child{padding-bottom:0;}
	
	
	.area_faq .inr .title{padding:80px 0 50px; transition:0.3s ease;}
	.area_faq .inr .content > .btn{font-size:14px; transition:0.3s ease;}


	.area_photoreview{padding-top:80px; transition:0.3s ease;}
	.area_photoreview .header{padding-bottom:40px;}
	.area_photoreview .header .title{font-size:36px; transition:0.3s ease;}
	.area_photoreview .header .review_info .score{font-size:28px; transition:0.3s ease;}
	.area_photoreview .header .review_info span{font-size:20px; transition:0.3s ease;}
	.area_photoreview .content{padding:60px 40px 60px;}
	.area_photoreview .content > ul > li{width:calc(100%/3 - 11px);}
	.area_photoreview .content > ul > li:nth-child(4n){margin-right:10px;}
	.area_photoreview .content > ul > li:nth-child(3n),
	.area_photoreview .content > ul > li:last-child{margin-right:0;}



}


@media screen and (max-width:600px){
	.area_point_text > p{font-size:22px;}
	.area_sec > .header .title{font-size:32px;}
	.area_sec > .header .desc{font-size:16px;}
	.area_sec > .header .btn{font-size:14px; margin-bottom:40px;}
	.area_sec > .content{padding-top:0; padding-bottom:80px;}

	.area_sec.last{padding-bottom:0;}
	.area_sec.last > .header{padding-top:80px;}

	.area_sec.right{background-color:#f8f8f8;}
	.area_sec.right > .content{padding-bottom:80px;}

	.area_product{padding-bottom:80px; transition:0.3s ease;}
	.area_product .header .title{font-size:28px;}
	.area_product .header .title::before{width:80px; top:-60px; left:-40px;}

	.area_photoreview .header .title{font-size:28px;}

	.area_faq .inr .content > ul > li{width:100%; height:auto; margin:-1px 0 0 0; padding:40px 25px;}

	.area_photoreview .content{padding:60px 7%;}
}

@media screen and (max-width:360px){
	.area_product .header .title::before{left:34px;}
}