@charset "utf-8";

/***************************
  Contents
***************************/

#wrapper {
  position:relative; width:100%; height:100%;
  background-size: cover;
  background-attachment: fixed;
  background-position:center center;
  background-image: url(../img/section_bg_02.jpg);
  background-color:#000;
}



/* Backgrounds will cover all the section
* --------------------------------------- */

#section1,
#section2,
#section3,
#section4,
#section5,
#section6 {
	background-size: cover;
	background-attachment: fixed;
	background-position:center center;
}


/* Defining each sectino background and styles
* --------------------------------------- */
.section { position: relative; min-width:100%; overflow: hidden}

/* 폰트 */
.section .box .txt { font-size:1.2rem; color:#fff; text-align:center; letter-spacing:-1px; font-family: 'Play', sans-serif; }
.section .box .txt.tt { font-size:3rem; line-height:3rem; margin-bottom:20px; }
.section .box .txt.tt b { font-size:3.6rem; color:#77BBFF; }

/* 배경 */
#section2, #section3, #section4 {
  position:relative; width:1400px; height:100%;
  background-size: cover;
  background-position:center center;
}

/* 배경 anim  */


/* 섹션1 */


/* 섹션2 */
#section2 { position: relative; width:1400px; height:600px; margin:0 auto;}
#section2 .cont { display:block;   margin:0 auto;}
#section2 .cont .warp-pslider { position:absolute; left:220px; top:66px; width:956px; height:447px;}
#section2 .bx-wrapper { background-color:transparent;}
#section2 #slider2-next, #section2 #slider2-prev { position:absolute; top:190px; }
#slider2-next {right:-200px;}
#slider2-prev {left:-200px;}


/* 섹션3 */
#section3 { width:100%; height:1056px; margin:0 auto; background-color:#fafafa;}
#section3 .tbg { text-align:center; width:100%;}
#section3 .cont { margin:0 auto; width:1400px; height:900px;   }
#section3 .l_box {margin:0 auto;  width:1200px;  border:0px solid red; }
#section3 .l_box div {  float:left; margin-right:13px; }
#section3 .l_box div a { display:block; width:287px; height:450px; }

#section3 a.l1, #section3 a.l2, #section3 a.l3, #section3 a.l4 { transition: all 0.5s ease 0.1s; cursor:pointer; filter:drop-shadow(0px 0px 10px #d5d5d5);}

#section3 a.l1 { background-image: url(../img/sect_03_l1.jpg); }
#section3 a.l1:hover { background-image: url(../img/sect_03_l11.jpg); }

#section3 a.l2 { background-image: url(../img/sect_03_l2.jpg); }
#section3 a.l2:hover { background-image: url(../img/sect_03_l22.jpg); }

#section3 a.l3 { background-image: url(../img/sect_03_l3.jpg); }
#section3 a.l3:hover { background-image: url(../img/sect_03_l33.jpg); }

#section3 a.l4 { background-image: url(../img/sect_03_l4.jpg); }
#section3 a.l4:hover { background-image: url(../img/sect_03_l44.jpg); }

#section3 .l_box a.l4 { margin:0px;}


/* 동영상 */
#MainMovie { position: relative; width: 1400px; margin: 0 auto; padding:70px 5px; }
#MainMovie .title { position: relative; width: 1400px; margin: 0 auto; font-size:20px; padding-bottom: 5px; font-family: Noto Sans KR; }



/* 배경위 명암 */
/*
.sect01_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.4); }
.sect02_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); animation: sect02`_bg 0.5s 0.3s both; display: none; }
.sect03_bg { position: absolute; width: 100%; height: 100%; right: 0; top: 0; background-color: rgba(0,0,0,0.6); animation: sect03_bg 0.5s 0.3s both; display: none; }
.sect04_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.4); }

@keyframes sect02_bg { from { left: -100%; } to {  } }
@keyframes sect03_bg { from { right: -100%; } to {  } }
*/