/*브랜드사이트 main*/

@charset "utf-8";

.fixbody {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


.frame1200{width: 1200px; margin: 0 auto;}
.frame996{width:996px; margin: 0 auto;}
.title{padding: 50px 0;    }
.title img{display:block;margin: 0 auto;}
.title span{ font-size: 18px;color: #909090;    display: block;line-height: 1.5; letter-spacing: -1px;    font-weight: 500;text-align: center;}
.mapTitle_span{padding-top:20px}

.full_button .button{display: inline-block;	}
.full_button .button h2 {background: #94c3f2;color: #fff;}
.full_button .button:hover h2{background: #5b84b7;color: #fff}


.title h2 {     line-height: 1.3;color: #494949;font-weight: 600;text-align: center;font-size: 40px;letter-spacing: -0.03em;}
.title h2 > strong {position: relative; z-index: 1;}
.title h2 > strong:before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 11px;
    background: #e1dcff;
    z-index: -1;
}
.mb {
    display: none !important;
}
.title_normal{font-weight: 300 !important;}
.noScroll {
    overflow: hidden;
    /* position: fixed */ 
}
/*******제목 밑줄색*******/
.service_box .title h2 > strong:before{ 
	background:#c6e2ff;
	}
.gallery .title h2 > strong:before{ 
	background:#cae2ff;
	}
.youtube .title h2 > strong:before{
	background:#e1dcff;
	}
.introduction .title h2 > strong:before{ 
	background:#cae2ff;
	}
.review .title h2 > strong:before{ 
	background:#c1adff;
	}
.map .title h2 > strong:before{ 
	background: #cae2ff;
	}

/****************메인배경(main_Tbg)*****************/
.main_Tbg{
/* 	background:url(../img/main-Tbg.png) ; */
/* 	background-repeat: no-repeat;     */
/* 	background-size: cover; */
}


/****************section*****************/

/*------Mainslider------*/
/* .main_slider .slick-slider{width:1200px !important; margin:0 auto !important;} */
/* .main_slider{height:920px;} */
.slick-initialized .slick-slide {    overflow: hidden !important;}
.main_slider .slider{width: 100%;overflow: hidden;}
.main_slider .slide-img{width: 100%; height:400px;object-fit: cover;min-height: 230px;}
.main_slider .slide-img:nth-child(1){}
.main_slider .slider .text{width: 100%; text-align: center;position: absolute; bottom: 10%;display:none;}
.main_slider .slider .slick .slick-arrow{cursor:pointer;}

.main_slider .slider .slick{
	height:780px;    
	margin-top: 120px;
	}
button.slick-prev {left:10px; color:transparent;} 
button.slick-next {right:10px; color:transparent;} 
.main_slider .slider button.slick-prev:before {content:"\e93d"; font-family:'xeicon'; font-size:55px; color:transparent; }
.main_slider .slider button.slick-next:before {content:"\e940"; font-family:'xeicon'; font-size:55px; color :transparent; }

	
.main_slider .slick-dots{
	width: 100%; 
	position: absolute; 
	bottom:16px; 
	text-align: center; 
	cursor:pointer; 
	height: 15px;
} 
.main_slider .slick-dots > li {width:auto; height:100%; margin:0;display: inline-block;vertical-align: top;}
.main_slider .slick-dots > li > .page-btn {background-size:cover; margin:0 10px;}
.main_slider .slick-dots > li.slick-active {height: 100%;}
.main_slider .slick-dots > li.slick-active > .page-btn{background-size: cover;width: 48px; height:15px;background: url("/resources/brandsite/img/bar_b.png");    background-repeat: no-repeat; margin-right:10px;} 
.main_slider .slick-dots > li.slick-active > .page-btn > img{display:none;}

.main_slider .slider .slick .slide_img .slide_por > a{display:block;width:100%;    height: 400px;}

.slide_por {position: relative;margin:0 auto; height: 100%;      width: 1200px;}
.slide_por .slide_main_img{width:660px;    height: auto;position: absolute;top:60px;right:-70px;}
.slide_img{height:650px !important;}



.slide_txtbox{ width: 1200px;margin:0 auto; height: 100%;position: relative;}
.slide_por .slide_txt{position: absolute;top:140px;left:0px;}

.slide_txt h2{font-size:50px; line-height: 1.3;color:#000}
.slide_txtbox .slide_txt p{font-size:19px; line-height: 1.5;color:#494949;}

.slide_sub{padding-top:30px}

.slide_txt .slide_btn{padding-top:35px;height:40px;}
.slide_txt .slide_btn .slide_btnP{    line-height: 40px;text-align: center; height: 40px; width: 135px;background:#3c3c3c; color:#fff;font-size:16px;   display: inline-block;border-radius:30px; display:block}

/*1번째 슬라이드- 오픈이벤트*/
.slide_img01 .slide_por img.slide_main_img{width:auto;height:500px; top: 50%;right:0;transform: translate(0%, -50%);}
.slide_img01 .slide_por img.slide_main_img_center{  position: absolute;top:0px;left:50%;width:80px;    height: auto;}
/* .slide_img01 .slide_sub p{display:inline-block} */
/* .slide_img01 .slide_sub p.AB_cont::after , .slide_img01 .slide_sub p.AB_cont::before{content:"|"; padding:0 10px; color:#295a89} */
.slide_sub_01_mo{display:none}

/*2번째 슬라이드- 페어피스*/
.slide_img02 .slide_por img{width:576px;height: auto; top: 50%;right:0;transform: translate(0%, -50%);}


/*3번째 슬라이드- 1위대상*/
.slide_img03 .slide_por img.slide_main_img{width: 650px ;height: auto; top:50%;right:0;transform: translate(0%, -50%);}
.slide_img03 .slide_por img.slide_main_img_center{  position: absolute;top:0px;left:50%;width:80px;    height: auto;}


/*4번째 슬라이드- 퍼즐*/
.slide_img04 .slide_por img.slide_main_img{width: 650px ;height: auto; top:50%;right:0;transform: translate(0%, -50%);}
.slide_img04 .slide_por img.slide_main_img_center{  position: absolute;top:0px;left:50%;width:80px;    height: auto;}


/*5번째 슬라이드- 감사이벤트*/
.slide_img05 .slide_por img.slide_main_img{width: 650px ;height: auto; top:50%;right:0;transform: translate(0%, -50%);}
.slide_img05 .slide_por img.slide_main_img_center{  position: absolute;top:0px;left:50%;width:80px;    height: auto;}






/*------서비스롤링------*/
/*이전버튼*/
.swiper-button-prev{
	position: absolute;
	left: 0;    
	z-index: 3;    
	border: transparent;    
	cursor: pointer;
	outline: none;
    -webkit-tap-highlight-color: transparent;
}
.swiper-button-prev:before {content:"\e93d"; font-family:'xeicon'; font-size:45px; color:#c0d4e2;    border: transparent;}

/*다음버튼*/
.swiper-button-next{    
	position: absolute;
	right: 0;    
	z-index: 3; 
	border: transparent;    
	cursor: pointer;
	outline: none;
    -webkit-tap-highlight-color: transparent;
}
.swiper-button-next:before {content:"\e940"; font-family:'xeicon'; font-size:45px; color:#c0d4e2; }

.tabs { margin: 0; padding: 0; font-size: 0;}
.tabs li {height: 100%; list-style-type: none; display: inline-block;color: #fff; cursor: pointer; display: inline-block; vertical-align: top;width: calc(100%/6);font-size:14px; color:#4d4d4d;text-align: center;}
.tabs li:hover {background:#7cb9f8; ;border-radius:30px;color:#fff;font-weight: bold;}
.tabs li.active {background:#7cb9f8; ;border-radius:30px;color:#fff;font-weight: bold; }
.panel { display:none;  padding: 30px; }
.panel.active { display:block; }
	
/* .frame996{width: 996px; margin: 0 auto;} */
 .service_box{width: 100%;height:825px}

.service_menu{width:851px; height:46px; border-radius:30px; background:#fff;line-height: 46px;margin: 0 auto;} 
.service_menu ul{ font-size: 0;}
.service_menu ul li{display: inline-block; vertical-align: top;width: calc(100%/6);}
.service_menu ul li{font-size:14px; color:#4d4d4d;text-align: center;}

.service_box .swiper1 .swiper-slide:hover{background:#7cb9f8; ;color:#fff;font-weight: bold;}
.service_box .swiper1 .swiper-slide:hover a{}

.service_cont{height:506px;    margin-top: 35px;    display: flex;align-items: center;   justify-content: space-evenly;}
.service_cont:hover{background: transparent;}
.service_cont .service_img{display: inline-block;vertical-align: top;font-size: 0;}
.service_cont .service_img img{}

.service_cont  .service_cont_txt{height: 506px; display: inline-flex; flex-direction: column;  padding: 25px;color:#4d4d4f;    position: relative;justify-content: center;   }
.service_cont  .service_cont_txt h2{font-size:50px;}
.service_cont  .service_cont_txt p.contxt_m{font-size:25px;font-weight:bold;padding:40px 0 32px 0;    line-height: initial;}
.service_cont  .service_cont_txt p{font-size:17px;    line-height: 1.5;}

.service_cont .service_btn{padding-top:35px}
.service_cont .service_btn > div{width:135px; height:40px;line-height: 40px;border-radius:30px;text-align: center;display: inline-block;vertical-align: top;}
.service_cont .service_btn .service_Lbtn{background:#426492;}
.service_cont .service_btn .service_Lbtn a{font-size:15px;color:#fff}
.service_cont .service_btn .service_Rbtn{background:#fff;border:1px solid  #426492;margin-left:25px}
.service_cont .service_btn .service_Rbtn a{display: block;font-size:15px;color:#426492;}

.containButtonBox{    display: flex;align-items: center;    justify-content: center;position: relative;}

.swiper-pagination{width:100%;height: 10px;position: absolute;bottom:0;    right: 0px;text-align: center;}

.service_Rbtn_mo{display:none !important}

/*------counting------*/
.counting{    
display: flex;    
text-align: center; 
background:#EEF5FF;
padding: 50px 0;
}
.counting .frame1200{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.counting .counting_p p:first-child{padding-right:10px}
.counting .counting_p p{font-size:40px; color:#5e5e5e;line-height: 1.5;   /* letter-spacing: -1px; display:inline-block*/position: relative;
    z-index: 1;}
.counting .counting_p p:before{  content: '';
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    height: 11px;
    background: #e1dcff;
    z-index: -1;}
.counting .counting_p:first-child p{display:inline-block}
.counting p.counting_small{font-size:16px; color:#B9CAE1;}
.counting_h2{padding:35px 0;}
.counting_h2 h2{
	display: inline-block;
}
.counting h2{font-size:50px;color:#5e5e5e;}

.counting .title{padding:0 !important}
.counting .title h2{font-size:40px;}
.counting .title strong:first-child{padding-right: 10px;}
/*  .counting .title strong:before {bottom:3px;height:11px;} */
 
 
/*------gallery------*/
.gallery{width: 100%;height: auto;    background: #fff;}
.gallery_box , .meta_box{width: 100%;height: 100%;font-size: 0; padding-top: 40px;}

.gallery_box .box .img:hover img{transform:scale(1.1); transition:0.5s}

.gallery_box .box{width: calc(100%/3 - 10px);height: auto; display: inline-block;vertical-align: top;margin-top: 30px; margin-bottom:15px;    text-align: left;}
.gallery_box .box:nth-child(2){margin: 30px 15px 0 15px;}
.gallery_box .box:nth-child(5){margin: 30px 15px 0 15px;}
.gallery_box .box .img{width: 100%;height: 220px;background: #f7f7f7; cursor: pointer;    border-radius: 8px;overflow: hidden;}
.gallery_box .box .img_txt{
	height: auto;
	line-height: 1.5;     
	color: #595757;
	margin-top: 15px;
	font-size: 16px;
	text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
}
.gallery_topsec .quot_btn a{
	background-color: #99bdf3;
    color: #fff;
    font-weight: 600;
    padding: 4px 10px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 1px;
}
.gal_img_tit{
	line-height: 2vw;
}
.gallery_box .box .img_txt strong{font-size:17px;color: #595757;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.gallery_box .box .img_txt p{
	font-size: 15px;
    font-weight: 600;
    color: #727171;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

h2.mo_btn_t{display: none;}

.gallery_sel{text-align: center;}
.gallery_sel > div{width:100px; height:42px;border-radius:10px;    background: #fff;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);display: inline-block;line-height: 42px;text-align: center;}

.gallery_topsec{
	display: flex;
    justify-content: space-between;
}
.gallery_topsec sapn{
	margin: auto 0;
}

.gallery_topsec a{
	display: block;
	font-size: 18px; 
	font-weight: 700;
	color: #595757;
	text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 5px !important;
}
/*------event------*/
.event {
	background: #fbf9f9ad;
    margin-top: 60px;
}

/* .event .frame1200{position:relative} */

.counting .title h2 > strong:before,
.event .title h2 > strong:before{background:#bcdbff}
/* .event .event_box{    text-align: center;height:250px} */
/* .event .event_box .event_cont{    background:transparent; */
/*     width: 100%; */
/*     height: 100%; */
/*     display: inline-flex; */
/*     flex-direction: row; */
/*     align-items: center; */
/*     justify-content: space-evenly; */
/*     border-radius: 10px; } */
/* .event .full_button .button h2{background:#619ce3} */

/* .event_boxBoss {    width: 100%;    display: flex;} */
/* .event_boxBoss  .event_box{ display:inline-block ;width: 100%;} */
/* .event_boxBoss  .event_box:first-child{margin-right:10px;} */



/* #eventbox_boss button.slick-prev{    position: absolute;left: -60px;top: 50%;    transform: translateY(-50%);font-size: 0;    background: transparent;border: transparent;} */
/* #eventbox_boss button.slick-prev:before{    content: "\e93d";font-family: 'xeicon'; font-size: 45px; color: #90a9c7;border: transparent;} */
 
/* #eventbox_boss button.slick-next{ position: absolute;right: -60px;top: 50%;    transform: translateY(-50%);font-size: 0;    background: transparent;border: transparent;}     */
/* #eventbox_boss button.slick-next:before {content: "\e940"; font-family: 'xeicon';font-size: 45px; color: #90a9c7;} */


/* #eventbox_boss .slick-slide img {border-radius: 10px;} */


.event .frame1200{    text-align: center !important;    position: relative;}
.event .event_box{
	width:100%; 
	padding:0 10px;  
}
.event .event_detail{
	width: 100%;
	position: relative; 
}
.event #event_box_boss{
	width: 100%;
	display: inline-block;
	font-size: 0;    
	vertical-align: top;
}


.event button.slick-prev{
	display: none !important;
	cursor:pointer;
	position: absolute;
	left: -46px;
	top: 50%;    
	transform: translateY(-50%);
	font-size: 0;    
	background: transparent;
	border: transparent;
}
.event button.slick-prev:before{    
	content: "\e93d";
	font-family: 'xeicon'; font-size: 45px; color: #90a9c7;border: transparent;}
 
.event button.slick-next{
	display: none !important;
	cursor:pointer;
	position: absolute;
	right: -46px;
	top: 50%;    
	transform: translateY(-50%);
	font-size:0;    
	background: transparent;
	border: transparent;
}    
.event button.slick-next:before {content: "\e940"; font-family: 'xeicon';font-size: 45px; color: #90a9c7; border: transparent;}



.event .border_box img{border-radius: 10px;}


/*------youtube------*/


.youtube{width: 100%;height:auto; background:#f8f7ff;position: relative;overflow: hidden;}


.youtube img.left_icon{ position: absolute;bottom: 5%;
    overflow: hidden;
    z-index: 5;
    transition: all .5s;
    border-radius: 100%;
    -webkit-animation: circular-jump 12s 0s linear infinite;
    animation: circular-jump 5s 0s linear infinite; }
 .youtube img.right_icon{ position: absolute;top: 10%;right: -50px;position: absolute;
    overflow: hidden;
    z-index: 5;
    transition: all .5s;
    border-radius: 100%;
    -webkit-animation: circular-jump 12s 0s linear infinite;
    animation: circular-jump 5s 0s linear infinite; }


.youtube_sel{text-align: center;}
.youtube_sel > div{width:100px; height:42px;border-radius:10px; color:#4d4d4d;     cursor: pointer;  background: #fff;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);display: inline-block;line-height: 42px;text-align: center;}
.youtube_sel > div a{color:#4d4d4d;font-weight: bold;    display: block;}
.youtube_sel > div:hover{
	background:#9b9bee;
	color: #fff;
}
.youtube_sel > div:hover a{font-size:16px;font-weight:bold;color:#fff}


 .y_sel01_movie{position: relative;text-align: center;margin-top: 55px;}
 .y_sel02_movie{position: relative;text-align: center;margin-top: 55px;}
 .y_sel03_movie{position: relative;text-align: center;margin-top: 55px;}
  
  

   #y_sel02_movie{display:none}
    #y_sel03_movie{display:none} 
    
    
 .y_sel_play:hover {-webkit-animation: blink 0.7s ease-in-out infinite alternate;
-moz-animation: blink 0.7s ease-in-out infinite alternate;
animation: blink 0.7s ease-in-out infinite alternate;}
 .y_sel_play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

.youtube .full_button .button h2{
	background: #b5afe0;
	color: #fff;
}
.youtube .full_button .button:hover h2 {
	background: #837ea9;
    color: #fff;
	font-weight:bold;
	}

/*------직원소개------*/
.tit_p{color:#424242;display:inline-block}
.tit_b{font-weight:bold;display:inline-block}







/*------리뷰------*/


.review_bg{height:auto;background-image: url(../img/review_bg.png);padding-bottom:20px;}
#review .frame1200{    text-align: center !important;    position: relative;}
#review  .review_box{width:100%; padding:0 30px;  }
#review  .review_detail{width: 100%; ; margin-bottom: 40px;}
#review #box_boss{width: 100%;height: 230px; display: inline-block;font-size: 0;    vertical-align: top;}


#review button.slick-prev{     cursor: pointer;   position: absolute;left: -60px;top: 50%;    transform: translateY(-50%);font-size: 0;    background: transparent;border: transparent;}
#review button.slick-prev:before{    content: "\e93d";font-family: 'xeicon'; font-size: 45px; color: #a6a3bb;border: transparent;}
 
#review button.slick-next{     cursor: pointer;position: absolute;right: -60px;top: 50%;    transform: translateY(-50%);font-size: 0;    background: transparent;border: transparent;}    
#review button.slick-next:before {content: "\e940"; font-family: 'xeicon';font-size: 45px; color: #a6a3bb;}



#review .border_box{width: calc(100%/2 - 10px);display:inline-block}



/*------meta------*/

.meta3D_menu {font-size: 0; text-align: center;}
/* .meta3D_menu ul li:nth-child(1) a { color: #fff;background: #99bdf3;border-radius: 10px;} */
/* .meta3D_menu ul {width: 100%;height: 42px;line-height: 42px;text-align: center;display: inline-block;} */
/* .meta3D_menu ul li {width: 100px; display: inline-block;vertical-align: top;font-size: 15px;margin: 0 10px;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);border-radius: 10px;} */
/* .meta3D_menu ul li a { font-size: 16px;color: #595757;display: block;} */
.meta3D_sel {    text-align: center;}
.meta3D_sel > div {
    width: 100px;
    height: 42px;
    border-radius: 10px;
    color: #4d4d4d;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    display: inline-block;
    line-height: 42px;
    text-align: center;
}
.meta3D_sel > div:hover {background: #99bdf3; color:#fff}
.meta_box{padding-top:10px !important}

.meta{width: 100%;height: auto;    background: #fff;}
.meta .gallery_box{ padding-top: 0px;}
.meta_box .box .img {
    width: 100%;
    background: #f7f7f7;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
}

.meta .title h2 > strong:before {
    background: #cae2ff;
}

.meta_box .box .img:hover img{transform:scale(1.1); transition:0.5s}

.meta_box .box{width: calc(100%/3 - 10px);height: auto; display: inline-block;vertical-align: top;margin-top: 30px; margin-bottom:15px;    text-align: left;}
.meta_box .box:nth-child(2){margin: 30px 15px 0 15px;}
.meta_box .box:nth-child(5){margin: 30px 15px 0 15px;}

.meta_box .box .img_txt{
	height: auto;
	line-height: 1.5;    
	color: #595757;
	margin-top: 15px;
	font-size: 16px; 	
	}
.meta_box .box .img_txt strong{font-size:17px;color: #595757;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.meta_box .box .img_txt p{
	font-size: 15px;
    color: #727171;
    font-weight: 600;
    text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
	}

.full_button{width: 100%;text-align: center;}
.full_button h2{width: 135px; line-height: 35px; text-align: center;display: inline-block; vertical-align: top;background:#94c3f2; color: #fff; font-size: 15px;border-radius:30px;margin: 50px 0;}
.full_button a{display:block;}
h2.mo_btn_t{display: none;}

.gallery_sel{text-align: center;}
.gallery_sel > div{width:100px; height:42px;border-radius:10px;    background: #fff;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);display: inline-block;line-height: 42px;text-align: center;}
.gallery_sel > div a{color:#636363; display: block;}


/* .meta_intel01 .box .img{height:auto !important} */

.meta_box .box .img{position: relative; height:230px}
.meta_box .meta_iconBox img.icon_360{    position: absolute;
    top: 12%;
    left: 11%;
    transform: translate(-11%, -12%)  !important;}
    
.meta_box .meta_iconBox img.icon_play{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)  !important;}


/*------shootVideo------*/

.Video_gallery { text-align: center;}
/* .meta3D_menu ul li:nth-child(1) a { color: #fff;background: #99bdf3;border-radius: 10px;} */
/* .meta3D_menu ul {width: 100%;height: 42px;line-height: 42px;text-align: center;display: inline-block;} */
/* .meta3D_menu ul li {width: 100px; display: inline-block;vertical-align: top;font-size: 15px;margin: 0 10px;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);border-radius: 10px;} */
/* .meta3D_menu ul li a { font-size: 16px;color: #595757;display: block;} */
.Video_gallery_sel {    text-align: center;}
.Video_gallery_sel > div {
    width: 100px;
    height: 42px;
    border-radius: 10px;
    color: #4d4d4d;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    display: inline-block;
    line-height: 42px;
    text-align: center;
}
.Video_gallery_sel > div:hover {background: #99bdf3; color:#fff}
.Video_gallery_box{padding-top:25px !important;font-size: 0;}

/* 2021.12.16성분 */
.gallery_sel > div:hover {background: #99bdf3;color: #fff;}


.meta{width: 100%;height: auto;    background: #fff;}
.meta .gallery_box{ padding-top: 0px;}
.Video_gallery_box .box .img {
    width: 100%;
    background: #f7f7f7;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
}

.Video_gallery .title h2 > strong:before {
    background: #cae2ff;
}

.Video_gallery_box .box .img:hover img{transform:scale(1.1); transition:0.5s}

.Video_gallery_box .box{width: calc(100%/3 - 10px);height: auto; display: inline-block;vertical-align: top;margin-top: 30px; margin-bottom:15px;    text-align: left;}
.Video_gallery_box .box:nth-child(2){margin: 30px 15px 0 15px;}
.Video_gallery_box .box:nth-child(5){margin: 30px 15px 0 15px;}

.Video_gallery_box .box .img_txt{
	height: auto;line-height: 1.5;     
	color: #595757;
	margin-top: 15px;
	font-size: 16px;
	}
	
.Video_gallery_box .box .img_txt strong{font-size:17px;color: #595757;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.Video_gallery_box .box .img_txt p{
	font-size: 15px;
    color: #727171;
    font-weight: 600;
    text-overflow: ellipsis; 
	overflow: hidden;
	white-space: nowrap;
}

.full_button{width: 100%;text-align: center;}
.full_button h2{
	width: 135px; 
	line-height: 35px; 
	text-align: center;
	display: inline-block; 
	vertical-align: top;
	background: #426492;
	color: #fff; 
	font-size: 15px;
	border-radius:30px;
	margin: 50px 0;
	}
.full_button a{display:block;}
h2.mo_btn_t{display: none;}

.gallery_sel{text-align: center;}
.gallery_sel > div{width:100px; height:42px;border-radius:10px; color:#4d4d4d; cursor:pointer;  background: #fff;box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);display: inline-block;line-height: 42px;text-align: center;}
.gallery_sel > div a{color:#636363; display: block;}


.Video_gallery_box .box .img{    position: relative;}
	    
.Video_gallery_box .box .meta_iconBox img.icon_play{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)  !important;}
.Video_gallery_box .box .img > a > img{ height:230px; object-fit:cover; border-radius:10px;}


/*------map------*/
.map{width: 100%;height:auto; padding-bottom:110px;font-size: 0; background:#f9f9f9;}
.map .title{ color:#6d6d6d; }
.map .title img{padding-bottom:30px;}
.map .map_box{ height: auto;  text-align: center;}



.map .map_box .map_txt_box .sevice .sevice_box{width:100%;display:block;  vertical-align: top;font-size: 20px;}
.map .map_box .map_txt_box .sevice .sevice_box{width: 400px; height: 500px;display: inline-block; vertical-align: top;position: relative;}

.map .map_box .map_txt_box .sevice .sevice_box .sevice_txt ul.sevice_box03{width: 100%;    padding-top: 20px;}


.map_box{}
.map_box .map_txt_box{}
/* .map_box .map_service_box{position: relative;} */
/* .map_box .map_sevice_writeBox {    width: 100%;position: absolute;       bottom: 40px; */
/*     left: 50%; */
/*     transform: translateX(-50%);} */
.map_service_box{width:800px;margin: 0 auto;}
.map_box .map_sevice_writeBox  {background:#fff;height:auto;padding: 50px 0;}
.map_box .map_sevice_writeBox .sevice_txtboss{    width: auto;
    display: inline-block;
    vertical-align: top;}
.map_box .map_sevice_writeBox .sevice_txtboss 	p {font-size:15px; color:#777;    line-height: 2;
    text-align: left;}
 .map_service_box .sevice_txt{position: relative;}
 .sevice_txtboss02 {margin:0 45px}   
.map_sevice_img {    width: 100%;}
    
.map_box .sevice_btn{
	width:180px;
	height: 40px;
	line-height: 40px;
	background:#426492;  
	border-radius:30px;
	margin-bottom:50px;     
	margin: 0 auto; 
	margin-top: 30px;    
	cursor: pointer;}
.map_box .sevice_btn a{font-size:15px;color:#fff; }

.sevice_txt_mo{display:none}

.complimentList_cont .close{}
.disB{display:block}
/****************GALLERY POPUP*********************/
.dark{position:fixed; width: 100%;height: 100%; top: 0;left: 0;background:rgba(0,0,0,0.5) ;z-index: -1;opacity: 0;}
.video{position:fixed; width: 100%;height: 100%; top: 0;left: 0;background:rgba(0,0,0,0.5) ;z-index: -1;opacity: 0; transition:opacity 0.5s;}
.dark.active{z-index:200; opacity: 1;}
.video.active{z-index:200; opacity: 1;}

.popup{position: fixed; width: 500px;height:auto; background:#000; top: 50%;left: 50%; transform:translate(-50%,-50%); border-radius:8px;padding:20px; box-shadow:0 0 4px #000;z-index: -1; opacity: 0;transition:opacity 0.5s;}
.popup.active{z-index: 2; opacity:1;}


.arr_btn{line-height: 523px;position: relative;}
.arr_btn img{width: 35px;}
.arr_btn .left_arr{position: absolute;left: 20px;}
.arr_btn .right_arr{position: absolute;right: 20px;}

.close{position: absolute; top:0px; right:0px; font-size: 25px; color: #787878; line-height: 50px;cursor: pointer; z-index: 8;}


.popup_box{width:795px;height:900px;padding:0 10px 10px 10px; background:#fff;position: absolute;top:50%;left: 50%;transform:translate(-50%, -50%);    overflow-y: scroll; }


.popup_box .pop_title{background:#fff; height: 50px;line-height: 50px;text-align:center;font-size: 17px; font-weight: bold; color: #515151;}
.popup_box .pop-main{height: 523px;background:#ececec;margin-bottom: 10px;background-size: contain;background-repeat:no-repeat;background-position: center; position: relative;}

.popup_box .counse_btn{width: 97px;height: 97px;background: #88c4ff;border-radius:10px;position: absolute; top:470px; right:17px;text-align: center;padding: 18px 0; z-index:1;}

.popup_box .counse_btn:hover{background: #133f8e;}
.popup_box .counse_btn a{color: #fff;}
.popup_box .counse_btn h2{font-size: 16px;padding-bottom: 10px;}
.popup_box .counse_btn p{font-size: 12px;}

.popup_box .pop-smallbox{height: auto;margin-bottom: 10px; width:758px;}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@팝업창에서 작은 이미지들이 슬라이드 되면, 그 위에 메인처럼 하나씩 보이는 부분 크기 조정*/
.popup_box .pop-main .main_box{height:523px;}
.slick-slide img {height: 100%; margin:0 auto;}
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@슬라이드 되는 작은 이미지들 height크기 수정  */
.popup_box .pop-smallbox .s_box{width:calc(14.28% - 5px); height:75px; display: inline-block;vertical-align: top; margin-right:5px; margin-bottom:5px;}
.s_box img {width: 100%; height: 100%; object-fit: cover;}
.parent_img {width: transparent;}

/* 팝업박스 슬라이드 부분에 버튼 수정 */
.pop-smallbox { position:relative;}
.pop-smallbox button {position:absolute; z-index:10; top:50%; transform:translateY(-50%); width:35px; height:35px; background:rgba(0,0,0,.2); border:none; outline:0;}
.pop-smallbox button.slick-prev { left:0; font-size:0; color:transparent;}
.pop-smallbox button.slick-next { right:0; font-size:0; color:transparent;}
.pop-smallbox button.slick-prev:before {content:"\e93d"; font-family:'xeicon'; font-size:20px; color:#fff; }
.pop-smallbox button.slick-next:before {content:"\e940"; font-family:'xeicon'; font-size:20px; color:#fff; }

.popup_box .pop-textbox{background: #f5f5f5;}
.popup_box .pop-textbox .text_f{padding: 20px;}
.popup_box .pop-textbox .text_f .text-title{}
.popup_box .pop-textbox .text_f .text-title p{font-size: 22px; font-weight: bold; color: #4c4948;}

.popup_box .pop-textbox .text_f .text-line{margin:13px 0 10px 0;border-bottom:1px solid #c4c4c4;}

.popup_box .pop-textbox .text_f .text-sub{}
.popup_box .pop-textbox .text_f .text-sub .s_rightbox{height: 30px;text-align: right;font-size: 0;}

.popup_box .pop-textbox .text_f .text-sub .sub_box{display: inline-block;vertical-align: top;padding-right: 10px;}
.popup_box .pop-textbox .text_f .text-sub .sub_box .round{width: 65px; height: 30px; background:#cbe4fd; border-radius:20px;line-height: 30px; text-align: center;font-size: 14px;font-weight: bold;color: #4c4948;display: inline-block;}
.round-3{padding: 0 15px;}
.popup_box .pop-textbox .text_f .text-sub .sub_box .round_p{display: inline-block;font-size: 14px; font-weight: bold;line-height: 29px;padding: 0 10px 0 10px;}
.popup_box .pop-textbox .text_f .text-sub .sub_box .round-3{width: auto;}
.popup_box .pop-textbox .text_f .text-sub .sub_box .p-3{padding-right: 0;}

.popup_box .pop-textbox .text_f .text-sub .text-content01{font-size: 25px;color: #898989;font-family: 'Allura', cursive;}
.popup_box .pop-textbox .text_f .text-sub .text-content02{word-break: keep-all;}
.popup_box .pop-textbox .text_f .text-sub .text-content02 p{ white-space: break-spaces;word-break: break-all;font-size: 16px; font-weight: bold;color: #4c4948;letter-spacing: -1px;padding-bottom: 8px;line-height: 1.5;}


/* 유튜브 반응형 잡힐때 썸네일 사진 크기 조정 */
.youtube_img .youtube_thumb{width:100%;}

/* 유튜브 재생 */
.pop-main iframe {position: relative; width:100%; height:100%;}
.pop-main iframe iframe{position: absolute; width:auto; height:100%; padding-bottom:56.25%;} 

/*********youtube_pop********/

.youtube_dark{position:fixed; width: 100%;height: 100%; top: 0;left: 0;background:rgba(0,0,0,0.5) ;opacity: 0;z-index: -1;}
 .youtube_dark.active{z-index:200; opacity: 1;}
 .youtube_popup_box{/*width: 100%;background: #fff;padding: 0 20px 20px;position: absolute; top: 20%;opacity: 0; */width:1200px;height:auto; padding: 0 10px 10px 10px;background: #fff; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);} 
.youtube_popup_box.active{opacity: 1;}
.youtube_pop_title{height:40px;}
.youtube_pop_title .close{font-size: 25px;color: #787878;line-height:40px;cursor: pointer;z-index: 8;text-align: right;display: block;}


.video_wrap{ position:relative; width:100%; height:0; padding-bottom:56.25%;     text-align: left;}
.video_wrap iframe { position:absolute; width:100%; height:100%; } 

@media all and (max-width: 900px){
	.gallery_topsec >a{
    line-height: 32px;
	}
	.gallery_topsec .quot_btn a{
	font-size: 13px;
	}
}
@media all and (max-width: 750px){
	.Video_gallery_box {
    padding-top: 40px !important;
	}
	.meta_box {
    padding-top: 15px !important;
	}
}
@media all and (max-width: 700px){
	.gallery_topsec >a{
	font-size: 16px;
	}
	.meta_box .box .img_txt p {
    font-size: 14px;
	}
	.Video_gallery_box .box .img_txt p {
    font-size: 14px;
	}
}
@media all and (max-width:600px) {
	.youtube .full_button .button h2 {
    margin-bottom: 25px;
	}
}
@media all and (max-width:500px) {
	.youtube_pop_title .close {right:10px}
	.youtube_popup_box {padding: 0 10px 10px;}

}
@media all and (max-width: 414px){
	.gallery_box .box .img_txt p{
	font-size: 13px !important;
	}
	.youtube .full_button .button h2 {
    margin-bottom: 0px;
	}
	.gallery_topsec .quot_btn a{
	 font-size: 12px;
     padding: 2px 6px;
    letter-spacing: 0.5px;
	}
	.gallery_topsec >a {
    line-height: 26px;
	}
	.meta_box .box .img_txt p {
    font-size: 13px;
	}
	.Video_gallery_box .box .img_txt p {
    font-size: 13px;
	}
	
}
@media all and (max-width: 360px){
	.gallery_topsec .quot_btn a{
	 font-weight: 500;
	}
}
@media all and (max-width: 320px){
	.gallery_topsec >a {
    font-size: 13px;
	}
	.Video_gallery_box .box .img_txt p {
    font-size: 12px !important;
	}
	.gallery_box .box .img_txt p {
    font-size: 12px;
	}
	.gallery_topsec .quot_btn a {
    padding: 2px 6px;
	}
	.gallery_topsec >a {
    line-height: 24px;
	}
	.meta_box .box .img_txt p {
    font-size: 12px;
	}
}