@charset "utf-8";
* {font-family: 'Jeju Gothic', sans-serif;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } 

html,
body {width: 100%;min-height: 100%;color: #2a2a2a; } 

html {font-size: 16px; } 
.en {font-family: 'Play', sans-serif !important;/*400 700*/}
.ko {font-family: 'Jeju Gothic', sans-serif !important;/*400 700*/}
.row {display: flex; } 
.jcsb {justify-content: space-between; } 
.jcsa {justify-content: space-around; } 
.aic {align-items: center}
.clr:after {content: '';clear: both;display: block; } 
.bg-blue {background: #5bade2 !important; } 
.bg-green {background: #00984a !important}
.bg-yellow {background: #ffcb08 !important; } 
.bg-orange {background: #ed7a17 !important; } 
.bg-red{background: #cc2d29 !important; } 
/* font-color */
.white {color: #fff !important; } 
/* border */
.bdone {border: none !important; } 
/* input */
input[type="text"] {padding:0.625rem;border-radius: 0;outline: 0;color: #2a2a2a;border: 1px solid #d9d9d9;width: 100%; } 
input[type="file"] {position: absolute; left: -9999px; } 
label[for="file-upload"] {padding:0.625rem;background:#383a4a;border: 1px solid #2a2b3a;color: #fff;cursor: pointer;display: inline-block;font-size: 0.875rem; } 
.filename {padding:0.625rem;width:15.625rem;height:2.3125rem;white-space: nowrap;overflow:hidden;background:#ececec;display: inline-block;float: left;font-size: 0.875rem; } 
select {appearance: none; padding:0.625rem;border: 1px solid #d9d9d9; width: 675px; background: #fff url(../images/selectarrow.png) no-repeat 97% center; color: #303030;outline: 0; } 
/* margin */
.mar-b40 {margin-bottom:2.5rem}
/* header */
header {background: rgba(0, 0, 0, .71);height: 60px;border-bottom: 1px solid rgba(255, 255, 255, .27);position: fixed;top: 0;left: 0;width: 100%;z-index: 999; } 
header .logo a {position: absolute;left: 30px;top: 50%;transform: translateY(-50%);background: url(../images/logo.svg) no-repeat center center;width: 170px;height: 34px}
header nav.nav {width: 780px;margin: 0 auto; } 
header nav.mobile-nav {display: none; } 
header nav.nav>ul {height: 60px; } 
header nav.nav>ul>li {position: relative; } 
header nav.nav>ul>li>a {color: #8B8B8B;font-family: 'Play', sans-serif;font-weight: 700;text-transform: uppercase;height: 100%;display: block;transition: .4s; } 
header nav.nav>ul>li>a:hover {color: #fff}
header nav.nav .nav-2depth {display: block;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, .4);transition: .4s;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);border-radius: 5px;width: 150px;padding: 10px;opacity: 0; } 
header nav.nav .nav-2depth.active {top: 40px;opacity: 1; } 
header nav.nav .nav-2depth:before {content: '';position: absolute;left: 50%;top: -5px;transform: translateX(-50%);width: 0;height: 0;border-bottom: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent; } 
header nav.nav .nav-2depth li a {color: #2a2a2a;font-size: 0.875rem;font-weight: 700;font-family: 'Play';text-align: center;display: block;line-height: 28px; } 
header nav.nav .nav-2depth li a:hover {color: #ed7a17; } 
header .btn-mobile-menu {color: #fff;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);font-size: 1.875rem;display: none; } 
header .btn-mobile-close {display: none; } 
header nav.mobile-nav {position: fixed;right: 0;top: 0;background: #fff;width: 80%;min-width: 240px;text-align: left;overflow-y: auto;height: 100%;z-index: 22;padding-top: 80px;transform: translateX(700px);transition: .4s ease; } 
header nav.mobile-nav.active {transform: translateX(0px); } 
header nav.mobile-nav ul {padding: 0 20px; } 
header nav.mobile-nav > ul > li > a {padding: 15px 0;position: relative;display: block;font-family: 'play';text-transform: uppercase;font-weight: 700;color: #2a2a2a; } 
header nav.mobile-nav > ul > li > a:after {content: '\e942';position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-family: 'xeicon';font-size: 1.25rem; } 
header nav.mobile-nav .nav-2depth {background: #f5f5f5; } 
header nav.mobile-nav .nav-2depth li a {font-size: 0.875rem;font-family: 'play';padding: 5px 0px;display: block; } 
header .nav-bg {position: fixed;top: 0;left: 0;z-index: 21;width: 100%;height: 100%;background: #000;display: none; } 
header .nav-bg.active {display: block;opacity: .8; } 
/*container*/
.container {position: relative; margin-top:60px;} 
/* footer */
.footer {background: #1E2327;color: #7E7E7E;position: relative;z-index: 88;} 
.footer h2 {font-family: 'play';margin-bottom: 25px;text-transform: uppercase;font-weight: 700;font-size: 1rem; } 
.footer .inner {height: 160px;display: flex;flex-direction: row;justify-content: space-around;align-items:center; } 
.footer .inner h1 {background: url(../images/logo.svg) no-repeat center center;width: 173px;height: 34px}
.footer .inner .sns h2 {margin-bottom: 35px; } 
.footer .inner .sns ul li {border-radius: 50%;width: 50px;height: 50px;display: inline-block;background-color: #000000;margin-left: 25px; } 
.footer .inner .sns ul li:first-child {margin-left: 0; } 
.footer .inner .sns ul li a {display: block;background-image: url(../images/sns-blog.svg);background-repeat: no-repeat;background-position: center center;background-size: 29px 25px;width: 100%;height: 100%; } 
.footer .inner .sns ul li a.instagram {background-image: url(../images/sns-insta.svg);background-size: 25px 25px; } 
.footer .inner .sns ul li a.youtube {background-image: url(../images/sns-youtube.svg);background-size: 25px 19px; } 
.footer .inner .address {font-family: 'play';font-weight: 400;font-size: 0.875rem; } 
.footer .inner .address p {margin-top: 10px; } 
.footer .inner .address span {font-family: 'play';color: #fff;text-transform: uppercase;display: inline-block;padding-right: 10px; } 
.footer .inner .address span.fax {margin-left: 20px; } 
.footer .copy {background: #02070C;height: 40px;line-height: 40px;color: #555555;font-weight: 700;font-size: 0.875rem;text-align: center; } 


/* fwork */
.fwork {background: #ffffff;color: #000000;position: relative;z-index:88;} 
.fwork .inner {height: auto;display: flex;flex-direction: row;justify-content: space-around;align-items:center; } 

.fwork .park {width:1280px;height: 1px;background: #000000;align-items:center;margin:0 auto;margin-bottom:-56px;margin-top:8px;} 




/* table */
.board.list {border-top: 2px solid #2a2a2a;table-layout: fixed;border-spacing: 0; } 
.board.list tbody td {padding:1.25rem;text-align: center;border-bottom: 1px solid #e0e0e0; } 
.board.list tbody td.tit {text-align: left; } 
/* 버튼 */
.btn-wrap {margin:2.5rem 0;text-align: center; } 
.btn-siem {height: 3.125rem;padding: 0 1.875rem;line-height: 3.125rem;width:13rem; } 
.btn-sies {width:12.5rem; } 
.btn {border: 1px solid #ccc;font-size: 1rem;text-align: center;display: inline-block;position: relative; } 
/* responsive */
@media (max-width:800px) {
    html {font-size: 14px; } 
    header {height: 60px; position: fixed;} 
    header .logo a {left: 20px; } 
    header nav.nav {display: none; } 
    header nav.mobile-nav {display: block; } 
    header .btn-mobile-menu {display: block; } 
    header .btn-mobile-close {color: #2a2a2a;position: absolute;right: 10px;top: 30px;transform: translateY(-50%);font-size: 1.875rem;display: block;z-index: 3; } 
    .footer {padding-top: 20px;} 
    .footer .inner {height: auto;display: flex;flex-direction: column;justify-content: space-around;align-items:center; } 
    .footer .inner h1 {background-position-x: 20px;width:100%;height: 34px;margin-top: 30px; } 
    .footer .inner .sns {width: 100%;padding-left: 20px;margin-top: 40px; } 
    .footer .inner .sns h2 {margin:0px 0 10px 0; } 
    .footer .inner .address {margin: 30px 0 20px 0;padding: 0 20px;width: 100%; } 
    .footer .inner .address span.ko {display: block;margin-bottom: 10px; } 

    .fwork {padding-top: 10px;} 
    .fwork .inner {height: auto;display: flex;flex-direction: column;justify-content: space-around;align-items:center; } 
 }