@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 {
    --main-color:#008ED2;
    --max-width:1200px;
    --font-80:80px;
    --font-70:70px;
    --font-60:60px;
    --font-40:40px;
    --font-30:30px;
    --font-24:24px;
    --font-20:20px;
    --font-16:16px;
    --font-14:14px;
    --font-12:12px;
}
@media screen and (max-width:1500px){
    :root {
        --font-80:70px;
        --font-70:60px;
        --font-60:50px;
    }
}
@media screen and (max-width:1200px){
    :root {
        --font-80:60px;
        --font-70:50px;
        --font-60:40px;
        --font-40:30px;
        --font-30:25px;
        --font-24:20px;
        --font-20:18px;
        --font-16:15px;
    }
}
@media screen and (max-width:900px){
    :root {
        --font-80:50px;
        --font-70:40px;
        --font-60:30px;
        --font-40:25px;
        --font-30:20px;
        --font-24:18px;
        --font-20:16px;
        --font-16:14px;
        --font-14:12px;
        --font-12:10px;
    }
}
@media screen and (max-width:500px){
    :root {
        --font-80:40px;
        --font-70:30px;
        --font-60:25px;
        --font-40:20px;
        --font-30:18px;
        --font-24:16px;
        --font-20:14px;
        --font-16:12px;
    }
}


/* intro 시작 */
#intro{position: relative;top: 0;left: 0;display: flex;justify-content: space-between;align-items: center;height: 100vh;}
#intro::after{content:"";width: 180px;height: auto;aspect-ratio: auto 1 / 1;background-image: url('../img/intro_icon.png');background-position: center;background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
#intro>div{width: 50%;height: 100%;position: relative;top: 0;left: 0;display: flex;flex-flow: column; justify-content: center;align-items: center;padding: 0 20px;z-index: 1;cursor: pointer;}
#intro>div span{color: #fff;font-size: var(--font-30);font-weight: 500;display: block;width: 100%;text-align: center;}
#intro>div b{color: #fff;font-size: var(--font-80);font-weight: 700;display: block;width: 100%;text-align: center;margin: 20px 0 40px;}
#intro>div p{color: #fff;font-size: var(--font-30);font-weight: 500;display: block;width: fit-content;line-height:59px;border: 1px solid #fff;transition: 0.5s; text-align: center;padding: 0 30px;}
/* #intro>div:hover p{background: #fff;color: var(--main-color);} */
#intro>div.left{background-color:var(--main-color);overflow: hidden;}
#intro>div.left::after{content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url('../img/intro_left.jpg'); background-position: center; background-size:cover; background-repeat: no-repeat; transition: 0.5s; z-index: -1; filter: brightness(0.8);}
#intro>div.left:hover::after{opacity: 0;}
#intro>div.right{background-color:#CC602E;overflow: hidden;}
#intro>div.right::after{content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url('../img/intro_right1.png'); background-position: center; background-size:cover; background-repeat: no-repeat; transition: 0.5s; z-index: -1; filter: brightness(0.8);}
#intro>div.right:hover::after{opacity: 0;}
/* intro 끝 */





/* tail 시작 */
#nt_footer{background: var(--main-color);}
#nt_footer .wrap{padding: 40px 20px;}
#nt_footer .wrap>img{width: 85px;display: block;margin: 0 auto;}
#nt_footer .wrap .sns_wrap{display: flex;justify-content: center;align-items: center;column-gap: 10px;margin: 20px 0;}
#nt_footer .wrap .sns_wrap img{width: 30px;cursor: pointer; filter: brightness(0) invert(1); opacity: 0.5;}
#nt_footer .wrap .info_con{display: flex;justify-content: center;align-items: center;column-gap: 20px;}
#nt_footer .wrap .info_con p{font-size: var(--font-14);font-weight: 300;color: #fff;cursor: pointer;}
#nt_footer .wrap .info_con p:nth-child(1){font-weight: 600;position: relative;top: 0;left: 0;}
#nt_footer .wrap .info_con p:nth-child(1)::after{content:"";position: absolute;top: 50%;right: -11px;width: 2px;height: 2px;background: #fff;border-radius: 10px;transform: translateY(-50%);}
#nt_footer .wrap .company_con{display: flex;justify-content: center;align-items: center;flex-flow: row wrap;column-gap: 10px;margin: 20px 0;}
#nt_footer .wrap .company_con p{font-size: var(--font-14);color: #fff;}
#nt_footer .wrap .company_con p:first-child{width: 100%;text-align: center;}
#nt_footer .wrap>span{font-size: var(--font-12);color: #ffffff80;display: block;text-align: center;}

#startups_btn{position: fixed; top: 110px; right: 50px; z-index: 5; background: #848383; padding: 20px;border-radius: 5px;cursor: pointer;transition: 0.3s;box-shadow: 0px 2px 6px #0000008c;}
#startups_btn:hover{background: var(--main-color);}
#startups_btn p{font-size: var(--font-30);line-height: calc(var(--font-30) + 5px); font-weight: 700;text-align: center;display: block;color: #fff;}
#startups_btn p span{font-size: var(--font-24);line-height: calc(var(--font-24) + 5px);font-weight: 700;text-align: center;display: block;margin: 10px 0;}
#startups_btn img{width: 70px;}
#arrow_up{position: fixed; bottom: 50px; right: 50px; z-index: 5;width: 50px;height: auto;aspect-ratio: auto 1 / 1;border-radius: 5px;display: flex;justify-content: center;align-items: center;cursor: pointer;border: 1px solid #000;transition: 0.5s;background: #fff;box-shadow: 0px 2px 6px #00000052;}
#arrow_up img{width: 40%;}
#arrow_up:hover{border-radius: 50px;}
/* tail 끝 */





/* head 시작 */
#nt_header{height: 110px;position: relative;z-index: 9;}
#nt_header header{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
#nt_header header .hd_logo{height: 100%;display: flex;justify-content: center;align-items: center;}
#nt_header header .hd_logo img{height: 30%;}
#nt_header header .right{display: flex; width: calc(100% - 230px); justify-content: end; align-items: center;height: 100%;column-gap: 40px;}
#nt_header header .right .lang_btn, 
#nt_header header .right .menu_btn{height: 50px; width: auto; aspect-ratio: auto 1 / 1; display: flex;justify-content: center;align-items: center;}
#nt_header header .right .lang_btn img{height: 66%;}
#nt_header header .right .menu_btn img{height: 60%;}
#nt_menu{height: 100%;width: 100%;}
#nt_menu .one_deps_wrap{display: flex;align-items: center;height: 100%; position: relative;z-index: 999999;}
#nt_menu .one_deps_wrap>li{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;}
#nt_menu .one_deps_wrap>li:hover a{color: var(--main-color);}
#nt_menu .one_deps_wrap>li>a{font-weight: 600;font-size: var(--font-20);color: #000 ;padding: 0 30px;display: block; width: 100%;text-align: center;}
#nt_menu .one_deps_wrap>li.on>a{color: var(--main-color) !important;}
#nt_menu .two_deps_wrap{position: absolute;top: 0;left: 0;width: 100%;height: fit-content;background: #fff;opacity: 0;pointer-events: none;z-index: -1;}
#nt_menu .two_deps_wrap .wrapper{width: 100%; margin: 0 auto; display: flex ;}
#nt_menu .two_deps_wrap .wrapper>ul{-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
#nt_menu .two_deps_wrap .wrapper>ul>li{}
#nt_menu .two_deps_wrap .wrapper>ul>li>a{font-size: var(--font-16);color: #333;padding: 0 20px;line-height: 50px;display: block;text-align: center;}
#nt_menu .two_deps_wrap .wrapper>ul>li>a:hover {color: var(--main-color);}
#nt_menu .two_deps_wrap .wrapper>ul>li.on>a{color: var(--main-color) !important;}
#nt_header .all_menu_bg{position: absolute; width: 100%;left: 0;background: #fff;opacity: 0;pointer-events: none;}
#nt_menu:hover .two_deps_wrap{pointer-events: unset;opacity: 1;}
/* head 끝 */


/* 메인 시작 */
#main{}
#main .main_bn{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;border-radius: 20px;}
#main .main_bn .swiper-wrapper{}
#main .main_bn .swiper-wrapper .swiper-slide{background-position: center;background-size: cover;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;padding: 0 40px;width: 100%;height: auto;aspect-ratio: auto 2 / 1;}
#main .main_bn .swiper-wrapper .swiper-slide::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #0000002e;z-index: -1;}
#main .main_bn .swiper-wrapper .swiper-slide .text{color: #fff;width: 100%;}
#main .main_bn .swiper-wrapper .swiper-slide .text p{display: block;font-size: var(--font-30);font-weight: 500;}
#main .main_bn .swiper-wrapper .swiper-slide .text b{display: block;font-size: var(--font-60);font-weight: 700;line-height: var(--font-60);}
#main .main_bn .swiper-pagination{text-align: right; padding: 20px 40px;}
#main .main_bn .swiper-pagination span.swiper-pagination-bullet{border-radius: 10px;background: #fff;opacity: 1;height: var(--font-16);width: var(--font-16);}
#main .main_bn .swiper-pagination span.swiper-pagination-bullet-active{background: var(--main-color);width: var(--font-40);}

#main .affiliate_wrap{margin: 120px auto;width: calc(100% - 40px);max-width: calc(var(--max-width) + 200px);display: flex;align-items: center;justify-content: space-between;padding: 0 100px;position: relative;top: 0;left: 0;}
#main .affiliate_wrap .affiliate-next{right: var(--swiper-navigation-sides-offset, 10px);left: auto;}
#main .affiliate_wrap .affiliate-prev{left: var(--swiper-navigation-sides-offset, 10px);right: auto;}
#main .affiliate_wrap .affiliate-next,
#main .affiliate_wrap .affiliate-prev{position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex ; align-items: center; justify-content: center; color:#000;opacity: 0.5;z-index: 1;}
#main .affiliate_wrap .affiliate-next::after{content: 'next';}
#main .affiliate_wrap .affiliate-prev::after{content: 'prev';}
#main .affiliate_wrap .affiliate-next::after,
#main .affiliate_wrap .affiliate-prev::after{font-family: swiper-icons; font-size: var(--font-40); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1;}
#main .affiliate_wrap .left{width: 500px;height: 100%;background: #fff;position: relative;top: 0;left: 0;}
#main .affiliate_wrap .left>p{font-size: var(--font-40);font-weight: 700;}
#main .affiliate_wrap .left>span{font-size: var(--font-30); font-weight: 600;}
#main .affiliate_wrap .left>b{font-size: var(--font-70); font-weight: 700;display: block;}
#main .affiliate_wrap .left>a{font-size: var(--font-20);color: #636363;display: block;}
#main .affiliate_wrap .left .pager{font-size: var(--font-80);font-weight: 100;display: flex;line-height: var(--font-80); align-items: baseline;margin-top: 100px;}
#main .affiliate_wrap .left .pager>div{height: var(--font-80);width: auto;aspect-ratio: auto 1 / 1;position: relative;top: 0;left: 0;}
#main .affiliate_wrap .left .pager>div::after{content: ""; width: 1px; height: 100%; background: #000; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%) rotate(45deg)}
#main .affiliate_wrap .left .pager>p{font-weight: 400;display: flex; align-items: flex-start; column-gap: 5px;}
#main .affiliate_wrap .left .pager>p span{font-size: var(--font-20); font-weight: 600; line-height: var(--font-20);padding-top: 5px;}
#main .affiliate_wrap .left .pager>span{font-weight: 400;font-size: var(--font-24);}
#main .affiliate_wrap .affiliate_swiper{width: calc(100% - 550px);margin: 0;border-radius: 20px;}
#main .affiliate_wrap .affiliate_swiper .swiper-wrapper{}
#main .affiliate_wrap .affiliate_swiper .swiper-wrapper .swiper-slide{width: 100%;height:500px;display: flex;justify-content: space-between;align-items: center;row-gap: 20px;}
#main .affiliate_wrap .affiliate_swiper .swiper-wrapper .swiper-slide>div{height: 100%; width: 100%; background-position: center;background-size: cover;background-repeat: no-repeat;display: flex;border-radius: 20px;}
#main .affiliate_wrap .affiliate_swiper .swiper-pagination{text-align: right; padding: 20px 40px;}
#main .affiliate_wrap .affiliate_swiper .swiper-pagination span.swiper-pagination-bullet{border-radius: 10px;background: #fff;opacity: 1;}
#main .affiliate_wrap .affiliate_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--main-color);width: 16px;}

#main .main_brand_pc{padding: 200px 0;background: #cdc5bc;background-repeat: no-repeat;background-position: center;background-size: cover;transition: 1s;}
#main .main_brand_pc ul{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;row-gap: 50px; display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
#main .main_brand_pc ul li{width: 33.333333%;height: 170px;}
#main .main_brand_pc ul li:nth-child(1) img{margin: 0 auto 0 0;}
#main .main_brand_pc ul li:nth-child(3) img{margin: 0 0 0 auto;}
#main .main_brand_pc ul li img{height: 100%;display: block;margin: 0 auto;filter: unset;cursor: pointer;transition: 0.3s;filter:brightness(0) invert(1);scale:0.8}
#main .main_brand_mo{display: none;}

#main .overseas{margin: 220px auto;width: calc(100% - 40px);max-width: var(--max-width);background-repeat: no-repeat;background-size: cover;background-color: #fff;background-position: center;position: relative;top: 0;left: 0;}
#main .overseas::after{content:"GLOBAL"; position: absolute;top: -100px;left: 50%;transform: translateX(-50%);width: 100%;font-size: var(--font-40); font-weight: 700;text-align: center;}
#main .overseas ul{display: flex;justify-content: space-between;align-items: center;}
#main .overseas ul li{width: 25%;padding: 40px 32px;position: relative;top: 0;left: 0;height: 420px;cursor: pointer;}
#main .overseas ul li:nth-child(2){width:calc(25% + 40px);border-left: 20px solid #fff;border-right: 20px solid #fff;}
#main .overseas ul li:nth-child(3){width:calc(25% + 20px);border-right: 20px solid #fff;}
#main .overseas ul li b{position: relative;z-index: 1; display: block;color: #fff;font-size: var(--font-24);text-align: center;margin-bottom: 20px;}
#main .overseas ul li p{position: relative;z-index: 1; text-align: center;font-size: var(--font-16);color: #fff;line-height: var(--font-24);}
#main .overseas ul li a{position: relative;z-index: 1; position: absolute;bottom: 40px;width: fit-content;width: calc(100% - 40px); line-height: 49px;border: 1px solid #fff;text-align: center;color: #fff;display: flex;column-gap: 10px;align-items: center;left: 50%;transform: translateX(-50%);justify-content: center;font-size: var(--font-16);max-width: 150px;}

#main .startups{cursor: pointer; width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 120px;border-radius: 20px;background-image: url('../img/main_startups.png');background-position: center;background-size: cover;background-repeat: no-repeat;padding: 100px 20px;position: relative;top: 0;left: 0;}
#main .startups::after{content:"창업"; position: absolute;top: -100px;left: 50%;transform: translateX(-50%);width: 100%;font-size: var(--font-40); font-weight: 700;text-align: center;}
#main .startups b{display: block;font-size: calc(var(--font-40) + 10px);line-height: calc(var(--font-40) + 20px); font-weight: 700;text-align: center;color: #fff;}
#main .startups b.mo_text{display: none;}
#main .startups p{display: block;font-size: var(--font-20);line-height: calc(var(--font-20) + 10px); font-weight: 500;text-align: center;color: #fff;margin: 30px 0 40px;}
#main .startups a{transition: 0.3s; display: block;margin: 0 auto;font-weight: 500;font-size: var(--font-20);padding: 0 30px;border: 1px solid #fff;line-height:49px;width: fit-content;color: #fff;}
#main .startups a span{margin-right: 20px;}
#main .startups:hover a{background: #fff;color: #008ED2;}
/* 메인 끝 */

@media screen and (max-width:1600px){
    #startups_btn{right: 20px;}
    #arrow_up{right: 20px;}
}
@media screen and (max-width:1500px){
    #intro::after{width: 130px;}
    #main .affiliate_wrap{padding: 0 50px;}
    #main .affiliate_wrap .left{width: 400px;}
    #main .affiliate_wrap .affiliate_swiper{width: calc(100% - 430px);}
    #main .main_brand_pc ul li:nth-child(1) img,
    #main .main_brand_pc ul li:nth-child(3) img{margin: 0 auto;}
}
@media screen and (max-width:1200px){
    #startups_btn{top: unset; bottom: 120px;}
    #intro{flex-flow: column;}
    #intro>div{width: 100%;height: 50%;}
    #nt_header{height: 80px;}
    #nt_header header .right{width: calc(100% - 160px);column-gap: 20px;}
    #nt_header header .right .lang_btn,
    #nt_header header .right .menu_btn{height: 40px;}
    #nt_menu .menulist .nav-slide .me-li>a{padding: 0 20px;}
    #main .affiliate_wrap{flex-flow: column;padding: 0;row-gap: 20px;}
    #main .affiliate_wrap .affiliate-next,
    #main .affiliate_wrap .affiliate-prev{display: none;}
    #main .affiliate_wrap .left{width: 100%;}
    #main .affiliate_wrap .left .pager{margin-top: 0;position: absolute;bottom: 0;right: 0;}
    #main .affiliate_wrap .affiliate_swiper{width: 100%;}
    #main .affiliate_wrap .affiliate_swiper .swiper-wrapper .swiper-slide{height: auto;aspect-ratio: auto 2 / 1;max-height: 400px;}
    #main .affiliate_wrap .affiliate_swiper .swiper-pagination{bottom: 0; text-align: center;padding: 0 ;}
    #main .main_brand_pc{padding: 100px 0;}
    #main .main_brand_pc ul li{height: 100px;}
    #main .overseas::after{font-size: var(--font-60);}
    #main .overseas ul{flex-flow: row wrap;}
    #main .overseas ul li{width: calc(50% - 10px);height: calc(350px - 20px);padding: 40px 20px;}
    #main .overseas ul li:nth-child(2){width:calc(50% + 10px);border-left: 20px solid #fff;border-right:unset;}
    #main .overseas ul li:nth-child(3){width:calc(50% + 10px);border-right: 20px solid #fff;height: 350px;border-top: 20px solid #fff;}
    #main .overseas ul li:nth-child(4){height: 350px;border-top: 20px solid #fff;}
    #main .overseas ul li b{font-size: var(--font-30);}
    #main .overseas ul li p{font-size: var(--font-20);line-height: calc(var(--font-30) + 5px);}
    #main .overseas ul li a{font-size: var(--font-20);}
    #main .startups::after{font-size: var(--font-60);}
}
@media screen and (max-width:900px){
    #startups_btn:hover{background: #353535;}
    #arrow_up:hover{border-radius: 5px;}
    #intro::after{width: 100px;}
    #intro>div span{font-size: var(--font-24);}
    #intro>div b{margin: 20px 0;}
    #intro>div p{font-size: var(--font-24);line-height: 50px;}
    #nt_menu{display: none;}
    #intro>div.left:hover::after{opacity: 1;scale: 1;}
    #intro>div.right:hover::after{opacity: 0;}
    #main .main_bn{border-radius: 10px;}
    #main .main_brand_pc{display: none;}
    #main .main_brand_mo{display: block;;position: relative;top: 0;left: 0;z-index: 1;background: #cdc5bc;}
    #main .main_brand_mo .brand_mo_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    #main .main_brand_mo .brand_mo_bg .swiper-wrapper{width: 100%;height: 100%;}
    #main .main_brand_mo .brand_mo_bg .swiper-wrapper .swiper-slide{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
    #main .main_brand_mo .brand_mo_logo{padding: 100px 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
    #main .main_brand_mo .brand_mo_logo ul{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;row-gap: 50px; display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
    #main .main_brand_mo .brand_mo_logo ul li{width: 33.333333%;height: 100px;}
    #main .main_brand_mo .brand_mo_logo ul li img{height: 100%;display: block;margin: 0 auto;transition: 0.3s;cursor: pointer;}
    #main .overseas{background: unset !important;margin: 200px auto;}
    #main .overseas::after{top: -80px;}
    #main .overseas ul{flex-flow: row wrap;column-gap: 10px;row-gap: 10px;}
    #main .overseas ul li{background-color: unset !important;width: calc(50% - 5px) !important;border: unset !important;border-radius: 10px;height: 300px !important;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;top: 0;left: 0;overflow: hidden;}
    #main .overseas ul li::after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000045;}
    #main .overseas ul li:nth-child(1){background-image: url('../img/main_overseas1.jpg');}
    #main .overseas ul li:nth-child(2){background-image: url('../img/main_overseas2.jpg');}
    #main .overseas ul li:nth-child(3){background-image: url('../img/main_overseas3.jpg');}
    #main .overseas ul li:nth-child(4){background-image: url('../img/main_overseas4.jpg');}
    #main .overseas ul li:hover{background-color: unset !important;}
    #main .overseas ul li b,
    #main .overseas ul li p{opacity: 1 !important;}
    #main .overseas ul li a{line-height:39px;background: transparent !important;color: #fff !important;}
    #main .startups{border-radius: 10px;}
    #main .startups::after{top: -80px;}
    #main .startups a{line-height:39px;}
    #main .startups:hover a{background: transparent !important;color: #fff !important;}
}
@media screen and (max-width:600px){
    #nt_footer .wrap>img{width: 60px;}
    #startups_btn{right: 10px;bottom: 70px;}
    #startups_btn p span{display: none;}
    #startups_btn img{display: none;}
    #arrow_up{right: 10px;bottom: 20px;width: 40px;}
    #nt_header header .hd_logo img{height: 25%;}
    #main .main_bn .swiper-wrapper .swiper-slide{aspect-ratio: unset;height: 300px;}
    #main .main_bn .swiper-wrapper .swiper-slide::after{background: #00000066;}
    #main .main_bn .swiper-wrapper .swiper-slide .text{margin-bottom: 0/*30%*/; }
    #main .main_bn .swiper-wrapper .swiper-slide .text p,
    #main .main_bn .swiper-wrapper .swiper-slide .text b{text-align: center;}
    #main .main_brand_mo .brand_mo_logo{padding: 50px 0;}
    #main .main_brand_mo .brand_mo_logo ul{column-gap: 20px; row-gap: 20px;}
    #main .main_brand_mo .brand_mo_logo ul li:nth-child(1){width: 100%;}
    #main .main_brand_mo .brand_mo_logo ul li{height: 80px;width: calc(50% - 10px);}
    #main .overseas ul li{width: 100% !important;height: 250px !important;}
    #main .overseas ul li::after{background: #0000009e;}
    #main .overseas ul li.atv a{background: #fff !important;color: var(--main-color) !important;}
    #main .startups{padding: 50px 20px;}
    #main .startups b.pc_text{display: none;}
    #main .startups b.mo_text{display: block;font-size: calc(var(--font-30) + 10px);}
    #main .startups p{margin: 20px 0 30px;}
    #main .startups.atv a{background: #fff !important;color: var(--main-color) !important;}
}
@media screen and (max-width:500px){
    #main .overseas{margin: 180px auto;}
    #main .overseas::after{top: -60px;}
    #main .startups::after{top: -60px;}
}









/* 서브페이지 시작 */
    /* 서브 공통 시작 */
    #nt_body.not_index{background: #F5F5F5;padding: 120px 0;overflow-x: hidden;}
    #nt_title{width: calc(100% - 40px);max-width: var(--max-width);margin:0 auto 70px;}
    .sub_page{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;}
        /* 창업 상단버튼 */
        .sub_title_btn{position: absolute; top: -130px; right: 0; line-height: 54px; padding: 0 20px; border-radius: 50px; width: 200px; font-weight: 600; font-size: var(--font-20);}
        /* GLOBAL 상단버튼 */
        .sub_title_btn.small{width: 56px;padding: 0;}
    /* 서브 공통 끝 */

    /* DKORE > 경영철학 시작 */
    #management{}
    #management .bg_wrap{width: 100%;height: 500px;background-image: url('../img/management1.png');background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: var(--font-30);overflow: hidden;display: flex;justify-content: center;align-items: center;}
    #management .bg_wrap p{font-size: calc(var(--font-30) + 5px); line-height: calc(var(--font-40) + 10px); text-align: center; padding: 20px; color: #fff; width: 100%;}
    #management .bg_wrap b{display: block}
    #management .bg_wrap .mo_text{display: none;}
    #management>img{width: 100%;margin-top: 120px;}
    #management .pc_img{}
    #management .mo_img{display: none;}
    #management>ul{display: none;margin-top:70px;}
    #management>ul li{margin-bottom: 40px;}
    #management>ul li:last-child{margin-bottom: 0px;}
    #management>ul li b{font-size: var(--font-24);line-height: var(--font-24);font-weight: 700;color: var(--main-color);}
    #management>ul li p{font-size: var(--font-20);line-height: var(--font-24);color: #666666;margin-top: 5px;}
    /* DKORE > 경영철학 끝 */

    /* DKORE > CI 시작 */
    #ci{}
    #ci>p{font-size: var(--font-40);line-height: calc(var(--font-40) + 10px); text-align: center;}
    #ci>p b{color: var(--main-color);}
    #ci>p.mo_text{display: none;}
    #ci>div{display: flex; align-items: center; justify-content: space-between; column-gap: 30px;margin-top: 70px;}
    #ci>div .left{width: 33.333333%;}
    #ci>div .left .con{background: #fff;border-radius: var(--font-20);display: flex;justify-content: center;align-items: center;}
    #ci>div .left .con img{width: 50%;}
    #ci>div .right{width: 66.666667%;}
    #ci>div .right .con{background: #fff;border-radius: var(--font-20);padding: 60px;display: flex;align-items: flex-start; column-gap: 45px;}
    #ci>div .right .con li{width: 33.333333%;}
    #ci>div .right .con li div{width: 100%;height: auto;aspect-ratio: auto 1 / 1;margin-bottom: 30px;}
    #ci>div .right .con li p{font-size:var(--font-16);line-height: var(--font-24); text-align: center;}
    #ci>div>div>p{font-weight: 700;font-size: var(--font-24);text-align: center;margin-top: 20px;}
    /* DKORE > CI 끝 */

    /* DKORE > 사업영역 시작 */
    #business{}
    #business>img{width: 50%;max-width: 320px;display: block;margin: 0 auto 70px;}
    #business>ul{margin-bottom: 50px; display: flex;align-items: center;justify-content: space-between;padding: 10px;background: #fff;border-radius: 50px;overflow: hidden;border: 1px solid #D5D5D5;}
    #business>ul li{text-align: center;padding: 0 2vw;color: #888888;font-size: calc(var(--font-20) - 2px);cursor: pointer;line-height: 60px;border-radius: 30px;}
    #business>ul li.atv{background: var(--main-color);color: #fff;font-weight: 700;}
    #business .con_wrap{display: none;}
    #business .con_wrap.con1{display: block;}
    #business .con_wrap.con1 .franchise_swiper{padding-bottom: 100px;}
    #business .con_wrap.con1 .franchise_swiper .swiper-pagination{}
    #business .con_wrap.con1 .franchise_swiper .swiper-pagination .swiper-pagination-bullet{border-radius: 10px;width: var(--font-14);height: var(--font-14);}
    #business .con_wrap.con1 .franchise_swiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--main-color);width: 25px;}

    #business .con_wrap.con1 .core{align-items: center;}
    #business .con_wrap .core{display: flex;align-items: center;justify-content: space-between;}
    #business .con_wrap .core .business_swiper{width: 45%;height: 400px;}
    #business .con_wrap .core .business_swiper .swiper-wrapper{}
    #business .con_wrap .core .business_swiper .swiper-wrapper .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover;}
    #business .con_wrap .core .business_swiper .swiper-pagination{bottom: 0;height: 20px;}
    #business .con_wrap .core .business_swiper .swiper-pagination .swiper-pagination-bullet-active{background:#EB5F52;}
    #business .con_wrap .core .business_swiper .swiper-button-next,
    #business .con_wrap .core .business_swiper .swiper-button-prev{}
    #business .con_wrap .core .business_swiper .swiper-button-next::after,
    #business .con_wrap .core .business_swiper .swiper-button-prev::after{font-size: var(--font-40);color: #EB5F52;}
    #business .con_wrap .core .text{width: 55%;padding: 0 0 0 8%;margin-bottom: 0px;}
    #business .con_wrap .core .text p{color: #222222;font-size: var(--font-20);}
    #business .con_wrap .core .text p b{color: #000;}
    #business .con_wrap .core .text p.mo_text{display: none;}
    #business .con_wrap .core .text>img.logo_img1{width: 55%;max-width: 320px;margin-bottom: 30px;}
    #business .con_wrap .core .text>img.logo_img2{width: 23%;max-width: 150px;margin-bottom: 30px;}
    #business .con_wrap .core .text>img.logo_img3{width: 30%;max-width: 170px;margin-bottom: 30px;}
    #business .con_wrap .core .text>img.logo_img4{width: 20%;max-width: 85px;margin-bottom: 30px;}
    #business .con_wrap .core .text>img.logo_img5{width: 35%;max-width: 200px; margin-bottom: 30px;}
    #business .con_wrap .core .text>div{display: flex;align-items: center;column-gap: 20px;margin-top: 50px;}
    #business .con_wrap .core .text>div b{font-size: calc(var(--font-20) + 2px);font-weight: 600;}
    #business .con_wrap .core .text>div img{height: var(--font-24);}
    #business .con_wrap.con3 .core .text>div img:last-child{height: var(--font-30); margin-bottom: 5px;}
    #business .con_wrap.con7 .core .text>div img{height: var(--font-30);}
    /* DKORE > 사업영역 끝 */


    /* DKORE > 사업영역 시작 */
    #history{}
    #history ul{position: relative; top: 0; left: 0;margin-bottom: 80px;}
    #history ul::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 100%; background: var(--main-color);}
    #history ul li{display: flex;align-items: flex-start;text-align: right;}
    #history ul li:nth-child(2n - 1){justify-content: end;text-align: left;}
    #history ul li div{width: 50%;padding-right: 80px;padding-top: 30px;padding-bottom: 30px;}
    #history ul li:nth-child(2n - 1) div{padding-right: 0px;padding-left: 80px;}
    #history ul li.two_deps div:nth-child(1){padding-right: 40px;padding-left: 0px;}
    #history ul li div b{font-size: var(--font-40);line-height: var(--font-40); font-weight: 800;position: relative;top: 0;left: 0;}
    #history ul li div b::before{content:"";height: 1px;width: 70px;background: #D9D9D9;position: absolute;top: 50%;transform: translateY(-50%);right: -80px;}
    #history ul li:nth-child(2n - 1) div b::before{right: unset;left: -80px;}
    #history ul li div b span{height: 30px; width: 30px; background: #f5f5f5; z-index: 1; border-radius: 50px; border: 2px solid var(--main-color); position: absolute; top: 50%; transform: translateY(-50%); right: -95px;}
    #history ul li:nth-child(2n - 1) div b span{right: unset;left: -95px;}
    #history ul li div b span::after{content:""; width: 12px;height: 12px;background: var(--main-color);border-radius: 10px;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
    #history ul li div p{font-size: var(--font-20);color: #333;line-height: var(--font-30);}
    #history ul li div img{width: 50%; display: block;margin-top: 20px;}
    #history ul li.two_deps div img{margin-left: 0;margin-right: auto;}
    #history ul li:nth-child(2n) div img{margin-left: auto;margin-right: 0;}
    
    #history ul li div img.img100{width: 100%;}
    #history ul li div img.img50{width: 60%;}
    #history ul li.two_deps{justify-content: center;}
    #history ul li.two_deps div img{ margin-right: 0; margin-left: auto; margin-top: 0;}
    #history ul li:last-child div{padding-bottom: 0;height: 50px;}
    /* DKORE > 사업영역 끝 */
    
    
    /* DKORE > ceo 인사말 시작 */
    #ceo{}
    #ceo>p{text-align: center;color: #222222;font-size: var(--font-20);}
    #ceo>p.mo_text{display: none;}
    #ceo>div{display: flex;justify-content: center;align-items: center;column-gap: 30px;margin-top: 60px;}
    #ceo>div b{font-size: var(--font-24); font-weight: 600;color: #222222;}
    #ceo>div img{width: 140px;}
    /* DKORE > ceo 인사말 끝 */


    /* GLOBAL > 디코레 본사 시작 */
    #head_office{position: relative;top: 0;left: 0;}
    #head_office .visual{display: flex;align-items: center;}
    #head_office .visual .img{width: 45%;height: 400px;background-image: url('../img/head_office.png');background-repeat: no-repeat;background-position: center;background-size: cover;}
    #head_office .visual iframe{width: 55%;height: 400px;}
    #head_office .text{margin-top: 50px;}
    #head_office .text>p{font-size: var(--font-40); font-weight: 600; text-align: center; line-height: var(--font-60);}
    #head_office .text>p b{font-size: var(--font-60); font-weight: 800; color: var(--main-color);}
    #head_office .text>b{display: block; text-align: center; font-size: var(--font-30); font-weight: 600;}
    #head_office .text>b span{color: var(--main-color); font-size: calc(var(--font-30) + 5px); font-weight: 800;}
    #head_office .text>b span.point{position: relative;top: 0;left: 0;}
    #head_office .text>b span.point::after{content:"";position: absolute;top: -3px;left: 50%;transform: translateX(-50%);width: 5px;height: 5px;border-radius: 5px;background: var(--main-color);}
    #head_office .text>span{font-size: var(--font-20);color: #111111;line-height: var(--font-30);text-align: center;display: block;margin-top: 80px;}
    #head_office .text>span.mo_text{display: none;}
    /* GLOBAL > 디코레 본사 끝 */


    /* GLOBAL > 사업영역 시작 */
    #global_business{position: relative;top: 0;left: 0;}
    #global_business table{}
    #global_business table tr{}
    #global_business table tr th{width: 25%;background: #fff;border-radius: 20px;padding: 60px 20px;vertical-align : top;}
    #global_business table tr th.mm{background: unset;width: 0px;padding: 5px;}
    #global_business table tr th .img{width: 100%;height: auto;aspect-ratio: auto 1.3 / 1; background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 50px;}
    #global_business table tr th div{}
    #global_business table tr th div b{font-size: var(--font-24);line-height: var(--font-30); font-weight: 700;color: var(--main-color);display: block;text-align: center;margin-bottom: 20px;}
    #global_business table tr th div img{width: 60%;margin: 0 auto;}
    #global_business table tr th div img.mo_img{display: none;}
    #global_business table tr th div p{font-size: var(--font-16);line-height: var(--font-24);color: #1A1A1A;text-align: center;font-weight: 500;}
    #global_business table tr th div p.mo_text{display: none;}
    /* GLOBAL > 사업영역 끝 */


    /* GLOBAL > 현황 시작 */
    #current{position: relative;top: 0;left: 0;}
    #current>img{width: 100%;}
    #current>div{position: absolute;}
    #current>div.country1{top: 44%; left: 34.4%;}
    #current>div.country2{top: 39%; left: 39.7%;}
    #current>div.country3{top: 30.9%; right: 23.3%;}
    #current>div.country4{top: 26.5%; right: 25.5%;}
    #current>div.country5{top: 22.5%; right: 23.5%;}
    #current>div.country6{top: 33.9%; right: 13.8%;}
    #current>div>img{height: 2.5vw;max-height: 30px; position: relative;z-index: 3;cursor: pointer;opacity: 0.7;animation: marker 1s ease infinite;}
    #current>div>p{font-size: var(--font-16);font-weight: 600;z-index: 4;position: absolute;left: 50%; transform: translateX(-50%);}
    /* #current>div .text{position: absolute;z-index: 2; bottom: 50px; width: 450px; padding: 30px; background: #fff; border-radius: 20px; left: -100px;opacity: 0;box-shadow: 0px 0px 5px #e1e1e1;} */
    #current>div .text{position: absolute;z-index: 2; bottom: 4vw; width: fit-content; padding: 30px; background: #fff; border-radius: 20px; left: 50%;transform: translateX(-50%); opacity: 0;box-shadow: 0px 0px 5px #e1e1e1;}
    #current>div.country1 .text{transform: translateX(-13vw);}
    #current>div.country6 .text{transform: translateX(-80%);}
    #current>div .text p{display: flex;align-items: center;font-size: var(--font-20);font-weight: 600;text-wrap-mode: nowrap;}
    #current>div .text p img{height: 23px;margin-right: 10px;}
    #current>div .text span{font-size: var(--font-16);line-height: var(--font-24);display: block;margin-top: 10px;width: max-content;}
    #current>div .text span.mo_text{display: none;}
    @keyframes marker{
        50% {
        opacity: 1;
        /* transform: translateY(5px); */
        }
    }
    /* GLOBAL > 현황 끝 */


    /* GLOBAL > 파트너십 문의 시작 */
    #partner{position: relative;top: 0;left: 0;}
    #partner .wrap{}
    #partner .wrap .text{margin: 0;}
    #partner .wrap .text p{font-size: var(--font-30);line-height: calc(var(--font-40) + 5px);text-align: center;}
    #partner .wrap .text p.mo_text{display: none;}
    #partner .wrap .text p b{}
    #partner .wrap{}
    #partner .wrap .talk{margin: 70px 0;}
    #partner .wrap .talk img{width: 100%;}
    #partner .wrap .bn{width: 100%;height: 550px;display: flex;justify-content: center;align-items: center;background-image: url('../img/partner_bg.png');background-repeat: no-repeat;background-position: center;background-size: cover;}
    #partner .wrap .bn div{display: flex;justify-content: center;align-items: center;flex-flow: column;}
    #partner .wrap .bn b{font-size: var(--font-40);color: #fff;}
    #partner .wrap .bn p{font-size: var(--font-24);font-weight: 600;color: #fff;line-height: var(--font-30);margin: 50px 0 20px;text-align: center;}
    #partner .wrap .bn p.mo_text{display: none;}
    #partner .wrap .bn span{font-size: var(--font-20);font-weight: 500;color: #fff;display: flex;align-items: center;column-gap: 10px;}
    #partner .wrap .bn span img{width:var(--font-24);}
    /* GLOBAL > 파트너십 문의 끝 */

    /* 브랜드 > 하위메뉴들 공통 css 시작 */
    .brand_sub{position: relative;top: 0;left: 0;}
    .brand_sub .section_one>.con{display: flex;justify-content: space-between;align-items: center;}
    .brand_sub .section_one>.con .text{width: 69%;padding-right: 50px;padding-bottom: 40px;}
    .brand_sub .section_one>.con .text>b{font-size:calc(var(--font-60) - 15px);font-weight: 700;line-height: calc(var(--font-60) - 10px);}
    .brand_sub .section_one>.con .text>b span{font-size:calc(var(--font-60) - 10px);font-weight: 800;color: var(--main-color);}
    .brand_sub .section_one>.con .text>b p{display: none;}
    .brand_sub .section_one>.con .text>p{font-size: var(--font-20);line-height: var(--font-30);margin-top: 50px;}
    .brand_sub .section_one>.con .text>p.mo_text{display:none}
    .brand_sub .section_one>.con .text>p b{}
    .brand_sub .section_one>.con .brand_swiper{width: 31%;padding-bottom: 40px;}
    .brand_sub .section_one>.con .brand_swiper .swiper-wrapper{width: 100%;}
    .brand_sub .section_one>.con .brand_swiper .swiper-wrapper .swiper-slide{height: 470px;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .brand_sub .section_one>.con .brand_swiper .swiper-pagination{bottom: 0;height: 20px;}
    .brand_sub .section_one>.con .brand_swiper .swiper-pagination span.swiper-pagination-bullet{border: 1px solid #E8E8E8; border-radius: 10px;background: #fff;opacity: 1;height: var(--font-16);width: var(--font-16);}
    .brand_sub .section_one>.con .brand_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--main-color);width: var(--font-40);border: 1px solid var(--main-color);}
    .brand_sub .section_one .ci{}
    .brand_sub .section_one .ci{display: flex; align-items: center; justify-content: space-between; column-gap: 40px;margin-top: 50px;}
    .brand_sub .section_one .ci .left{width: 50%;}
    .brand_sub .section_one .ci .left .con{background: #fff;border-radius: var(--font-20);display: flex;justify-content: center;align-items: center;padding: 60px;}
    .brand_sub .section_one .ci .left .con .img{background-repeat: no-repeat;background-position: center;background-size: contain;width: 100%;height: 100%;}
    #tofu.brand_sub .section_one .ci .left .con .img{background-image: url('../img/buk_logo2.png');}/*북창동순두부*/
    #mansukjang.brand_sub .section_one .ci .left .con .img{background-image: url('../img/brand_logo1.png');}/*만석장*/
    #robot.brand_sub .section_one .ci .left .con .img{background-image: url('../img/robot_logo.png');}/*로봇김밥*/
    #jeong_sim.brand_sub .section_one .ci .left .con .img{background-image: url('../img/brand_logo4.png');}/*정심성의*/
    #soul_memil.brand_sub .section_one .ci .left .con .img{background-image: url('../img/soul_memil_logo.png');}/*솔뫼밀*/
    .brand_sub .section_one .ci .left .con img{width: 50%;}
    .brand_sub .section_one .ci .right{width: 50%;}
    .brand_sub .section_one .ci .right .con{background: #fff;border-radius: var(--font-20);padding: 60px;display: flex;align-items: flex-start; column-gap: 30px;}
    .brand_sub .section_one .ci .right .con li{width: 100%;}
    .brand_sub .section_one .ci .right .con li div{width: 100%;height: auto;aspect-ratio: auto 1 / 1;margin-bottom: 20px;max-height: 215px;}
    .brand_sub .section_one .ci .right .con li p{font-size:calc(var(--font-16) + 2px);line-height: var(--font-20); text-align: center;}
    .brand_sub .section_one .ci>div>p{font-weight: 700;font-size: var(--font-24);text-align: center;margin-top: 20px;}
    .brand_sub .section_two{}
    .brand_sub .section_two>p{font-size: var(--font-20);color: #210B00;text-align: center;}
    .brand_sub .section_two>p.mo_text{display: none;}
    .brand_sub .section_two ul{margin: 60px auto 30px;width: fit-content;display: flex; align-items: center; justify-content: space-between; padding: 10px; background: #fff; border-radius: 50px; overflow: hidden; border: 1px solid #D5D5D5;}
    .brand_sub .section_two ul li{text-align: center;padding: 0 50px;color: #888888;font-size: calc(var(--font-20) - 2px);cursor: pointer;line-height: 60px;border-radius: 30px;}
    .brand_sub .section_two ul li.atv{background: var(--main-color); color: #fff; font-weight: 700;}
    .brand_sub .section_two .two_con.interior_con{display: none;}
    .brand_sub .section_two .two_con .store_swiper{padding-bottom: 40px;}
    .brand_sub .section_two .two_con .store_swiper .swiper-wrapper{}
    .brand_sub .section_two .two_con .store_swiper .swiper-wrapper .swiper-slide{}
    .brand_sub .section_two .two_con .store_swiper .swiper-wrapper .swiper-slide .img{height: auto;aspect-ratio: auto 1.583 / 1;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .brand_sub .section_two .two_con .store_swiper .swiper-wrapper .swiper-slide p{text-align: center;font-weight: 600;font-size: var(--font-20);line-height: var(--font-20);margin-top: 20px;}
    .brand_sub .section_two .two_con .store_swiper .swiper-pagination{bottom: 0;height: 20px;}
    .brand_sub .section_two .two_con .store_swiper .swiper-pagination span.swiper-pagination-bullet{border: 1px solid #E8E8E8; border-radius: 10px;background: #fff;opacity: 1;height: var(--font-16);width: var(--font-16);}
    .brand_sub .section_two .two_con .store_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--main-color);width: var(--font-40);border: 1px solid var(--main-color);}
    .brand_sub .section_three>ul{margin: 60px auto 30px;width: fit-content;display: flex; align-items: center; justify-content: space-between; padding: 10px; background: #fff; border-radius: 50px; overflow: hidden; border: 1px solid #D5D5D5;}
    .brand_sub .section_three>ul li{text-align: center;padding: 0 50px;color: #888888;font-size: calc(var(--font-20) - 2px);cursor: pointer;line-height: 60px;border-radius: 30px;}
    .brand_sub .section_three>ul li.atv{background: var(--main-color); color: #fff; font-weight: 700;}
    .brand_sub .section_three>p{color: #888888; font-size: calc(var(--font-20) + 2px);text-align: center;margin-top: 100px;}
    .brand_sub .section_three .three_con{display: none;}
    .brand_sub .section_three .three_con.menu_1_con{display: block;}
    .brand_sub .section_three .three_con ul{display: flex;align-items: flex-start;row-gap: 100px;flex-flow: row wrap;justify-content: center;}
    .brand_sub .section_three .three_con ul.square_type{column-gap: 30px;}
    .brand_sub .section_three .three_con ul.round_type{column-gap: 90px;}
    .brand_sub .section_three .three_con ul li{}
    .brand_sub .section_three .three_con ul.square_type li{width: calc(33.333333% - 20px);}
    .brand_sub .section_three .three_con ul.round_type li{width: calc(25% - 68px);}
    .brand_sub .section_three .three_con ul li .img{background-size: contain;background-position: center;background-repeat: no-repeat;width: 100%;height: auto;aspect-ratio: auto 1 / 1;}
    .brand_sub .section_three .three_con ul li p{text-align: center;font-weight: 600;font-size: var(--font-20);line-height: var(--font-24);margin-top: 20px;}
    /* 브랜드 > 하위메뉴들 공통 css 끝 */


    /* 창업 > 북창동순두부 경쟁력 시작 */
    #startups{position: relative;top: 0;left: 0;}
    #startups .startups_swiper{border-radius: 20px;overflow: hidden;}
    #startups .startups_swiper .swiper-wrapper{}
    #startups .startups_swiper .swiper-wrapper .swiper-slide{height: 600px;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;display: flex;justify-content: center;align-items: center;flex-flow: column;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide>p.font-40{text-align: center;font-size: var(--font-40);font-weight: 300;line-height: var(--font-60);}
    #startups .startups_swiper .swiper-wrapper .swiper-slide>p.font-40 b{font-weight: 700;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide>p.font-50{text-align: center;font-size: calc(var(--font-40) + 10px);font-weight: 300;line-height: var(--font-80);}
    #startups .startups_swiper .swiper-wrapper .swiper-slide>p.font-50 b{font-weight: 700;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide ul{display: flex; column-gap: 15%; width: 100%; justify-content: center; margin: 70px 0 0px;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide ul li{}
    #startups .startups_swiper .swiper-wrapper .swiper-slide ul li p{font-size: var(--font-24);font-weight: 300;text-align: center;line-height: var(--font-30);}
    #startups .startups_swiper .swiper-wrapper .swiper-slide ul li p b{font-weight: 700;font-size: calc(var(--font-40) + 10px);padding-right: 10px;display: inline-block;margin-bottom: 30px;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide ul li p span{font-size: var(--font-20);font-weight: 200;}
    #startups .startups_swiper .swiper-wrapper .swiper-slide>span{font-weight: 300;font-size: var(--font-20);display: block;width: 100%;padding: 0 40px;text-align: right;position: absolute;bottom: 60px;left: 0;}
    #startups .startups_swiper .swiper-pagination{text-align: right; padding: 20px 40px;bottom: 0;}
    #startups .startups_swiper .swiper-pagination span.swiper-pagination-bullet{border-radius: 10px;background: #fff;opacity: 1;height: var(--font-16);width: var(--font-16);}
    #startups .startups_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--main-color);width: var(--font-40);}
    #startups .con_wrap{margin-top: 40px;}
    #startups .con_wrap ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap; gap: 30px;}
    #startups .con_wrap ul li{width: calc(50% - 15px);background: #fff;display: flex;justify-content: center;align-items: center;flex-flow: column;gap: 40px;position: relative;top: 0;left: 0;height: 270px;border-radius: 20px;overflow: hidden;cursor: context-menu;}
    #startups .con_wrap ul li img{height: 30%;}
    #startups .con_wrap ul li>p{font-size: var(--font-24);font-weight: 600;}
    #startups .con_wrap ul li div{opacity: 0; position: absolute;top: 0;left: 0;padding: 0 20px; background: var(--main-color);display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;text-align: center;transition: 0.3s;}
    #startups .con_wrap ul li:hover div{opacity: 1;}
    #startups .con_wrap ul li div p{color: #fff;font-size: var(--font-20);font-weight: 300;}
    #startups .con_wrap ul li div p b{font-weight: 700;}
    #startups .con_wrap ul li div p.mo_text{display: none;}
    /* 창업 > 북창동순두부 경쟁력 끝 */



    @media screen and (max-width:1200px){
        #management .bg_wrap b{margin-top: 20px;}
        #ci>div .right .con{padding: 30px; column-gap: 20px;}
        #ceo>div img{width: 120px;}
        .sub_title_btn{top: -130px; right: 0; line-height: 50px; width: 150px;}
        .sub_title_btn.small{width: 52px;}
        #startups .startups_swiper .swiper-wrapper .swiper-slide{height: 500px;}
        #global_business table tr{display: flex;flex-flow: row wrap;gap: 20px;}
        #global_business table tr th{padding: 40px 20px;width: calc(50% - 10px);}
        #global_business table tr th.mm{display: none;}
        #global_business table tr th .img{margin-bottom: 30px;}
        #global_business table tr th div img{width: 80%;}
        #global_business table tr th div img.pc_img{display: none;}
        #global_business table tr th div img.mo_img{display: block;}
        #global_business table tr th div p.pc_text{display: none;}
        #global_business table tr th div p.mo_text{display: block;}
        #partner .wrap .bn{height: 350px;}
        #partner .wrap .bn p{margin: 40px 0 20px;}
        .brand_sub .section_one>.con .text>b{font-size:calc(var(--font-60) - 5px);line-height: var(--font-60);}
        .brand_sub .section_one>.con .text>b span{font-size:var(--font-60);}
        .brand_sub .section_one>.con .text>p{line-height: var(--font-40);}
        .brand_sub .section_one>.con .brand_swiper .swiper-wrapper .swiper-slide{height: 400px;}
        .brand_sub .section_one .ci .left .con{padding: 30px;}
        .brand_sub .section_one .ci .right .con{padding: 30px; column-gap: 20px;}
        .brand_sub .section_two ul{margin-bottom: 10px;}
        .brand_sub .section_two .two_con .store_swiper{padding-bottom: 0px;padding-top: 30px;}
        .brand_sub .section_two .two_con .store_swiper .swiper-pagination{bottom: unset;top: 0; height: 20px;}
    }
    @media screen and (max-width:1100px){
        #business .con_wrap .core .text p.pc_text{display: none;}
        #business .con_wrap .core .text p.mo_text{display: block;}
    }
    @media screen and (max-width:1000px){
        #ci>div{flex-flow: column;row-gap: 40px;}
        #ci>div .left{width: 100%}
        #ci>div .left .con{width: 100%; margin: 0 auto;height: 200px !important;}
        #ci>div .left .con img{width: auto;height: 50%;}
        #ci>div .right{width: 100%;}   
        #ci>div .right .con{padding: 0;background: transparent;}
        #ci>div .right .con li{background: #fff;border-radius: var(--font-20);padding-bottom: 20px;}
        #ci>div .right .con li div{margin-bottom: 20px;}
        #business .con_wrap .core .text{padding: 0 0 0 50px;}
        #head_office .text>span{margin-top: 60px;}
        .brand_sub .section_one>.con{flex-flow: column-reverse;}
        .brand_sub .section_one>.con .text{width: 100%;padding-right: 0;padding-bottom: 0;margin-top: 30px;}
        .brand_sub .section_one>.con .text>p{margin-top: 20px;}
        .brand_sub .section_one>.con .brand_swiper{width: auto !important; aspect-ratio: auto 1 / 1.28; height: 400px;margin-left: 0;padding-bottom: 0;}
        /* .brand_sub .section_one>.con .brand_swiper::after{content:"";position: absolute;top: 0;right:-40px;height: 100%;background: #F5F5F5; width: 40px;} */
        .brand_sub .section_one>.con .brand_swiper .swiper-pagination{bottom: 20px;height: 20px;top: unset;text-align: right;padding: 10px;}
        .brand_sub .section_one>.con .brand_swiper .swiper-wrapper .swiper-slide{background-size: contain;height: 100%;}
    }
    @media screen and (max-width:900px){
        #management .pc_img{display: none;}
        #management .mo_img{display: block;}
        #business .con_wrap .core{flex-flow: column;}
        #business .con_wrap .core .business_swiper{width: 100%;height: 350px;}
        #business .con_wrap .core .text{width: 100%;padding: 0;margin-bottom: 0;margin-top: 0px;}
        #business .con_wrap .core .text p{text-align: center;}
        #business .con_wrap .core .text p.mo_text{display: none;}
        #business .con_wrap .core .text p.pc_text{display: block;}
        #business .con_wrap .core .text>img.logo_img1{max-width: 210px;margin: 0 auto 30px;}
        #business .con_wrap .core .text>img.logo_img2{max-width: 100px;margin: 0 auto 30px;}
        #business .con_wrap .core .text>img.logo_img3{max-width: 120px;margin: 0 auto 30px;}
        #business .con_wrap .core .text>img.logo_img4{max-width: 60px;margin: 0 auto 30px;}
        #business .con_wrap .core .text>img.logo_img5{max-width: 150px;margin: 0 auto 30px;}
        #business .con_wrap .core .text>div{margin-top: 20px; justify-content: center;}
        #business .con_wrap.con1>div .text{margin-top: 70px;}
        #history ul::after{width: 2px;}
        #history ul li div{padding-right: 50px;padding-top: 30px;padding-bottom: 30px;}
        #history ul li:nth-child(2n) div{padding-right: 0px;padding-left: 50px;}
        #history ul li div b::before{width: 35px; right: -40px;}
        #history ul li:nth-child(2n) div b::before{left: -40px;}
        #history ul li div b span{right: -63px;border: 1px solid var(--main-color);width: 25px;height: 25px;}
        #history ul li:nth-child(2n) div b span{left: -63px;}
        #history ul li div b span::after{width: 9px;height: 9px;}
        #history ul li div img{width: 100% !important;}
        #history ul li.two_deps div img{width: 100%;}
        #ceo>div img{width: 100px;}
        #startups .startups_swiper .swiper-wrapper .swiper-slide{height: 450px;}
        #startups .con_wrap ul li{gap: 20px;}
        #startups .con_wrap ul li div p.pc_text{display: none;}
        #startups .con_wrap ul li div p.mo_text{display: block;}
        #partner .wrap .bn p{line-height: var(--font-40);}
        .brand_sub .section_three .three_con ul{row-gap: 50px;}
        .brand_sub .section_three .three_con ul.round_type{column-gap: 50px;}
        .brand_sub .section_three .three_con ul.round_type li{width: calc(33.333333% - 34px)}
        #current>div>p{font-size: var(--font-14);}
    }
    @media screen and (max-width:700px){
        #nt_body.not_index{background: #F5F5F5;padding: 30px 0 120px;}
        #management .bg_wrap .pc_text{display: none;}
        #management .bg_wrap .mo_text{display: block;}
        #management>ul{display: block;}
        #management .mo_img{display: none;}
        #ci>p.pc_text{display: none;}
        #ci>p.mo_text{display: block;}
        #ci>div .right .con{flex-flow: column;row-gap: 10px;}
        #ci>div .right .con li{display: flex; align-items: center; column-gap: 20px;padding-bottom: 0;width: 100%; overflow: hidden;}
        #ci>div .right .con li div{margin-bottom: 0;width: 20%;}
        #ci>div .right .con li p{width: calc(80% - 20px);text-align: left;}
        #business>ul{flex-flow: row wrap;justify-content: center;column-gap: 10px;border-radius: 20px;padding: 5px;}
        #business>ul li{line-height: 50px;padding: 0 20px;}
        #history ul::after{transform: translateY(-50%); left: 20px;}
        #history ul li div{width: 100%; text-align: left; padding: 30px 0 30px 70px !important;}
        #history ul li div b span{left: -61px !important;right: unset;}
        #history ul li div b::before{right: unset;left: -40px !important;}
        #history ul li.two_deps{flex-flow: column-reverse;}
        #history ul li:nth-child(2n) div{padding-bottom: 0 !important}
        #history ul li:last-child div{padding-bottom: 0 !important;height: 30px;}
        #history ul{margin-bottom: 50px;}
        #ceo>div{column-gap: 10px;}
        #ceo>div img{width: 80px;}
        .sub_title_btn{top: -160px;}
        #startups .sub_title_btn{top: -130px;}
        .sub_title_btn.small{position: absolute;margin-bottom: 0;top: -160px;}
        #startups .startups_swiper .swiper-wrapper .swiper-slide ul{flex-flow: column;row-gap: 30px;margin: 40px 0;}
        #startups .startups_swiper .swiper-wrapper .swiper-slide ul li p b{margin-bottom: 10px;}
        #startups .startups_swiper .swiper-wrapper .swiper-slide>span{text-align: center;position: unset;}
        #startups .con_wrap ul li{width: 100%;height: fit-content;border: 1px solid var(--main-color); gap: 10px;}
        #startups .con_wrap ul li img{height: 60px;margin-top: 30px;}
        #startups .con_wrap ul li>p{margin-bottom: 10px;}
        #startups .con_wrap ul li div{position: unset;opacity: 1;padding: 30px 20px;}
        #startups .con_wrap ul li div p.pc_text{display: block;}
        #startups .con_wrap ul li div p.mo_text{display: none;}
        #head_office .text>span{margin-top: 20px;}
        #head_office .visual{flex-flow: column-reverse;}
        #head_office .visual .img{width: 100%;height: 300px;}
        #head_office .visual iframe{width: 100%;height: 300px;}
        #head_office .text>b span.point::after{width: 3px;height: 3px;top: 0;}
        #global_business table tr th{width: 100%;}
        #global_business table tr th .img{margin-bottom: 20px;}
        #global_business table tr th div b{margin-bottom: 40px;}
        #current>div .text{padding: 20px; border-radius: 10px;}
        #current>div .text span.pc_text{display: none;}
        #current>div .text span.mo_text{display: block;}
        #current>div>p{display: none !important;}
        #partner .wrap .bn p{padding: 0 20px;}
        #partner .wrap .bn p.pc_text{display: none;}
        #partner .wrap .bn p.mo_text{display: block;}
        .brand_sub .section_one>.con .text>p.pc_text{display: none;}
        .brand_sub .section_one>.con .text>p.mo_text{display: block;}
        .brand_sub .section_one .ci{flex-flow: column;row-gap: 40px;}
        .brand_sub .section_one .ci .left{width: 100%;}
        .brand_sub .section_one .ci .left .con{height: 200px !important;}
        .brand_sub .section_one .ci .left .con .img{max-width: 250px;}
        .brand_sub .section_one .ci .right{width: 100%;}
        .brand_sub .section_one .ci .right .con{flex-flow: column; row-gap: 10px; background: unset;padding: 0;}
        .brand_sub .section_one .ci .right .con li{display: flex; align-items: center; column-gap: 20px; padding-bottom: 0; width: 100%; overflow: hidden; background: #fff;border-radius: var(--font-20);}
        .brand_sub .section_one .ci .right .con li div{width: 20%;margin-bottom: 0;}
        .brand_sub .section_one .ci .right .con li p{width: calc(80% - 20px); text-align: left;}
        .brand_sub .section_two{margin-top: 50px;}
        .brand_sub .section_two ul{padding: 5px;}
        .brand_sub .section_two ul li{padding: 0 30px;line-height: 50px;}
        .brand_sub .section_two>p.pc_text{display: none;}
        .brand_sub .section_two>p.mo_text{display: block;}
        .brand_sub .section_three>ul{padding: 5px;justify-content: space-around;width: 100%;}
        .brand_sub .section_three>ul li{padding: 0 10px;line-height: 50px;flex: auto;}
        .brand_sub .section_three .three_con ul.square_type{column-gap: 20px;}
        .brand_sub .section_three .three_con ul.square_type li{width: calc(50% - 10px);}
        .brand_sub .section_three .three_con ul.round_type li{width: calc(50% - 25px);}
    }
    @media screen and (max-width:500px){
        .brand_sub .section_one>.con .brand_swiper{width: 100% !important;height: auto;}
        #current>div .text p img{height: 10px;}
        #current>div .text{padding: 15px 10px;}
        #current>div.country4 .text{ transform: translateX(-60%);}
        #business .con_wrap .core .text p.pc_text{display: none;}
        #business .con_wrap .core .text p.mo_text{display: block;}
    }
    @media screen and (max-width:440px){
        #head_office .text>span.pc_text{display: none;}
        #head_office .text>span.mo_text{display: block;}
        .sub_title_btn{line-height: 40px;width: fit-content;}
        .sub_title_btn.small{width: 42px;line-height: 40px;}
        #startups .sub_title_btn{top: -120px;}
    }
    @media screen and (max-width:400px){
        #business .con_wrap .core .text>div{column-gap: 5px;}
        #ceo>p.pc_text{display: none;}
        #ceo>p.mo_text{display: block;}
        #startups .con_wrap ul li div p.pc_text{display: none;}
        #startups .con_wrap ul li div p.mo_text{display: block;}
        #partner .wrap .text p.pc_text{display: none;}
        #partner .wrap .text p.mo_text{display: block;}
        .brand_sub .section_one>.con .text>b p{display: block;}
    }
    @media screen and (max-width:370px){
        .sub_title_btn.small{top: -130px;}
    }
/* 서브페이지 끝 */