*{margin: 0; padding: 0; box-sizing: border-box;} /*여백없앰*/
ul,li,ol {list-style: none;} /*리스트 기호 없앰*/
a{text-decoration: none;}
img {border: none;} /*이미지 링크시 생기는 선 없앰*/
h2 {font-size: 30px; padding-bottom: 4px; font-family: Medium;}
body {box-sizing: border-box; font-family: Light;}


@font-face {
    font-family: Medium;
    src: url(./font/Pretendard-Medium.otf);
}

@font-face {
    font-family: Regular;
    src: url(./font/Pretendard-Regular.otf);
}

@font-face {
    font-family: Light;
    src: url(./font/Pretendard-Light.otf);
}



/* header */

header { width: 1920px; height: 47px; background-color: #f8f8f8;}

.top {margin-left: 1218px;}
.top li { display: inline-block;}
.top li a { line-height: 47px;
    width: 50px; height: 15px; font-size: 14px; color: #666666;}

.top li a:hover{color: #969696;}

.bar { display: inline-block; margin: 0px 12px; 
    width: 2px; height: 10px; background: #666666;}


/* main_slider */

.logo {text-align: center; width: 1920px; height: 112px; border-bottom: 1px solid #ffffff;}
.logo a img {margin-top: 39px;}
.main {background-image: url(../Bling_s/이미지/메인슬라이드/1.png); background-repeat: no-repeat; background-size: cover;
width: 1920; height: 922px;
background-color: #666666;
}

/* nav */

nav { width:100%;}

nav > ul >li > ul {transition:all 0.9s;}

nav ul {width: 100%; height: 50px; margin: 0 auto; display: flex; justify-content: center; text-align: center;}
nav>ul:nth-child(1){height: 50px; line-height: 50px;}
nav ul li {width: 200px; line-height: 50px; position: relative; z-index: 10;}
nav ul li a {width: 100%; color: #fff; display: block;}

.nav_hidden {position: absolute; line-height: 50px; top: 50px; text-align: center; display: none; opacity: 0; z-index: 10;}
.nav_hidden li {width: 200px; transition: all .5s;}
.nav_hidden li a {width: 200px; display: block; color: #fff;}

nav ul:hover li .nav_hidden{ display: block; opacity: 1; }
.nav_hidden>li>a:hover{color: #acacac;}
nav ul li a:hover{color: #acacac;}

.cover{position: absolute; left: 0; width: 100%; height: 0px; opacity: .2; background: #fff; transition: all .3s;}
nav ul:hover +.cover{height: 280px; z-index: 1;}








/*container1*/

.container1 {
    width: 1920px;
    height: 830px;
    text-align: center;
}
.box1 {
    height: 232px;
    color:#4b4f4f;
    padding-top: 155px;
    border-bottom: 2px solid #dddcdc;}
.box1 p {
    font-size: 17px;
    margin-bottom: 21px;
}

.box2 ul{
max-width: 1275px;
height: 533px;
margin: 0 auto;
display: flex;
justify-content:space-between;
align-items: center;
}



/* 마우스호버후 */

.hidden_mirror_1{
    display: none; 
}

.mirror_1:hover .hidden_mirror_1{
    display: inline-block
}

.mirror_1:hover .nohidden_mirror_1{
    display: none;
}




.hidden_mirror_2{
    display: none; 
}

.mirror_2:hover .hidden_mirror_2{
    display: inline-block
}

.mirror_2:hover .nohidden_mirror_2{
    display: none;
}





.hidden_mirror_3{
    display: none; 
}

.mirror_3:hover .hidden_mirror_3{
    display: inline-block
}

.mirror_3:hover .nohidden_mirror_3{
    display: none;
}




/*container2*/

.container2 {
    width: 1920px;
    height: 1471px;
    text-align: center;
}

.box3 p {
    font-size: 17px;
    margin-bottom: 21px;
}

.box4 ul{
    max-width: 1424px;
    height: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap: wrap;
}

.box3 {
    height: 232px;
    color:#4b4f4f;
    padding-top: 155px;
    border-bottom: 2px solid #dddcdc;}


/* 마우스오버후 */


.hidden_living1{
    display: none; 
}

.living1:hover .hidden_living1{
    display: inline-block
}

.living1:hover .nohidden_living1{
    display: none;
}



.hidden_living2{
    display: none; 
}

.living2:hover .hidden_living2{
    display: inline-block
}

.living1:hover .nohidden_living2{
    display: none;
}




.hidden_living2{
    display: none; 
}

.living2:hover .hidden_living2{
    display: inline-block
}

.living2:hover .nohidden_living2{
    display: none;
}




.hidden_living3{
    display: none; 
}

.living3:hover .hidden_living3{
    display: inline-block
}

.living3:hover .nohidden_living3{
    display: none;
}




.hidden_living4{
    display: none; 
}

.living4:hover .hidden_living4{
    display: inline-block
}

.living4:hover .nohidden_living4{
    display: none;
}




/*container3*/

.container3 {
    width: 1920px;
    height: 1165px;
    text-align: center;
    background-color: #f8f7f7;
}

.box5 {
    height: 232px;
    color:#4b4f4f;
    padding-top: 155px;
    border-bottom: 2px solid #dddcdc;}
.box5 p {
    font-size: 17px;
    margin-bottom: 21px;
}

.box6 {
    
}

.contents1 {
    width: 1424px;
    height: 888px;
    margin: 0 auto;
    padding: 71px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


/* 마우스오버후 */

.hidden_lamp1{
    display: none;
}

.lamp1:hover .hidden_lamp1{
    display: inline-block;
}

.lamp1:hover .nohidden_lamp1{
    display: none;
}




.hidden_lamp2{
    display: none;
}

.lamp2:hover .hidden_lamp2{
    display: inline-block;
}

.lamp2:hover .nohidden_lamp2{
    display: none;
}




.hidden_lamp3{
    display: none;
}

.lamp3:hover .hidden_lamp3{
    display: inline-block;
}

.lamp3:hover .nohidden_lamp3{
    display: none;
}




.hidden_lamp4{
    display: none;
}

.lamp4:hover .hidden_lamp4{
    display: inline-block;
}

.lamp4:hover .nohidden_lamp4{
    display: none;
}




.hidden_lamp5{
    display: none;
}

.lamp5:hover .hidden_lamp5{
    display: inline-block;
}

.lamp5:hover .nohidden_lamp5{
    display: none;
}




.hidden_lamp6{
    display: none;
}

.lamp6:hover .hidden_lamp6{
    display: inline-block;
}

.lamp6:hover .nohidden_lamp6{
    display: none;
}




.hidden_lamp7{
    display: none;
}

.lamp7:hover .hidden_lamp7{
    display: inline-block;
}

.lamp7:hover .nohidden_lamp7{
    display: none;
}




.hidden_lamp8{
    display: none;
}

.lamp8:hover .hidden_lamp8{
    display: inline-block;
}

.lamp8:hover .nohidden_lamp8{
    display: none;
}

/*container4*/

.container4{
    max-width: 1920px;
    position: relative;
    height: 734px;
}

.box7{
    position: absolute;
    top: 84px;
    left: 0;
}

.box8{
    position: absolute;
    top: 84px;
    left: 798px;
}

.box9{
    position: absolute;
    top: 379px;
    left: 798px;
    clear: both;
}



/* footer */

footer{
    background-color: #333;
    color: #cecece;
}

.first_footer{
    width: 1683px;
    margin: 0 auto;
    display: flex;
    justify-content: left;
    padding: 27px 0;
}

.first_footer li{
    padding-right: 23px;
}



.second_footer{
    width: 1683px;
    height: 360px;
    margin: 0 auto;
    padding-top: 64px;
    display: flex;
    justify-content:space-between;
    border-top: 2px solid #464646;

}

.second_footer>div>p{
    padding: 4px 0;
    font-size: 15px;
}

.second_footer>div>ul>li{
    padding: 4px 0;
    font-size: 15px;
}



.buttom_footer{
    background-color: #191919 ;
}

.buttom_footer_font{
    width: 1683px;
    height: 66px;
    margin: 0 auto;
    color: #cecece;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}