html, body{width: 100%; height: 100%;}

body{font-family: 'NanumSquareOTFR00', 'Nanum Gothic', sans-serif;}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;}

.main-wrapper{position:relative;width: 100%;overflow: hidden;}

.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 50;z-index: 800;}
.header .wrap{position: relative;max-width: 1500px;margin: 0 auto;text-align: center;}
.header .wrap .inner{position: relative;width: 100%;}
#header_bar {position: relative;max-width: 1500px;background: url(../img/common/header_nav_bg.png) repeat;overflow: hidden;}
.header.fixed{position: fixed;top: -100px;z-index: 800;}
.header .inner{position: relative;}
.header .wrap h2{padding: 25px 0 20px 0;position: relative;width: 220px;height: 55px;margin: 0 auto;overflow: hidden;}
.header .wrap img{height: 55px;}
.header .inner .left{position: absolute;top:0;left: 0;}
.header .inner .left li{position: absolute;left: 0;}
.header .inner .left p{line-height: 58px;font-size: 18px;padding: 0 17px;width: 190px;}
#header_bar .first{left: -300px;}
.header .inner .left ul{position: relative;}
.header .inner .left ul li{display: inline-block;float: left;}
.header .inner .left ul li a img{width: auto;height: 58px;padding: 0 17px;}
.header .inner .center ul li{display: inline-block;}
.header .inner .center ul li a{line-height: 58px;font-size: 18px;padding: 0 17px;}
.header .inner .right {position: absolute;top: 0;right: 0;}
.header .inner .right img{display: block;width: 58px;height: 58px;padding: 0;}
.header .inner .right ul li{display: inline-block;float: left;line-height: 58px;padding: 0 17px;font-size: 16px;}
.header .inner .right ul li:nth-child(2) {padding: 0;}

.global_nav {position: fixed;width: 610px;height: 420px;margin-top: -210px;margin-left: -305px;z-index: 851;left: 50%;top: 50%;display: none;}
.global_nav .wrap{width: 100%;position: relative;}
.global_nav .wrap > div{float: left;}
.global_nav p{height: 70px;line-height: 70px;font-size: 17px;}
.global_nav .box{width: 200px;height: 420px;}
.global_nav .box .title{background-color: #4e4e4e;text-align: center;}
.global_nav .box .title a{color: #cdcdcd;}
.global_nav span{color: #ff0000;}
.global_nav p{box-sizing: border-box;border: 1px solid #ffffff;position: relative;}
.global_nav p a{display: block;width: 100%;}
.global_nav .box .inner p{background-color: #ffffff;padding-left: 30px;border: 1px solid #dadada;}
.global_nav .box .inner p.unique{position: relative;padding-left: 0px;text-align: center;}
.global_nav .box_space{width: 5px;height: 420px; background-color: #111111;}

.overlay{width: 100%;height: 100%;z-index: 850;background-color: #000;opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";position: fixed;top: 0;left: 0;margin: 0;padding: 0;display: none;}

section{position: relative;width: 100%;background-color: #efefef;overflow: hidden;}

section .wrap{position: absolute;top: 50%;left: 50%;margin-top: -150px;margin-left: -315px;width: 630px;height: 300px;text-align: center;}

section .section-title{position: relative;width: 100%;height: 670px;top: 150px;}
section .section-title .text1{position: relative;font-size: 25px;color: #3fa9f5;margin-bottom: 20px;opacity: 0;top: -30px;}
section .section-title .text2{position: relative;font-size: 95px;margin-bottom: 38px;color: #1b1464;opacity: 0;top: -30px;}
section .section-title .text3{position: relative;font-size: 25px;color: #3fa9f5;margin-bottom: 33px;opacity: 0;top: -30px;}
section .section-title .text4{position: relative;font-size: 25px;margin-bottom: 5px;opacity: 0;top: -30px;}
section .section-title .text5{position: relative;font-size: 25px;opacity: 0;top: -30px;}

@keyframes lighting{0% {opacity: 0;}20% {opacity: 0.5;}40%{opacity: 1;}60%{opacity: 1;}80%{opacity: 0.5;}100%{opacity: 0;}}
-ms-@keyframes lighting{0% {opacity: 0;}20% {opacity: 0.5;}40%{opacity: 1;}60%{opacity: 1;}80%{opacity: 0.5;}100%{opacity: 0;}}
-webkit-@keyframes lighting{0% {opacity: 0;}20% {opacity: 0.5;}40%{opacity: 1;}60%{opacity: 1;}80%{opacity: 0.5;}100%{opacity: 0;}}

section .one-item{position: relative;width: 100%;height: 900px;}
section .one-item .item-title{position: relative;left: 15%;top: 50px;z-index: 2;}
section .one-item .item-title .title strong{display: inline-block;font-size: 70px;color: #3fa9f5;z-index: 5;}
section .one-item .item-title .title{position: relative;display: inline-block;font-size: 50px;color: #1b1464;margin-bottom: 10px;z-index: 5;opacity: 0;left: -100%;}
section .one-item .item-title .description{position: relative;padding-left: 70px;font-size: 20px;color: #000000;margin-bottom: 15px;z-index: 5;opacity: 0;left: -100%;}
section .one-item .item-title .more{position: relative;padding-left: 70px;z-index: 6;opacity: 0;left: -100%;}
section .one-item .item-title .more a{display: inline-block;font-size: 20px;padding: 15px;border-radius: 50px;background-color: #3fa9f5;color: #ffffff;transition: 1s;z-index: 6;}
section .one-item .item-title .more a:hover{background-color: #3fd1f5;}
section .one-item .item-title img{position: absolute;width: 280px;left: 9px;top: 70px;z-index: 2;opacity: 0;}
section .one-item .image-wrapper{position: relative;width: 75%;margin: 0 auto;}
section .one-item .front-image{position: absolute;z-index: 1;}
section .one-item .front-image img{position: relative;display: block;width: 100%;height: auto;opacity: 0;top: 200px;transform: scale(0.7, 0.7);transition: 1.5s;}
section .one-item .front-image img.motion{transform: scale(1, 1);top: 0;opacity: 1;}
section .one-item .front-shadow-image{position: absolute;z-index: 0;top: 10px;}
section .one-item .front-shadow-image img{position: relative;display: block;width: 100%;height: auto;opacity: 0;}
section .one-item .image-wrapper p{position: absolute;display: inline-block;top: -30px;right: 50px;opacity: 0;font-size: 13px;}
section #one-item:hover .item-title .lighting1 {
animation-name: lighting;animation-delay: 1s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #one-item:hover .item-title .lighting2 {
animation-name: lighting;animation-delay: 1.5s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1.5s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #one-item:hover .item-title .lighting3 {
animation-name: lighting;animation-delay: 2s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 2s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 2s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}

section .two-item{position: relative;width: 100%;height: 970px;}
section .two-item .item-title{position: relative;top: 50px;z-index: 10;left: 17%;}
section .two-item .item-title .title strong{display: inline-block;font-size: 70px;color: #3fa9f5;z-index: 5;}
section .two-item .item-title .title{position: relative;display: inline-block;font-size: 50px;color: #1b1464;margin-bottom: 10px;z-index: 5;}
section .two-item .item-title .description{position: relative;padding-left: 70px;font-size: 20px;color: #000000;margin-bottom: 15px;z-index: 5;}
section .two-item .item-title .more{position: relative;padding-left: 70px;z-index: 6;}
section .two-item .item-title .more a{display: inline-block;font-size: 20px;padding: 15px;border-radius: 50px;background-color: #3fa9f5;color: #ffffff;transition: 1s;z-index: 6;}
section .two-item .item-title .more a:hover{background-color: #3fd1f5;z-index: 6;}
section .two-item .item-title img{position: absolute;width: 280px;left: 9px;top: 70px;z-index: 2;opacity: 0;}
section .two-item .image-wrapper{position: relative;width: 70%;margin: 0 auto;top: 100px;}
section .two-item .image-wrapper p{position: absolute;display: inline-block;top: 0px;right: 50px;font-size: 13px;opacity: 0;}
section .two-item .image-wrapper img{position: absolute;display: block;width: 100%;height: auto;opacity: 0;}
section .two-item .image-wrapper img:nth-child(1){top: -220px;z-index: 2;}
section .two-item .image-wrapper img:nth-child(2){top: -200px;z-index: 5;}
section .two-item .image-wrapper img:nth-child(3){top: -160px;z-index: 4;}
section .two-item .image-wrapper img:nth-child(4){top: -200px;z-index: 3;}
section .two-item .image-wrapper img:nth-child(5){z-index: 6;}
section .two-item .image-wrapper img:nth-child(6){z-index: 1;}
section #two-item:hover .item-title .lighting1 {
animation-name: lighting;animation-delay: 1s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #two-item:hover .item-title .lighting2 {
animation-name: lighting;animation-delay: 1.5s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1.5s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #two-item:hover .item-title .lighting3 {
animation-name: lighting;animation-delay: 2s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 2s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 2s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}

section .three-item{position: relative;width: 100%;height: 800px;}
section .three-item .item-title{position: relative;top: 50px;z-index: 10;left: 55%;}
section .three-item .item-title .title strong{display: inline-block;font-size: 70px;color: #3fa9f5;z-index: 5;}
section .three-item .item-title .title{position: relative;display: inline-block;font-size: 50px;color: #1b1464;margin-bottom: 10px;z-index: 5;}
section .three-item .item-title .description{position: relative;padding-left: 70px;font-size: 20px;color: #000000;margin-bottom: 15px;z-index: 5;}
section .three-item .item-title .more{position: relative;padding-left: 70px;z-index: 6;}
section .three-item .item-title .more a{display: inline-block;font-size: 20px;padding: 15px;border-radius: 50px;background-color: #3fa9f5;color: #ffffff;transition: 1s;z-index: 6;}
section .three-item .item-title .more a:hover{background-color: #3fd1f5;z-index: 6;}
section .three-item .item-title img{position: absolute;width: 280px;left: 9px;top: 70px;z-index: 2;opacity: 0;}
section .three-item .image-wrapper{position: relative;width: 90%;margin: 0 auto;top: 50px;}
section .three-item .image-wrapper p{position: absolute;font-size: 13px;right: 50px;top: 150px;opacity: 0;}
section .three-item .image-wrapper img{position: absolute;display: block;width: 100%;height: auto;opacity: 0;}
section .three-item .image-wrapper img:nth-child(1){top: -160px;z-index: 3;}
section .three-item .image-wrapper img:nth-child(2){top: -180px;z-index: 4;}
section .three-item .image-wrapper img:nth-child(3){top: -200px;z-index: 5;}
section .three-item .image-wrapper img:nth-child(4){top: -100px;z-index: 1;}
section .three-item .image-wrapper img:nth-child(5){z-index: 2;}
section .three-item .image-wrapper img:nth-child(6){z-index: 0;}
section #three-item:hover .item-title .lighting1 {
-webkit-animation-name: lighting;-webkit-animation-delay: 1s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
animation-name: lighting;animation-delay: 1s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
}
section #three-item:hover .item-title .lighting2 {
animation-name: lighting;animation-delay: 1.5s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1.5s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #three-item:hover .item-title .lighting3 {
animation-name: lighting;animation-delay: 2s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 2s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 2s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}

section .four-item{position: relative;width: 100%;}
section .four-item .item-title{position: relative;top: 50px;z-index: 10;left: 10%;}
section .four-item .item-title .title strong{display: inline-block;font-size: 70px;color: #3fa9f5;z-index: 5;}
section .four-item .item-title .title{position: relative;display: inline-block;font-size: 50px;color: #1b1464;margin-bottom: 10px;z-index: 5;}
section .four-item .item-title .description{position: relative;padding-left: 70px;font-size: 20px;color: #000000;margin-bottom: 15px;z-index: 5;}
section .four-item .item-title .more{position: relative;padding-left: 70px;z-index: 6;}
section .four-item .item-title .more a{display: inline-block;font-size: 20px;padding: 15px;border-radius: 50px;background-color: #3fa9f5;color: #ffffff;transition: 1s;z-index: 6;}
section .four-item .item-title .more a:hover{background-color: #3fd1f5;z-index: 6;}
section .four-item .item-title img{position: absolute;width: 280px;left: 9px;top: 70px;z-index: 2;opacity: 0;}
section .four-item .image-wrapper{position: relative;width: 80%;margin: 0 auto;top: -10px;}
section .four-item .image-wrapper p{position: absolute;font-size: 13px;right: 100px;top: -20px;opacity: 0;}
section .four-item .image-wrapper img{position: absolute;display: block;width: 100%;height: auto;opacity: 0;}
section .four-item .image-wrapper img:nth-child(1){top: 100px;z-index: 1;}
section .four-item .image-wrapper img:nth-child(2){top: 130px;z-index: 2;}
section .four-item .image-wrapper img:nth-child(3){z-index: 3;}
section .four-item .image-wrapper img:nth-child(4){z-index: 0;}
section #four-item:hover .item-title .lighting1 {
animation-name: lighting;animation-delay: 1s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #four-item:hover .item-title .lighting2 {
animation-name: lighting;animation-delay: 1.5s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1.5s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #four-item:hover .item-title .lighting3 {
animation-name: lighting;animation-delay: 2s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 2s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 2s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}

section .five-item{position: relative;width: 100%;height: 1000px;}
section .five-item .item-title{position: relative;top: 50px;z-index: 10;left: 60%;}
section .five-item .item-title .title strong{display: inline-block;font-size: 70px;color: #3fa9f5;z-index: 5;}
section .five-item .item-title .title{position: relative;display: inline-block;font-size: 50px;color: #1b1464;margin-bottom: 10px;z-index: 5;}
section .five-item .item-title .description{position: relative;padding-left: 70px;font-size: 20px;color: #000000;margin-bottom: 15px;z-index: 5;}
section .five-item .item-title .more{position: relative;padding-left: 70px;z-index: 6;}
section .five-item .item-title .more a{display: inline-block;font-size: 20px;padding: 15px;border-radius: 50px;background-color: #3fa9f5;color: #ffffff;transition: 1s;z-index: 6;}
section .five-item .item-title .more a:hover{background-color: #3fd1f5;z-index: 6;}
section .five-item .item-title img{position: absolute;width: 280px;left: 9px;top: 70px;z-index: 2;opacity: 0;}
section .five-item .image-wrapper{position: relative;width: 87%;margin: 0 auto;top: -50px;}
section .five-item .image-wrapper p{position: absolute;font-size: 13px;left: 100px;top: 100px;opacity: 0;}
section .five-item .image-wrapper img{position: absolute;display: block;width: 100%;height: auto;opacity: 0;}
section .five-item .image-wrapper img:nth-child(1){top: 100px;z-index: 1;}
section .five-item .image-wrapper img:nth-child(2){top: 170px;z-index: 2;}
section .five-item .image-wrapper img:nth-child(3){top: 230px;z-index: 3;}
section .five-item .image-wrapper img:nth-child(4){z-index: 4;}
section .five-item .image-wrapper img:nth-child(5){z-index: 0;}
section #five-item:hover .item-title .lighting1 {
animation-name: lighting;animation-delay: 1s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #five-item:hover .item-title .lighting2 {
animation-name: lighting;animation-delay: 1.5s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 1.5s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 1.5s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}
section #five-item:hover .item-title .lighting3 {
animation-name: lighting;animation-delay: 2s;animation-duration: 2.5s;animation-iteration-count: infinite;
-ms-animation-name: lighting;-ms-animation-delay: 2s;-ms-animation-duration: 2.5s;-ms-animation-iteration-count: infinite;
-webkit-animation-name: lighting;-webkit-animation-delay: 2s;-webkit-animation-duration: 2.5s;-webkit-animation-iteration-count: infinite;
}

#footer-aside{position: fixed;z-index: 999;bottom: 7%;right: -100%;}
#footer-aside img{width: 72px;height: 72px;}

.personal_data{width: 490px;margin: -279px 0 0 -245px;position: fixed;z-index: 851;left: 50%;top: 50%;display: none;}
.personal_data h2{background: #4e4e4e;color: #bbbbbb;height: 54px;line-height: 54px;font-size: 16px;text-indent: 24px;z-index: 30;font-weight: lighter;}
.personal_data button{position: absolute;width: 18px;top: 20px;right: 20px;border: 0;cursor: pointer;height: 17px;background: url(../img/common/close_button.png) no-repeat 0 0;z-index: 855;}
.personal_data .outer{background: #fff;padding: 15px 20px;}
.personal_data .outer .inner{border: 1px solid #dadada;}
.personal_data .text{padding: 15px;overflow-y: scroll;height: 420px;font-size: 12px;line-height: 18px;}

footer{position: relative;background-color: #242424;}
footer .inner{width: 1180px;margin: 0 auto;height: 100px;overflow: hidden;}
footer .inner li{position: relative;float: left;}
footer .inner .first{height: 100px;padding-left: 50px;}
footer .inner .first img{padding-top: 15px;height: 70px;}
footer .inner .second{height: 100px;color: #eeeeee;padding-top: 25px;padding-left: 50px;}
footer .inner .second p{font-size: 13px;line-height: 16px;color: #aaaaaa;}
footer .inner .third{height: 100px;padding-left: 50px;}
footer .third img{height: 100px;}

@media only screen and (min-width: 601px) and (max-width: 1674px){	
	section .one-item{position: relative;width: 100%;height: 700px;}
	section .two-item{position: relative;width: 100%;height: 700px;}
	section .three-item{position: relative;width: 100%;height: 700px;}
	section .four-item{position: relative;width: 100%;height: 700px;}
	section .five-item{position: relative;width: 100%;height: 800px;}
	section .section-title{position: relative;width: 100%;height: 670px;top: 100px;}
	.scrolldown_black{ display: none;}
}
@media only screen and (min-width: 1675px) and (max-width: 1800px){	
	section .one-item{position: relative;width: 100%;height: 850px;}
	section .two-item{position: relative;width: 100%;height: 750px;}
	section .three-item{position: relative;width: 100%;height: 800px;}
	section .four-item{position: relative;width: 100%;height: 850px;}
	section .five-item{position: relative;width: 100%;height: 1000px;}
}

@media only screen and (min-width: 1801px) and (max-width: 5000px){	
	section .one-item{position: relative;width: 100%;height: 900px;}
	section .two-item{position: relative;width: 100%;height: 900px;}
	section .three-item{position: relative;width: 100%;height: 850px;}
	section .four-item{position: relative;width: 100%;height: 850px;}
	section .five-item{position: relative;width: 100%;height: 1100px;}
}

@media only screen and (min-width: 601px) {.phone_wrapper{display: none;}}

/**    *******************************************************************************************************        */

@media only screen and (max-width: 600px) {
	.main-wrapper{display: none;}
	
	.phone-wrapper{position:relative;width: 100%;overflow: hidden;}
	
	.p_header{position: relative;background-color: #222222;padding-bottom: 20px;overflow: hidden;}
	.p_header .inner{position: relative;max-width: 320px;margin: 0 auto;text-align: center;}
	.p_header .inner h2{text-align: center;line-height: 80px;}
	.p_header .inner h2 img{height: 50px;}
	.p_header .inner ul{max-width: 218px;margin: 0 auto;}
	.p_header .inner ul li{float: left;}
	.p_header .inner ul li a{display: block;color: #ffffff;padding: 15px 9.5px;font-size: 16px}
	.p_header .inner ul li a.left{padding-left: 0;}
	.p_header .inner ul li.line{width: 2px;background-color: #555555;height: 15px;margin-top: 15px;}
	.p_header .inner ul li a.right{padding-right: 0;}
	.p_header .inner small{max-width: 300px;margin: 0 auto;color: #FBB03B;}
	.p_header .logo{opacity: 0; top: -50px; position: relative;}

	.p_section{position: relative;width: 100%;background-color: #333333;padding: 50px 0;}
	.p_section .title_box{max-width: 320px;margin: 0 auto;text-align: center;}
	.p_section h2{font-size: 15px;color: #ffffff;font-weight: normal;margin-bottom: 8px;}
	.p_section p{font-size: 15px;color: #FBB03B;padding-bottom: 8px;}
	.p_section .img_box{position: relative;width: 100%;}
	.p_section .img_box ul{position: relative;width: 100%;height: auto;}
	
	.p_section .item1 .img_box ul li{display: inline-block;padding-top: 100%;}
	.p_section .item2 .img_box ul li{display: inline-block;padding-top: 80%;}
	.p_section .item3 .img_box ul li{display: inline-block;padding-top: 65%;}
	.p_section .item4 .img_box ul li{display: inline-block;padding-top: 80%;}
	.p_section .item5 .img_box ul li{display: inline-block;padding-top: 70%;}
	
	.p_section .img_box ul li p{position: absolute;top: 0;left: 0;}
	.p_section .img_box img{display: block;width: 90%;height: auto;margin: 0 auto;opacity: 0;}

	.p_local_nav{position: relative;width: 100%;}	
	.p_local_nav .inner{min-width: 320px;}
	.p_local_nav p{position: relative;float: left;width: 50%;}
	.p_local_nav p img{width: 100%;height: auto;}	
		
	.p_contact{position: relative;width: 100%;background-color: #000000;}
	.p_contact .inner{max-width: 320px;margin: 0 auto;padding: 50px 0 19px;}
	.p_contact ul {position: relative;}
	.p_contact li{position: relative;float: left;}
	.p_contact .left_item{width: 100px;}	
	.p_contact .left_item p{font-size: 15px;color: #aaaaaa;}
	.p_contact p{line-height: 19px;position: relative;}
	.p_contact .right_item{position: relative;width: 220px;top: -19px;}
	.p_contact .right_item h2{font-size: 30px;font-weight: bold;}
	.p_contact .right_item h2.order{font-size: 36.2px;margin-bottom: 12px;}
	.p_contact .right_item h2.bottom{margin-bottom: 15px;}
	.p_contact .right_item h2 a{color:	#FBB03B;}
	.p_contact .right_item p{font-size: 15px;color: #ffffff;}
	.p_contact .tel{top: 2px;}
	.p_contact .hp{top: 35px;}
	.p_contact .fax{top: 89px;}
	.p_contact .address{top: 89px;}
	.p_contact .email1{top: 89px;}
	.p_contact .email2{top: 89px;}.p_contact .web{top: 89px;}

	.p_footer{position: relative;background-color: #222222;padding: 30px 0;}
	.p_footer .inner{max-width: 320px;margin: 0 auto;text-align: center;overflow: hidden;}
	.p_footer .inner h2{text-align: center;}
	.p_footer .inner h2 img{height: 70px;margin-bottom: 15px;}
	.p_footer .inner p{color: #aaaaaa;font-size: 15px;line-height: 16.5px;}
	.p_footer .copylight{margin-top: 10px;}	
}