.wrap-container { position:relative; width:1200px; margin:0 auto; }

/* header */
.header { position:relative; background-color:#00c973; }
.header .wrap-container { display:flex; background-color:#00c973; }
.header .header-logo { margin-top:43px; }
.header .header-nav { margin-left:auto; } 
.header .header-nav .header-member { display:flex; justify-content:flex-end; margin-left:auto; margin-top:30px; font-size:22px; }
.header .header-nav .header-member a { display:inline-block; margin-left:50px; color:#ffffff; }
.header .header-nav nav { display:flex; justify-content:flex-end; margin-left:auto; margin-top:30px; font-size:22px; } 
.header .header-nav nav a { display:inline-block; margin-left:75px; padding-bottom:32px; border-bottom:3px solid transparent; font-weight: 500; }
.header .header-nav nav a.active { color:#fff600; border-bottom:3px solid #fff600; }

/* contact */
.contact { background-color:#423f46; }
.contact .wrap-container.footer-info { display:flex; justify-content:space-between; background-color:#423f46;  padding-bottom:90px; }
.contact .contact-info { flex:1; }
.contact .contact-info .contact-title { font-size:40px; color:#e37d2c; font-weight:700; letter-spacing:-1px; margin-top:75px; font-family:'Roboto'; }
.contact .contact-info .contact-company { font-size:40px; color:#ffffff; font-weight:700; letter-spacing:-1px; margin-top:60px; }
.contact .contact-info .contact-address { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:40px; padding-left:40px; background-image:url('/images/W/common/contact-dot.png'); background-position:0 4px; background-repeat:no-repeat; }
.contact .contact-info .contact-email { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:20px; padding-left:40px; background-image:url('/images/W/common/contact-dot.png'); background-position:0 4px; background-repeat:no-repeat; }
.contact .contact-info .contact-email a { color:#ffffff; }
.contact .contact-info .contact-tel { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:20px; padding-left:40px; background-image:url('/images/W/common/contact-dot.png'); background-position:0 4px; background-repeat:no-repeat; }
.contact .contact-info .contact-tel a { color:#ffffff; }
.contact .contact-info .contact-brand { font-size:34px; color:#ffffff; font-weight:500; letter-spacing:-1px; width:400px; height:80px; border:2px solid #ede9e3; border-radius:10px; line-height:77px; margin-top:20px; text-align:center; display:block; }

.contact .contact-form { flex:1; padding-top:50px; }
.contact .contact-form .contact-input-row { display:flex; justify-content:space-between; margin-top:40px; }
.contact .contact-form .contact-input-row.contact-mt2 { margin-top:20px; }
.contact .contact-form .contact-input-row label { width:45%; border-bottom:2px solid #ffffff; }
.contact .contact-form .contact-input-row span { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; font-family:'Roboto'; }
.contact .contact-form .contact-input-row input { font-size:24px; color:#ffffff; width:164px; font-weight:300; letter-spacing:-1px; font-family:'Roboto'; border:0; padding:0 10px; background-color:transparent; }
.contact .contact-form .contact-input-row label.contact-input-full { width:100%; }
.contact .contact-form .contact-input-row label.contact-input-full input { width:500px; }
.contact .contact-form .contact-input-row label.contact-input-full textarea { font-size:24px; color:#ffffff; width:100%; font-weight:300; letter-spacing:-1px; font-family:'Roboto'; border:0; padding:0; background-color:transparent; resize: none; }

.contact .contact-form .contact-input-column { display:flex; justify-content:space-between; margin-top:40px; }
.contact .contact-form .contact-input-column label { width:45%; border-bottom:2px solid #ffffff; }
.contact .contact-form .contact-input-column span { display:block; font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; font-family:'Roboto'; }
.contact .contact-form .contact-input-column input { display:block; font-size:24px; color:#ffffff; width:164px; font-weight:300; letter-spacing:-1px; font-family:'Roboto'; border:0; padding:0 0px; background-color:transparent; }

.contact .contact-form .catact-agree { margin-top:20px; width:100%; height:100px; overflow-y:scroll; background:#ffffff; border:1px solid #afafaf; font-size:14px; line-height:20px; font-weight:300; letter-spacing:-1px; padding:5px; color:#6d6d6d; }
.contact .contact-form .contact-agree-form label { display:flex; margin-top:10px; color:#ffffff; font-size:14px; line-height:30px; font-weight:300; letter-spacing:-1px; }
.contact .contact-form .contact-agree-form input[type="checkbox"] { width:30px; height:30px; }
.contact .contact-form .contact-agree-form label span { margin-left:10px; }
.contact .contact-form button { margin-top:20px; width:100%; height:80px; color:#ffffff; font-size:30px; font-weight:700; text-align:center; border:none; background:#e37d2c; }


/* contact */
.footer { background-color:#423f46; }
.footer .wrap-container.footer-info { display:flex; justify-content:space-between; background-color:#423f46; }
.footer .contact-info { flex:1; }
.footer .contact-info .contact-company { font-size:30px; color:#ffffff; font-weight:700; letter-spacing:-1px; margin-top:60px; }
.footer .contact-info .contact-address { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:10px; }
.footer .contact-info .contact-email { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:10px; }
.footer .contact-info .contact-email a { color:#ffffff; }
.footer .contact-info .contact-ceo { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:10px; }
.footer .contact-info .contact-tel { font-size:24px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:10px; }
.footer .contact-info .contact-tel a { color:#ffffff; }
.footer .contact-info .contact-logo { margin-top:30px; }
.footer .contact-info .contact-desc { font-size:20px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-top:10px; }

.footer .sight-info { margin-left:auto; margin-top:60px; }
.footer .sight-info .sight-info-container { display:flex; }
.footer .sight-info .sight-info-container .sight-info-project {  }
.footer .sight-info .sight-info-container .sight-info-project .sight-info-project-title { font-size:24px; color:#ffffff; font-weight:500; letter-spacing:-1px; }
.footer .sight-info .sight-info-container .sight-info-project .sight-info-project-slide { width:400px; height:170px; background-color:#7c7685; margin-top:10px; overflow:hidden; }
.footer .sight-info .sight-info-container .sight-info-project .sight-info-project-slide img { width:400px; height:170px; }
.footer .sight-info .sight-info-container .sight-info-insight { margin-left:100px; }
.footer .sight-info .sight-info-container .sight-info-insight .sight-info-insight-title { font-size:24px; color:#ffffff; font-weight:500; letter-spacing:-1px; }
.footer .sight-info .sight-info-container .sight-info-insight .sight-info-insight-slide { width:230px; height:170px; background-color:#7c7685; margin-top:10px; overflow:hidden; }
.footer .sight-info .sight-info-container .sight-info-insight .sight-info-insight-slide img { width:230px; height:170px; }

.footer .sight-info  .sight-info-notice { margin-top:50px; }
.footer .sight-info  .sight-info-notice .sight-info-notice-titles { display:flex; align-items: center; }
.footer .sight-info  .sight-info-notice .sight-info-notice-titles .sight-info-notice-title { font-size:24px; color:#ffffff; font-weight:500; letter-spacing:-1px; }
.footer .sight-info  .sight-info-notice .sight-info-notice-titles .sight-info-notice-more { font-size:20px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-left:auto; }
.footer .sight-info  .sight-info-notice .sight-info-notice-list { margin-top:10px; } 
.footer .sight-info  .sight-info-notice .sight-info-notice-list a { display:block; width:100%; padding:10px 0; font-size:20px; color:#ffffff; font-weight:300; letter-spacing:-1px; border-bottom:1px solid #ffffff; }

.footer .wrap-container.footer-btns { display:flex; justify-content: center; margin-top:50px; }
.footer .wrap-container.footer-btns a { display:block; width:400px; height:80px; background-color:#e37d2c; font-size:30px; line-height:80px; color:#ffffff; font-weight:700; letter-spacing:-1px; text-align:center; margin-left:80px; }
.footer .wrap-container.footer-btns a:first-child { margin-left:0; }
.footer .wrap-container.footer-rules { display:flex; justify-content: flex-end; padding:30px 0; }
.footer .wrap-container.footer-rules a { font-size:20px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-left:10px; }
.footer .wrap-container.footer-rules a:first-child { margin-left:0; font-weight:500; }
.footer .wrap-container.footer-rules div { font-size:20px; color:#ffffff; font-weight:300; letter-spacing:-1px; margin-left:10px; }


/* pagination */
.pagination { width:100%;text-align:center;margin-top:40px;margin-bottom:40px;}
.pagination li{font-size:30px;display:inline-block; margin:0 2px}
.pagination li a{ height:40px; width:40px; color:#999999;padding:0; text-align:center; display:inline-block;vertical-align:middle}
.pagination li.alignText a{line-height:40px;vertical-align:middle}
.pagination li.alignText.on a{background-color:#313333;color:#ffffff}
.pagination li.alignText a:hover{background-color:#313333;color:#ffffff}
.pagination img {height:30px;}