@charset "utf-8";
@font-face {font-family: "Pretendard";font-weight: 900;src: url(/../../font/Pretendard-Black.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 800;src: url(/../../font/Pretendard-ExtraBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 700;src: url(/../../font/Pretendard-Bold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 600;src: url(/../../font/Pretendard-SemiBold.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 500;src: url(/../../font/Pretendard-Medium.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 400;src: url(/../../font/Pretendard-Regular.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 300;src: url(/../../font/Pretendard-Light.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 200;src: url(/../../font/Pretendard-ExtraLight.woff) format('woff');}
@font-face {font-family: "Pretendard";font-weight: 100;src: url(/../../font/Pretendard-Thin.woff) format('woff');}

*{box-sizing: border-box;padding: 0;margin: 0;font-family:'Pretendard' !important; word-break: keep-all;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
a{text-decoration: none;}
ul{list-style: none;}
button{background-color: transparent; cursor: pointer;border: none;outline: none;}
img{border:0; display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0}
p{padding:0;margin:0;word-break: keep-all;}
input{border: none;box-shadow: none;}
input:focus{outline: none;}
#theme-controller .fixed-top{z-index: 999999;}
.modal{z-index: 999999;}
.nt-container{max-width: unset !important;width: 100%;}
#nt_sidebar_move{display: none;}



:root {
    --font-140:140px;
    --font-110:110px;
    --lh-110:130px;
    --font-100:100px;
    --font-60:60px;
    --font-40:40px;
    --font-30:30px;
    --font-24:24px;
    --font-20:20px;
    --font-18:18px;
    --font-14:14px;
    --font-12:12px;
    --max-width1:1520px;
    --max-width2:1300px;
    --font-pop:"Poppins", serif;
    --font-su:'SUITE Variable', sans-serif;
}





@media screen and (max-width:1400px){
    :root {
        --font-140:120px;
        --font-110:90px;
        --font-100:80px;
        --lh-110:110px;
        --font-60:55px;
        --font-40:35px;
        --font-30:27px;
        --font-24:22px;
        --font-20:19px;
        --font-18:17px;
    }
}





@media screen and (max-width:1200px){
    :root {
        --font-140:110px;
        --font-110:80px;
        --font-100:70px;
        --lh-110:100px;
        --font-60:40px;
        --font-40:28px;
        --font-30:25px;
        --font-24:21px;
        --font-20:18px;
        --font-18:16px;
    }
}





@media screen and (max-width:1000px){
    :root {
        --font-140:100px;
        --font-110:70px;
        --font-100:60px;
        --lh-110:90px;
        --font-60:35px;
        --font-40:26px;
        --font-30:24px;
        --font-24:20px;
        --font-20:17px;
        --font-18:15px;
    }
}




@media screen and (max-width:600px){
    :root {
        --font-140:90px;
        --font-110:60px;
        --font-100:50px;
        --lh-110:80px;
        --font-60:32px;
        --font-40:25px;
        --font-30:23px;
        --font-24:19px;
    }
}





@media screen and (max-width:500px){
    :root {
        --font-140:80px;
        --font-110:50px;
        --font-100:40px;
        --lh-110:70px;
        --font-60:30px;
        --font-40:23px;
        --font-30:21px;
        --font-24:18px;
    }
}
@media screen and (max-width:400px){
    :root {
        --font-140:70px;
        --font-110:40px;
        --font-100:30px;
        --lh-110:60px;
        --font-60:28px;
        --font-40:22px;
        --font-30:20px;
    }
}







/* head 시작 */
html.hidden{overflow: hidden;}
#nt_header{background: unset;width: 100%;}
#nt_header #head{width: calc(100% - 40px); max-width: var(--max-width1); margin: 0 auto;padding: 30px 0; display: flex;justify-content: space-between;align-items: center;}
#nt_header #head>a{position: relative;z-index: 999999;}
#nt_header #head>a img{width: 130px;}
#nt_header #head .menu_btn{width: 50px;height: 50px;position: relative;top: 0;left: 0;cursor: pointer;transition: 0.3s;position: relative;z-index: 999999;display: none;}
#nt_header #head .menu_btn span{left: 50%;transform: translateX(-50%);position: absolute;background: #fff;width: 60%;height: 2px;border-radius: 10px;transition: 0.3s;}
#nt_header #head .menu_btn span:nth-child(1){top: 30%;}
#nt_header #head .menu_btn span:nth-child(2){top: 50%;transform: translate(-50%, -50%);}
#nt_header #head .menu_btn span:nth-child(3){bottom: 30%;}
#nt_header #head .menu_btn.atv span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;}
#nt_header #head .menu_btn.atv span:nth-child(2){opacity: 0;}
#nt_header #head .menu_btn.atv span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%;}
#nt_header #head .pc_menu{}
#nt_header #head .pc_menu{}
#nt_header #head .pc_menu #nt_menu{box-shadow: unset;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap{display: flex;align-items: center;gap: 2.5vw;position: relative;z-index: 999999;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap li{}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap li a{color: #fff;font-size: var(--font-24);line-height: 50px;}
#nt_header #head .pc_menu #nt_menu .one_deps_wrap li.on a{}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap{position: fixed;top: 0;left: 0;width: 100%;height: fit-content;background: #000;opacity: 0;pointer-events: none;transition: 0.3s;}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap .wraper{width: calc(100% - 40px); max-width: var(--max-width1); margin: 0 auto; display: flex ; justify-content: flex-end; gap: 2.5vw;}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap .wraper ul{}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap .wraper ul li{}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap .wraper ul li a{font-size: var(--font-20); text-align: center; display: block; line-height: 25px;margin-bottom: 20px; color: #fff;}
#nt_header #head .pc_menu #nt_menu .two_deps_wrap .wraper ul li.on a{}
#nt_header #head:hover .pc_menu #nt_menu .two_deps_wrap{pointer-events: unset;opacity: 1;}
#nt_header #head .mo_menu{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0;pointer-events: none;transition: 0.5s;}
#nt_header #head .mo_menu.atv{opacity: 1;pointer-events: unset;}
#nt_header #head .mo_menu #nt_menu{box-shadow: unset; width: calc(100% - 40px); margin: 0 auto; max-height: 100%;overflow-y: auto;}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap{}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap>li{margin-bottom: 20px;}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap>li>a{font-size: var(--font-24);color: #fff;font-weight: 600;display: block;text-align: center;}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap>li>ul{}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap>li>ul>li{}
#nt_header #head .mo_menu #nt_menu .one_deps_wrap>li>ul>li>a{font-size: var(--font-20);color: #7f7f7f;text-align: center; line-height: 30px;display: block;}
@media screen and (max-width:1000px){
    #nt_header #head{padding: 15px 0;}
    #nt_header #head>a img{width: 100px;}
    #nt_header #head .menu_btn{display: block;}
    #nt_header #head .pc_menu{display: none;}
    #nt_header #head .mo_menu{display: block;}
}
/* head 끝 */





/* tail 시작 */
#nt_footer{background: #141414;width: 100%;padding: 60px 0;}
#nt_footer .wrap{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start;color: #fff;}
#nt_footer .wrap>img{width: 130px;}
#nt_footer .wrap>div.center{width: calc(50% - 130px);}
#nt_footer .wrap>div.center .top{}
#nt_footer .wrap>div.center .top a{color: #fff !important;font-size: var(--font-14);}
#nt_footer .wrap>div.center .top a:nth-child(2){margin: 0 5px; padding: 0 10px; position: relative; top: 0; left: 0;font-weight: bold;}
#nt_footer .wrap>div.center .top a:nth-child(2)::after{content:"";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 3px;background: #fff;}
#nt_footer .wrap>div.center .top a:nth-child(2)::before{content:"";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 3px;background: #fff;}
#nt_footer .wrap>div.center .mid{margin-top: 40px;}
#nt_footer .wrap>div.center .mid>p{font-size: var(--font-12);color: #C5C5C5;font-weight: 600;}
#nt_footer .wrap>div.center .mid>ul{display: flex;align-items: center;margin-top: 5px;}
#nt_footer .wrap>div.center .mid>ul li{font-size: var(--font-12); color: #C5C5C5; display: flex;align-items: center;margin-right: 10px;padding-right: 10px;position: relative;top: 0;left: 0;}
#nt_footer .wrap>div.center .mid>ul li::after{content:"";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 50%;background: #C5C5C5;}
#nt_footer .wrap>div.center .mid>ul li:nth-child(2)::after{display: none;}
#nt_footer .wrap>div.center .mid>ul li span{}
#nt_footer .wrap>div.center .mid>ul li p{margin-left: 5px;}
#nt_footer .wrap>div.right{width: calc(50% - 130px);align-items: end;flex-flow: column;display: flex;}
#nt_footer .wrap>div.right .site_map{position: relative; top: 0; left: 0;}
#nt_footer .wrap>div.right .site_map>p{height: 55px; font-size:var(--font-20); background: #00624194; width: fit-content; text-align: center; padding: 0px 60px 0 20px; cursor: pointer; position: relative;top: 0;left: 0;line-height: 55px;}
#nt_footer .wrap>div.right .site_map>p img{width: 12px; margin-top: 2px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%) rotate(90deg);}
#nt_footer .wrap>div.right .site_map>ul{position: absolute;width: 100%;left: 0;background: #ffffff; text-align: center;display: none;}
#nt_footer .wrap>div.right .site_map>ul li{height: 40px; line-height: 40px; font-size: var(--font-14); border-bottom: 1px solid #e1e1e1; cursor: pointer; color: #08412e;}
#nt_footer .wrap>div.right .site_map>ul li:last-child{border-bottom: unset;}
#nt_footer .wrap>div.right .site_map>ul li:hover{font-weight: bold;}
#nt_footer .wrap>div.right .sns{display: flex;align-items: center;margin-top: 10px;}
#nt_footer .wrap>div.right .sns img{cursor: pointer;width: 56px;height: 56px;padding: 10px;}
#nt_footer .wrap>div.right>p{font-size: var(--font-14);margin-top: 20px;}
@media screen and (max-width:1200px){
    #nt_footer .wrap>div.center,
    #nt_footer .wrap>div.right{width: calc(50% - 100px);}
}
@media screen and (max-width:1000px){
    #nt_footer .wrap{flex-flow: row wrap;}
    #nt_footer .wrap>img{width: 100px;margin: 0 auto 20px;}
    #nt_footer .wrap>div.center .top{display: flex; justify-content: center; align-items: center; }
    #nt_footer .wrap>div.center,
    #nt_footer .wrap>div.right{width:100%;}
    #nt_footer .wrap>div.right{align-items: center;margin-top: 40px;}
    #nt_footer .wrap>div.center .mid{margin-top: 40px;display: flex;align-items: center;justify-content: center;flex-flow: row wrap;}
    #nt_footer .wrap>div.center .mid>p{width: 100%;text-align: center;}
    #nt_footer .wrap>div.center .mid>ul{margin-top: 0;}
    #nt_footer .wrap>div.center .mid>ul li:nth-child(2)::after{display: block}
    #nt_footer .wrap>div.center .mid>ul:last-child li:nth-child(2)::after{display: none}
}
@media screen and (max-width:682px){
    #nt_footer .wrap>div.center .mid>ul li:nth-child(2)::after{display: none}
}
@media screen and (max-width:500px){
    #nt_footer .wrap>div.center .mid{flex-flow: column;}
    #nt_footer .wrap>div.center .mid>p{display: none;}
    #nt_footer .wrap>div.center .mid>ul{flex-flow: column;width: 100%;}
    #nt_footer .wrap>div.center .mid>ul li{width: 100%;padding-right: 0;margin-right: 0;}
    #nt_footer .wrap>div.center .mid>ul li::after{display: none}
}
/* tail 끝 */



/* 메인시작 */
#main{}
#main .fullpage{}
#main .fullpage .section1{}
#main .fullpage .section1 .visual_swiper{width: 100%;height: 100%;}
#main .fullpage .section1 .visual_swiper .swiper-wrapper{}
#main .fullpage .section1 .visual_swiper .swiper-wrapper .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .fullpage .section1 .visual_swiper .swiper-pagination{top: unset;bottom: 50px;}
#main .fullpage .section1 .visual_swiper .swiper-pagination span{background: #fff !important;width: 50px;height: 3px;border-radius: unset;}
#main .fullpage .section1 .visual_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #006241 !important;}
#main .fullpage .section1 img.center{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 30vw;min-width: 250px;z-index: 1;}
#main .fullpage .section1 img.side{position: absolute; bottom: 60px; right: 50px; z-index: 1; width: 4vw; min-width: 40px;animation: up_down 2s linear infinite;}
@keyframes up_down{50% {transform: translateY(10px);}}
#main .fullpage .section{z-index: 1;}
#main .fullpage .section.gradient::after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, #00000000, #0062417a, #006241);z-index: -1;}
#main .fullpage .section .wrap{width: calc(100% - 60px);max-width: var(--max-width1);margin: 0 auto;}
#main .fullpage .section .yellow{}
#main .fullpage .section .yellow span{color: #FFD900;font-family: var(--font-pop) !important; font-weight: 500; font-size: var(--font-40); font-style: italic;display: block;text-align: center;}
#main .fullpage .section .yellow b{color: #FFD900;font-family: var(--font-su) !important;font-size: var(--font-110);line-height: var(--lh-110); display: block;text-align: center;}
#main .fullpage .section .white{margin-top: 40px;}
#main .fullpage .section .white p{color: #fff; font-size: var(--font-40); font-weight: 500; text-align: center;}
#main .fullpage .section .white span{color: #fff;font-size: var(--font-24);display: block;text-align: center;margin-top: 20px;}
#main .fullpage .section .white span.mo_text{display: none;}
#main .fullpage .section .wrap>a{display: block;color: #fff;border: 1px solid #fff;font-size: var(--font-18); border-radius: 50px;line-height: 50px;margin: 100px auto 0;width: 100%;max-width: 230px;text-align: center;}
#main .fullpage .section .wrap .board_title{display: flex;justify-content: space-between; align-items: baseline;margin-bottom: 20px;}
#main .fullpage .section .wrap .board_title p{font-family: var(--font-su) !important;font-size: var(--font-60);color: #fff;font-weight: 800;}
#main .fullpage .section .wrap .board_title .img_wrap{display: flex;gap: 10px;cursor: pointer;}
#main .fullpage .section .wrap .board_title .img_wrap img{height: 30px;}
#main .fullpage .section2{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/../../img/main_section2bg.png");}
#main .fullpage .section3{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/../../img/main_section3bg.png");}
#main .fullpage .section4{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/../../img/main_section4bg.png");}
#main .fullpage .section4 .white span{margin-top: 60px;}
#main .fullpage .section4 .wrap img{margin: 0 auto; width: 29vw;min-width: 190px;}
#main .fullpage .section5{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/../../img/main_section5bg.png");}
#main .fullpage .section5 .wrap{max-width: 1100px;}
#main .fullpage .section5 .instar_wrap{}
#main .fullpage .section5 .instar_wrap ul{display: flex;align-items: center;gap: 20px;flex-flow: row wrap;}
#main .fullpage .section5 .instar_wrap ul li{width: calc(25% - 15px);height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;cursor: pointer;overflow: hidden;}
#main .fullpage .section5 .instar_wrap ul li .img_wrap{width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 1;position: absolute;top: 0;left: 0;}
#main .fullpage .section5 .instar_wrap ul li.no_data{cursor: auto;width: 100%;height: 100px;aspect-ratio: unset;line-height: 100px;}
#main .fullpage .section5 .instar_wrap ul li.no_data p{text-align: center; color: #ffffff82; font-size: var(--font-20);}
#main .fullpage .section6{background: #006241;}
#main .fullpage .section6::after{content: ""; position: absolute; bottom: 0; right: 0; background-position: center bottom; background-repeat: no-repeat; background-size: contain; background-image: url('/../../img/main_section6bg.png'); width: 45%; height: auto; aspect-ratio: auto 1 / 0.5; z-index: -1;}
#main .fullpage .section .news_wrap{display: flex;justify-content: space-between;align-items: flex-start;gap: 60px;}
#main .fullpage .section .news_wrap>img{width: 40.8%;}
#main .fullpage .section .news_wrap .right{width: calc(59.2% - 60px);}
#main .fullpage .section .news_wrap .right ul{}
#main .fullpage .section .news_wrap .right ul li{border-bottom: 1px solid #fff;margin-bottom: 20px;padding-bottom: 20px;cursor: pointer;}
#main .fullpage .section .news_wrap .right ul li:last-child{margin-bottom: 0;padding-bottom: 0;border: unset;}
#main .fullpage .section .news_wrap .right ul li>span{color: #FFD900;font-size: var(--font-18);}
#main .fullpage .section .news_wrap .right ul li>div{display: flex;justify-content: space-between;align-items: center;}
#main .fullpage .section .news_wrap .right ul li>div p{color: #fff; font-size: var(--font-30); width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main .fullpage .section .news_wrap .right ul li>div img{width: 35px;}
#main .fullpage .section .news_wrap .right ul li.no_data{cursor: auto;}
#main .fullpage .section .news_wrap .right ul li.no_data p{text-align: center; color: #ffffff82; font-size: var(--font-20);}
#main .fullpage .section .news_wrap .right>a{color: #FFD900;font-size: var(--font-14);border-radius: 50px;border: 1px solid #FFD900;text-align: center;width: 100%;max-width: 200px;line-height: 40px;display: block;margin-top: 80px;float: right;}
#main .fullpage .section7{background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/../../img/main_section7bg.png");}
#main .fullpage .section7 .wrap{width: 100%;}
#main .fullpage .section7 .wrap .board_title p{display: block;width: 100%; text-align: center;}
#main .fullpage .section .swiper_wrap{height: 280px;position: relative;top: 0;left: 0;}
#main .fullpage .section .swiper_wrap .event_swiper{height: 100%; width: calc(100% - 100px);margin: 0 auto;}
#main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper{}
#main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide{overflow: hidden;border-radius: 10px;}
#main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide>img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide.no_data{}
#main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide.no_data p{}
#main .fullpage .section .swiper_wrap .event-swiper-button-next{width: 50px; height: 50px; color: #fff; display: flex ;justify-content: center;align-items: end;font-size: var(--font-60);position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-weight: 100;line-height: var(--font-60);}
#main .fullpage .section .swiper_wrap .event-swiper-button-prev{width: 50px;height: 50px;color: #fff;display: flex;justify-content: center;align-items: center;font-size: var(--font-60);position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-weight: 100;line-height: var(--font-60);}
#main .fullpage .section .franchise{width:calc(100% - 100px);max-width: 1420px; margin: 50px auto 0; height: 270px;background-image: url('/../../img/main_section7con.png');background-position: right center;background-repeat: no-repeat;background-size: auto 100%;position: relative;top: 0;left: 0;border-radius: 10px;overflow: hidden;z-index: 1;padding: 40px 0;}
#main .fullpage .section .franchise::before{content:"";position: absolute;top: 0;left: 0;height: 100%;width: 100%; background:linear-gradient(to left, #00000000, #0062417a, #006241, #006241, #006241);z-index: -1;}
#main .fullpage .section .franchise b{color: #fff; font-size: var(--font-60);line-height: var(--font-60); font-family: var(--font-su) !important; font-weight: 800; width: calc(100% - 8vw); display: block; margin: 0 auto;}
#main .fullpage .section .franchise p{color: #fff;font-size: var(--font-40);line-height: var(--font-40);font-family: var(--font-su) !important; font-weight: 700; width: calc(100% - 8vw); margin: 10px auto 37px;}
#main .fullpage .section .franchise a{color: #FFD900;font-size: var(--font-14);border-radius: 50px;border: 1px solid #FFD900;text-align: center;width: 100%;max-width: 200px;line-height: 40px;display: block;margin-left: 4vw;}
#fp-nav{}
#fp-nav ul{}
#fp-nav ul li{width: 16px !important;height: 16px !important;}
#fp-nav ul li a{border-radius: 50px;}
#fp-nav ul li a span{background: #fff !important;width: 50% !important;height: 50% !important;margin: -4px 0 0 -4px !important;}
#fp-nav ul li a.active{background: #ffd90056;}
#fp-nav ul li a.active span{background: #FFD900 !important;}
#fp-nav ul li:last-child{display: none;}
@media screen and (max-width:1200px){
    .fp-auto-height.fp-section,
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell {height: auto !important;}
    #main .fullpage .section1{width: 100%;height: 100vh;padding: 0 !important;}
    #main .fullpage .section1 img.side{right: 20px;}
    #main .fullpage .section{position: relative;padding: 200px 0;}
    #main .fullpage .section .wrap>a{margin:50px auto 0;}
    #main .fullpage .section .news_wrap>img{display: none;}
    #main .fullpage .section .news_wrap .right{width: 100%;}
    #main .fullpage .section .news_wrap .right>a{float: unset;margin: 50px auto 0;line-height: 50px;}
    #main .fullpage .section .franchise p{margin: 20px auto 50px;}
    #main .fullpage .section .franchise a{line-height: 50px;}
    #main .fullpage .section .swiper_wrap{height:200px;}
    #main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide>img{height: 100%;width: fit-content;}
}
@media screen and (max-width:1000px){
    #main .fullpage .section .white span.mo_text{display: block;}
    #main .fullpage .section .white span.pc_text{display: none;}
    #main .fullpage .section .swiper_wrap{height:250px;}
    /* #main .fullpage .section .swiper_wrap .event_swiper .swiper-wrapper .swiper-slide>img{height: fit-content;width: 100%;} */
}
@media screen and (max-width:700px){
    #main .fullpage .section .wrap .board_title{flex-flow: row wrap;justify-content: center;margin-bottom: 50px;}
    #main .fullpage .section .wrap .board_title p{width: 100%;text-align: center;}
    #main .fullpage .section .wrap .board_title .img_wrap{margin-top: 10px;}
    #main .fullpage .section{padding: 100px 0;}
    #main .fullpage .section .news_wrap .right ul li>div img{width: 20px;}
    #main .fullpage .section .news_wrap .right ul li>div p{width: calc(100% - 30px);}
    #main .fullpage .section6::after{width: 80%;}
    #main .fullpage .section .franchise{height: 250px;}
    #main .fullpage .section .franchise b{text-align: center;}
    #main .fullpage .section .franchise p{text-align: center;margin: 20px auto 40px;}
    #main .fullpage .section .franchise a{margin: 0 auto;}
    #main .fullpage .section5 .instar_wrap ul{display: flex;align-items: center;gap: 20px;flex-flow: row wrap;}
    #main .fullpage .section5 .instar_wrap ul li{width: calc(50% - 15px);}
}
/* 메인끝 */













/* 서브페이지 시작 ----------------------------------------------------- */
.sub_page{overflow: hidden;}
/* company.php */
#company{}
#company section{width: calc(100% - 40px);margin: 200px auto 0;position: relative;z-index: 1;top: 0;left: 0;}
#company section>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#company section>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;}
#company section>p.mo_text{display:none;}
#company .section1{}
#company .section1>img{width: 100%;max-width: 1115px;margin: 80px auto;}
#company .section1 span{color:#505050;font-size: var(--font-24);display: block;text-align: center;}
#company .section1 span.mo_text{display:none;}
#company .section2{}
#company .section2 ul{max-width: var(--max-width2);margin: 130px auto 0;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 30px;}
#company .section2 ul li{width: calc(50% - 15px); border-radius: 15px; box-shadow: 0px 3px 20px #0000001c; padding: 10vw 20px 70px; position: relative; top: 0; left: 0;background: #fff;}
#company .section2 ul li .icon{background: #006241; width: 10vw;min-width: 100px; height: auto; aspect-ratio: auto 1 / 1; border-radius: 100px; display: flex; justify-content: center; align-items: center; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
#company .section2 ul li .icon img{width: 50%;}
#company .section2 ul li p{color: #000;font-size: var(--font-30);text-align: center;}
#company .section2 ul li p.mo_text{display:none;}
#company .section3{width: 100%; padding-bottom: 200px;z-index: 0;}
#company .section3>p{width: calc(100% - 40px);margin: 0 auto;}
#company .section3::after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 150%;background: #F5F5F5;z-index: -1;}
#company .section3 ul{width: calc(100% - 40px); max-width: var(--max-width1);margin: 80px auto 0;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 20px;}
#company .section3 ul li{width: calc(25% - 15px);background: #fff;border-radius: 15px;padding: 60px 20px;box-shadow: 0px 3px 20px #0000001c;}
#company .section3 ul li img{height: 90px;margin: 0 auto;}
#company .section3 ul li p{color:#000;font-size:var(--font-30);font-family: var(--font-su) !important;text-align: center;font-weight: 700;line-height: var(--font-40);margin: 20px 0;}
#company .section3 ul li p.mo_text{display: none;}
#company .section3 ul li span{display: block;text-align: center;color: #000;font-size: var(--font-20);}
#company .section4{}
#company .section4 ul{max-width: var(--max-width1);margin: 80px auto 0;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 30px;}
#company .section4 ul li{background-repeat: no-repeat;background-size: cover;background-position: center;width: calc(50% - 15px);border-radius: 15px;overflow: hidden;padding: 80px 20px;}
#company .section4 ul li:nth-child(1){background-image: url('/../../img/company8.png');}
#company .section4 ul li:nth-child(2){background-image: url('/../../img/company9.png');}
#company .section4 ul li:nth-child(3){background-image: url('/../../img/company10.png');}
#company .section4 ul li:nth-child(4){background-image: url('/../../img/company11.png');}
#company .section4 ul li b{display: block;color: #fff;text-align: center;font-size: calc(var(--font-30) + 6px);font-family: var(--font-su) !important;margin-bottom: 30px;}
#company .section4 ul li p{text-align: center;font-size: var(--font-20);color: #fff;}
#company .section4 ul li p.mo_text{display:none;}
#company .section5{margin-bottom: 200px;}
#company .section5 .org_wrap{max-width: var(--max-width2);margin: 80px auto 0;}
#company .section5 .org_wrap>p{background: #006241;border-radius: 15px;text-align: center;color: #fff;font-size: var(--font-30);line-height: 80px;width: 100%;max-width: 340px;margin: 0 auto;}
#company .section5 .org_wrap div{display: flex;justify-content: space-between;align-items: center;padding: 70px 0;position: relative;top: 0;left: 0;z-index: 1;}
#company .section5 .org_wrap div::after{content:"";width: 100%;border: 1px dashed #A0A0A0;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: -1;}
#company .section5 .org_wrap div::before{content:"";height: 100%;border: 1px dashed #A0A0A0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: -1;}
#company .section5 .org_wrap div span{width: 100%;max-width: 280px;line-height: 70px;border: 1px solid #7a7a7a;color: #7a7a7a;font-size: var(--font-30);border-radius: 50px;text-align: center;background: #fff;font-weight: 600;}
#company .section5 .org_wrap ul{display: flex;justify-content: space-between;align-items: flex-start; gap: 50px;margin-top: 140px;position: relative;top:0;left: 0;}
#company .section5 .org_wrap ul::after{content:"";position: absolute;top: -140px;left: 50%;transform: translateX(-50%);border: 1px dashed #A0A0A0;height: 70px;}
#company .section5 .org_wrap ul::before{content:"";position: absolute;top: -70px;left: 50%;transform: translateX(-50%);border: 1px dashed #A0A0A0;width:calc(75% + 30px);}
#company .section5 .org_wrap ul li{width: calc(25% - 25px);display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;position: relative;top: 0;left: 0;}
#company .section5 .org_wrap ul li:nth-child(1)::after,
#company .section5 .org_wrap ul li:nth-child(4)::after{content:"";position: absolute;top: -70px;height: 70px;left: 50%;transform: translateX(-50%);border: 1px dashed #A0A0A0;}
#company .section5 .org_wrap ul li p{width: 100%;text-align: center;line-height: 70px;border: 1px solid #006241;color: #006241;font-size: var(--font-30);border-radius: 50px;background: #fff;margin-bottom: 20px;font-weight: 600;}
#company .section5 .org_wrap ul li span{width: 100%;color: #006241;font-size: var(--font-24);position: relative;top: 0;left: 0;padding-left: 20px;margin-left: 3vw;}
#company .section5 .org_wrap ul li span::after{content:"";position: absolute; width: 5px;height: 5px;background: #006241;border-radius: 10px;top: 50%;left: 0;transform: translateY(-50%);}
#company .section5 .org_wrap ul li:last-child span{width: 50%;margin-left: 0;}
@media screen and (max-width:1485px){
    #company .section3 ul li{width: 80%;}
    #company .section3 ul li img{margin-left: 0;}
    #company .section3 ul li p{text-align: left;}
    #company .section3 ul li p.pc_text{display: none;}
    #company .section3 ul li p.mo_text{display: block;}
    #company .section3 ul li span{text-align: left;}
    #company .section3 ul li:nth-child(2n){margin-left: 20%;}
    #company .section3 ul li:nth-child(2n) img{margin-right: 0;margin-left: auto;}
    #company .section3 ul li:nth-child(2n) p{text-align: right;}
    #company .section3 ul li:nth-child(2n) span{text-align: right;}
    #company .section5 .org_wrap>p{margin: 0;line-height: 60px;max-width: 250px;}
    #company .section5 .org_wrap div{flex-flow: column; align-items: flex-end; gap: 30px; width: 100%; max-width: 500px;padding: 30px 0;}
    #company .section5 .org_wrap div::after{top: 28%;left: 128px;width: calc(100% - 150px);}
    #company .section5 .org_wrap div::before{left: 126px;}
    #company .section5 .org_wrap div span{line-height: 50px;max-width: 250px;}
    #company .section5 .org_wrap ul{flex-flow: column;max-width: 500px;width: 100%;align-items: flex-end;margin-top: 35px;gap: 20px;}
    #company .section5 .org_wrap ul::after{left: 126px;top: -35px;height: 61px;}
    #company .section5 .org_wrap ul::before{left: 128px;width: calc(100% - 150px);transform: unset;top: 25px;}
    #company .section5 .org_wrap ul li{width: 100%;max-width: 250px;}
    #company .section5 .org_wrap ul li::after{display: none;}
    #company .section5 .org_wrap ul li p{line-height: 50px;margin-bottom: 10px;}
    #company .section5 .org_wrap ul li span{margin-left: 20px;}
    #company .section5 .org_wrap ul li:last-child span{width: 100%;margin-left: 20px;}
}
@media screen and (max-width:1200px){
    #company .section4 ul{gap: 20px;}
    #company .section4 ul li{width: 100%;}
    #company .section4 ul li p.pc_text{display: none;}
    #company .section4 ul li p.mo_text{display: block;}
}
@media screen and (max-width:1000px){
    #company section>p{line-height: calc(var(--font-60) + 10px);}
    #company .section1 span.pc_text{display: none;}
    #company .section1 span.mo_text{display: block;}
    #company .section2 ul{gap: 100px;}
    #company .section2 ul li{width: 100%;padding: 70px 20px 30px;}
    #company .section3 ul li{padding: 30px 20px;}
    #company .section3 ul li img{height: 50px;}
    #company .section4 ul li{padding: 50px 20px;}
    #company .section4 ul li b{margin-bottom: 20px;}
}
@media screen and (max-width:500px){
    #company section{margin: 150px auto 0;}
    #company section>p.pc_text{display:none;}
    #company section>p.mo_text{display:block;}
    #company .section1>img{margin: 30px auto;}
    #company .section2 ul li p.pc_text{display: none;}
    #company .section2 ul li p.mo_text{display: block;}
    #company .section3{padding-bottom: 150px;}
    #company .section3 ul li{width: 100%;margin-left: 0 !important;}
    #company .section3 ul li img{margin: 0 auto !important;}
    #company .section3 ul li p{text-align: center !important;}
    #company .section3 ul li span{text-align: center !important;}
    #company .section3 ul{margin: 50px auto 0;}
    #company .section4 ul{margin: 50px auto 0;}
    #company .section4 ul li b{line-height: 30px;}
    #company .section5{margin-bottom: 150px;}
    #company .section5 .org_wrap{margin: 50px auto 0;}
    #company .section5 .org_wrap>p{max-width: 200px;}
    #company .section5 .org_wrap div::before{left: 50px;}
    #company .section5 .org_wrap div::after{left: 51px;}
    #company .section5 .org_wrap div span{max-width: 200px;}
    #company .section5 .org_wrap ul::after{left: 50px;}
    #company .section5 .org_wrap ul::before{left: 51px;}
    #company .section5 .org_wrap ul li{max-width: 200px;}
}






/* ceo.php */
#ceo{width: calc(100% - 40px);max-width: 1570px;margin: 200px auto;display: flex;justify-content: space-between;flex-flow: row wrap;align-items: flex-start;}
#ceo .left{width: 65%;}
#ceo .left b{display: block;width: 100%;color: #252D32;font-size: var(--font-40);margin-bottom: 50px;}
#ceo .left p{color: #000;font-size: var(--font-30);margin-bottom: 30px;}
#ceo .left p:nth-last-child(2){margin-top: 70px;margin-bottom: 0;}
#ceo .left p.mo_text{display: none;}
#ceo .left span{display: flex;color: #000;font-size: var(--font-30);align-items: center;margin-top: 100px;}
#ceo .left span img:nth-child(1){width: 30%;}
#ceo .left span img:nth-child(2){width: 16%;}
#ceo .right{width: calc(35% - 20px)}
#ceo .right img{width: 100%;}
@media screen and (max-width:1510px){
    #ceo .left p.pc_text{display: none;}
    #ceo .left p.mo_text{display: block;}
}
@media screen and (max-width:1200px){
    #ceo{flex-flow: column-reverse;}
    #ceo .left{width: 100%;}
    #ceo .left b{text-align: center;margin-top: 20px;}
    #ceo .left p{text-align: center;}
    #ceo .left p.mo_text{display: none;}
    #ceo .left p.pc_text{display: block;}
    #ceo .left span{justify-content: center;flex-flow: column;}
    #ceo .right{width: 100%;}
    #ceo .right img{width: 70%;margin: 0 auto;max-width: 400px;}
}
@media screen and (max-width:900px){
    #ceo .left span{flex-flow: column;}
    #ceo .left span img:nth-child(1){width: 250px;}
    #ceo .left span img:nth-child(2){width: 135px;}
    #ceo .left p.pc_text{display: none;}
    #ceo .left p.mo_text{display: block;}
}

@media screen and (max-width:500px){
    #ceo{margin: 150px auto;}
    #ceo .left span img:nth-child(1){width: 200px;}
    #ceo .left span img:nth-child(2){width: 110px;}
}





/* phovua.php */
#phovua{}
#phovua section{position: relative;z-index: 1;top: 0;left: 0;}
#phovua .section1{width: calc(100% - 40px);max-width:var(--max-width1);margin: 200px auto 0;}
#phovua .section1>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#phovua .section1>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;}
#phovua .section1>ul{width: 100%;margin-top: 80px;}
#phovua .section1>ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
#phovua .section1>ul li:last-child{margin-bottom: 0;}
#phovua .section1>ul li:nth-child(2n - 1){flex-flow: row-reverse;}
#phovua .section1>ul li div.text{width: calc(50% - 6vw)}
#phovua .section1>ul li div.text>p{color: #141414;display: block;font-family: var(--font-su) !important;font-size: var(--font-60);line-height: calc(var(--font-60) + 10px); font-weight: 700;margin-bottom: 40px;}
#phovua .section1>ul li div.text>p span{color: #006241;}
#phovua .section1>ul li div.text>span{color: #505050;font-size: var(--font-24);display: block;}
#phovua .section1>ul li div.text>span.mo_text{display: none;}
#phovua .section1>ul li div.img_wrap{position: relative;top: 0;left: 0;border-radius: 20px; width: 50%; height: auto; aspect-ratio: auto 1 / 0.64;overflow: hidden;}
#phovua .section1>ul li div.img_wrap img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
#phovua .section2{margin: 200px auto 0;}
#phovua .section2 .swiper-wrapper{transition-timing-function: linear;}
#phovua .section2 .swiper-wrapper .swiper-slide{height: auto; aspect-ratio: auto 1 / 0.64;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 10px; overflow: hidden;}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(1){background-image: url('/../../img/phovua3_1.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(2){background-image: url('/../../img/phovua3_2.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(3){background-image: url('/../../img/phovua3_3.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(4){background-image: url('/../../img/phovua3_4.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(5){background-image: url('/../../img/phovua3_1.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(6){background-image: url('/../../img/phovua3_2.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(7){background-image: url('/../../img/phovua3_3.png');}
#phovua .section2 .swiper-wrapper .swiper-slide:nth-child(8){background-image: url('/../../img/phovua3_4.png');}
#phovua .section3{width: calc(100% - 40px);max-width: var(--max-width2);margin: 100px auto;padding-bottom:12vw;}
#phovua .section3::after{content:"";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100%; background-image: url('/../../img/main_section6bg.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center bottom;filter: brightness(0.5);}
#phovua .section3>img{width: 250px;display: block;margin: 0 auto 50px;}
#phovua .section3>p{text-align: center;font-size: var(--font-40);font-weight: 600;font-family: var(--font-su) !important;margin-bottom: 30px;line-height: calc(var(--font-40) + 10px);}
#phovua .section3>p span{color: #006241;}
#phovua .section3>p.mo_text{display: none;}
#phovua .section3>span{font-size: var(--font-24);color: #7A7A7A;display:block;text-align: center;}
#phovua .section3>span.mo_text{display: none;}
#phovua .section4{padding-bottom: 200px;}
#phovua .section4::before{content:"";position: absolute;bottom: 0;right: 0;width: 35%;height: 100%;background-image: url('/../../img/phovua5.png');background-repeat: no-repeat;background-size: contain;background-position: right bottom;}
#phovua .section4>b{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto; color: #252D32;font-size: var(--font-60);display: flex;align-items: flex-end;flex-flow: row wrap;font-family: var(--font-su) !important;margin-bottom: 70px;}
#phovua .section4>b p{font-size: var(--font-40);font-family: var(--font-su) !important;padding-right: 10px;}
#phovua .section4>b span{font-size: var(--font-30);color: #006241;display: block;width: 100%;font-weight: 600;}
#phovua .section4 .wrap{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;display: flex;align-items: flex-start;column-gap: 80px;}
#phovua .section4 .wrap ul{width: 30%;}
#phovua .section4 .wrap ul li{margin-bottom: 40px;}
#phovua .section4 .wrap ul li:last-child{margin-bottom:0px;}
#phovua .section4 .wrap ul li b{color: #006241;display: block;font-size: var(--font-30);font-weight: 500;margin-bottom: 5px;}
#phovua .section4 .wrap ul li p{font-size: var(--font-30);display: flex;align-items: flex-start;line-height: var(--font-40);}
#phovua .section4 .wrap ul li p span{margin-right: 10px;}
@media screen and (max-width:1560px){
    #phovua .section4 .wrap{column-gap: 50px;}
    #phovua .section4 .wrap ul{width: calc(50% - 25px);}
    #phovua .section4::before{display: none;}
}
@media screen and (max-width:1260px){
    #phovua .section1>ul li div.text>span.pc_text{display: none;}
    #phovua .section1>ul li div.text>span.mo_text{display: block;}
}
@media screen and (max-width:1000px){
    #phovua .section1>p{line-height: calc(var(--font-60) + 10px);}
    #phovua .section1>ul li div.text>p{margin-bottom: 20px;}
    #phovua .section4 .wrap{flex-flow: column;}
    #phovua .section4 .wrap ul{width: 100%;}
    #phovua .section4 .wrap ul:last-child{margin-top: 20px;}
    #phovua .section4::before{display: block;width: 50%;}
    #phovua .section4>b{margin-bottom: 50px;}
    #phovua .section4 .wrap ul li{margin-bottom: 20px;}
    #phovua .section4 .wrap ul li p{line-height: calc(var(--font-40) + 5px);}
}
@media screen and (max-width:800px){
    #phovua .section1>ul li{flex-flow: column-reverse !important;}
    #phovua .section1>ul li div.text{width: 100%;text-align: center;}
    #phovua .section1>ul li div.img_wrap{width: 100%;max-width: 400px;margin: 0 auto 20px;}
    #phovua .section3{padding-bottom:5vw}
    #phovua .section3>img{width: 150px;margin: 0 auto 20px;}
    #phovua .section3>p.mo_text{display: block;}
    #phovua .section3>p.pc_text{display: none;}
    #phovua .section4{padding-bottom: 70vw;}
    #phovua .section4::before{width: 70%;}
}
@media screen and (max-width:500px){
    #phovua .section1{margin: 150px auto 0;}
    #phovua .section1>ul{margin-top: 50px;}
    #phovua .section2{margin: 150px auto 0;}
    #phovua .section3>span.mo_text{display: block;}
    #phovua .section3>span.pc_text{display: none;}
}





/* education.php */
#education{}
#education .wrap{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#education .wrap>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#education .wrap>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;}
#education .wrap>p.mo_text{display: none;}
#education .wrap>span{color: #505050; font-size: var(--font-24); display: block; text-align: center;margin-top: 40px;margin-bottom: 200px;}
#education .wrap>span.mo_text{display: none;}
#education .wrap .con{margin-bottom: 80px;}
#education .wrap .con:last-child{margin-bottom: 0px;}
#education .wrap .con>span{color: #FFD900;font-size: var(--font-30);font-weight: 700;display: block;}
#education .wrap .con>p{color: #141414;font-family: var(--font-su) !important;font-size: var(--font-60);line-height: var(--font-60);font-weight: 600;margin-bottom: 30px;}
#education .wrap .con>p b{color: #006241;font-size: var(--font-40); padding-left: 20px;font-weight: 700;}
#education .wrap .con ul{display: flex;align-items: center;height: 300px;column-gap: 20px;}
#education .wrap .con ul li{height: 100%; border-radius: 10px;overflow: hidden;background-repeat: no-repeat;background-size: auto;background-position: center;width: 33.3333333%;display: flex;justify-content: center;align-items: center;flex-flow: column;padding: 10px 20px;cursor: pointer;position: relative;top: 0;left: 0;z-index: 1;}
#education .wrap .con ul li::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #006241;z-index: -1;opacity: 0;transition: 0.3s;}
#education .wrap .con ul.two li{width:50%;}
#education .wrap .con ul li p{display: flex;flex-flow: column;justify-content: center;align-items: center;text-align: center;color: #fff;font-size: var(--font-30);font-weight: 500;width: 100%;line-height: var(--font-40);}
#education .wrap .con ul li p.mo_text{display: none;}
#education .wrap .con ul li p img{height: 30px;display: block;margin: 0 auto; margin-bottom: 20px;}
#education .wrap .con ul li span{display: block;text-align: center;color: #fff;font-size: var(--font-20);font-weight: 300;width: 100%;opacity: 0;height: 0;transition: 0.3s;}
#education .wrap .con ul li span.mo_text{display: none;}
#education .wrap .con ul li:hover::after{opacity: 0.7;}
#education .wrap .con ul li:hover span{opacity: 1;height: fit-content;margin-top: 30px;}
#education .bn{background-image: url('/../../img/title_bn1.png');background-repeat: no-repeat;background-size: cover;background-position: center; width: 100%;padding: 200px 0;}
#education .bn img{width: 140px;display: block;margin: 0 auto 100px;}
#education .bn p{color: #fff;font-size: var(--font-40);font-weight: 500;text-align: center;width: calc(100% - 40px);margin: 0 auto;font-family: var(--font-su) !important;}
#education .bn p.mo_text{display: none;}
@media screen and (max-width:1320px){
    #education .wrap .con ul li p.mo_text{display: block;}
    #education .wrap .con ul li p.pc_text{display: none;}
    #education .wrap .con ul li span.mo_text{display: block;}
    #education .wrap .con ul li span.pc_text{display: none;}
}
@media screen and (max-width:1000px){
    #education .wrap>p{line-height: calc(var(--font-60) + 10px);}
    #education .wrap .con>p b{display: block;padding-left: 0;margin-top: 5px;}
    #education .wrap .con ul li{cursor: auto;}
    #education .wrap .con ul li::after{display: none;}
    #education .wrap .con ul li span{opacity: 1 !important;height: fit-content !important;margin-top: 10px !important;}
    #education .wrap .con ul li p{line-height: calc(var(--font-40) + 5px);}
    #education .wrap .con ul li p img{height: 20px;margin-bottom: 10px;}
    #education .bn{padding: 150px 0;}
    #education .bn img{width: 110px;margin: 0 auto 70px;}
}
@media screen and (max-width:900px){
    #education .wrap .con ul{flex-flow: row wrap;justify-content: center;height: fit-content;row-gap: 20px;}
    #education .wrap .con ul li{width: calc(50% - 10px);height: 300px;}
    #education .wrap .con ul li:nth-child(3){width: 100%;}
    #education .wrap .con ul.two li{width: calc(50% - 10px);height: 300px;}
}
@media screen and (max-width:800px){
    #education .wrap>p.pc_text{display: none;}
    #education .wrap>p.mo_text{display: block;}
    #education .wrap>span.pc_text{display: none;}
    #education .wrap>span.mo_text{display: block;}
    #education .bn{padding: 100px 0;}
    #education .bn img{width: 70px;margin: 0 auto 50px;}
    #education .bn p{font-size: var(--font-30);}
    #education .bn p.mo_text{display: block;}
    #education .bn p.pc_text{display: none;}
}
@media screen and (max-width:700px){
    #education .wrap .con ul{flex-flow: column;}
    #education .wrap .con ul li{width: 100%;height: fit-content;padding: 50px 20px;}
    #education .wrap .con ul.two li{width: 100%;height: fit-content;}

}
@media screen and (max-width:500px){
    #education .wrap{margin: 150px auto;}
    #education .wrap>span{margin-top: 20px;margin-bottom: 150px;}
    #education .bn img{margin: 0 auto 20px;}
}





/* core.php */
#core{}
#core>ul{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#core>ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
#core>ul li:last-child{margin-bottom: 0;}
#core>ul li:nth-child(2n){flex-flow: row-reverse;}
#core>ul li .text{width: 40%;}
#core>ul li .text .num{color: #FFD900;font-size: var(--font-30);display: block;padding: 10px;font-weight: 700;}
#core>ul li .text .title{color: #141414;display: block;font-family: var(--font-su) !important;font-size: var(--font-60);line-height: var(--font-60); font-weight: 700;}
#core>ul li .text .md_title{color: #006241; font-size: var(--font-40); margin: 20px 0 40px; display: block;}
#core>ul li .text .con{color: #505050;font-size: var(--font-24);display: block;}
#core>ul li .img_wrap{position: relative;top: 0;left: 0;border-radius: 20px;width: calc(60% - 50px); height: auto; aspect-ratio: auto 1 / 0.64;overflow: hidden;}
#core>ul li .img_wrap img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
#core>.bn{width: 100%;height: auto;aspect-ratio: auto 1 / 0.3;min-height: 250px; background-image: url('/../../img/core6.png');background-repeat: no-repeat;background-size: cover;background-position: center;display: flex; justify-content: center; align-items: center; flex-flow: column;}
#core>.bn p{font-size: var(--font-100);font-family: var(--font-pop) !important;color: #FFD900;font-weight: 600; font-style: italic;}
#core>.bn span{color: #fff;font-size: var(--font-40);font-family: var(--font-su) !important;}
#core .compet{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto 200px;}
#core .compet>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;margin-top: 200px;}
#core .compet>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;margin-bottom: 150px;}
#core .compet .wrap{}
#core .compet .wrap>b{}
#core .compet .wrap .mom{width: 40%;height: auto;aspect-ratio: auto 1 / 1;position: relative;margin: 19vw auto 10px;}
#core .compet .wrap .mom .circle1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 2px 10px #00000038 inset; border-radius: 300px;}
#core .compet .wrap .mom .circle2{position: absolute;top: 50%;left: 50%;width:88%;height:88%;transform: translate(-50%, -50%);border: 1px solid #C2C2C2;border-radius: 300px;}
#core .compet .wrap .mom .circle3{position: absolute;top: 50%;left: 50%;width:60%;height:60%;transform: translate(-50%, -50%);box-shadow: 0px 3px 10px #00000026;border-radius: 200px;}
#core .compet .wrap .mom .circle3 .text{position: absolute;width: 60%; top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
#core .compet .wrap .mom .circle3 .text img{width: 100%;}
#core .compet .wrap .mom .son{position: absolute;width: 100%;height: 100%;}
#core .compet .wrap .mom .son li{width: 100%; position: absolute; display: flex; align-items: center; justify-content: space-between;}
#core .compet .wrap .mom .son li:nth-child(1){top:-37%;left: 50%;transform: translateX(-50%);flex-flow: column-reverse;text-align: center;}
#core .compet .wrap .mom .son li:nth-child(2){top:15%;left: 77%;}
#core .compet .wrap .mom .son li:nth-child(5){top:15%;right: 77%;}
#core .compet .wrap .mom .son li:nth-child(3){bottom:-1%;left: 63%;}
#core .compet .wrap .mom .son li:nth-child(4){bottom:-1%;right: 63%;}
#core .compet .wrap .mom .son li:nth-child(1) .img_wrap{background: #255333;border-radius: 100px;}
#core .compet .wrap .mom .son li:nth-child(2) .img_wrap{background: #418D58;border-radius: 100px;}
#core .compet .wrap .mom .son li:nth-child(3) .img_wrap{background: #81CB97;border-radius: 100px;}
#core .compet .wrap .mom .son li:nth-child(4) .img_wrap{background: #418D58;border-radius: 100px;}
#core .compet .wrap .mom .son li:nth-child(5) .img_wrap{background: #317746;border-radius: 100px;}
#core .compet .wrap .mom .son li:nth-child(4),
#core .compet .wrap .mom .son li:nth-child(5){flex-flow: row-reverse;}
#core .compet .wrap .mom .son li:nth-child(1) .text{margin-bottom: 20px;padding: 0;width: 100%;}
#core .compet .wrap .mom .son li:nth-child(4) .text,
#core .compet .wrap .mom .son li:nth-child(5) .text{text-align: right;}
#core .compet .wrap .mom .son li .img_wrap{width: 30%;height: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;}
#core .compet .wrap .mom .son li .img_wrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60%;}
#core .compet .wrap .mom .son li:nth-child(2n - 1) .img_wrap img{height: 45%;}
#core .compet .wrap .mom .son li .text{width:80%;padding: 0 20px;}
#core .compet .wrap .mom .son li b{font-size: var(--font-40);font-family: var(--font-su) !important; display: block;margin-bottom: 10px;}
#core .compet .wrap .mom .son li p{font-size: var(--font-20);}
#core .compet .wrap .mom .son li p.mo_text{display: none;}
@media screen and (max-width:1550px){
    #core .compet .wrap .mom .son li b{font-size: var(--font-30);}
}
@media screen and (max-width:1300px){
    #core .compet .wrap .mom .son li p.pc_text{display: none;}
    #core .compet .wrap .mom .son li p.mo_text{display: block;}
}
@media screen and (max-width:1280px){
    #core .compet>p{margin-bottom: 50px;}
    #core .compet .wrap .mom{position: unset;width: 100%;height: fit-content;aspect-ratio: unset;margin-top: 0;}
    #core .compet .wrap .mom .circle1,
    #core .compet .wrap .mom .circle2,
    #core .compet .wrap .mom .circle3{display: none;}
    #core .compet .wrap .mom .son{position: unset;width: 100%;}
    #core .compet .wrap .mom .son li{position: unset; width: 100%;padding: 20px 0;border-bottom: 1px dashed #ddd;}
    #core .compet .wrap .mom .son li:nth-child(1){transform: unset;flex-flow: unset;text-align: left;}
    #core .compet .wrap .mom .son li:nth-child(1) .text{padding: 0 20px;margin-bottom: 0;}
    #core .compet .wrap .mom .son li:nth-child(4),
    #core .compet .wrap .mom .son li:nth-child(5){flex-flow: unset;}
    #core .compet .wrap .mom .son li:nth-child(4) .text,
    #core .compet .wrap .mom .son li:nth-child(5) .text{text-align: left;}
    #core .compet .wrap .mom .son li:nth-child(2n),
    #core .compet .wrap .mom .son li:nth-child(2n){flex-flow: row-reverse;}
    #core .compet .wrap .mom .son li:nth-child(2n) .text,
    #core .compet .wrap .mom .son li:nth-child(2n) .text{text-align: right;}
    #core .compet .wrap .mom .son li:last-child{border-bottom: unset;}
    #core .compet .wrap .mom .son li .img_wrap{width: 150px;}
    #core .compet .wrap .mom .son li .text{width: calc(100% - 150px) !important;}
}
@media screen and (max-width:1000px){
    #core .compet>p{line-height: calc(var(--font-60) + 10px);}
}
@media screen and (max-width:800px){
    #core>ul li{flex-flow: column-reverse !important;}
    #core>ul li .text{width: 100%;text-align: center;}
    #core>ul li .text .md_title{margin: 10px 0 20px;}
    #core>ul li .img_wrap{width: 100%;max-width: 400px;margin: 0 auto 20px;}
    #core .compet .wrap .mom .son li .img_wrap{width: 120px;}
    #core .compet .wrap .mom .son li .text{width: calc(100% - 120px) !important;}
}
@media screen and (max-width:600px){
    #core .compet .wrap .mom .son li{flex-flow: row wrap !important;padding: 40px 0;}
    #core .compet .wrap .mom .son li .img_wrap{width: 100px;margin: 0 auto 20px;}
    #core .compet .wrap .mom .son li .text{width: 100% !important;text-align: center !important}
}
@media screen and (max-width:500px){
    #core>ul{margin: 150px auto;}
    #core .compet{margin: 0 auto 150px;}
    #core .compet>b{margin-top: 150px;}
}






/* brand.php */
#brand{margin-bottom: 200px;}
#brand .section1{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#brand .section1>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#brand .section1>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;}
#brand .section1 .plus{display: flex;justify-content: center;align-items: center;position: relative;top: 0;left: 0;gap: 100px;margin: 70px 0;}
#brand .section1 .plus>div{text-align: center;}
#brand .section1 .plus>div b{font-size: var(--font-140);line-height: var(--font-140); color: #006241;display: block;}
#brand .section1 .plus>div p{font-size: var(--font-30);color: #006241;}
#brand .section1 .plus>span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55px; height: 55px; background: #FFD900; color: #006241; line-height: 46px; text-align: center; font-size: var(--font-60); font-weight: 600; border-radius: 50px;}
#brand .section1>span{text-align: center;font-size: var(--font-24);color: #505050;width: 100%;display: block;}
#brand .section1>span.mo_text{display: none;}
#brand .bn{width: 100%;height: auto;aspect-ratio: auto 1 / 0.25;min-height: 200px; background-image: url('/../../img/brand1.png');background-repeat: no-repeat;background-size: cover;background-position: center;display: flex; justify-content: center; align-items: center;margin-bottom: 200px;}
#brand .bn img{height: 50%;}
#brand .section2{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;}
#brand .section2>p{color: #141414;font-size: var(--font-60);font-family: var(--font-su) !important;font-weight: 600;}
#brand .section2>span{color: #505050;font-size: var(--font-24);display: block;margin: 20px 0 50px;}
#brand .section2>span.mo_text{display: none;}
#brand .section2 .img_wrap{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;width: fit-content;margin: 0 auto 100px; margin-left: 0;gap: 4vw;}
#brand .section2 .img_wrap img{height: 21.8vw;}
#brand .section2 .color_wrap{display: flex;justify-content: space-between;flex-flow: row wrap; align-items: center;width: 100%;height: auto;aspect-ratio: auto 1 / 0.3;}
#brand .section2 .color_wrap .con{height: 100%; display: flex; flex-flow: column; justify-content: space-between; padding: 40px}
#brand .section2 .color_wrap .con:nth-child(1){width: 44%;background: #006241;}
#brand .section2 .color_wrap .con:nth-child(2){width: 28%;background: #FFD900;}
#brand .section2 .color_wrap .con:nth-child(3){width: 28%;background: #CE0E2D;}
#brand .section2 .color_wrap .con>p{color: #fff;font-family: var(--font-su) !important;font-size: var(--font-24);font-weight: 700;}
#brand .section2 .color_wrap .con>div{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
#brand .section2 .color_wrap .con>div p{color: #fff;font-family: var(--font-su) !important;font-size: var(--font-14);}
#brand .section2 .color_wrap .con>div p:nth-child(2n - 1){width: calc(66px);}
#brand .section2 .color_wrap .con>div p:nth-child(2n){width: calc(100% - 80px);}
@media screen and (max-width:1000px){
    #brand .section1>p{line-height: calc(var(--font-60) + 10px);}
    #brand .section2 .color_wrap{height: fit-content;aspect-ratio:unset}
    #brand .section2 .color_wrap .con{width: 100% !important;}
    #brand .section2 .color_wrap .con>p{margin-bottom: 20px;}

}
@media screen and (max-width:800px){
    #brand .section1 .plus{margin: 30px 0 50px;}
    #brand .section1 .plus>div b{font-size: var(--font-110);line-height: var(--font-110);}
    #brand .section1 .plus>span{width: 40px;height: 40px;line-height: 35px;}
    #brand .section1>span.mo_text{display: block;}
    #brand .section1>span.pc_text{display: none;}
    #brand .section2>p{text-align: center;}
    #brand .section2>span{text-align: center;margin: 10px 0 30px;}
    #brand .section2>span.mo_text{display: block;}
    #brand .section2>span.pc_text{display: none;}
    #brand .section2 .img_wrap{gap: 30px;}
    #brand .section2 .img_wrap img{width: 100%;max-width: 400px;margin: 0 auto; height: fit-content;}
    #brand .section2 .color_wrap .con{padding: 20px 30px;}
}
@media screen and (max-width:500px){
    #brand{margin-bottom: 150px;}
    #brand .section1{margin: 150px auto;}
    #brand .bn{margin-bottom: 150px;}
}






/* interior.php */
#interior{margin-top: 200px;}
#interior >b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#interior >p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;margin-bottom: 100px;}
#interior .interior_swiper{width: 100%; height: 30vw; padding-bottom: 4vw; max-height: 5040px; min-height: 200px;}
#interior .interior_swiper .swiper-wrapper{}
#interior .interior_swiper .swiper-wrapper .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
#interior .interior_swiper .swiper-pagination{top: unset; bottom: 0; width: calc(100% - 40px); max-width: var(--max-width1); left: 50%; transform: translateX(-50%);height: 2px;background: #C2C2C2;}
#interior .interior_swiper .swiper-pagination .swiper-pagination-progressbar-fill{background: #006241;}

#interior>ul{width: calc(100% - 40px); max-width: var(--max-width1);margin: 200px auto;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 30px;position: relative;top: 0;left: 0;}
#interior>ul::after{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12%;height: auto;aspect-ratio: auto 1 / 1;background: #fff;border-radius: 100px;background-image: url('/../../img/interior13.png');background-repeat: no-repeat;background-size: 80% auto;background-position: center;z-index: 1;}
#interior>ul li{background-repeat: no-repeat;background-size: cover;background-position: center;width: calc(50% - 15px);border-radius: 15px;overflow: hidden;padding: 0 20px;height: 21vw;max-height: 400px;min-height: 200px; display: flex;justify-content: center;align-items: center;position: relative;top: 0;left: 0;z-index: 1;}
#interior>ul li:nth-child(1){background-image: url('/../../img/interior9.png');}
#interior>ul li:nth-child(2){background-image: url('/../../img/interior10.png');}
#interior>ul li:nth-child(3){background-image: url('/../../img/interior11.png');}
#interior>ul li:nth-child(4){background-image: url('/../../img/interior12.png');}
#interior>ul li:nth-child(1)::after{content:"1";background:#006241;color:#fff;font-size:var(--font-30);font-weight:700;width: 8%; max-width: 58px;height: auto;aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex;justify-content: center;align-items: center; position: absolute;top:20px;left: 20px;z-index: -1;}
#interior>ul li:nth-child(2)::after{content:"2";background:#006241;color:#fff;font-size:var(--font-30);font-weight:700;width: 8%; max-width: 58px;height: auto;aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex;justify-content: center;align-items: center; position: absolute;top: 20px;right:20px;z-index: -1;}
#interior>ul li:nth-child(3)::after{content:"3";background:#006241;color:#fff;font-size:var(--font-30);font-weight:700;width: 8%; max-width: 58px;height: auto;aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex;justify-content: center;align-items: center; position: absolute;bottom:20px;left: 20px;z-index: -1;}
#interior>ul li:nth-child(4)::after{content:"4";background:#006241;color:#fff;font-size:var(--font-30);font-weight:700;width: 8%; max-width: 58px;height: auto;aspect-ratio: auto 1 / 1; border-radius: 50px; display: flex;justify-content: center;align-items: center; position: absolute;bottom:20px;right:20px;z-index: -1;}
#interior>ul li p{text-align: center;font-size: var(--font-30);color: #fff;}
#interior>ul li p.mo_text{display:none;}
@media screen and (max-width:1200px){
    #interior>ul{gap: 20px;}
    #interior>ul li{width: 100%;}
    #interior>ul li p.pc_text{display: none;}
    #interior>ul li p.mo_text{display: block;}
    #interior>ul li::after{display: none !important;}
}
@media screen and (max-width:1000px){
    #interior >p{line-height: calc(var(--font-60) + 10px);margin-bottom: 50px;}
}
@media screen and (max-width:500px){
    #interior{margin-top: 150px;}
    #interior>ul{margin: 150px auto;}
}






/* 메뉴 카테고리 하위 페이지들 공통 css */
.sub_page.menu{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
.sub_page.menu .btn_wrap{width: 100%;display: flex;justify-content: center;align-items: center;gap: 60px;margin-bottom: 80px;}
.sub_page.menu .btn_wrap p{font-family: var(--font-su) !important;font-size: var(--font-40);color: #252D32;font-weight: 600;cursor: pointer;line-height: 80px;}
.sub_page.menu .btn_wrap p.atv{color: #006241;box-shadow: 0 -4px 0 #006241 inset;cursor: auto;}
.sub_page.menu>ul{display: flex;align-items: center;flex-flow: row wrap;gap: 30px;}
.sub_page.menu>ul li{width: calc(33.333333% - 20px);position: relative;top: 0;left: 0;}
.sub_page.menu>ul li>img{width: 100%;}
.sub_page.menu>ul li>span{color: #CE0E2D;font-size: var(--font-20);display: block;width: 100%;text-align: center;font-weight: 800;transition: 0.3s;}
.sub_page.menu>ul li>p{color: #000;font-size: var(--font-40);display: block;width: 100%;text-align: center;transition: 0.3s;}
.sub_page.menu>ul li .hover{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: #ffffffd9;flex-flow: column;cursor: pointer;transition: 0.3s;}
.sub_page.menu>ul li .hover b{display: block;color: #006241;font-family: var(--font-su) !important;font-size: var(--font-40); text-align: center;}
.sub_page.menu>ul li .hover p{font-size: var(--font-20);text-align: center;margin: 10px 0 60px;}
.sub_page.menu>ul li .hover span{font-size: var(--font-18);width: 100%;max-width: 230px;line-height: 50px;border: 1px solid #000;border-radius: 50px;text-align: center;}
.sub_page.menu>ul li:hover .hover{opacity: 1;}
.sub_page.menu>ul li:hover >span{opacity: 0;}
.sub_page.menu>ul li:hover >p{opacity: 0;}
.sub_page.menu .pop_con{display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #00000096;z-index: 999999;}
.sub_page.menu .pop_con .wrap{width: calc(100% - 60px); max-width: 1200px; position: absolute; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius: 40px;padding: 4vw;}
.sub_page.menu .pop_con .wrap .close_btn{position: absolute;top: 1vw;right: 1vw;width: 60px;height: 60px;display: flex; justify-content: center; align-items: center;cursor: pointer;background: #fff;border-radius: 0 30px 0 0;}
.sub_page.menu .pop_con .wrap .close_btn::after{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 2px;height: 80%;background: #141414;border-radius: 5px;}
.sub_page.menu .pop_con .wrap .close_btn::before{content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);width: 2px;height: 80%;background: #141414;border-radius: 5px;}
.sub_page.menu .pop_con .wrap .scr{max-height: 70vh; overflow-y: auto;}
.sub_page.menu .pop_con .wrap span{color: #006241;font-size: var(--font-30);font-weight: 600;display: block;text-align: center;}
.sub_page.menu .pop_con .wrap b{font-size: var(--font-60);font-family: var(--font-su) !important;display: block;line-height: var(--font-60);margin: 10px 0 30px;text-align: center;}
.sub_page.menu .pop_con .wrap p{font-size: var(--font-30);text-align: center;}
.sub_page.menu .pop_con .wrap p.mo_text{display: none;}
.sub_page.menu .pop_con .wrap img{width: 100%; max-width: 650px; margin: 0 auto;}
.sub_page.menu .pop_con .wrap .scr::-webkit-scrollbar {width: 5px;}
.sub_page.menu .pop_con .wrap .scr::-webkit-scrollbar-thumb {background-color: #cacaca;}
.sub_page.menu .pop_con .wrap .scr::-webkit-scrollbar-track {background-color: #e6e6e6;}
@media screen and (max-width:1200px){
.sub_page.menu>ul li{cursor: pointer;}
.sub_page.menu>ul li .hover{display: none;}
.sub_page.menu>ul li:hover >span{opacity: 1;}
.sub_page.menu>ul li:hover >p{opacity: 1;}
}
@media screen and (max-width:1000px){
    .sub_page.menu .pop_con .wrap .close_btn::after{height: 50%;}
    .sub_page.menu .pop_con .wrap .close_btn::before{height: 50%;}
    .sub_page.menu>ul li{width: calc(50% - 15px);}
}
@media screen and (max-width:600px){
    .sub_page.menu .btn_wrap{gap: 0;justify-content: space-around;}
    .sub_page.menu .btn_wrap p{line-height: 60px;}
    .sub_page.menu>ul li{width: 100%;}
    .sub_page.menu>ul li>img{width: 80%;max-width: 300px;margin: 0 auto;}
    .sub_page.menu .pop_con .wrap p.pc_text{display: none;}
    .sub_page.menu .pop_con .wrap p.mo_text{display: block;}
}

@media screen and (max-width:500px){
    .sub_page.menu{margin: 150px auto;}
    .sub_page.menu .pop_con .wrap{padding: 60px 20px 20px;}
    .sub_page.menu .pop_con .wrap p{font-size: var(--font-24);}
}





/* franchise.php */
#franchise{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#franchise>b{color:#006241;font-size: var(--font-30);display: block;text-align: center;}
#franchise>p{color: #252D32;font-size: var(--font-60);font-family: var(--font-su) !important;display: block;text-align: center;line-height: calc(var(--font-60) + 20px);font-weight: 600;margin-bottom: 100px;}
#franchise>ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;gap: 2vw;}
#franchise>ul li{width: calc(25% - 2vw);border: 1px solid #C2C2C2;border-radius: 20px;padding: 30px;position: relative;top: 0;left: 0;}
#franchise>ul li::after{content: "▶"; position: absolute; top: 50%; right: -2vw; transform: translateY(-50%); font-size: var(--font-24); color: #7A7A7A;}
#franchise>ul li:last-child:after{display: none;}
#franchise>ul li span{background: #006241;border-radius: 50px;text-align: center;line-height: 30px;width: 100px; font-size: var(--font-18);font-weight: 700;color: #fff;display: block;}
#franchise>ul li img{height: 65px;display: block;margin: 35px auto;}
#franchise>ul li b{display: flex; justify-content: center; align-items: center; text-align: center;margin-bottom: 25px; font-size: var(--font-30); color: #000; font-family: var(--font-su) !important; line-height: var(--font-40); font-weight: 700; min-height: calc(var(--font-40)* 2);}
#franchise>ul li p{color: #000; font-size: var(--font-20); text-align: center; line-height: var(--font-30); min-height: calc(var(--font-30)* 4);}
#franchise>ul li.point{background: #006241; border-color: #006241; display: flex ; justify-content: center; align-items: center;}
#franchise>ul li.point img{height: unset;width: 40%;max-width: 100px;}
#franchise>ul li p.mo_text{display: none;}
@media screen and (max-width:1515px){
#franchise>ul li p.pc_text{display: none;}
#franchise>ul li p.mo_text{display: block;}
}
@media screen and (max-width:1200px){
    #franchise>ul{justify-content: unset;gap:30px;}
    #franchise>ul li{width: calc(33.333333% - 20px);}
    #franchise>ul li::after{right: -25px;}
}
@media screen and (max-width:1000px){
    #franchise>p{line-height: calc(var(--font-60) + 10px);margin-bottom: 50px;}
}
@media screen and (max-width:900px){
    #franchise>ul li{width: calc(50% - 15px);}
    #franchise>ul li p{min-height: calc(var(--font-30)* 3);}
}
@media screen and (max-width:700px){
    #franchise>ul li{width: 100%;}
    #franchise>ul li::after{right: unset;left: 50%;transform: translateX(-50%) rotate(90deg);top: unset; bottom: -30px;}
    #franchise>ul li img{margin: 20px auto 30px;height: 40px;}
    #franchise>ul li b{min-height: unset;}
    #franchise>ul li p{min-height: unset;}
}
@media screen and (max-width:500px){
    #franchise{margin: 150px auto;}
}






/* 게시판공통 list*/
#bo_list_wrap{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#bo_list_wrap .board_btn{width: 100%;display: flex;justify-content: center;align-items: center;gap: 60px;margin-bottom: 80px;}
#bo_list_wrap .board_btn li{font-family: var(--font-su) !important;font-size: var(--font-40);color: #252D32;font-weight: 600;cursor: pointer;line-height: 80px; outline: unset; box-shadow: unset;}
#bo_list_wrap .board_btn li.atv{color: #006241;box-shadow: 0 -4px 0 #006241 inset;cursor: auto;pointer-events: none;}
#bo_btn_top{display: flex;justify-content: flex-end;margin: 10px 0;}
#bo_btn_top a,
#bo_btn_top button{border-radius: unset; background-color: #006241 !important; border-color: #006241 !important;}
@media screen and (max-width:650px){
    #bo_list_wrap .board_btn{gap: 0;justify-content: space-around;}
}
@media screen and (max-width:600px){
    #bo_list_wrap .board_btn li{line-height: 60px;}
}
@media screen and (max-width:550px){
    #bo_list_wrap .board_btn li{display: none;}
    #bo_list_wrap .board_btn li.atv{display: block;}
    #bo_list_wrap .board_btn.event li{display: block;}
}
@media screen and (max-width:500px){
    #bo_list_wrap{margin: 100px auto;}
    #bo_list_wrap .board_btn{margin-bottom: 50px;}
}






/* 게시판공통 write*/
#bo_w{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#bo_w form .write_wrap{}
#bo_w form .write_wrap .write_list{display: flex;justify-content: space-between;align-items: flex-start;flex-flow: row wrap;margin-bottom: 20px;}
#bo_w form .write_wrap .write_list>label{font-size: var(--font-18);margin-bottom: 0;line-height: 47px;}
#bo_w form .write_wrap .write_list>div{width: calc(100% - 80px);max-width: unset ; flex: unset;}
#bo_w form .write_wrap .write_list>div.option{height: 47px;display: flex;align-items: center;}
#bo_w form .write_wrap .write_list>div input[type="text"]{font-size: var(--font-18); height: 47px; line-height: 45px; border: 1px solid #E6E6E6; box-shadow: unset; outline: unset; width: 100%; border-radius: 5px; padding: 0 10px;}
#bo_w form .write_wrap .write_list>div textarea{font-size: var(--font-18); border: 1px solid #E6E6E6; box-shadow: unset; outline: unset; width: 100%; border-radius: 5px; padding: 10px;}
#bo_w form .btn_wrap{display: flex;justify-content: space-between;align-items: center;margin-top: 100px;}
#bo_w form .btn_wrap a,
#bo_w form .btn_wrap button{height: 50px;line-height: 48px;width: calc(50% - 10px);padding: 0;margin: 0;font-size: var(--font-20);}
#bo_w form .btn_wrap button{background: #006241;border: 1px solid #006241;color: #fff;}
@media screen and (max-width:500px){
    #bo_w{margin: 100px auto;}
    #bo_w form .btn_wrap{margin-top: 50px;}
    #bo_w form .write_wrap .write_list>label{width: 100%;}
    #bo_w form .write_wrap .write_list>div{width: 100%;}
    #bo_w form .write_wrap .write_list>div.option{height:fit-content;}
}






/* 게시판공통 view*/
#bo_v{width: calc(100% - 40px);max-width: var(--max-width1);margin: 200px auto;}
#bo_v #bo_v_info{}
#bo_v #bo_v_info div{display: flex;justify-content: flex-end;margin: 10px 0;}
#bo_v #bo_v_info div a{border-radius: unset; background-color: #006241 !important; border-color: #006241 !important; flex: unset; outline: unset; box-shadow: unset;}
#bo_v #bo_v_info div a i{}
#bo_v #bo_v_atc{border-top: 3px solid #252D32;}
#bo_v #bo_v_atc #bo_v_con{border-bottom: 1px solid #C2C2C2;}
#bo_v #bo_v_atc #bo_v_con .bo_title{display: flex;align-items: center;justify-content: space-between;background: #00624124;padding: 0 20px;}
#bo_v #bo_v_atc #bo_v_con .bo_title p{font-size: var(--font-24); font-family: var(--font-su) !important; font-weight: 600; line-height: calc(var(--font-24)* 3);font-size: var(--font-24); font-family: var(--font-su) !important; font-weight: 600; line-height: calc(var(--font-24)* 3); width: calc(100% - 110px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_v #bo_v_atc #bo_v_con .bo_title span{font-size: var(--font-20); font-family: var(--font-su) !important;}
#bo_v #bo_v_atc #bo_v_con .view-content{padding: 20px;text-align: center;}
#bo_v #bo_v_atc #bo_v_con #bo_v_img{}
#bo_v #bo_v_atc #bo_v_con #bo_v_img a{pointer-events: none;}
#bo_v #bo_v_atc #bo_v_con #bo_v_img img{display: block;margin: 0 auto;width: 100%;max-width: 600px;border-radius: 0 !important;}
#bo_v #bo_v_data{}
#bo_v #bo_v_data div.pl-3.flex-grow-1.text-break-all{width: 100%;}
#bo_v #bo_v_data a{color: #7A7A7A;width: 100%;}
@media screen and (max-width:700px){
    #bo_v #bo_v_atc #bo_v_con .bo_title{flex-flow: row wrap;padding: 0;background: unset;}
    #bo_v #bo_v_atc #bo_v_con .bo_title p{width: 100%;padding: 0 20px;background: #00624124;}
    #bo_v #bo_v_atc #bo_v_con .bo_title span{width: 100%;text-align: right;background:#f7f7f7;padding: 5px 10px;}
}
@media screen and (max-width:500px){
    #bo_v{margin: 100px auto;}
}