@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:#fff;
}



/* 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}


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

/* 배경 anim  */


/* 섹션1 */


/* 섹션2 */
#section2 { position: relative; width:100%; height:800px; margin:0 auto; background-color:#f6f6f6;}
#section2 .cont { display:block;   margin:0 auto; width:1600px; height:800px; background-image: url(../img/sect_02_bg.jpg);}
#section2 .cont .warp-pslider { position:relative; left:340px; top:220px; width:900px; height:518px; border: 0px solid red;}
#section2 .bx-wrapper { background-color:transparent;}
#section2 #slider2-next, #section2 #slider2-prev { position:absolute; top:350px; }
#slider2-next { right:-60px;}
#slider2-prev { left:840px;}


/* 섹션3 */
#section3 { width:100%; height:auto; margin:0 auto; background-color:#fff;}
#section3 .cont3 { width: 1600px; height:782px; margin:0 auto; }
#section3 .cont3 .cont-left { position: relative; width:600px; height:100%; float:left; background-color:#fff;}
#section3 .cont3 .cont-right { position: relative; width:1000px; height:782px; float:right;}
#section3 .cont3 .tt { position:absolute; display:inline-block; top:130px; left:180px }
#section3 .cont3 .img { width:1000px; height:782px; }
#section3 .cont3 .cont-right .txt { position:absolute; display:inline-block; top:120px; left:137px }
#section3 .cont3 .cont-right .slider-arrow { position:absolute; display: inline-block; left:160px; top:480px;  }
#section3 .cont3 .cont-right .slider-arrow span { position: relative;  display:inline-block; }
#section3 .cont3 .slider1 .txt { animation: anim_slider_text 1s .3s both; display: none; }
@keyframes anim_slider_text {
    0% { opacity:0; left:187px; }
    100% { opacity:1; left:137px; }
}


/* 섹션4 오시는길 */
#section4 { width:100%; height:760px; margin:0 auto; background-color:#f7f6fb;}
#section4 .cont4 { width:1200px; height:100%; margin:0 auto; }
#section4 .cont4 .cont4_title { text-align:center; font-size:1.7rem; letter-spacing:5px; color:#404040; padding-top:100px;}
#section4 .cont4 .cont4_map_box { width:1200px; height:480px; margin:30px auto;}

.map_box_left { float:left; width:790px; }
.map_box_right { float:right; width:410px; height:480px; background-color:#fff;}

.map_title01 { width:100%; padding-left:10%; font-size:1.6rem; letter-spacing:-1px; padding-top:90px;}
.map_box_right .addr_box { position:relative; top:20px; width:100%; font-size:0.9rem;}
.addr_box th { width:15%; text-align:right; border: 0px solid #ebebeb; padding:10px 0;}
.addr_box td { padding-left:3%; color:#636363; border: 0px solid #ebebeb;}

.addr_btn { position:relative; top:40px; width:80%;  margin:0 auto;}
.addr_btn td { border:1px solid #bcbcba; font-size:0.8rem}
.addr_btn td a { display:inline-block; width:100%; padding:20px 0; text-align:center;}


/* 배경위 명암 */
/*
.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 {  } }
*/