

body {width: 100%; overflow-x: auto;}
#wrapper {margin: auto;overflow: hidden;position: relative;}
img {max-width:100%}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}


/*메뉴시작*/
#gnb {padding:45px 0 50px;max-width:1260px;margin:auto;}
#topmenu_wrap {width:100%;margin: auto;z-index:999;}

.logo_home {margin-left:9rem;font-size:1.5rem;color:#fff}
.logo_home {color:#fff !important}
.logo_home img {margin-right:1rem}
#gnb_wrap {position:relative;z-index: 99;padding:0 7rem}
#gnb>ul>li{float: left;position:relative;font-size:15px;color:#000;text-align: center;}
.menu {display:inline-block;overflow: hidden}
.menu>li {margin-right:14rem;float:left;display:inline-block}
.menu>li>a {padding-bottom:3.5rem;box-sizing: border-box;color: #000;font-weight:900;font-size:4.8rem;}
.menu_top_sel,
.menu>li>a:hover {color:#00ff00 !important}
.menu_top{display: block; color: #000;text-decoration: none;}
/*.menu_top_sel {position:relative}
.menu_top_sel:before {content:"";width:100%;height:3px;background-color:#0075bc;position: absolute;bottom:0;left:0;}*/
.logo_b{margin-left:8rem;}
#gnb .fr {margin-top:3rem}
/*.sub_menu>li>ul>li>a {font-weight: 300;color:#616161;font-size:1.5rem;margin-bottom:5px;display:block;}
.sub_menu>li>a:hover {color:#fd600c}*/
.sub_menu_wrap {position:relative;display:none;position: absolute;z-index: 99999;overflow: hidden;    left: 50%;
    margin-left: -320px;}
.sub_menu2 li {display:inline-block;}
.sub_menu2 {position:relative;}
.sub_menu2 li a{color:#000;font-weight:600;margin-right:4rem;display:inline-block; background: none;font-size:2rem;}
.sub_menu_wrap a:hover {color:#00ff00;}
.sub_menu2 li:last-child {border-bottom:0}
/*.sub_menu>li>a:hover{color:#002f65;}*/
.menu{zoom: 1;margin-bottom:0px;}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*.color_b2 {color:#fd600c !important}*/
#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;}
/*.aside-backdrop.in, .aside {opacity: 0;transition: all 2s;}*/
.close_side {border:0;background:none}
.topColor {background-color:#fff;border-bottom:1px solid #ddd !important;}
.topColor .right_m ,.topColor .right_m a, .topColor .menu_top{color:#000 }

select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}
.img_dummy {display:block;    background-position: center center !important;background-size:cover !important;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

/*메뉴끝*/

/*메인비쥬얼*/
.main_visual {max-width:1260px;margin:auto}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.con_txt1 {max-width:1260px;margin:auto;margin-bottom:3rem;color:#00ff00;line-height:13rem;font-size:12rem;font-weight:800}
.section.sec02 .slide_wrap {
    height:50rem;
    width: 700px;
    margin-left: 300px;
 
}
    .section.sec02 .wrap2 {
    padding-top: 7%;
}
    .section.sec02 .slide_wrap .slide_cont {
    white-space: nowrap;
    position: absolute;
    transition: all 1s ease-out;
}
    .section.sec02 .slide_wrap .slide_cont .slide_box {
    display: inline-block;
    margin-right: 2rem;
    vertical-align: bottom;
    position: relative;
    opacity: 1;
}
.section.sec02 .img_box {position: relative;}
.section.sec02 a .overlay {display:none;transition: all 1s}
.section.sec02 a:hover .overlay {display:block;position: absolute;left:0;top:0;}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.main_con1 {max-width:1260px;margin:auto}
.main_con2 {max-width:1260px;margin:auto;margin-top:20rem;}
/*메인컨텐츠 끝*/

.mainVisual .main-slider {height:100%} 
.video {height:100%}
video {
                width:100% !important;
                  object-fit: cover;
                   min-width: 100%;
                 min-height: 100%;
                 height:100%;
                }


.main_li2 {padding:0 10rem;}
.main_li2 li {width:33.333%;float:left;}
.main_li2 li a {width:100%;display:table;height:180px}
.main_li2 li a>span {display:table-cell;vertical-align: middle}

/*.contact_bg {max-width:1154px;margin:auto;border-bottom:1px solid #000;background:url('/image/main/contact_bg.png') 50% 50% no-repeat;margin-top:17rem;padding-bottom:25rem;padding-top:15rem;}*/
.contact_bg {margin-top:17rem}




/*하단*/
.foot_bx {border-top:1px solid #000;padding:7rem 4rem;padding-right:0;padding-left:52rem;position: relative;max-width:1260px;margin:auto;margin-top:-1px;}
.foot_bx .left {height:190px;position: absolute;left:3rem;top:4rem;}
.foot_bx2 {padding-bottom:5rem;padding-left:4.5rem;font-weight: 700;;position: relative;max-width:1260px;margin:auto;}
.foot_tb {display:table;width:100%;}
.foot_tb>div {font-size:2.2rem;font-weight: 700;display:table-cell;vertical-align: top;}

.foot_tb>div p {font-size:2rem;font-weight:300}
.sns_1 a {display:inline-block;margin-right:2rem}




#footer{background-color:#282728;padding:3rem 0;height:auto !important; }
#footer .footerArea{max-width:1180px;margin:auto;width: 100%; margin:0 auto;  position: relative;box-sizing:border-box;}
.fcont2 {position:relative;margin:auto}
.fcon_top2>ul>li {display:inline-block;}
.fcon_top2>ul>li a {font-weight:300;color:#fff;font-size:1.5rem;}
.fcon_top2>ul>li span {display:inline-block;margin:0 0.5rem;color:#454545;font-size:1.7rem;}
.fcont_bt {font-weight:100;color:#ccc;font-size:1.5rem;  padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.3);margin-top:1.5rem;;}
.mo_family {position: absolute;right:7rem;top:1rem;}
.fcont_bt>p {font-size:1.8rem;color:#d44f37;}
/*familsite*/
.family_wrap {float: right;margin-top:-7px;}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:1px solid #454545;height:40px; text-align:center; background-color:#252525; font-size:1.5rem; color:#676767; outline:none;}
.family_list{  width:180px; position:absolute; right:0; bottom:33px;   line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#252525;}
.family_list a{display:block; color:#676767;text-align:left;font-size: 1.4rem;text-indent:10px;}


