@font-face {
    font-family: 's-core_dream1_thin';
    src: url('scdream1.woff2') format('woff2'),
         url('scdream1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream3_light';
    src: url('scdream3.woff2') format('woff2'),
         url('scdream3.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream4_regular';
    src: url('scdream4.woff2') format('woff2'),
         url('scdream4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream5_medium';
    src: url('scdream5.woff2') format('woff2'),
         url('scdream5.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{margin: 0; padding: 0;}
body{font-family: 's-core_dream5_medium', "맑은 고딕";}
a{text-decoration: none; color: inherit; }
li{list-style: none; cursor: pointer;}
.hide{display: none;}
button{border: 0; outline: 0; background-color: #fff; cursor: pointer;}

.wrap{
    width: 1600px; margin: 0 auto; position: relative;
    /*border: 1px solid red;*/}

.tophold{
    float: right; width: 100%; display: block; height: 50px;
    position: sticky; top: 0; z-index: 10;
    background-color: #fff; font-size: 16px;}

.tophold ul{float: right;}
.tophold li{float: left; margin-right: 40px; margin-top: 14px;}
.tophold li:last-child{margin-right: 52px; margin-top: 7px;}
.tophold ul li img{float: left; width: 90%;}

.A header{clear: both; height: 130px;}
.A header h1{margin-left: 45px; float: left}
.A header img{float: left; margin-bottom: 12px; width: 70%; padding-top: 10px; position: relative; left: 60px;}
.A header #sb{float: left}
.A header form{
    clear: both; width: 744px;
    margin-left: 100px; margin-top: 43px;
    border-bottom: 2px solid #8DC63F; vertical-align: bottom;
    }
.A header form input{
    width: 690px; height: 40px; border: 0;
    font-size: 18px;}
.A header form button{
       position: relative; left: -50px;
    vertical-align: bottom;}

.B {
    clear: both; 
    width: 1600px; height: 61px;}

.B .menu{position: relative;}
.B .menu #cat li{float: left;
    border-bottom: 1px solid #8DC63F; 
    border-top: 1px solid #8DC63F;}

.B .menu #cat li a img{width: 40px;}

.B .menu #cat li a{display: block; box-sizing: border-box;}

.B .menu #cat>li{
    font-size: 22px; text-align: center;
    width: 310px; height: 30px; padding: 10px 0;}

.B .menu #cat>li:nth-child(1){
    background-color: #8DC63F; color: #fff;
    width: 360px;}

.B .menu #cat>li:nth-child(2):hover{background-color: #ededed;}
.B .menu #cat>li:nth-child(3):hover{background-color: #ededed;}
.B .menu #cat>li:nth-child(4):hover{background-color: #ededed;}
.B .menu #cat>li:nth-child(5):hover{background-color: #ededed;}

.B .menu #cat span{
    display: inline; vertical-align: top;
    padding-left: 30px; padding-right: 30px; }

.B .menu .list{
    clear: both; background-color: #fff;
    position: absolute; top: 53px; left: 0;
    z-index: 5; display: none;}

.B .menu .list li{
    width: 360px; height: 94px; font-size: 22px;
    border-bottom: 1px solid green; }

.B .menu .list li:hover{background-color: #ededed;}

.B .menu .list li img, p{vertical-align: middle;}

.B .menu .list li img{
        margin-top: 25px; margin-left: 30px;}

.B .menu .list li p{
    display: inline-block; padding-top: 28px;}

.C {clear: both; width: 1600px; overflow: hidden; /*margin-top: 2px;*/}
.C ul{width: 4800px;}
.C img{float: left; }
.C li:nth-child(3) img{width: 1600px; height: 450px;}

.D section{
    clear: both; text-align: center; margin-top: 50px;}

.D .rec{
    height: 514px; }
.D .pro{
    height: 514px; background-color: #EDEDED; }
.D .sale{
    height: 514px; }

.D section h3{font-size: 36px; padding-top: 25px; }
.D ul li{float: left; padding-left: 55px; padding-top: 55px;}
.D ul li:nth-child(1){padding-left: 217px;}
.D ul li img{float: left;}

footer{
    clear: both; 
    border-top: 2px solid #45734F;
    padding-left: 200px; margin-top: 50px;}
footer h4 {float: left; width: 200px; margin-top: 50px;}
footer p {
    margin:50px 30px; 
    display: inline-block; line-height: 2em;}

.float{
    width: 155px; clear: both; text-align: center;
    position: absolute; top: 800px; right: 0;    
    border: 1px solid black; background-color: #fff;}

.float p{margin: 13px auto 20px; font-size: 24px;}

.float button{display: block; margin: 0 auto; padding: 15px}

.float .space{
    margin: 0 15px;
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;}
.float .space p { padding: 40px 0;}

.float .TB{
    background-color: #000000;  
    width: 100%; height: 62px; }