/* sc-global */
.sc-global { margin:0 auto; }
.sc-global .sc-inner { position:relative; height: 700px; }
.sc-global .swiper.thbswip { position:relative; height: 700px; width: 100%; overflow:hidden; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide { position:relative; width:100%; height:100%; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; object-position: 50% 50%; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg video { height: 100%; width: 100%; object-fit: cover; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .pc_vdo { display: block; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .mb_vdo { display: none; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .slide-wrap { position: relative; margin: 0 auto; max-width: 1200px; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box { color: #fff; margin-top: 100px; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box { display: inline-block; padding: 20px 20px 20px 20px; height: 220px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.3) 100%); border-radius: 10px; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit { font-size: 50px; font-weight: 500; margin-bottom: 10px; transform: translateX(-100px); opacity: 0; transition-property: transform, opacity; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01); transition-delay: -0.3s; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit.active { transform: translateX(0); opacity: 1; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit .sm_txt { font-size: 20px; display: inline-block; margin-left: 10px; transform: translateX(-100px); opacity: 0; transition-property: transform, opacity; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01); transition-delay: -0.3s; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit .sm_txt.active{transform: translateX(0); opacity: 1; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_desc { font-size: 16px; transform: translateX(-100px); opacity: 0; transition-property: transform, opacity; transition-duration: 1.2s; transition-timing-function: cubic-bezier(0.41, 0.01, 0.16, 1.01); transition-delay: -0.3s; }
.sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_desc.active{transform: translateX(0); opacity: 1;}
.sc-global .swiper.thbswip .control_box { position: relative; max-width: 1170px; margin: 0 auto; z-index: 10; margin-top: -410px; display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.sc-global .swiper.thbswip .control_box .contr_inner { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 10px 20px 10px 10px; z-index: 10; border-radius: 10px; }
.sc-global .swiper.thbswip .control_box .button-next { position: relative; width:15px; height:15px; z-index:10; cursor:pointer; }
.sc-global .swiper.thbswip .control_box .button-next::before { position:absolute; left:50%; content: ''; height:75%; width:2px; border-radius: 10px; background:#ccc; transform: rotate(-45deg); }
.sc-global .swiper.thbswip .control_box .button-next::after { position:absolute; left:50%; top:50%; content: ''; height:75%; width:2px; border-radius: 10px; background:#ccc; transform: rotate(45deg); }
.sc-global .swiper.thbswip .control_box .button-prev { position: relative; width:15px; height:15px; z-index:10; cursor:pointer; }
.sc-global .swiper.thbswip .control_box .button-prev::before { position:absolute; left:50%; content: ''; height:75%; width:2px; border-radius: 10px; background:#ccc; transform: rotate(45deg); }
.sc-global .swiper.thbswip .control_box .button-prev::after { position:absolute; left:50%; top:50%; content: ''; height:75%; width:2px; border-radius: 10px; background:#ccc; transform: rotate(-45deg); }
.sc-global .swiper.thbswip .control_box .play_stop { position: relative; display: block; width: 10px; height: 14px; margin-top: 3px; margin-left: 10px; cursor: pointer; }
.sc-global .swiper.thbswip .control_box .play_stop.on { position: relative; cursor: pointer; }
.sc-global .swiper.thbswip .control_box .play_stop::before { content: ''; position: absolute; left: 0; background: #d1d1d1; width: 2px; height: 100%; z-index: 10; }
.sc-global .swiper.thbswip .control_box .play_stop:after { content: ''; position: absolute; right: 0; background: #d1d1d1; width: 2px; height: 100%; z-index: 10; }
.sc-global .swiper.thbswip .control_box .play_stop.on::before { content: ''; position: absolute; left: 0; width: 0; height: 0; background: none; border-bottom: 7px solid rgba(0, 0, 0, 0.0); border-top: 7px solid rgba(0, 0, 0, 0.0); border-left: 10px solid #d1d1d1; border-right: 7px solid rgba(0, 0, 0, 0.0); }
.sc-global .swiper.thbswip .control_box .play_stop.on::after { display: none; }
.sc-global .swiper.thbswip .control_box .sw_pagination { color: #fff; font-size: 16px; margin-left: 20px; z-index: 10; }
.sc-global .swiper.thubpart { position: relative; max-width: 1200px; margin: 0 auto; margin-top: -130px; height:110px; box-sizing: border-box; }
.sc-global .swiper.thubpart .swiper-slide { width:auto; height: 100%; cursor:pointer; position:relative; transition: 0.3s; transform: scale(0.8); }
.sc-global .swiper.thubpart .swiper-slide::after { content: ''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; object-position: 50% 50%; border-radius: 20px; background:rgba(000, 000, 000, 0.3); }
.sc-global .swiper.thubpart .swiper-slide img { display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; object-position: 50% 50%; border-radius: 20px; }
.sc-global .swiper.thubpart .swiper-slide-thumb-active { transform: scale(0.9); transition: 0.3s; }
.sc-global .swiper.thubpart .swiper-slide-thumb-active img { border: 2px solid #fff; }
.sc-global .swiper.thubpart .swiper-slide-thumb-active:after { background:none; }
.sc-global .swiper-pagination-current {color: #fff;}

/* 상단 what we do */
.c_red { color: #ef2a23; }
.affiliate_main { position: relative; display: flex; align-items: center; height: 700px; min-height: 700px; max-height: 700px; width: 100%; }
.affiliate_main .bg { position: absolute; height: 100%; width: 100%; }
.affiliate_main .bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%;}
.affiliate_main .text_box { position: relative; display: block; margin: 0 auto; width: 1200px; padding: 0 20px 50px 20px; color: #fff; }
.affiliate_main .text_box .b_title { font-size: 50px; }
.affiliate_main .text_box .b_title .red_txt { font-size: 22px; display: inline-block; margin-left: 10px; color: #ef2a23; }
.affiliate_main .text_box .desc { max-width: 550px; font-size: 16px; margin-top: 10px; }
.affiliate_program { padding: 50px 0; background: #eee; }
.affiliate_program .program_wrap { max-width: 1200px; margin: 0 auto; }
.program_wrap .program_notice_tit { font-size: 25px; margin-bottom: 20px; font-weight: 500; }
.program_wrap .program_list { display: flex; flex-direction: row; gap: 16px; }
.program_wrap .program_list .program_item { box-sizing: border-box; margin: 0px; min-width: 0px; position: relative; flex: 1 1 0%; max-width: 700px; min-height: 440px; transition: 0.7s; border-radius: 10px; overflow: hidden; }
.program_wrap .program_list .program_item .item_link { display: block; width: 100%; height: 100%; cursor: unset;}
.program_wrap .program_list .program_item:hover { flex: 8.7 1 0%; height: 440px; min-height: 440px; max-height: 440px; }
.program_wrap .program_list .program_item .img_box { position: relative; max-width: 700px; height: 440px; min-height: 440px; max-height: 440px; }
.program_wrap .program_list .program_item .img_box::before{content: '';position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;}
.program_wrap .program_list .program_item .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 0; }
.program_wrap .program_list .program_item:nth-child(3) .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; z-index: 0; }
.program_wrap .program_list .program_item:nth-child(4) .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; z-index: 0; }
.program_wrap .program_list .program_item:nth-child(6) .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; z-index: 0; }
.program_wrap .program_list .program_item .text_box { position: relative; font-weight: 500; text-align: center; padding: 20px 38px; color: #fff; z-index: 2;}
.program_wrap .program_list .program_item:hover .text_box{padding: 150px 10px 20px;}
.program_wrap .program_list .program_item .text_box .program_tit{font-size: 20px;}
.program_wrap .program_list .program_item:hover .text_box .program_tit {font-size: 25px;}
.program_wrap .program_list .program_item:hover .text_box .program_tit br{display: none;}
.program_wrap .program_list .program_item .text_box .program_desc{opacity: 0;}
.program_wrap .program_list .program_item:hover .text_box .program_desc{display: block; opacity: 1; transition: 0.3s; transition-delay: 0.6s; text-align: center; padding: 30px 20px; font-size: 16px;}
.program_wrap .swiper.pgmb { position: relative; overflow: hidden; padding: 20px 0 30px 0; display: none; }
.program_wrap .swiper.pgmb .swiper-slide { width: 100%; }
.program_wrap .swiper.pgmb .swiper-slide .item_link { display: block; width: 100%; cursor: unset;}
.program_wrap .swiper.pgmb .swiper-slide .item_link .img_box { position: relative; height: 358px; min-height: 358px; max-height: 358px; }
.program_wrap .swiper.pgmb .swiper-slide .item_link .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.program_wrap .swiper.pgmb .swiper-slide .text_box { position: relative; font-size: 14px; font-weight: 500; text-align: center; padding-top: 10px; }
.program_wrap .swiper.pgmb .swiper-pagination { bottom: 0; }
.program_wrap .swiper.pgmb .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; }
.program_wrap .swiper.pgmb .swiper-pagination .swiper-pagination-bullet-active { background: #000; }
/* why lottejtb 영역 */
.why_ltjtb { }
.why_ltjtb .title_box { background: none; padding: 50px 0 0px;}
.why_ltjtb .title_box .why_title { max-width: 1200px; margin: 0 auto; text-align: left; font-size: 25px; font-weight: 500; }
.why_ltjtb .row_top_area { padding: 20px 0px 50px; }
.why_ltjtb .row_top_area .whyjtb_list { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item { width: calc((100% / 4) - 70px); text-align: center; padding: 20px; background: #fff;border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .icon_box { width: 100px; height: 100px; padding: 20px; margin: 0 auto; margin-bottom: 0px; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .icon_box .icon.ms { display: block; background: url(/asp/images/intro/foreign/about_why_icon1.png) no-repeat; background-size: contain; width: 100%; height: 100%; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .icon_box .icon.ts { display: block; background: url(/asp/images/intro/foreign/about_why_icon2.png) no-repeat; background-size: contain; width: 100%; height: 100%; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .icon_box .icon.rf { display: block; background: url(/asp/images/intro/foreign/about_why_icon3.png) no-repeat; background-size: contain; width: 100%; height: 100%; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .icon_box .icon.df { display: block; background: url(/asp/images/intro/foreign/about_why_icon4.png) no-repeat; background-size: contain; width: 100%; height: 100%; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .text_box{flex: 1; text-align: center;padding: 10px 20px;}
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .text_box .t_title { color: #000; font-size: 20px; margin-bottom: 10px; font-weight: 500; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .text_box .t_desc { font-size: 14px; color: #000; }
.why_ltjtb .row_top_area .whyjtb_list .whyjtb_item:nth-child(n+3):nth-child(-n+4) .text_box .t_desc{padding-top: 20px;}
.why_ltjtb .row_bot_area { margin: 0 auto; max-width: 1200px; }
.why_ltjtb .row_bot_area .img_box { position: relative; width: 100%; height: 400px;}
.why_ltjtb .row_bot_area .img_box .pc_img {display: block; width: 100%;height: 100%;}
.why_ltjtb .row_bot_area .img_box .mb_img {display: block; width: 100%;height: 100%;}
/* WHO WE ARE영역 */
.glb_busi_team { }
.glb_busi_team .title_box { background: #ffffff; padding: 50px 0 10px; }
.glb_busi_team .title_box .team_title { max-width: 1200px; margin: 0 auto; text-align: left; font-size: 25px; font-weight: 500; }
.glb_busi_team .row_top_area { background: #F6F6F6; }
.glb_busi_team .row_top_area .tab_wrap { border-bottom: 1px solid #959595; background: #ffffff; }
.glb_busi_team .row_top_area .tab_wrap .tab_list { display: flex; justify-content: center; max-width: 1200px; margin: 0 auto; gap: 60px; }
.glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item { padding: 15px 0; font-size: 14px; font-weight: 500; }
.glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item.active { border-bottom: 3px solid #ef2a23; }
.glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item .tab_link { font-size: 16px; }
.glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item.active .tab_link { color: #ef2a23; }
.glb_busi_team .tab_cont { display: none; }
.glb_busi_team .tab_cont.active { display: block; }
.glb_busi_team .tab_cont .team_mem_list { display: flex; justify-content: center; max-width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0; gap: 20px; }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item { width: calc(100% / 6); }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item .img_box { display: block; position: relative; height: 200px; }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item .img_box img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; border-radius: 100%; background: #fff; }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item .text_box { text-align: center; padding: 10px; font-size: 14px; }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item .text_box .name { display: block; font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.glb_busi_team .tab_cont .team_mem_list .team_mem_item .text_box .email { display: block; }
.glb_busi_team .row_bot_area { padding: 50px 0; }
.glb_busi_team .row_bot_area .busi_team_list { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; gap: 40px; }
/* 20241210 수정내용 */
.glb_busi_team .row_bot_area .busi_team_list .busi_team_item { text-align: center; width: calc(100% / 4); padding: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; }
/* --- */
.glb_busi_team .row_bot_area .busi_team_item .list_tit { text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 40px;position: relative; }
/* .list_tit::before 삭제 20241210 */
.glb_busi_team .row_bot_area .busi_team_item .list_tit .sml { text-transform: lowercase; }
.glb_busi_team .row_bot_area .busi_team_item .link_box { padding: 14px 0; border: 1px solid #000; }
.glb_busi_team .row_bot_area .busi_team_item .link_box .link_to { display: block; width: 100%; height: 100%; font-size: 14px; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box { display: flex; justify-content: center; gap: 2px; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box .link_to { display: block; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box .link_to .icon { display: block; width: 49px; height: 50px; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box .link_to .icon.insta { background: url(/asp/images/intro/foreign/iconlist2.png)no-repeat; background-position: 0 0; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box .link_to .icon.youtube { background: url(/asp/images/intro/foreign/iconlist2.png)no-repeat; background-position:50% 50%; }
.glb_busi_team .row_bot_area .busi_team_item .icon_box .link_to .icon.tiktok { background: url(/asp/images/intro/foreign/iconlist2.png)no-repeat; background-position:100% 100%; }

/* 20250102 */
.program_wrap .swiper.pgmb .swiper-slide .item_link .img_box::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.program_wrap .swiper.pgmb .swiper-slide .text_boxfloat{position: absolute;top: 0px;left: 0px; color: #fff;padding: 10px; z-index: 2;}
.program_wrap .swiper.pgmb .swiper-slide .text_boxfloat .program_tit { margin-bottom: 10px; font-size: 25px; }
.program_wrap .swiper.pgmb .swiper-slide .text_boxfloat .program_desc {font-size: 13px; }

/* 스크롤 이벤트 */
.hidden-section { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.1s; }
.hidden-sectiontwo { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
.hidden-sectionthree { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.5s; }
.hidden-sectionfour { opacity: 0; transform: translateY(50px); transition: opacity 1s, transform 1s; transition-delay: 0.7s; }
.visible { opacity: 1; transform: translateY(0); }

@media(max-width:1023px){
    .sc-global { width:auto; max-width: none; margin: 0 auto; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .slide-wrap { padding: 0 20px; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .pc_vdo { display: none; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .video_bg .mb_vdo { display: block; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit { font-size:24px; font-weight:bold; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_desc { font-size:15px; }
    .sc-global .swiper.thubpart { overflow:hidden; padding: 0 20px; }
    .sc-global .swiper.thbswip .control_box { padding: 0px 40px; margin-top: -390px; }
    .affiliate_program .program_wrap { padding: 0 20px; }
    .program_wrap .program_list { flex-wrap: wrap; display: none; }
    .program_wrap .program_list .program_item { flex: 1 1 45% }
    .program_wrap .swiper.pgmb { display: block; }
    .why_ltjtb .title_box{padding: 50px 20px 0px;}
    .why_ltjtb .row_top_area { padding: 20px 20px 50px; }
    .why_ltjtb .row_top_area .whyjtb_list { flex-wrap: wrap; }
    .why_ltjtb .row_top_area .whyjtb_list .whyjtb_item:nth-child(-n+3){margin-bottom: 20px;}
    .why_ltjtb .row_top_area .whyjtb_list .whyjtb_item {width: calc((100% / 1) - 50px); align-items: center; }
    .why_ltjtb .row_top_area .whyjtb_list .whyjtb_item .text_box{padding: 0 10px;}
    .why_ltjtb .row_bot_area {padding: 0 20px;}
    .why_ltjtb .row_bot_area .img_box{height: auto;}
    .glb_busi_team .title_box{padding: 50px 20px 10px;}
    .glb_busi_team .row_bot_area .busi_team_list { flex-wrap: wrap; justify-content: center; }
    .glb_busi_team .row_top_area .tab_wrap .tab_list { padding: 0 0px; gap: 20px; }
    .glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item{text-align: center;}
    .glb_busi_team .row_top_area .tab_wrap .tab_list .tab_item .tab_link { font-size: 12px; word-break: keep-all; }
    .glb_busi_team .tab_cont .team_mem_list { justify-content: center; }
    .glb_busi_team .tab_cont .team_mem_list .team_mem_item { width: calc(100% / 4); }
    .glb_busi_team .row_bot_area .busi_team_list { padding: 0 20px; }
    .glb_busi_team .row_bot_area .busi_team_list .busi_team_item { width: calc(100% / 3); }
 }
@media(max-width:500px){
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .inner-box { display: block; padding: 20px 0px 20px 0px; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_tit { min-width: auto; max-width: auto; padding: 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_desc { min-width: auto; max-width: auto; padding: 0 20px; }
    .sc-global .swiper.thbswip .swiper-wrapper .swiper-slide .text-box .top_title .busi_desc br{display: none;}
    .why_ltjtb .row_top_area .whyjtb_list .whyjtb_item { width: calc(100% / 1); }
    .glb_busi_team .tab_cont .team_mem_list { flex-wrap: wrap; }
    .glb_busi_team .tab_cont .team_mem_list .team_mem_item { width: calc(100% / 2.2); }
    .glb_busi_team .tab_cont .team_mem_list .team_mem_item .text_box { font-size: 12px; }
    .glb_busi_team .row_bot_area .busi_team_list { gap: 20px; }
    .glb_busi_team .row_bot_area .busi_team_list .busi_team_item { width: calc(100% / 1); }
 }