/* font-family: 'Nanum Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
/* 고딕 font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');
/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

*{margin:0px; padding:0px; margin:0px; border:0px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; color: #fff;}
body,html{width:100%; height:100%;background: #000 }
body{min-width:1200px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img,input,select{vertical-align:middle;}
li{list-style:none;}

/* font */
.main30b { font-size: 30px; font-family: 'Nanum Myeongjo', serif; font-weight: 700; letter-spacing: -0.02em; line-height: 100%; }
.main25b { font-size: 25px; font-weight: 700; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main20b { font-size: 20px; font-weight: 700; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main20r { font-size: 20px; font-weight: 400; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main19m { font-size: 19px; font-weight: 500; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main18m { font-size: 18px; font-weight: 500; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main14r { font-size: 14px; font-weight: 400; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
.main12r { font-size: 12px; font-weight: 400; letter-spacing: -0.04em; line-height: 150%; font-family: 'Noto Sans KR', sans-serif; }
/* color */
.color-b0 { color: #b0b0b0; }
.color-f2 { color: #f2f2f2; } 
.color-white { color: #fff; }
/* main */
.wrap { width: 100%; scroll-behavior: smooth; }
.header { min-width: 1200px; width: 100%; height: 112px; display: flex; position: fixed; left: 0; right: 0; top: 0; z-index: 11; background-color: #000; border-bottom: 1px solid #636363; z-index: 9999; }
.header > .header-inner { display: flex; justify-content: center; align-items: center; width: 900px; margin: 0 auto; }



/* section1 */
.container .section1 { width: 100%; position: relative; height: 100vh; }
.container .section1 > div:first-child { width: 100%; position: relative; height: 100vh; }
.container .section1 > div:first-child > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; bottom: 0; right: 0; }
.container .section1 > div:last-child { position: absolute; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0)); left: 0; right: 0; bottom: 0; text-align: center; padding: 78px 0; }

.container .section1 > div:last-child > .desc { margin: 29px 0 6px 0; }
.container .section1 > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; }
.container .section1 > .video-box { display: none; position: absolute; left: 0; width: 1100px; height: 65vh; top: 58%; transform: translate(-50%, -50%); left: 50%; }
.container .section1 > .video-box > iframe { width: 100%; height: 100%; }
.container .section1 > .close-btn { display: none; position: absolute; top: 22%; cursor: pointer; text-align: right; width: 1100px; }


/* 섹션 클릭 메뉴 */
.container > .click-menu-wrap { max-width: 900px; margin: 0 auto; display: flex; margin-bottom: 70px; position: sticky; top: 112px; z-index: 9; background-color: #000; margin-top: 150px; width: 100%; border-bottom: 1px solid #636363; z-index: 999; }
.container > .click-menu-wrap > div > ul { display: flex; justify-content: flex-start; align-items: center; width: 145%; padding: 29px 0; }
.container > .click-menu-wrap > div > ul > li { margin-right: 70px; }
.container > .click-menu-wrap > div > ul > li:last-child { margin-right: 0; }

.over-flow-x::-webkit-scrollbar {
    height: 6px;
  }
  
  .over-flow-x::-webkit-scrollbar-track {
    background: #f1f1f1;

  }
  
  .over-flow-x::-webkit-scrollbar-thumb {
    background: #888;

  }
  
  .over-flow-x::-webkit-scrollbar-thumb:hover {
    background: #555;

  }

/* section2 */
.section { max-width: 900px; margin: 0 auto; margin-bottom: 140px; }
.section:last-child { margin-bottom: 0; }
.section > .item-video-wrap { width: 100%; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.section > .item-video-wrap > iframe { width: 100%; height: 100%; position: absolute; left: 0; }
.section > .item-video-wrap > .somneil { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.section > .item-video-wrap > .play-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; cursor: pointer; transition: 0.3s; }
.section > .item-video-wrap > .play-button:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, 1); border-radius: 100%; }

.section > .close-button { text-align: right; display: none; margin-bottom: 15px; }
.section > .close-button > img { cursor: pointer; }

.section > .text-wrap { display: flex; justify-content: flex-start; margin-top: 30px; }
.section > .text-wrap > .title { width: 24%;; }
.section > .text-wrap > .desc { width: 76%; }
.active { padding-top: 235px; }


.over-flow-x { overflow-x: auto; }

/* footer */
.footer { margin-top: 250px; }
.footer_inner { width: 100%;}
/* 푸터 큰 텍스트 */
.footer_in_box { width: 100%; text-align: center; }
/* 푸터 큰 텍스트 밑 작은 텍스트 */
.footer_in_text { width: 100%; margin: 0 auto;}
.footer_in_text > ul { text-align: right; margin-top: 85px; }
.footer_in_text > ul > li:nth-child(2) { margin: 5px 0; }
.footer_in_text_img { display:flex;align-items:center ; justify-content: flex-end; }
/* 인풋박스꾸미기 */
.input_1 { border:3px solid #fff; width: 100%; outline: none; border-top: hidden; border-right: hidden; border-left: hidden; height: 60px; background: none;}
.input_2 { border:3px solid #fff; width: 100%; outline: none; border-top: hidden; border-right: hidden; border-left: hidden; height: 100px; background: none;}
.input_3 { border: none; background-color: #000 ;width: 100%; outline: none; height: 67px;}
/* 인풋박스 */
.input_wrap { width: 100%; margin-top: 60px; }
.input_first_ul { display: flex; width: 100%; display: flex; margin: 0 auto; justify-content: space-between; margin-bottom: 40px; }
.input_first_ul li { width: 45%; }
.input_sec_ul { width: 100%; margin: 0 auto; }
.input_thi_ul { width: 100%; margin: 0 auto; position: relative; background: #ff4d00; padding: 23px 0; border-radius: 10px; cursor: pointer; }
.input_thi_ul li { overflow: hidden; text-align: center; }
.input_thi_ul li > input { background: none; cursor: pointer; }
.agree_wrap { margin: 8px 0 50px 0; text-align: right; }


.footer_inner > h1 { padding: 140px 0 100px 0; text-align: center; }

.m-dis { display: none; }
.pc-dis { display: block; }

.video-logo-wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; display: none; border: 1px solid #fff; box-sizing: border-box; }
.video-logo-wrap > img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30%; }



.barogagi { width: 100%; text-align: center; background: #ff4d00; border-radius: 10px; margin-top: 50px; display: flex; justify-content: center; align-items: center; height: 80px; }

.home { width: 100%; display: flex; justify-content: center; align-items: center; padding: 23px 0; border-radius: 10px; background: #333333; color: #9d9d9d; margin-top: 15px; }