/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-point: #407cf3;


	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-22: 1.375rem; 
	--font-size-23: 1.438rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-31: 1.938rem; 
	--font-size-35: 2.188rem; 
	--font-size-40: 2.5rem; 
	--font-size-45: 2.813rem; 
	--font-size-50: 3.125rem; 
	--font-size-55: 3.438rem; 
	--font-size-60: 3.75rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}




/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_22{font-size: var(--font-size-22);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_25{font-size: var(--font-size-23);} 
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_31{font-size: var(--font-size-31);}
.fs_35{font-size: var(--font-size-35);}
.fs_40{font-size: var(--font-size-40);}
.fs_45{font-size: var(--font-size-45);}
.fs_50{font-size: var(--font-size-50);}
.fs_55{font-size: var(--font-size-55);}
.fs_60{font-size: var(--font-size-60);}
.fs_80{font-size: var(--font-size-80);}






@media screen and (max-width:768px){
	.fs_20 {font-size:10px;}
	.fs_23 {font-size:11.5px;}
	.fs_40 {font-size:19px;}
	.fs_45 {font-size:22.4px;}
	.fs_50 {font-size:25px;}
	.fs_55 {font-size:26px;}
	.fs_60 {font-size:30px;}
}

/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


.point_c {color:var(--color-point); }


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

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}


/*color*/
.point_c {color:#407cf3;}

/*text-align*/
.texc {text-align:center;}

.mo_img {display:none;}

@media screen and (max-width:768px){
	.pc_img {display:none;}
	.mo_img {display:block;}
}


/*side_bar*/

.side_bar {max-width:91px; width:100%; position:fixed;; right:50px; top:50%; z-index:999;}
.side_bar ul {display:flex; flex-direction: column; gap:8px;}

@media screen and (max-width:1020px){

.side_bar ul {display:none;}
}




/*---header---*/

@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

header {font-family: 'Pretendard Variable'; letter-spacing: -0.5px;}
#b_header{position:fixed; left:0; top:0; width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,.15); z-index:50; background: #fff;}
.o_top_hd_inr {position: relative; display:flex; justify-content: flex-end; margin: 0 auto; max-width: 1200px; height: 100px; width: 96%; background: #fff; align-items: center;}
#b_gnb {display: flex;}
#b_gnb > li {padding:0 45px; font-weight:400; font-size:20px;}
.b_logo_box {position: absolute; left:0;}

.o_hd_bg {height:100px; position: relative;}

@media screen and (max-width:1480px){ 
	#b_gnb > li {padding:0 35px;}
}
@media screen and (max-width:1080px){ 
	 #b_header{height:70px;}
	.o_top_hd_inr {height:70px;}
	#b_header > .o_top_hd_inr > nav > #b_gnb {display:none;}
}
@media screen and (max-width:780px){ 
	#b_gnb > li {padding:0 15px;}
}
.j_borad_tit h2 {font-size:2.25rem; font-weight:500; text-align:center;}
.j_board_section {padding:40px 0;}
.j_borad_tit {padding:20px 0;}
.j_board_inner { max-width:1400px; margin:0 auto !important;}



#b_header .b_toggle_btn{width:35px; padding:5px; position:relative; display: none;}
#b_header .b_toggle_btn span{display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; transition:.28s;} 


#b_header .b_toggle_btn span:nth-of-type(1) {transform: translateY(5px);} 
#b_header .b_toggle_btn span:nth-of-type(2) {transform: translateY(0px);} 
#b_header .b_toggle_btn span:nth-of-type(3) {transform: translateY(-5px);} 

#b_header.active {background:#fff;}
#b_header.active #b_gnb > li > a{color:#2e2624;}
#b_header .on_logo {display:none;}
#b_header.active .off_logo {display:none;}
#b_header.active .on_logo {display:block;}

#b_header.active .b_toggle_btn span {background-color:#2e2624;}

#b_header .b_toggle_btn.on {z-index:99; position:fixed; display: block;}
#b_header .b_toggle_btn.on span {background-color:#2e2624;}
#b_header .b_toggle_btn.on span:nth-of-type(1) {transform: rotate(45deg);}
#b_header .b_toggle_btn.on span:nth-of-type(2) {display:none;}
#b_header .b_toggle_btn.on span:nth-of-type(3) {transform: rotate(-45deg);}



@media screen and (max-width:1480px){ 
	#b_header #b_gnb > li > a {padding:0;}
}

@media screen and (max-width:1080px){ 
	 #b_header{height:70px;}
	 #b_header .b_toggle_btn {display:block;}

}

/*mobile_menu*/

#b_header .mobile_wrap {position: fixed;top: 0;right: 0; width: 100%; height: 100vh; background: #fff; display:none;}
#b_header .o_top_hd_inr {max-width: 1820px;margin: 0 auto; width: 90%; position: relative; height:100%;}
#b_header .mobile_wrap .mo_gnb > #b_gnb {flex-direction: column; justify-content: center; position: absolute; transform: translate(-50%, -50%);
    left: 50%; top: 50%;text-align: center; width: 100%;}
#b_header .mobile_wrap .mo_gnb > #b_gnb > li > a {color:#2e2624; font-size:1.875rem; font-weight:700; display:block; padding:20px; transition:0.25s;}
#b_header .mobile_wrap .mo_gnb > #b_gnb > li > a:hover {color:#407CF3;}
#b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul {display:none;}
/* #b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul.active {display:block; background: #fff; width: 100%; left: 0; top: 0; position: relative; font-size: 1.575rem; 
font-weight: 500; color:#6f6f6f; } */

#b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul:hover {none;}

#b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul {display:none;}


@media screen and (max-width:768px){ 
	#b_header .mo_gnb #b_gnb {display:flex;}
/* 	#b_header .mobile_wrap .mo_gnb > #b_gnb > li > a {font-size:22px;} */
	#b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul.active {font-size: 1.175rem; font-weight: 400; height:70px;}
	#b_header .mobile_wrap .mo_gnb > #b_gnb > li > ul.active > li {margin-bottom:10px;}
}

/*main*/

.main_section {max-width:1920px; margin:0 auto; width:100%; padding:150px 0; position:relative;}


@media screen and (max-width:768px){
	.main_section {padding:75px 0;}
}

.mv_box {/* background:url('/img/main/main_visual01.jpg') no-repeat center center /cover ; */ width:100%; height:600px; position:relative; max-width:1920px; margin:0 auto;}
.mv_desc {position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mv_desc h2 {margin-top:10px;}
.mv_desc p {margin-top:25px;}
.main_img_box {position:absolute; right:0; bottom:32px; box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.2); border-radius:30px 0 0 30px; overflow:hidden; z-index:10;}

.main_tit h4 {letter-spacing:0.01em;}


@media screen and (max-width:768px){
	.mv_box {background:url('/img/main/main_visual01_m.jpg') no-repeat center center /cover ; height:461px;}
	.mv_desc {left:50%; top:0; transform:translateX(-50%); text-align:center; width:100%;}
	.mv_desc figure img.mo_img {margin:0 auto;} 
	.mv_desc h2 {margin-top:5px;}
	.mv_desc p {margin-top:7px; font-size:11.5px;}
	.main_img_box {bottom:15px;}
}


/*main_sec02*/

.main_sec02_loop {display:flex; justify-content:space-between;}
.main_sec02_loop li {display:flex;}
.shorts_left h2 {margin-left:20px;}
.shorts_right {align-items:center;}
.main_sec02_loop li a {color:#252525;}
.main_sec02_loop li i {margin-left:11px;}
.main_sec02_cont {margin-top:50px;}
.main_sec02_list {display:flex;}
.main_sec02_list li {width:calc((100% - 30px*4)/5); margin-right:30px;}
.main_sec02_list li:nth-of-type(5n) {margin-right:0;}
.main_sec02_list .swiper-slide a img {width:100%;}

@media screen and (max-width:768px){
.shorts_left h2 {margin-left:10px;}
.main_sec02_loop li i {margin-left:5px;}
}

/*main_sec03*/
.main_sec03 {background:#e8f1ff;}
.main_sec03_list {max-width:1046px; display:flex; margin:47px auto 0 auto;}
.main_sec03_list li {width:calc((100% - 36px)/2); margin-right:36px; position:relative; color:#fff; padding:56px; box-sizing:border-box; cursor:pointer;}
.main_sec03_list li:nth-of-type(2n) {margin-right:0;}
.main_sec03_desc_box {margin-left:44px;}
.main_sec03_left {background:#407cf3; display:flex; }
.main_sec03_right {background:#093a9b;display:flex;}
.main_03_plus_btn {position:absolute; right:0; bottom:0;}


@media screen and (max-width:1080px){
	.main_sec03_list {flex-wrap:wrap;}
	.main_sec03_list li {width:100%; margin-right:0;}
	.main_sec03_list li + li {margin-top:20px;}
}
@media screen and (max-width:768px){
	.main_sec03_list {max-width:254px;}
	.main_sec03_list li {padding:30px;}
	.main_sec03_desc_box {margin-left:20px;}
}

/*main_sec04*/
.main_sec04 .main_tit span {background:#252525; color:#fff; display:inline-block; padding:16px 30px;}
.main_sec04_cont {margin-top:50px;}
.thum_slide {margin-top:17px;}
.big_slide .swiper-slide img {max-width:100%;}
@media screen and (max-width:768px){
	.main_sec04 .main_tit span {padding:8px 15px; margin-top:12px;}
	.thum_slide {display:none;}
}



/*main_sec05*/
/* .main_sec05 {background:url('/img/main/main_sec05_bg.jpg') no-repeat center center / cover; height:739px;} */
.main_sec05 {padding-top:0;}
.main_sec05 .main_tit h4 {color:rgba(255, 255, 255, 0.5);}
.main_sec05 .main_tit h2 {color:#fff;}
.main_sec05_list {max-width:630px; margin:0 auto; display:flex; justify-content:space-between; margin-top:134px;}
.main_sec05_list li {color:#fff;}
.main_sec05_right {text-align:right;}
.main_sec05_m {display:none;}
.main_sec05_m img {width:100%;}

@media screen and (max-width:768px){
	.main_sec05 {display:none;}
	.main_sec05_m {display:block;}
}

/*main_sec06*/

.main_sec06 { height:703px;}
.main_sec06 > ul {display:flex; height:100%;}
.main_sec06 > ul > li {width:50%; height:100%;}
.main_sec06_right {background:#407cf3; color:#fff;}
.j_info_time dl {display:flex;}
.j_info_time dl dt {width:166px;}
.j_info_time dl dd {width:calc(100% - 166px);}
.main_sec06_right {padding:141px 106px;  box-sizing:border-box;}
.j_info_time {margin-top:20px;}
.j_kaka_link {margin-top:17px;}
.j_kaka_link a img {border-radius:20px; max-width:100%;}
.j_call a {display:flex; align-items:center;}
.j_call a i {margin-right:19px;}
.root_daum_roughmap .wrap_controllers {display:none;}
.map_box {height:100%;}




.main_sec06_left .map_box .root_daum_roughmap .wrap_map {height:100%;}


@media screen and (max-width:1080px){

.main_sec06_right{padding:141px 50px;}

}



@media screen and (max-width:890px){
.main_sec06_left .map_box .root_daum_roughmap .wrap_map {height:320px;}
.main_sec06 { height:unset; overflow:hidden;}
.main_sec06 > ul {flex-wrap:wrap;}
.main_sec06 > ul li {width:100%;}

}
@media screen and (max-width:768px){

.main_sec06_right {padding:70px;}

}


/*footer*/
.j_footer {background:#252525; padding:143px 0; position:relative;}
.ft_content_list {color:#fff; display:flex;}
.ft_content_list li {width:50%;}
.j_ft_left {border-right:2px solid #8c8c8c;}
.j_ft_left p {margin-top:28px;}
.j_ft_right {padding-left:25px;}
.copy_p  {margin-top:28px;}
.j_ft_right {display:flex; flex-direction: column; justify-content: space-between;}
.ft_link_box {display:flex; justify-content: space-between;}
.ft_link01 {display:flex; flex-direction: column;}
.ft_link01 a {display:block;}
.ft_link01 a + a {margin-top:13px;}
.ft_link02 ul {display:flex; align-items:center; gap:23px;}



@media screen and (max-width:768px){
.j_footer {padding:70px 0;}
.j_ft_left {text-align:center; border:none;}
.ft_content_list {flex-wrap:wrap; gap:30px;}
.ft_content_list li {width:100%;}
.ft_content_list li h4 {font-size:9px;}

.j_ft_right {padding-left:0;}
.j_ft_left p {margin-top:10px; font-size:9px;}
.ft_link02 ul {gap:14px;}
.ft_link02 {position:absolute; right:26px; top:14px;}
.j_ft_right {flex-direction: unset;}
.ft_link01 {flex-direction:unset}
.ft_link01 a {font-size:9px; position:relative;}
.ft_link01 a + a {margin-top:0; margin-left:15px;}
.ft_link01 a + a:after {content:''; position:absolute; left:-7.5px; top:0; width:2px; height:15px; background:#ababab;}

}

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

.add_pop_tit{background: #adcce6;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #000;z-index: 1;transition: transform .3s ease;}
.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{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.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: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}



.j_bg {height:600px; width:100%;}
.mv_01 .j_bg {background:url('/img/main/br_mv01.jpg') no-repeat center center/ cover;}
.mv_02 .j_bg {background:url('/img/main/br_mv02.jpg') no-repeat center center/ cover;}
.mv_03 .j_bg {background:url('/img/main/br_mv03.jpg') no-repeat center center/ cover;}
.mv_04 .j_bg {background:url('/img/main/br_mv04.jpg') no-repeat center center/ cover;}


@media screen and (max-width:768px){
	.mv_01 .j_bg {background:url('/img/main/main_visual01_m.jpg') no-repeat center center/ cover; }
	.mv_02 .j_bg {background:url('/img/main/br_mv02_m.png') no-repeat center center/ cover;}
	.mv_03 .j_bg {background:url('/img/main/br_mv03_m.png') no-repeat center center/ cover; }
	.mv_04 .j_bg {background:url('/img/main/br_mv04_m.jpg') no-repeat center center/ cover;}
	.j_bg {height:461px; padding:75px 0;}

	.mv_desc {left:50%; top:0; transform:translateX(-50%); text-align:center; width:100%;}
	.mv_desc figure img.mo_img {margin:0 auto;} 
	.mv_desc h2 {margin-top:5px;}
	.mv_desc p {margin-top:7px; font-size:11.5px;}
	.main_img_box {bottom:15px;}
}



/*20240620 섹션 퍼블*/

.content_img img {width:100%; margin:0 auto;}