body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}


/*메뉴시작*/
#topmenu_wrap {width:100%;margin: auto;z-index:999;position:absolute;top:0px;left:0px;}
#gnb {max-width:1180px;margin:auto;}
#gnb>h1 img {height:42px}
#gnb ul li{float: left;position: relative;color:#000;text-align: center;}
.menu>li>a {box-sizing: border-box;font-size:1.8rem;font-weight:400;padding:3rem 3.5rem;color: #fff;}
.menu_top{display: block; color: #000;text-decoration: none;}
.sub_menu {display:none;position: absolute;border-top:1px solid #ddd;z-index: 99999;background-repeat: no-repeat;overflow: hidden;}
.sub_menu li {display: table;border-bottom:1px solid #ddd;}
.sub_menu li a{width:132px;display: table-cell;vertical-align:middle;height:50px;text-align: center;color:#606060;letter-spacing:-0.05rem; background-color: #fff;font-weight: normal;font-size:1.4rem;}
.sub_menu li a:hover{color:#191919;}
.menu{zoom: 1;margin-bottom:0px}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#gnb h1 {margin-top:20px;margin-right:2rem;}
#mb_gnb, .mb_header{display:none}

#visual_down {position:absolute;bottom:10px;left:50%;margin-left:-25px;z-index: 999}
.top_ic {position:fixed;right:20px;bottom:20px;z-index:999;}
.close_side {cursor:pointer;position:absolute;right:20px;top:35px;display:none;}
.aside-backdrop.in, .aside.in {display: none !important}
.right_sm {margin:3.3rem 0px 3.3rem 1rem}
.right_sm>a {color:#8d8d8d;font-size:1.1rem;}
/*.menu_top_sel {background-color:#0b4da1;color:#fff !important;}*/
/*메뉴끝*/

/*메인비쥬얼*/
#main_visual {position:relative;max-width:1920px;margin:auto;}
.main_txt {position:absolute;top:50%;left:0px;text-align:center;width:100%;z-index:999;margin-top:-25px}
.bx-wrapper {width: 100%; height: 100%;}
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.bxslider, .bxslider li{
    height: 100% !important;;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border: none !important;
}


/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.company_wrap {background-color:#f2b212;color:#fff;padding:10rem 0px}
.company_wrap .txt1 {font-size:2.2rem;}
.company_wrap .txt2 {font-size:4.2rem;font-weight:600}
.company_wrap .txt3 {font-size:1.6rem;margin-top:2rem;font-weight:300;}
.company_wrap .txt4 {font-size:1.8rem;margin-top:2rem;font-weight:600}
.product_wrap {padding:14rem 0px;background:url("/image/main/main_bg1.jpg") center center no-repeat;background-size:cover;}
.product_in {color:#fff;max-width:1180px;margin:auto;}
.product_in .txt1 {font-size:2rem;opacity:0.7;}
.product_in .txt2 {font-size:4rem;font-weight:600;}
.product_li{margin-left:-2rem;margin-top:3rem}
.product_li>li {width:33.3333333333%;float:left;padding-left:2rem;}
.product_li>li>a {display:block;color:#fff;font-size:1.8rem;}
.product_li>li>a p {text-align:center;margin-top:1rem}
.mail_wrap {padding:14rem 0px;background:url("/image/main/main_bg2.jpg") center center no-repeat;background-size:cover;}
.mail_wrap .txt1 {font-size:4rem;color:#fff;font-weight:600;text-align:center;}
.mail_box {background-color:rgba(250,191,42,0.3);padding:5rem 0px;margin-top:5rem}
.mail_box li {font-size:3rem;font-weight:500;color:#fff;}
.mail_box li img {vertical-align:middle}
.contact {background-color:#f8f8f8;padding:15rem 0px;}
.contact_in {max-width:1180px;margin:auto;}
.contact_li>li {padding:1rem 0px;float:left;width:33.3333333%;border-right:1px solid #ddd;min-height:285px}
.contact_li>li:nth-child(2) {padding:1rem 5rem;}
.contact_li>li:nth-child(3) {padding-left:5rem}
.contact_li>li:last-child {border-right:0px}
.contact_li>li .txt1 {margin-top:2rem;color:#181818;font-size:1.8rem;font-weight:600}
.contact_li>li .txt2 {color:#4c4c4c;font-size:1.6rem;margin-top:1.5rem;}
.contact_li>li .txt3 {width:170px;margin-top:3rem;color:#656565;font-size:1.4rem;background:#fff url("/image/main/arrow_img.png") 93% center no-repeat;border:1px solid #ddd;}
.contact_li>li .btn_txt3 {margin-top:1rem;width:100%;} 
.contact_li>li .txt3 a {display:block;margin:1rem 1.5rem;}

.contact_li>li .txt4 {color:#eea800;font-size:3rem;font-weight:600}
.contact_li>li .txt4 a {color:#eea800;font-size:3rem;font-weight:600}
.contact_li>li .txt5 {color:#0b0a0a;font-size:1.6rem}
.contact_li>li .txt6 {color:#575757;margin-top:2rem;font-size:1.4rem;line-height:2rem}
/*메인컨텐츠 끝*/




/*하단*/

#footer_wrap {width:100%;background-color:#5b5b5b;clear: both;}
#footer_inner {position:relative;font-size:1.3rem;line-height:2rem;color:rgba(255,255,255,0.5);max-width:1180px;margin:auto;padding:3rem 0px;}
#footer_inner>p {float:left;}
/*familsite*/
.family_wrap {float: right}
.family_wrap .family_inner2{width:170px; height:4rem;  position:relative;} 
.family_wrap .family_inner2 .family{position:absolute; right:0; top:0;} 
.family_wrap .family_inner2 .family button{height:4rem; background:#2d2d2d url(/image/main/fm_arrow.png) 90% center no-repeat; border:0px; width:170px; text-align:left; text-indent:15px; font-size:1.4rem; color:rgba(255,255,255,0.8); outline:none;} 
.family_list{ background:#2d2d2d; width:170px; position:absolute; left:0; bottom:4rem;   line-height:4rem; border-bottom:none; overflow:auto; display:none; }
.family_list a{display:block; color:#fff; text-indent:10px;font-size: 1.3rem;text-indent:15px;}
.family_list a:hover{background:#4a4a4a;}