@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {font-family: 'Pretendard', sans-serif!important; color:#222; }

/* font weight */
.fw_m{font-weight: 400;}
.fw_b{font-weight: bold;}
.font_bl{font-weight: 900;}

/* font size */
.fs_18{font-size: 1.125rem;}
.fs_19{font-size: 1.188rem;}
.fs_20{font-size: 1.25rem;line-height: 150%;}
.fs_22{font-size: 1.375rem;line-height: 150%;}
.fs_24{font-size: 1.5rem;}
.fs_36{font-size: 2.25rem;}
.fs_42{font-size: 2.625rem;}
.fs_45{font-size: 2.813rem;}
.fs_48{font-size: 3rem;}
.fs_56{font-size: 3.5rem;}
.fs_60{font-size: 3.75rem;}


@media screen and (max-width:1080px){
    .fs_60{font-size: 40px;}
}
@media screen and (max-width:720px){
    .fs_18{font-size: 12px;}
    .fs_20{font-size: 14px;}
    .fs_22{font-size: 14px;}
    .fs_42{font-size: 24px;}
    .fs_48{font-size: 30px;}
    .fs_56{font-size: 35px;}
    .fs_60{font-size: 32.5px;}
}


/* section scroll motion */
.b_motion .b_item {transition: transform .8s, opacity 0.6s ease; opacity: 0; transform: translate3d(0px, 50px, 0);}
.b_motion .b_item.b_tr {transform: translate3d(-50px, 0, 0);}
.b_motion .b_item.b_tl {transform: translate3d(50px, 0, 0);}
.b_motion .b_item.b_move {opacity: 1 !important; transform: translateZ(0) !important;}

.b_item.b_delay_01{transition-delay: .3s;}
.b_item.b_delay_02{transition-delay: .6s;}
.b_item.b_delay_03{transition-delay: .9s;}
.b_item.b_delay_04{transition-delay: 1.2s;}



.b_inner{max-width:1520px; width:90%; margin:0 auto; }

/* header */
#b_header{height: 100px; position: fixed; width: 100%; left: 0; top: 0; z-index: 30; transition:background-color .3s; border-bottom: 1px solid transparent;}
#b_header .b_inner{display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;}
#b_header .b_logo a{display: block;}
#b_header nav{height: 100%; position: absolute; left: 50%; transform:translateX(-50%); margin-left: -10%; transition:margin-left .2s; }
#b_header #b_gnb {height: 100%; display: flex; align-items: center; }
#b_header #b_gnb > li {padding:0 40px; display: flex; justify-content: center; height: 100%; align-items: center; position: relative; transition: padding .2s;}
#b_header #b_gnb > li > a{font-weight: bold;}
#b_header #b_gnb > li::after{content:''; width:0; height:2px; background-color: #203864; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%)}
#b_header #b_gnb > li:hover::after{width: 100%; transition: width .5s; }
#b_header #b_gnb .b_sub_menu{display: none;}
#b_header .b_hd_right{height: 100%; display: flex; align-items: center; }
#b_header .b_lang_box{display: none; position: relative; height: 100%; align-items: center;}
#b_header .b_lang_box .b_lang_btn{cursor: pointer; margin-top:2px;display: flex;flex-direction:column;align-items:center;gap:5px;}
#b_header .b_lang_box .b_lang_btn li{font-weight: 600;color:#203864;}
#b_header .b_lang_box .b_lang_btn img{width: 23px;}
#b_header .b_lang_box ul{position: absolute; left: 50%; top:100%; background-color: #fff; width:70px; padding:10px 0; transform:translateX(-50%); display: none;}
#b_header .b_lang_box ul li{margin-bottom: 3px;}
#b_header .b_lang_box ul li a{display: block; padding:2px; text-align: center; font-weight: 500; ; color:#999; }
#b_header .b_lang_box ul li.on a{font-weight: bold; color:#111; }
#b_header .b_lang_list{display: flex; align-items: center; }
#b_header .b_lang_list li {padding: 0 6px; position: relative;}
#b_header .b_lang_list li::after{content: ''; width: 2px; height: 14px; background-color: #7a7a7a; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#b_header .b_lang_list li:last-child::after{display: none;}
#b_header .b_lang_list li a{font-weight: bold; display: block; padding: 3px; color: #7a7a7a;}
#b_header .b_lang_list li.on a{color: #222;}
#b_header .b_toggle_btn{width: 30px; height: 30px; margin-left: 25px; display: none;}
#b_header .b_toggle_btn span{display: block; width: 100%; height: 3px; background-color: #203864; transition:.3s;}
#b_header .b_toggle_btn span:nth-child(2){margin: 7px 0;}


#b_header.scr {background-color: #fff; transition:background-color .3s; }

#b_header.on {border-bottom: 1px solid #d9d9d9; transition:border-bottom .3s;}
#b_header.on nav{position: absolute; left: 50%; transform:translateX(-50%); margin-left: 0; transition:margin-left .5s; box-sizing: border-box; }
#b_header nav::after{content:''; width: 1px; height: 420px; background-color: #d9d9d9; position: absolute; left: 0; top: 0; z-index: 5; opacity: 0;}
#b_header nav::before{content:''; width: 1px; height: 420px; background-color: #d9d9d9; position: absolute; right: 0; top: 0; z-index: 5; opacity: 0;}
#b_header.on nav::after{opacity:1; transition:opacity .5s;}
#b_header.on nav::before{opacity:1; transition:opacity .5s;}
#b_header.on #b_gnb > li{padding:0 60px; transition: padding .5s; max-width: 200px;}
#b_header.on #b_gnb .b_sub_menu{display: none; position: absolute; left: 0; top: 100%; width: 100%; padding-top:25px; height:320px; /*border-right: 1px solid transparent; border-left: 1px solid transparent;*/ border-right: 1px solid #d9d9d9; }
#b_header.on #b_gnb > li:last-child .b_sub_menu{border-right: 0 }
#b_header #b_gnb .b_sub_menu li{margin-bottom:19px; }
#b_header #b_gnb .b_sub_menu li:last-child{margin-bottom:0px;}
#b_header #b_gnb .b_sub_menu li a{display: block; padding:3px; text-align: center; font-size: 0.874rem; width:fit-content; margin:0 auto;}
#b_header #b_gnb .b_sub_menu li a:hover{color:#203864; -webkit-text-stroke: 0.05em; transition: color .3s;}
#b_header #b_gnb > li:hover .b_sub_menu{background-color:#f9f9f9 ; transition:background-color .5s; transition-delay: background-color .2s;}


.b_hd_bg{position: fixed; left: 0; top: -430px; background-color: #fff; height: 420px; width: 100%; z-index: 10; transition: top .2s; border-bottom: 1px solid #eaeaea;}
.b_hd_bg.on{top: 0; transition: top .2s ease-out; }


@media screen and (max-width:1480px){
    #b_header nav{margin-left: -12%;}
    #b_header #b_gnb > li {padding: 0 30px;}
    #b_header.on #b_gnb > li{padding:0 40px; }
}
@media screen and (max-width:1280px){
    #b_header nav{margin-left: -7%;}
    #b_header #b_gnb > li {padding: 0 20px;}
    #b_header.on #b_gnb > li{padding:0 30px; }
}
@media screen and (max-width:1080px){
    #b_header{height: 80px;}
    #b_header .b_logo img{width: 85px;}
    #b_header nav{display: none;}
    #b_header .b_toggle_btn{display: block;}
    #b_header .b_lang_list{display: none;}
    #b_header .b_lang_box{display: flex;}
    #b_header .b_lang_box{}
}
@media screen and (max-width:720px){
    #b_header .b_logo img{width: 74px;}
}

#b_header .b_logo img{max-width: 110px;}

#b_header.open .b_logo img{filter: brightness(0) invert(1);}
#b_header.open .b_lang_box .b_lang_btn img{filter: brightness(0) invert(1);}
#b_header.open .b_lang_box .b_lang_btn li{color:#fff;}
#b_header.open .b_toggle_btn span{background-color:#fff;}
#b_header.open .b_toggle_btn span:nth-child(2){display: none;}
#b_header.open .b_toggle_btn span:nth-child(1){transform: rotate(45deg); transition: .3s;}
#b_header.open .b_toggle_btn span:nth-child(3){margin-top: -3px;transform: rotate(-45deg); transition: .3s;}

#b_header.scr.open{background-color: transparent;}



/* site map */
#b_site_map{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:#203864 ; z-index: 20; display: none; }
#b_site_map .b_inner{padding-top: 110px;}
#b_site_map .b_home_link{display: block; color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 30px; transition: color .3s;}
#b_site_map .b_home_link:hover{color: #0ea2f0; transition: color .3s;}
#b_site_map #b_gnb > li {padding-bottom: 30px;}
#b_site_map #b_gnb > li > a{color: #fff; font-size: 24px; font-weight: bold ; transition: color .3s; position: relative; display: block; width: fit-content;}
#b_site_map #b_gnb > li > a::after{content:''; width:13px; height: 8px; background:url(/img/icon/b_arw_icon.png) no-repeat center / 100%; position: absolute; right: -27px; top: 50%; transform: translateY(-50%); filter: brightness(0) invert(1);}
#b_site_map #b_gnb > li > a:hover{color: #0ea2f0; transition: color .3s;}
#b_site_map #b_gnb > li > a.on{color: #0ea2f0; }
#b_site_map #b_gnb > li > a.on::after{filter: none; transform: translateY(-50%) rotate(-180deg); transition: .3s;}
#b_site_map #b_gnb .b_sub_menu{display: none; padding-top: 25px;}
#b_site_map #b_gnb .b_sub_menu li{margin-bottom: 10px;}
#b_site_map #b_gnb .b_sub_menu li:last-child{margin-bottom: 0px;}
#b_site_map #b_gnb .b_sub_menu li a{color: #e9e9e9; font-size: 12px;}



/* main visual */
.b_mv_box {position: relative; overflow: hidden;}
.b_mv_box .b_scr_box{position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); z-index: 5; display: flex; flex-direction: column; align-items: center; }
.b_mv_box .b_scr_box span{letter-spacing: -1px; margin-bottom:12px; display: block;}
.b_mv_box .b_scr_box .b_arw_box img{display: block; margin-top:-4px; opacity:.5; animation-duration:1.2s; animation-iteration-count: infinite;  }
.b_mv_box .b_scr_box .b_arw_box .scr_01{animation-name: scr_motion1; animation-delay: .2s;}
.b_mv_box .b_scr_box .b_arw_box .scr_02{animation-name: scr_motion2; animation-delay: .2s;}
.b_mv_box .b_scr_box .b_arw_box .scr_03{animation-name: scr_motion3; animation-delay: .2s;}
.b_txt_box .vis_sub_txt {font-size:20px ; margin-top:20px; font-weight: 400; color: #222;}

/* 하단 scroll box animation */
@keyframes scr_motion1{
    0%{opacity:.5;}
    30%{opacity: 1;}
    60%{opacity: .5;}
    100%{opacity: .5;}
}
@keyframes scr_motion2{
    0%{opacity:.5;}
    40%{opacity: .5;}
    70%{opacity: 1;}
    100%{opacity: .5;}
}
@keyframes scr_motion3{
    0%{opacity:.5;}
    40%{opacity: .5;}
    70%{opacity: .5;}
    100%{opacity: 1;}
}

.b_mv_box li {height: 900px; position: relative; overflow: hidden;}
.b_mv_box li > figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.b_mv_box li.swiper-slide-active > figure {transform: scale(1.1); transition: transform 5s linear;}
.b_mv_box li.mv_01 > figure{background: url(/img/index/b_mv_01.jpg) no-repeat center / cover;}
.b_mv_box li.mv_02 > figure{background: url(/img/index/b_mv_02.jpg) no-repeat center / cover;}
.b_mv_box li.mv_03 > figure{background: url(/img/index/b_mv_01.jpg) no-repeat center / cover;}
.b_mv_box li .b_inner{height: 100%; margin-top: 365px; transform:translateY(50px); opacity: 0;}
.b_mv_box li.swiper-slide-active .b_inner{transform:translateY(0px); opacity: 1; transition: transform 1s, opacity .4s; transition-delay: .5s;}

/* pagination progress animation */
.b_mv_box .b_mv_pagi{max-width:1520px; width:92%; left:50%; transform: translateX(-50%); top: 320px; text-align: left; z-index: 5; height: fit-content;}
.b_mv_box .b_mv_pagi .swiper-pagination-bullet{background: rgba(132,132,132,.5); opacity: 1; margin:0; margin-right:21px; width: 10px; height: 10px;}
.b_mv_box .b_mv_pagi .swiper-pagination-bullet:last-child{margin-right: 0;}
.b_mv_box .b_mv_pagi .swiper-pagination-bullet-active{background: none; position: relative;}
.b_mv_box .b_mv_pagi .spinner{position: absolute; left: 50%; top: 50%; display: block; width: 17px; height: 17px; border: 4px solid #fff; border-radius: 50%; transform: translate(-50%, -50%) rotate(45deg); clip-path: circle(50% at 50% 50%); opacity: 0; transition: all .1s}
.b_mv_box .b_mv_pagi .spinner::after {content: ""; position: absolute; left: 0; top: 0; box-sizing: border-box; inset: -4px; border-radius: 50%; background: linear-gradient(305deg, #05c1d9 0%, #0095d8 100%); clip-path: circle(100% at 50% 50%); -webkit-mask: radial-gradient(4px, transparent 95%, #000) 0 0; mask: radial-gradient(4px, transparent 95%, #000) 0 0; opacity: 0;}
.b_mv_box .b_mv_pagi .swiper-pagination-bullet-active .spinner{opacity: 1;}
.b_mv_box .b_mv_pagi .swiper-pagination-bullet-active .spinner::after{opacity: 1; animation: spinner 5s linear;}


@keyframes spinner {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}


@media screen and (max-width:1080px){
    .b_mv_box li{height: 800px;}
}
@media screen and (max-width:720px){
    .b_mv_box .b_mv_pagi{top: 110px; }
    .b_mv_box .b_mv_pagi .swiper-pagination-bullet{margin-right: 14px; width: 7px; height: 7px;}
    .b_mv_box .b_mv_pagi .spinner{width: 12px; height: 12px; border: 3px solid #fff;}
    .b_mv_box .b_mv_pagi .spinner::after{inset:-5px;}
    .b_mv_box li{height: 700px;}
    .b_mv_box li.mv_01 > figure{background: url(/img/index/b_mv_01_m.png) no-repeat center / cover;}
    .b_mv_box li.mv_02 > figure{background: url(/img/index/b_mv_02_m.jpg) no-repeat center / cover;}
    .b_mv_box li.mv_03 > figure{background: url(/img/index/b_mv_01_m.jpg) no-repeat center / cover;}
    .b_mv_box li .b_inner{margin-top: 140px;}
    .b_mv_box .b_scr_box{bottom: 24px;}
    .b_mv_box .b_scr_box span{color:#fff; }
    .b_mv_box .b_scr_box .b_arw_box img{filter: brightness(0) invert(1); width: 10px; margin-top: -2px; }
	.b_txt_box .vis_sub_txt {font-size:16px}
}



/* section 공통 */
.b_section {padding: 150px 0;}
.b_section .b_more_btn{border:1px solid #000; height: 40px; width: 240px; display: flex; align-items: center; justify-content: center; transition:.2s; }

@media screen and (max-width:1080px){
    .b_section {padding: 100px 0;}
}
@media screen and (max-width:720px){
    .b_section {padding: 75px 0;}
}



/* section 1 */
.b_sec01{background: url(/img/index/b_sec01_bg.jpg) no-repeat center / cover; height:480px; }
.b_sec01 .b_inner{height: 100%; display: flex; flex-direction: column; text-align: center; align-items: center;justify-content: center;}
.b_sec01 .b_txt_box p{margin: 30px 0 0;}
.b_sec01 .b_more_btn:hover{background-color: #000; color:#fff; transition:.4s; }

@media screen and (max-width:1080px){
    .b_sec01{height: 480px ;}
}
@media screen and (max-width:720px){
    .b_sec01{height: 380px ;}
	.b_sec01{background: url(/img/index/b_sec01_bg_m.jpg)}
}



/* section 2 */
.b_sec02{position: relative; padding: 0; overflow: hidden; }
.b_sec02 .b_bg_box{width: 100%; height: 100%; background: url(/img/index/b_sec02_bg.jpg) no-repeat center bottom / cover; position: absolute; left: 0; top: 0; z-index: -5;}
.b_sec02 .b_inner{position: relative; }
.b_sec02 .b_line_box{width:71%; position: absolute; right: 0; top: 0; height: 100%; z-index: -1; display: flex; justify-content: space-between;}
.b_sec02 .b_line_box span{display: block; width: 1px; height: 100%; background-color: #13284c; }
.b_sec02 .b_tit_wrap{position: absolute; left: 0; top: 150px;}
.b_sec02 .b_tit_txt{color:#fff; transition:opacity .2s;}
.b_sec02 .b_cont_box{padding: 280px 0 110px;}
.b_sec02 .b_cont_list{width:71%; margin-left:auto; display: flex; flex-direction: column; }
.b_sec02 .b_cont_list li{width: 50%;}
.b_sec02 .b_cont_list li:nth-child(1){margin-bottom: 130px;}
.b_sec02 .b_cont_list li:nth-child(2){margin-left: auto; margin-bottom: 100px;}
.b_sec02 .b_cont_list li a{transition: transform 1s, opacity 1s ease;}
.b_sec02 .b_cont_list li figure{border-radius: 50%; overflow: hidden; cursor: none; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;}
.b_sec02 .b_cont_list li figure img{transform:scale(1); transition:transform .3s; display: block; width: 100%; height: 100%; object-fit: cover;}
.b_sec02 .b_cont_list li:hover figure img{transform:scale(1.1); transition:transform .8s;}
.b_sec02 .b_cont_list .b_txt_box{border-left: 5px solid #fff; padding-left: 25px; margin-top: -40px; position: relative ; z-index: 3;}
.b_sec02 .b_cont_list .b_txt_box p{margin-bottom: 20px; color: #fff; line-height: 1; word-break: keep-all; }
.b_sec02 .b_cont_list .b_txt_box span{color: #fff; line-height: 1.4;}

.b_sec02.fix .b_tit_wrap{position:fixed; left:50%; top:150px; transform:translateX(-50%); width:92%; max-width: 1520px; }
.b_sec02.bot .b_tit_wrap{top:unset; bottom:500px;}
.b_sec02 .b_tit_wrap .b_tit_txt.hide{opacity:0; transition:opacity .3s;}

/* mouseover cursor style */
.b_cursor{width:157px; height:157px; border-radius:50%; background-color: rgba(217,217,217,.2); justify-content: center; position: fixed; z-index: 10; left: 0; top: 0; pointer-events: none; display: none; margin-top: -80px; margin-left: -80px;}
.b_cursor .b_wrap{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.b_cursor span{color:#ccc; display: block; margin-top: 15px;}
.b_cursor.on{opacity: 1;}

@media screen and (max-width:1080px){
    .b_sec02 .b_bg_box{background: url(/img/index/b_sec02_bg_m.jpg) no-repeat center bottom / cover;}
    .b_sec02 .b_cont_list{width: 100%; margin: 0 auto; align-items: center;}
    .b_sec02 .b_cont_list li{max-width: 420px; width: 100%;}
    .b_sec02 .b_cont_list li:nth-child(1){margin-bottom: 100px;}
    .b_sec02 .b_cont_list li:nth-child(2){margin-left: 0;}
    .b_sec02 .b_cont_list li figure{cursor: pointer;}
}
@media screen and (max-width:720px){
    .b_sec02 .b_tit_wrap{top: 75px;}
    .b_sec02 .b_line_box{display: none;}
    .b_sec02 .b_cont_box {padding: 157px 0 70px;}
    .b_sec02 .b_cont_list .b_txt_box{padding-left: 15px; margin-top: -25px; border-left: 3px solid #fff;}
    .b_sec02 .b_cont_list li:nth-child(1), .b_sec02 .b_cont_list li:nth-child(2){margin-bottom: 75px;}
}



/* section 3 */
.b_sec03{position: relative; border-top: 1px solid #13284c ; padding:0; }
.b_sec03:after{content:''; width:100%; height:1px; background-color: #13284c; position: absolute; left: 0; bottom: 240px;}
.b_sec03 .b_bg_box{width: 100%; height: 100%; background: url(/img/index/b_sec03_bg.jpg) no-repeat center bottom / cover; position: absolute; left: 0; top: 0; z-index: -5;}
.b_sec03 .b_inner{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: self-start;}
.b_sec03 .b_tit_txt{color:#fff; padding-top:150px;}
.b_sec03 .b_cont_box{width:71%; margin-left: auto; overflow: hidden; padding:150px 0 190px 0px; border-left: 1px solid #13284c ;}
.b_sec03 .b_slt_box li{display: flex; align-items: flex-end; flex-wrap: wrap;}
.b_sec03 .b_slt_box li > a{display: block; overflow: hidden; width: 50%; padding-left: 80px;}
.b_sec03 .b_slt_box figure{width: 100%; overflow: hidden;}
.b_sec03 .b_slt_box li figure img{transform:scale(1); width: 100%; height: 100%; display: block; object-fit: cover;}
.b_sec03 .b_slt_box li.on figure img{transform:scale(1.1); transition:5s linear; }
.b_sec03 .b_slt_box .b_txt_box{padding-left: 25px; width: 45%;}
.b_sec03 .b_slt_box .b_txt_box p{color: #fff;}
.b_sec03 .b_slt_box .b_txt_box span{color: #fff; line-height: 1.4; display: block; margin: 20px 0 50px; word-break: keep-all;}
.b_sec03 .b_slt_box .b_txt_box p{color: #fff;}
.b_sec03 .b_slt_box .b_more_btn{color: #fff; border-color:#eef0fd; }
.b_sec03 .b_slt_box .b_more_btn:hover{background-color: #fff; color:#000; transition:.4s; }
.b_sec03 .b_slt_box .b_pagi {position: unset; text-align: left; margin-top: 125px; margin-left: 40px;}
.b_sec03 .b_slt_box .b_pagi .swiper-pagination-bullet{width:10px; height: 10px; border:1px solid #f9f9f9; opacity: 1; transition: .3s; margin:0; margin-right:10px; background:transparent;}
.b_sec03 .b_slt_box .b_pagi .swiper-pagination-bullet:last-child{margin-right: 0;}
.b_sec03 .b_slt_box .b_pagi .swiper-pagination-bullet-active{width:50px; border-radius: 5px; background-color: #f9f9f9; }
.swiper-button-prev,.swiper-button-next{color:#fff;top:385px;}

@media screen and (max-width:1080px){
    .b_sec03:after{bottom: 120px;}
    .b_sec03 .b_bg_box{background: url(/img/index/b_sec03_bg_m.jpg) no-repeat center bottom / cover;}
    .b_sec03 .b_tit_txt{width: 100%; padding-top: 100px; }
    .b_sec03 .b_cont_box{width: 100% ; border-left:0;padding: 60px 0 95px 0px;}
    .b_sec03 .b_cont_box ul{margin-bottom: 60px;}
    .b_sec03 .b_slt_box li{justify-content: center;}
    .b_sec03 .b_slt_box li > a{padding-left: 0; max-width: 500px; width: 100%; margin-bottom: 25px;}
    .b_sec03 .b_slt_box .b_txt_box{padding-left: 0; max-width: 500px; width: 100%;}
    .b_sec03 .b_slt_box .b_txt_box span{margin-bottom: 0; margin-top: 15px;}
    .b_sec03 .b_slt_box .b_more_btn{display: none}
    .b_sec03 .b_slt_box .b_pagi{margin-top: 0px; max-width: 500px; margin: 0 auto;}
}
@media screen and (max-width:720px){
    .b_sec03 .b_tit_txt{padding-top: 72px;}
    .b_sec03 .b_slt_box .b_pagi .swiper-pagination-bullet{width:7.5px; height: 7.5px; margin-right: 8px;}
    .b_sec03 .b_slt_box .b_pagi .swiper-pagination-bullet-active{width: 35px;}
}



/* section 4 */
.b_sec04{position: relative; overflow: hidden; z-index: 5;}
.b_sec04 .b_bg_box{width: 100%; height: 100%; background: url(/img/index/b_sec04_bg.jpg) no-repeat center / cover; position: absolute; left: 0; top: 0; z-index: -1; transform: scale(1.1);}

.b_sec04 .b_bg_box.on{transform: scale(1); transition:transform 5s linear; }
.b_sec04 .b_btn_list{display: flex; align-items: center; margin-top: 45px;}
.b_sec04 .b_btn_list li{margin-right: 25px;}
.b_sec04 .b_btn_list li:last-child {margin-right: 0px;}
.b_sec04 .b_btn_list .b_more_btn{border-color: #848484; width: 250px; height: 50px; display: flex; justify-content: space-between; padding: 0 20px; font-weight: 500;}
.b_sec04 .b_btn_list .b_more_btn:hover{background-color: #000; color:#fff; border-color: #000; transition:.4s; }
.b_sec04 .b_btn_list .b_more_btn:hover img{filter: invert(1);}
.b_sec04 .b_btn_list .b_mo{display: none;}

@media screen and (max-width:720px){
	.b_sec04_txt{margin-top:10px;}
    .b_sec04{padding: 70px 0 195px;}
    .b_sec04 .b_bg_box{background: url(/img/index/b_sec04_bg_m.jpg) no-repeat center bottom / cover;}
    .b_sec04 .b_btn_list{flex-direction: column; align-items: flex-start; margin-top: 38px;}
    .b_sec04 .b_btn_list li {margin-right: 0; margin-bottom: 20px;}
    .b_sec04 .b_btn_list li:last-child{margin-bottom: 0px;}
    .b_sec04 .b_btn_list li:last-child img{width: 7px;}
    .b_sec04 .b_btn_list .b_more_btn{width: 160px ; height: 35px; padding: 0 10px;}
    .b_sec04 .b_btn_list .b_pc{display: none;}
    .b_sec04 .b_btn_list .b_mo{display: block;}
}



/* footer */
#b_footer{background-color: #222222; height: 160px; }
#b_footer .b_inner{height: 100%; display: flex; justify-content: space-between; align-items: center;}
#b_footer .b_ft_left{display: flex; align-items: center;}
#b_footer .b_ft_left h1{margin-right: 65px;}
#b_footer .b_ft_left h1 a{display: block;}
#b_footer address span{color: #d9d9d9 ; font-weight: 200; line-height: 1.5;}
#b_footer address span.b_address{color:#fff}
#b_footer address span.b_copy{font-size: 0.874rem;}
#b_footer address span.b_line{margin-right: 15px; padding-right: 15px; position: relative;}
#b_footer address span.b_line::after{content:''; width:1px; height:14px; background-color: #d9d9d9; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#b_footer address span.b_line:nth-child(5)::after{display: none;}
#b_footer #b_gnb {display: flex; align-items: center; }
#b_footer #b_gnb > li {margin-right: 22px;}
#b_footer #b_gnb > li:last-child {margin-right: 0px;}
#b_footer #b_gnb > li > a{color: #ffffff; display: block; padding: 2px 0;}
#b_footer #b_gnb .b_sub_menu{display: none;}

#b_footer .b_ft_left h1 img{max-width: 110px}

@media screen and (max-width:1280px){
    #b_footer .b_inner{width: 96%;}
    #b_footer .b_ft_left h1{margin-right: 30px;}
    #b_footer .b_ft_left h1 img{width: 80px}
}
@media screen and (max-width:1080px){
    #b_footer {overflow: hidden; height: auto; padding: 22px 0;}
    #b_footer .b_inner{width: 92%;}
    #b_footer .b_ft_right{display: none;}
    #b_footer .b_ft_left{width: 100%; flex-direction: column; align-items: flex-start;}
    #b_footer .b_ft_left h1{margin-bottom: 20px; padding-bottom: 20px; position: relative; width: 100%;}
    #b_footer .b_ft_left h1::after{content:''; width:200%; height:1px ; background-color: #8f8f8f; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
    #b_footer address br{display: none;}
    #b_footer address span{display: block; }
    #b_footer address span.b_line::after{display: none;}
    #b_footer address span.b_copy{margin-top: 15px;}
}



/* 반응형 따른 줄바꿈 */
@media screen and (max-width: 1640px){
    .br_1640x{display: none;}
}

.br_1080o{display: none;}
@media screen and (max-width: 720px){
    .br_1080o{display: block;}
}

.br_720o{display: none;}
@media screen and (max-width: 720px){
    .br_720o{display: block;}
    .br_720x{display: none;}
}



.pc {display: block;}
.mo {display: none;}

@media screen and (max-width: 720px){
    .pc {display: none;}
	.mo {display: block;}
}