header {
  border-bottom: 1px solid #e4e4e4 !important;
  background-color: #fff !important;
}
.header_menu_1{
  color: #000 !important;
  margin-bottom: -1px;
}
.header_logo_w{
  display: none;
}
/* .header_menu_1:nth-child(2){
  border-bottom: 2px solid #000;
} */
.hamburger_line {
  background-color: #000;
}
.header_bg {
  display: none;
}
.header_menu_1_drop a{
  color: #fff;
}
.header_menu_1.line::after{
  background-color: #000 !important;
}
.header_menu_1:nth-child(2)::after{
  background-color: #000 !important;
  width: 100% !important;
}





.ccon_01{
  width: 51.9161%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ccon_04 {
  width: 12.5vw !important;
}
.ccon_07 {
  width: 11.1458vw !important;
}

.ccon01{
  height: 42vw;
  z-index: 0;
}
.ccon01_video{
  width: 100%;
  height: 100%;
  z-index: -1;
}
.ccon_02{
  width: 100.00001%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: -6%;
}
.ccon01_tt01 {
  font-size: 1.2vw;
  color: #fff;
  font-weight: 500;
  top: 78%;
  left: 58%;
}
.ccon01_line{
  width: 4.5vw;
  height: 3px;
  background-color: #fff;
  margin-top: 1vw;
}






.ccon02{
  padding: 5vw 0 8vw 0;
}
.ccon02_tt01{
  display: flex;
  margin-bottom: 1vw;
  overflow: hidden;
}
.ccon02_tt02{
  margin-bottom: 3vw;
}
.ccon02_tt01_center{
  margin: 0 1vw;
}
.ccon_col{
  width: 2.3958vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-bottom: 8vw;
}
.ccon_03{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ccon02_btnwrap{
  width: 100%;
  height: 4vw;
  margin-bottom: 7vw;
}
.ccon02_btnwrap_move{
  width: 100%;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3vw;
  border-bottom: 1px solid #000;
  background-color: #fff;
  z-index: 99;
  transition: 0.3s;
  padding-top: 2vw;
}
.ccon02_btnwrap_move.on{
  position: fixed;
  top: 2.9vw;
}
.ccon02_btnwrap_move.drop.on {
  transform: translateY(2vw);
}
.ccon02_btn{
  height: 100%;
  line-height: 4vw;
  font-weight: 500;
  font-size: 1.2vw;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 0.5vw;
}
.ccon02_btn.on{
  border-bottom: 2px solid #000;
}
.ccon02_con{
  width: 76%;
  display: none;
}
.ccon02_con.on{
  display: block;
}
.ccon02_con_row{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3vw;
}
.ccon02_con_title{
  margin-left: 4vw;
}
.ccon02_con_tt01{
  font-size: 1.2vw;
  font-weight: 600;
}
.ccon02_line{
  width: 5vw;
  height: 3px;
  background-color: #000;
  margin-top: 1vw;
}
.ccon02_con_con{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2vw;
}
.ccon02_con_box{
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  transform: translateY(3vw);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.ccon02_con_box.on {
  opacity: 1;
  transform: translateY(0);
}
.ccon02_con_box_in{
  width: 100%;
  height: 100%;
  background-color: #00000094;
  color: #fff;
  padding: 3.5vw 3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 0.8vw;
  opacity: 0;
  transition: 0.3s;
  z-index: 5;
  top: 0;
}
.ccon02_con_photo .ccon02_con_box{
  width: 24.8958vw !important;
  height: 24.9479vw;
}
.ccon02_con_video .ccon02_con_box{
  width: 37.4479vw;
  height: 22.6042vw;
}
.ccon02_con_video .ccon02_con_box_in{
  padding: 2.5vw;
}
.ccon02_con_box > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
.ccon02_con_box:hover .ccon02_con_box_in{
  opacity: 1;
}
.ccon02_con_box:hover > img{
  scale: 1.05;
}
.ccon02_con_box:hover .ccon02_con_con_line{
  width: 100%;
}
.ccon02_con_con_tt01{
  font-size: 1vw;
  font-weight: 500;
}
.ccon02_con_con_tt02{
  font-size: 1.2vw;
  font-weight: 600;
}
.ccon02_con_con_line{
  width: 50%;
  height: 3px;
  background-color: #fff;
  margin-top: 0.5vw;
  transition: 0.5s;
}
.ccon_08{
  width: 3.7500vw !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ccon02_con_more{
  text-align: center;
}






.ccon02_popup{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 9999;
  display: none;
}
.ccon02_popup .bcon_07 {
  width: 100% !important;
  height: 100%;
  z-index: -1;
  opacity: 0.65;
  top: 0;
}
.ccon02_popup .bcon_07 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ccon02_video {
  width: 50vw;
  height: 28.1vw;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.ccon02_video iframe{
  pointer-events: all;
}
.ccon02_popup_close{
  color: #fff;
  margin-top: 1vw;
  cursor: pointer;
  left: 50%;
  top: 82%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.ccon02_popup_close p{
  font-size: 1.1vw;
}
.ccon02_popup_close::after{
  content: "";
  position: absolute;
  width: 1.4vw;
  height: 1.4vw;
  border: 1px solid #fff;
  border-radius: 100%;
  left: 53%;
  top: 58%;
  transform: translate(-50%, -50%) scale(0);
  z-index: 1;
  transition: 0.3s;
  opacity: 0.4;
}
.ccon02_popup_close:hover::after{
  transform: translate(-50%, -50%) scale(1);
}






@media screen and (max-width:599px){

.ccon_01 {
  width: 78%;
}
.ccon01 {
  height: 95vw;
}
.ccon_02 {
  width: 96%;
  left: 2%;
  top: -0.5%;
}
.ccon01_tt01 {
  font-size: 3.8vw;
  top: 78%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.ccon01_line {
  width: 13.5vw;
  height: 2px;
  margin-top: 2vw;
}




.ccon02 {
  padding: 15vw 0;
}
.ccon02_tt01 {
  font-size: 6.2vw !important;
  margin-bottom: 3vw;
}
.ccon02_tt02 {
  margin-bottom: 6vw;
}
.ccon_col {
  width: 8vw;
  gap: 1vw;
  margin-bottom: 8vw;
}
.ccon02_btnwrap {
  height: 12vw;
  margin-bottom: 18vw;
}
.ccon02_btnwrap_move {
  height: 12vw;
  gap: 8vw;
  padding-top: 2vw;
}
.ccon02_btn {
  line-height: 12vw;
  font-size: 4.4vw;
  padding: 0 1.5vw;
}
.ccon02_btnwrap_move.on {
  position: fixed;
  top: 13vw;
}



.ccon02_con {
  width: 90%;
}
.ccon02_con_row {
  margin-bottom: 8vw;
}
.ccon02_con_title {
  margin-left: 0vw;
}
.ccon_04 {
  width: 33vw !important;
}
.ccon_07 {
  width: 30vw !important;
}
.ccon02_con_tt01 {
  font-size: 3.6vw;
}
.ccon02_line {
  width: 15vw;
  height: 2px;
  margin-top: 2vw;
}
.ccon02_con_photo .ccon02_con_box {
  width: 44.7vw !important;
  height: 44vw;
}
.ccon02_con_box_in {
  padding: 5vw 4vw;
  justify-content: end;
  align-items: center;
  gap: 2vw;
}
.ccon02_con_con_tt01 {
  font-size: 3.6vw;
}
.ccon02_con_con_tt02 {
  font-size: 3.8vw;
}
.ccon02_con_con_line {
  height: 2px;
  margin-top: 1.5vw;
}
.ccon02_con_video .ccon02_con_box {
  width: 100%;
  height: 50vw;
}
.ccon02_con_video .ccon02_con_box_in {
  padding: 6vw;
}
.ccon02_con_con {
  gap: 2px;
}
.ccon02_video {
  width: 90vw;
  height: 50.7vw;
}
.ccon02_popup_close {
  margin-top: 4vw;
  top: 67%;
}
.ccon02_popup_close p {
  font-size: 4vw;
}































































}