@charset "utf-8";

body{overflow-x:hidden;}

/*FULLPAGE*/
@media all and (min-width:1281px){
  .multipleDiv{height:100% !important;}
  /*비주얼*/
  #section0 .multipleDiv{height:100%;}
  /*풋터*/
  #section3,
  #section3 .fp-tableCell{height:auto !important;}
	/*컨트롤*/
	#fp-nav{position:fixed;left:0;top:0;z-index:10;background:#EEE;width:40px;height:100%;display:flex;align-items:center;justify-content:center;margin:0 !important;}
	#fp-nav ul li{margin:30px 0;}
	#fp-nav ul li a span{display:block;transform:rotate(45deg);width:13px;height:11px;transition:all .3s;background:url(../../images/arrow_g.png) no-repeat center;}
	#fp-nav ul li a.active span{background:url(../../images/arrow_b.png) no-repeat center;transform:rotate(0deg);}
}


/*비주얼*/
#menu10288_obj233{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}

/*슬로건*/
#menu10288_obj234{position:relative;left:0;top:0;z-index:1;width:100% !important;height:100% !important;}
.slogan{height:100%;display:flex;align-items:center;padding:200px 100px;}
.mTitle{color:#FFF;padding:50px 0 80px 0;display:flex;justify-content:space-between;}
.mTitle li p{font-family:'Play Regular';font-size:19px;letter-spacing:3.5px;word-break:keep-all;animation:mTitle 1s .2s cubic-bezier(0.4, 0, 0.2, 0.5) both;}
.mTitle li h3{font-family:'Dream Medium';font-size:23px;letter-spacing:-1px;margin:30px 0 40px;animation:mTitle 1s .7s cubic-bezier(0.4, 0, 0.2, 0.5) both;}
.mTitle li h2{font-family:'Dream Bold';font-size:55px;letter-spacing:-3px;animation:mTitle 1s 1.2s cubic-bezier(0.4, 0, 0.2, 0.5) both;}
.mTitle .rShape,
.mTitle .lShape{width: 100px; height: 100px; display: inline-block; transition:all 1s;opacity: 0;}
.mTitle .rShape{background:url(../../images/rShape.png) no-repeat center;margin-top: -30px;}
.mTitle .lShape{background:url(../../images/lShape.png) no-repeat center; align-self: flex-end; margin-bottom: -60px;}
.mTitle .rShape{margin-top:-50px;opacity:1;}
.mTitle .lShape{margin-bottom:-80px;opacity:1;}
@keyframes mTitle{
  from{transform: translate3d(0, 60%, 0); opacity: 0;}
  to{transform: translate3d(0, 0, 0); opacity: 1;}
}
@media only screen and (max-width:1024px){
  .mTitle {padding:30px 0;}
  .mTitle li p {font-size:15px;}
  .mTitle li h3 {font-size:20px;}
  .mTitle li h2 {font-size:35px;}
  .mTitle .rShape,
  .mTitle .lShape{width:50px;height:50px;background-size:100%;}
  .mTitle .rShape {margin-top:-30px;}
  .mTitle .lShape {margin-bottom:-30px;}
}
@media only screen and (max-width:768px){
  .slogan{padding:200px 50px;}
  .mTitle li h2 {font-size:30px;}
}


.wrap_intro{height:100%;}
.wrap_intro dl{}
.wrap_intro dt{font-family:'Dream Medium';font-size:28px;color:#FFF;}
.wrap_intro dd{font-family:'Dream Regular';font-size:18px;color:#FFF;margin-top:20px;}
.wrap_intro a{font-family:'Play Bold';font-size:15px;color:#FFF;display:flex;align-items:center;line-height:1;margin-top:40px;}
.wrap_intro a::after{content:"";display:block;width:14px;height:10px;margin-left:10px;transition:0.2s;background:url(/sites/templet_guide//images/common/arrow_23_w.png) no-repeat left center;}
/*HOVER*/
@media only screen and (min-width:1281px){
  .wrap_intro a:hover::after{margin-left:15px;}
}
@media only screen and (max-width:768px){
  .wrap_intro dt{font-size:22px;}
  .wrap_intro dd{font-size:16px;}
}


.wrap_youTube a{position:absolute;bottom:30px;right:100px;width:130px;height:45px;font-family:'Dream Medium';font-size:14px;color:#000;background:#FFF;display:flex;align-items:center;justify-content:center;}
.wrap_youTube a::after{content:"";display:block;width:20px;height:14px;margin-left:10px;transition:0.2s;background:url(../../images/iconY.png) no-repeat center;}
/*HOVER*/
@media only screen and (min-width:1281px){
  .wrap_youTube a:hover::after{margin-left:15px;}
}

/*INTRO*/#menu10288_obj235{background:url(../../images/infoTxtImg.jpg) no-repeat left center;background-size:cover;}
/*YTUBE*/#menu10288_obj237{background:url(../../images/infoSlideImg-01_bak.jpg) no-repeat left center;background-size:cover;}
/*NOTICE*/#menu10288_obj238{background:#FFF;}
/*LINK1*/#menu10288_obj236{background:#fdfdfd;box-shadow:inset 10px 0 15px rgba(0,0,0,0.1);}
/*GALLERY*/#menu10288_obj239{background:url(../../images/comBg.jpg) no-repeat left center;background-size:cover;}
/*RESEARCH*/#menu10288_obj240{background:#111111;}
/*LINK2*/#menu10288_obj241{background:#f7f7f7;}

.wrap_intro,
.wrap_youTube,
.rct_etcB_1,
.link_etcB_1,
.photo_etcB,
.rct_etcB_2{padding:50px 100px;}
.wrap_intro,
.photo_etcB,
.rct_etcB_2{display:flex;justify-content:flex-end;flex-direction:column;}
@media all and (min-width:1281px){
  #menu10288_obj235,
  #menu10288_obj237,
  #menu10288_obj238,
  #menu10288_obj236{height:50% !important;}
  .editMode #menu10288_obj235,
  .editMode #menu10288_obj237,
  .editMode #menu10288_obj238,
  .editMode #menu10288_obj236{height:380px !important;}
  #menu10288_obj239,
  #menu10288_obj240{height:calc(100% - 300px) !important;}
  .editMode #menu10288_obj239,
  .editMode #menu10288_obj240{height:550px !important;}
}
@media only screen and (max-width:1700px){
  .wrap_intro,
  .wrap_youTube,
  .rct_etcB_1,
  .link_etcB_1,
  .photo_etcB,
  .rct_etcB_2{padding:50px;}
}
@media only screen and (max-width:1280px){
  .wrap_intro,
  .wrap_youTube,
  .rct_etcB_1,
  .link_etcB_1,
  .photo_etcB,
  .rct_etcB_2{padding:50px 20px;}
}