@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url(../font/pretendard/web/static/woff2/Pretendard-Black.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url(../font/pretendard/web/static/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(../font/pretendard/web/static/woff2/Pretendard-Bold.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(../font/pretendard/web/static/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(../font/pretendard/web/static/woff2/Pretendard-Medium.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(../font/pretendard/web/static/woff2/Pretendard-Regular.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(../font/pretendard/web/static/woff2/Pretendard-Light.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url(../font/pretendard/web/static/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url(../font/pretendard/web/static/woff2/Pretendard-Thin.woff2) format('woff2'), url(../font/pretendard/web/static/woff/Pretendard-Thin.woff) format('woff');
}


.wrap_controllers, .cont{display: none;}


.orange{color: #f05535;}
.white{color: #fff;}
.txt_box span{font-weight: 700;}


.pd-150{padding: 150px 0;}
.pd_t{padding-top: 150px;}
.pd_b{padding-bottom: 150px;}
.sec{width: 100%;max-width: 1200px;margin: auto;padding: 0 15px;}
.under_bar{width: 100px; height: 3px; background: #FFFFFF; margin: 30px 0;}


h2{font-size: 48px;}
.f-64{font-size: 64px;}
.f-48{font-size: 48px;}
.f-36{font-size: 36px;}
.f-32{font-size: 32px;}
.f-24{font-size: 24px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-12{font-size: 12px;}


.fw-9{font-weight: 900;}
.fw-7{font-weight: 700;}
.fw-6{font-weight: 600;}
.fw-5{font-weight: 500;}
.fw-4{font-weight: 400;}



.grid_box{display: grid; grid-template-columns: repeat(2, 1fr);}
.flex_center{display: flex;align-items: center;justify-content: center;}
.flex_start{ display: flex; align-items: center; justify-content: start;}
.flex_end{display: flex;align-items: center;justify-content: end;}
.flex_column{display: flex;align-items: center;justify-content: center;flex-direction: column;}

#daumRoughmapContainer1760430979442{width: 100%; max-width: 1170px; margin: auto;}


@media (max-width: 768px) {
h2{font-size: 36px;}
.f-64{font-size: 52px;}
.f-48{font-size: 36px;}
.f-36{font-size: 24px;}
.f-32{font-size: 20px;}
.f-24{font-size: 16px;}
.f-20{font-size: 14px;}
.f-18{font-size: 12px;}
.f-12{font-size: 10px;}


.pd-150{padding: 70px 0;}
.pd_t{padding-top: 70px;}
.pd_b{padding-bottom: 70px;}


.under_bar {width: 100px;height: 3px;margin: 10px 0;}


#daumRoughmapContainer1760430979442 {width: 100%;}
}

@media (max-width: 450px) {
    h2{font-size: clamp(28px, 8vw, 36px);}
    .f-64{font-size: clamp(48px, 14.22vw, 64px);}
    .f-48{font-size: clamp(28px, 8vw, 36px);}
    .f-36{font-size: clamp(22px, 7vw, 36px);}
    .f-32{font-size: clamp(16px, 4.44vw, 20px);}
    .f-24{font-size: clamp(14px, 4vw, 16px);}
    .f-20{font-size: 12px;} 
    .f-18{font-size: clamp(12px, 3.55vw, 18px);}
    .f-12{font-size: 10px;} 

    .pd-150{padding: clamp(30px, 15.55vw, 70px) 0;}
    .pd_t{padding-top: clamp(30px, 15.55vw, 70px);}
    .pd_b{padding-bottom: clamp(30px, 15.55vw, 70px);}


    #daumRoughmapContainer1760430979442 {height: 100vw;}
    .root_daum_roughmap .wrap_btn_zoom{top: -180px;}
}