@charset "UTF-8";

* {
margin: 0; padding: 0; box-sizing: border-box;
}

body {
font-family: '맑은고딕','나눔고딕', '돋움','Arial, sans-serif'; line-height: 1.6; display: block;
} 

header {
background-color: #333;
}

nav {
position: fixed; background-color: #333; width: 100%; height: 70px; z-index: 2;
}

nav div {
display: inline;
}

nav ul {
display: inline; 
}

nav ul li {
display: inline; margin-right: 50px; margin-bottom: 10px;
}

nav div ul li a {
color: #f5f2f2; text-decoration-line: none;
}

nav div ul li a:hover{
color: #49da5c;
}

nav div a {
color: #f5f2f2;
}

#sub_menu {
float: left; margin-top: 20px; margin-right: 5px; display: none;
}
#sub_menu ul{
padding-left: 5px;
}
#sub_menu li {
background-color: #333; list-style-type: none; padding-left: 5px; padding-right: 5px; margin: 3px;
}
#sub_menu li a {
text-decoration-line: none; color: #f5f2f2;
}

main {
padding: 20px;
}

.carousel-img {    /*  이미지 슬라이드 높이  */
height: 300px;  object-fit: cover;
}

.carousel-divvv {   /*  이미지 슬라이드와 밑 설명간 위아래 간격  */
height: 450px; object-fit: cover;
}

footer {
background-color: #333; color: #fff; padding: 20px; text-align: center;
}

.container_1 {
width: 100%;display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
}

.cont_1_item {
margin-right: 50px; margin-top: 15px;
}

.dropdown {
position: relative; display: inline-block;
}
  
.dropdown-content {
display: none; position: absolute;  min-width: 400px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;
}

.dropdown-content a {
font-size: 100%; margin-left: 10px; padding-left: 5px; padding-right: 5px;
}
  
.dropdown-content a {
color: #f5f2f2; text-decoration: none; display: inline;
}

.dropdown-content a:hover {
background-color: #f1f1f1; color: #080808;
}
  
.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .drop_a {
color: #49da5c;
}
.line_cut {
width: 100%; height: 10px;margin-top: 20px; box-sizing: border-box; margin-bottom: 20px; background-color: #333; opacity: 0.2;
}

/* ///////////////////////   #id   ////////////////////////////*/

#gugu50 {
font-size: 20px; text-decoration-line: none;margin-left: 30px;margin-right: 30px;
}
 
#gugu50:hover {
color: #49da5c;
}

#video-section {
position: relative;height: 0;padding-bottom: 56.25%;margin-bottom: 20px;overflow: hidden;
/* opacity: 0.7; */
}
  
#video-section video {
position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;
/* opacity: 1.5; */
}

#video-section div {
position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);
}

#slide_img { 
display: -webkit-flex;display: flex; justify-content: center;
}

#kor {
margin: 0px;
}

#nav1_koen {
position: relative; right: 0;
}

#sec_1 {
display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%; 
}

#sec_1 P  {
font-weight: bold;color: #eee4e4;
}
#sec_1_P_0 {
font-size: 60px;display: none;
}
#sec_1_P_1 {
font-size: 60px;
}
#sec_1_P_2 {
margin-bottom: 30px; font-size: 60px;
}
#sec_1_P_3 {
font-size: 50px; margin-bottom: 0;
}
#sec_1_P_4 {
font-size: 50px;
}

#sec_2 {
display:-webkit-flex; justify-content: center;
}

#sec_3 {
display: flex; display: -webkit-flex; justify-content: center; width: 100%; height: auto;
}

#sec_3_map {
height: auto; width: auto;
}

#sec_4 {
display: flex;display: -webkit-flex; justify-content: center; width: 100%; height: auto;
}

#sec_4_noti {
width: 25%;
}

#sec_4_noti p{
font-size: 20px;
}

#sec_4_map {
max-width: 100%; max-height: 100%;
}

.hamburger-menu {
width: 35px; height: 25px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer;
}

.hamburger-menu div {
width: 100%;  height: 4px; background: black;
}

.my-img {
width: 15px; height: 15px;
}
.head_img_gugu_1 {
  background-size: cover;
  background-image: url("../img/slide_1.jpg");
}
.head_img_gugu_2 {
  background-size: cover;
  background-image: url("../img/slide_2.jpg");
}
.head_img_gugu_3 {
  background-size: cover;
  background-image: url("../img/slide_3.jpg");
}
.head_img_gugu_4 {
  background-size: cover;
  background-image: url("../img/slide_4.jpg");
}
.head_img_gugu_5 {
  background-size: cover;
  background-image: url("../img/slide_5.jpg");
}

/* ///////////////////////////////////////////////////////// */
@media all and (max-width: 1650px) {     /* max-width: 1024px 이하 */
  #video-section div {
    top: 75%;
}
}

@media all and (max-width: 1440px) {     /* max-width: 1440px 이하 */
  #sec_3 {
  display: inline-block; width: 100%; height: auto;
  }
  #sec_4 {
  display: flex; display: -webkit-flex; flex-direction: column; width: 100%; height: auto;
  }
  
  #sec_4_noti {
  width: auto;
  }
  
  #sec_4_noti p{
  font-size: 20px;
  } 
  
  #sec_4_map {
  width: auto;
  }
}

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

  #sec_1_P_1 {
  font-size: 50px;
  }
  #sec_1_P_2 {
  margin-bottom: 10px; font-size: 50px;
  }
  #sec_1_P_3 {
  font-size: 40px;
  }
  #sec_1_P_4 {
  font-size: 40px;
  }
}

@media screen and (max-width: 1160px) {
  nav ul li {
  margin-right: 20px;  
  }
}

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

  #sec_1_P_1 {
    font-size: 40px;
  }
  #sec_1_P_2 {
    margin-bottom: 10px; font-size: 40px;
  }
  #sec_1_P_3 {
    font-size: 30px;
  }
  #sec_1_P_4 {
    font-size: 30px;
  }

  #sec_2 .container p {
    font-size: 15px;
  }
}


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

  #sec_1_P_1 {
    font-size: 30px;
  }
  #sec_1_P_2 {
    margin-bottom: 5px; font-size: 30px;
  }
  #sec_1_P_3 {
    font-size: 20px;
  }
  #sec_1_P_4 {
    font-size: 20px;
  }

    
  .container{
    flex-wrap: wrap;
  }
  nav ul li {
    margin-right: 10px;  
  }
  #gugu_log {
    display: none;
  }
}

@media all and (max-width: 770px) {     /* max-width: 1024px 이하 */
  .carousel-img {    /*  이미지 슬라이드 높이  */
    height: 200px;  object-fit: cover;
    }
  .carousel-divvv {   /*  이미지 슬라이드와 밑 설명간 위아래 간격  */
    height: 250px; object-fit: cover;
    }
  #screen_jump_2 h5 {
    font-size: 15px; max-width: 100%;
  }
  #screen_jump_2 p {
    display: none; max-width: 100%;
  }
  #sec_4 p {
    font-size: 13px;
  }

}

@media all and (max-width: 742px) {     /* max-width: 1024px 이하 */
  body nav {
    display: none;
  }
  #main_menu {
    display: none;
    }
  #sub_menu {
    display: block;
    }
}

@media all and (max-width: 640px) {     /* max-width: 640px 이하 */

  #sec_2,#comp_history {
    display: none;
  }
  #line_cut_sec_3 {
    display: none;
  }
  #sec_1_P_1 {
    display: none; font-size: 20px;
  }
  #sec_1_P_2 {
    margin-bottom: 0; font-size: 20px;
  }
  #sec_1_P_3 {
    font-size: 15px;
  }
  #sec_1_P_4 {
    font-size: 15px;
  }
}

@media all and (max-width: 350px) {     /* max-width: 1024px 이하 */
  #sec_1_P_1 {
    font-size: 15px;
  }
  #sec_1_P_2 {
    margin-bottom: 5px; font-size: 15px;
  }
  #sec_1_P_3 {
    font-size: 10px;
  }
  #sec_1_P_4 {
    font-size: 10px;
  }

  #sub_menu {
   margin-top: 16px; margin-right: 3px;height: 130px;
  }
  #sub_menu ul{
   padding-left: 2px; 
  }
  #sub_menu li {
   padding-left: 3px; padding-right: 3px; margin: 2px; height: 20px;
  }
  #sub_menu li a {
   text-decoration-line: none; color: #f5f2f2; font-size: 10px;
  }
}

 @media all and (max-width: 340px) {     /* max-width: 1024px 이하 */

}