#wrap{position:relative; overflow:hidden; width:100%;}
.inner{width:1280px; margin:0 auto;}

#visual{background:url('../images/index-bg.jpg') center no-repeat; background-size:cover;}
.main-header{padding-top:38px; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.sub-header{padding-top:48px;}
.header:after{content:''; display:block; clear:both;}
.header .inner{position:relative;}
.header .inner div{float:left;}
.header div:nth-child(2){position:absolute; z-index:1; top:0; right:0;}

.main-tit{padding:75px 0; color:#fff; text-align:center; text-shadow:4px 4px 10px rgba(0, 0, 0, 0.3);}
.main-tit dt{font-size:56px; line-height:66px; font-weight:100; font-weight:-0.8px;}
.main-tit dt strong{font-weight:700;}
.main-tit dd{margin-top:20px; font-size:16px; line-height:28px;}

#product-gate{width:1280px; margin:0 auto; padding:60px 0 140px 0; box-sizing:border-box;}
.pro-gate-list:after, .pro-gate-list li:after{content:''; display:block; clear:both;}
.pro-gate-list li{float:left; width:48%;}
.pro-gate-list li:last-child{margin-left:4%;}

.pgl-txt{width:50%; margin-top:18px; }
.pgl-txt dt{margin-bottom:7px; padding-bottom:15px; font-size:20px; line-height:30px; color:#061026; font-weight:700; letter-spacing:-1px; background:url('../images/index-bar.jpg') 0 bottom no-repeat;}
.pgl-txt dd{font-size:16px; line-height:26px; color:#666; font-size:300;}
.pgl-txt dd:last-child{margin-top:50px;}
.pgl-img{width:50%;}
.pgl-img img{width:100%;}

.pro-gate-list li:first-child .pgl-img{float:right;}
.pro-gate-list li:last-child .pgl-img{float:left;}
.pro-gate-list li:first-child .pgl-txt{float:right; padding-right:10px; box-sizing:border-box;}
.pro-gate-list li:last-child .pgl-txt{float:left; padding-left:10px; box-sizing:border-box;}

.btn-regular a{display:inline-block; padding:14px 45px; font-size:16px; line-height:26px; color:#fff; border-radius:100px; background-color:#fe392e;}
.btn-regular a img{padding-left:6px; padding-bottom:3px;}

#footer{padding:30px 0; color:#5a5a5a; background-color:#ebebeb;}
#footer .inner:after{content:''; display:block; clear:both;}
.footer-txt{float:left;}
.footer-txt span{padding-right:30px;}
.footer-txt span:last-child{padding-right:0;}
.footer-img{float:right;}


.gnb{width:454px; margin:0 auto; padding-top:25px;}
.gnb:after{content:''; display:block; clear:both;}
.gnb li{float:left; font-size:16px; margin-right:50px; line-height:24px;}
.gnb li:last-child{margin-right:0;}
.gnb li a{display:inline-block; padding-bottom:30px; color:#758184;}
.gnb li.ative a, .gnb li a:hover{color:#fff; border-bottom:2px solid #fff;}

/* Mobile Menu */
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px; background-color:#fff; border-radius:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.mo-menu-trigger.active span:nth-of-type(1){
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);
}

.mo-menu-trigger.active span:nth-of-type(2){
	opacity:0;
}

.mo-menu-trigger.active span:nth-of-type(3){
	-webkit-transform:translateY(-10px) rotate(315deg);
	transform:translateY(-10px) rotate(315deg);
}

.m-gnb-bg{display:none;}





/* product gatepage */
.bg-gray{background-color:#f7f7f7;}
#product{padding:80px 0;}
.product-area:after{content:''; display:block; clear:both;}

.product-text{float:left; width:23.5%; margin-right:2%;}
.product-text dt{font-size:30px; line-height:40px; color:#061026; font-weight:700;}
.product-text dd{margin-top:30px; padding-top:6px; font-size:16px; line-height:26px; color:#666; background:url('../images/index-bar.jpg') 0 0 no-repeat;}
.product-text dt span{font-weight:100;}


.product-list{position:relative; float:left; width:74.5%;}
.product-list:after{content:''; display:block; clear:both;}
.product-list li{margin-right:28px; background-color:#fff; border-radius:8px; box-shadow:10px 13px 24px rgba(0, 0, 0, 0.13);}
.product-list li:last-child{margin-right:0;}
.product-list li div img{width:100%;}

.product-list li a{display:block; margin:20px 0; padding:0 20px; background:url('../images/btn-product.png') 92% center no-repeat;}

.slick-prev{position:absolute; z-index:1; text-indent:-99999px; left:6px; top:40%; bottom:58%; width:18px; height:28px; border:0px; background-color:#fff; background:url('../images/prev.png') 0 0 no-repeat;}
.slick-next{position:absolute; z-index:1; text-indent:-99999px; right:32px; top:40%; bottom:58%; width:18px; height:28px; border:0px; background-color:#fff; background:url('../images/next.png') 0 0 no-repeat;}


.product-bg1{background:url('../images/product-bg01.png') center no-repeat; background-size:cover;}
.product-bg2{background:url('../images/product-bg02.png') center no-repeat; background-size:cover;}
.product-bg3{background:url('../images/product-bg03.png') center no-repeat; background-size:cover;}




/* product view */
#product-view{padding:60px 0;}
.pro-view-img, .pro-view-text{text-align:center;}
.pro-view-text dt{margin-bottom:13px; font-size:30px; line-height:40px; font-weight:100;}
.pro-view-text dt strong{font-weight:700;}
.pro-view-text dd a:first-child{margin-right:20px;}

#syndication{margin-bottom:140px;}
.pro-tab{display:table; width:100%; background-color:#dadbde;}
.pro-tab li{display:table-cell; width:20%; text-align:center;}
.pro-tab li a{display:inline-block; width:100%; padding:18px 0; font-size:18px; line-height:26px; color:#061026;}
.pro-tab li.ative a, .pro-tab li a:hover{color:#fff; font-weight:700; background-color:#061026;}

.sundi-area{padding:50px; background-color:#f7f7f7;}



/* contact */
#contact{margin:80px 0 140px 0;}
#contact h3{font-size:30px; line-height:40px; color:#061026; font-weight:700; text-align:center; letter-spacing:-1px;}

.contact-area{width:960px; margin:0 auto; padding:0 30px 60px 30px; box-shadow:2px 3px 26px rgba(0, 0, 0, 0.12); box-sizing:border-box;}
.contact-area h4{padding-top:25px; font-size:20px; line-height:30px; font-weight:400; color:#061026; border-bottom:1px solid #00c9ff;}
.contact-area .btn-regular{margin-top:30px; text-align:center;}

.input-list{margin-top:10px;}
.input-list li{margin-top:10px;}
input[type="text"]{width:100%; height:40px; padding:10px 20px; color:#999; border:1px solid #dedede; background-color:#fff; box-sizing:border-box;}
textarea{width:100%; height:210px; padding:20px; color:#999; border:1px solid #dedede; background-color:#fff; box-sizing:border-box;}

.agree-area p{margin:15px 0 5px 0; font-size:16px; line-height:26px; letter-spacing:-0.6px;}
.agree-area p label{display:inline-block; margin-right:5px;}
.agree-area div{overflow-y:scroll; height:250px; padding:30px; border:1px solid #dedede;}

.agree-device:after{content:''; display:block; clear:both;}
.agree-device li{float:left; width:48%;}
.agree-device li:first-child{margin-right:4%;}





@media only screen and (max-width: 1280px) {

	.inner{width:auto; padding:0 20px;}

	.header div:nth-child(2){right:20px;}

	#product-gate{width:960px;}
	.pro-gate-list li{float:none; width:100%;}
	.pro-gate-list li:last-child{margin-left:0; margin-top:30px;}
	
	.pgl-txt{width:60%;}
	.pgl-img{width:40%;}

}

@media only screen and (max-width: 960px) {
	
	.main-header{padding-bottom:28px;}
	.sub-header{padding:28px;}
	.header .inner{position:static;}
	.header div:nth-child(2){position:static; z-index:0; top:0; right:0; margin-left:40px;}
	.header div:nth-child(2) img{width:110px;}

	.gnb{position:absolute; top:0; right:0px; margin-top:0; z-index:99999999; width:320px; height:100%; padding-top:33px; background-color:#162944; transform: translateX(320px); -webkit-transform:translateX(320px); opacity:0;}
	.gnb.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}
	.gnb li{float:none; width:100%; padding-top:0px; border-bottom:1px solid #233754;}
	.gnb li a{display:block; height:auto; width:100%; color:#758184; padding:20px 0; text-align:center;}
	.gnb li.ative a, .gnb li a:hover{color:#fff; border-bottom:0px;}
	
	.m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
	.mo-menu-trigger{position:absolute; top:48px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active span{background-color:#fff;}

	.main-tit dt{font-size:40px; line-height:54px;}

	#product-gate{width:100%; padding:60px 20px 140px 20px;}

	.footer-txt{float:none; text-align:left;}
	.footer-txt span{display:block; padding-right:0;}
	.footer-img{float:none; margin-bottom:20px;}


	/* product gatepage */
	.product-text{float:none; width:100%; margin-right:0%; margin-bottom:30px;}
	.product-text dt{font-size:26px; line-height:38px;}
	.product-text dd{margin-top:15px;}

	.product-list{float:none; width:100%;}


	/* product view */
	.pro-view-img img{width:92%;}
	.pro-tab li a{font-size:16px; line-height:26px;}

	/* contact */
	.contact-area{width:100%; padding:0 20px 40px 20px;}
	.agree-area div{height:200px;}
	.agree-device li{float:none; width:100%;}
	.agree-device li:first-child{margin-right:0;}

}


@media only screen and (max-width: 640px) {
	.main-tit dt{font-size:36px; line-height:48px;}
	
	#product-gate{padding:40px 20px 100px 20px;}
	.pro-gate-list li{padding:20px 30px 30px 30px; border:1px solid #e5e5e5; box-sizing:border-box;}
	.pro-gate-list li:first-child .pgl-img{float:none;}
	.pro-gate-list li:last-child .pgl-img{float:none;}
	.pro-gate-list li:first-child .pgl-txt{float:none; padding-right:0;}
	.pro-gate-list li:last-child .pgl-txt{float:none; padding-left:0;}

	.pgl-txt{width:100%;}
	.pgl-txt dt{font-size:18px; line-height:28px;}
	.pgl-txt dd{font-size:14px; line-height:24px;}
	.pgl-txt dd:last-child{margin-top:30px; text-align:center;}
	.pgl-img{width:80%; margin:0 auto;}

	.btn-regular a{padding:10px 30px; font-size:14px; line-height:23px;}


	/* product gatepage */
	.product-text dt{font-size:22px; line-height:34px;}
	.product-text dd{font-size:14px; line-height:24px;}
	
	.product-list li{margin-right:10px; box-shadow:4px 6px 10px rgba(0, 0, 0, 0.13);}
	.slick-next{right:16px;}

	/* product view */
	.pro-view-img img{width:100%;}

	.pro-view-text dt{font-size:24px; line-height:36px;}
	.pro-view-text dd a{width:60%; margin:0 auto;}
	.pro-view-text dd a:first-child{margin:0 auto; margin-bottom:10px;}

	.pro-tab li a{font-size:14px; line-height:23px;}

}

@media only screen and (max-width: 480px) {
	.header div:nth-child(1) img{width:90px;}
	.header div:nth-child(2){margin-left:20px;}
	.header div:nth-child(2) img{width:100px;}

	.mo-menu-trigger{top:44px;}

	.pgl-img{width:100%;}

	/* product view */
	.pro-view-text dd a{width:80%; margin:0 auto;}
}