
/* =============================================== */
/*			 		    써큘러스 리더				   */
/* =============================================== */
#ledaer {background:#fff;}
#leader #section_01{
	width:inherit;
    height: 100vh;
    display: flex;
	align-items: center;
    margin: 0 auto;
    padding: 0 2rem;
    background: url(../img/leader/leader_main_bg.jpg) no-repeat center/cover;
}
.leader_title {
	font-family: Pretendard;
	font-size: 7rem;
	font-weight: 700;
	line-height: 9rem;
	letter-spacing: 0px;
	text-align: center;
	color:#fff;
}
.leader_title span.color {color:rgba(48, 205, 212, 1);}

@media (max-width:1300px) {.leader_title {font-size: 5rem;font-weight: 700;line-height: 7rem;}}
@media (max-width:991px){
	.leader_title {font-size: 4.4rem;line-height: 5.6rem;}
	.leader_title .pc_br {display:block;}
	.leader_title .mo_br {display:none;}
}

@media (max-width:767px){
	.leader_title {font-size: 3.4rem;line-height: 4.6rem;}
	.leader_title .pc_br {display:none;}
	.leader_title .mo_br {display:block;}
}
/* ++++++++++++++++++++ // leader_main ++++++++++++++++++++  */


/* ++++++++++++++++++++ leader_info ++++++++++++++++++++  */
#section_02.leader_info {width: auto;background:#fff;padding: 16rem 2rem;}
.leader_infoInner {width:100%; max-width:96rem; margin:0 auto;}
.le_cont_TxtBox {margin-bottom: 4rem;}
#leader .cont_title {
	font-size: 4.6rem;
	font-weight: 700;
	line-height: 6rem;
	color:rgba(34, 34, 34, 1);
	padding-bottom:1.6rem;
}
#leader .cont_title span.color {color:#30CDD4;}
#leader .cont_Subtitle {font-size: 1.8rem;font-weight: 400;line-height: 3rem;color:#666;}
.le_cont_three {display:flex; flex-direction: column;}
.le_cont_top {
    width: 100%;
    display: flex;
    flex-direction: row;
	justify-content: space-between;
}
.le_cont_box {width: calc(100%/2 - 1.4rem);padding-bottom: 39%;}
.leader_info .le_cont_box  {border-radius: 15px;}
.leader_info .le_cont_box.Tleft {background:url(../img/leader/leader_info01.jpg) no-repeat center/cover;}
.leader_info .le_cont_box.Tright {background:url(../img/leader/leader_info02.jpg) no-repeat center/cover;}
.leader_info .le_cont_box.bottom {background:url(../img/leader/leader_info0302.jpg) no-repeat center/cover;}
.leader_info .le_cont_box.bottom {margin-top: 28px; width:100%;}
.le_cont_box>h3 {
	padding: 3.2rem;
	font-size: 3rem;
	font-weight: 400;
	line-height: 4.2rem;
	position:absolute;
}
.le_cont_box>h3 span.bold {font-weight:700;}
@media (max-width:991px) {
	.leader_info .le_cont_box.Tright {background:url(../img/leader/mo_leader_info03.jpg) no-repeat center/cover;}
	.leader_info .le_cont_box.bottom {background:url(../img/leader/leader_info0302_mo.png) no-repeat center/cover;}
}
@media (max-width:767px) {
	#section_02.leader_info {padding: 8rem 2rem;}
	#leader .cont_title {font-size: 3.2rem;line-height: 3.8rem;padding-bottom:2rem;}
	#leader .cont_Subtitle {font-size: 1.5rem;line-height: 2.6rem;}
	.le_cont_TxtBox {margin-bottom: 3rem;}
	.le_cont_top {width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
	.le_cont_box {width: 100%;margin-bottom:2rem;padding-bottom: 75.6%;}
	.leader_info .le_cont_box.bottom {margin-top: 0px;width: 100%;}
	.le_cont_box>h3 {padding: 2.4rem 0 0 2.4rem;font-size: 2.1rem;line-height: 3rem;}
}
/* ++++++++++++++++++++ // leader_info ++++++++++++++++++++  */

/* ++++++++++++++++++++ Mid Title ++++++++++++++++++++  */
#leader #mid_title {background:url(../img/leader/mid_title.jpg) no-repeat center/cover;}
#leader .mid_title_Txt {
    color: #fff;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 6.5rem;
    text-align: center;
    padding: 16rem 0;
    width: 100%;
}

#leader .mid_title_Txt span.bold {font-weight:700;}

@media (max-width:991px) {
	#leader .mid_title_Txt {
		color: #fff;
		font-size: 3.5rem;
		line-height: 4.5rem;
		padding: 12rem 0;
		background:url(../img/leader/mid_title_mo.jpg) no-repeat center/cover;
	}
}
@media (max-width:767px) {
	#leader .mid_title_Txt {color: #fff;font-size: 2.2rem;line-height: 3.2rem;padding: 8rem 0 7.6rem;}
}
/* ++++++++++++++++++++ // Mid Title ++++++++++++++++++++  */

/* ++++++++++++++++++++ program ++++++++++++++++++++  */
#section_04.leader_program {background:#fff; padding: 16rem 0rem;}
.leader_ProInner {
    width: 100%;
    margin: 0 auto;	
	padding:0 2rem;
	max-width: 96rem;
}
.leader_program .le_cont_top {margin-bottom:2.8rem;}
.leader_program .le_cont_box {border-radius: 1.5rem; overflow:hidden;}
.leader_program .le_cont_box .ImgBox {
    top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
    border-radius: 15px;
	position: absolute;
}
.leader_program .le_cont_box.Tleft .ImgBox {background: url(../img/leader/program_01.jpg) no-repeat center/cover; transition:none;}
/* .leader_program .le_cont_box.Tright .ImgBox {background:url(../img/leader/program_02.jpg) no-repeat center/cover; transition:none;} */
.leader_program .le_cont_box.Tright .ImgBox {background:url(../img/leader/program_05.jpg) no-repeat center/cover; transition:none;}
.leader_program .bottom .le_cont_box.Tleft .ImgBox {background:url(../img/leader/program_03.jpg) no-repeat center/cover; transition:none;}
.leader_program .bottom .le_cont_box.Tright .ImgBox {background:url(../img/leader/program_04.jpg) no-repeat center/cover; transition:none;}

.le_cont_box {position:relative;}
.leader_program .program_Txt {
	font-size: 3rem;
	font-weight: 700;
	line-height: 4.2rem;
	color:#222;
	padding: 3.2rem;
	position:absolute;
	transition:all 0.3s;
}
.leader_program .program_Txt h3 {color:#222;font-size: 3rem;font-weight: 700;line-height: 4.2rem;}
.le_cont_top.bottom {margin-top:2.8rem}
.pro_btn {width: 2.2rem;margin-top: 2rem;display: inline-block;}
.pro_btn img {width:100%; vertical-align: top;}
.program_Txt_hover {top: 0;left: 0;position: absolute;padding: 3.2rem 3.2rem 0 3.2rem;}
.hover_app {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.4rem;	
	color: rgba(0, 50, 52, 0.3);
	margin-bottom:0.8rem;
	display:none;
}
.hover_Title {font-size: 2.4rem;font-weight: 600;line-height: 3.2rem;color:#222;}
.hover_Txt {font-size: 1.5rem;font-weight: 500;line-height: 2.4rem;margin:3rem 0 2rem; transition:all 0.3s ease-in-out;}
.hover_more a {
    display: flex;
	color:#222;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.4rem;
	display:none;
}
.hover_more figure {
	width: 0.6rem;
    display: flex;
    margin-left: 0.6rem;
	align-items: center;
    justify-content: center;
}
.hover_more figure img{width:100%;}
.pro_btn_current {display:none;}
@media(min-width:992px) {
	.leader_program .hover_Txt {opacity: 0;}
	.leader_program .le_cont_box .ImgBox {transition:inherit;}
	.leader_program .le_cont_box:hover .ImgBox {filter: blur(50px); transform: scale(1.2); transition:none;}
	.leader_program .le_cont_box:hover .pro_btn {display:none;}
	.leader_program .le_cont_box:hover .program_Txt {    
		top:0px;
		color: #222;
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 3.2rem;
	}
	.leader_program .le_cont_box:hover .program_Txt .hover_app {display:block;}
	.leader_program .le_cont_box:hover .program_Txt .hover_more a {display:flex;}
	.le_cont_box:hover .hover_Txt {opacity: 1; margin:2rem 0 2rem; transition:all 0.3s ease-in-out;}
}
@media (max-width:991px){
	#section_04.leader_program {padding: 8rem 0rem;}
	.leader_program .program_Txt {padding: 2.4rem;}
	.leader_program .program_Txt h3 {font-size: 2.1rem;line-height: 2.8rem;}
	.pro_btn {margin-top: 1.2rem;}
	.le_cont_top.bottom {margin-top: 0rem;}
	.leader_program .le_cont_box.current {
		position: fixed;
		top: 0;
		left: 0;
		width:100%;
		height: 100%;
		z-index: 600;
		background: #fff;
		border-radius: 0;
	}
	.leader_program .le_cont_box.current .ImgBox {
		filter: blur(50px);
		transform: scale(1);
		transition:none;
		transition:unset;
		-webkit-backdrop-filter: blur(50px);
	}
	.leader_program .le_cont_box.current .pro_btn {display:none;}
	.leader_program .le_cont_box.current .pro_btn_current {
		display: block;
		width: 2.2rem;
		height: 2.2rem;
		text-align: right;
		margin: 0 0 1.8rem auto;
	}
	.leader_program .le_cont_box.current .pro_btn_current img {
		width: 100%;
		cursor:pointer;
		vertical-align: top;
		transform: rotate(134deg);
	}
	.leader_program .le_cont_box.current .program_Txt {    
		top:0px;
		color: #222;
		transition:none;
		padding:3.2rem;
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
	}
	.leader_program .hover_Txt {display: none;}
	.leader_program .le_cont_box.current .program_Txt .hover_app {display:block;}
	.leader_program .le_cont_box.current .program_Txt .hover_Txt {display:block;}
	.leader_program .le_cont_box.current .program_Txt .hover_more a {display:flex;}
}
@media (max-width:767px){.leader_program .le_cont_top {margin-bottom:0rem;}}
/* ++++++++++++++++++++ // program ++++++++++++++++++++  */


/* ++++++++++++++++++++ road ++++++++++++++++++++  */
#section_05.leader_road {background: #F9FAFB; padding:16rem 0;}
.leader_roadInner {width:100%; max-width:96rem; padding:0 2rem; margin:0 auto;}

.road_contact {position: relative;}
.road_contact ul {display: flex;}
.road_contact ul li{width:calc(100%/3);}
.ct_icon {width:10rem;}
.ct_icon img {width:100%;}
.ct_title{
	color:#444;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 3rem;
	margin:2.4rem 0 0.8rem 0;
}
.ct_subTxt{
	color:#666;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 3rem;
}
.road_contact figure {
    width: 1rem;
    height: auto;
	display: flex;
	align-items: center;
    margin-left: 0.8rem;
    justify-content: center; 
}
.road_contact figure img {width:100%;}
.road_goSite {display:flex; align-items: center;}
.place-card.place-card-medium {display: none!important;}
.road_map {margin-top: 8rem;}
.place {
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #444;
    width: 20rem;
}
.address {display: flex;margin-bottom:1.6rem;}
.address ul {display: flex;}
.address ul li {color:#666;font-weight: 400;font-size: 1.8rem;line-height: 3rem;}
.address ul li:first-child {padding-right:2.5rem; position:relative;}
.address ul li:first-child::before {
	content:'';
	width:1px;
	height:1.5rem;
	background:#DDD;
	position:absolute;
	right: 1.1rem;
    top: 50%;
    transform: translateY(-50%);
}
.map.bottom {margin-top:4rem;}
.map_box iframe {height:26rem; border-radius:1.5rem;}
.map_box .wrap_controllers.hide {display:none!important;}
.root_daum_roughmap {width:100%!important;}
.root_daum_roughmap .map {border-radius:1.5rem;}
span.map_border.border1 {border: none;}
.border2, .border3, .border4 {border:none; height:0px;}

@media (max-width:991px) {
	.leader_roadInner {width: calc(100% - 4rem);}
	.map_box iframe {height:31.5rem;}
}
@media (max-width:767px) {
	#section_05.leader_road {padding:8rem 0;}
	.road_contact ul {display: flex;flex-direction: column;}
	.ct_title {font-size: 1.6rem;line-height: 2.2rem;}
	.road_contact ul li{width:100%; margin-bottom:4rem;}
	.road_contact ul li:last-child {margin-bottom:0;}
	.road_map {margin-top: 6rem;}
	.map {display: flex;flex-direction: column-reverse;}
	.address {margin-top:1.6rem;}
	.address, .address ul{flex-direction: column;}
	.palce {font-size: 1.6rem;line-height: 2.2rem;width: inherit;margin-bottom: 1rem;}
	.address ul li {font-size: 1.5rem;line-height: 2.2rem;}
	.address ul li:first-child {padding-bottom:0.6rem;}
	.address ul li:first-child::before {display:none;}
}
/* ++++++++++++++++++++ // road ++++++++++++++++++++  */