@import url('sub.css'); 



/**** S:: ¼³¸³¹è°æ ****/
.establishment_cont{display: flex; overflow: hidden;}
.establishment_cont > div{box-sizing:border-box;}
.establishment_cont .img_area{width: 40%; padding: 0 100px 0 70px; position: relative;}
.establishment_cont .img_area .txt{position: absolute; left:0; top:0; font-size:36px; font-weight: 400; color:var(--sub); font-family:var(--kor2); writing-mode: vertical-lr;}
.establishment_cont .img_area .img{}
.establishment_cont .img_area .img img{width: 100%; height: auto !important;}
.establishment_cont .txt_area{width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.establishment_cont .txt_area .fs54{color:var(--white);}
.establishment_cont .txt_area .fs26{color:var(--white); font-weight:300; padding-top: 20px; text-wrap: balance;}
.establishment_cont .txt_area .fs18{color:var(--basicW); padding-top: 20px;}
.establishment_cont .txt_area .fs18 + .fs18{padding-top: 10px;}
/**** E:: ¼³¸³¹è°æ ****/


/**** S:: ¿À½Ã´Â ±æ ****/
.location_cont{}
.location_cont .fs54{color:var(--white); text-align:center; font-weight:300; padding-bottom: 40px;}
.location_cont .fs54 b{display: inline; font-weight:700; letter-spacing: inherit; line-height:inherit;}

.location_map{display: flex;}
.location_map .map_area{flex:1.4;}
.location_map .map_area .wrap_map{height:530px !important;}
.location_map .map_area .wrap_controllers{display:none !important;}
.location_map .map_area .map_border{display:none !important;}
.location_map .map_area .cont{display:none !important;}
.location_map .location_img{flex:1; overflow: hidden;}
.location_map .location_img img{display: block; width: 100%; height: 100%; object-fit:cover;}
.location_info{padding: 50px 400px 120px 0; position: relative; box-sizing:border-box;}
.location_info ul{display: flex; flex-wrap:wrap; gap:10px 30px;}
.location_info ul li{font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height:150%; color:var(--basicW);}
.location_info ul li.address{padding-left: 32px; box-sizing:border-box; position: relative;}
.location_info ul li.address::before{content:'\e0c8'; display: block; width: 26px; height: 26px; line-height: 26px; font-size:26px; font-family:var(--icon); position: absolute; left:0; top:0; color:var(--white); font-weight: 400;}
.location_info ul li b{margin-right: 6px; letter-spacing: var(--letter-spacing-default); font-weight: 700; color:var(--white);}
	.location_btn{position: absolute; right:0; top:40px; display: flex; gap:4px; z-index: 9;}
	.location_btn a{display: block; width: 176px; height: 60px; border-radius:60px; text-align:center; box-sizing:border-box; overflow: hidden; position: relative;}
	.location_btn a::after{content:''; display: block; width: 100%; height: 100%; border-radius:60px; box-sizing:border-box; border:1px solid #10D265; position: absolute; left:0; top:0;}
	.location_btn a::before{content:''; display: block; width: 0; height: 100%; box-sizing:border-box; background:#10D265; position: absolute; left:0; top:0; transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
	.location_btn a:hover::before{width: 100% !important;}
	.location_btn a em{display: block; font-style:normal; font-size:1rem; font-weight: 600; letter-spacing: var(--letter-spacing-button); color:#10D265; transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1); line-height: 60px; position: relative; z-index: 2;}
	.location_btn a:hover em{color: var(--white) !important;}
	.location_btn a em::before{content:''; display: inline-block; width: 21px; height: 21px; margin: -2px 10px 0 0; vertical-align: middle; background:url('/about/img/naver.png') no-repeat center/contain; transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}

	.location_btn a.kakaoBtn::after{border-color:#FEDD0D;}
	.location_btn a.kakaoBtn::before{background:#FEDD0D;}
	.location_btn a.kakaoBtn em{color:#FEDD0D;}
	.location_btn a.kakaoBtn em::before{background-image:url('/about/img/kakao.png');}
	.location_btn a.naverBtn em::before{background-image:url('/about/img/naver.png');}
	.location_btn a.kakaoBtn:hover em{color:#1A0000 !important;}
	.location_btn a.kakaoBtn:hover em::before{background-image:url('/about/img/kakao_on.png');}
	.location_btn a.naverBtn:hover em::before{background-image:url('/about/img/naver_w.png');}
	
.location_traffic{}
.location_traffic ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:30px;}
.location_traffic ul li{padding: 60px; box-sizing:border-box; background-color:var(--grayBgW); background-size:auto 70px; background-repeat:no-repeat; background-position:right 60px bottom 60px; }
.location_traffic ul li.bus{background-image:url('/about/img/bus_icon.svg');}
.location_traffic ul li.car{background-image:url('/about/img/car_icon.svg');}
.location_traffic ul li h4{color:var(--white); padding-bottom: 12px;} 
.location_traffic ul li .fs18{color:var(--basicW);}
.location_traffic ul li .link_btn{display: block; width: 222px; height:50px; line-height: 50px; text-align:center; background:var(--sub2); font-size:0.889rem; font-weight:700; color:var(--white); letter-spacing: var(--letter-spacing-button); margin-top: 30px;}
.location_traffic ul li .link_btn::after{content:'\e89e'; display: inline-block; vertical-align:middle; margin: -2px 0 0 7px; font-size:18px; font-weight: 400; font-family:var(--icon); color:var(--white);}
.location_traffic ul li .link_btn:hover{background:var(--sub);}
/**** E:: ¿À½Ã´Â ±æ ****/




/**** S:: ÁÖ¿ä½Ã¼³ ****/
.facilities_cont{overflow:hidden;}
.facilities_style{display: flex; justify-content:space-between;}
.facilities_style article{box-sizing:border-box; width: calc(50% - 60px);}
.facilities_style .img_area{}
.facilities_style .floorplan{max-width:735px; position: relative;}
.facilities_style .floorplan > img{width: 100%; height: auto;}
.facilities_style .floorplan .floorplans_img{position: absolute; left: 0; top:0; width: 100%; height: auto;}
.facilities_style .floorplan .item{position: absolute; left: 0; top:0; width: 100%; height: auto; opacity: 0; visibility:hidden; transition:all .4s linear;}
.facilities_style .floorplan .item.active{opacity: 1; visibility:visible; z-index: 9; transition:all .4s linear;}
.facilities_style .floorplan .item img{width: 100%; height: auto;}
.facilities_style .txt_area{counter-reset: facilities; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.facilities_style .txt_area_in{position: relative;}
.facilities_style .txt_area .item{position: absolute; top:0; left:0; opacity: 0; visibility:hidden; transition:all .4s linear;}
.facilities_style .txt_area .item:first-child{position: relative;}
.facilities_style .txt_area .item.active{opacity: 1; visibility:visible; z-index: 9; transition:all .4s linear;}
.facilities_style .txt_area .item h4{font-size:2.556rem; line-height: 120%; letter-spacing: var(--letter-spacing-heading); font-weight: 400; color:var(--sub3); padding-left: 56px; box-sizing:border-box; position: relative;}
.facilities_style .txt_area .item h4::before{counter-increment: facilities; content: counter(facilities); display: block; width: 46px; height: 46px; line-height: 46px; font-size:26px; font-weight: 600; text-align:center; background:var(--sub3); color:var(--main); border-radius:50%; position: absolute; left:0; top:0.3rem;}
.facilities_style .txt_area .item .fs18{color:var(--basicW); padding-top: 20px;}

.facilities_style img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}
/**** E:: ÁÖ¿ä½Ã¼³ ****/

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


/**** S:: ¼³¸³¹è°æ ****/
.establishment_cont{}
.establishment_cont .img_area{padding: 0 70px 0 70px;}
.establishment_cont .txt_area .fs26 br{display: none;}
.establishment_cont .txt_area .fs18 br{display: none;}
/**** E:: ¼³¸³¹è°æ ****/


/**** S:: ÁÖ¿ä½Ã¼³ ****/
.facilities_style article{width: calc(50% - 40px);}
/**** E:: ÁÖ¿ä½Ã¼³ ****/


}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/**** S:: ¼³¸³¹è°æ ****/
.establishment_cont{}
.establishment_cont .img_area{width: 45%; padding: 0 50px;}
.establishment_cont .img_area .txt{font-size:30px;}
.establishment_cont .txt_area{width: 55%;}
/**** E:: ¼³¸³¹è°æ ****/

/**** S:: ¿À½Ã´Â ±æ ****/
.location_info{padding: 40px 400px 80px 0;}
.location_info ul li.address{width: 100%;}


.location_traffic{}
.location_traffic ul li{padding: 40px; background-size:auto 60px; background-position:right 40px bottom 40px; }
.location_traffic ul li .link_btn{margin-top: 20px;}
/**** E:: ¿À½Ã´Â ±æ ****/


/**** S:: ÁÖ¿ä½Ã¼³ ****/
.facilities_style article{width: calc(50% - 30px);}
/**** E:: ÁÖ¿ä½Ã¼³ ****/


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S:: ¼³¸³¹è°æ ****/
.establishment_cont{}
.establishment_cont .img_area{padding: 0 40px;}
.establishment_cont .img_area .txt{font-size:24px;}
.establishment_cont .txt_area .fs26{padding-top: 15px;}
.establishment_cont .txt_area .fs18{padding-top: 15px;}
.establishment_cont .txt_area .fs18 + .fs18{padding-top: 6px;}
/**** E:: ¼³¸³¹è°æ ****/

/**** S:: ¿À½Ã´Â ±æ ****/
.location_cont{}
.location_cont .fs54{padding-bottom: 30px;}

.location_map{}
.location_map .map_area{}
.location_map .map_area .wrap_map{height:400px !important;}
.location_info{padding: 30px 0 50px 0;}
.location_info ul{gap:10px 20px;}
.location_info ul li{}
	.location_btn{top:-60px; left:10px; right: 0; gap:4px; z-index: 9;}
	.location_btn a{width: 50px; height: 50px;}
	.location_btn a::before{width: 100%;}
	.location_btn a.kakaoBtn em::before{background-image:url('/about/img/kakao_on.png');}
	.location_btn a.naverBtn em::before{background-image:url('/about/img/naver_w.png');}
	.location_btn a em{line-height: 50px; font-size:0;}
	.location_btn a em::before{margin: 0 auto;}

.location_traffic{}
.location_traffic ul{grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
.location_traffic ul li{padding: 30px; background-size:auto 50px; background-position:right 30px bottom 30px; }
.location_traffic ul li h4{padding-bottom: 8px;} 
/**** E:: ¿À½Ã´Â ±æ ****/


/**** S:: ÁÖ¿ä½Ã¼³ ****/
.facilities_style{flex-wrap:wrap; gap:50px;}
.facilities_style article{width: 100%;}
.facilities_style .floorplan{margin: 0 auto;}
.facilities_style .txt_area_in{}
.facilities_style .txt_area .item h4{font-size:2rem; padding-left: 43px;}
.facilities_style .txt_area .item h4::before{width: 35px; height: 35px; line-height: 35px; font-size:20px; top:0.1rem;}
.facilities_style .txt_area .item .fs18{padding-top: 15px;}
/**** E:: ÁÖ¿ä½Ã¼³ ****/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/**** S:: ¼³¸³¹è°æ ****/
.establishment_cont{flex-wrap:wrap;}
.establishment_cont .img_area{width: 100%; padding: 0 0 30px 40px;}
.establishment_cont .txt_area{width: 100%;}
.establishment_cont .txt_area .fs26{padding-top: 10px;}
.establishment_cont .txt_area .fs18{padding-top: 10px;}
/**** E:: ¼³¸³¹è°æ ****/



/**** S:: ¿À½Ã´Â ±æ ****/

.location_cont{}
.location_cont .fs54{padding-bottom: 20px;}

.location_map{flex-wrap:wrap; flex-direction: column-reverse;}
.location_map .map_area{flex:auto; width: 100%;}
.location_map .map_area .wrap_map{height:300px !important;}
.location_map .location_img{flex:auto; width: 100%;}
.location_info{padding: 20px 0 30px 0;}
.location_info ul{gap:8px 15px;}
.location_info ul li{}
.location_info ul li.address{padding-left: 25px; width: 100%;}
.location_info ul li.address::before{width: 20px; height: 20px; line-height: 20px; font-size:20px;}
	.location_btn{top:-50px;}
	.location_btn a{width: 40px; height: 40px;}
	.location_btn a em{line-height: 40px;}
	.location_btn a em::before{width: 17px; height: 17px;}


.location_traffic{}
.location_traffic ul li{min-height:150px; padding: 20px; background-size:auto 40px; background-position:right 20px bottom 20px; }
.location_traffic ul li h4{padding-bottom: 6px;} 
.location_traffic ul li .link_btn{width: 180px; height:45px; line-height: 45px; margin-top: 10px;}
.location_traffic ul li .link_btn::after{font-size:16px;}
/**** E:: ¿À½Ã´Â ±æ ****/


/**** S:: ÁÖ¿ä½Ã¼³ ****/
.facilities_style{gap:30px;}
.facilities_style .txt_area_in{}
.facilities_style .txt_area .item h4{font-size:1.667rem; padding-left: 35px;}
.facilities_style .txt_area .item h4::before{width: 30px; height: 30px; line-height: 30px; font-size:16px; top:0;}
.facilities_style .txt_area .item .fs18{padding-top: 10px;}
/**** E:: ÁÖ¿ä½Ã¼³ ****/
}