@charset utf-8;

html,body {
    height:100%;
    overflow-y:hidden;
}

body {
    position:relative;
    min-width:1200px;
    font-family:Nanum Gothic;
    color:#333;
    background:#FFF;
}

.posNum {
    position:fixed;
    left:50%;
    top:50%;
    width:300px;
    height:50px;
    background:#111;
    color:#fff;
    font-size:20px;
    font-weight:700;
    text-align:center;
    line-height:50px;
    z-index:9999;
    margin:-25px 0 0 -150px;
}

.scrollBox {
    min-width:1200px;
    height:100%;
    position:relative;
}

.scrollBox .wrap {
    min-width:1200px;
    position:relative;
    overflow:hidden;
}

.scrollBox .wrap>div {
    position:relative;
}

.scrollBox .wrap .objs>li {
    position:absolute;
    left:50%;
}


#header {
    height:106px;
    position:relative;
    /*background: #56c271;*/

}

#header .inner {
    width:1426px;
    height:106px;
    left:50%;
    margin-left:-713px;
    position:relative;
    /*background: gainsboro;*/
}

.mainlogo {
    width:302px;
    height:105px;
    position:absolute;
    left:0;
    top:-2px;
    background:url(../img/logo2.png);
    transition: all 0.35s;
}


.mainlogo a{
    display:block;
    width:100%;
    height:100%;
}


.gnb1 {
    width:197px;
    height:106px;
    position:absolute;
    right:591px;
    top:0px;
    background:url(../img/gnb1_hover.jpg);
}
.gnb1:hover {
    background:url(../img/gnb1.jpg);
}

.gnb1 .hover{
    width:197px;
    height:0px;
    position:absolute;
    right:0px;
    top:106px;
    background:white;
    z-index: 9999;
    overflow: hidden;
}

.gnb1 .hover > div{
    width:110px;
    height:18px;
    margin-top: 30px;
    margin-left: 42px;
}
.gnb1 .hover .sub01{
    background:url(../img/gnb1_1.png);
}
.gnb1 .hover .sub01:hover {
    background:url(../img/gnb1_1_cover.png);
}

.gnb1 .hover .sub02{
    background:url(../img/gnb1_2.png);
}
.gnb1 .hover .sub02:hover {
    background:url(../img/gnb1_2_cover.png);
}


.gnb1 .hover .sub03{
    background:url(../img/gnb1_3.png);
}
.gnb1 .hover .sub03:hover {
    background:url(../img/gnb1_3_cover.png);
}

.gnb1 .hover .sub04{
    background:url(../img/gnb1_4.png);
}

.gnb1 .hover .sub04:hover {
    background:url(../img/gnb1_4_cover.png);
}
#header .inner .gnb1 > a{
    display:block;
    width:100%;
    height:100%;
}
#header .inner .gnb1 div > a{
    display:block;
    width:100%;
    height:100%;
}




.gnb2 {
    width:197px;
    height:106px;
    position:absolute;
    right:394px;
    top:0px;
    background:url(../img/gnb2_hover.png);
}
.gnb2:hover {
    background:url(../img/gnb2.png);
}


.gnb2 .hover{
    width:197px;
    height:0px;
    position:absolute;
    right:0px;
    top:106px;
    background:white;
    z-index: 9999;
    overflow: hidden;
}

#header .inner .gnb2 > a{
    display:block;
    width:100%;
    height:100%;
}

.gnb3 {
    width:197px;
    height:106px;
    position:absolute;
    right:197px;
    top:0px;
    background:url(../img/gnb3_b_1.png);
}
.gnb3:hover {
    background:url(../img/gnb3_g_1.png);
}

.gnb3 .hover{
    width:197px;
    height:0px;
    position:absolute;
    right:0px;
    top:106px;
    background:white;
    z-index: 9999;
    overflow: hidden;
}

.gnb3 .hover > div{
    width:120px;
    height:18px;
    margin-top: 30px;
    margin-left: 40px;
}
.gnb3 .hover .sub01{
    background:url(../img/gnb3_1.png);
}
.gnb3 .hover .sub01:hover {
    background:url(../img/gnb3_1_hover.png);
}

.gnb3 .hover .sub02{
    background:url(../img/gnb3_2.png);
    margin-left: 38px;
}
.gnb3 .hover .sub02:hover {
    background:url(../img/gnb3_2_hover.png);
}

.gnb3 .hover .sub03{
    background:url(../img/gnb3_3.png);
}
.gnb3 .hover .sub03:hover {
    background:url(../img/gnb3_3_hover.png);
}

.gnb3 .hover .sub04{
    background:url(../img/gnb3_4.png);
}

.gnb3 .hover .sub04:hover {
    background:url(../img/gnb3_4_hover.png);
}

.gnb3 .hover .sub05{
    background:url(../img/gnb3_5.png);
}

.gnb3 .hover .sub05:hover {
    background:url(../img/gnb3_5_hover.png);
}


#header .inner .gnb3 > a{
    display:block;
    width:100%;
    height:100%;
}
#header .inner .gnb3 div > a{
    display:block;
    width:100%;
    height:100%;
}





.gnb4 {
    width:197px;
    height:106px;
    position:absolute;
    right:0px;
    top:0px;
    background:url(../img/gnb4_hover.jpg);

}
.gnb4:hover {
    background:url(../img/gnb4.jpg);
}

.gnb4 .hover{
    width:197px;
    height:0;
    position:absolute;
    right:0px;
    top:106px;
    background:white;
    z-index: 9999;
    overflow: hidden;
}

.gnb4 .hover > div{
    width:110px;
    height:18px;
    margin-top: 30px;
    margin-left: 39px;
}
.gnb4 .hover .sub01{
    background:url(../img/gnb4_1.png);
}
.gnb4 .hover .sub01:hover {
    background:url(../img/gnb4_1_hover.png);
}

.gnb4 .hover .sub02{
    background:url(../img/gnb4_2.png);
}
.gnb4 .hover .sub02:hover {
    background:url(../img/gnb4_2_hover.png);
}

#header .inner .gnb4 > a{
    display:block;
    width:100%;
    height:100%;
}
#header .inner .gnb4 div > a{
    display:block;
    width:100%;
    height:100%;
}






#scene1 {
    height:405px;
}

#scene1 .wrap {
    width:1920px;
    height:405px;
    left:50%;
    margin-left:-969px;
    position:relative;
    /*background: grey;*/
    background:url(../img/sub4_banner1.jpg);
}



#t1 {
    position:absolute;
    width:1425px;
    height:100px;
    left: 50%;
    margin-left: -712px;
    /*background: darkkhaki;*/
    top:145px;
}

#scene1 .wrap #t1 .subtitle1 {
    font-weight: 600;
    z-index: 333;
    font-family: 'NanumSquare', sans-serif;
    text-align: center;
    font-size:46px;
    color: white;
    text-shadow:1px 1px 10px #738cac ;
}

#t2 {
    position:absolute;
    width:1425px;
    height:50px;
    left: 50%;
    margin-left: -712px;
    /*background: #56c271;*/
    top:230px;
}
#scene1 .wrap #t2 .subtitle2 {
    font-weight: 300;
    z-index: 333;
    font-family: 'NanumSquare', sans-serif;
    text-align: center;
    font-size:36px;
    color: white;
    text-shadow:1px 1px 10px #738cac ;
}


/*폰트*/
#scene1 .wrap .font {
    z-index: 999999;
    /*margin-top: 360px;*/
    right:240px;
    bottom:23px;
    position:absolute;
}
/*폰트*/




#scene2_pre2 {
    position:relative;
    width:1425px;
    height:132px;
    left: 50%;
    margin-left: -712px;
    margin-top: 100px;
}
/*폰트*/
#scene2_pre2 .font2 {
    text-align: center;
    margin-top: 90px;
    bottom: 100px;
    font-size: 23px;
    font-family: 'NanumSquare', sans-serif;
    font-weight: 600;
}

/*폰트*/





/*!*서브메뉴*!*/
/*#menu {*/
/*    top: 511px;*/
/*    width: 100%;*/
/*    height:76px;*/
/*    background:url(../img/sub_2_menu.jpg);*/
/*    z-index: 999999;*/
/*    transition: all 0s;*/
/*    position:absolute;*/
/*}*/
/*#menu.on{*/
/*    position:fixed;*/
/*    top: 0px;*/
/*}*/


/*#menu .wrap {*/
/*    width:1425px;*/
/*    height:76px;*/
/*    left:50%;*/
/*    margin-left:-712px;*/
/*    position:relative;*/
/*}*/

/*#menu .wrap > div{*/
/*    width:357px;*/
/*    height:76px;*/
/*}*/

/*#menu .wrap .sub1 {*/
/*    background:url(../img/sub_1_menu_1_hover.jpg);*/
/*    height:76px;*/
/*}*/
/*#menu .wrap .sub1:hover{*/
/*    background:url(../img/sub_1_menu_1_hover.jpg);*/
/*}*/
/*#menu .wrap .sub2 {*/
/*    background:url(../img/sub_1_menu_2.jpg);*/
/*    height:76px;*/
/*    position: absolute;*/
/*    top:0;*/
/*    margin-left:356px;*/
/*}*/
/*#menu .wrap .sub2:hover{*/
/*    background:url(../img/sub_1_menu_2_hover.jpg);*/
/*}*/
/*#menu .wrap .sub3 {*/
/*    background:url(../img/sub_1_menu_3.jpg);*/
/*    height:76px;*/
/*    position: absolute;*/
/*    top:0;*/
/*    right:356px;*/
/*}*/
/*#menu .wrap .sub3:hover{*/
/*    background:url(../img/sub_1_menu_3_hover.jpg);*/
/*}*/

/*#menu .wrap .sub4 {*/
/*    background:url(../img/sub_1_menu_4.jpg);*/
/*    height:76px;*/
/*    position: absolute;*/
/*    top:0;*/
/*    right:0;*/
/*}*/
/*#menu .wrap .sub4:hover{*/
/*    background:url(../img/sub_1_menu_4_hover.jpg);*/
/*}*/

/*#menu .wrap > div > a{*/
/*    display:block;*/
/*    width:100%;*/
/*    height:100%;*/
/*}*/
/*!*서브메뉴*!*/



#scene2 {
    height:500px;
    position: relative;
}

#scene2 .wrap {
    width:1426px;
    height:300px;
    top:0;
    left:50%;
    margin-left:-713px;
    position:absolute;
}

#scene2 ul {
    margin-top: 100px;
}

#scene2 ul > li {
    width:310px;
    height:157px;
    /*position: absolute;*/
    top:0;
    margin-right: 62px;
    float: left;
}

#scene2 .box4 {
    margin-right: 0;
}



#scene2 ul > li > .icon{
    width:97px;
    height:97px;
    float: left;
}
#scene2 ul > .box1 > .icon{
    background:url(../img/ask_icon1.png);
}
#scene2 ul > .box2 > .icon{
    background:url(../img/ask_icon2.png);
}
#scene2 ul > .box3 > .icon{
    background:url(../img/ask_icon3.png);
}
#scene2 ul > .box4 > .icon{
    background:url(../img/ask_icon4.png);
}

#scene2 ul > li > .box_title{
    margin-top: 3px;
    width:180px;
    height:30px;
    float: right;
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 16pt;
    font-weight: 700;
}

#scene2 .box1 .box_title{
    margin-top: 3px;
    width:80px;
}



.box_title2{
    width:80px;
    height:20px;
    float: right;
    margin-left: 20px;
    font-size: 14px;
    margin-top: 6px;
    font-weight: 600;
}
box_title2 p{
    margin-top: 10px;
}
.box_title2 a{color: grey;}
.box_title2 a:hover{color: #6bb881;}
/*.box_title2 a:visited {color: gray;}*/

/*#scene2 ul > li > .box_title{*/
/*    width:50px;*/
/*    height:30px;*/
/*    background: white;*/
/*    float: right;*/
/*}*/

#scene2 ul > li > .box_text{
    width:180px;
    height:85px;
    margin-top: 40px;
    float: right;
    font-size: 12pt;
    color:#3e3e3e;
}


/*#scene2 .wrap > li {*/
/*    width:310px;*/
/*    height:157px;*/
/*    position:absolute;*/
/*    background: deeppink;*/
/*    margin-right: 60px;*/
/*    float: left;*/
/*    top:0;*/
/*    left:0;*/
/*}*/


/*#scene2 .wrap div {*/
/*    background:url(../img/sub1_1contents.jpg);*/
/*    width: 1426px;*/
/*    height: 1000px;*/
/*    position: absolute;*/
/*    top:50px;*/
/*    left: 0;*/
/*}*/


#scene3 {
    width:100%;
    /*height:385px;*/
    height:485px;
    position:relative;
}

#scene3 .map{
    position: absolute;
    left: 50%;
    margin-left:-960px;
    top:0;
}



#footer {
    width:100%;
    height:348px;
}

#footer .contents {
    width:1920px;
    height:348px;
    background:url(../img/footer.jpg);
    left:50%;
    margin-left:-960px;
    position:absolute;
}

/*제품상담*/
#footer .contents .footer_icon1{
    width:58px;
    height:90px;
    background:url(../img/footer_logo2.jpg);
    right: 247px;
    top:30px;
    position:absolute;
}

/*공지사항*/
#footer .contents .footer_icon2{
    width:58px;
    height:90px;
    background:url(../img/footer_logo1.jpg);
    right: 357px;
    top:30px;
    position:absolute;
}

.footer_icon1 a{
    display:block;
    width:100%;
    height:100%;
}

.footer_icon2 a{
    display:block;
    width:100%;
    height:100%;








#footer {
    width:100%;
    height:348px;
}

#footer .contents {
    width:1920px;
    height:348px;
    background:url(../img/footer.jpg);
    left:50%;
    margin-left:-960px;
    position:absolute;
}

/*제품상담*/
#footer .contents .footer_icon1{
    width:58px;
    height:90px;
    background:url(../img/footer_logo2.jpg);
    right: 247px;
    top:30px;
    position:absolute;
}

/*공지사항*/
#footer .contents .footer_icon2{
    width:58px;
    height:90px;
    background:url(../img/footer_logo1.jpg);
    right: 357px;
    top:30px;
    position:absolute;
}

.footer_icon1 a{
    display:block;
    width:100%;
    height:100%;
}

.footer_icon2 a{
    display:block;
    width:100%;
    height:100%;
}