body{background:#000 url('../img/bg.png') fixed;font:16px 'Noto Sans KR', sans-serif;color:#fff}
strong{font-weight:bold}
a{text-decoration:none}

.wrap{position:relative;margin:0 auto;max-width:1280px;min-width:320px}

header{background-color:#000}
header h1{height:64px;font-size:0}
header h1 > span{display:inline-block;height:0;text-indent:-99999px}
header h1 > a > img{margin:18px 40px}
header nav{position:absolute;right:40px;top:0}
header nav h1{height:0;font-size:0;text-indent:-99999px}
header nav ul{height:64px;font-size:0}
header nav ul li{display:inline-block;margin:15px 0 0 20px;min-width:30px;height:30px;line-height:30px;background-color:transparent;border:1px solid transparent;border-radius:5px;text-align:center;font-size:14px;transition:border .3s}
header nav ul li a{color:#fff;transition:color .3s}
header nav ul li a span{display:block;width:100%;height:100%}
header nav ul li:hover{border-color:#DA0A32}
header nav ul li:hover a{color:#DA0A32}
header nav ul li.on{background-color:#DA0A32}
header nav ul li.on:hover a{color:#fff}
footer{padding:10px 0;background-color:#000;border-top:1px solid rgba(255,255,255,.5);text-align:center}
footer p{margin:10px 0;padding:0 20px;font-size:12px;color:#8d9095}
footer p a{color:#8d9095}

/* 콘텐츠 */
.flexible{width:100%;height:auto}
.vimeo{position:relative;padding:56.25% 0 0 0;background-color:rgba(0,0,0,.3)}
.vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.home{position:relative}
.home > h1{font-size:0}
.home > h1 > span{display:inline-block;height:0;text-indent:-99999px}
.home > h2{padding:14px 20px 60px;color:#8d9095}
.home > img{display:block}

.work > h1{height:0;font-size:0;text-indent:-99999px}
.work > section .wrap{padding:120px 0 80px;max-width:853px}
.work > section h1{margin-bottom:32px;font-weight:normal;font-size:38px;line-height:44px;letter-spacing:-0.025em;text-shadow:1px 1px rgba(0,0,0,.3)}
.work > section h1 strong{font-weight:500}
.work > section h2{margin-bottom:8px;font-weight:normal;font-size:18px;letter-spacing:-0.025em;text-shadow:1px 1px rgba(0,0,0,.3)}
.work > section p{margin-bottom:40px;font-size:14px;letter-spacing:-0.025em}
.work > section p .tags{color:#424242}
.work > section .vimeo{margin-bottom:20px}
.work .flag{display:inline-block;margin-right:8px;padding:3px 2px;min-width:200px;text-align:center;font-weight:500;letter-spacing:-0.025em}
.work .flag.promotion{background-color:#df0730}
.work .flag.broadcast{background-color:#84e8ca}
.work .flag.mv{background-color:#664dff}
.work .flag.cf{background-color:#08f50d}

.contact{padding:60px 0 120px}
.contact > h1{height:0;font-size:0;text-indent:-99999px}
.contact > h2{margin-bottom:4px;font-size:16px;line-height:1.5em;color:#373a41}
.contact > p{margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #8d9095;font-size:16px;line-height:1.5em;color:#8d9095}
.contact > p:last-child{border-bottom:none}
.contact .sns_icon{display:inline-block;margin-right:4px;width:24px;height:24px}
.contact .sns_icon > span{display:none}
.contact .sns_icon.facebook{background-image:url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20fill=%22%23dbdee3%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.001,1.188c2.891,0,5.612,1.128,7.657,3.179c2.033,2.042,3.154,4.751,3.154,7.631c0,2.884-1.117,5.591-3.154,7.632c-2.041,2.049-4.766,3.182-7.657,3.182c-2.896,0-5.614-1.129-7.657-3.182c-2.035-2.041-3.156-4.748-3.156-7.632c0-2.877,1.12-5.59,3.155-7.631C6.386,2.316,9.106,1.188,12.001,1.188%20M12.002,0C5.373,0,0,5.375,0,12c0,6.629,5.373,12,12.002,12C18.627,24,24,18.629,24,12C24,5.375,18.627,0,12.002,0L12.002,0z%22/%3E%3Cpath%20fill=%22%23dbdee3%22%20d=%22M11.027,10.294h-0.92v1.683h0.92v4.944H12.8v-4.965h1.236l0.131-1.663H12.8c0,0,0-0.621,0-0.947c0-0.392,0.071-0.547,0.408-0.547c0.272,0,1.209-0.051,1.209-0.051V7.076c0,0-1.259,0-1.477,0c-1.319,0-1.914,0.649-1.914,1.894C11.027,10.053,11.027,10.294,11.027,10.294z%22/%3E%3C/svg%3E");}
.contact .sns_icon.facebook:hover{background-image:url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20fill=%22%23DA0A32%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.001,1.188c2.891,0,5.612,1.128,7.657,3.179c2.033,2.042,3.154,4.751,3.154,7.631c0,2.884-1.117,5.591-3.154,7.632c-2.041,2.049-4.766,3.182-7.657,3.182c-2.896,0-5.614-1.129-7.657-3.182c-2.035-2.041-3.156-4.748-3.156-7.632c0-2.877,1.12-5.59,3.155-7.631C6.386,2.316,9.106,1.188,12.001,1.188%20M12.002,0C5.373,0,0,5.375,0,12c0,6.629,5.373,12,12.002,12C18.627,24,24,18.629,24,12C24,5.375,18.627,0,12.002,0L12.002,0z%22/%3E%3Cpath%20fill=%22%23DA0A32%22%20d=%22M11.027,10.294h-0.92v1.683h0.92v4.944H12.8v-4.965h1.236l0.131-1.663H12.8c0,0,0-0.621,0-0.947c0-0.392,0.071-0.547,0.408-0.547c0.272,0,1.209-0.051,1.209-0.051V7.076c0,0-1.259,0-1.477,0c-1.319,0-1.914,0.649-1.914,1.894C11.027,10.053,11.027,10.294,11.027,10.294z%22/%3E%3C/svg%3E");}
.contact .sns_icon.instagram{background-image:url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20fill=%22%23dbdee3%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.001,1.188c2.892,0,5.612,1.128,7.657,3.179c2.033,2.042,3.154,4.751,3.154,7.631c0,2.884-1.117,5.591-3.154,7.632c-2.041,2.05-4.766,3.183-7.657,3.183c-2.896,0-5.614-1.129-7.657-3.183c-2.035-2.041-3.156-4.748-3.156-7.632%09c0-2.877,1.12-5.59,3.155-7.631C6.386,2.316,9.106,1.188,12.001,1.188%20M12.002,0C5.373,0,0,5.375,0,12c0,6.629,5.373,12,12.002,12C18.627,24,24,18.629,24,12C24,5.375,18.627,0,12.002,0L12.002,0z%22/%3E%3Cpath%20d=%22M14.798,11h2.938l0.015,4.489c0,1.246-1.021,2.261-2.275,2.261h-6.95c-1.256,0-2.274-1.015-2.274-2.261%09V11l2.967-0.007c-0.185,0.57-0.167,0.425-0.167,1.057c0,1.619,1.317,2.93,2.941,2.93c1.626,0,2.942-1.311,2.942-2.93C14.934,11.417,14.959,11.697,14.798,11z%20M8.473,6.251C8.49,6.25,8.507,6.25,8.524,6.25h0.368%20M8.524,6.25h6.95%09c1.255,0,2.275,1.012,2.275,2.264v1.643h-3.5c-0.535-0.54-1.44-1.031-2.259-1.031c-0.822,0-1.724,0.46-2.257,1L6.25,10.141V8.514c0-0.765,0.297-1.889,1.703-2.264%20M16.435,7.793c0-0.177-0.144-0.321-0.321-0.321h-1.09c-0.176,0-0.318,0.144-0.318,0.321v1.104%09c0,0.176,0.143,0.322,0.318,0.322h1.09c0.178,0,0.321-0.146,0.321-0.322V7.793L16.435,7.793z%20M10.325,12.05%09c0,0.925,0.749,1.67,1.674,1.67c0.924,0,1.675-0.745,1.675-1.67c0-0.919-0.751-1.663-1.675-1.663C11.073,10.387,10.325,11.131,10.325,12.05z%22/%3E%3C/svg%3E");}
.contact .sns_icon.instagram:hover{background-image:url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20fill=%22%23DA0A32%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.001,1.188c2.892,0,5.612,1.128,7.657,3.179c2.033,2.042,3.154,4.751,3.154,7.631c0,2.884-1.117,5.591-3.154,7.632c-2.041,2.05-4.766,3.183-7.657,3.183c-2.896,0-5.614-1.129-7.657-3.183c-2.035-2.041-3.156-4.748-3.156-7.632%09c0-2.877,1.12-5.59,3.155-7.631C6.386,2.316,9.106,1.188,12.001,1.188%20M12.002,0C5.373,0,0,5.375,0,12c0,6.629,5.373,12,12.002,12C18.627,24,24,18.629,24,12C24,5.375,18.627,0,12.002,0L12.002,0z%22/%3E%3Cpath%20d=%22M14.798,11h2.938l0.015,4.489c0,1.246-1.021,2.261-2.275,2.261h-6.95c-1.256,0-2.274-1.015-2.274-2.261%09V11l2.967-0.007c-0.185,0.57-0.167,0.425-0.167,1.057c0,1.619,1.317,2.93,2.941,2.93c1.626,0,2.942-1.311,2.942-2.93C14.934,11.417,14.959,11.697,14.798,11z%20M8.473,6.251C8.49,6.25,8.507,6.25,8.524,6.25h0.368%20M8.524,6.25h6.95%09c1.255,0,2.275,1.012,2.275,2.264v1.643h-3.5c-0.535-0.54-1.44-1.031-2.259-1.031c-0.822,0-1.724,0.46-2.257,1L6.25,10.141V8.514c0-0.765,0.297-1.889,1.703-2.264%20M16.435,7.793c0-0.177-0.144-0.321-0.321-0.321h-1.09c-0.176,0-0.318,0.144-0.318,0.321v1.104%09c0,0.176,0.143,0.322,0.318,0.322h1.09c0.178,0,0.321-0.146,0.321-0.322V7.793L16.435,7.793z%20M10.325,12.05%09c0,0.925,0.749,1.67,1.674,1.67c0.924,0,1.675-0.745,1.675-1.67c0-0.919-0.751-1.663-1.675-1.663C11.073,10.387,10.325,11.131,10.325,12.05z%22/%3E%3C/svg%3E");}

.location h1{text-align:center;font-weight:bold;text-transform:uppercase;font-size:24px;color:#373a41}
.location_map{display:block;margin-top:20px;width:100%;height:450px}

/* bxslider */
.bx-wrapper{background:none !important;background-color:rgba(0,0,0,.3) !important;border:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}

@media screen and (max-width:1320px) {
  .wrap{padding:0 20px;box-sizing:border-box}
}

@media screen and (max-width:893px) {
  body{font-size:14px}
  header h1{height:40px}
  header h1 > a > img{margin:13px 0;height:14px;width:auto}
  header nav{right:20px}
  header nav ul{height:32px}
  header nav ul li{margin:8px 0 0 2px;min-width:48px;height:24px;font-size:12px;line-height:24px}
  footer p img{width:75px;height:auto}
  .home > h2{padding-bottom:30px;font-size:12px}
  .work > section .wrap{padding:40px 20px 20px}
  .work > section h1{margin-bottom:16px;font-size:18px;line-height:22px;word-break:normal}
  .work > section h2{margin-bottom:4px;font-size:14px}
  .work > section p{margin-bottom:20px;font-size:11px;line-height:14px}
  .work > section .vimeo{margin-bottom:10px}
  .work .flag{margin-right:6px;min-width:90px}

  .contact{padding:30px 0 40px}
  .contact > h2{margin-bottom:2px;font-size:12px}
  .contact > p{margin-bottom:6px;padding-bottom:4px;font-size:12px}
  .location h1{font-size:18px}
  .location_map{margin-top:10px;height:300px}


}