*{margin: 0; padding: 0; list-style: none; text-decoration: none;}
.container { width: 1100px; height: 100%; margin: 0 auto;}
    
/*header*/  /*포지션 fixed - top 0 값 입력(중요) */
header {position: fixed; top:0; width: 100%; padding:20px 0; background-color: rgba(0,0,0,0.5); } 
header ul {float: right;}
header ul li {float: left; color: white; margin: 5px 15px;}
header ul li a:hover {border-bottom: dotted 2px #fcc700;}
header ul li:last-child {margin-right: 0;}

/*visual*/
#visual { width:100%; height: 900px; background-image: url(../img/visual.jpg); background-size:cover; background-position: center;}
#visual .text_area {width: 100%; height: 100%; display: table;}
#visual .text_area .inner {display: table-cell; vertical-align: middle; color:white; text-align: center;}
#visual .text_area .inner p {margin-top:30px;}

/*portfolio*/
#port {width: 100%; height: 100%; padding:120px 0;}
#port .container { height: 1800px; }
#port h2 {text-align: center; margin-bottom: 50px;}
#port ul li .img_thumbs {width: 100%; height: 500px;}
#port ul li:hover {opacity: 0.8; cursor: pointer;}
#port ul li {width: 1100px; height: 100%; margin:20px 0 20px 0;}

/*popup style*/
.Pstyle {opacity:0;display: none;position: relative; border: 5px solid #fff;padding: 20px;
    background-color: #fff; width: 1100px; height: 800px; overflow:auto; text-align: center;}
.b-close {position: fixed;right: 400px;top: 30px;padding: 5px;display: inline-block;cursor: pointer;font-size: 30px;  }
.content img {width: 100%; top:0; display:block; }
.vvideo {background-image: url(../img/videobg.jpg);}



/*start*/
#start {width: 100%; height: 410px; background-color: #fcc700; text-align: center; }
#start img {padding: 80px 0 80px 0;}

/*why*/
#why {width: 100%; height: 2260px; text-align: center; }
#why img {padding: 80px 0 80px 0;}

/*business*/
#business {width: 100%; height: 680px; text-align: center; background-color: #f7f7f7; }
#business img {padding: 80px 0 100px 0;}

/*work*/
#work {width: 100%; height: 800px; text-align: center; background-color: #00216a;  }
#work h2 img {margin-top:35px;}
#work ul { text-align: center; padding:0 70px;}
#work ul li { float: left; }
#work ul li:hover {opacity: 0.5; cursor: pointer;}

/*partner*/
#partner {width: 100%; height: 1300px; text-align: center; }
#partner img {padding: 80px 0 100px 0;}

/*contact*/
#contact {width: 100%; height: 720px; text-align: center; background-color: #e8e8e8; padding:80px 0 30px 0;}

#contact .left1 {width:200px; height:50; text-align:center; background-color: #002069; color:#fff;}
#contact .right1 {width:550px; height:50; text-align: left;  border: 1px solid #fff;}

/*kakao*/
#kakao {width: 100%; height: 100px; text-align: center; background-color: #fcc700; }

/*footer*/
#footer {width: 100%; height: 200px; text-align: center; background-color: #424242; }
#footer img {padding: 0;}

/*top*/
#close { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 9999; font-size: 18px; border: none; outline: none; background-color: #fcc900; color: white; cursor: pointer; padding: 15px; }

#close:hover { background-color: #999;}

