

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:1280px;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;}
.menu>li {margin-right:13rem;float:left;display:inline-block}
.menu>li>a {font-family:"Poppins";font-weight:800;padding-bottom:3.5rem;box-sizing: border-box;color: #000;font-size:4rem;}
/*.menu_top_sel,
.menu>li>a:hover {color:#ffde00 !important}*/
.menu_top{display: block;position:relative; color: #000;text-decoration: none;}
.menu_top.menu_top_sel:before {content:"";width:19px;display:inline-block;background-color:#ffde00;height:19px;border-radius:50%;position: absolute;left:-35px;top:50%;margin-top:-28px;}
.hover_d {position: relative}
.hover_d:before {content:"";width:19px;display:inline-block;background-color:#ffde00;height:19px;border-radius:50%;position: absolute;left:-35px;top:50%;margin-top:-28px;}


/*.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:4rem;}
#gnb .fr {margin-top:2rem}
/*.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{font-family:"Poppins";color:#000;padding:5px 10px;margin-right:4rem;display:inline-block; background: none;font-size:2rem;}
.sub_menu_wrap a:hover {color:#fff;background-color:#000;border-radius:50rem;}
.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:1280px;margin:auto}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.con_txt1 {font-family:'Poppins';max-width:1280px;margin:auto;margin-bottom:8rem;color:#ffde00;text-align:center;;font-size:9rem;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:1280px;margin:auto}
.main_con2 {max-width:1280px;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 { font-family:"Poppins"; background-color:#ffde00;;padding:7rem 8rem 9rem;padding-right:0;padding-left:67rem;position: relative;max-width:1280px;margin:auto;margin-top:-1px;}
.foot_bx .left {position: absolute;left:12rem;top:20rem;}
.foot_bx2 {padding-bottom:5rem;padding-left:4.5rem;font-weight: 700;;position: relative;max-width:1280px;margin:auto;}
.foot_tb {width:100%;}
.foot_tb .st1 {font-size:2.6rem;font-weight:600}
.foot_tb .st2 {font-size:3.7rem;position: relative}
.foot_tb .st2:before {content:"";background-color:#000;width:16px;height:16px;position: absolute;left:-28px;top:23px;border-radius:50%;}
.foot_tb>div p {font-size:2rem;font-weight:300}
.sns_1 a {display:inline-block;margin-right:2rem}

.foot_tb .st3{;font-size:2.5rem;position: relative}
.foot_tb .st3:before {content:"";background-color:#000;width:16px;height:16px;position: absolute;left:-28px;top:9px;border-radius:50%;}



#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;}


