@charset "utf-8";


body {
    margin: 0;
    font-family: Georgia, "Noto Sans KR Regular";
    line-height: 170%;
}
img {
	border:0;
}
#warp {
    width: 938px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#page_header {
    height: 216px;
}
.logo {
    float: left;
    height: 33px;
    width: 125px;
    margin-top: 32px;
}
.menu {
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    color: #666666;
    float: right;
    height: 19px;
    width: 254px;
    margin-top: 40px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.3px;
    word-spacing: 40px;
    margin-right: 0px;
}
.work {
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    line-height: 19px;
    color: #666666;
    float: left;
    height: 19px;
    width: 47px;
    letter-spacing: 0.3px;
    vertical-align: top;
    margin-left: 1px;
}
.about {
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    line-height: 19px;
    color: #666666;
    height: 19px;
    width: 47px;
    letter-spacing: 0.3px;
    vertical-align: top;
    float: left;
    margin-left: 44px;
}
.contact {
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    line-height: 19px;
    color: #666666;
    height: 19px;
    width: 64px;
    letter-spacing: 0.3px;
    vertical-align: top;
    float: left;
    margin-left: 45px;
}

a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #fdbf00;
}
.selected {
    background-color: #fdbf00;
    float: right;
    height: 1px;
    width: 49px;
    margin-right: 205px;
    clear: both;
}
.selected_about {
    background-color: #fdbf00;
    float: right;
    height: 1px;
    width: 55px;
    margin-right: 109px;
    clear: both;
}
.selected_contact {
    background-color: #fdbf00;
    float: right;
    height: 1px;
    width: 68px;
    clear: both;
}
.line_navigation {
    background-color: #E7E7E7;
    height: 1px;
    width: 938px;
    float: right;
    clear: both;
    margin-top: 51px;
}
.menu_sub {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    vertical-align: top;
    height: 17px;
    width: 596px;
    margin-top: 21px;
    float: left;
    text-align: left;
    color: #666666;
    letter-spacing: 0.4px;
    word-spacing: 0;
    /* [disabled]white-space: nowrap; */
    font-style: italic;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 203px;
}
.all {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    width: 20px;
    height: 17px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
}
.video {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    margin-left: 63px;
    height: 17px;
    width: 43px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
}
.motion {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    margin-left: 62px;
    height: 17px;
    width: 135px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
}
.web {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    height: 17px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
    width: 34px;
    margin-left: 58px;
}
.picture {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    margin-left: 60px;
    height: 17px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
    width: 22px;
}
.lock {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    margin-left: 38px;
    height: 17px;
    font-style: italic;
    float: left;
    letter-spacing: 0.4px;
    width: 21px;
    margin-top: 1px;
}
.seleted_all {
    background-color: #000000;
    height: 1px;
    width: 23px;
    clear: both;
    margin-top: 4px;
    float: left;
    margin-left: -1px;
}
.seleted_video {
    background-color: #000000;
    height: 1px;
    width: 44px;
    clear: both;
    margin-top: 4px;
    float: left;
    margin-left: 82px;
}
.seleted_motion {
    background-color: #000000;
    height: 1px;
    width: 132px;
    clear: both;
    margin-top: 4px;
    float: left;
    margin-left: 187px;
}
.seleted_web {
    background-color: #000000;
    height: 1px;
    width: 33px;
    clear: both;
    margin-top: 4px;
    float: left;
    margin-left: 380px;
}
#page_content {
    /* [disabled]height: 0; */
}
.all_con01 {
    margin: 0px;
    float: left;
    height: 294px;
    width: 294px;
}
.all_con02 {
    float: left;
    height: 294px;
    width: 294px;
    margin-left: 28px;
}
.all_con03 {
    float: left;
    height: 294px;
    width: 294px;
    margin-left: 28px;
}
.all_con04 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
}
.all_con05 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con06 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con07 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 0px;
}
.all_con08 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con09 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con10 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
}
.all_con11 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con12 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con13 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
}
.all_con14 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con15 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con16 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
}
.all_con17 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con18 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con19 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 0px;
}
.all_con20 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con21 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con22 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 0px;
}
.all_con23 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con24 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
.all_con25 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
}
.all_con26 {
    float: left;
    height: 294px;
    width: 294px;
    margin-top: 28px;
    margin-left: 28px;
}
#page_footer {
    width: 938px;
    height: 175px;
    margin-top: 0px;
    clear: both;
}
.line_footer {
    background-color: #e7e7e7;
    height: 1px;
    width: 938px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 52px;
    float: left;
    clear: both;
}
.copyright {
    font-family: Georgia;
    font-size: 17px;
    line-height: 17px;
    color: #666666;
    height: 17px;
    width: 389px;
    margin-top: 52px;
    margin-left: 281px;
    font-style: italic;
    clear: both;
    float: left;
}
#page_header_menusubx {
    height: 118px;
}

#page_content_about {
    height: 680px;
}
#page_content_contact {
    height: 680px;
}
.about {
    font-family: Georgia;
    font-size: 19px;
    font-style: italic;
    line-height: 19px;
    color: #666666;
    height: 14px;
    width: 52px;
}

/* 레이어 팝업 스타일 */
.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
  }

  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .popup-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  
  .video-container {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  .close-button {
    position: absolute;
    top: -25px;
    right: 0;
    cursor: pointer;
    z-index: 10000;
  }

  body.layer-open {
    overflow: hidden;
  }