/*snb*/
.snb{position:relative;}
/*.snb ul{position:absolute;*/
/*    top:50%;*/
/*    left:50%;*/
/*    transform:translate(-50%, -50%);*/
/*    background:#d1b7af;*/
/*    width:1120px;*/
/*    height:80px;*/
/*    border-radius:50px;}*/
.snb ul{
    position:absolute;
    left:50%;
    margin-left:-560px;
    margin-top:-40px;
    width:1120px;
    height:80px;
    background:#d1b7af;
    border-radius:50px;
}
.snb li{float:left;
}
.snb a{font-size:24px;
    font-family: 'S-CoreDream-4Regular';
    color:#fff;
    text-align:center;
    line-height:20px;
    display:inline-block;
    margin:18px 65px;}
.snb ul li:nth-child(5) a{margin-top:30px;}
.snb a:hover{color:#444; transition:all 0.4s;}
.snb span{font-size:14px;}
@media(max-width:767px){
    .snb{display:none;}
}



/*wrap*/
#wrap{position:relative;}


/*point*/
.point{width:100%;
    overflow:hidden;
    margin:150px 0;
    padding:60px 0;
    background:#d3dde5;
    text-align:center;
    font-family:'S-CoreDream-3Light';}
.point h2{font-size:40px;
    font-weight:400;}
.point h3{font-size:20px; font-weight: revert;
    padding-bottom:15px;}

.point ul{width:1120px;
    margin:80px auto;}
.point ul li{float:left;
    width:31%;
    margin-left:3%;
    padding:30px 0;
    background:rgba(255,255,255,0.5);}
.point ul li:nth-child(1){margin-left:0;}
.point ul li img{padding-bottom:20px;}
.point ul li:nth-child(2) img{padding-bottom:33px;}
.point ul li:nth-child(2){border:1px solid #fff;
    background:0;}
/*point_모바일*/
@media(max-width:767px){
    .point{margin:100px 0 0;
        padding:50px 0;}
    .point h2{font-size:23px;}
    .point h3{font-size:16px;
        padding-bottom:5px;}
    .point p{font-size:14px; line-height:22px;}
    .point ul{width:auto;
        margin:45px auto;}
    .point ul li img{padding-bottom:7px;}
    .point ul li:nth-child(2) img{padding-bottom:20px;}
    .point ul li:nth-child(1){margin:auto;}
    .point ul li{float:none;
        width:290px;
        margin:20px auto;
        padding:20px 0;}
    .point ul{margin:20px auto 0;}
    .point ul li img{padding-top:0px;
        padding-bottom:10px;}
    .point ul li:nth-child(2) img{padding-bottom:10px;
        padding-left:6px;}
}














/*wrap*/
#wrap{text-align:center;
    width:1120px;
    margin:0 auto;}
#wrap p{font-family:'S-CoreDream-3Light';
    margin-bottom: 0;}
#wrap h2{margin:180px 0 5px;
    font-size:45px; font-weight: revert;
    line-height:62px;}
#wrap h3{font-size:30px; font-weight: revert; line-height: revert;
    padding-bottom:20px;
    margin-bottom: 0;}
.contents{padding-top:130px;
    overflow:hidden;}

#wrap h4{font-size:24px; font-weight: revert; box-sizing: content-box;
    font-family:'NanumSquare';
    padding:21px;}
.left.first h4, .left.second h4, .left.third h4{background:#0b2450;
    color:#fff;
    border-radius:10px;
    width:222px;
    margin:0px auto 20px;}
.left.first h4:before{border-top:15px solid #0b2450;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:0px solid transparent;
    content:"";
    position:absolute;
    top:362px;}
.left.second h4:before{border-top:15px solid #0b2450;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:0px solid transparent;
    content:"";
    position:absolute;
    top:661px;}
.left.third h4:before{border-top:15px solid #0b2450;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:0px solid transparent;
    content:"";
    position:absolute;
    top:963px;}
#wrap h5{font-size:22px; font-weight: revert;
    line-height:38px;
    padding-bottom:35px;
    margin-bottom: 0;}
.left{float:left;
    padding-left:10px;
    width:500px;
    box-sizing:border-box;}
.right{float:right;
    box-sizing:border-box;
    text-align:left;
    width:620px;}
.padding{padding-bottom:80px;}
.right.first{padding-top:17px;}
.right.list p{padding-left:19px;}

.highlight1{background:url("../img/common/highlight.png") no-repeat 0 15px;
    padding-left:30px;}
.highlight2{background:url("../img/common/highlight2.png") no-repeat 0 10px;
    padding-left:30px;}
.highlight3{background:url("../img/common/highlight3.png") no-repeat 8px 10px;
    padding-left:30px;}

/*wrap_모바일*/
@media(max-width:767px){
    .highlight1, .highlight2, .highlight3{background:0;}
    #wrap{width:auto;}
    #wrap h2{font-size:25px;
        line-height:30px;
        margin:50px 0 5px;}
    #wrap h3{font-size:17px;
        padding-bottom:5px;}
    #wrap h4{font-size:18px;
        width:200px;
        padding:9px;
        margin:0 auto;
        border-radius:10px;}
    #wrap .right.first h5{font-size:14px;
        line-height:24px;
        padding-bottom:0px;
        word-break:keep-all;}
    #wrap p{font-size:13px;
        line-height:20px;
        word-break:keep-all;}
    .contents{padding-top:60px;}
    .left{float:none;
        width:auto;
        padding-left:0;}
    .right{float:none;
        width:auto;
        text-align:center;}
    .left img{
        padding-top:20px;}
    .left.first img{width:100px;}
    .thumb{padding-bottom:15px;}

    .right.first{padding-top:0px;}
    .right.list{width:320px;
        margin:0 auto;}
    #wrap .right.list h5{font-size:15px;
        line-height:24px;
        word-break:keep-all;
        padding:12px;
        margin:15px 0 5px;
        background:#ffd04b;
        box-shadow:-1px -1px 5px #f1d9d9;}
    .padding{padding-bottom:5px;}
    .right.list p{text-align:left;
        padding-left:7px;}
    h4:before{display:none;}
}


@media(max-width:547px){
    #wrap p br{display:none;}
}
@media(max-width:370px){
    #wrap .right.first h5 br{display: none;}
}



/*제품문의 페이지*/
.contact{width:488px; height:217px;
    margin:180px auto 15px;
    padding:40px 0;
    background:rgb(243,225,207);
    background:rgba(243,225,207,0.7);
    border-radius:20px;
    box-sizing:border-box;}
#wrap .contact .h2{font-size:30px;
    font-family: 'S-CoreDream-4Regular';
    padding-bottom:35px;}
#wrap .contact .h3{font-size:18px;
    padding-bottom:20px;
    padding-left:100px;
    text-align:left;}
#wrap .cf{margin-bottom:251px;}
/*제품문의 페이지 wrap_모바일*/
@media(max-width:767px){
    .contact{margin-top:100px; height:200px;}
    #wrap .contact .h2{font-size:25px;}
    #wrap .cf{word-break:keep-all;
             margin-bottom:100px;}
}
@media(max-width:590px){
    .contact{width:320px;
        height:173px;
        border-radius:30px;}
    #wrap .contact .h2{font-size:22px;
        padding-bottom:24px;}
    #wrap .contact .h3{font-size:16px;
        padding-bottom:9px;
        padding-left:41px;}
    #wrap .cf{font-size:14px;
        line-height:22px;}
}