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

/*영문 폰트 변경*/
body {font-family: 'Pretendard', sans-serif;color:#222;}
.ch_eng{font-family: "Poppins", 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: #003998;
--point-clr: #7ec6e7;
--white-clr: #fff;
--black-clr: #222;
}

.fs_14{font-size: var(--font-size-14);letter-spacing: -0.03em;}
.fs_15{font-size: var(--font-size-15);letter-spacing: -0.03em;}
.fs_16{font-size: var(--font-size-16);letter-spacing: -0.03em;} 
.fs_17{font-size: var(--font-size-17);letter-spacing: -0.03em;} 
.fs_18{font-size: var(--font-size-18);letter-spacing: -0.03em;}
.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);}

/*--text-motion--*/
.ch_motion{transform: translateY(30px);opacity: 0;transition: transform .8s ease, opacity .6s;}
.ch_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: .1s !important;}
.ch_delay_02{transition-delay: .3s !important;}
.ch_delay_03{transition-delay: .5s !important;}
.ch_delay_04{transition-delay: .7s !important;}


/*--공통--*/
.ch_inner {width: 96%;max-width:1480px;margin: 0 auto;}
.ch_inner.in01 {max-width: 1824px;}
.ch_inner.in-2480 {max-width: 2480px;}
.ch_inner.in-1480 {max-width: 1480px;}
.ch_inner.in-1280 {max-width: 1280px;}
.ch_padd {padding:150px 0;}
.ch_padd.top {padding:150px 0 0 0;}
.ch_padd.btm {padding:0 0 150px 0;}

.sect_tit_wrap {display:flex;flex-direction:column;gap:30px;margin-bottom:80px;}
.sect_tit {position:relative;font-family: "Poppins", sans-serif;font-size: var(--font-size-90);font-weight: var(--font-sb);padding-left:14px;}
.sect_tit::after {content:"";position:absolute;left:0; top:50%; transform: translateY(-50%); width:3px;height:50%;background:var(--point-clr);}
.sect_art {font-size: var(--font-size-30);font-weight: var(--font-r); line-height:1.5em;padding-left:14px;}

.info_sub_tit {font-family: "Poppins", sans-serif;font-size: var(--font-size-30);font-weight: var(--font-r);color:var(--main-clr);margin-bottom:60px;}
.info_tit {font-size: var(--font-size-40);font-weight: var(--font-sb);margin-bottom:18px;}
.info_tit span {font-weight: var(--font-r);}
.info_art {font-size: var(--font-size-20);font-weight: var(--font-r); line-height:1.5em;color:#555;}
.info_art span {font-weight: var(--font-sb);}

.more_btn {width:40px;height:40px;aspect-ratio:1;border-radius:50%;display: flex;align-items: center;justify-content: center;}

@media screen and (max-width:1480px) {
	.sect_tit_wrap {gap:20px;margin-bottom:70px;}
	.sect_tit {font-size: var(--font-size-80);}
	.sect_art {font-size: var(--font-size-24);}
	
	.info_sub_tit {font-size: var(--font-size-26);margin-bottom:70px;}
	.info_tit {font-size: var(--font-size-30);}
	.info_art {font-size: var(--font-size-18);}
}
@media screen and (max-width:1280px) {
	.ch_padd {padding:130px 0;}
	.ch_padd.top {padding:130px 0 0 0;}
	.ch_padd.btm {padding:0 0 130px 0;}
	
	.sect_tit_wrap {gap:20px;margin-bottom:60px;}
	.sect_tit {font-size: var(--font-size-70);}
	.sect_art {font-size: var(--font-size-20);}
	
	.info_sub_tit {font-size: var(--font-size-20);margin-bottom:60px;}
	.info_tit {margin-bottom:10px;}
	.info_art {font-size: var(--font-size-16);}
}
@media screen and (max-width:1080px) {
	.ch_padd {padding:110px 0;}
	.ch_padd.top {padding:110px 0 0 0;}
	.ch_padd.btm {padding:0 0 110px 0;}
	
	.sect_tit_wrap {gap:20px;margin-bottom:50px;text-align:center;align-items: center;}
	.sect_tit {width:fit-content;font-size: var(--font-size-60);}
	.sect_art {padding-left:0;}
	
	.info_sub_tit {font-size: var(--font-size-20);margin-bottom:30px;}
	.info_tit {font-size: var(--font-size-22);margin-bottom:10px;}
	
	.more_btn {width: 36px;height: 36px;}
}
@media screen and (max-width:720px){
	.ch_padd {padding:90px 0;}
	.ch_padd.top {padding:90px 0 0 0;}
	.ch_padd.btm {padding:0 0 90px 0;}
	
	.sect_tit_wrap {gap:20px;margin-bottom:40px;}
	.sect_tit {font-size: var(--font-size-50);}
	.sect_art {font-size: var(--font-size-18);}
		
	.info_tit {margin-bottom:10px;}
	.info_sub_tit {font-size: var(--font-size-16);margin-bottom:20px;}
	
	.more_btn {width: 30px;height: 30px;}
	.more_btn svg {width:18px;}
}
@media screen and (max-width:480px){
	.ch_padd {padding:60px 0;}
	.ch_padd.top {padding:60px 0 0 0;}
	.ch_padd.btm {padding:0 0 60px 0;}
	
	.sect_tit_wrap {gap:20px;margin-bottom:30px;}
	.sect_tit {font-size: 40px;}
	.sect_art {font-size: 16px;}
	
	.info_tit {margin-bottom:6px;}
	.info_art {font-size: 14px;}
}


/*--관리자 전용 문의 메뉴*/
.ch_adm_list{z-index: 20;position:fixed; right:20px; bottom:150px;}
.ch_adm_list li{margin-bottom:7px; }
.ch_adm_list li:last-child{margin-bottom:0px; }
.ch_adm_list li a{display:flex; align-items: center; justify-content: center; color:#fff; width:100px; height:40px; border-radius:6px; text-align:center; background-color:#111; border:1px solid #666; }

@media screen and (max-width: 1080px) {
}
@media screen and (max-width: 767px) {
	.ch_adm_list {z-index: 9; bottom:68px;}
}

/*--사이드 네비게이션--*/
.sideNav {
	position:fixed;left:22px;top:50%;transform:translateY(-50%) translateX(-20px);z-index:9;
	opacity:0;pointer-events:none;transition:opacity 0.5s ease, transform 0.5s ease, color 0.3s ease;
	display: flex;flex-direction: column;gap: 12px;
}
.sideNav.show {opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;}

.sideNavItem a {position:relative;display:flex;gap:12px;align-items:center;font-size: var(--font-size-18);font-weight: var(--font-sb);}
.sideNavItem i {display: block; width: 10px; height: 10px; border-radius: 10px;border: 1px solid rgba(0, 0, 0, 0.4);flex-shrink: 0;background-color: transparent;  transition: background-color 0.3s ease, border-color 0.3s ease;}
.sideNavItem a span {opacity: 0.4;transform: translateX(0);transition: all 0.3s ease;}
.sideNavItem.on a span {opacity: 1;}

.sideNav.white {color:#fff;transition:color 0.5s ease;}
.sideNav.white i {border:1px solid rgba(255,255,255,.4);transition:background-color 0.5s ease,border-color 0.5s ease;background-color:transparent;}
.sideNav.white .sideNavItem.on i { background-color: #fff;}
.sideNav.white .sideNavItem a span {opacity:.4);}
.sideNav.white .sideNavItem.on a span {opacity: 1;}

.sideNav.black {color:#000;transition:color 0.5s ease;}
.sideNav.black i {border:1px solid rgba(0,0,0,.4);transition:background-color 0.5s ease,border-color 0.5s ease;background-color:transparent;}
.sideNav.black .sideNavItem.on i {border: 1px solid rgba(255,255,255, 0.4);background-color: #000;}
.sideNav.black .sideNavItem a span {opacity:.4);}
.sideNav.black .sideNavItem.on a span {opacity: 1; }

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


/*--헤더--*/
#ch_header {position:fixed;top:0;left:0;z-index:12;width:100%;height:100px;transition:0.3s;}
#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 {max-width:100%;}
#ch_header .hdLt .logo .logo_white {display:block;}
#ch_header .hdLt .logo .logo_clr {display:none;}

#ch_header .ch_nav.pc {
	z-index:2;position: absolute;top: 0;left: 50%;transform: translate(-50%);
	width: 100%;height: 100%;text-align: center;display: flex;justify-content: center;
}
#ch_header .ch_nav.pc #ch_gnb {display:flex;flex-wrap: wrap;height:100%;align-items:center;}
#ch_header .ch_nav.pc #ch_gnb > li {position: relative;height: 100%;transition: 0.6s ease;}
#ch_header .ch_nav.pc #ch_gnb > li > a {width: 100%;padding: 0 2rem;white-space: nowrap;height: 100%;align-items: center;display: flex;transition: 0.3s;font-size: var(--font-size-18);font-weight: var(--font-sb);color:#fff;}
		   		  
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 {display: none;position: absolute; top: 100px; gap: 38px; left: 2rem;white-space: nowrap;}
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 > li {position:relative;height:80px;display:flex;justify-content: center;align-items: center;}
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 > li > a {position:relative;width: fit-content;line-height:80px;text-align: center;display: block;color: #222;font-size:var(--font-size-16);font-weight: var(--font-r);transition: .3s;}
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 > li > a::after {content:"";position:absolute;left:0;bottom:28px;width:0;height:1px;transition:.3s;background:var(--main-clr);}
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 > li > a:hover::after {width:100%;}
#ch_header .ch_nav.pc #ch_gnb > li > .ch_depth2 > li:hover > a {font-weight:var(--font-sb);color:var(--main-clr);}

.drawer_menu_btn {z-index:99; width: 40px;transition: all 0.8s ease;}
.drawer_menu_btn .line {display: block;width: 100%;height: 2px;margin:9px auto;transition: all .3s ease;background:#fff;}
.drawer_menu_btn .line:nth-child(2) {width: 35px;}

.hd_bg {z-index:4;position:fixed;left:0;top:-400px;width:100%;background:rgba(240,240,240,.8);backdrop-filter: blur(10px);}  

/*gnb 오픈*/
#ch_header.open {box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;background:#fff;}
#ch_header.open .hdLt .logo .logo_white {display:none;}
#ch_header.open .hdLt .logo .logo_clr {display:block;}
#ch_header.open + .hd_bg {top: 0;transition: 0.24s ease;}
#ch_header.open .ch_nav.pc #ch_gnb > li > a {padding: 0 3rem;color:#222;}
#ch_header.open .ch_nav.pc #ch_gnb > li:hover > a {color:var(--main-clr);}
#ch_header.open .ch_nav.pc #ch_gnb > li > .ch_depth2 {display: flex;left: 3rem;}
#ch_header.open .drawer_menu_btn .line {background:#222;}

/*헤더 스크롤시*/
#ch_header.scr {background:#fff;}
#ch_header.scr .hdLt .logo .logo_white {display:none;}  
#ch_header.scr .hdLt .logo .logo_clr {display:block;}   
#ch_header.scr .ch_nav.pc #ch_gnb > li > a {color:#222;}
#ch_header.scr .drawer_menu_btn .line {background:#222;}

/*드로어 메뉴(모바일 nav)*/
.ch_nav.mo {z-index: 10;position: fixed;top: 0;right: -150%;width: 500px;height: 100%;transition:0.3s;background:#fff;}
.ch_nav.mo .mo_inner {position:absolute;top:0;right:0;width: 360px;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;background:#fff;}
.ch_nav.mo #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;}
.ch_nav.mo #ch_gnb > li:first-child {border-top: 1px solid #d9d9d9;}
.ch_nav.mo #ch_gnb > li {width:100%;padding-bottom:0 !important;flex-direction: column;text-align: center;border-bottom: 1px solid #e1e1e1;}
.ch_nav.mo #ch_gnb > li > a {height: auto !important;display:flex;padding-right: 0 !important;font-size: var(--font-size-18) !important;font-weight: var(--font-sb);padding: 1rem 2rem;justify-content: space-between;color:#222;}
.ch_nav.mo #ch_gnb > li > a:hover {color:var(--main-clr);}
.ch_nav.mo #ch_gnb > li.active {font-weight: var(--font-sb) !important;}
.ch_nav.mo #ch_gnb > li.active a { color:var(--main-clr)}
.mobile_nav_bg {z-index: 2;display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}

.ch_nav.mo #ch_gnb > li > .ch_depth2 {display:none;padding: 1rem 2rem;flex-direction: column; width: 100% !important;position: unset !important;border-left: unset !important;background:#f4f4f4;}
.ch_nav.mo #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;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li::after {content:none !important;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li:last-child::after {content:none!important;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li:hover {border-left:unset !important;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li > a {padding-bottom: 16px; !important;font-size: var(--font-size-16)!important;font-weight: var(--font-r);color:#222 !important;text-align: left !important;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li:last-child > a {padding-bottom:0 !important;}
.ch_nav.mo #ch_gnb > li > .ch_depth2 > li:hover > a {font-weight: var(--font-m) !important;}

/*드로어 메뉴 오픈 및 드로버 버튼 클릭 시*/
.ch_nav.mo.open {right: 0;}
.drawer_menu_btn.active .ch_nav.pc #ch_gnb {display:none}/*버튼 눌렀을 시 화면 상 pc nav 제거*/
.drawer_menu_btn.active .line {margin:3px auto;background:#222;}
.drawer_menu_btn.active .line:nth-child(2) {opacity: 0;}
.drawer_menu_btn.active .line:nth-child(1){width: 35px;transform: translateY(5px) rotate(45deg);}
.drawer_menu_btn.active .line:nth-child(3){width: 35px;transform: translateY(-5px) rotate(-45deg);}
.drawer_menu_btn.active .mobile_nav_bg {display:block;}

@media screen and (max-width:1480px) {
	#ch_header .hdLt .logo i img {max-width: 60px;}
}
@media screen and (max-width:1280px) {
	#ch_header .hdLt .logo i img {max-width: 50px;}
	#ch_header #ch_gnb > li > .ch_depth2 > li > a {font-size: var(--font-size-13);}
	#ch_header .ch_nav.pc #ch_gnb > li > a {padding: 0 1.6rem;}
	
	.drawer_menu_btn {width: 35px;}
	.drawer_menu_btn .line {margin:7px auto;}
	.drawer_menu_btn .line:nth-child(2) {width: 30px;}
	.drawer_menu_btn.active .line:nth-child(1), .drawer_menu_btn.active .line:nth-child(3) {width: 30px;}
	
	#ch_header.open .ch_nav.pc #ch_gnb > li > a {padding: 0 2.4rem;}
	#ch_header.open .ch_nav.pc #ch_gnb > li > .ch_depth2 {display: flex;left: 2.4rem;}
}
@media screen and (max-width:1080px) {
	#ch_header .ch_nav.pc {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;}
	.drawer_menu_btn {display:block;}
}
@media screen and (max-width:720px){
	#ch_header {height:55px;}
	#ch_header .hdLt .logo i img {max-width: 40px;}
	
	.mo_nav_open_btn .line {margin: 5px auto;}
	.ch_nav.mo .mo_inner {width: 250px;}
	.ch_nav.mo #ch_gnb > li > a {font-size: 16px !important;}
	.ch_nav.mo #ch_gnb > li > .ch_depth2 > li > a {font-size:14px !important;}
}
@media screen and (max-width:480px){
	.ch_nav.mo {width: 360px}
}


/*--*메인비주얼--*/
/*mv*/
.mainVisual {position:relative;width:100%; height:100vh;}
.mvSwip {height:100%;}
.mv {width:100%; height:100%;}
.mv.mv01 {background:url('/img/mv01.jpg') no-repeat 50% 50% / cover; }
.mv.mv02 {background:url('/img/mv02.jpg') no-repeat 50% 50% / cover;}
.mv.mv03 {background:url('/img/mv03.jpg') no-repeat 50% 50% / cover;}
.mvDesc {position:absolute; left:0; top:50%; transform: translateY(-50%); width:100%;color:#fff;}
.mvDesc .ch_inner {width: 80%;display: flex; flex-direction: column; gap: 24px;}
.mvDesc {transform: translateY(30px);opacity: 0;transition: transform .5s ease, opacity .5s;}
.mv.on .mvDesc {transform: translateY(0);opacity: 1;}

.mv_navi_box {position: absolute;height: 30px;bottom: 50%;left: 50%;transform: translateX(-50%);z-index: 1;display: flex;width: 96%;justify-content: space-between;max-width: 1680px;}
.swiper-button-next:after, .swiper-button-prev:after{display:none;} /*스와이퍼 버튼 초기화*/
.swiper-button-next.mv_next, .swiper-button-prev.mv_prev {width: 36px;height: 36px;aspect-ratio:1;display: flex;align-items: center;justify-content: center;border-radius: 50%;position: unset;fill:#fff;margin-top: unset;transition:all .24s ease;background:rgba(0,0,0,.5);}
.swiper-button-next.mv_next svg, .swiper-button-prev.mv_prev svg {width:26px;}
.swiper-button-next.mv_next:hover, .swiper-button-prev.mv_prev:hover {background:rgba(0,0,0,1);}

/*슬라이드 타이틀*/
.slide_tit {position:absolute;max-width: 1480px;display: flex;justify-content: space-around;bottom: 100px;left: 50%;transform: translateX(-50%);font-size: var(--font-size-20);font-weight: var(--font-r);z-index: 1;}
.slide_tit > li { width: calc(100% / 3); height: auto; display: flex ; justify-content: space-between; position: relative; color: #fff; opacity: .3; flex-direction: column; }
.slide_tit > li.swiper-pagination-bullet-active {opacity: 1;}
.slide_tit > li .bar {position: absolute;top: -16px;left: 0;width:100%;height: 2px;background: #fff;opacity:.3;}
.slide_tit > li.swiper-pagination-bullet-active .bar {animation-name: countingBar;animation-duration: 4s;animation-timing-function: linear;animation-fill-mode:forwards;background: var(--point-clr);opacity:1;}
.txt1 {margin-bottom:10px;}
.slide_tit_info {font-size: var(--font-size-14);font-weight: var(--font-m);}

/*스와이퍼 초기화*/
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 120px !important; left: 50% !important; width: 80% !important; transform: translateX(-50%);}
.swiper-pagination-bullet{background:unset !important;}
.swiper-pagination-bullet-active {background:unset !important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0) !important;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}

/*스크롤*/
.scroll-downs {z-index:10;position: absolute;bottom: 0; left: 50%;transform:translateX(-50%);width :2px; height: 77px;background:rgba(255,255,255,.2);}
.scroller { width: 2px; height: 22px;animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;background: #fff;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(55px); opacity: 0;}
}

@media screen and (max-width:1280px){
	.mainVisual {height: 900px;}
	.mvDesc h2 {font-size: var(--font-size-60);}
	.txt1 {font-size: var(--font-size-24);margin-bottom: 4px;}
	.txt2 {font-size: var(--font-size-16);}
}
@media screen and (max-width:1080px){
	.mainVisual {height:800px;}
	.mvDesc {text-align:center;}
	.mvDesc h2 {font-size: var(--font-size-40);}
	.mvDesc h4 {font-size: var(--font-size-30);}
	.slide_tit > li {text-align: center;}
	.txt1 {font-size: var(--font-size-20);margin-bottom: 2px;}
	.txt2 {font-size: var(--font-size-14);}
}
@media screen and (max-width:720px){
	.mainVisual {height: 700px;}
	.mvDesc h2 {font-size: var(--font-size-30);margin-bottom: -10px;}
	.mvDesc h4 {font-size: var(--font-size-20);}
	.mv_navi_box {display:none;}
	.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 90px !important;}
	.txt1 {font-size: var(--font-size-16);line-height: 1.2em;}
	.txt2 {display:none}

	.scroll-downs {height: 55px;}
	.scroller {height: 16px;}
	@keyframes scroll {
	  0% { opacity: 0; }
	  10% { transform: translateY(0); opacity: 1; }
	  100% { transform: translateY(39px); opacity: 0;}
	}
}
@media screen and (max-width:480px){
	.mainVisual {height: 100vh;}
	.mvDesc h2 {font-size: 30px;}
	.mvDesc h4 {font-size: 26px}
	.txt1 {font-size: 14px}
}


/*--*sect_about--*/
.about_info {width:100%;display:flex;}
.about_tit_wrap {width:calc(100% / 3);padding:50px 0 50px 40px;display:flex;flex-direction:column;border-right:1px solid #e1e1e1;}
.about_tit_wrap:last-child {border-right:unset;}

@media screen and (max-width:1280px){
	.about_tit_wrap {padding:40px 0 40px 30px;}
}
@media screen and (max-width:1080px){
    .about_tit_wrap {padding: 30px 0 30px;text-align: center;}
}
@media screen and (max-width:720px){
	.about_info {flex-wrap:wrap;}
	.about_tit_wrap {width:100%;border-right:unset;border-bottom:1px solid #e1e1e1;}
	.about_tit_wrap:last-child {border-bottom:unset;}
}
@media screen and (max-width:480px){
}


/*--*sect_project--*/
.sect_projects {display: flex;flex-direction: column;align-items: center;background:url('/img/project_bg.jpg')no-repeat 50% 50% /cover;}
.sect_projects .sect_tit_wrap{color:#fff;}

.project_swip_box {width:800px;}
.project_swip {display: flex;flex-direction: column;  align-items: center;overflow: visible !important;}
.project_swip .swiper-wrapper {width:100%;height:unset;}/*이거 왜 해야하지?이거 안하니까 높이값이 되게 높게잡혔음.이유를 모르겠다.*/
.project_swip .swiper-slide {transition:all .6s ease;}
.project_swip .swiper-slide.swiper-slide { scale: .7;}
.project_swip .swiper-slide.swiper-slide-active {scale: 1;}

.project_swip .swiper-slide .project_info {position:relative;transition:all .6s ease;border-radius:30px;overflow: hidden;}
.project_swip .swiper-slide .project_info::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;background: rgba(0, 67, 159, .6);transition:all .6s ease;}
.project_swip .swiper-slide.swiper-slide-active .project_info::after {height:0;}
.project_swip .swiper-slide .project_info figure img{max-width:100%; margin:0 auto;}


.project_tit_wrap {
	opacity:0;z-index:1;transform:translateY(50%);transition:all .6s ease;transition-delay:.3s;
	display: flex ; flex-direction: column; align-items: center; text-align:center;
}
.project_swip .swiper-slide.swiper-slide-active .project_tit_wrap {opacity:1;transform:translateY(0);}
.project_sub_tit {font-family: "Poppins", sans-serif;font-size: var(--font-size-70);font-weight: var(--font-sb);color:rgba(255,255,255,.2);margin-bottom:-4px;}
.project_tit_wrap > .info_tit, .project_tit_wrap > .info_art {color:#fff;}

.more_btn.project {opacity:0;transform:translateY(50%);margin-top:30px;background:#fff;}
.project_swip .swiper-slide.swiper-slide-active .more_btn {opacity:1;transform:translateY(0);}

@media screen and (max-width:1280px){
	.project_swip_box {width: 700px;}
	.project_swip .swiper-slide::after {border-radius: 20px;}
	
	.project_sub_tit {font-size: var(--font-size-60);}
	.info_tit {font-size: var(--font-size-24);}
}
@media screen and (max-width:1020px){
	.project_swip_box {width:600px;}
	.project_swip .swiper-slide::after {border-radius: 16px;}
	
	.project_tit_wrap {left: -30px;}
	.project_sub_tit {font-size: var(--font-size-50);}
	.more_btn.project{right: 20px;}
}
@media screen and (max-width:720px){
	.project_swip_box {width:450px;}
	.project_tit_wrap {width: 100%; text-align: center;}
	.project_sub_tit {font-size: var(--font-size-42);}
}
@media screen and (max-width:480px){
	.project_tit_wrap {top: 40%;}
	.project_swip_box {width:340px;}
	.project_sub_tit {font-size: 36px;}
}


/*--*sect_solution-*/
.solution_info {width:100%;display:flex;flex-direction:column;gap:20px;}
.solution_info_box {display:flex;}
.solution_info_box.reverse {flex-direction:row-reverse;}
.solution_img {width:50%;border-radius:30px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;overflow:hidden;}
.solution_img img {display:block;width:100%;}
.solution_tit_wrap {width:50%;display:flex;flex-direction:column;justify-content:center;padding-left:40px;}

.solution_btn {
	display:flex;gap:10px;align-items:center;margin-top:50px;
	font-family: "Poppins", sans-serif;font-size: var(--font-size-26);font-weight: var(--font-r);letter-spacing:0.04em;
	}
.more_btn.solution {background:var(--main-clr);}

@media screen and (max-width:1480px){
	.solution_tit_wrap {padding-left:20px;}
}
@media screen and (max-width:1080px){
	.solution_info {gap:50px;}
	.solution_info_box {flex-wrap: wrap;}
	.solution_img { width: 70%; margin: 0 auto;border-radius:20px;}
	.solution_tit_wrap {width:100%;padding:30px 30px 0;text-align:center;}
	.solution_btn {justify-content: center;font-size: var(--font-size-20);}
}
@media screen and (max-width:720px){
	.solution_img { width: 80%; margin: 0 auto;}
	.solution_btn {justify-content: center;font-size: var(--font-size-16);margin-top:30px;}
}
@media screen and (max-width:480px){
	.solution_img {width: 100%;}
	.solution_btn {margin-top:20px;}
}
	
	
/*--*sect_notice-*/	
.sect_notice {background:url('/img/notice_bg.jpg')no-repeat 50% 50% /cover;}
.sect_notice .ch_inner {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.sect_notice .sect_tit_wrap {width:100%;color:#fff;}
.notice_info {width:60%;}
.notice_info_box {position:relative;width:100%;display:flex;justify-content:space-between;cursor:pointer;padding:30px 10px;border-bottom:1px solid rgba(255,255,255,.2);transition:all .24s ease;}
.notice_info_box:hover {padding:30px;border-radius:10px;background:var(--main-clr);}
.for_notice_info_box{position:absolute;top: 0;right: 0;width:100%;height:100%;}

.notice_date_wrap{display:flex;gap:20px;align-items: center;font-family: "Poppins", sans-serif;color:rgba(255,255,255,.4);}
.day {font-size: var(--font-size-40);font-weight: var(--font-sb);}
.year_month {font-size: var(--font-size-22);font-weight: var(--font-r);}
.notice_info_box:hover .notice_date_wrap{color:rgba(255,255,255,1);}

.notice_art_wrap{position:relative;display:flex;align-items: center;color:rgba(255,255,255,.4);}
.notice_info_box:hover .notice_art_wrap{padding-right:30px;color:rgba(255,255,255,1);}
.notice_art {font-size: var(--font-size-22);font-weight: var(--font-r);}
.notice_more_btn{position:absolute;top: 50%;right: 0; transform: translateY(0);opacity:0;}
.notice_info_box:hover .notice_more_btn {transform: translateY(-50%);opacity:1;}

@media screen and (max-width:1480px){
	.day {font-size: var(--font-size-30);}
	.year_month, .notice_art {font-size: var(--font-size-18);}
}
@media screen and (max-width:1280px){
	.notice_info_box {padding:25px 10px;}
	.notice_info_box:hover {padding:25px;}
	.year_month, .notice_art {font-size: var(--font-size-16);}
}
@media screen and (max-width:1080px){
	.sect_notice .ch_inner {justify-content: center;}
	
	.notice_info {width:80%;}
	.notice_info_box {padding:20px 10px;}
	.notice_info_box:hover {padding:20px;}
	.day {font-size: var(--font-size-22);}
}
@media screen and (max-width:720px){
	.sect_notice {background:url('/img/notice_bg_mo.jpg')no-repeat 50% 50% /cover;}
	.notice_info {width:100%;}
	.notice_info_box {padding:15px 10px;}
	.notice_info_box:hover {padding:15px;}
	.notice_date_wrap {display: flex;gap: 10px;}
}
@media screen and (max-width:480px){
	.notice_info_box {padding:10px 8px;}
	.year_month, .notice_art {font-size: 14px;}
}
			
/*--footer--*/
#ch_footer{font-size: var(--font-size-16);font-weight: var(--font-r);color:#888;background:#f1f1f1;}
.footer_top {display: flex;justify-content:flex-end;padding:20px 0;border-bottom:1px solid #e1e1e1;}
.footer_top ul {display: flex;gap: 30px;}
.footer_top ul li:first-child {font-weight: var(--font-sb);color:#555;}

.footer_btm {display: flex;justify-content:space-between;padding:60px 0;/*top이랑 높이 같아야함*/align-items:flex-end;}
.ft_logo img {display: block; max-width: 100%; }
.footer_info_wrap {display: flex;flex-direction:column;gap:20px;}
.footer_info_wrap ul {display: flex;flex-direction:column;gap:10px;padding-left:10px;}
.footer_info_wrap ul li span {margin-right:20px;font-weight: var(--font-sb);color:#555;}

.ft_copyright {font-size: var(--font-size-14);}

@media screen and (max-width:720px) {
	#ch_footer{font-size: var(--font-size-14);}
	.footer_top {justify-content:center;}
	.footer_btm{align-items: center;flex-direction: column;padding:40px 0;}
	.ft_logo {display: flex;justify-content:center;}
	.ft_logo img {width:200px;}
	.footer_info_wrap ul {text-align:center;padding-left:0;}
	.footer_info_wrap ul li span {margin-right: 8px;}
	.ft_copyright {margin-top: 30px;font-size:12px;}
}
@media screen and (max-width:720px) {
	.footer_btm{padding:30px 0;}
	.footer_info_wrap {gap: 14px;}
	.footer_info_wrap ul {gap: 8px;}
	.ft_copyright {margin-top: 22px;}
}


/*--개인정보처리방침--*/
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index:90;display: none;}
.add_pop_inner{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;
	width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;
}
#add_wrap_02 .add_pop_inner{height: 600px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;color: #fff;background:var(--main-clr);}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{z-index: 1;position: absolute;top: 29px;left: 0;width: 20px;height: 2px;transition: transform .3s ease;background: #fff;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{height: calc( 100% - 60px );padding: 22px 25px;overflow-y: scroll;color:#222;background:#FFF;}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}


@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}