@charset "utf-8";

:root {
    --white:#FFFFFF;
    --black:#000000;
    --header-height: 80px;
    --sec-padding: 150px;
}

/* 공통 */
.container {overflow-x:hidden}
.wrapper {width:100%;max-width:1470px;padding:0 20px;margin:0 auto}
.no_scroll {height:100%;overflow:hidden}
.only_mb {display:none}
.btn_wrap {display:flex;align-items:center;gap:0 10px}
.btn_primary {display:flex;align-items:center;justify-content:center;gap:0 10px;background:#B9BEC0;font-size:18px;font-weight:700;color:var(--white);border-radius:100px;padding:20px 36px;transition:all .2s}
.btn_primary .arrow_right {transition:all .2s}
.btn_more {width:128px;height:128px;padding:20px;position:relative}
.btn_more::before {content:'';display:block;width:100%;height:100%;background:url('../img/web/round_btn_asset.svg') no-repeat center/100%;position:absolute;top:0;left:0;transition:all 1s ease-in-out}
.btn_more .inner {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#B9BEC0;border-radius:80px;transition:all .2s}
.btn_white {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:17px;font-weight:500;color:var(--white);border:solid 1px var(--white);padding:14px 35px;transition:all .2s}

.sec {overflow:hidden}

.scroll_custom::-webkit-scrollbar {width:6px}
.scroll_custom::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:#535353;border-radius:50px}
.scroll_custom::-webkit-scrollbar-track {background-color:#2E2E2E;border-radius:50px}

.title_box {margin-bottom:60px}
.title_box.center {text-align:center}
.title_box .sub {display:block;font-size:18px;font-weight:500;letter-spacing:3px;color:#444444;margin-bottom:20px}
.title_box .tit {font-size:54px;font-weight:700;line-height:1.35}
.title_box .tit.font-baskervville {font-size:64px;font-style:italic;font-weight:normal}
.title_box p {font-size:18px;color:#444444;margin-top:20px}
.title_box .btn_wrap {margin-top:60px}

/* 애니메이션 */
@keyframes float {
    0% {transform:translateY(0)}
    100% {transform:translateY(-2%)}
}

@keyframes txtSlide {
    from {transform:translateX(0)}
    to {transform:translateX(-100%)}
}
.txt_slide {font-size:120px;display:flex;align-items:center;gap:0 20px;font-style:italic;opacity:.2}
.txt_slide p {white-space:nowrap;animation:txtSlide 24s infinite linear}
.marquee {display:flex;align-items:center;gap:0 10px;background:#222222;font-size:22px;font-weight:500;color:var(--white);padding:14px 0}
.marquee p {white-space:nowrap;animation:txtSlide 8s infinite linear;text-transform:uppercase;}
.line_marquee {border-bottom:solid 1px #222222;margin-bottom:40px}
.line_marquee .inner {display:flex;align-items:center;gap:0 40px;height:58px;animation:txtSlide 20s infinite linear}
.line_marquee .inner p {white-space:nowrap;text-transform:uppercase;font-size:18px;font-weight:500;letter-spacing:.1em;}

.full_banner .inner {background:url('../img/web/banner_01.png') no-repeat center/cover;background-attachment:fixed;padding:180px 0;color:var(--white)}
.full_banner .title_box {margin:0;}
.full_banner .title_box .tit {font-weight:normal}
.full_banner .title_box .tit strong {font-weight:700}
.full_banner .title_box p {color:inherit}
.full_banner .btn_wrap {justify-content:center;}
.full_banner .btn_wrap .btn_white {width:100%;max-width:250px;}
.full_banner .btn_wrap .btn_primary {max-width:250px;padding:20px 32px}

/* 헤더 */
.header {width:calc(100% - 100px);background:linear-gradient(125deg, rgba(255,255,255,.4), rgba(255,255,255,.1));backdrop-filter:blur(35px);position:fixed;top:30px;left:50px;z-index:99;transition:all .2s}
.header.black {background:linear-gradient(125deg, rgba(0,0,0,.4), rgba(0,0,0,.2))}
.header.black .menu_open line {stroke:var(--black)}

.header .wrapper {display:flex;align-items:center;max-width:initial;height:var(--header-height);position:initial}
.header .logo {width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.header .menu_wrap {display:flex;align-items:center;width:100%}
.header .menu_wrap .menu_head {display:none}
.header .gnb ul {display:flex;align-items:center}
.header .gnb li a {display:flex;align-items:center;height:var(--header-height);font-size:17px;color:var(--white);padding:0 25px;transition:all .2s;opacity:.8}
.header .gnb .depth_02 {display:none}
.header .sns_link {margin-left:auto}
.header .sns_link ul {display:flex;align-items:center;gap:10px;}
.header .sns_link ul a {opacity:.9;transition:all .2s}
.header .sns_link ul a:hover {opacity:1}
.header .menu_open {display:none}

/* 푸터 */
.footer {background:#F6EEE5}
.footer .go_top {display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:3px;width:100%;height:50px;background:#222;color:#fff;font-size:18px;font-weight:500}
.footer .wrapper {max-width:initial;padding:160px 50px 36px}
.footer .tit {display:flex;align-items:center;flex-wrap:wrap;gap:0 26px;font-size:82px;font-style:italic;}
.footer .tit img {height:.8em}
.footer .info {display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;max-width:1000px;margin-top:50px;font-size:16px}
.footer .info strong {font-weight:600}
.footer .info > div:first-child {width:100%;margin-bottom:20px}
.footer .bottom {display:flex;align-items:center;justify-content:space-between;margin-top:40px;font-size:16px;font-weight:300}
.footer .term_link {display:flex;align-items:center;gap:0 36px}
.footer .term_link > a:first-child {font-weight:600}

@media (hover: hover) {
    .btn_primary:hover {background:#222222}
    .btn_primary:hover .arrow_right {transform:translateX(5px)}
    a.btn_more:hover::before {transform:rotate(360deg);}
    a.btn_more:hover .inner {background:#222}
    .btn_white:hover {background:var(--white);color:#222}

    .header .gnb li a:hover {opacity:1}
    .footer .term_link > a:hover {text-decoration:underline}
}

@media all and (max-width: 1199px) {
    :root {
        --header-height: 70px;
        --sec-padding: 120px;
    }
    
    .btn_primary {font-size:16px;padding:16px 30px}

    .title_box {margin-bottom:50px}
    .title_box .tit {font-size:42px}
    .title_box .tit.font-baskervville {font-size:52px}
    .title_box .sub {font-size:16px}
    .title_box p {font-size:16px}
    .title_box .btn_wrap {margin-top:40px}

    .marquee {font-size:18px;}
    .txt_slide {font-size:80px}

    .full_banner .inner {padding:140px 0}

    /* 헤더 */
    .header {width:100%;top:0;left:0}
    .header .wrapper {padding:0 0 0 20px}
    .header .logo {width:110px;position:initial;transform:none}
    .header .menu_wrap {display:none;flex-direction:column;align-items:flex-start;width:calc(100% - var(--header-height));height:100vh;background:url('../img/web/menu_bg.png') no-repeat center/cover;position:fixed;top:0;left:0;overflow-y:auto;padding:0 20px 40px}
    .header .menu_wrap .menu_head {display:flex;align-items:center;width:100%;height:var(--header-height);padding-left:20px;position:fixed;top:0;left:0;backdrop-filter:blur(100px);}
    .header .menu_wrap .menu_head::after {content:'';display:block;width:calc(100% - var(--header-height));height:1px;background:rgba(255,255,255,.35);position:absolute;bottom:0;left:0}
    .header .gnb {margin:100px 0 100px}
    .header .gnb ul {flex:1;flex-direction:column;align-items:flex-start;gap:24px 0;overflow-y:auto}
    .header .gnb li a {height:auto;font-size:20px;font-weight:normal;padding:10px 0;opacity:1}
    .header .menu_open,
    .header .menu_close {display:flex;align-items:center;justify-content:center;width:var(--header-height);height:var(--header-height);margin-left:auto}
    .header .sns_link {margin:auto 0 0 0}

    /* 푸터 */
    .footer .wrapper {padding:100px 20px}
    .footer .tit {font-size:60px}
}

@media all and (max-width: 767px) {
    :root {
        --sec-padding: 60px;
    }

    .btn_primary {font-size:14px;padding:14px 24px}
    .btn_primary .arrow_right {width:16px;height:16px}
    .btn_more {width:100px;height:100px;padding:16px}
    .btn_white {font-size:14px}

    .only_mb {display:block}
    .only_pc {display:none}

    .title_box {margin-bottom:40px}
    .title_box .tit {font-size:30px}
    .title_box .tit.font-baskervville {font-size:40px}
    .title_box .sub {font-size:14px;margin-bottom:15px}
    .title_box p {font-size:14px;margin-top:15px}
    .title_box .btn_wrap {margin-top:15px}

    .marquee {font-size:14px;}
    .txt_slide {font-size:50px}
    .full_banner {padding:0 20px 60px}
    .full_banner .inner {padding:100px 0}
    .full_banner .btn_wrap .btn_white {max-width:200px}
    .full_banner .btn_wrap .btn_primary {max-width:200px;padding:14px 24px}
    .full_banner .title_box .tit {font-size:28px}

    /* 푸터 */
    .footer .go_top {height:40px;font-size:14px}
    .footer .wrapper {padding:60px 20px}
    .footer .tit {flex-direction:column;align-items:flex-start;gap:16px 0;font-size:40px}
    .footer .info {font-size:14px;margin-top:30px}
    .footer .bottom {font-size:14px;margin-top:30px;flex-direction:column;align-items:flex-start;gap:16px 0}
    .footer .term_link {gap:20px}
}



/* 인덱스 */
.index {background:#FBF5EE}
.index .btn_primary {width:100%;max-width:200px;justify-content:space-between;}
.index .sec_01 {position:relative}
.index .sec_01 .img_wrap {width:100%;height:100vh;min-height:800px}
.index .sec_01 .img_wrap img {width:100%;height:100%;object-fit:cover;animation:scaleUp 10s alternate both ease-in-out}
.index .sec_01 .txt_wrap {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1}
.index .sec_01 .txt_wrap p {font-size:96px;font-style:italic;line-height:1.25;color:var(--white)}
.index .sec_01 .float_txt {position:absolute;bottom:30px;left:0;width:100%;text-align:center}
.index .sec_01 .float_txt p {border-bottom:solid 1px rgba(255,255,255,.5);color:var(--white);padding-bottom:40px;margin-bottom:30px}
@keyframes scaleUp {
    from {transform:scale(1)}
    to {transform:scale(1.1)}
}

.index .sec_02 {padding:var(--sec-padding) 0;position:relative}
.index .sec_02 .wrapper {max-width:1900px;padding:0 50px}
.index .sec_02::before {content:'';display:block;width:50vw;height:600px;position:absolute;top:var(--sec-padding);right:0;background:url('../img/web/index_02_01.jpg') no-repeat center/cover}
.index .sec_02 .box {max-width:1040px;background:#F6EEE5;padding:126px 110px;position:relative;z-index:3}
.index .sec_02 .box .tit {font-size:34px;line-height:1.2}
.index .sec_02 .box p {font-size:18px;font-weight:500;color:#444444;margin-top:40px}
.index .sec_02 .box .btn_wrap {margin-top:40px}

.index .sec_03 .title_box {margin-bottom:100px}
.index .sec_03 .swiper {overflow:visible}
.index .sec_03 .swiper-slide {width:530px;padding:0 15px}
.index .sec_03 .swiper-slide > .inner {background:#F6EEE5;padding:0 50px 100px}
.index .sec_03 .swiper-slide .img_wrap {transform:translateY(-50px)}
.index .sec_03 .swiper-slide .img_wrap .video_wrap video {width:100%}
.index .sec_03 .swiper-slide .asset {margin-top:-25px}
.index .sec_03 .btn_wrap {opacity:0;justify-content:center;transform:translateY(-50%);position:relative;z-index:3;transition:all .2s}
.index .sec_03 .swiper-slide:hover .btn_wrap {opacity:1}
.index .sec_03 .btn_prev,
.index .sec_03 .btn_next {display:none}

.index .sec_04 {padding:var(--sec-padding) 0;position:relative}
.index .sec_04::before {content:'';display:block;width:50vw;height:600px;position:absolute;top:calc(var(--sec-padding) + 90px);right:0;background:url('../img/web/index_04_01.jpg') no-repeat center/cover}

.index .sec_05 {background:#F6EEE5;padding:var(--sec-padding) 0}
.index .sec_05 .wrapper {display:flex;gap:100px;;max-width:1860px}
.index .sec_05 .img_wrap {width:100%}
.index .sec_05 .img_wrap img {width:100%;height:100%;object-fit:cover}
.index .sec_05 .right {width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.index .sec_05 .tab_menu {width:100%;margin-top:auto;border-bottom:solid 1px #CACACA;padding-bottom:30px}
.index .sec_05 .tab_menu ul {display:flex;align-items:center;gap:0 12px}
.index .sec_05 .tab_menu li>* {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:17px;font-weight:500;color:#999999;padding:0 10px;transition:all .2s;text-transform:uppercase}
.index .sec_05 .tab_menu li>*::before {content:'';display:block;width:10px;height:10px;border:solid 1px #999999;border-radius:10px;transition:all .2s}
.index .sec_05 .tab_menu li>*.on {color:#222222}
.index .sec_05 .tab_menu li>*.on::before {background:#222222;border:0}
.index .sec_05 .tab_cont_wrap {width:100%}
.index .sec_05 .tab_cont {display:none}
.index .sec_05 .tab_cont.on {display:block}
.index .sec_05 .tab_cont a {display:flex;align-items:center;justify-content:space-between;gap:10px 20px;width:100%;border-bottom:solid 1px #CACACA;padding:24px 0}
.index .sec_05 .tab_cont a > div {min-width:0}
.index .sec_05 .tab_cont a .category {display:block;font-size:16px;font-weight:500;color:#999999;margin-bottom:16px;text-transform:uppercase;}
.index .sec_05 .tab_cont a .tit {display:block;font-size:20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.index .sec_05 .tab_cont a .date {display:flex;align-items:center;gap:0 8px;font-size:16px;font-weight:500;color:#777777;margin-top:14px}
.index .sec_05 .tab_cont a .more {display:flex;align-items:center;gap:4px;font-size:16px;color:#444444;white-space:nowrap;text-decoration:underline;}

.index .sec_06 {padding:var(--sec-padding) 0}
.index .sec_06 .wrapper {max-width:1640px}
.index .sec_06 .swiper {overflow:visible}
.index .sec_06 .swiper-slide {width:540px;padding:0 15px}
.index .sec_06 .swiper-slide .img_wrap {overflow:hidden}
.index .sec_06 .swiper-slide .img_wrap img {transition:all .6s}
.index .sec_06 .swiper-slide:hover .img_wrap img {transform:scale(1.03)}
.index .sec_06 .swiper-slide .txt_wrap {width:calc(100% - 40px);background:#FBF5EE;margin:-100px 0 0 auto;position:relative;z-index:2;padding:34px;box-shadow:0 6px 46px rgba(154,154,154,.1)}
.index .sec_06 .swiper-slide .txt_wrap .tit {display:block;font-size:22px;font-weight:700}
.index .sec_06 .swiper-slide .txt_wrap p {font-size:18px;color:#444;margin-top:15px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.index .sec_06 .swiper-slide .txt_wrap .info {display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:15px}
.index .sec_06 .swiper-slide .txt_wrap .info span {display:flex;align-items:center;gap:0 10px;color:#888888}
.index .sec_06 .swiper-slide .txt_wrap .info span + span::before {content:'·';font-weight:700}
.swiper-scrollbar {position:initial !important;background:#EAEAEA !important;margin-top:80px}
.swiper-scrollbar-drag {background:#222222 !important}

@media (hover: hover) {
    .index .sec_05 .tab_menu li>*:hover {color:#222222}
}

@media all and (max-width: 1599px) {
    .index .sec_05 .wrapper {gap:0 40px}
}

@media all and (max-width: 1199px) {
    .index .sec_01 .txt_wrap p {font-size:66px}
    
    .index .sec_02::before {width:65vw;height:500px}
    .index .sec_02 .box {padding:80px 60px}
    .index .sec_02 .box .tit {font-size:24px}
    .index .sec_02 .box p {font-size:16px;margin-top:30px}
    .index .sec_02 .box .btn_wrap {margin-top:30px}

    .index .sec_03 .swiper-slide {width:450px}
    
    .index .sec_04::before {height:420px}
    
    .index .sec_05 .tab_cont a {padding:20px 0}
    .index .sec_05 .tab_cont a .category {font-size:14px;margin-bottom:10px}
    .index .sec_05 .tab_cont a .tit {font-size:17px}
    .index .sec_05 .tab_cont a .date {font-size:14px;margin-top:10px}
    .index .sec_05 .tab_cont a .date img {width:16px}

    .index .sec_06 .swiper-slide {width:420px}
    .index .sec_06 .swiper-slide .txt_wrap {width:calc(100% - 25px);padding:24px}
    .index .sec_06 .swiper-slide .txt_wrap .tit {font-size:20px}
    .index .sec_06 .swiper-slide .txt_wrap p {font-size:16px}
    .swiper-scrollbar {height:2px !important;margin-top:60px}

    .line_marquee .inner {height:50px;gap:0 32px}
    .line_marquee .inner p {font-size:16px}
}

@media all and (max-width: 1023px) {
    .index .sec_05 .title_box {text-align:center}
    .index .sec_05 .right {align-items:center;}
    .index .sec_05 .wrapper {flex-direction:column;gap:40px}
    .index .sec_05 .tab_menu {padding-bottom:20px}
    .index .sec_05 .tab_cont a {flex-direction:column}
    .index .sec_05 .tab_cont a > div {width:100%}
    .index .sec_05 .tab_cont a .more {margin-left:auto}
}

@media all and (max-width: 767px) {
    .index .sec_01 .img_wrap {height:600px}
    .index .sec_01 .txt_wrap {text-align:center}
    .index .sec_01 .txt_wrap p {font-size:36px}
    .index .sec_01 .float_txt {bottom:20px}
    .index .sec_01 .float_txt p {padding-bottom:20px;margin-bottom:20px}
    .index .sec_01 .float_txt img {width:13px}
    
    .index .sec_02 .title_box {text-align:center}
    .index .sec_02 .wrapper {padding:0 20px}
    .index .sec_02::before {width:calc(100% - 20px);height:400px;top:140px}
    .index .sec_02 .box {padding:40px 20px;margin-top:240px}
    .index .sec_02 .box p {font-size:14px;margin-top:20px}
    .index .sec_02 .box .btn_wrap {margin-top:20px}
    
    .index .sec_03 .title_box {margin-bottom:68px}
    .index .sec_03 .swiper-slide {width:310px;padding:0 10px}
    .index .sec_03 .swiper-slide > .inner {padding:0 30px 60px}
    .index .sec_03 .swiper-slide .img_wrap {transform:translateY(-34px)}
    .index .sec_03 .btn_prev,
    .index .sec_03 .btn_next {display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:absolute;top:45%;left:0;transform:translateY(-50%);z-index:3}
    .index .sec_03 .btn_next {left:auto;right:0}

    .index .sec_04::before {width:calc(100% - 60px);height:235px;z-index:0;top:calc(var(--sec-padding) + 150px)}
    .index .sec_04 .title_box {position:relative;z-index:3}

    .index .sec_05 .tab_menu ul {gap:0 14px}
    .index .sec_05 .tab_menu li>* {font-size:15px;padding:0}
    .index .sec_05 .tab_cont a {padding:16px 0}
    .index .sec_06 .swiper-slide {width:310px;padding:0 10px}
    .index .sec_06 .swiper-slide .txt_wrap {padding:20px 16px}
    .index .sec_06 .swiper-slide .txt_wrap .tit {font-size:16px}
    .index .sec_06 .swiper-slide .txt_wrap p {font-size:14px;margin-top:10px}
    .index .sec_06 .swiper-slide .txt_wrap .info {font-size:13px;margin-top:10px;gap:4px 5px}
    .index .sec_06 .swiper-slide .txt_wrap .info span {gap:5px}
    .swiper-scrollbar {margin-top:40px}

    .line_marquee .inner {height:40px;gap:0 16px}
    .line_marquee .inner p {font-size:14px}
}



/* 서브 - 어바웃 */
.sub_wrap {background:#FBF5EE}
.sub_top {background:url('../img/web/sub_top_01.jpg') no-repeat center/cover}
.sub_top.board {background-image:url('../img/web/sub_top_04.jpg')}
.sub_top .wrapper {display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:700px;color:var(--white)}
.sub_top h1 {font-weight:normal;font-style:italic;font-size:96px}

.sub_navi {border-bottom:solid 1px rgba(0,0,0,.2);margin-top:10px}
.sub_navi ul {display:flex;align-items:center;justify-content:center;gap:0 40px;}
.sub_navi ul li {width:100%;max-width:350px}
.sub_navi ul li a {display:flex;align-items:center;justify-content:center;height:52px;font-size:18px;color:#999999;letter-spacing:.2em;position:relative;transition:all .2s}
.sub_navi ul li a::before {content:'';display:block;width:100%;height:1px;background:#222222;position:absolute;bottom:-1px;left:0;opacity:0}
.sub_navi ul li a.on {font-weight:700;color:#222222}
.sub_navi ul li a.on::before {opacity:1}

.sub_about .full_banner .inner {background-image:url('../img/web/banner_02.png')}
.sub_about .full_banner .title_box p {font-style:italic}

.sub_about .sec_01 {padding:var(--sec-padding) 0}
.sub_about .sec_01 .wrapper {max-width:1290px}
.sub_about .sec_01 .title_box p {font-size:24px;margin-top:30px;color:#444444}
.sub_about .sec_01 .cont img {width:100%}

.sub_about .sec_02 {padding:var(--sec-padding) 0;position:relative}
.sub_about .sec_02::before {content:'';display:block;width:90vw;height:400px;position:absolute;top:var(--sec-padding);right:0;background:url('../img/web/about_01_02.png') no-repeat center/cover}
.sub_about .sec_02 .asset_txt {position:absolute;bottom:calc(var(--sec-padding) * 2);left:0;font-size:120px;font-style:italic;line-height:1;opacity:.2;z-index:4}
.sub_about .sec_02 .wrapper {max-width:1640px}
.sub_about .sec_02 .title_box {margin-top:-110px}
.sub_about .sec_02 .title_box .tit {font-size:160px;font-style:italic;position:relative;z-index:2;mix-blend-mode: color-burn;}
.sub_about .sec_02 .cont {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:3;margin-top:400px;font-size:18px}
.sub_about .sec_02 .img_wrap {margin-top:150px;max-width:50%}

.sub_about .sec_03 {padding:var(--sec-padding) 0}
.sub_about .sec_03 .cont {display:grid;grid-template-columns:repeat(4, 1fr)}
.sub_about .sec_03 .cont .txt_wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.sub_about .sec_03 .cont .txt_wrap .tit {font-size:26px;font-style:italic}
.sub_about .sec_03 .cont .txt_wrap p {font-size:18px;color:#666666;margin-top:10px}
.sub_about .sec_03 .cont .item_07,
.sub_about .sec_03 .cont .item_08 {grid-column:span 2}

@media (hover: hover) {
    .sub_navi ul li a:hover {color:#222222}
}

@media all and (max-width: 1639px) {
    .sub_about .sec_02::before {width:calc(100vw - 20px)}
}

@media all and (max-width: 1399px) {
    .sub_about .sec_02 .asset_txt {font-size:100px;bottom:var(--sec-padding)}
    .sub_about .sec_02 .title_box {margin-top:-80px}
    .sub_about .sec_02 .title_box .tit {font-size:120px;text-align:right}
}

@media all and (max-width: 1199px) {
    .sub_top .wrapper {height:520px}
    .sub_top h1 {font-size:68px}

    .sub_navi ul {gap:0 20px}
    .sub_navi ul li {max-width:240px}
    .sub_navi ul li a {height:46px;font-size:16px}

    .sub_about .sec_01 .title_box p {font-size:20px;margin-top:24px}

    .sub_about .sec_02 .asset_txt {font-size:75px}
    .sub_about .sec_02::before {height:310px}
    .sub_about .sec_02 .title_box {margin-top:-60px}
    .sub_about .sec_02 .title_box .tit {font-size:90px}
    .sub_about .sec_02 .cont {margin-top:320px;font-size:16px}

    .sub_about .sec_03 .cont .txt_wrap .tit {font-size:20px}
    .sub_about .sec_03 .cont .txt_wrap p {font-size:15px}
}

@media all and (max-width: 1023px) {
    .sub_about .sec_02 .cont {flex-direction:column;gap:40px 0}
    .sub_about .sec_02 .img_wrap {max-width:calc(100% - 40px);margin-left:auto;margin-top:0}
    .sub_about .sec_02 .asset_txt {left:20px;bottom:calc(var(--sec-padding) + 30px);opacity:.25}
}

@media all and (max-width: 767px) {
    .sub_top .wrapper {height:340px}
    .sub_top h1 {font-size:40px}

    .sub_navi ul {gap:0}
    .sub_navi ul li a {height:40px;font-size:14px}

    .sub_about .sec_01 .title_box .tit {font-size:34px}
    .sub_about .sec_01 .title_box p {font-size:14px;margin-top:20px}
    .sub_about .sec_01 .cont img {max-width:400px;margin:0 auto}
    
    .sub_about .sec_02 .asset_txt {font-size:50px}
    .sub_about .sec_02 .title_box {margin-top:-28px}
    .sub_about .sec_02 .title_box .tit {font-size:60px;line-height:1}
    .sub_about .sec_02 .cont {font-size:14px;margin-top:270px}
    
    .sub_about .sec_03 .cont {grid-template-columns:repeat(2, 1fr);}
    .sub_about .sec_03 .cont .txt_wrap .tit {font-size:16px}
    .sub_about .sec_03 .cont .txt_wrap p {font-size:12px}
    .sub_about .sec_03 .cont .item_01,
    .sub_about .sec_03 .cont .item_02 {order:0}
    .sub_about .sec_03 .cont .item_05,
    .sub_about .sec_03 .cont .item_06 {order:1}
    .sub_about .sec_03 .cont .item_08 {order:2}
    .sub_about .sec_03 .cont .item_03,
    .sub_about .sec_03 .cont .item_04 {order:3}
    .sub_about .sec_03 .cont .item_07 {order:4}
    .sub_about .sec_03 .cont .item_09,
    .sub_about .sec_03 .cont .item_10 {order:5}
}



/* 서브 - 연혁 */
.sub_history .sec_01 {padding:var(--sec-padding) 0}
.sub_history .sec_01 .title_box {margin:0}
.sub_history .sec_01 .title_box p {font-size:24px;margin-top:30px;color:#444444}

.sub_history .sec_02 {background:#F6EEE5;position:relative}
.sub_history .sec_02 .txt_slide {position:absolute;top:0;left:0;width:100%;opacity:.05;transform:translateY(-10%)}
.sub_history .sec_02 .txt_slide.bottom {top:auto;bottom:0;transform:translateY(10%)}
.sub_history .sec_02 .wrapper {max-width:1640px;display:flex;align-items:flex-start;justify-content:space-between;}
.sub_history .sec_02 .left {padding-top:200px}
.sub_history .sec_02 .left div + div {margin-top:30px}
.sub_history .sec_02 .left div {display:flex;align-items:center;gap:0 20px;font-size:60px;font-weight:700;color:#999999;transition:all .2s}
.sub_history .sec_02 .left div::before {content:'';width:10px;height:10px;background:#222;display:none}
.sub_history .sec_02 .left div.on {color:#222}
.sub_history .sec_02 .left div.on::before {display:block}
.sub_history .sec_02 .right {height:90vh;min-height:1080px;overflow-y:auto;padding:200px 0;-ms-overflow-style: none;}
.sub_history .sec_02 .right::-webkit-scrollbar {display:none}
.sub_history .sec_02 .right > div + div {margin-top:100px}
.sub_history .sec_02 .right .txt_wrap {margin-top:40px;display:flex;align-items:flex-start;gap:0 30px;font-size:24px;font-weight:700;line-height:1.4}
.sub_history .sec_02 .right .txt_wrap > strong {font-weight:700;white-space:nowrap;}
.sub_history .sec_02 .right .txt_wrap ul.dot {font-size:18px;font-weight:normal;margin-top:16px}
.sub_history .sec_02 .right .txt_wrap ul.dot li {padding-left:14px;position:relative;color:#666666}
.sub_history .sec_02 .right .txt_wrap ul.dot li::before {content:'·';display:block;position:absolute;top:0;left:0;font-weight:700}

@media all and (max-width: 1199px) {
    .sub_history .sec_01 .title_box p {font-size:20px;margin-top:24px}
    
    .sub_history .sec_02 .left {padding-top:150px}
    .sub_history .sec_02 .left div {font-size:45px}
    .sub_history .sec_02 .left div + div {margin-top:20px}
    .sub_history .sec_02 .right {width:500px;padding:150px 0}
    .sub_history .sec_02 .right .txt_wrap {font-size:20px;margin-top:30px}
    .sub_history .sec_02 .right .txt_wrap ul.dot {font-size:16px}
}

@media all and (max-width: 767px) {
    .sub_history .sec_01 .title_box p {font-size:14px;margin-top:20px}
    
    .sub_history .sec_02 {padding-top:100px}
    .sub_history .sec_02 .wrapper {flex-direction:column;gap:40px;}
    .sub_history .sec_02 .left {display:flex;align-items:center;gap:0 20px;padding:0;overflow-x:auto;width:100%;-ms-overflow-style: none;}
    .sub_history .sec_02 .left.fixed {position:fixed;top:var(--header-height);left:0;padding:12px 20px;background:#FBF5EE;z-index:4}
    .sub_history .sec_02 .left::-webkit-scrollbar {display:none}
    .sub_history .sec_02 .left div {font-size:30px;gap:0 10px;margin-top:0 !important}
    .sub_history .sec_02 .left div::before {width:6px;height:6px}
    .sub_history .sec_02 .right {width:100%;padding:0 0 100px 0;height:auto;min-height:auto}
    .sub_history .sec_02 .right > div + div {margin-top:40px}
    .sub_history .sec_02 .right .txt_wrap {font-size:16px;margin-top:20px}
    .sub_history .sec_02 .right .txt_wrap ul.dot {font-size:14px;margin-top:10px}
}



/* 서브 - 리크루트 */
.sub_recruit .sub_top {background-image:url('../img/web/sub_top_02.jpg');position:relative}
.sub_recruit .sub_top .recruit_box {display:flex;align-items:center;gap:20px;justify-content:space-between;width:100%;max-width:880px;font-size:18px;position:absolute;bottom:50px;right:50px;background:rgba(255,255,255,.15);border-radius:10px;backdrop-filter:blur(30px);padding:24px 40px;color:var(--white)}
.sub_recruit .sub_top .recruit_box .tit {font-size:22px;font-weight:700}
.sub_recruit .sub_top .recruit_box p {font-weight:500;margin-top:16px}
.sub_recruit .sub_top .recruit_box div a {display:inline-block;color:#0A57FF;text-decoration:underline;margin-top:4px}
.sub_recruit .sub_top .recruit_box .btn_white {background:rgba(255,255,255,.15);border:0;border-radius:5px}
.sub_recruit .sub_top .recruit_box .btn_white:hover {color:var(--white);background:rgba(255,255,255,.3)}
.sub_recruit .wrapper {max-width:1640px}
.sub_recruit .title_box {margin:0;padding-bottom:40px}

.sub_recruit .sec_01 {padding:var(--sec-padding) 0}
.sub_recruit .sec_01 img {display:block;width:100%;max-width:225px;margin:0 auto}
.sub_recruit .sec_01 p {font-size:36px;margin-top:40px;text-align:center}

.sub_recruit .sec_02 .list {display:flex;gap:0 15px;}
.sub_recruit .sec_02 .list .item {width:285px;position:relative;transition:all .4s}
.sub_recruit .sec_02 .list .item.active,
.sub_recruit .sec_02 .list .item.default {width:700px}
.sub_recruit .sec_02 .list .item.active .txt_wrap,
.sub_recruit .sec_02 .list .item.default .txt_wrap {opacity:1}
.sub_recruit .sec_02 .list .item .img_wrap {height:700px}
.sub_recruit .sec_02 .list .item .img_wrap img {width:100%;height:100%;object-fit:cover;}
.sub_recruit .sec_02 .list .item .txt_wrap {opacity:0;width:700px;position:absolute;bottom:0;left:0;padding:36px 50px;color:var(--white);transition:all .2s}
.sub_recruit .sec_02 .list .item .txt_wrap .tit {display:block;font-size:26px;font-weight:700;line-height:1.4}
.sub_recruit .sec_02 .list .item .txt_wrap p {font-size:20px;margin-top:12px;opacity:.8}

.sub_recruit .sec_03 {padding:var(--sec-padding) 0}
.sub_recruit .sec_03 .list {display:flex;align-items:flex-start;justify-content:flex-end;gap:50px;margin-top:195px;position:relative}
.sub_recruit .sec_03 .list::before {content:'';display:block;width:700px;height:785px;background:url('../img/web/recruit_03_01.png') no-repeat center/cover;position:absolute;bottom:0;left:0}
.sub_recruit .sec_03 .list .item {display:flex;align-items:flex-start;gap:0 20px;position:relative;z-index:3}
.sub_recruit .sec_03 .list .item .inner {background:#F6EEE5;width:540px;border-radius:0 50px 0 0;padding:54px 50px}
.sub_recruit .sec_03 .list .item .tit {display:block;margin-top:50px;font-size:24px;font-weight:600;line-height:1.4}
.sub_recruit .sec_03 .list .item ul {font-size:18px;color:#444;margin-top:24px}
.sub_recruit .sec_03 .list .item ul li {position:relative;padding-left:16px}
.sub_recruit .sec_03 .list .item ul li::before {content:'-';display:block;position:absolute;top:2px;left:0}
.sub_recruit .sec_03 .list .item:last-child {margin-top:200px}

.sec_contact {padding-bottom:var(--sec-padding)}
.sec_contact .title_box {border-bottom:solid 1px #222222;margin:0;padding-bottom:40px}
.sec_contact .top {display:flex;align-items:center;justify-content:space-between;padding:30px;font-size:20px}
.sec_contact .top p {font-weight:500}
.sec_contact .top .info {display:flex;align-items:flex-start;gap:0 40px;margin-top:20px}
.sec_contact .top .info > div > div {display:flex;align-items:flex-start;}
.sec_contact .top .info > div > div + div {margin-top:15px}
.sec_contact .top .info span {flex:115px 0 0}
.sec_contact .top .info a {color:#0A57FF;text-decoration:underline;}
.sec_contact .top .btn_black {display:flex;align-items:center;justify-content:center;gap:0 12px;padding:16px 24px;border:solid 1px #222;font-size:18px;font-weight:600;transition:all .2s}
.sec_contact .top .btn_black:hover {background:rgba(0,0,0,.1)}
.sec_contact .img_wrap {position:relative;margin-top:50px}
.sec_contact .img_wrap .btn_more {position:absolute;top:0;left:50%;transform:translate(-50%, -50%);z-index:1}

@media all and (max-width: 1199px) {
    .sub_recruit .sub_top .recruit_box {padding:30px 24px;font-size:16px;bottom:30px;right:50%;transform:translateX(50%);max-width:800px}
    .sub_recruit .sub_top .recruit_box .tit {font-size:20px}

    .sub_recruit .sec_01 img {max-width:190px}
    .sub_recruit .sec_01 p {font-size:30px}

    .sub_recruit .sec_02 .list .item .img_wrap {height:500px}
    .sub_recruit .sec_02 .list .item .txt_wrap {width:450px;padding:30px}
    .sub_recruit .sec_02 .list .item .txt_wrap .tit {font-size:22px}
    .sub_recruit .sec_02 .list .item .txt_wrap p {font-size:16px}

    .sub_recruit .sec_03 .list::before {height:560px}
    .sub_recruit .sec_03 .list .item {gap:10px}
    .sub_recruit .sec_03 .list .item:last-child {margin-top:100px}
    .sub_recruit .sec_03 .list .item > img {width:36px}
    .sub_recruit .sec_03 .list .item .inner {padding:40px 35px;width:440px}
    .sub_recruit .sec_03 .list .item .inner >img {width:42px}
    .sub_recruit .sec_03 .list .item .tit {font-size:22px;margin-top:36px}
    .sub_recruit .sec_03 .list .item ul {font-size:15px;margin-top:16px}

    .sec_contact .top {font-size:17px}
    .sec_contact .top .btn_black {font-size:16px;}
}

@media all and (max-width: 1023px) {
    .sub_recruit .sub_top {overflow:visible}
    .sub_recruit .sub_top .recruit_box {flex-direction:column;gap:20px;bottom:0;right:20px;width:calc(100% - 40px);max-width:initial;transform:translateY(50%)}
    .sub_recruit .sub_top .recruit_box > * {width:100%;}
    .sub_recruit .sub_top .recruit_box .btn_white {border:solid 1px rgba(0,0,0,.25);color:#222;font-size:14px;padding:14px 16px}
    .sub_recruit .sub_top .recruit_box .btn_white path {fill:#222}
    
    .sub_recruit .sec_02 .list .item {width:220px}
    .sub_recruit .sec_02 .list .item .img_wrap {height:380px}
    .sub_recruit .sec_02 .list .item .txt_wrap {width:370px;padding:20px}
    
    .sub_recruit .sec_03 .list {margin:0;padding-top:200px;flex-direction:column;align-items:center;gap:20px;}
    .sub_recruit .sec_03 .list::before {width:calc(100% + 40px);height:340px;left:-20px;bottom:auto;top:0}
    .sub_recruit .sec_03 .list .item {width:100%;max-width:400px;margin:0 auto}
    .sub_recruit .sec_03 .list .item > img {width:30px}
    .sub_recruit .sec_03 .list .item:last-child {margin:0}
    .sub_recruit .sec_03 .list .item:last-child > img {transform:scale(0.80)}
    .sub_recruit .sec_03 .list .item .inner {padding:28px 20px;border-top-right-radius:20px;width:100%}
    .sub_recruit .sec_03 .list .item .inner >img {width:34px}
    .sub_recruit .sec_03 .list .item .tit {font-size:16px;margin-top:20px}
    .sub_recruit .sec_03 .list .item ul {font-size:12px;margin-top:10px}

    .sec_contact .top {flex-direction:column;align-items:flex-start;gap:30px}
    .sec_contact .top .btn_black {width:100%}
    .sec_contact .top .info {flex-direction:column;gap:16px}
}

@media all and (max-width: 767px) {
    .sub_recruit .sub_top .recruit_box {font-size:14px}
    .sub_recruit .sub_top .recruit_box .tit {font-size:18px}
    .sub_recruit .sub_top .recruit_box p {margin-top:10px}
    .sub_recruit .title_box {text-align:center}

    .sub_recruit .sec_01 {padding-top:120px}
    .sub_recruit .sec_01 img {max-width:155px}
    .sub_recruit .sec_01 p {font-size:20px}
    
    .sub_recruit .sec_02 .list {flex-direction:column;gap:10px}
    .sub_recruit .sec_02 .list .item {width:100%;height:140px}
    .sub_recruit .sec_02 .list .item.active, .sub_recruit .sec_02 .list .item.default {width:100%;height:335px}
    .sub_recruit .sec_02 .list .item .img_wrap {height:100%}
    .sub_recruit .sec_02 .list .item .txt_wrap {width:100%}
    .sub_recruit .sec_02 .list .item .txt_wrap .tit {font-size:18px}
    .sub_recruit .sec_02 .list .item .txt_wrap p {font-size:14px;margin-top:8px}
    
    .sec_contact .title_box {text-align:center}
    .sec_contact .top {padding:20px;font-size:14px}
    .sec_contact .top .btn_black {font-size:14px;width:calc(100% + 40px);margin-left:-20px;padding:13px 20px}
    .sec_contact .top .btn_black img {width:15px}
    .sec_contact .top .info > div > div + div {margin-top:10px}
    .sec_contact .top .info span {flex-basis:90px}
    .sec_contact .img_wrap {margin:0 0 30px}
    .sec_contact .img_wrap .btn_more {top:auto;bottom:0;transform:translate(-50%, 50%)}
}



/* 서브 - 아카데미, 컨택트 */
.sub_academy .sub_top {background-image:url('../img/web/sub_top_03.jpg')}
.sub_academy .sec_01 {padding:var(--sec-padding) 0}
.sub_academy .sec_01 .title_box p {font-size:24px;margin-top:30px;color:#444444}

.sub_contact .wrapper {max-width:1640px}
.sub_contact .sub_top {background-image:url('../img/web/sub_top_05.jpg')}
.sub_contact .sec_01 {padding:var(--sec-padding) 0 calc(var(--sec-padding)*1.5);position:relative}
.sub_contact .sec_01::before {content:'';display:block;width:100%;height:800px;background:#F6EEE5;position:absolute;bottom:0;left:0}
.sub_contact .sec_01 .title_box {margin:0}
.sub_contact .sec_contact {padding:var(--sec-padding) 0}

.sub_contact .tab_menu {margin:40px 0 20px;position:relative;z-index:3}
.sub_contact .tab_menu ul {display:flex;align-items:center;justify-content:flex-end;}
.sub_contact .tab_menu ul li {display:flex;align-items:center;}
.sub_contact .tab_menu ul li + li::before {content:'·';display:block;font-weight:700;margin:0 24px;color:#999}
.sub_contact .tab_menu ul li > * {font-size:18px;font-weight:500;color:#999}
.sub_contact .tab_menu ul li > *.on {color:#222}
.sub_contact .tab_cont_wrap {position:relative}
.sub_contact .tab_cont .bottom {max-width:400px;margin:60px 0 0 auto}
.sub_contact .info_box {background:var(--white);position:absolute;bottom:0;left:0;z-index:2;width:100%;max-width:650px;padding:40px 50px;font-size:18px;line-height:1.4;line-height:1.7}
.sub_contact .info_box .tit {display:block;font-size:26px;font-weight:700;margin-bottom:30px}
.sub_contact .info_box .info > div {display:flex;align-items:flex-start;}
.sub_contact .info_box .info > div + div {margin-top:20px}
.sub_contact .info_box .info > div > strong {flex:95px 0 0}
.sub_contact .info_box .info > div:nth-child(2) div > div + div {margin-top:10px}
.sub_contact .info_box .info > div:nth-child(2) > div > div {display:flex;align-items:flex-start;}
.sub_contact .info_box .info > div:nth-child(2) > div > div > strong {flex:60px 0 0}
.sub_contact .info_box .info > div:nth-child(3) a {color:#006EED;text-decoration:underline;}
.sub_contact .info_box .btn_naver {display:inline-flex;align-items:center;gap:10px;padding:12px 36px;border:solid 1px #309C3E;font-size:17px;font-weight:600;color:#309C3E;margin-top:30px;transition:all .2s}
.sub_contact .info_box .btn_naver img {width:22px}
.sub_contact .info_box .btn_naver:hover {background:rgba(48,156,62,.1)}
.tab_cont {display:none}
.tab_cont.on {display:block}
.wrap_controllers,
.wrap_controllers + .cont {display:none !important}
.map_area {padding-left:50px;position:relative}
.root_daum_roughmap {width:100% !important;box-shadow:0 4px 20px rgba(141,141,141,.1)}
.root_daum_roughmap .wrap_map {height:700px !important}

@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .sub_academy .sec_01 .title_box p {font-size:20px;margin-top:24px}
    
    .sub_contact .sec_01::before {height:700px}
    .sub_contact .info_box {max-width:550px;padding:30px 35px;font-size:16px}
    .sub_contact .info_box .tit {font-size:20px;margin-bottom:25px}
    .sub_contact .info_box .info > div:first-child img {height:22px}
    .root_daum_roughmap .wrap_map {height:500px !important}
    /*
    */
}

@media all and (max-width: 1023px) {
    .sub_contact .tab_menu {overflow-x:auto;-ms-overflow-style: none;width:calc(100% + 40px);margin-left:-20px;padding:0 20px}
    .sub_contact .tab_menu::-webkit-scrollbar {display:none}
    .sub_contact .tab_menu ul {justify-content:flex-start;}
    .sub_contact .tab_menu ul li + li::before {margin:0 12px}
    .sub_contact .tab_menu ul li > * {font-size:16px;white-space:nowrap;}
    .sub_contact .tab_menu ul li:last-child {padding-right:20px}
    .map_area {padding-left:20px}
    .sub_contact .info_box {max-width:initial;position:initial}
    .sub_contact .tab_cont .bottom {margin-top:20px}
}

@media all and (max-width: 767px) {
    .sub_academy .sec_01 .title_box p {font-size:14px;margin-top:20px}

    .sub_contact .sec_01::before {height:580px}
    .sub_contact .sec_01 .title_box {text-align:center}
    .sub_contact .info_box {padding:20px;font-size:14px;display:flex;flex-direction:column;align-items:flex-start;}
    .sub_contact .info_box .tit {font-size:18px;margin-bottom:20px}
    .sub_contact .info_box .info > div {flex-direction:column;gap:6px 0;}
    .sub_contact .info_box .info > div > strong {flex:auto}
    .sub_contact .info_box .info > div:nth-child(2) div > div + div {margin-top:4px}
    .sub_contact .info_box .btn_naver {align-self:center;font-size:14px;padding:10px 36px;margin-top:20px}
    .sub_contact .info_box .btn_naver img {width:18px}
    .root_daum_roughmap .wrap_map {height:300px !important}
    /*
    */
}

@media all and (max-width: 499px) {}
 
@media all and (max-width: 374px) {}