@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #446158;
    --black-color : #222;
    --white-color : #fff
}

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }


/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../../img/new2509/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }
p{ word-break: keep-all; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 3vw; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */


/* header */
header{ box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px); background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 19px 0; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menu-list{ display: flex; align-items: center; gap: 45px;  }
header .box-wrap{ display: flex; gap: 10px; }
header .box-wrap .apply-btn{ padding: 9px 35px; background-color: #446158; border-radius: 100px; color: #fff; font-size: 18px; } 
header .box-wrap .slide-menu-btn{ display: none; }  

@media screen and (max-width: 1250px) { 
    header { padding: 15px 0; } 
    header .menu-list{ gap: 30px; } 
    header .box-wrap .apply-btn{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    header .menu-list{ display: none; } 
    header .box-wrap .slide-menu-btn{ border: none; display: block; background-color:transparent; }
    header .box-wrap .slide-menu-btn .icon{ width: 25px; }
}
@media screen and (max-width: 650px) { 
    header{ padding: 10px 0; }
    header .logo{ width: 120px; }
    header .box-wrap .apply-btn{ padding: 5px 20px; font-size: 16px; }
}

.slide-menu-section{ color: #fff; display: flex; flex-direction: column; padding: 20px 6vw; background-color: #446158; position: fixed; right: -100%; top: 0; width: 100%; height: 100%; z-index: 999; transition: right .5s; }
.slide-menu-section.show{ right: 0; }
.slide-menu-section .btn-wrap{ display: flex; align-items: center; justify-content: flex-end; } 
.slide-menu-section .btn-wrap .close-btn{ background-color: transparent; border: none; }
.slide-menu-section .btn-wrap .close-btn .icon{ width: 25px; }
.slide-menu-section .menu-list{ margin-top: 50px; width: 100%; display: flex; flex-direction: column; flex-grow: 1; text-align: center; font-size: 24px; }
.slide-menu-section .menu-list > li{ transition: color .5s; position: relative; border-bottom: 1px solid rgba(255,255,255,.6); width: 100%; }
.slide-menu-section .menu-list > li:hover{ color: #EBE3DD; } 
.slide-menu-section .menu-list > li::before{ content:''; position: absolute; display: block; bottom: -.5px; width: 0; transition: width .5s; height: 1px; background-image: linear-gradient(90deg, #526b63, #e2ead2); }
.slide-menu-section .menu-list > li:hover::before{ width: 100%; }
.slide-menu-section .menu-list > li .item{ text-align: left; padding: 10px 20px; }


/* footer */
footer{ color: #7f7f7f; background-color: #222; padding: 36px 0; }
footer .inner{ display: flex; align-items: flex-start; gap: 43px; }
footer .logo-box{ display: flex; flex-direction: column; gap: 10px; }
footer .content-div{ flex-grow: 1; }
footer .content-div .privacy-btn{ margin-top: -2px; line-height: .5em; border: none; background: transparent; color: #fff; }
footer .content-div .info{ margin-top: 8px; }
footer .content-div .info .moBr{ display: none; }
footer .content-div .copy-right{ font-size: 12px; margin-top: 15px; }
footer .icon-list{ display: flex; align-items: center; font-size: 12px; }
footer .icon-list > li{ width: 70px; }
footer .icon-list a{ display:flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; }

@media screen and (max-width: 950px) { 
  footer .content-div{order: 2; }
  footer .icon-list{ gap: 5px; }
  footer .icon-list a .text{ display: none; }
  footer .icon-list a img{ width: 40px; }
}
@media screen and (max-width: 650px) { 
    footer .inner{ gap: 20px; flex-direction: column; }
    footer .logo-box{ flex-wrap: wrap; flex-direction: row; }
    footer .logo-box .logo{ width: 120px; }
    footer .icon-list{ grid-gap: 10px; }
    footer .icon-list > li{ width: auto; }
    footer .content-div .info .mo-none{ display: none; } 
    footer .content-div .info .moBr{ display: inline-block; }
}


/* .main .visual-section */
.main .visual-section .swiper-wrapper{ align-items: unset !important; }
.main .visual-section .swiper-wrapper .swiper-slide{ height: auto !important; }
.main .visual-section .item{ height: 100%; padding: 150px 0; position: relative; background-image: url('../../img/new2509/main/visual-section/background1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; min-height: 100vh; }
.main .visual-section .item .inner{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .visual-section .item h1{ text-align: center; color: #836248; margin-top: 40px; font-weight: 800; font-size: 46px; }  
.main .visual-section .item .title{ text-align: center; font-size: 32px; margin-top: 5px; color: #836248; }
.main .visual-section .item .title b{ font-weight: 600; }
.main .visual-section .item .bar{ margin: 16px auto; width: 364px; height: 2px; background-color: #836248; }
.main .visual-section .item .content{ color: #AE937E; font-size: 22px; text-align: center; line-height: 1.5em;  }
.main .visual-section .item .content b{ font-weight: 600; }
.main .visual-section .item .btn-div{ display: grid; grid-gap: 34px; grid-template-columns: repeat(2,1fr); width: 100%; max-width: 1200px; position: absolute; bottom: 55px; }
.main .visual-section .item .btn-div .btn-item{ word-break: keep-all; text-align: left; padding: 12px 0; background: transparent; border: none; color: #7F7F7F; border-top: 4px solid #7F7F7F; font-weight: 600; }
.main .visual-section .item .btn-div .btn-item.on{ border-top: 4px solid #836248; color: #836248; }

.main .visual-section .item.green{ background-image: url('../../img/new2509/main/visual-section/background2.png'); color: #fff;  }
.main .visual-section .item.green h1{ color: #fff; }
.main .visual-section .item.green .title{ color: #fff; }
.main .visual-section .item.green .bar{ background-color: rgba(255,255,255,.4); }
.main .visual-section .item.green .btn-div .btn-item.on{ border-top: 4px solid #fff; color: #fff; }

.main .visual-section .item.type2{ background-image: unset; background-color: #446158; }
.main .visual-section .item.type2 .inner{ display: flex; align-items: center; justify-content: space-between; flex-direction: row;  }
.main .visual-section .item.type2 .t1{ font-size: 22px; line-height: 1.5em; }
.main .visual-section .item.type2 .t2{ font-size: 32px; font-weight: 600; line-height: 1.5em; }
.main .visual-section .item.type2 .item-list{ display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr); }
.main .visual-section .item.type2 .item-list .itm{ text-align: center; gap: 7px; font-size: 20px; font-weight: 600; line-height: 1.25em; flex-direction: column; width: 256px; height: 291px; background-image: url('../../img/new2509/main/visual-section/hexagon.svg'); background-size: 100% 100%; display: flex; align-items: center; justify-content: center; }
.main .visual-section .item.type2 .item-list .itm .icon{ width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .visual-section .item.type2 .item-list > li:nth-child(3){ margin-top: -65px; margin-left: -130px; }
.main .visual-section .item.type2 .item-list > li:nth-child(4){ margin-top: -65px; margin-left: -130px; }
.main .visual-section .item.type2 .bar{ margin-left: 0; width: 100%; }

@media screen and (max-width: 1250px) { 
  .main .visual-section .item .icon{ width: 30px; }
  .main .visual-section .item h1{ margin-top: 20px; font-size: 28px; }
  .main .visual-section .item .title{ font-size: 30px; }
  .main .visual-section .item .bar{ width: 300px; }
  .main .visual-section .item .content{ font-size: 18px; }
  .main .visual-section .item .btn-div{ padding: 0 3vw; bottom: 10px; }

  .main .visual-section .item.type2 .t1{ font-size: 20px;}
  .main .visual-section .item.type2 .t2{ font-size: 28px;}
  .main .visual-section .item.type2 .item-list .itm{ font-size: 18px; width: 200px; height: 230px; }
  .main .visual-section .item.type2 .item-list .itm .icon{ width: 40px; height: 40px; }

  .main .visual-section .item.type2 .item-list > li:nth-child(3){ margin-top: -57px; margin-left: -107px; }
  .main .visual-section .item.type2 .item-list > li:nth-child(4){ margin-top: -56px; margin-left: -105px; }
}
@media screen and (max-width: 950px) { 
  .main .visual-section .item.type2 .inner{ flex-direction: column; justify-content: center; }
  .main .visual-section .item.type2 .text-div{ text-align: center; }
  .main .visual-section .item.type2 .item-list > li{ position: relative; }
  .main .visual-section .item.type2 .item-list > li:nth-child(3){ margin-top: 0; margin-left: 0;}
  .main .visual-section .item.type2 .item-list > li:nth-child(4){ margin-top: 0; margin-left: 0;}
  .main .visual-section .item.type2 .item-list .itm{ position: relative; left: 63px; }
  .main .visual-section .item.type2 .item-list > li:nth-child(3) .itm{ left: unset; top: -57px; right: 40px; }
  .main .visual-section .item.type2 .item-list > li:nth-child(4) .itm{ left: unset; top: -57px; right: 40px; }
}
@media screen and (max-width: 650px) { 
  .main .visual-section .item{ padding: 100px 0; }
  .main .visual-section .item h1{ font-size: 6vw; }
  .main .visual-section .item .title{ font-size: 6vw; }
  .main .visual-section .item .bar{ width: 72vw; }
  .main .visual-section .item .content{ font-size: 4.5vw; }

  .main .visual-section .item .btn-div{ grid-gap: 10px; padding: 5px 3vw; }

  .main .visual-section .item.type2 .t1{ margin-top: 0; font-size: 4vw; }
  .main .visual-section .item.type2 .t2{ font-size: 6vw; }

  .main .visual-section .item.type2 .item-list{ gap: 2vw; margin-left: 3.2vw; } 
  .main .visual-section .item.type2 .item-list .itm{ font-size: 3vw; width: 37vw; height: 42vw; left: 8vw; }  
  .main .visual-section .item.type2 .item-list .itm .icon{ width: 7vw; }
  .main .visual-section .item.type2 .item-list > li:nth-child(3) .itm{ top: -10vw; right: 11vw; }
  .main .visual-section .item.type2 .item-list > li:nth-child(4) .itm{ top: -10vw; right: 11vw; }
}
@media screen and (max-width: 450px) { 
  .main .visual-section .item .btn-div .btn-item{ font-size: 3.3vw; }
}


/* .main .main-title-div */
.main .main-title-div{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.main .main-title-div .bar{ width: 1px; height: 49px; background-color: #B99D89; margin-bottom: 8px; }  
.main .main-title-div .en{ word-break: keep-all; color: #B99D89; font-weight: 700; font-size: 22px; }
.main .main-title-div .en.light{ line-height: 1.25em; font-weight: 500; } 
.main .main-title-div .ko{ word-break: keep-all; color: #4d4d4d; font-size: 26px; font-weight: 700; }
.main .main-title-div .moBr{ display: none; }

@media screen and (max-width: 650px) { 
    .main .main-title-div .moBr{ display: inline-block; }
}

/* .main .about-section  */
.main .about-section{ padding: 80px 0; background-image: url('../../img/new2509/main/about-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .about-section .content-div{ color: #fff; margin-top: 30px; display: flex; gap: 20px; }
.main .about-section .content-div .left-div{ box-shadow: 7px 11px 15px 0 rgba(0, 0, 0, 0.15); flex-grow: 1; background-color: #446158; border-radius: 10px; overflow: hidden; }
.main .about-section .content-div .left-div .content-wrap{ display: flex; align-items: center; padding: 35px 16px; align-items: center; }
.main .about-section .content-div .left-div .content-wrap .img-div{
    flex: 1;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main .about-section .content-div .left-div .content-wrap .lawyer-logo{
    width: 60%;
}
.main .about-section .content-div .left-div .content-wrap .lawyer{
    width: 100%;
    object-fit: contain;
}
.main .about-section .content-div .title-div{ background-color: #1C312A; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 14px 42px; color: #fff; }
.main .about-section .content-div .title-div b{ font-size: 1.25em; font-weight: 700; color: #fff; }
.main .about-section .content-div .left-div .history-list{flex: 1.2; border-left: 1px solid #A4ADAA; padding-left: 48px; margin-left: 20px; }
.main .about-section .content-div .left-div .history-list .t1{ font-weight: 700; font-size: 20px; }
.main .about-section .content-div .left-div .history-list .info{ line-height: 1.5em; }
.main .about-section .content-div .left-div .history-list .info .bg{ display: block; padding: 2px 10px; border-radius: 4px; background-color: #1C312A; }
.main .about-section .content-div .left-div .history-list .info > li{ word-break: keep-all; display: flex; align-items: flex-start; justify-content: flex-start; }
.main .about-section .content-div .left-div .history-list .info > li + li{ margin-top: 4px; }
.main .about-section .content-div .left-div .history-list .info + .info{ margin-top: 10px; } 
.main .about-section .content-div .slide-div{ box-shadow: 7px 11px 15px 0 rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; position: relative; width: 365px; background-color: #446158; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.main .about-section .content-div .slide-div .title-div{ justify-content: center; }
.main .about-section .content-div .slide-div .swiper{ overflow: hidden; height: 100%; }
.main .about-section .content-div .slide-div .slide-box{ 
    position: relative; flex-grow: 1; 
    /* display: flex; align-items: center; justify-content: center; flex-direction: column;  */
}
.main .about-section .content-div .slide-div .slide-btn-wrap{ padding: 0 8px; position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.main .about-section .content-div .slide-div .slide-btn-wrap .slide-btn{ padding: 5px; position: relative; z-index: 3; background: transparent; border: none; }
.main .about-section .content-div .slide-div .swiper-wrapper{ flex-grow: 1; }
.main .about-section .content-div .slide-div .item{ display: flex; align-items: center; justify-content: center; flex-direction: column;  }
.main .about-section .content-div .slide-div .item .img-div{ width: 270px; height: 372px; background-size: 95%; background-repeat: no-repeat; background-position: center; }
.main .about-section .content-div .slide-div .item .text{ font-size: 18px; text-align: center; font-weight: 600; margin-top: 13px; }
.main .about-section .content-div .slide-div .swiper-slide{ display: flex; align-items: center; justify-content: center; }

.main .about-section .content-div .slide-div .slide-box .img-list{ display: grid; grid-template-columns: repeat(2,1fr); gap: 17px; }
.main .about-section .content-div .slide-div .slide-box .img-list .img{ display: block; margin: 0 auto; width: 135px; height: 185px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .about-section .content-div .slide-div .slide-box .img-list .text{ font-size: 14px; font-weight: 600; text-align: center; margin-top: 10px; gap: 6px; }
@media screen and (max-width: 1250px) { 
    .main .about-section .content-div{ flex-direction: column; } 
    .main .about-section .content-div .slide-div{ width: 100%; }
    .main .about-section .content-div .slide-div .slide-box{ padding: 50px; }
    .main .about-section .content-div .left-div .content-wrap .img-div{
        margin-top: 30px;
    }
    .main .about-section .content-div .left-div .content-wrap .lawyer-logo{
        width: 180px;
    }
    .main .about-section .content-div .left-div .content-wrap .lawyer{
        width: 320px;
    }
    .main .about-section .content-div .left-div .history-list{
        flex: 1.5;
    }
    .main .about-section .content-div .slide-div .item{ width:100%; }
    .main .about-section .content-div .slide-div .item .img-div{ width: 100%; height: 32vw; }
    .main .about-section .content-div .slide-div .slide-btn-wrap{ display: none; }
}
@media screen and (max-width: 950px) { 
    .main .about-section .content-div .slide-div .item .img-div{ height: 37vw; }
}
@media screen and (max-width: 900px) { 
    /* .main .about-section .content-div .left-div .content-wrap{ flex-direction: column; gap: 40px; } */
    .main .about-section .content-div .left-div .history-list{ width: 100%;  margin: 0; padding: 0; border: none;} 
    .main .about-section .content-div .left-div .content-wrap .lawyer-logo{
        width: 160px;
    }
    .main .about-section .content-div .left-div .content-wrap .lawyer{
        width: 280px;
    }
    .main .about-section .content-div .left-div .history-list{
        flex: 1.4;
    }
    /* .main .about-section .content-div .left-div .content-wrap .img-div{ width:100%; display: flex; align-items: flex-end; justify-content: center; }
    .main .about-section .content-div .left-div .content-wrap .lawyer{ width: 60%; } */
}
@media screen and (max-width: 730px) {
    .main .about-section .content-div .left-div .content-wrap{ flex-direction: column; gap: 40px; } 
    .main .about-section .content-div .left-div .content-wrap .img-div{
        width: calc(100% - 40px);
        margin-top: 0px;
        background-color: #4b6a60;
        padding-top: 30px;
        border-radius: 10px;
    }
    .main .about-section .content-div .left-div .history-list{
        padding: 0 20px;
    }
}
@media screen and (max-width: 650px) { 
    .main .about-section{ padding: 50px 0; }
    .main .about-section .content-div .slide-div .item .img-div{ width: 45vw; height: 66vw; }
    .main .about-section .content-div .slide-div .slide-box{ padding:2vw 1vw; }

    .main .about-section .content-div .title-div{ padding: 10px 20px; }
    .main .main-title-div .en{ font-size: 18px; }
    .main .main-title-div .ko{ font-size: 22px; }

    .main .about-section .content-div .slide-div .slide-box .img-list .img{ width: 37vw; height: 50vw; }
}
@media screen and (max-width: 500px) { 
    .main .about-section .content-div .title-div{ gap: 5px; } 

    .main .about-section .content-div .left-div .content-wrap{ gap: 20px;} 
    .main .about-section .content-div .slide-div .slide-box{ padding: 8vw 1vw 4vw 1vw; }
    .main .about-section .content-div .slide-div .item .img-div{ width: 60vw; height: 88vw; }
}

@media screen and (max-width: 340px) { 
    .main .about-section .content-div .title-div{ gap: 0; }
    .main .about-section .content-div .title-div .en-name{ display:block; width:100%; }
    .main .about-section .content-div .title-div .en-name .small{ display: block; }
    .main .about-section .content-div .title-div b{ line-height: 1em; }
}

/* .main .category-section */
.main .category-section{ padding: 80px 0; background-image: url('../../img/new2509/main/category-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .category-section .item-list-box{ margin-top: 17px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 4px;  }
.main .category-section .item-list-box .item{ background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center; }
.main .category-section .item-list-box .item.bg2{ background-color: #F2EAE6; }
.main .category-section .item-list-box .item .content-div{ flex-direction: column; gap: 3px; color: #4C4C4C; font-size: 20px; font-weight: 700; border: 2px solid #A68164; border-radius: 4px; width: 100%; padding: 54px 10px; display: flex; align-items: center; justify-content: center; z-index: 3;  }
.main .category-section .item-list-box .item .content-div .circle{ width: 16px; height: 16px; border: 3px solid #A68164; border-radius: 50%; }
.main .category-section .item-list-box .item::before{ content:''; width: 5px; height: 42px; display: block; background-color: #A68164; border-radius: 0 2px 2px 0; left: 0; z-index: 2; position: absolute; }
.main .category-section .item-list-box .item::after{ content:''; width: 5px; height: 42px; display: block; background-color: #A68164; border-radius: 2px 0 0 2px; right: 0; z-index: 2; position: absolute; }
.main .category-section .item-list-box .item .bg-div{ opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.main .category-section .item-list-box .item:hover .content-div{ color: #fff; }
.main .category-section .item-list-box .item:hover .content-div .circle{ border-color: #fff; }
.main .category-section .item-list-box .item:hover .bg-div{ opacity: 1; visibility:visible; }
.main .category-section .item-list-box .item:hover::before{ background-color: #fff; }
.main .category-section .item-list-box .item:hover::after{ background-color: #fff; }

@media screen and (max-width: 1250px) { 
    .main .category-section .item-list-box .item .content-div{ padding: 4vw 10px; font-size: 18px; }

}
@media screen and (max-width: 650px) { 
    .main .category-section{ padding: 50px 0; }
    .main .category-section .item-list-box{ grid-template-columns: repeat(2,1fr); }
    .main .category-section .item-list-box .item .content-div{ padding: 7vw 10px; font-size: 16px; }
}

/* .main .step-section */
.main .step-section{ padding: 80px 0; background-image: url('../../img/new2509/main/step-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .step-section .item-div{ margin-top: 28px; border-radius: 4px; border: 4px solid #A68164; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.main .step-section .item-div .img-content{ display: block; margin:0 auto; width: 100%; }
.main .step-section .item-div .img-content.mo{ display: none; }

@media screen and (max-width: 950px) { 
    .main .step-section{ padding: 50px 0; }
    .main .step-section .item-div{ padding: 0; }
    .main .step-section .item-div .img-content.pc{ display: none; }
    .main .step-section .item-div .img-content.mo{ display: block; }
}

/* .main .youtube-section */
.main .youtube-section{ padding: 80px 0; background-image: url('../../img/new2509/main/youtube-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .youtube-section .youtube-div{ height: 675px; border-radius: 30px; overflow: hidden; margin-top: 20px; }
.main .min-btn-div{ margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.main .min-btn-div .main-btn{ display: block; width: 100%; max-width: 200px; padding: 15px; background-color: #A68164; border-radius: 4px; border: none; text-align: center; font-weight: 600; color: #fff; }

@media screen and (max-width: 1250px) { 
    .main .youtube-section .youtube-div{ border-radius: 20px; height: 53vw; }
}
@media screen and (max-width: 950px) { 
    .main .min-btn-div .main-btn{ padding: 10px; }
}
@media screen and (max-width: 650px) { 
    .main .youtube-section{ padding: 50px 0; }
    .main .youtube-section .youtube-div{ border-radius: 10px; }
    .main .min-btn-div .main-btn{ max-width: 150px; font-weight: 400; }
}

/* .main .apply-section */
.main .apply-section{ padding: 80px 0; background-image: url('../../img/new2509/main/apply-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .apply-section .main-title-div .bar{ background-color: #EDC872; }
.main .apply-section .main-title-div .en{ color: #EDC872; }
.main .apply-section .main-title-div .ko{ color: #fff; }
.main .apply-section .white-bg-div{ padding: 60px 100px; margin: 20px auto 0 auto; max-width: 734px; background-color: #fff; border-radius: 4px;  }
.main .apply-section .white-bg-div .formList{ width: 100%; margin: 0 auto; }
.main .apply-section .white-bg-div .formList > li .iptBox.type1{ display: flex; gap: 5px; }
.main .apply-section .white-bg-div .formList > li .iptBox .ipt{ background-repeat: no-repeat; background-position: right 10px center; }
.main .apply-section .white-bg-div #datepicker{ background-image: url('../../img/new2509/common/dateIcon.png'); }
.main .apply-section .white-bg-div #timepicker{ background-image: url('../../img/new2509/common/clockIcon.png'); }
.main .apply-section .agreeCheckDiv{ width: 100%; max-width: 524px; margin: 0 auto; }
.main .apply-section .agreeCheckDiv label input[type="checkbox"] + .textBox{ align-items: center; }
.main .apply-section .min-btn-div .main-btn{ max-width: 260px; background-color: #446158; }

@media screen and (max-width: 950px) { 
    .main .apply-section .white-bg-div{ padding: 40px 20px; }
    .main .apply-section .agreeCheckDiv{ padding: 0 5px; }
}
@media screen and (max-width: 650px) { 
    .main .apply-section{ padding: 50px 0; }
}

/* .main .location-section */
.main .location-section .green-bg{ background-color: #1C312A; padding:100px 0 33px 0; }
.main .location-section .green-bg .main-title-div{ align-items: flex-start; }
.main .location-section .main-title-div .en .text{ color: #EDC872; }
.main .location-section .main-title-div .bar{ background-color: #EDC872; }
.main .location-section .main-title-div .en{ text-align: left; color: #fff; }
.main .location-section .main-title-div .ko{ text-align: left; color: #fff; }
.main .location-section .info-div{ background-image: url('../../img/new2509/main/location-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 60px 0; }
.main .location-section .info-div .info-list{ color: #446158; font-weight: 700; font-size: 18px; display:flex; flex-wrap: wrap; gap: 10px; padding: 10px 0; border-top: 2px solid #446158; }
.main .location-section .info-div .info-list .info{ padding-right: 42px; }
.main .location-section .map-box{ margin-top: 10px; height: 500px; border-top: 6px solid #446158; border-bottom: 6px solid #446158; }
.main .location-section .agreeCheckDiv label input[type="checkbox"] + .textBox{ text-decoration: underline; }  

@media screen and (max-width: 1250px) { 
    .main .location-section .green-bg .main-title-div{ align-items: center; }
    .main .location-section .main-title-div .en{ text-align: center; }
    .main .location-section .main-title-div .ko{ text-align: center; } 
}
@media screen and (max-width: 650px) { 
    .main .location-section .green-bg{ padding: 50px 0 30px 0; }
    .main .location-section .info-div .info-list{ gap: 5px; font-size: 16px; }
    .main .location-section .info-div .info-list .info{ position: relative; padding-left: 10px; width: 100%; padding-right: 0; }
    .main .location-section .info-div .info-list .info::before{ content:'∙'; position: absolute; left: 0; top: 0; }
    .main .location-section .map-box{ height: 80vw; }
}

/* .floating-menu */
.floating-menu{ font-size: 14px; color: #446158; position: fixed; right: 70px; bottom: 60px; z-index: 9; text-align: center; background-color: rgba(255,255,255,.8); padding: 15px 20px; border-radius: 1000px; }
.floating-menu > li{ display: flex; flex-direction: column; gap: 0px; justify-content: center; align-items: center; }
.floating-menu > li + li{ margin-top: 10px; }
.floating-menu > li .icon{ filter: drop-shadow(5px 6px 4px rgba(0, 0, 0, 0.05)); display: block; margin: 0 auto; }

@media screen and (max-width: 1550px) { 
    .floating-menu{ right: 10px; bottom: 10px; }
}
@media screen and (max-width: 1250px) { 
    .floating-menu{ padding: 15px 10px; }
}
@media screen and (max-width: 950px) { 
    .floating-menu .text{ display: none; }
}
@media screen and (max-width: 650px) { 
    .floating-menu{ gap: 10px; padding: 10px 5px; }
    .floating-menu .icon{ width: 40px; }
}

.floating-menu { position: fixed; right: 20px; bottom: 40px; z-index: 999; transition: opacity 0.3s ease; }


.sec_top{ padding-top: 82px; }
@media screen and (max-width: 1250px) { 
    .sec_top{ padding-top: 72px; }
}
@media screen and (max-width: 950px) { 
    
}
@media screen and (max-width: 650px) { 
    .sec_top{ padding-top: 53px; }
}