@charset "utf-8";

/******************************/
/* 공통 */
/******************************/
.skip_snb_menu {display:none;}

    @media only screen and (max-width:767px){
        #fs_container_wrap {overflow:hidden;}
	}


/* 공통 타이틀 */
.title h4 {font-size:4.5rem;color:#000;font-weight:400;}
.title h4 span {font-weight:600;}
.title p {font-size:2rem;margin-top:1.5rem;line-height:1.2;font-weight:400;}
    @media only screen and (max-width:1399px){

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

	}
    @media only screen and (max-width:767px){
        .title h4 {font-size:4rem;}
        .title p {font-size:1.8rem;}
	}

/******************************/
/* 비주얼 영역 */
/******************************/
/* 비주얼 */
#mainVisual{overflow:hidden;position:relative;width:100%;background:#222;min-height:100vh;}

/* 텍스트 */
#mainVisual .main_txt{opacity:0;display:flex;flex-flow:column;position:absolute;left:6.5%;top:260px;z-index:101;color:#fff;height:calc(100vh - 260px);justify-content:space-between;padding-bottom:13rem;}
#mainVisual .main_txt p{white-space:pre-line;font-size:52px;line-height:1.35;font-weight:600;}
#mainVisual .main_txt .txt{font-size:17px;color:rgba(255,255,255,.6);white-space:pre-line;line-height:1.8;font-weight:200;padding-top:10rem;}
#mainVisual .controls{display:flex;align-items:center;margin-top:50px}
#mainVisual .controls a{width:150px;height:60px;margin-right:25px;font-size:15px;border:1px solid rgba(255,255,255,.2);border-radius:30px;font-weight:600;line-height:58px;color:#fff;text-align:center;transition:all .2s;font-family:'Play'}
#mainVisual .controls a:hover{border-color:#58b431;background:#58b431}
#mainVisual .controls span{display:flex;align-items:center}
#mainVisual .controls span svg{cursor:pointer}
#mainVisual .controls span+span:before{content:"";width:1px;height:14px;margin:0 15px;background:rgba(255,255,255,.2)}
    @media only screen and (max-width:1199px){
        #mainVisual .main_txt {left:5vw;width:90%;}
        #mainVisual .main_txt p {font-size:5rem;}
        #mainVisual .main_txt .txt {font-size:1.6rem;}
	}
    @media only screen and (max-width:767px){
        #mainVisual .main_txt {top:150px;height:calc(100vh - 150px);}
        #mainVisual .main_txt p {font-size:4rem;}
        #mainVisual .main_txt p br {display:none;}
        #mainVisual .main_txt .txt {font-size:1.6rem;}
	}

/* 배경이미지 */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
#mainVisual ul li{height:100vh;min-height:850px;overflow:hidden}
#mainVisual ul li video{min-width:100%;min-height:100%;width:auto;height:auto}
#mainVisual ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
/* #mainVisual ul li .bg01{background-image:url(../../images/fs/main/mvis_img01.png)}
#mainVisual ul li .bg02{background-image:url(../../images/fs/main/mvis_img02.png)}
#mainVisual ul li .bg03{background-image:url(../../images/fs/main/mvis_img03.png)} */
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}

/* MAIN */
#sh_section{overflow:hidden;position:relative;min-width:1200px;font-size:15px;line-height:1.8;color:#777;}
    @media only screen and (max-width:1199px){
        #sh_section {min-width:auto;}
	}

#inc01{position:relative}
#inc01 .tit{padding:150px 0 120px;text-align:center;font-weight:200;}
#inc01 .tit{font-size:17px;line-height:1.6}
#inc01 .tit span{font-size:16px;font-weight:600;color:#58b431;font-family:'Play';}
#inc01 .tit p{margin:15px 0 18px;;font-size:42px;letter-spacing:-.5px;color:#222;font-weight:600;}
/* 배경이미지 */
#inc01 .bg{overflow:hidden;position:absolute;bottom:0;z-index:-1;transform:scale(.85);width:100%;height:750px}
#inc01 .bg:before{display:block;content:"";position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5)}
#inc01 .bg img{position:relative;top:-200px;transition:all .8s}
#inc01 .bg.aos-animate{transform:scale(1)}
/* 링크 */
#inc01 ul{display:flex;position:relative;transform:scale(.85);height:750px;}
#inc01 ul.aos-animate{transform:scale(1)}
#inc01 ul li{display:flex;align-items:center;justify-content:center;position:relative;width: calc(100% / 3);color:#fff;text-align:center}
#inc01 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1)}
#inc01 ul li+li{border-left:1px solid rgba(255,255,255,.15)}
#inc01 ul li .txt{display:flex;flex-flow:column;height:100%;justify-content:center;position:relative}
#inc01 ul li .txt span{font-size:16px;font-family:'Play';letter-spacing:normal;}
#inc01 ul li .txt p{margin-top:25px;font-size:36px;line-height:1.4;white-space:pre-line;}
#inc01 ul li .txt div{opacity:0;margin-bottom:50px;font-size:16px;color:rgba(255,255,255,.7);line-height:1.6;white-space:pre-line;transition:all .4s;font-weight:200;}
#inc01 ul li .txt a{opacity:0;display:flex;position:absolute;left:50%;bottom:150px;transform:translateX(-50%);width:68px;height:68px;border-radius:16px;border:1px solid rgba(255,255,255,.25);transition:all .6s cubic-bezier(0.165, 0.840, 0.440, 1);}
#inc01 ul li .txt a span {font-size:0;}
#inc01 ul li .txt a svg{margin:auto;color:#fff}
#inc01 ul li:hover:before{opacity:1}
#inc01 ul li:hover .txt div{opacity:1;margin:35px 0 150px}
#inc01 ul li:hover .txt a{opacity:1;bottom:200px}
#inc01 ul li:hover .txt a:hover{border-color:#58b431;background:#58b431}
    @media only screen and (max-width:1199px){
        #inc01 ul li .txt p {font-size:3.2rem;}
        #inc01 ul li .txt div {font-size:1.6rem;}
	}
    @media only screen and (max-width:1023px){
        #inc01 .tit p {font-size:4.5rem;}
	}
    @media only screen and (max-width:767px){
        #inc01 .tit {font-size:1.8rem;background:#fff;}
        #inc01 .tit p {font-size:3.5rem;line-height:1.2;}
        
        #inc01 .bg {height:100%;}
        #inc01 .bg.aos-animate {}
        #inc01 .bg img {height:100%;top:-100px;}
        
        #inc01 ul {height:auto;flex-wrap:wrap;overflow:hidden;}
        #inc01 ul li {width:100%;padding-top:6rem;border-top:1px solid rgba(255,255,255,0.1);}
        #inc01 ul li .txt div {margin-bottom:0;}
        #inc01 ul li .txt span {font-size:1.6rem;}
        #inc01 ul li .txt p {font-size:2.8rem;margin-top:1rem;}
        #inc01 ul li:hover .txt a {bottom:6rem;}
        #inc01 ul li:hover .txt div {margin:3rem 0 150px;}
	}

#inc02{display:flex;}
#inc02 > div{width:50%}
#inc02 .cont{padding:95px 6.5%;transition:all .2s}
/* 라테스 */
#inc02 .cont .latest .tit{display:flex;align-items:center;padding-bottom:15px}
#inc02 .cont .latest .tit p {font-weight:400;}
#inc02 .cont .latest .tit p a{vertical-align:sub;margin-right:16px;font-size:38px;font-weight:700;color:#222;font-family:'Play';}
#inc02 .cont .latest .tit .control{display:flex;margin-left:auto;padding-top:20px;color:#222}
#inc02 .cont .latest .tit .control span{cursor:pointer}
#inc02 .cont .latest .tit .control span+span:before{display:inline-block;vertical-align:3px;content:"";width:1px;height:13px;margin:0 17px;background:#ddd}
#inc02 .cont .latest .tit .control svg{width:20px;height:20px}
#inc02 .cont .latest .late_slide{border-top:2px solid #222;border-bottom:1px solid #e1e1e1;    overflow: hidden;}
#inc02 .cont .latest .late_slide:after{display:block;content:"";position:absolute;left:0;top:0;z-index:10;width:1px;height:100%;background:#fff}
#inc02 .cont .latest ul li{position:relative;padding:60px 70px 60px 50px;height:unset;}
#inc02 .cont .latest ul li:before{display:block;content:"";position:absolute;left:0;top:15%;width:1px;height:70%;background:#e1e1e1}
#inc02 .cont .latest ul li a{display:flex;flex-flow:column;color:#777;line-height:1.6;word-break:keep-all}
#inc02 .cont .latest ul li p{margin-bottom:15px;font-size:16px;color:#222;}
#inc02 .cont .latest ul li div{min-height:72px}
#inc02 .cont .latest ul li span{margin-top:35px;font-size:14px;color:#aaa}
#inc02 .cont .latest ul li.empty{width:100%;padding:80px 0;text-align:center;color:#aaa}
/* 링크 */
#inc02 .cont .links{display:flex;margin-top:50px}
#inc02 .cont .links li{width:50%}
#inc02 .cont .links li a{display:flex;padding-right:10%;color:#777;text-decoration:none;}
#inc02 .cont .links li .icon{flex-shrink:0;width:100px;height:100px;border:1px solid #e1e1e1;border-radius:20px;transition:all .2s;display:flex;justify-content:center;align-items:center;}
#inc02 .cont .links li i {font-size:4rem;color:#000;}
#inc02 .cont .links li .txt{display:flex;flex-flow:column;padding:35px 0 0 35px;line-height:1.6;word-break:keep-all;font-weight:200;}
#inc02 .cont .links li .txt p{margin-bottom:15px;font-size:22px;color:#222;font-weight:600;}
#inc02 .cont .links li .txt span{margin-top:30px;font-size:14px;color:#767676;transition:all .2s;font-weight:200;}
#inc02 .cont .links li .txt span svg{width:9px;height:9px;margin-left:12px;fill:#aaa}
#inc02 .cont .links li a:hover .icon{border-color:#2b1272;}
#inc02 .cont .links li a:hover .txt p {color:#2b1272;}
#inc02 .cont .links li a:hover span{color:#2b1272}
/* 이미지 */
#inc02 .img{display:flex;align-items:center;justify-content:center;}
#inc02 .img iframe {width:100%;height:100%;}
    @media only screen and (max-width:1499px){
        #inc02 .cont .links li .icon {width:80px;height:80px;}
        #inc02 .cont .links li i {font-size:3rem;}
        #inc02 .cont .links li .txt {padding:25px 0 0 25px;}
        #inc02 .cont .links li .txt br {display:none;}
        #inc02 .cont .links li .txt span {margin-top:20px;}
	}
    @media only screen and (max-width:1299px){
        #inc02 .cont {padding:80px 5%;}
        #inc02 .cont .latest ul li  {padding:40px 50px 40px 30px;}
	}
    @media only screen and (max-width:1199px){
        #inc02 {display:flex;flex-wrap:wrap;}
        #inc02 .cont {width:100%;}
        #inc02 .img {width:100%;position: relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
        #inc02 .img iframe {position: absolute;top:0;left:0;width:100%;height:100%;border:0;}
	}
    @media only screen and (max-width:767px){
        #inc02 .cont .latest .tit {}
        #inc02 .cont .latest .tit p em {display:block;}
        #inc02 .cont .latest .tit .control {padding-top:67px;}
        
        #inc02 .cont .latest ul li {padding:3rem 2rem;}
        #inc02 .cont .latest ul li div {font-size:1.4rem;}
        #inc02 .cont .latest ul li:before {height:80%;top:10%;}
        
        #inc02 .cont .links {flex-wrap:wrap;gap:4rem 0;}
        #inc02 .cont .links li {width:100%;}
        #inc02 .cont .links li .txt {padding:0 0 0 2rem;font-size:1.6rem;}
        #inc02 .cont .links li .txt p {font-size:2.3rem;margin-bottom:1rem;}
        #inc02 .cont .links li .txt span {margin-top:1rem;}
	}