@charset "utf-8";
/* main.css */
/* section 만 제공 */
/* main.css */

@media screen and (max-width: 2000px) {
    #hd_wrapper {width:100%;}
    #gnb {width: calc(80% - 290px);}
    .gnb__logo-link img{width:200px;}
    .gnb_1da {font-size:20px; padding: 0 40px;}
    .gnb_2da {font-size:18px;}
    .gnb_line {background-color: #fff;}
}
@media screen and (max-width: 1440px) {
    .gnb__logo-link img{width:180px;}
    .gnb_1da {font-size: 19px;padding: 0 30px;}
    .gnb_2da {font-size:18px;}
    .hd_right .global img{width: 40px;}
}
@media screen and (max-width: 1320px) {
    .slide-wr .controler {right: 200px;}
    .gnb__logo-link img {width: 100px;}
    .gnb_1da {padding: 0px 25px;}
    #logo {width: 150px;}
    .menu {/* width: 40px; height: 60px; */}
    .global img {width:35px;}
}
@media screen and (max-width: 1200px) {
    .gnb_1da {font-size:19px;padding: 0 15px;}
}
@media screen and (max-width: 1024px) {
    .hd_right .global img {width: 35px;}
    .gnb_1da {padding: 0 15px;}
    #footer .footer__item {font-size: 16px;}
    .slide-wr .controler {right: 110px !important;}

    .section02, .section03, .section04 {height: fit-content;}
    .section04 .three .list {padding: 40px 30px; justify-content: center;}
}
@media screen and (max-width: 768px) {
    .top_tit{display: none;}
    .slide-wr .controler {bottom: 80px !important;}
    .main-visu-prev.slick-arrow img, .main-visu-next.slick-arrow img{width:50px;}
    /*.section03 .main__bg {height: 50vh;}*/
}
@media screen and (max-width: 650px) {
    .slide-wr .controler {bottom: 50px !important; left: 50px !important;}
}
@media screen and (max-width: 500px) {
    #hd_wrapper {margin: 0;}
    .slide-wr .controler{display: none;}
    .top__button {padding-bottom: 5px;}
    .hd_right {gap: 20px;}
}
@media screen and (max-width: 425px) {
    .hd_right .global img{width: 28px;}
}
@media screen and (max-width: 375px) {
    #footer .footer__item{font-size: 14px;}
    #footer .footer__logo img {max-width: 160px;}
}
@media screen and (max-width: 320px) {
    #footer .footer__logo img {max-width: 130px;}
    .hd_right {gap: 15px;}
}

.section01 .slide-wr .visual-slide img {width: 100%;height: 100vh;object-fit: cover;}
.section01 .slide-wr {position:relative;}
.section01 .slide-wr .visual-slide {overflow:hidden;position:relative;/* padding:0 0 80px; */}
.section01 .slick-slide {display:block;float:left;}
.section01 .progress {display:block;width:100%;max-width:1100px;padding:0 50px;margin:0 auto;height:4px;border-radius:10px;position:relative;overflow:hidden;background-color:#f5f5f5;background-image:linear-gradient(to right,black,black);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
.section01 .main__bg {height: 100vh; width: 100%;position: relative;}
.section01 .main__bg .half {height:100vh;display:flex;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.section01 .main__bg .half .left__menu {flex:0 1 calc(100% - 100px);color: #fff;position: relative;}
/* .section01 .main__bg .half .left__menu:before{content:'';height:100%;position:absolute;width:1px;top:50%;left:50%;transform:translate(-50%,-50%);background: #ffffff40;} */
.section01 .main__bg .half .left__menu .text {position:absolute; bottom:16%; left: 100px;}
.section01 .main__bg .half .left__menu .text .tit {font-size: 70px;font-family:'GmarketSans';font-weight:700;margin-bottom: 70px;}
.section01 .main__bg .half .left__menu .text .txt {font-size: 46px; font-weight:300;}
.section01 .main__bg .half .left__menu .text .txt strong {font-weight:700;}

.section01 .main__bg .half .right__menu {flex: 0 1 calc(100px); background-color: #17323f80;}
.section01 .main__bg .half .right__menu .threee_menu{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;}
.section01 .main__bg .half .right__menu .threee_menu a {flex:0 1 calc(100% / 3);font-family:GmarketSans;font-size:35px;color: #ffffff70;/* padding: 0 120px 0 40px; */border-left: 1px solid #ffffff40;}
.section01 .main__bg .half .right__menu .threee_menu a li.flex{display:flex;flex-direction:column;justify-content: space-around;padding:  0 120px 0 40px;height: 100%;}
.section01 .main__bg .half .right__menu .threee_menu a li.flex .img{height: 58px; width: 58px;}
.section01 .main__bg .half .right__menu .threee_menu a:hover li{background: #00000070;transition: all 0.3s;color: #fff;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(1) li .img{background: url('../img/section01_icon01.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(1):hover li.flex .img{background: url('../img/section01_icon01_hover.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(2) li.flex .img{background: url('../img/section01_icon02.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(2):hover li.flex .img{background: url('../img/section01_icon02_hover.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(3) li.flex .img{background: url('../img/section01_icon03.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(3):hover li.flex .img{background: url('../img/section01_icon03_hover.png') no-repeat center;transition: all 0.3s;background-size: contain;}
.section01 .main__bg .half .right__menu .threee_menu a li .flex{display:flex;align-items:center;justify-content: space-between;}
.section01 .main__bg .half .right__menu .threee_menu a li:hover{letter-spacing: 1px;}
.section01 .main__bg .half .right__menu .threee_menu a li:hover .flex .next-icon{background: url('../img/next-icon.png') no-repeat center;width: 26px; height: 26px;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(1) li{border-bottom: 1px solid #ffffff40;}
.section01 .main__bg .half .right__menu .threee_menu a:nth-child(2) li{border-bottom: 1px solid #ffffff40;}
.section01 .main__bg .half .right__menu:after {content:'';height:100vh;width: 100px;position:absolute;right:0;background:17323f80;top:50%;transform:translateY(-50%);}
.section01 .bottom_text {transition:all .1s;}

.hd_right .global img {width: 45px;}
.main-visu-prev.slick-arrow img, .main-visu-next.slick-arrow img {width: 80px; cursor: pointer;}
.slide-wr .controler {position: absolute; bottom: 100px; display: flex; gap: 50px; right: 200px; z-index: 1;}

@media screen and (max-width:1800px) {
    /*.section01 .main__bg .half .right__menu:after{width: 4.5%;}*/
}

@media screen and (max-width:1600px) {
    .section01 .main__bg .half .right__menu{width: 5%;}
    /*.section01 .main__bg .half .right__menu:after{width: 5%;}*/
}

@media screen and (max-width: 1440px) {
    .section01 .main__bg .half .left__menu .text {left:80px;}
    .section01 .main__bg .half .right__menu {width: 6%;}
    /*.section01 .main__bg .half .right__menu:after{width: 6%;}*/
    .section01 .main__bg .half .left__menu .text .tit{font-size: 64px;margin-bottom: 8px;}
    .section01 .main__bg .half .left__menu .text .txt{font-size: 28px;}
    .section01 .main__bg .half .right__menu .threee_menu a li{font-size: 28px;}
    .section01 .main__bg .half .right__menu .threee_menu a li.flex .img{width:45px;height:45px;background-size:contain;}
}

@media screen and (max-width: 1024px) {
    .section01 .main__bg .half .left__menu .text {left:40px;}
    .section01 .main__bg .half .left__menu .text .tit{font-size: 48px;margin-bottom: 6px;line-height: 1.6;}
    .section01 .main__bg .half .left__menu .text .txt{font-size: 21px;}
    .section01 .main__bg .half .right__menu:after {display: none}
    .section01 .main__bg .half .right__menu .threee_menu a li{padding: 0 30px; font-size: 24px;}
    .section01 .main__bg .half .right__menu .threee_menu a li.flex .img{width: 40px;height: 40px;}
}

@media screen and (max-width: 768px) {
    .section01 .slide-wr .visual-slide img {height: 100vh;}
    .section01 .main__bg {height: 100vh; background-size: cover;}
    .section01 .main__bg .half {flex-direction: column; padding:150px 0 0; height: 100%;}
    .section01 .main__bg .half .left__menu {/*flex: none;*/}
    .section01 .main__bg .half .left__menu .text {position: relative;bottom: auto; left: auto;padding: 0 30px;}
    .section01 .main__bg .half .left__menu .text .tit {font-size: clamp(36px,4vw,48px);line-height: 1.2;}
    .section01 .main__bg .half .left__menu .text .txt {font-size: clamp(16px,3vw,21px);line-height: 1.4;}
    .section01 .main__bg .half .left__menu:before {display: none;}
    .section01 .main__bg .half .right__menu {/*flex: none;*/}
    .section01 .main__bg .half .right__menu .threee_menu a li{font-size: 20px;border-left: none;border-bottom: 1px solid #ffffff40;}
    .section01 .main__bg .half .right__menu .threee_menu a:last-child li{border-bottom: none;}
    .section01 .main__bg .half .right__menu .threee_menu a li.flex{gap: 15px;padding: 20px 40px;flex-direction: row;justify-content: flex-start;}
    .section01 .main__bg .half .right__menu .threee_menu{height: auto;}
}

@media screen and (max-width: 500px) {
    .section01 .main__bg {/*max-height: 500px;*/}
    .section01 .main__bg .half .right__menu .threee_menu{display: none;}
    .section01 .slide-wr .visual-slide img {/*height: 50vh;*/}
    .section01 .main__bg .half .left__menu .text{padding: 0 20px 20px;}
    .section01 .main__bg .half .left__menu .text .tit {font-size: clamp(24px,6vw,36px);margin-bottom: 15px;}
    .section01 .main__bg .half .left__menu .text .txt {/* font-size: clamp(13px,4vw,16px); */}
}

@media screen and (max-width: 380px) {
    .section01 .main__bg .main-visu-prev.slick-arrow img,
    .section01 .main__bg .main-visu-next.slick-arrow img {width: 40px;}
    .section01 .slide-wr .controler {gap: 20px;}
    .section01 .main__bg .half .right__menu {background-color: unset;}

    /*.section02 .sec_tit,
    .section04 .sec_tit {display: none;}*/
}

.section02 .main__bg {height: 100vh; background: url('../img/section02_bg.jpg') no-repeat center;width: 100%;position: relative; background-size: cover;}
.section02 .main__bg .sec_tit {position: absolute; top: 8%; left: 100px; color:#fff; font-size: 24px;font-weight: 700;}
.section02 .three { display:flex;align-items:center;flex-wrap:wrap; width:100%; height:100%;}
.section02 .three .list {color: #ffffff70;height:100%;flex:0 1 calc(100% / 3);border-right: 1px solid #ffffff40;padding: 0 130px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;}
.section02 .three .list a {color: #fff;min-height: 130px; /*margin-top: 240px;*/}
.section02 .three .list:hover {background: #00000070;transition: all 0.3s;color: #fff;}
.section02 .three .list:hover a .txt {display: block;}
.section02 .three .list:hover a {color: #fff;}
.section02 .three .list a .tit {transition: all 0.3s;display: flex;font-size: 48px;font-family: 'GmarketSans';font-weight: 700;margin-bottom:40px;width: 100%;}
.section02 .three .list:hover .tit {letter-spacing: 1px;}
.section02 .three .list a .top_tit {position:absolute;top:20%;color: #fff;font-family: 'GmarketSans'; font-size: 30px; font-weight:500;letter-spacing: 0;transition: all 0.3s; }
.section02 .three .list:hover .tit .next-icon {background:url('../img/next-icon.png') no-repeat center;background-size: 34px;width:26px;padding-left: 14%;}
.section02 .three .list a .txt {font-size: 20px;transition:all .3s;line-height: 1.5em;display: none;font-weight: 300;}

@media screen and (max-width:2000px) {
    .section02 .three .list{padding:0 80px;}
    .section02 .three .list a .tit{font-size:43px;}
}

@media screen and (max-width:1600px) {
}

@media screen and (max-width: 1440px) {
    .section02 .main__bg .sec_tit {left:80px;}
    .section02 .three .list a .top_tit{font-size:28px};
    .section02 .three .list {padding: 0 0 0 80px;}
    .section02 .three .list a .txt{font-size:17px}
    .section02 .three .list:hover .tit .next-icon{background-size: 22px;width:26px;}
    .section02 .three .list a .tit{font-size:30px;margin-bottom: 25px;}
}

@media screen and (max-width: 1240px) {
    .section02 .three .list a .top_tit{font-size: 20px}
    .section02 .three .list{padding: 0 20px 0 40px;}
}

@media screen and (max-width: 1024px) {
    .section02 .main__bg {height: 100vh;}
    .section02 .main__bg .sec_tit {left:40px;}
    .section02 .three{/* flex-direction: column; */}
    .section02 .three .list{/* justify-content: start; *//* padding-top: 20%; */}
    .section02 .three .list:last-child{border-bottom: none;}
    .section02 .three .list a .tit{font-size: 32px;margin-bottom: 32px;}
    .section02 .three .list a .txt{font-size: 18px;min-height: auto;display: block;}
    /*.section02 .three .list a .top_tit {font-size: 18px;position: relative;top: auto;}*/
    .section02 .three .list:hover .tit .next-icon{}
    .section02 .three .list a{margin-top: 0px;height: 200px;}
}

@media screen and (max-width: 768px) {
    .section02 .main__bg {padding: 40px 0;}
    .section02 .main__bg .sec_tit {position: relative;}
    .section02 .main__bg {display:flex; flex-direction: column; gap: 40px; height: fit-content;}
    .section02 .three {flex-direction: column;}
    .section02 .three .list {padding: 0px 30px;width: 100%;border-right: unset;border-bottom: 1px solid #ffffff40;}
    .section02 .three .list a {height: 0px;}
    .section02 .three .list a .txt {font-size: 16px;}
    .section02 .three .list a .tit {font-size: 28px; margin-bottom: 20px;}
    .section02 .three .list a .top_tit {font-size: 16px;padding: 0 0 8px;}
}

@media screen and (max-width: 500px) {
    .section02 .main__bg .sec_tit {left: 20px;font-size: 24px;}
    .section02 .three .list {padding: 30px 20px;}
    .section02 .three .list a .txt {font-size: 15px;display: block;min-height: auto;}
    .section02 .three .list a .tit {font-size: 24px; margin-bottom: 15px;}
    .section02 .three .list a .top_tit {font-size: 14px;}
    .section02 .three {flex-direction: column;}
    .section02 .three .list {width: 100%; border-right: none;border-bottom: 1px solid #ffffff40;}
    .section02 .three .list:last-child {border-bottom: none;}
    .section02 .three .list:hover .tit .next-icon {background-size: 18px;width:18px;}
}

@media screen and (max-width: 380px) {
    .section02 .main__bg {padding: 40px 0;}
    .section02 .three {}
    .section02 .three .list a .tit{font-size: 21px;}
    .section02 .three .list a .txt{font-size: 14px;}
}

.section03 {overflow:hidden;}
.section03 .main__bg{height:100vh;width:100%;position:relative;}
.section03 .main__bg .img img{height:100vh;width:100%;object-fit:cover;}
.section03 .main__bg .half{height:100vh;display:flex;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.section03 .main__bg .half .left__menu{flex:0 1 calc(66.6%);color:#fff;position:relative;font-family: 'GmarketSans';}
/* .section03 .main__bg .half .left__menu:before{content:'';height:100%;position:absolute;width:1px;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff40;} */
.section03 .main__bg .half .left__menu .sec_tit {position: absolute;top: 8%;left: 100px;color:#fff;font-size: 24px;font-weight: 700;}
.section03 .main__bg .half .left__menu .text{position:absolute;top: 20%;left: 130px;}
.section03 .main__bg .half .left__menu .text .tit{font-size: 70px;font-family:'GmarketSans';font-weight:900;margin-bottom: 50px;line-height: 90px;}
.section03 .main__bg .half .left__menu .text .txt{font-size:33px;line-height: 50px;font-family: 'GmarketSans';font-weight: 500;}
.section03 .main__bg .half .right__menu{flex:0 1 calc(33.3%);}
.section03 .main__bg .half .right__menu .threee_menu{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;}
.section03 .main__bg .half .right__menu .threee_menu a {flex:0 1 calc(100% / 3);font-family:GmarketSans;font-size: 40px;color:#fff;border-left: 1px solid #ffffff40;}
.section03 .main__bg .half .right__menu .threee_menu a li.flex {display:flex;flex-direction:column;justify-content: center;gap: 0; padding: 0 50px;height: 100%;}
.section03 .main__bg .half .right__menu .threee_menu a li.flex .img {height: 58px; width: 58px;}
.section03 .main__bg .half .right__menu .threee_menu a:hover li {background: #00000070;transition: all 0.3s;color: #fff;}
.section03 .main__bg .half .right__menu .threee_menu a li .flex {display:flex;align-items: end;justify-content: space-between;}
.section03 .main__bg .half .right__menu .threee_menu a li:hover {letter-spacing: 0px;}
.section03 .main__bg .half .right__menu .threee_menu a li .flex.tit {
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
    font-size: 20px;font-weight: 500;
}
.section03 .main__bg .half .right__menu .threee_menu a li .flex.tit .mo-only {display: inline-block;}

.section03 .main__bg .half .right__menu .threee_menu a li .flex.tit span {font-size: 40px;font-weight: 900;}
.section03 .main__bg .half .right__menu .threee_menu .txt {display:none; padding-top: 30px; font-family: 'Pretendard'; font-size: 20px; font-weight: 300; flex: 0 1 80%;line-height: 130%;}
.section03 .main__bg .half .right__menu .threee_menu a li:hover .txt{display:block;letter-spacing: -1px;}
.section03 .main__bg .half .right__menu .threee_menu a li:hover .flex .next-icon{background: url('../img/next-icon.png') no-repeat center;width: 40px;height: 40px;background-size: 37px;margin-bottom: 5px;}
.section03 .main__bg .half .right__menu .threee_menu a:nth-child(1) li{border-bottom: 1px solid #ffffff40;}
.section03 .main__bg .half .right__menu .threee_menu a:nth-child(2) li{border-bottom: 1px solid #ffffff40;}

@media screen and (max-width: 2000px) {
    .section03 .main__bg .half .left__menu .text .tit {font-size:60px;}
    .section03 .main__bg .half .left__menu .text .txt {font-size:29px;}
    .section03 .main__bg .half .right__menu .threee_menu a:hover li {gap:15px;}
    .section03 .main__bg .half .right__menu .threee_menu .txt {font-size:20px;line-height:38px;}
}

@media screen and (max-width: 1440px) {
    .section03 .main__bg .half .left__menu .sec_tit{left: 80px;}
    .section03 .main__bg .half .left__menu .text .tit{font-size: 38px;line-height: 1.4;margin-bottom: 28px;}
    .section03 .main__bg .half .left__menu .text .txt{font-size: 21px;line-height: 1.5;}
    .section03 .main__bg .half .right__menu .threee_menu a li{font-size: 28px;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex .img{width:45px;height:45px;background-size:contain;}
    .section03 .main__bg .half .left__menu .top_tit{font-size:21px;left: 80px;}
    .section03 .main__bg .half .right__menu .threee_menu a li:hover .flex .next-icon{width: 22px;height: 22px;background-size: 20px;}
    .section03 .main__bg .half .left__menu .text{left:80px;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex{padding: 0 80px 0 70px;}
    .section03 .main__bg .half .right__menu .threee_menu a li .flex.tit{font-size:28px}
    .section03 .main__bg .half .right__menu .threee_menu .txt{font-size:16px;line-height:1.5;}

}
@media screen and (max-width: 1024px) {
    .section03 .main__bg .half .left__menu .sec_tit {left: 40px;}
    .section03 .main__bg .half .left__menu .text .tit {margin-bottom: 6px;}
    .section03 .main__bg .half .left__menu .text .txt {font-size: 20px;}
    .section03 .main__bg .half .right__menu .threee_menu a li {padding: 0 30px; font-size: 24px;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex .img {width: 40px;height: 40px;}
    .section03 .main__bg .half .left__menu .top_tit{left: 40px;}
    .section03 .main__bg .half .left__menu .text {left:40px;}
    .section03 .main__bg .half .right__menu .threee_menu .txt {display:block; font-weight: 400;letter-spacing: -1px;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex {gap:15px;padding: 30px;}
}
@media screen and (max-width: 768px) {
    .section03 .main__bg .half {flex-direction: column;padding: 30px 0 0;height: 100%;justify-content: space-evenly;}
    .section03 .main__bg .half .left__menu {flex: none;}
    .section03 .main__bg .half .left__menu .sec_tit {position: relative; left: 40px;}

    .section03 .main__bg .half .left__menu .text {position: relative; padding: 0;}
    .section03 .main__bg .half .left__menu .text .tit {font-size: 27px;line-height: 1.2;}
    .section03 .main__bg .half .left__menu .text .txt {font-size: 18px;line-height: 1.4;}
    .section03 .main__bg .half .right__menu {flex: none;}
    .section03 .main__bg .half .left__menu:before{display: none;}
    .section03 .main__bg .half .right__menu .threee_menu a {border-left: 0;}
    .section03 .main__bg .half .right__menu .threee_menu a li{font-size: 20px;border-left: none;border-bottom: 1px solid #ffffff40;}
    .section03 .main__bg .half .right__menu .threee_menu a:last-child li{border-bottom: none;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex{padding: 20px 40px;gap: 15px;}

    .section03 .main__bg .half .right__menu .threee_menu {height: auto;}
    .section03 .main__bg .half .right__menu .threee_menu a li .flex{justify-content: flex-start;}
    .section03 .main__bg .half .right__menu .threee_menu .txt{display: block;font-size: 16px;}
}
@media screen and (max-width: 500px) {
    .section03 .main__bg .half{padding: 0px;}
    .section03 .main__bg .half .left__menu .text {padding: 0 0px;}
    .section03 .main__bg .half .left__menu .text .tit{font-size: 24px;}
    .section03 .main__bg .half .left__menu .text .txt{font-size: 16px;}
    .section03 .main__bg .half .right__menu .threee_menu a li{font-size: clamp(17px,4vw,20px);}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex{padding: 20px 20px;}
    .section03 .main__bg .half .right__menu .threee_menu .txt{font-size: 14px;}
    .section03 .main__bg .half .right__menu .threee_menu a li .flex.tit{font-size:24px;}
    .section03 .main__bg .half .right__menu .threee_menu a li:hover .flex .next-icon{width: 16px;height: 16px;background-size: 16px;}
}

@media screen and (max-width: 380px) {
    .section02 .main__bg {padding: 40px 0;}
    .section03 .main__bg .half {padding-top: 20px;}
    .section03 .main__bg .half .left__menu .sec_tit {left:20px; font-size: 24px;font-weight: 500;}
    .section03 .main__bg .half .left__menu .text {left:20px;}
    .section03 .main__bg .half .left__menu .text .tit{font-size: 21px;}
    .section03 .main__bg .half .left__menu .text .txt{font-size: 14px;}
    .section03 .main__bg .half .right__menu .threee_menu .txt{font-size: 14px;}
    .section03 .main__bg .half .right__menu .threee_menu a li .flex.tit {font-size: 18px;}

    .section03 .main__bg .half .right__menu .threee_menu a li .flex.tit span {font-size: 20px;}
}

/* section04 */
.section04 .main__bg {height:100vh;background: url('../img/section04_bg.jpg') no-repeat center;width: 100%;position: relative; background-size: cover;}
.section04 .main__bg .sec_tit {position: absolute; top: 8%; left: 100px; color:#fff; font-size: 24px;font-weight: 700;}
.section04 .three {display:flex;align-items:center;flex-wrap:wrap;height:100%;width:100%;}
.section04 .three .list {color: #ffffff70;height:100%;flex:0 1 calc(100% / 3);border-right: 1px solid #ffffff40;padding: 0 130px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;}
.section04 .three .list a {color: #fff;min-height: 130px;/*margin-top: 240px;*/}
.section04 .three .list a .top_tit {transition: all 0.3s;position:absolute;top:20%;color: #fff;font-size: 30px;font-weight:500;font-family: 'GmarketSans';letter-spacing: 0;}
.section04 .three .list:hover {background: #00000070;transition: all 0.3s;color: #fff;}
.section04 .three .list:hover a .txt {display: block;}
.section04 .three .list:hover a {color: #fff;}
.section04 .three .list a .tit {transition: all 0.3s;display: flex;font-size: 50px;font-weight:900;margin-bottom: 40px;width: 100%;font-family: 'GmarketSans';}
.section04 .three .list:hover .tit {letter-spacing: 1px;}
.section04 .three .list:hover .tit .next-icon {background:url('../img/next-icon.png') no-repeat center;background-size: 34px;width:26px;padding-left: 14%;}
.section04 .three .list a .txt {font-size: 20px;transition:all .3s;line-height: 1.5em;display: none;font-weight: 300;}

@media screen and (max-width:2000px) {
    .section04 .three .list a .tit{font-size:43px;}
    .section04 .three .list{padding:0 80px;}
}

@media screen and (max-width:1600px) {
}

@media screen and (max-width: 1440px) {
    .section04 .main__bg .sec_tit {left: 80px;}
    .section04 .three .list a .top_tit{font-size:28px};
    .section04 .three .list{padding: 0 0 0 80px;}
    .section04 .three .list a .tit{font-size:30px;}
    .section04 .three .list a .txt{font-size:17px}
    .section04 .three .list:hover .tit .next-icon{background-size: 22px;width:26px;}
}

@media screen and (max-width: 1240px) {
    .section04 .three .list a .top_tit{font-size: 20px}
    .section04 .three .list{padding: 0 20px 0 40px;}
}

@media screen and (max-width: 1024px) {
    .section04 .main__bg {height: 100vh;}
    .section04 .main__bg .sec_tit {position: relative;left: 40px;}
    .section04 .three{}
    .section04 .three .list {padding: 20px;}
    .section04 .three .list:last-child{border-bottom: none;}
    .section04 .three .list a{margin-top:0px;height: 200px;}
    .section04 .three .list a .tit{font-size: 32px; margin-bottom: 32px;}
    .section04 .three .list a .txt{font-size: 18px;min-height: auto;display: block;}
    /*.section04 .three .list a .top_tit{font-size: 18px;position: relative;top: auto;}*/
    .section04 .three .list:hover .tit .next-icon{}

    .section04 .main__bg .title-wrap .sub_title{font-size: 22px;}
    .section04 .title-wrap .title{font-size: 38px;}
    .section04 .title-wrap .title img{height: 36px;}
}
@media screen and (max-width: 768px) {
    .section04 .main__bg {padding: 40px 0;}
    .section04 .content-wrap .bx-wrapper{padding: 0 20px;}
    .section04 .main__bg{/* padding: 60px 0; */}

    .section04 .main__bg {display:flex; flex-direction: column; gap: 40px; height: fit-content;}

    .section04 .main__bg .title-wrap .sub_title{font-size: 18px;}
    .section04 .title-wrap .title{font-size: 32px;}

    .section04 .three{flex-direction: column;}
    .section04 .three .list {padding: 40px 30px;width: 100%; border-right: none;border-bottom: 1px solid #ffffff40;}
    .section04 .three .list a {height:unset;}
    .section04 .three .list a .txt{font-size: 16px;}
    .section04 .three .list a .tit{font-size: 28px; margin-bottom: 20px;}
    .section04 .three .list a .top_tit{font-size: 16px;padding: 0 0 8px;}
}
@media screen and (max-width: 500px) {
    .section04 .content-wrap .bx-wrapper li{padding: 0 10px;}
    .section04 .content-wrap .bx-wrapper .table_name{margin-bottom: 20px;}
    .section04 .content-wrap .bx-wrapper .table_name img{display: none;}
    .section04 .content-wrap .bx-wrapper .date{font-size: clamp(14px,2vw,16px);}
    .section04 .content-wrap .bx-wrapper .title{font-size:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;white-space:normal;}
    .section04 .three .list:hover .tit .next-icon{background-size: 18px;width:18px;}
    .section04 .three .list {padding: 30px 20px;}
    .section04 .three .list a .txt{font-size: 14px;display: block;min-height: auto;}
    .section04 .three .list a .tit{font-size: 24px; margin-bottom: 15px;}
    .section04 .three .list a .top_tit{font-size: 14px;}
    .section04 .three{flex-direction: column;}
    .section04 .three .list{width: 100%;}
    .section04 .three .list:last-child{border-bottom: none;}
}
@media screen and (max-width: 375px) {

    .section04 .main__bg .sec_tit {left: 20px;}
    .section04 .three .list a .tit{font-size: 20px;}
    .section04 .three .list a .txt{font-size: 14px;}
}

.section05 .main__bg{height: 1000px;background: url('../img/section05_bg.jpg') center center no-repeat;width: 100%;position: relative;background-size: cover;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-evenly;}
/* Top centered title/description */
.section05 .main__bg .center {position: relative;text-align:center;padding: 0px 130px;}
.section05 .main__bg .center .txt {font-family: 'GmarketSans';font-size: 24px;font-weight: 500;margin-top: 70px;color:#ffffffc0;line-height:1.7em;}
.section05 .main__bg .center .tit {font-family:'GmarketSans';font-size: 46px;font-weight:900;padding:14px 0 18px;color:#ffffff;}
.section05 .main__bg .center .link {border-radius:30px;color:#fff;padding:10px 50px;border:1px solid #fff;transition: all 0.3s;}
.section05 .main__bg .center .link:hover {letter-spacing: 1px;}
/* Bottom menu: four columns */
.section05 .menu__list.three {position: relative;display:flex;align-items: stretch;flex-wrap: wrap;width:100%;padding: 70px 100px 0;}
.section05 .menu__list.three:before {content:"";position:absolute; left: 100px;right: 100px;top:0;height: 1px;background:#ffffff66;}
.section05 .menu__list.three .list {color:#ffffffb3;flex:1 1 25%;padding: 40px 0px; display:flex;flex-direction:column;justify-content:space-between;min-width:260px;min-height:100%;}
.section05 .menu__list.three .list:not(:first-child) {padding-left: 50px;padding-right: 0px;padding-top: 40px;padding-bottom: 40px;}
.section05 .menu__list.three .list a {display:block;height:100%;color:#ffffffb3; border-right:1px solid #ffffff33;}
.section05 .menu__list.three .list:last-child a {border-right:0;}
.section05 .menu__list.three .list:hover {}
.section05 .menu__list.three .list:hover a {color:#fff;}
.section05 .menu__list.three .list .bottom_text {display:flex;flex-direction:column;height:100%;justify-content:space-between;}
.section05 .menu__list.three .list .bottom_text .tit {display:flex;align-items:center;font-size: 38px;font-weight:900;font-family:'GmarketSans';margin-bottom:18px;}
.section05 .menu__list.three .list:hover .bottom_text .tit {letter-spacing:.5px;}
.section05 .menu__list.three .list .bottom_text .txt .next-icon {display: none; width: 25px; height: 25px; background:url(../img/next-icon.png) no-repeat center;background-size:contain;margin-bottom: 5px;}
.section05 .menu__list.three .list:hover .bottom_text .txt .next-icon {display: block;}

.section05 .menu__list.three .list .bottom_text .txt {font-size: 24px;line-height: 1.4em;font-weight: 300;display: flex;align-items: end;justify-content: space-between;margin-right: 60px;margin-top: auto;}
.section05 .menu__list.three .list:last-child .bottom_text .txt {margin-right: 0px;}
.section05 .menu__list.three .list .bottom_text .txt .txt_inner {flex: 0 1 90%; font-size: 18px; font-weight: 300; }

@media screen and (max-width:2000px) {
    .section05 .menu__list.three .list .bottom_text .txt{font-size:21px;}
    .section05 .menu__list.three .list .bottom_text .tit{font-size:30px;}
    .section05 .menu__list.three {padding: 0px 100px 0;}
}
@media screen and (max-width:1800px) {
    .section05 .main__bg .center .txt{font-size:29px;}
}
@media screen and (max-width: 1440px){
    .section05 .main__bg{height: 800px;}
    .section05 .main__bg .center{padding: 50px 80px 0;}
    .section05 .menu__list.three {padding: 0px 80px;}
    .section05 .menu__list.three:before{left: 80px;right: 80px;}
    .section05 .menu__list.three .list:not(:first-child){padding-left:60px;padding-right: 0px;padding-top: 40px;padding-bottom: 40px;}
    .section05 .main__bg .center .tit{font-size:38px;}
    .section05 .main__bg .center .txt{font-size:23px;}
    .section05 .menu__list.three .list .bottom_text .tit{font-size:24px}
    .section05 .menu__list.three .list .bottom_text .txt .txt_inner {font-size:17px;line-height:24px}
    .section05 .menu__list.three .list .bottom_text .txt .next-icon{width: 21px;height: 21px;}
}
@media screen and (max-width: 1240px){
    .section05 .menu__list.three .list:first-child {padding-left: 60px;padding-right: 0px;padding-top: 40px;padding-bottom: 40px;}
    .section05 .menu__list.three .list:nth-child(2) a {border-right:0;}
    .section05 .menu__list.three .list {flex:0 1 50%;min-height: unset;}
    .section05 .menu__list.three .list .bottom_text .txt{margin-top:10px;}
    .section05 .menu__list.three .list:last-child .bottom_text .txt{margin-right: 60px;}
}
@media screen and (max-width: 1024px) {
    .section05 .main__bg .center .txt{font-size:17px;}
    .section05 .main__bg .center .tit{font-size:36px;}
    .section05 .main__bg .center .link{padding:8px 42px;}
    .section05 .menu__list.three .list .bottom_text .tit{font-size:24px;}
    .section05 .menu__list.three .list .bottom_text .txt{font-size:15px;}
    .section05 .menu__list.three .list{padding: 30px 0px;flex: 0 1 50%;}
    .section05 .menu__list.three .list{padding-left: 30px;padding-right: 0px;padding-top: 30px;padding-bottom: 30px;}
}
@media screen and (max-width: 768px) {
    .section05 .main__bg{height: 1000px;}
    .section05 .main__bg .center{padding: 50px 30px 0;}
    .section05 .main__bg .center .tit{font-size: 30px;}
    .section05 .main__bg .center .txt{font-size: 17px;margin-top: 20px;}
    .section06 .main__bg .center .link{font-size: 19px;}
    .section05 .menu__list.three{/* bottom:3%; */padding: 0 30px;flex-direction: column;flex-wrap: wrap;}
    .section05 .menu__list.three:before{left: 30px;right: 30px;}
    .section05 .menu__list.three .list{padding: 25px 0px;flex: 0 1 calc(25% - 50px);border: unset;border-bottom: 1px solid #ffffff33;}
    .section05 .menu__list.three .list:not(:first-child), 
    .section05 .menu__list.three .list:first-child , 
    .section05 .menu__list.three .list{padding-left: 25px;padding-right: 0px;padding-top: 25px;padding-bottom: 25px;}
    .section05 .menu__list.three .list .bottom_text .tit{margin-bottom:0px;}
}
@media screen and (max-width: 640px){
    .section05 .main__bg{height: 900px;}
    .section05 .main__bg .center{padding: 0px 30px;}
    .section05 .menu__list.three{/* flex-direction:column; *//* padding-top:20px; *//* align-items:stretch; */}
    .section05 .menu__list.three:before{left:20px;right:20px;}
    .section05 .menu__list.three .list{/* width:100%; *//* min-width:auto; *//* border-right:0; *//* border-bottom:1px solid #72829140; *//* padding:20px; *//* min-height:auto; */}
    .section05 .menu__list.three .list:not(:first-child){}
    .section05 .menu__list.three .list:last-child{border-bottom:0;}
}
@media screen and (max-width: 500px) {
    .section05 .main__bg .center{padding: 0px 20px;}
    .section05 .menu__list.three{padding: 0 20px;}
    .section05 .main__bg .center .tit{font-size:22px;}
    .section05 .main__bg .center .txt{font-size: 16px;}
    .section05 .main__bg .center .link{padding:6px 34px;}
    .section05 .menu__list.three .list .bottom_text .tit{font-size:20px;}
    .section05 .menu__list.three .list .bottom_text .txt .txt_inner{font-size:14px;line-height:20px}
    .section05 .menu__list.three .list .bottom_text .txt .next-icon{width: 14px;height: 14px;}
}
@media screen and (max-width: 375px) {
    .section05 .main__bg{height: 800px;}
    .section05 .main__bg .center .txt{font-size: 14px;}
    .section05 .menu__list.three .list:last-child .bottom_text .txt, .section05 .menu__list.three .list .bottom_text .txt {margin-right: 30px;margin-top: 5px;}
    .section05 .menu__list.three .list:not(:first-child), 
    .section05 .menu__list.three .list:first-child , 
    .section05 .menu__list.three .list{padding-left: 0px;padding-right: 0px;padding-top: 25px;padding-bottom: 25px;}
}

/* Section06 needs center text styles like Section05 */
.section06 .main__bg{padding: 114px 0;background: url('../img/section06_bg.jpg') center center no-repeat;width: 100%;position: relative;background-size: cover;}
.section06 .main__bg .center{text-align:center;}
.section06 .main__bg .center .txt {font-size: 20px;color:#ffffff60;font-family:'GmarketSans'; font-weight: 500; letter-spacing: 0; margin-bottom: 10px;}
.section06 .main__bg .center .tit {font-family:'GmarketSans'; font-size: 38px; font-weight: 500; line-height: 130%; padding: 13px 0 50px;color:#ffffff;}
.section06 .main__bg .center .link{border-radius: 40px;color:#fff;padding: 18px 90px;border:1px solid #fff;font-size: 26px;transition: all 0.3s;}
.section06 .main__bg .center .link:hover{}

@media screen and (max-width: 2000px) {
    .section06 .main__bg .center .tit{font-size: 37px;}
}
@media screen and (max-width: 1440px) {
    .section06 .main__bg{padding: 80px 0;}
    .section06 .main__bg .center .tit{font-size: 31px;line-height: 1.3;padding: 13px 0 30px;}
    .section06 .main__bg .center .link{padding: 13px 70px;font-size: 21px;}
}
@media screen and (max-width: 1024px) {
    .section06 .main__bg .center .txt{font-size: 17px;}
    .section06 .main__bg .center .tit{font-size: 24px;}
    .section06 .main__bg .center .link{padding: 8px 50px;}
}
@media screen and (max-width: 768px) {
    .section06 .main__bg .center .tit{font-size: 22px;}
    .section06 .main__bg .center .txt{font-size: 15px;}
    .section06 .main__bg .center .link{font-size: 18px;}
}
@media screen and (max-width: 500px) {
    .section06 .main__bg .center .tit{font-size: 20px;padding: 0 20px;}
    .section06 .main__bg .center .link{padding: 6px 38px;}
}
@media screen and (max-width: 375px) {
    .section06 .main__bg .center .tit{font-size: 17px;margin-bottom:10px;}
    .section06 .main__bg .center .link{padding: 4px 30px;}
}

.search__modal {display: none;justify-content: center;align-items: center;width:100%;height:100%;position: fixed;top:0;left:0;z-index: 119;background: rgba(0,0,0,0.5);}

/* 전체 반응형 보완 */
@media screen and (max-width: 1200px) {
    .section01 .main__bg .half .left__menu .text .tit {font-size: clamp(42px,5vw,58px);}
    /* .section01 .main__bg .half .left__menu .text .txt{font-size: clamp(18px,3vw,24px);} */
    .section02 .three .list{/* padding: 0 0 0 60px; */}
}
@media screen and (max-width: 400px) {
    /* .section01 .main__bg .half .left__menu .text{padding: 0 15px 15px;}
    .section01 .main__bg .half .left__menu .text .tit{font-size: clamp(20px,7vw,30px);margin-bottom: 10px;}
    .section01 .main__bg .half .left__menu .text .txt{font-size: clamp(12px,4vw,14px);}
    .section01 .slide-wr .visual-slide img{height: 45vh;}
    
    .section02 .three .list{padding: 20px 15px;}
    .section02 .three .list a .txt{font-size: 14px;}
    .section02 .three .list a .tit{font-size: 20px; margin-bottom: 12px;}
    .section02 .three .list a .top_tit{font-size: 13px;}
    
    .section03 .main__bg .half .left__menu .text{padding: 0 15px 15px;}
    .section03 .main__bg .half .right__menu .threee_menu a li.flex{padding: 12px 15px;}
    .section03 .main__bg .half .right__menu .threee_menu .txt{font-size: 13px;}
    
    .section04 .three .list{padding: 20px 15px;}
    .section04 .three .list a .txt{font-size: 14px;}
    .section04 .three .list a .tit{font-size: 20px; margin-bottom: 12px;}
    .section04 .three .list a .top_tit{font-size: 13px;}
    
    .section05 .main__bg{padding: 40px 15px;}
    .section05 .main__bg .center .tit{font-size: 20px;}
    .section05 .main__bg .center .txt{font-size: 13px;margin-top: 20px;}
    .section05 .main__bg .center .link{padding: 8px 28px;font-size: 14px;}
    
    .section06 .main__bg .center .tit{font-size: 16px;}
    .section06 .main__bg .center .txt{font-size: 13px;}
    .section06 .main__bg .center .link{padding: 8px 30px;font-size: 14px;} */
}
.search__modal.active {display:flex;}
.search {width:100%;text-align:center;position:absolute;bottom:120px;transition:all .3s}

.all-search {transition:all .3s;color:#fff;font-size:20px;width:44px;height:44px;border:2px solid #fff;border-radius:10px}
.all-search:hover {background:#fff;color:#456089}
.search-box-wr{display:block;position:relative;position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background:#fff;width:480px;height:280px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.4)}
.search__modal-exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;z-index: 1;border-top-right-radius: 18px;}
.search__modal-exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.search__modal-exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.search__modal-exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.search-box-ttl {background: url('../img/search-logo.png') center center no-repeat #272c8f;width: 100%;height: 150px;border-radius: 20px 20px 0px 0px;position: relative;color: #FFF;font-size: 24px;line-height: 34px;padding: 0 30px;font-weight: 200;display: table;width:100%;}
.search-box-ttl > img {position:absolute;right:30px;bottom:-10px}
.search-box-con {padding:20px 30px}
.search-box-new h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.search-box-new {background:#fff;overflow:hidden;border-bottom:1px solid #6e6e6e}
.search-box-new #sch_stx {padding-left:20px;height:45px;width:80%;border:0;border-right:0;float:left;color:#333;font-size:15px;background:#fff;letter-spacing:-1px}
.search-box-new #sch_stx::placeholder {color:#6e6e6e;font-weight:500}
.search-box-new #sch_submit {height:46px;border:0;color:#6e6e6e;width:50px;float:right;cursor:pointer;font-size:18px;background:#fff}

@media screen and (max-width: 480px) {
    .search-box-wr{width: 90%;height: 250px;}
    .search-box-ttl{height: 120px;font-size: 20px;padding: 0 20px;}
    .search-box-con{padding: 15px 20px;}
    .search-box-new #sch_stx{font-size: 14px;height: 40px;}
    .search-box-new #sch_submit{height: 41px;font-size: 16px;}
}

@media screen and (max-width: 380px) {
    .hd_right .global img {width: 30px;}
}

