body{font-family: 'SUIT Variable', sans-serif; letter-spacing: -.5px;}

/* letter spacing */
.letter_s1{letter-spacing: 1px;}
.letter_s2{letter-spacing: 2px;}

/* font size */
.fs_14{font-size: 0.874rem;}
.fs_16{font-size: 1rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_24{font-size: 1.5rem;}
.fs_26{font-size: 1.625rem;}
.fs_32{font-size: 2rem;}
.fs_36{font-size: 2.25rem;}
.fs_42{font-size: 2.625rem;}
.fs_45{font-size: 2.813rem;}
.fs_48{font-size: 3rem;}
.fs_50{font-size: 3.125rem;}
.fs_56{font-size: 3.5rem;}
.fs_65{font-size: 4.063rem;}
.fs_85{font-size: 5.313rem;}

@media screen and (max-width: 1080px){
    .fs_32{font-size: 22px;}
    .fs_42{font-size: 30px;}
    .fs_45{font-size: 30px;}
    .fs_50{font-size: 40px;}
	.fs_56{font-size: 42px;}
    .fs_65{font-size: 45px;}
    .fs_85{font-size: 60px;}
}
@media screen and (max-width: 720px){
    .fs_14{font-size: 9px;}
    .fs_16{font-size: 10px;}
    .fs_18{font-size: 12px;}
    .fs_20{font-size: 12px;}
    .fs_22{font-size: 14px;}
    .fs_24{font-size: 16px;}
    .fs_26{font-size: 18px;}
    .fs_32{font-size: 18px;}
    .fs_42{font-size: 21px;}
    .fs_45{font-size: 22.5px;}
    .fs_48{font-size: 24px;}
    .fs_50{font-size: 24px;}
	.fs_56{font-size: 28px;}
    .fs_65{font-size: 32.5px;}
    .fs_85{font-size: 40px;}
}

/* font weight */
.fw_m{font-weight: 500;}
.fw_sb{font-weight: 500;}
.fw_b{font-weight: 600;}
.fw_eb{font-weight: 800;}
.fw_bl{font-weight: 900;}

/* line height */
.line_1{line-height: 1.1;} 
.line_2{line-height: 1.2;}
.line_3{line-height: 1.3;}
.line_4{line-height: 1.4;}
.line_5{line-height: 1.5;}

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

/* header */
#b_header {height: 80px; position: fixed; width: 96%; left: 50%; top: 20PX; transform: translateX(-50%); z-index: 30; background-color: #fff; max-width: 1720px; border-radius: 5px; transition:.5s; box-shadow: 0 3px 27px rgba(177,164,236,.2); }
#b_header .b_inner{width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: unset;}
#b_header .b_hd_logo {margin-left: 50px; position: relative; z-index: 5;}
#b_header .b_hd_logo a{display: block;}
#b_header .b_hd_logo img{display: block;}
#b_header nav{position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; width:100%; display: flex; justify-content: center; }
#b_header #b_gnb {display: flex; align-items: center; gap: 45px; height: 100%; }
#b_header #b_gnb > li {height: 100%; display: flex; align-items: center; position: relative; }
#b_header #b_gnb > li > a{font-size: 1.125rem; font-weight: 500; display:flex; padding:5px; align-items: center; text-align: center; width: 135px;}
#b_header #b_gnb .b_sub_menu{position:absolute; left: 50%; top:85px; width:210px; transform: translateX(-35%); border-radius: 0 0 5px 5px; z-index: 1;  padding:30px 0; display: none;}
#b_header #b_gnb .b_sub_menu > li {margin-bottom: 10px;}
#b_header #b_gnb .b_sub_menu > li:last-child {margin-bottom: 0px;}
#b_header #b_gnb .b_sub_menu > li > a{font-size: 0.874rem; font-weight: 500; display: block; padding:5px; text-align: left; width: fit-content; color:#222222; transition: .2s; }
#b_header #b_gnb .b_sub_menu > li > a:hover{color:#9F91E4; font-weight: bold; transition: .2s; }
#b_header .b_util_box{display: flex; align-items: center; height: 100%; position: relative; z-index: 5; }
#b_header .b_lang_box {position: relative; height: 100%; display: flex; align-items: center; padding: 0px 0px; margin: 0 1em;}
#b_header .b_lang_box .b_lang_btn{display: flex; align-items: center; padding:8px;}
#b_header .b_lang_box .b_lang_list{position:absolute; left: 50%; top:80px; width:60px; background: linear-gradient(to bottom, #f1f1f1 0%,#fff 40px); transform: translateX(-50%); border-radius: 0 0 5px 5px; padding:30px 0; display: none; box-shadow:0 4px 24px rgba(0,0,0,.08);}
#b_header .b_lang_box .b_user_list{width:80px; z-index: 10;}
#b_header .b_lang_box .b_lang_list li a{font-size: 0.85rem; font-weight: 500; display: block; padding:5px; text-align: center; width: fit-content; margin: 0 auto; color:#222222; transition: .2s; }
#b_header .b_lang_box .b_lang_list li a:hover{color:#9F91E4; font-weight: bold; transition: .2s; }
#b_header .b_util_box .b_cs_btn.mo_ver{display: none;}
#b_header .b_util_box .b_cs_btn.pc_ver{display: flex; align-items: center; justify-content: center; background-color: #8776dd; height: 100%; width: 80px; padding:5px; margin-left: 22px; border-radius: 0 5px 5px 0; transition:.5s; }
#b_header .b_toggle_btn{display: none; width:25px; height:25px; margin-left: 15px; align-items: center; flex-direction: column; justify-content: center;}
#b_header .b_toggle_btn span{height: 1.7px; width: 25px; background-color: #444; display: block; margin-bottom: 5px; transition:.3s; }
#b_header .b_toggle_btn span:last-child{margin-bottom: 0;}

/* header scroll motion */
#b_header.scr{width:100%; top:0; border-radius: 0px; max-width:100%; transition:.5s; }
#b_header.scr .b_util_box .b_cs_btn.pc_ver{border-radius: 0px; transition:.5s;}

@media screen and (max-width: 1300px){
    #b_header .b_hd_logo {margin-left: 30px;}
    #b_header #b_gnb{gap: 55px;}
}

@media screen and (max-width: 1500px){
    #b_header {height: 55px; border-radius: 0; left: 0; top: 0; transform: none; width: 100%; box-shadow: 0 2px 14px rgba(177,164,236,.2); }
    #b_header .b_inner{width:92%; margin:0 auto; }
    #b_header .b_hd_logo {margin-left: 0px;}
    #b_header .b_hd_logo img{width: 94px;}
    #b_header nav{display: none;}
    #b_header .b_lang_box .b_lang_btn img{width: 19px;}
    #b_header .b_util_box .b_cs_btn{display: none;}
    #b_header .b_toggle_btn{display: flex;  margin-left: 12px; }
    #b_header .b_toggle_btn span{}
    #b_header .b_lang_box .b_lang_btn{padding:3px;}
    #b_header .b_util_box .b_cs_btn.pc_ver{display: none;}
    #b_header .b_util_box .b_cs_btn.mo_ver{display: none; padding:3px;         margin-top: 3px; margin-right: 10px;}
    #b_header .b_util_box .b_cs_btn.mo_ver img{filter: invert(1); width: 20px;}
    #b_header .b_lang_box .b_lang_list{width:50px;background:#a597e8; border-radius: 11px; padding: 10px 0; top: 48px;}
    #b_header .b_lang_box .b_user_list{width: 65px;}
    #b_header .b_lang_box .b_lang_list li a{color: #fff;}
    #b_header .b_lang_box .b_lang_list li.on a{color: #000;}
    #b_header .b_lang_box .b_lang_list li a:hover{color:#000;}
}
@media screen and (max-width: 720px){
    .b_inner{width: 92%;}

    #b_header .b_lang_box .b_lang_list{width:45px; padding: 10px 0;}
    #b_header .b_lang_box .b_user_list{width:60px}
    #b_header .b_lang_box .b_lang_list li:first-child{margin-bottom: 0px;}
    #b_header .b_lang_box .b_lang_list li a{padding: 1px; font-size: 11px;}
}

.b_hd_bg{position: fixed; left: 0; top: 0; height: 350px; width: 100%; transition: top .2s;display: none;}
.b_hd_bg.on{ background: #f6f4ff; top: 78px; z-index: -1; transition: top .2s ease-out;border-bottom: 1px solid #eaeaea;border-radius: 0 0 5px 5px;display: block; }
#b_header .en_h{gap:40px!important}


/* header sitemap open */
#b_header.open{background-color: #fff; transition:.5s; transition-delay: .3s; box-shadow: none;}
#b_header.open .b_hd_logo img{filter: unset; display: block;}
#b_header.open #b_gnb > li > a{color:#222; }
#b_header.open .b_lang_ilst li a{color:#222; }
#b_header.open .b_now_box{background-color: #5477b0; }
#b_header.open .b_toggle_btn span{background-color: #111; width: 20px;}
#b_header.open .b_toggle_btn span:nth-child(2){opacity:0; transform: translateX(10px); transition:.3s;}
#b_header.open .b_toggle_btn span:nth-child(1){transform: translateY(6px) rotate(45deg); transition:.3s;}
#b_header.open .b_toggle_btn span:nth-child(3){transform: translateY(-7px) rotate(-45deg); transition:.3s;}
#b_header.open .b_util_box .b_cs_btn.mo_ver{display: none;}

/* site map */
#b_site_map{position:fixed; width:100%; height:100%; background-color: #fff; z-index: 20; left: 0; top: 0; display: none;}
#b_site_map .b_home_btn {margin: 0 auto; display: block; font-size: 16px; font-weight: 500; color:#222222; margin-bottom: 12px;}
#b_site_map .b_home_btn img{margin-right: 7px;}
#b_site_map nav{width: 92%; max-width: 1520px; margin: 0 auto; margin-top: 110px; }
#b_site_map #b_gnb > li{margin-bottom:10px; }
#b_site_map #b_gnb > li > a{display: block; padding:5px 0px; font-size: 16px; font-weight: 600; color:#222222; margin-bottom: 10px; position: relative; transition:transform .2s; } 
#b_site_map #b_gnb > li > a::after{content:''; width:11px; height:7px; background: url(/img/icon/map_arw.png) no-repeat center ; position: absolute; right: 6px; top: 12px;}
#b_site_map #b_gnb .b_sub_menu {background-color: #f9f9f9; display: none; border-radius : 10px}
/*#b_site_map #b_gnb .b_menu_1 .b_sub_menu {height:165px; overflow-y: scroll;}*/
#b_site_map #b_gnb .b_sub_menu li {border-bottom: 1px solid #eeeeee;}
#b_site_map #b_gnb .b_sub_menu li:last-child {border-bottom:0}
#b_site_map #b_gnb .b_sub_menu li a{font-size: 11px; font-weight: 500; color: #555555 ; display: flex ; height: 55px; align-items: center; padding:0 20px; }
#b_site_map #b_gnb > li > a.open{color:#8a79e1; }
#b_site_map #b_gnb > li > a.open::after{transform: rotate(180deg); transition:transform .2s; }


/* main visual */
.b_mv_sec{height: 900px; background: url(/img/index/mv_bg2.png) no-repeat center / cover; overflow: hidden; background-color: #f5f5f5;}
.b_mv_sec .b_inner{padding-top: 300px; height: 100%; position: relative;}
.b_mv_sec .b_txt_box{text-align: center;}
.b_mv_sec .b_txt_box h2 span{background:#fff; -webkit-background-clip: text; color:transparent;}
.b_mv_sec .b_txt_box p{margin-top: 25px; color:#fff; }
.b_mv_sec .b_mv_item{position: absolute; }
.b_mv_sec .mv_item01{left: 0; top: 50.5%; }
.b_mv_sec .mv_item02{left: 15%; top: 60%;}
.b_mv_sec .mv_item03{left: 35%; top: 65%;}
.b_mv_sec .mv_item04{left: 54.5%; top: 60.5%;}
.b_mv_sec .mv_item05{left: 76%; top: 70%;}
.b_mv_sec .mv_item06{left: 89.3%; top: 52%;}
.b_mv_sec .mv_item01, .b_mv_sec .mv_item03 , .b_mv_sec .mv_item05, .b_mv_sec .mv_item06{animation-name: to_top; animation-duration: 4.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.b_mv_sec .mv_item02, .b_mv_sec .mv_item04{animation-name: to_bottom; animation-duration: 4.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}

@keyframes to_top{
    0%{transform:translateY(0);}
    50%{transform:translateY(-8%);}
    100%{transform:translateY(0);}
}
@keyframes to_bottom{
    0%{transform:translateY(0);}
    50%{transform:translateY(8%);}
    100%{transform:translateY(0);}
}
@media screen and (min-width: 2559px){
    .b_mv_sec{height: 1200px; background: url(/img/index/mv_bg2.png) no-repeat center top 70% / cover;background-color: #f5f5f5; }
    .b_mv_sec .b_inner {padding-top: 200px;}
    .b_mv_sec .mv_item01{width: 201px;}
    .b_mv_sec .mv_item02{width: 293px; }
    .b_mv_sec .mv_item03{width: 230px; }
    .b_mv_sec .mv_item04{width: 256px;}
    .b_mv_sec .mv_item05{width: 243px; }
    .b_mv_sec .mv_item06{width: 278px;}
}
@media screen and (max-width: 1080px){
    .b_mv_sec{height: 700px; background: url(/img/index/mv_bg2.png) no-repeat center 70% / cover;background-color: #f5f5f5; }
    .b_mv_sec .b_inner {padding-top: 200px;}
    .b_mv_sec .mv_item01{width: 100px;}
    .b_mv_sec .mv_item02{width: 113px; }
    .b_mv_sec .mv_item03{width: 130px; }
    .b_mv_sec .mv_item04{width: 117px;}
    .b_mv_sec .mv_item05{width: 109px; }
    .b_mv_sec .mv_item06{width: 130px;}
}
@media screen and (max-width: 720px){
    .b_mv_sec{height: 600px;}
    .b_mv_sec .b_inner {padding-top: 190px;}
    .b_mv_sec .mv_item01, .b_mv_sec .mv_item02, .b_mv_sec .mv_item03{display: none;}
    .b_mv_sec .mv_item04{width: 117px; left: 2%; }
    .b_mv_sec .mv_item05{width: 113px; left: 34%; top: 78%;}
    .b_mv_sec .mv_item06{width: 130px; left: 68%; top: 68%;}
    .b_mv_sec .b_txt_box p {margin-top: 15px;}
}
.sec_wrap{position: relative; overflow:hidden; }
.sec_wrap .b_bg_img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:#f5f5f5; z-index: -1;}

/* section 공통 */
.b_section{padding: 200px 0;}
.b_section .b_tit_box{text-align: center; }
.b_section .b_tit_box h3{word-break: keep-all;}
.b_section .b_tit_box p{margin-top: 45px; word-break: keep-all; color: #444444;}

/* 더보기 버튼 */
.b_more_btn{display: flex; justify-content: space-between; align-items: center ; background-color: #fff; box-shadow: 0 0 12px rgba(177,164,236,.35); border:1px solid #ededed; border-radius: 50px; width:280px; height:75px; margin: 0 auto; padding: 0 15px 0 30px;}
.b_more_btn span{transition:transform .4s;}
.b_more_btn figure{border-radius: 50%; background-color:#222222; display: flex; align-items: center; justify-content: center; width: 50px; aspect-ratio: 1/1; transition:transform .4s;}
.b_more_btn figure img{transform: rotate(-45deg); transition:transform .4s;}
/*
.b_more_btn:hover span{transform: translateX(140px); transition:transform .4s;}
.b_more_btn:hover figure{transform: translateX(-200px); transition:transform .4s;}
*/
.b_more_btn:hover figure img{transform: rotate(0);transition:transform .4s;}

.b_more_btn_color{display: flex; justify-content: space-between; align-items: center ; background: linear-gradient(to right, #FF6633, #B56AFF 40%, #28BFFF 75%, #29CC39 100%); box-shadow: 0 0 12px rgba(177,164,236,.35); color:#fff; border-radius: 50px; width:280px; height:75px; margin: 0 auto; padding: 0 15px 0 30px;}
.b_more_btn_color figure{border-radius: 50%; background-color:#fff; display: flex; align-items: center; justify-content: center; width: 50px; aspect-ratio: 1/1; transition:transform .4s;}

@media screen and (max-width: 1080px){
    .b_section{padding: 120px 0;}
}
@media screen and (max-width: 720px){
    .b_section{padding: 75px 0;}
    .b_more_btn{width:140px; height:37.5px; padding: 0 10px 0 15px; }
    .b_more_btn figure{width: 25px; ;}
    .b_more_btn figure img{width: 10px;}
    .b_more_btn figure img.index_arrow{width: 20px;}
/*
    .b_more_btn:hover span{transform: translateX(55px); }
    .b_more_btn:hover figure{transform: translateX(-93px); }
*/
}

/* 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_tx {transform: translate3d(0, 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_item.b_delay_05{transition-delay: 1.5s;}
.b_item.b_delay_06{transition-delay: 1.8s;}
.b_item.b_delay_07{transition-delay: 2.1s;}
.b_item.b_delay_08{transition-delay: 2.4s;}

.side_bnr{position:fixed; bottom:50px; left:90vw; z-index:100; display:flex; flex-flow:column; align-items: flex-start; justify-content: center; gap:10px; transform:translateX(-50%);}
.side_bnr .metatree_bnr{box-shadow: -50px 50px 24px -50px rgba(0,0,0,0.2); border-radius:0 0 30px 30px; width:182px; background: url('/img/index/idx_bnr_metatree.png') no-repeat center bottom; background-size: 100% auto; aspect-ratio: 0.7469 / 1; }
.side_bnr .metatree_bnr .bnr_cont{display:flex; flex-flow: column; align-items: center; justify-content: center; gap:0; width:152px; aspect-ratio: 1 / 1.118; margin-top:70px; padding:0 3px;}
.side_bnr .metatree_bnr .bnr_cont>div{padding:8px; margin-bottom:10px; width:122px; border-radius: 20px; background-color: #fff; display:flex; align-items: center; justify-content: center;}
.side_bnr .metatree_bnr .bnr_cont>div>img{height:auto; width:80px; margin:0 auto;}
.side_bnr .metatree_bnr .bnr_cont>p{text-align: center;}
.side_bnr .metatree_bnr .bnr_cont>p.fs_14{color:#663514;}
.side_bnr .metatree_bnr .bnr_cont>p.fs_22{color:#FF6633;}
.side_bnr .metatree_bnr .bnr_cont>a{margin-top:5px; background-color: #FF6633; border-radius: 20px; padding:4px; text-align: center; display: block; width:122px; color:#fff;}
.side_bnr .store_bnr{width:152px; background: url('/img/index/idx_bnr_store.png') no-repeat center bottom; background-size: 100% auto; aspect-ratio: 1 / 1.02; position:relative;}
.side_bnr .store_bnr>a{background-color: #fff; border-radius: 20px; padding:4px; text-align: center; display: block; width:80%; color:#8029D7; position:absolute; bottom:10px; left:50%; transform: translateX(-50%);}
.side_bnr .dl_inq{width:150px; padding:5px 10px; border:1px solid #c9c9c9; border-radius: 20px; background-color:#fff;}
.side_bnr .dl_inq>a{width:100%; cursor:pointer; padding:10px; box-sizing: border-box; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap:15px;}
.side_bnr .dl_inq>a:first-child{border-bottom:1px solid #DEDEDE;}
.side_bnr .dl_inq>a>p{width:fit-content; text-align: center;}
.side_bnr .dl_inq>a>img{width:28px; height:auto;}

@media screen and (max-width: 1480px){
    .side_bnr .metatree_bnr{width:172px;}
    .side_bnr .metatree_bnr .bnr_cont{width:146px; gap:2px;}
    .side_bnr .store_bnr{width:142px}
    .side_bnr .dl_inq{width:140px;}
}
@media screen and (max-width:1023px) {
    .side_bnr{display:none;}
}

/* section 01 */
.sec_01{padding-bottom: 0; }
.sec_01 .b_more_btn{margin-top: 65px;}
.sec_01 .b_cont_box{margin-top: 150px;}
.sec_01 .b_list_box{display: flex; flex-flow:row wrap; align-items: center; justify-content: space-between; }
.sec_01 .b_list_box li{width: 24%; height: 415px; background-color: #fff; border-radius: 30px; box-shadow: 0 0 28px rgba(177,164,236,.2);  }
.sec_01 .b_list_box li.shadow_blue{box-shadow: 0 0 18px #28bfff40;}
.sec_01 .b_list_box li.shadow_pur{box-shadow: 0 0 18px #B56AFF40;}
.sec_01 .b_list_box li.shadow_yel{box-shadow: 0 0 18px #FFD63340;}
.sec_01 .b_list_box li.shadow_pnk{box-shadow: 0 0 18px #D81A6240;}
.sec_01 .b_list_box li .b_box_wrap{text-align: center; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; height: 100%; transition:transform .2s; }
.sec_01 .b_list_box figure{display:flex; align-items: flex-end; justify-content: center; overflow: hidden; width:100%; height:50%; border-radius: 20px 20px 0 0;}
.sec_01 .b_list_box li.shadow_blue figure{background-color:#28bfff;}
.sec_01 .b_list_box li.shadow_pur figure{background-color:#b56aff;}
.sec_01 .b_list_box li.shadow_yel figure{background-color:#FFD633;}
.sec_01 .b_list_box li.shadow_pnk figure{background-color:#D81A62;}
.sec_01 .b_list_box figure img{display: block; max-width: 100%; transition:transform .2s; }
.sec_01 .b_list_box p{margin: 50px 12px 30px; word-break: keep-all;}
.sec_01 .b_list_box .br_1440{display: block;}
.sec_01 .b_list_box li.shadow_blue p.fw_eb{color:#28bfff;}
.sec_01 .b_list_box li.shadow_pur p.fw_eb{color:#b56aff;}
.sec_01 .b_list_box li.shadow_yel p.fw_eb{color:#FFD633;}
.sec_01 .b_list_box li.shadow_pnk p.fw_eb{color:#D81A62;}
.sec_01 .b_list_box li span.fw_m{color:#8F8F93;word-break: keep-all; margin: 0 12px;}
.sec_01 .b_list_box li:hover .b_box_wrap{transform: translateY(-5px); transition:transform .4s; }
.sec_01 .b_list_box li:hover figure img{transform: scale(1.05); transition:transform .4s; }


@media screen and (max-width:1439px) {
    .sec_01 .b_list_box .br_1440{display: none;}
}
@media screen and (max-width: 1080px){
    .sec_01 .b_list_box{justify-content: center; gap:20px;}
    .sec_01 .b_list_box li{width:40%; min-width: 300px; height: 355px;}
    .sec_01 .b_list_box figure{height:55%;}
    .sec_01 .b_cont_box {margin-top: 100px;}
    .sec_01 .b_list_box .fs_16{font-size: 12px;}
    .sec_01 .b_list_box p {margin: 40px 0 20px;}
    .sec_01 .b_list_box .br_1440{display: block;}
}
@media screen and (max-width: 720px){
    .sec_01 .b_list_box{flex-flow: column;gap:20px;}
    .sec_01 .b_list_box li{width:40%; min-width: 285px; height: 285px;}
    .sec_01 .b_list_box figure{height:55%;}
    .sec_01 .b_list_box li figure img{height:80%; width: auto;}
    .sec_01 .b_tit_box p {margin-top: 20px;}
    .sec_01 .b_more_btn {margin-top: 30px;}
    .sec_01 .b_cont_box {max-width: 310px; width: 100%; margin: 0 auto; margin-top: 40px;}
    .sec_01 .b_list_box p {margin: 25px 0 10px;}
    .sec_01 .b_list_box li:hover .b_box_wrap{transform: none; }
    .sec_01 .b_list_box li:hover figure img{transform: none;  }
}
@media screen and (max-width: 500px){
    .sec_01 .b_cont_box {max-width: 230px;}
    .sec_01 .b_list_box figure{height:50%;}
    .sec_01 .b_list_box li{height: 248px; margin-right:0 !important;}
    .sec_01 .b_list_box .fs_18{font-size: 10px;}
}


/* section 02 */
.sec_02 .b_tit_box{margin-bottom: 90px;}
.sec_02 .b_more_btn{background-color: #222222; color:#fff; width: 200px; height: 55px; margin: 0; margin-top: 50px; border: 0;}
.sec_02 .shadow_pur .b_more_btn{background-color: #B56AFF;}
.sec_02 .shadow_blue .b_more_btn{background-color: #5FD5F5;}
.sec_02 .shadow_org .b_more_btn{background-color: #FF6633;}
.sec_02 .shadow_grn .b_more_btn{background-color:#29CC39;}
.sec_02 .b_more_btn figure{background-color: #fff; width: 29px;}
.sec_02 .b_more_btn figure svg{transform: rotate(0deg);
    transition: transform .4s;}
.sec_02 .shadow_pur .b_more_btn figure svg path{fill:#B56AFF;}
.sec_02 .shadow_blue .b_more_btn figure svg path{fill: #5FD5F5;}
.sec_02 .shadow_org .b_more_btn figure svg path{fill:#FF6633;}
.sec_02 .shadow_grn .b_more_btn figure svg path{fill:#29CC39;}
.sec_02 .b_more_btn:hover span{transform: none; }
.sec_02 .b_more_btn:hover figure{transform: none; }
.sec_02 .b_more_btn:hover figure svg{transform: rotate(90deg);transition:transform .4s;}
.sec_02 .b_cont_box{height:650px; position: relative;}
.sec_02 .b_slt_box{width: 100%; background-color: #fff; border-radius: 15px; display: flex; align-items: flex-start; padding:50px 50px 50px 100px; height:100%; width: 100%;; justify-content: space-between; position: absolute; left: 50%; transform: translateX(-50%); top: 1900px; }
.sec_02 .b_slt_box.shadow_pur{box-shadow: 0 0 28px #B56AFF50; border:1px solid #B56AFF50;}
.sec_02 .b_slt_box.shadow_blue{box-shadow: 0 0 28px #5FD5F550; border:1px solid #5FD5F550;}
.sec_02 .b_slt_box.shadow_org{box-shadow: 0 0 28px #FF663350; border:1px solid #FF663350;}
.sec_02 .b_slt_box.shadow_grn{box-shadow: 0 0 28px #29CC3950; border:1px solid #29CC3950;}
.sec_02 .b_slt_01 {z-index: 1; top: 0px; }
.sec_02 .b_slt_02 {z-index: 3;}
.sec_02 .b_slt_03 {z-index: 5;}
.sec_02 .b_slt_04 {z-index: 7;}
.sec_02 .b_slt_box:last-child{margin-bottom: 0; }
.sec_02 .b_slt_box .b_txt_box{width: 34.3%; padding-top: 60px; padding-right: 20px;}
.sec_02 .b_slt_box .b_txt_box p{margin: 30px 0 20px; }
.sec_02 .b_slt_box .b_txt_box span{word-break: keep-all;}
.sec_02 .b_slt_box .b_txt_box>span.fw_m{color:#8F8F93;}
.sec_02 .b_slt_box .b_txt_box .b_icon_box img{display: block;}
.sec_02 .b_slt_box .b_img_box{height: 550px; width: 65.6%; border-radius: 15px; overflow: hidden;}
.sec_02 .b_slt_box .b_img_box video{height: 100%; width: 100%; object-fit: cover; }
/*.sec_02 .b_slt_box .b_img_box figure{height: 100%; width: 100%; border-radius: 15px; overflow: hidden;}*/
.sec_02 .b_slt_box .b_img_box img{display: block; width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 1280px){
    .sec_02 .b_slt_box{height: 450px; padding: 40px 30px 40px 30px;}
    .sec_02 .b_slt_box .b_img_box {aspect-ratio: 16 / 10; height:370px; }
    .sec_02 .b_slt_box .b_txt_box{padding-top: 40px;}
}
@media screen and (max-width: 1024px){
    .sec_02 .b_tit_box {margin-bottom: 40px;}
    .sec_02 .b_slide_box{max-width: 550px; margin: 0 auto; width:100%}
    .sec_02 .b_slt_box{flex-direction: column-reverse; height: unset; margin: 0 auto; padding: 20px 20px 30px 20px; margin-bottom: 25px; width:100%; border-radius: 7.5px; }
    .sec_02 .b_slt_box .b_img_box {width: 100%; height:unset; aspect-ratio: 9/6; border-radius: 7.5px;}
    .sec_02 .b_slt_box .b_txt_box{width: 100%; padding-top: 30px; padding-right: 0;}
    .sec_02 .b_slt_box .b_txt_box p {margin: 15px 0 10px;}
    .sec_02 .b_slt_01 .b_txt_box .b_icon_box img{width: 32px;}
    .sec_02 .b_slt_02 .b_txt_box .b_icon_box img{width: 36px;}
    .sec_02 .b_slt_03 .b_txt_box .b_icon_box img{width: 29px;}
    .sec_02 .b_slt_04 .b_txt_box .b_icon_box img{width: 32px;}
    .sec_02 .b_more_btn{margin-top: 20px;}
}
@media screen and (max-width: 720px){ 
		.sec_02 {padding-bottom:0; }
    .sec_02 .b_tit_box {margin-bottom: 40px;}
    .sec_02 .b_slide_box{max-width: 310px; }
    .sec_02 .b_cont_box {height: 500px;}
    .sec_02 .b_more_btn{width: 100px; height: 27.5px; padding:0 7px 0 14px; }
    .sec_02 .b_more_btn figure{width: 14.5px;}
    .sec_02 .b_more_btn figure svg{width: 6px;}
    .sec_02 .b_more_btn span{font-size: 9px;}
}


/* section 03 */
.sec_03 {overflow: hidden; background-color:#f5f5f5;padding-bottom:400px;}
.sec_03 .b_tit_box{margin-bottom: 75px;}
.sec_03 .b_list_wrap{position:relative; height:300px;}
.sec_03 .b_list_01 {margin-bottom: 20px;}
.sec_03 .b_list_wrap ul{display: flex; align-items: center; gap: 20px; position: absolute; }
.sec_03 .b_list_01 ul{top: 0; animation-name: to_right; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear;}
.sec_03 .b_list_02 ul{bottom: 0; animation-name: to_left; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; }
.sec_03 .b_list_wrap li a{display: block;}
.sec_03 .b_list_wrap figure{border-radius: 15px; overflow: hidden;}
.sec_03 .b_list_wrap img{display: block; height: 300px;}

@keyframes to_right {
    0%{left: -100%;}
    100%{left: -10%;}
}
@keyframes to_left {
    0%{right: -100%;}
    100%{right: -10%;}
}

@media screen and (max-width: 1080px){
    .sec_03 .b_tit_box {margin-bottom: 40px;}
    .sec_03 .b_list_wrap{height:250px;}
    .sec_03 .b_list_01 {margin-bottom: 12px;}
    .sec_03 .b_list_wrap ul{gap: 20px;}
    .sec_03 .b_list_wrap figure{border-radius: 7.5px;}
    .sec_03 .b_list_wrap img{height: 250px;}
}
@media screen and (max-width: 720px){
    .sec_03 {padding-bottom:200px;}
    .sec_03 .b_list_01 {margin-bottom: 25px;}
    .sec_03 .b_list_wrap ul{gap: 8px;}
    .sec_03 .b_list_wrap{height:160px;}
    .sec_03 .b_list_wrap img{height: 160px;}
    .sec_03 .b_list_01 ul{animation-duration: 25s;}
    .sec_03 .b_list_02 ul{animation-duration: 25s;}
}


/* section 04 */
.sec_04{background-color:#fff; background:url(/img/index/sec04_bg_2.png) no-repeat center / cover; overflow: hidden; padding-top:100px; height: 800px; }
.sec_04 .b_tit_box {margin-bottom: 0px;}
.sec_04 .b_tit_box>img{width: 200px; margin-bottom:30px;}
.sec_04 .b_tit_box h3{color: #1D1D1F; text-align: center;}
.sec_04 .b_more_btn{margin:0 auto; margin-top: 50px; border:none;}
.sec_04 .b_logo_list{height:50px; position:relative; }
.sec_04 .b_logo_list ul{display: flex; gap: 50px; animation-name: to_left; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; top: 0; }
.sec_04 .b_logo_list img{display: block; }

@media screen and (max-width: 1080px){
    .sec_04{height:60vh; min-height: none;}
    .sec_04 .b_tit_box {margin-bottom: 170px;}
    .sec_04 .b_tit_box>img{width: 150px; margin-bottom:20px;}
    .sec_04 .b_more_btn{margin-top: 30px;}
}
@media screen and (max-width: 720px){
    .sec_04{background:url(/img/index/sec04_bg_2.png) no-repeat center / cover; padding-top:40px; height: 345.8px; min-height: none;}
    .sec_04 .b_tit_box {margin-bottom: 380px; }
    .sec_04 .b_tit_box>img{width: 120px; margin-bottom:15px;}
    .sec_04 .b_tit_box h3{text-align: center;}
    .sec_04 .b_more_btn{margin-top: 30px; width: fit-content; gap:10px;}
    .sec_04 .b_logo_list ul{gap: 25px; animation-duration: 30s;}
    .sec_04 .b_logo_list {height: 20px;}
    .sec_04 .b_logo_list img{height:20px}
    .sec_04 .b_more_btn{margin: 0 auto; margin-top: 25px;}
}


/* footer */
#b_footer{background-color: #222222; padding:50px 0; }
#b_footer .b_inner > div{display: flex; justify-content: space-between; align-items: center;}
#b_footer .b_ft_logo a{display: block;}
#b_footer .b_ft_top{border-bottom: 1px solid #999999; padding-bottom: 40px; margin-bottom: 30px;}
#b_footer .b_ft_top .famSite{position:relative;}
#b_footer .b_ft_top .famSite>li{background: url("/img/sub/mypage/arrow_down_footer.png") no-repeat 150px 50%; background-size: 16px auto; width:180px; color:#999999;border-radius: 5px; border:1px solid #999999; padding:5px 10px;}
#b_footer .b_ft_top .famSite>li:hover{cursor:pointer; border:1px solid #ffffff; color:#fff;}
#b_footer .b_ft_top .famSite .dep2{display:none; position:absolute;background-color: #575757; width:100%; top:100%; left:0;border-radius: 4px;}
#b_footer .b_ft_top .famSite .dep2 li a{display: block; color:#a4a4a4; border-radius: 4px; padding:4px 10px; box-sizing: border-box;}
#b_footer .b_ft_top .famSite .dep2 li a:hover{font-weight:500; background-color: #414141; color:#fff;}
#b_footer address{color: #999999; }
#b_footer address span{line-height: 1.6;}
#b_footer .b_copyright{margin-top: 7px;} 
#b_footer #b_gnb {display: flex; align-items: center;}
#b_footer #b_gnb > li {margin-right: 50px;}
#b_footer #b_gnb > li:last-child {margin-right: 0px;}
#b_footer #b_gnb > li > a{color: #999999; display: block; padding: 5px; font-size: 1.125rem; font-weight: 500;}
#b_footer #b_gnb .b_sub_menu{display: none;}
#b_footer .b_top_btn{border: 1px solid #999999; width: 50px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
#b_footer .termsText{text-decoration: underline;}
@media screen and (max-width: 1280px){
    #b_footer .b_ft_logo img{width: 180px;}
    #b_footer #b_gnb > li {margin-right: 30px;}
}
@media screen and (max-width: 1080px){
    #b_footer{padding: 30px 0;}
    #b_footer nav{display: none;}
    #b_footer .b_ft_top{padding-bottom: 20px; margin-bottom: 20px;}
    #b_footer .b_ft_logo img{width: 106px;}
    #b_footer .b_top_btn{width: 25px; border-radius: 2.5px;}
    #b_footer .b_top_btn img{width: 8px;}
}
@media screen and (max-width:720px){
    #b_footer .b_ft_top .famSite>li{background: url("/img/sub/mypage/arrow_down_footer.png") no-repeat 110px 50%;}
}
.tail_etc {  margin-top: 50px;  display: flex;  gap: 30px;}

.mo {display:none;}

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


/* 반응형 따른 줄바꿈 */
.br_720o{display: none;}
@media screen and (max-width: 720px){
    .br_720x{display: none;}
    .br_720o{display: block;}
    #b_footer .b_ft_top .famSite>li{width:140px;}
}