@charset "utf-8";

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

#wrapper {
    position:relative; width:100%; height:100%;
    background-size: cover;
    background-attachment: fixed;
    background-position:center center;
    background-image: url();
    background-color:#fff;
font-smooth: always; -webkit-font-smoothing: antialiased;}
}



/* 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 .cont { position: relative; width: 1400px; margin:0 auto; }


/* 섹션1 */


/* 섹션2 */
#section2 { 
    position: relative; 
    width:100%; height:900px; 
    margin:0 auto; 
    background-color:#efefef;
    background: url('../img/sect2_bg.jpg') no-repeat center / cover;
}
#section2 .cont { 
    position: relative; margin:0 auto; width:1600px; height:900px;
}
#section2 .head-title {
    position: absolute; width: 100%; top: 130px; text-align: center; 
    font-size: 1.3rem; letter-spacing: -1px; font-family: 'Nanum Square';
}
#section2 .head-contact {
    position: absolute; width: 100%; top: 155px; text-align: center; 
    font-size: 3.5rem; font-weight: 700; letter-spacing: -2.5px; font-family: "Noto Sans KR", 'Noto Sans', sans-serif;
}

#section2 .addr {
    position: absolute; display: inline-block; bottom: 120px; left: 50%; transform: translateX(-50%);
    font-size: 1.5rem; text-align: center; letter-spacing: -1px;
}
#section2 .sec2_map { position: relative; left: 250px; top:260px; }
#section2 .root_daum_roughmap { position: absolute; left: 50%; transform: translateX(-50%); width: 1200px; height: 450px; }






/* 섹션4 */
#section4 { height: 1000px !important; min-width: 1400px; overflow:hidden; }

.off_wrap { width:100%; height:100%; }
.off_inner { width:100%; height:100%; }
.off_box {
    width: 25%;
    height: 100%;
    text-align: center;
    display: block;
    float: left;
    transition: width 0.7s ease; 
    background-color: #f7f6f2;
    border-right:1px solid #ccc;

}
.off_box > div:last-child { border:none;}

.off_box:hover {
    /*width: 35%; background-color: #f2ede8;*/
}
.off_box_tt1 { 
    position:absolute; 
    top:0; left:0; 
    width:100%; 
}
.off_box_tt2 {
    position:relative; 
    top:340px; 
    font-size:3em; 
    color:#2e4a56;   
    font-family:'나눔명조', 'sans-serif' 
    letter-spacing: -1px; 
    font-weight:600;}


.sec4_bg1,
.sec4_bg2,
.sec4_bg3,
.sec4_bg4 {
    margin-top: 50px;
    opacity: 0;  /* 초기 투명도 설정 */
}

.off_box:hover .sec4_bg1,
.off_box:hover .sec4_bg2,
.off_box:hover .sec4_bg3,
.off_box:hover .sec4_bg4 {
    display: block;
    opacity: 1;  /* 투명도를 1로 변경하여 나타나도록 함 */
    transition: all 0.5s ease;  /* 트랜지션 효과 설정 (0.5초 동안 ease 함수 사용) */
}
.off_box_inner  { position:relative;  }
.off_box:hover .off_box_inner .off_box_tt1,
.off_box:hover .off_box_inner .off_box_tt2 {
    transition: all .5s ease; opacity: 0;
}



/* 동영상 */
#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; }