@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{
    font-size: 22px; text-align: center;
    width: 310px; height: 30px; padding: 10px 0;}

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

.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+li: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{width: 1200px; margin: 0 auto;}

.C .SC{
    text-align: center;}

.C .SC h2{
    margin: 0px auto; font-size: 36px; padding: 50px 0;
    border-bottom: 2px solid #8DC63F; margin-bottom: 30px;
    font-family: 's-core_dream5_medium';}

.C .SC .top10{
    clear: both;}

.C .SC .top10 h3{
    color: crimson;
    font-size: 30px; margin-bottom: 30px;}

.C .SC .top10 ul {}

.C .SC .top10 ul li{
    width: 237px; height: 148px;
    border: 1px solid #8DC63F; float: left;}

.C .SC .top10 ul li:hover{
    background-color: #ededed; font-weight: bold;}

.C .SC .top10 ul li:nth-child(1){border-left: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(6){border-left: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(5){border-right: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(10){border-right: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(1){border-top: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(2){border-top: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(3){border-top: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(4){border-top: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(5){border-top: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(6){border-bottom: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(7){border-bottom: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(8){border-bottom: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(9){border-bottom: 2px solid #8DC63F;}
.C .SC .top10 ul li:nth-child(10){border-bottom: 2px solid #8DC63F;}


.C .SC .top10 ul li p{}

.C .SC .top10 ul li span{
    font-size: 26px; margin: 20px auto; display: block;}

.C .SC .smenu{
    clear: both; }

.C .SC .smenu li{
    float: left; width: 198px; height: 78px; font-size: 24px;
    border: 1px solid #8DC63F; margin: 30px auto;}

.C .SC .smenu li:hover{font-weight: bold;}

.C .SC .smenu .on{
    background-color: #8DC63F; color: #fff;}

.C .SC .smenu li span{
    margin: 21px auto; display: block;}

.C .SC .smenu li strong{
    margin-top: 5px; font-weight: inherit; display: inline-block;}

.C .SC .FAQ{clear: both;}

.C .SC .FAQ .Q{
    float: left; width: 1140px; text-align: left;
    margin: 0 30px; padding: 20px 0; font-size: 24px;
    border-bottom: 2px solid #8DC63F; background-color: #fff;}

.C .SC .FAQ .Q p{display: inline;}

.C .SC .FAQ li span{float: right; margin-right: 30px;}

.C .SC .FAQ .QA{ 
    clear: both; text-align: left;
    width: 1090px; margin: 0 30px; padding: 10px 20px 10px 30px;    
    font-family: 's-core_dream4_regular'; font-size: 20px;
    display: none; background-color: #ededed; z-index: -5;}

.C .SC #NR{
    width: 1200px; height: 530px; background-color: #fff;
    position: absolute; display: none;
    border: 1px solid #8DC63F}

.C .SC #NR h3{margin-top: 230px;}

.C .SC .page{}

.C .SC .page span{
    padding: 10px; font-size: 24px; color: #666666;}

.C .SC .page span:hover{cursor: pointer;}

.C .SC .page .now{color: #8DC63F; font-weight: 900;}

.C .SC .page button{margin-top: 20px;}

.C .SC .pop{
    width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20;
    background-color: rgba(0,0,0,0.3); display: none;}

.C .SC .pop .popA{
    display: none; z-index: 25;
    width: 560px; height: 315px; text-align: left;
    position: absolute; top: 30%; left: 34%;
    background-color: #fff; padding: 20px;
    border: 5px double green;}

.C .SC .pop .popA strong{
    font-size: 22px; padding: 5px 10px;}

.C .SC .pop .popA p{
    font-family: 's-core_dream4_regular';
    margin-top: 30px; font-size: 18px;}

.C .SC .pop .popA a{    
    box-sizing: border-box; border: 1px solid black;
    padding: 10px; margin-top: 20px; 
    display: inline-block; background-color: #ededed;}

.C .SC .pop .popA button{
    position: absolute; top: 85%; left:90%;
    border: 2px groove green; padding: 8px;}

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; }