/*--all class--*/
* {letter-spacing: 0; word-break:keep-all;}

/*영문 폰트 변경*/
body {font-family: 'Pretendard', sans-serif;color:#222;}
.ch_eng{font-family: "Montserrat", sans-serif;}

:root {
/*--font size--*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.9375rem; 
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem;
	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
	--font-size-34: 2.125rem; 
	--font-size-35: 2.188rem; 
	--font-size-36: 2.25rem; 
	--font-size-37: 2.313rem; 
	--font-size-38: 2.375rem; 	
	--font-size-40: 2.5rem; 	
	--font-size-42: 2.625rem; 
	--font-size-43: 2.688rem; 
	--font-size-45: 2.813rem; 
	--font-size-48: 3rem; 
	--font-size-50: 3.125rem;
	--font-size-52: 3.25rem;
	--font-size-55: 3.438rem;
	--font-size-58: 3.625rem;
	--font-size-60: 3.75rem;
	--font-size-65: 4.063rem;
	--font-size-70: 4.375rem;
	--font-size-72: 4.5rem;
	--font-size-74: 4.625rem;
	--font-size-75: 4.688rem;
	--font-size-80: 5rem;
	--font-size-85: 5.313rem;
	--font-size-86: 5.375rem;
	--font-size-90: 5.625rem;
	--font-size-100: 6.25rem;
	--font-size-110: 6.875rem;
	--font-size-120: 7.5rem;

/*--font weight--*/
	--font-t: 100;
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: 700;
	--font-eb: 800;
	--font-bl: 900;

/*color*/
--main-clr: #072155;
--point-clr: #153a85;
--white-clr: #fff;
--black-clr: #222;
}

.fs_14{font-size: var(--font-size-14);letter-spacing: -0.01em;}
.fs_15{font-size: var(--font-size-15);letter-spacing: -0.01em;}
.fs_16{font-size: var(--font-size-16);letter-spacing: -0.01em;} 
.fs_17{font-size: var(--font-size-17);letter-spacing: -0.01em;} 
.fs_18{font-size: var(--font-size-18);letter-spacing: -0.01em;}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);} 
.fs_22{font-size: var(--font-size-22);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_24{font-size: var(--font-size-24);}
.fs_25{font-size: var(--font-size-25);} 
.fs_26{font-size: var(--font-size-26);} 
.fs_28{font-size: var(--font-size-28);} 
.fs_29{font-size: var(--font-size-29);} 
.fs_30{font-size: var(--font-size-30);} 
.fs_32{font-size: var(--font-size-32);} 
.fs_33{font-size: var(--font-size-33);} 
.fs_34{font-size: var(--font-size-34);} 
.fs_35{font-size: var(--font-size-35);} 
.fs_36{font-size: var(--font-size-36);} 
.fs_38{font-size: var(--font-size-38);} 
.fs_40{font-size: var(--font-size-40);} 
.fs_42{font-size: var(--font-size-42);} 
.fs_45{font-size: var(--font-size-45);}
.fs_48{font-size: var(--font-size-48);}
.fs_50{font-size: var(--font-size-50);}
.fs_52{font-size: var(--font-size-52);}
.fs_54{font-size: var(--font-size-54);}
.fs_55{font-size: var(--font-size-55);}
.fs_56{font-size: var(--font-size-56);}
.fs_60{font-size: var(--font-size-60);}
.fs_65{font-size: var(--font-size-65);} 
.fs_67{font-size: var(--font-size-67);} 
.fs_70{font-size: var(--font-size-70);} 
.fs_72{font-size: var(--font-size-72);} 
.fs_74{font-size: var(--font-size-74);} 
.fs_75{font-size: var(--font-size-75);} 
.fs_80{font-size: var(--font-size-80);} 
.fs_86{font-size: var(--font-size-86);} 
.fs_90{font-size: var(--font-size-90);} 
.fs_94{font-size: var(--font-size-94);} 
.fs_100{font-size: var(--font-size-100);}
.fs_110{font-size: var(--font-size-110);}
.fs_120{font-size: var(--font-size-120);}

.fw_t{font-weight: var(--font-t);}
.fw_l{font-weight: var(--font-l);}
.fw_r{font-weight: var(--font-r);}
.fw_m{font-weight: var(--font-m);}
.fw_sb{font-weight: var(--font-sb);}
.fw_b{font-weight: var(--font-b);}
.fw_eb{font-weight: var(--font-eb);}
.fw_bl{font-weight: var(--font-bl);}

.fc_main {color: var(--main-clr);}
.fc_point {color: var(--point-clr);}
.fc_white {color: var(--white-clr);}
.fc_black {color: var(--black-clr);}


@media screen and (max-width: 1080px){
    .fs_20{font-size: 16px;}
    .fs_25{font-size: 18px;}
    .fs_34{font-size: 24px;}
    .fs_48{font-size: 28px;}
    .fs_80{font-size: 60px;}
    .fs_90{font-size: 60px;}
	.fs_13 { font-size: 12px; }
    .fs_15 { font-size: 14px; }
    .fs_17 { font-size: 15px; }
    .fs_19 { font-size: 16px; }
    .fs_21 { font-size: 18px; }
    .fs_23 { font-size: 19px; }
    .fs_26 { font-size: 22px; }
    .fs_27 { font-size: 23px; }
    .fs_30 { font-size: 26px; }
    .fs_31 { font-size: 27px; }
    .fs_32 { font-size: 28px; }
    .fs_35 { font-size: 30px; }
    .fs_37 { font-size: 32px; }
    .fs_38 { font-size: 34px; }
    .fs_40 { font-size: 36px; }
    .fs_42 { font-size: 38px; }
    .fs_43 { font-size: 40px; }
    .fs_45 { font-size: 42px; }
    .fs_50 { font-size: 46px; }
    .fs_52 { font-size: 48px; }
    .fs_55 { font-size: 50px; }
    .fs_58 { font-size: 52px; }
    .fs_60 { font-size: 54px; }
    .fs_65 { font-size: 58px; }
    .fs_70 { font-size: 62px; }
    .fs_72 { font-size: 64px; }
    .fs_74 { font-size: 66px; }
    .fs_75 { font-size: 68px; }
    .fs_85 { font-size: 72px; }
    .fs_86 { font-size: 74px; }
    .fs_100 { font-size: 80px; }
    .fs_110 { font-size: 88px; }
    .fs_120 { font-size: 96px; }
}
@media screen and (max-width: 720px){
    .fs_16{font-size: 9px;}
    .fs_18{font-size: 12px;}
    .fs_20{font-size: 12px;}
    .fs_22{font-size: 13px;}
    .fs_24{font-size: 15px;}
    .fs_25{font-size: 15px;}
    .fs_28{font-size: 15px;}
    .fs_34{font-size: 24px;}
	.fs_36{font-size: 21px;}
    .fs_48{font-size: 24px;}
    .fs_80{font-size: 30px;}
    .fs_90{font-size: 30px;}
	.fs_13 { font-size: 10px; }
    .fs_15 { font-size: 11px; }
    .fs_17 { font-size: 12px; }
    .fs_19 { font-size: 13px; }
    .fs_21 { font-size: 14px; }
    .fs_23 { font-size: 14px; }
    .fs_26 { font-size: 16px; }
    .fs_27 { font-size: 16px; }
    .fs_30 { font-size: 18px; }
    .fs_31 { font-size: 18px; }
    .fs_32 { font-size: 19px; }
    .fs_35 { font-size: 21px; }
    .fs_37 { font-size: 22px; }
    .fs_38 { font-size: 23px; }
    .fs_40 { font-size: 24px; }
    .fs_42 { font-size: 25px; }
    .fs_43 { font-size: 26px; }
    .fs_45 { font-size: 27px; }
    .fs_50 { font-size: 30px; }
    .fs_52 { font-size: 32px; }
    .fs_55 { font-size: 34px; }
    .fs_58 { font-size: 36px; }
    .fs_60 { font-size: 38px; }
    .fs_65 { font-size: 40px; }
    .fs_70 { font-size: 44px; }
    .fs_72 { font-size: 46px; }
    .fs_74 { font-size: 48px; }
    .fs_75 { font-size: 50px; }
    .fs_85 { font-size: 52px; }
    .fs_86 { font-size: 54px; }
    .fs_100 { font-size: 60px; }
    .fs_110 { font-size: 66px; }
    .fs_120 { font-size: 72px; }
}


/*--text-motion--*/
.ch_motion.common_motion{transform: translateY(30px);opacity: 0;transition: transform .8s ease, opacity .6s;}
.ch_motion.common_motion.on {transform: translateY(0);opacity: 1;}

/*--위에서 아래--*/
.ch_motion.top_to_bottom { transform: translateY(-30px); }
.ch_motion.top_to_bottom.on { transform: translateY(0); opacity: 1; }
/*--아래에서 위--*/
.ch_motion.bottom_to_top { transform: translateY(30px); }
.ch_motion.bottom_to_top.on { transform: translateY(0); opacity: 1; }
/*--왼쪽에서 오른쪽--*/
.ch_motion.left_to_right { transform: translateX(-30px); }
.ch_motion.left_to_right.on { transform: translateX(0); opacity: 1; }
/*--오른쪽에서 왼쪽--*/
.ch_motion.right_to_left { transform: translateX(30px); }
.ch_motion.right_to_left.on { transform: translateX(0); opacity: 1; }

.ch_delay_01{transition-delay: .2s !important;}
.ch_delay_02{transition-delay: .3s !important;}
.ch_delay_03{transition-delay: .4s !important;}
.ch_delay_04{transition-delay: .5s !important;}

/*--공통--*/
.ch_inner {width: 95.7%;height: 100%;margin: 0 auto;}
.ch_inner.in01 {max-width: 1824px;}
.ch_inner.in02 {max-width: 1520px;}
.ch_padd {padding:150px 0;}

.sect_tit_wrap {display:flex;flex-direction: column;align-items: center; justify-content: center;}
.sect_stit {font-size: var(--font-size-18);font-weight: var(--font-b);margin-bottom:20px;}
.sect_tit {font-size: var(--font-size-42);font-weight: var(--font-b);margin-bottom:34px;}
.sect_art {font-size: var(--font-size-20);font-weight: var(--font-m);margin-bottom:50px;text-align: center;line-height:1.4em;}

.sect_button {display:flex;gap:42px;padding:7px 7px 7px 19px;border-radius:50px;transition:ease all .36s;color:#fff;background:var(--main-clr);}
.sect_button p {display:flex;align-items:center;font-size: var(--font-size-16);font-weight: var(--font-m);}
.sect_button i {width:32px;height:32px;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;}
.sect_button i img {max-width:100%;margin:0 auto;transition:all ease .36s;}
.arrow_01_bl {display:block;}
/*
.sect_button:hover {color:var(--main-clr);box-shadow:0 1px 4px 3px rgba(207, 207, 207, 0.31);background:#fff;}
.sect_button:hover i {transition:all ease .36s;background:var(--main-clr);}
*/
.sect_button:hover i img {transform:rotate(-25deg);}

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1080px) {
}
@media screen and (max-width:720px){
	.ch_inner {width: 90%;}
	.ch_padd {padding:70px 0;}
	.sect_stit {font-size: 9px;margin-bottom: 8px;}
	.sect_tit {font-size: 21px;}
	.sect_art {font-size: 11px;margin-bottom:24px;}
	.sect_button {gap: 23px;padding:5px 5px 5px 12px;}
	.sect_button p {font-size: 11px;}
	.sect_button i {width: 20px;height: 20px;}
	.sect_button i img {width:8px}
}

/*--헤더--*/
#ch_header {position:fixed;top:0;left:0;z-index:5;width:100%;height:100px;transition:0.3s;}
#ch_header.scr {border-bottom:1px solid #ddd;background:#fff;}

#ch_header .ch_inner {position:relative;height:100%;display:flex;align-items:center;justify-content:space-between;}
#ch_header .hdLt {z-index:3;}
#ch_header .hdLt .logo i img {display:block;max-width:100%;}
#ch_header .ch_nav {z-index:2;position: absolute;top: 0;left: 50%;transform: translate(-50%);height: 100%;width: 100%;text-align: center;display: flex;justify-content: center;}
#ch_header #ch_gnb {display:flex;flex-wrap: wrap;height:100%;align-items:center;}
#ch_header #ch_gnb > li {position: relative;height: 100%;transition: 0.6s ease;}
#ch_header #ch_gnb > li > a {position: relative;width: 100%;padding: 0 2.1rem;white-space: nowrap;height: 100%;align-items: center;display: flex;transition: 0.3s;font-size: var(--font-size-18);font-weight: var(--font-sb);}
#ch_header #ch_gnb > li > a::after {content: "";display: block;height: 2px;width: 100%;position: absolute;left: 0;bottom:0;opacity:0;transform: scaleX(0.7);transition: 0.3s;pointer-events: none;background:#2d3092;}
#ch_header #ch_gnb > li:hover > a::after {opacity:1;transform: scaleX(1);}
#ch_header #ch_gnb > li > a svg {display:none;transition: .5s;}

#ch_header #ch_gnb > li > .ch_depth2 {display:none;position: absolute; top: 100px; width: 500%;padding: 10px 0;}
/*#ch_header #ch_gnb > li:last-child > .ch_depth2 {border-right: 1px solid #ddd;}*/
#ch_header #ch_gnb > li > .ch_depth2 > li {position:relative;width:100%;display:flex;justify-content: center;align-items: center; padding:10px 0 }
#ch_header #ch_gnb > li > .ch_depth2 > li > a {width: fit-content;text-align: center;display: block;padding: 0.7rem 0;color: #555;font-size:var(--font-size-16);font-weight: var(--font-m);line-height: 1.3;transition: .3s;}
#ch_header #ch_gnb > li > .ch_depth2 > li:hover > a {font-weight:var(--font-b);color:#2d3092;}

#ch_header #ch_gnb > .ch_menu1 > .ch_depth2{left: 15px;}
#ch_header #ch_gnb > .ch_menu2 > .ch_depth2{left: 20px;}
#ch_header #ch_gnb > .ch_menu3 > .ch_depth2{left: 20px;}
#ch_header #ch_gnb > .ch_menu4 > .ch_depth2{left: -250px;}
#ch_header #ch_gnb > .ch_menu5 > .ch_depth2{left: -160px;}

.hd_bg {position:fixed;left:0;top:-400px;width:100%;z-index:4;background:#f3f3f3;border-bottom: solid 1px #d9d9d9; box-shadow: 0px 1px 11px rgb(100 102 143 / 20%); }

#ch_header .hdRt {z-index:3;display: flex;align-items: center;}
#ch_header .hdRt .lang_box {display:flex;gap:2px;}
#ch_header .hdRt .lang_box > li > a {display:block;padding:2px 12px;border-radius:50px;}
#ch_header .hdRt .lang_box > li > a.active {color:#fff;background:#072155;}

.dropDown {display:none;margin-right: 76px;}
.select {position: relative;padding: 7px 19px 7px 13px;border-radius: 50px;display: flex;gap:30px;align-items: center;justify-content: space-between;cursor: pointer;color:#fff;transition: 0.3s;background: var(--main-clr);}
.global img {display:block;max-width: 100%;}
.menu {z-index: 20;display: block;max-height: 0;transition: max-height 0.8s ease;overflow: hidden;position: absolute;left: 50%;transform: translateX(-50%);top: 44px;width: 90%;border-radius: 20px;background: #f6f6f6;}
.menu > li {cursor:pointer;}
.menu > li:last-child {border-bottom:0;}
.menu > li > a {display: block;text-align: center;padding: 12px 0;color:#ddd;}
.menu > li:hover > a {color:#222;}
.menu > li.active a {color:#222;}
.menu-open {display:block;opacity:1;}
.menu.menu-open {max-height: 200px; /* 드롭다운 메뉴 전체 높이에 맞춰 설정 */}

/*--gnb 오픈--*/
#ch_header.open {border-bottom:1px solid #ddd;}
#ch_header.open + .hd_bg {top: 0;transition: 0.24s ease;}
#ch_header.open #ch_gnb > li > .ch_depth2 {display: none;}
#ch_header #ch_gnb > li:nth-child(1) > a {padding: 0 3.67rem;}
#ch_header #ch_gnb > li:nth-child(2) > a {padding: 0 2.48rem;}
#ch_header #ch_gnb > li:nth-child(3) > a {padding: 0 2.5rem;}
#ch_header #ch_gnb > li:nth-child(4) > a {padding: 0 3.55rem;}
#ch_header #ch_gnb > li:nth-child(5) > a {padding: 0 2.86rem;}
#ch_header.open #ch_gnb > li:hover > .ch_depth2 {}
#ch_header.open #ch_gnb > li:hover > .ch_depth2 {display: grid; grid-template-columns: repeat(6, 1fr);column-gap: 10px;}



/*--모바일 gnb --*/
.mo_nav_open_btn {display:none; position:fixed; top:0;right:20px;z-index:99; width: 50px;height:100px;transition: all 0.8s ease;}
.mo_nav_open_btn .line {display: block;width: 100%;height: 2px;margin:10px auto;transition: all 0.3s ease;background: var(--main-clr);}
.mo_nav_open_btn.active {}
.mo_nav_open_btn.active .line {margin:3px auto;}
.mo_nav_open_btn.active .line:nth-child(2) {opacity: 0;}
.mo_nav_open_btn.active .line:nth-child(1){transform: translateY(5px) rotate(45deg);}
.mo_nav_open_btn.active .line:nth-child(3){transform: translateY(-5px) rotate(-45deg);}
	
.mobile_nav {z-index: 10;position: fixed;top: 0;right: -100%;width: 100%;height: 100%;transition:0.3s;}
.mobile_nav.open {right: 0;}
.mobile_nav .mo_inner {position:absolute;top:0;right:0;width: 360px;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;background:#fff;}
.mobile_nav #ch_gnb {padding-top: 100px;height:auto !important;flex-direction: column  !important;flex-wrap: unset ! important;justify-content: center !important;align-items: flex-start !important;}
.mobile_nav #ch_gnb > li:first-child {border-top: 1px solid #d9d9d9;}
.mobile_nav #ch_gnb > li {width:100%;padding-bottom:0 !important;flex-direction: column;text-align: center;border-bottom: 1px solid #d9d9d9;}
.mobile_nav #ch_gnb > li > a {height: auto !important;display:flex;padding-right: 0 !important;font-size: var(--font-size-18) !important;padding: 1rem 1.8rem !important;justify-content: space-between;}
.mobile_nav #ch_gnb > li > a:hover {color:#1f4592;}
.mobile_nav #ch_gnb > li > a svg {display:block !important;}
.mobile_nav #ch_gnb > li > a.rot svg {transform: rotate(180deg);fill: #1f4592;}
.mobile_nav .mobile_nav_bg {	z-index: -1;display:none;	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(0, 0, 0, 0.6);}
.mobile_nav.open .gnb-overlay-bg-m {}
.mobile_nav #ch_gnb > li.active {font-weight: var(--font-b) !important; color:#1f4592;border-bottom:unset;}

.mobile_nav #ch_gnb > li > .ch_depth2 {display: flex;flex-direction: column; width: 100% !important;position: unset !important;border-left: unset !important;background:#f9f9f9;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li {position:relative;width:100%;padding:unset !important;display:flex;justify-content: flex-start !important; border-left:unset !important;transition:0.3s;background:transparent !important;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li::after {content:none !important;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li:last-child::after {content:none!important;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li:hover {border-left:unset !important;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li > a {padding: 1rem 1.8rem !important;font-size: var(--font-size-18) !important;color:#222 !important;text-align: left !important;}
.mobile_nav #ch_gnb > li > .ch_depth2 > li:hover > a {font-weight: var(--font-m) !important;}

@media screen and (max-width:1480px) {
	#ch_header .hdLt .logo i img {max-width: 110px;}
	#ch_header.open #ch_gnb > li > a {padding: 0 2.8rem;}
}
@media screen and (max-width:1280px) {
	#ch_header .hdLt .logo i img {max-width: 100px;}
	#ch_header #ch_gnb > li > a {font-size:var(--font-size-16);padding: 0 1rem;}
	#ch_header #ch_gnb > li > .ch_depth2 > li > a {font-size: var(--font-size-13);}
	
	#ch_header #ch_gnb > li:nth-child(1) > a {padding: 0 2.67rem;}
	#ch_header #ch_gnb > li:nth-child(2) > a {padding: 0 1rem;}
	#ch_header #ch_gnb > li:nth-child(3) > a {padding: 0 1rem;}
	#ch_header #ch_gnb > li:nth-child(4) > a {padding: 0 1.9rem;}
	#ch_header #ch_gnb > li:nth-child(5) > a {padding: 0 1.3rem;}
	
	#ch_header #ch_gnb > .ch_menu1 > .ch_depth2{left: 15px;}
	#ch_header #ch_gnb > .ch_menu2 > .ch_depth2{left: 20px;}
	#ch_header #ch_gnb > .ch_menu3 > .ch_depth2{left: 20px;}
	#ch_header #ch_gnb > .ch_menu4 > .ch_depth2{left: -170px;}
	#ch_header #ch_gnb > .ch_menu5 > .ch_depth2{left: -110px;}
}
@media screen and (max-width:1080px) {
	#ch_header .ch_nav {display:none;}
	#ch_header #ch_gnb > li > a::after {content: unset;}
	#ch_header #ch_gnb > li > .ch_depth2 {height: auto;}
	#ch_header #ch_gnb > li > .ch_depth2 > li:first-child {margin-top: 0;}
	#ch_header .hdRt .lang_box {display:none;}
	.dropDown {display:flex;}
	.mo_nav_open_btn {display:block;right: 35px;}
}
@media screen and (max-width:720px){
	#ch_header {height:55px;}
	#ch_header .hdLt .logo i img {max-width: 73px;}
	.dropDown {margin-right: 40px;}
	.global img {max-width: 9px;margin-bottom: -2px;}
	.select {padding: 4px 9px 6px 6px;gap: 14px;}
	.select span {font-size: 9px}
	
	.mo_nav_open_btn {width: 25px;height: 55px;right: 19px;}
	.mo_nav_open_btn .line {margin: 5px auto;}
	.mobile_nav .mo_inner {width: 250px;}
	.mobile_nav #ch_gnb {padding-top: 55px;}
	.mobile_nav #ch_gnb > li > a {font-size: 10px !important;padding: 8px 14px !important;}
	.mobile_nav #ch_gnb > li > a svg {width: 32px;}
	.mobile_nav #ch_gnb > li > a.rot {font-size: 12px !important;}
	.mobile_nav #ch_gnb > li > .ch_depth2 > li > a {font-size:11px !important;padding: 14px 14px !important;}
	.mobile_nav #ch_gnb > li > .ch_depth2 > li > a {}
	
	.menu {top: 26px;border-radius: 5px;}
	.menu > li > a {font-size:9px;padding: 6px 0;}
	
}


/*--*메인비주얼--*/
/*mv*/
.mainVisual { position: relative; margin-top: 100px; width: 100%; height: 750px; }
.mvSwip { height: 100%; border-radius: 20px; }
.mv { position: relative; width: 100%; height: 100%; padding: 77px 83px; overflow: hidden; }
.mv_bg {position: absolute;top: 0; left: 0;width: 100%; height: 100%;z-index: 0;transform: scale(1);transition: transform 6s;}
.mv01 .mv_bg { background: url('/img/main/mv01.jpg') no-repeat 50% 50% /cover;}
.mv02 .mv_bg { background: url('/img/main/mv02.jpg') no-repeat 50% 50% /cover;}
.mv03 .mv_bg { background: url('/img/main/mv03.jpg') no-repeat 50% 50% /cover;}

.for_mv, .mvDesc {position: relative;z-index: 1;height: 100%;}
.mvDesc {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;text-align: left;color: #fff;}
.mvDesc h2 {margin-bottom: 28px;}
.mvDesc h4 {line-height: 1.1em;word-break: keep-all;margin-bottom: 50px;}
.mvDesc h2, .mvDesc h4 {transform: translateY(40px);opacity: 0;transition: transform 1s ease, opacity .6s;}
.mvSwip .swiper-slide-active .mv_bg {transform: scale(1.1);}
.mvSwip .swiper-slide-active .mvDesc h4 {opacity: 1;transform: translateY(0px);transition: opacity .6s, transform 1s;transition-delay: .5s;}
.mvSwip .swiper-slide-active .mvDesc h2 {opacity: 1;transform: translateY(0px);transition: opacity .6s, transform 1s;transition-delay: .7s;}


/*스와이퍼 초기화*/
.swiper-button-next:after, .swiper-button-prev:after{display:none;}
.swiper-button-next, .swiper-button-prev{opacity: 1 !important; position: unset !important; width: auto !important; height: auto !important; margin-top:0 !important; }
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 70px !important; left: 50% !important; width: 100% !important; transform: translateX(-50%);}
.swiper-pagination-bullet{background:unset !important;}
.swiper-pagination-bullet-active {background:unset !important;}

.navi_box{display: flex;gap: 30px;align-items: center;}


@media screen and (max-width:1480px){
	.mvDesc h2 {font-size:var(--font-size-80);}
}
@media screen and (max-width:1280px){
	.mainVisual {height: 650px;}
	.mvDesc h2 {font-size:var(--font-size-70);}
}
@media screen and (max-width:1080px){
	.mv {padding: 50px;}
	.mainVisual {height: 550px;}
	.mvDesc h2 {font-size:var(--font-size-60);}
}
@media screen and (max-width:720px){
	.mainVisual {height: 450px;margin-top: 55px;}
	.mvSwip {border-radius: 5px;}
	.mv { padding: 35px 21px;}
	.mv01 .mv_bg { background: url('/img/main/mv01_mo.jpg') no-repeat 50% 50% /cover;}
	.mv02 .mv_bg { background: url('/img/main/mv02_mo.jpg') no-repeat 50% 50% /cover;}
	.mv03 .mv_bg { background: url('/img/main/mv03_mo.jpg') no-repeat 50% 50% /cover;}

	.mvDesc h2 {font-size:var(--font-size-24);margin-bottom: 11px;line-height: 1.1em;}
	.mvDesc h4 {font-size:11px;margin-bottom: 22px;} 
	.mvSwip .swiper-button-next img, .mvSwip .swiper-button-prev img {width:8px;}
	.navi_box {gap: 25px;}
}
@media screen and (max-width:480px){
}


/*--drag--*/
.cursor_box {position: fixed;left: 0;top: 0;border-radius: 50%;pointer-events: none;z-index: 999;display: none;transform: translate3d(0, 0, 0);}
.cursor_box .cursor_wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}
.cursor_box p {position:relative;border-radius: 50%;background-color: #ffb400;display: flex;gap: 10px;align-items: center;justify-content: center;width: 94px;height: 94px;margin: 0 10px;}
.cursor_box p::after {content:"";width:103px;height:103px;border: 1px solid #ffb400; border-radius:50%;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.cursor_box .arrow_02 img {display:block;max-width:100%;}
.sect1_info_wrap.custom-cursor-zone {cursor: none;}
.sect1_info_wrap.custom-cursor-zone a {height: 100%;cursor: none;display: flex;flex-direction: column;justify-content: flex-end;}

@media screen and (max-width: 720px) {
  .sect1_info_wrap.custom-cursor-zone,
  .sect1_info_wrap.custom-cursor-zone a {
    cursor: default !important;
  }
}


/*--sect1--*/
#sect1{position: relative; z-index:1;background:url('/img/main/sect1_bg.jpg')no-repeat 50% 50% /cover;}
/*
.sect1_slogan {display: flex;justify-content: center;margin-bottom:88px;}
.sect1_slogan img {display:block;max-width:100%;margin:0 auto;}
.sect1_slogan.desk {display:block;}
.sect1_slogan.mo {display:none;}
*/

.sect1_slogan {text-align:center;}
.gradient-text {color:var(--main-clr);}
@supports (-webkit-background-clip: text) {
	.gradient-text {background: linear-gradient(45deg,#030e2c,#0a3175,#2b979a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.12em;margin-bottom: 60px;color: transparent;}
}

.sect1_cover_bg{position: absolute; top:0; left:0; width:100%; height:100%;; overflow:hidden;}
.sect1_cover_bg .list-item{position: absolute; width:100%; height:calc(100%); top:0; left:0; transition:opacity 0.24s; opacity:0;}
.sect1_cover_bg .list-item:nth-child(1){background:url('/img/main/sect1_info_01.jpg') no-repeat 0% 50% /cover;}
.sect1_cover_bg .list-item:nth-child(2){background:url('/img/main/sect1_info_02.jpg') no-repeat 33.3% 50% /cover;}
.sect1_cover_bg .list-item:nth-child(3){background:url('/img/main/sect1_info_03.jpg') no-repeat 66.6% 50% /cover;}
.sect1_cover_bg .list-item:nth-child(4){background:url('/img/main/sect1_info_04.jpg') no-repeat 72% 50% /cover;}

.sect1_info_wrap{position: relative; background:#000;}
.sect1_info{position: relative; display: flex;overflow:hidden; margin-top:6rem;}
.sect1_info .list-item {width:25%; position: relative;}
.sect1_info .list-item .inner{position: relative; width:100%; height:0; padding-top:205.26%; z-index:1;}
.sect1_info .list-item .inner:before{position: absolute; content:""; width:100%; height:40px; background:#fff; left:0; top:0px;}
.sect1_info .list-item .inner:after{position: absolute; content:""; width:100%; height:40px; background:#fff; left:0; bottom:0px;}
.sect1_info .list-item .inner .like_margin {position: absolute; width:2px; height:100%; background:#fff; left:0; top:0;}
.sect1_info .list-item:nth-child(1) .inner .like-margin {display: none;}

.sect1_info .list-item .origin_bg {display: block;position: absolute; width:100%; height:calc(100%);top:0; left:0;transition:opacity 0.4s;}
.sect1_info .list-item:nth-child(1) .origin_bg {background:url('/img/main/sect1_info_01.jpg') no-repeat 0% 50% /cover;}
.sect1_info .list-item:nth-child(2) .origin_bg {background:url('/img/main/sect1_info_02.jpg') no-repeat 33.3% 50% /cover;}
.sect1_info .list-item:nth-child(3) .origin_bg {background:url('/img/main/sect1_info_03.jpg') no-repeat 66.6% 50% /cover;}
.sect1_info .list-item:nth-child(4) .origin_bg {background:url('/img/main/sect1_info_04.jpg') no-repeat 96% 50% /cover;}

.sect1_info_tit_wrap {position: absolute; bottom:0; left:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:flex-end; padding:3rem 1.8rem;}
.sect1_info_tit {font-size: var(--font-size-42);font-weight: var(--font-b);opacity:1;color:#fff;margin-bottom:10px;} 
.sect1_info_stit {font-size: var(--font-size-18);font-weight: var(--font-b);color:#fff;}
.sect1_info .list-item.dimmed .inner p {opacity: 0.6;transition: opacity 0.3s ease;}

.sect1_info .list-item:nth-child(even) .inner .sect1_info_tit_wrap {bottom:40px;}
.sect1_info .list-item:nth-child(even) .inner:before{top:-40px;}
.sect1_info .list-item:nth-child(odd) .inner:after{bottom:-40px;}

@media screen and (max-width:1480px){
	.sect1_slogan {font-size: var(--font-size-100);}
}
@media screen and (max-width:1280px){
	.sect1_slogan {font-size: var(--font-size-80);}
}
@media screen and (max-width:1080px){
	.sect1_slogan {font-size: var(--font-size-60);}
	
	.sect1_info_tit_wrap {padding: 2rem 1rem;}
	.sect1_info_tit {font-size: var(--font-size-28);}
}
@media all and (max-width:720px){
	#sect1 {padding: 70px 0;}
	.sect1_slogan {font-size: 52px;letter-spacing: -0.036em;}
	.sect1_slogan {margin-bottom: 38px;}
	/*
	.sect1_slogan.desk {display:none;}
	.sect1_slogan.mo {display:block;}
	*/
	.sect_art {font-size: 12px;}
	.sect1_cover_bg {display:none;}
	
	.sect1_info {flex-direction: column;gap: 10px;flex-wrap: wrap;margin-top: 70px;background: #fff;}
	
	.sect1_info .list-item {width: 100%;overflow: hidden;}
	.sect1_info .list-item .origin_bg {height: 100%;top:0;transform:scale(1)!important;transition:.24s;}
	.sect1_info .list-item:hover .origin_bg {transform:scale(1.1) !important;}
	.sect1_info .list-item:nth-child(1) .origin_bg {background:url('/img/main/sect1_info_01_mo.jpg') no-repeat 0% 50% /cover;}
	.sect1_info .list-item:nth-child(2) .origin_bg {background:url('/img/main/sect1_info_02_mo.jpg') no-repeat 30% 50% /cover;}
	.sect1_info .list-item:nth-child(3) .origin_bg {background:url('/img/main/sect1_info_03_mo.jpg') no-repeat 60% 50% /cover;}
	.sect1_info .list-item:nth-child(4) .origin_bg {background:url('/img/main/sect1_info_04_mo.jpg') no-repeat 90% 50% /cover;}

	.sect1_info .list-item .inner {height: 150px;padding-top: 0;}
	.sect1_info .list-item .inner:before{content:unset;}
	.sect1_info .list-item .inner:after{content:unset;}
	.sect1_info .list-item .inner .like_margin {display:none;}
	
	.sect1_info_tit_wrap {padding: 14px 12px;}
	.sect1_info_tit {font-size: 21px;margin-bottom: 3px;} 
	.sect1_info_stit {font-size: 12px;}
	
	.sect1_info .list-item:nth-child(even) .inner .sect1_info_tit_wrap {bottom:0;}
	.sect1_info .list-item:nth-child(even) .inner:before{top:0;}
	.sect1_info .list-item:nth-child(odd) .inner:after{bottom:0;}
}
/*--sect2--*/
.sect2 {position:relative;background:url('/img/main/sect2_bg.jpg') no-repeat 50% 50%/cover;}
.sect2.ch_padd {padding:262px 0 306px;}
.sect2 .sect_tit_wrap {position:relative;width:44%;display:flex;flex-direction:column;align-items:flex-start;transition:all ease .24s;}
.sect2 .sect_art {text-align:left;}
.sect2_swiper_container {position: absolute;top: 50%;right: 0;transform: translateY(-50%);width:50%;}
.sect2_swiper {}
.sect2_img {position:absolute;bottom: -108px;left:50%;transform:translateX(-50%);border-radius:50%; aspect-ratio:1;overflow: hidden;box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);}
.sect2_img img {display:block;max-width:100%;}

.sect2_swiper .swiper-slide {height: 625px;margin-left: 10px;position:relative;display:flex;flex-direction:column;}
.sect2_swiper_tit_wrap {position:relative;width:513px;height:500px;flex-direction: column;display: flex;gap:15px;align-items: center;justify-content: center; transition: all 0.36s ease;text-align: center;border-radius: 20px; box-shadow:0 1px 4px 3px rgba(207, 207, 207, 0.31);background:#fff;}
.sect2_swiper .swiper-slide:hover .sect2_swiper_tit_wrap {border-radius:50%; aspect-ratio:1;color:#fff;background:var(--main-clr);}



@media screen and (max-width:1720px){
	.sect2_swiper_tit_wrap {width:450px;height:450px;}
	.sect2_img {width: 200px;}
	.sect2_swiper .swiper-slide {height: 560px;}
}
@media screen and (max-width:1480px){
	.sect2 .sect_tit {font-size: var(--font-size-30);}
}
@media screen and (max-width:1080px){
	.sect2.ch_padd {padding: 150px 0;}
	.sect2 .sect_tit_wrap {width: 100%;}
	.sect2_swiper_container {width: 100%;position:unset;transform: translateY(0) !important;margin-top:135px;}
	.sect2_swiper .swiper-slide {margin-left: 0;}
}
@media screen and (max-width:720px){
	.sect2 {position:relative;background:url('/img/main/sect2_bg_mo.jpg') no-repeat 50% 50%/cover;}
	.sect2.ch_padd {padding:70px 0;}
	
	.sect2_swiper_container {margin-top:67px;}
	.sect2_swiper_tit_wrap {width: 277px;height: 277px;}
    .sect2 .sect_tit {font-size: 21px;margin-bottom: 15px;}
	.sect2 .sect_art {font-size: 12px;margin-bottom: 18px;}
	.sect2 .sect_art br {display:none;}
	.sect2_swiper .swiper-slide {height: 335px;}
	.sect2_swiper_tit {font-size:17px;} 
	.sect2_swiper_stit {font-size:10px;} 
	.sect2_img {width: 117px;bottom: -57px;}
}
@media screen and (max-width:480px){
}



/*--sect3--*/
.sect3 {background:url('/img/main/sect3_bg.jpg') no-repeat 50% 50%/cover;}
.sect3 .sect_tit {text-align:center;}
.sect3 .sect_art {font-size:var(--font-size-18);}
.sect3 .sect_button {display:flex;gap:42px;padding:7px 7px 7px 19px;border-radius:50px;transition:ease all .36s;color:#222;background:#fff;}
.sect3 .sect_button i {background:#222;}
.sect3 .arrow_01_bl {transition:ease all .36s;display:none;}
.sect3 .arrow_01_wt {transition:ease all .36s;display:block;}

.sect3 .sect_button:hover i {background:#222;}
.sect3 .sect_button:hover .arrow_01_wt {display:block;}
.sect3 .sect_button:hover .arrow_01_bl {display:none;}

@media screen and (max-width:720px) {
	.sect3 .sect_tit {margin-bottom: 16px;}
	.sect3 .sect_art {font-size:11px;margin-bottom:15px;}
	.sect3 .sect_button {gap: 20px;padding:5px 5px 5px 12px;}
	.sect3 .sect_button p {font-size: 11px;}
	.sect3 .sect_button i {width: 20px;height: 20px;}
	.sect3 .sect_button i img {width:8px}
}

/*--footer--*/
#ch_footer {padding:47px 0 36px;color:#999;background:#0c0c0c;}
#ch_footer .footer_top {width:100%;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom: 16px;border-bottom:1px solid #999;}
#ch_footer .ft_logo {opacity:.5;}
#ch_footer .ft_logo img {display:block;max-width:100%;}
#ch_footer .ch_nav {}
#ch_footer #ch_gnb {display:flex;gap:56px;}
#ch_footer #ch_gnb > li > .ch_depth2 {display:none ! important;}
#ch_footer #ch_gnb > li > a {font-size:var(--font-size-18);font-weight:var(--font-m);} 
#ch_footer #ch_gnb > li > a svg {display:none;}
#ch_footer #ch_gnb > li > .ch_depth2 {display:none;}
#ch_footer .ft_categoryTit {margin-bottom:8px;}
#ch_footer .footer_mid ul {display:flex;gap:19px;}
#ch_footer .footer_mid ul li {position:relative;}
#ch_footer .footer_mid ul li::after {content:"";width:1px;height:14px;position:absolute;left:-9px;top:50%;transform:translateY(-50%);background:#999;}
#ch_footer .footer_mid ul li:first-child::after {content:none;}
#ch_footer .footer_btm {margin-top:14px;}



@media screen and (max-width:1280px) {
	#ch_footer #ch_gnb {gap: 30px;}
}
@media screen and (max-width:1080px) {
	#ch_footer .ch_nav {display:none;}
	#ch_footer .footer_mid ul {flex-wrap:wrap;gap:0;}
	#ch_footer .footer_mid ul li:nth-child(2) {margin-right:19px;}
	#ch_footer .footer_mid ul li:nth-child(2)::after {content: none;}
	#ch_footer .footer_mid ul li:first-child {width:100%}
}
@media screen and (max-width:720px) {
	#ch_footer {padding: 25px 0 25px;}
	#ch_footer .ft_logo {width:73px;opacity:1;}
	#ch_footer .footer_top {padding-bottom: 12px;margin-bottom: 10px;}
	#ch_footer .ft_categoryTit {font-size:9px;}
	#ch_footer .footer_mid ul {font-size:7px;gap: 3px}
	#ch_footer .footer_mid ul li::after {height: 5px;left: -4px;}
	#ch_footer .footer_mid ul li:nth-child(2) {margin-right: 8px;}
	#ch_footer .footer_btm {margin-top: 8px;}
	#ch_footer .footer_btm p {font-size:7px;}
	
}

/*250530*/
