#index_intro {height: calc(100vh - 245px); background-image: url(/img/intro.png); background-size: cover; background-repeat: no-repeat; background-position: center;}

.language {height: 40px; background: #fff; width: 100%; position: relative; z-index: 5; z-index: 9999;}
.language > * {height: 100%;}
.language .ul1 {position: absolute; right: 0; top: 0; border: none; background: none; color: #000; font-family: 'BMDOHYEON'; font-size: 1.6rem; cursor: pointer; height: 100%; display: flex; align-items: center;}
.language .ul1 a {color: #000;}
.language .ul2 {position: absolute; background: #fff; padding: 10px; margin-top: 15px; display: none;}
.language .ul2::before {content: ""; width: 8px; height: 8px; position: absolute; top: -4px; transform: translateX(-50%) rotate(45deg); background: #fff; left: 50%;}

header {position: absolute; top: 20px; width: 100%; z-index: 999;}
header .hoverbg {position: absolute; top: -20px; width: 100%; height: 250%; background: rgba(0,0,0,0.5); content: ""; display: none;}
header .flexbox {display: flex; justify-content: space-between; align-items: center;max-width: 1280px; margin: 0 auto; position: relative; width: 90%;}
header .gnb {display: flex;}
header .gnb > li {margin-right: 50px; position: relative;}
header .gnb > li:last-child {margin-right: 0;}
header .gnb > li > a {font-size: 2rem;  color: #fff;  font-family: 'BMDOHYEON';}
header .gnb > li .dtp2 {position: absolute; font-size: 1.6rem; text-align: center; left: 50%; white-space: nowrap; transform: translateX(-50%); padding-top: 20px; display: none; line-height:36px}
header .gnb > li .dtp2 a {color: #fff;}

header .m_menu {width: 40px; height: 25px; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); display: none; cursor: pointer;}
header .m_menu span {height: 5px; width: 100%; position: absolute; left: 0; top: 0; background: #fff; transition: .3s;}
header .m_menu span:nth-of-type(2) {top: 50%;}
header .m_menu span:nth-of-type(3) {top: 100%;}

header .m_menu.on span:nth-of-type(1) {transform: rotate(45deg); top: 50%;}
header .m_menu.on span:nth-of-type(2) {opacity: 0;}
header .m_menu.on span:nth-of-type(3) {transform: rotate(-45deg); top: 50%;}

header .fixmenu {position: fixed; right: 0; top: 0; z-index: 9999; width: 100%; height: 100%; visibility: hidden;}
header .fixmenu .bg {position: absolute; left: 0; top: 0;
    background: rgba(0,0,0,0.5); width: 100%; height: 100%; opacity: 0; transition: .3s;}
header .fixmenu .top {height: 80px; position: relative; background-image: url((/img/fixmenu_border.png); background-size: contain; background-repeat: no-repeat; background-position: bottom;}
header .fixmenu .top .close {width: 40px; height: 25px; position: absolute; cursor: pointer; right: 5%; top: 50%; transform: translateY(-50%);}
header .fixmenu .top .close span {position: absolute; top: 50%; width: 100%; height: 4px; background: #000; border-radius: 100px;}
header .fixmenu .top .close span:nth-of-type(1) {transform: translateY(-50%) rotate(-45deg);}
header .fixmenu .top .close span:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);}
header .fixmenu .cont {position: absolute; right: -200vw; top: 0; background: #fff; height: 100%; width: 75vw; transition: .3s;}
header .fixmenu .ulcont {overflow-y: auto; margin-top: 15%;}
header .fixmenu .dtp1 > li {margin-bottom: 30px; position: relative;}
header .fixmenu .dtp1 > li p {font-size: 2rem; padding: 0 10%; box-sizing: border-box; display: flex; justify-content:space-between; align-items: center;  cursor: pointer; font-family: 'BMDOHYEON';}
header .fixmenu .dtp2 {margin-top: 10px; display: none;}
header .fixmenu .dtp2 li {font-size: 1.8rem; color: #666; padding: 0 10%; box-sizing: border-box;  position: relative;}

header .fixmenu.on {visibility:visible;}
header .fixmenu.on .bg {opacity: 1;}
header .fixmenu.on .cont {right: 0;}

footer {background: #202020; padding: 65px 0;}
footer .sns {display: flex; align-items: center; justify-content: center; width: 50%; margin: 0 auto;}
footer .sns img {max-width: 100%; height: auto;}
footer .sns li {margin-right: 20px; }
footer .sns li:last-child {margin-right: 0;}
footer .copy {color: #fff; text-align: center; font-size: 1.6rem; margin-top: 20px;}

@media screen and (max-width:1197px) {
    header .gnb > li {margin-right: 40px;}
}

@media screen and (max-width:1117px) {
    header {border-bottom: 1px solid #fff; height: 80px; top: auto;}
    header .m_menu {display: block;}
    header .hoverbg {display: none;}
    header .flexbox {height: 100%; align-items: center;}
    header .flexbox .logo {height: 80%;}
    header .flexbox .logo img {height: 100%; width: auto;}
    header .flexbox .gnb {display: none;}
    .language {display: none;}
}

/* 추가 */
header .fixmenu .top ul{position: absolute; top: 32%; left: 37.5px;}
header .fixmenu .top ul li{display: inline-block; font-size: 2rem;}
header .fixmenu .top ul li::after{content: ""; display: inline-block; width: 1px; height: 12px; background-color: #000; margin: 0 10px;}
header .fixmenu .top ul li:last-child{margin-right: 0;}
header .fixmenu .top ul li:last-child::after{display: none;}