.main { font-family: 'Pretendard'; }
.section { max-width: 3000px; height: 100vh; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; justify-content: center;}
/* main_sec01 */
/* .main_sec01 {clip-path: inset(0% 0% 0% 0%); position:relative; background: url(https://image.bitoz.com/upload/202311/20231102032452164869943.jpg) no-repeat; background-position: center center; background-size: cover;transition:.7s; opacity: 1; } */
.main_sec01_back { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.2);}
.main_sec01.disible { clip-path: inset(50% 50% 50% 50%);opacity: 0;}
.main_visual {  z-index: 1; }
.main_visual .visual_inner { width: /*1200px*/100%; margin: 0 auto; text-align: center; padding-top: 30px;}
.main_visual .visual_inner p.tit span{ font-size: 34px; color: #ffffff; font-weight: 300; text-align: center; display: block; padding:0 0 20px;}
.main_visual .visual_inner p.tit strong { display: block; font-size: 70px; font-weight: bold; color: #ffffff; }

.row h2{ font-size: 45px; font-weight: 700; line-height: 54px; letter-spacing: 0em; text-align: center; color:#000; padding:0 0 20px;}
.row p { font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: center; margin:0 0 52px; color:#7D7D7D;}
.row b { font-weight: 700;}

/* .main_sec02 */
.main_sec02 {position:relative;  background-color: #F3F3F3;}
.main_sec02 ul { overflow: hidden; width:100%; display: flex; justify-content: center; }
.main_sec02 ul li { display: flex;  max-width: 280px; max-height: 280px; width:100%; height:100%; text-align: center; position:relative; cursor: pointer;}
.main_sec02 ul li~li { margin:0 0 0 82px;}
.main_sec02 ul li a{position: relative;}
.main_sec02 ul li img { border-radius: 50%;  max-width: 280px; max-height: 280px; width:100%; height:100%;}
.main_sec02 ul li b { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 25.49px;}

/* main_sec03 */
.main_sec03 {  background-color: #fff; }
.main_sec03 ul { display: flex; justify-content: center;}
.main_sec03 ul li { max-width:230px; width: 100%; max-height:367px; height: 100%; position:relative; cursor: pointer;}
.main_sec03 ul li~li { margin:0 0 0 24px;}
.main_sec03 ul li:nth-child(even) { margin:100px 0 0 24px;}
.main_sec03 ul li img{ width:100%; border-radius: 100px;}
.main_sec03 ul li b { position:absolute; top:43%; left:50%; transform: translate(-50%); color:#fff; font-size:20px}
.black_back { position:absolute; width:100%; height:100%; background:#000; opacity: 0.5; border-radius: 100px;}
.main_sec03 ul li:hover .black_back{ display: none; }
.area_li .area_img { opacity: 0.5; filter: grayscale(100%); transition: 0.2s;}
.area_li:hover .area_img { opacity: 1; filter: grayscale(0);}

/* main_sec04 */
.main_sec04 {  background-color: #fff; margin:219px 0 182px;}
.main_sec04 ul {  display: flex; justify-content: start; align-items: center;}
.main_sec04 ul li { width:452px !important; height:272px; border:0.5px solid #000}
.main_sec04 ul li~li { margin:0 0 0 31px;}
.main_sec04 .new_li { cursor: pointer;}
.sec04_div { display: flex; flex-direction: column; justify-content: space-between; transition: 0.2s;}
.sec04_div p { display: flex; align-items: center; padding:0 20px 0 32px; font-size:30px; font-weight: 300; height:191px; transition: 0.2s; line-height: 35px;}
.sec04_div2 { display: flex; align-items: center; height:80px;  justify-content: space-between; border-top:1.0px solid #000; border-style: dotted;}
.sec04_div2 span {padding:0 0 0 31px; color:#7D7D7D; font-size:20px; font-weight: 300; font-family: 'Noto Sans KR'; transition: 0.2s;}
.sec04_div2 .news_arrow_right {margin:0 21px 0 0; border:0.5px solid #000; border-radius: 100%; width:38px; height:38px; line-height: 38px; text-align: center; font-size:16px; padding:0 0 0 3px;}
.main_sec04 .new_li:hover .sec04_div{ background-color: #30B4FF;}
.main_sec04 .new_li:hover .sec04_div p { color:#fff}
.main_sec04 .new_li:hover .sec04_div2 span {color:#fff}
.main_sec04 .new_li:hover .news_arrow_right {color:#fff; border:0.5px solid #fff; transition: 0.2s;}
.sec04_video { padding:236px 0 182px; }
.sec04_video ul li { width:397px !important; height:223px; border:none; background-color:#F1F1F1; border-radius: 10px; cursor: pointer;}
/* .video_row { padding:0 0 52px;} */

/* swiper */
.swiper_parent { position:relative;}
.swiper_arrow { position:absolute; width:41px; height:41px; background-color:#30B4FF; border-radius: 100%; z-index: 999; display: flex; justify-content: center; align-items: center;}
.news_swiper_arrow1 { top:50%; left:100px; }
.news_swiper_arrow1 img { width:21px; height:30px;}
.news_swiper_arrow2 img { width:21px; height:30px;}
.news_swiper_arrow2 { top:50%; right:100px; }

/* main_popup */
.main_popup { position: fixed; left: 150px; top: 150px; height: 500px; width: 350px; z-index: 999;}
.main_popup img { width:100%;}
.popup_close_parent { width: 100%; display: flex; justify-content: end;}
.popup_main_close { width:40px; height:40px; cursor: pointer;}
.main_popup a{display: flex; width: auto;height: auto;}
.pop_flex_box{display: flex;}
.pop_flex_item{display: flex; justify-content: center;align-items: center;width: 50%; height: 40px; color: #fff; background-color: #000; font-weight: 500;}
.pop_flex_item:nth-child(1){border-right: 1px solid #666;width: calc(50% - 1px);}
.pop_main_close{cursor: pointer;}

@media (max-height : 800px) or (max-width: 800px) {

    .main_visual .visual_inner p{line-height: normal;}
    .main_visual .visual_inner p.tit{font-size: 28px;}
    .main_visual .visual_inner p.tit strong{font-size: 40px;}

    .row h2{font-size: 36px;}
    .row p{font-size: 16px;}

    .main_sec02.section{height: 760px; min-height: 760px;}
    .main_sec02 ul{flex-wrap: wrap; row-gap: 30px;}
    .main_sec02 ul li~li{margin: 0;}

    .main_sec03 ul{flex-wrap: wrap;}
    .main_sec03 ul li{width: 30%;height: auto; }
    .main_sec03 ul li~li{margin: 0 0 0 10px;}
    .main_sec03 ul li:nth-child(even){margin: 50px 0 0 10px;}
    .main_sec03.section{height: 120vh; min-height: 800px;}

    .main_sec04 ul li{width: 266px !important;height: 160px;}
    .news_swiper_arrow1{left: 20px;}
    .news_swiper_arrow2{right: 20px;}
    .sec04_div p{height: 110px; font-size: 20px;}
    .sec04_div2{height: 50px;}
    .sec04_div2 .news_arrow_right{width: 25px;height: 25px;line-height: 25px;}
    .sec04_div2 span{font-size: 16px;}


}

@media screen and (max-width: 800px) {
    /* main_popup */
    .main_popup { position: fixed; z-index: 999; padding-top: 100px; left: 0;top: 0;width: 100%;  height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
    .popup_body { width: 70%; height: 70%; margin: 0 auto; }
.pop_flex_item{font-size: 12px; height: 30px;}

}