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;}


/*메뉴시작*/
.top_top {font-size:1.4rem;font-weight:300; color:rgba(255,255,255,.7);background-color:#191919;padding:0px 4rem 0px 0rem;}
.top_top a {font-weight:300; color:rgba(255,255,255,.7);}
.top_top .fr li {padding:10px 0; font-weight:300;display:inline-block;}
.top_top .fr li span {display:inline-block;padding:0 1rem}
.top_top .left_top>span {padding:10px 0;padding-left:2rem;display:inline-block;}
.top_top .left_top a {padding:10px 0;float:left;text-align:center;width:200px;display:inline-block;}
.top_top .left_top a:hover {background-color:#000;}
#topmenu_wrap {width:100%;position:absolute; margin: auto;z-index:9;}
.logo_b {position:absolute;left:10rem;top:0;z-index: 99}
#gnb {padding:0 10rem;margin:auto;position: relative; }
.line:before {content:"";background-color:#fafafa;position: absolute;top:107px;left:0;height:100%;width:100%;}
#gnb_wrap {  position:relative;}
.logo_b {margin-top:2rem;}
.menu {display:inline-block}
.menu>li{vertical-align:top;display:inline-block;}
.menu>li>a {position:relative; box-sizing: border-box;padding:4rem 0 ;margin:0 4rem;color: #fff;font-size:1.9rem;}
.menu_top{display: block; color: #000;text-decoration: none;}
.sub_menu_wrap {position:relative; margin-top:-1px;display:none; width:100%;left:0px;position: relative;z-index: 99999;padding:3rem 0;;overflow: hidden;}
.sub_menu_wrap_on {display:block;}
.color_b {border-bottom:3px solid #fe4d11;}
.right_ic {position: absolute;top:3rem;right:10rem;}
.right_ic>span {margin-left:2rem;}
.right_ic>span a {margin:0 1rem;}
/*.menu_top .color_b:before {content:"";width:100%;height:2px;background-color:#000;position: absolute;bottom:2.5rem;left:0;}*/

.sub_menu {padding-bottom:4rem;max-width:1180px;margin:auto;overflow:hidden;}
.sub_menu>li {display: block;padding-bottom:3rem;}
.sub_menu>li>a{display: block;text-align: center;color:#676767;background: none;font-weight: 300;font-size:1.7rem;}
.sub_menu>li>ul {margin-top:-1rem;}
.sub_menu>li>a:hover {color:#fe4d11 !important;font-weight:normal}
.sub_menu>li>ul>li>a {font-weight:normal;display: block;color:#989898;line-height:3rem;}
.menu{zoom: 1;margin-bottom:0px}
#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 }
#gnb_wrap.line {position: relative }
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;}
#topmenu_wrap.line {background-color:#fff;}
#topmenu_wrap.line a {color:#000}
#topmenu_wrap.line .on_img {display:inline-block;}

#topmenu_wrap.line .off_img {display:none;}
#topmenu_wrap.line .c_on {display:inline-block;}

#topmenu_wrap.line .c_of {display:none;}
.c_on {display:none}
.menu_close {position: absolute;right:10rem;top:0; cursor: pointer}
/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {height:100vh;position:relative;}
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{position:relative; height:100%;display:block !important;}
.mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important;}

.mainVisual .slider.responsive{display:block;}

.mslider_in {z-index:99;position:absolute;top:0px;left:50%;width:100%;max-width:1280px;margin-left:-640px;height:100%;display:table;box-sizing:border-box;  table-layout:fixed;}
.mslider_in_in {height:100%; width: 100%;display:table;max-width:1180px;margin:auto;position: absolute;left:0;}
.mslider_in_in .m_st1 {line-height:9rem;font-weight:600;font-size:8rem;}
.mslider_in_in .m_st2 {padding:5rem 0 7rem;font-weight:300;font-size:2.8rem;}
.mslider_in_in .m_st3 a {font-family:'Poppins';padding:1.5rem 4rem;border:1px solid #fff;font-size:1.7rem;color:#fff;display:inline-block;;}

.mslider_in_in>div {display:table-cell;vertical-align: middle;color:#fff;}

.visual_li {margin-left:-2rem;}
.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .items5 {height:100%;position: relative}
.mainVisual .items5:before {content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.3);position: absolute;left:0;top:0;z-index: 98}


.innovation_video {height:100%;position: absolute;width:100%;height:100vh;top:0;z-index: -1}
.innovation_video:before {content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.3);position: absolute;left:0;top:0;z-index: 98}


.visual_select>ul>li select {border:1px solid #fff; width: 100%;height:30px;font-size: 13px;color: #656565; background:#fff url(/image/main/sel_bt.png) no-repeat 100% 50%;  -webkit-appearance: none; -moz-appearance: none;appearance: none;text-indent: 10px}

select::-ms-expand { /* for IE 11 */
    display: none;}

.mainVisual .slick-dots {display:none !important;position:absolute;margin:auto;left:50%;margin-left:-610px;max-width:1280px;bottom:5rem;;text-align: left;}
.mainVisual .slick-dots:after {content:""; display:block; clear:both;}
.mainVisual .slick-dots > li {display:inline-block;margin:0px 3px}
.mainVisual .slick-dots > li button{border:0;vertical-align:middle;width:6px; height:6px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(0,0,0,.2);border-radius:50%;}
.mainVisual .slick-dots > li.slick-active button{background-color:#000;}


.mainVisual .slick-arrow{display:none !important;position:absolute; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.mainVisual .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:15rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:60px;height:60px;margin-top:-55px;}

.mainVisual .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:15rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:60px;height:60px;margin-top:-55px;}
.scroll_ic {position: absolute;bottom:-5rem;left:0;width:100%;text-align:center;}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.img_dummy {display:block;background-size:contain !important;background-position:center center !important}


.main_con {padding:15rem 0 17rem;background:url('/image/main/con_bg.png') 50% 50% no-repeat;background-size:cover;}
.con1_bx {display:table;width:100%;max-width:1230px;margin:auto;}
.con1_bx>div {color:#454545;font-size:1.9rem;display:table-cell;vertical-align: bottom}
.con1_bx>div:nth-child(1) {width:45%;}
.con1_bx>div:nth-child(2) {padding-bottom:2rem;}

.main_con1 {max-width:1525px;margin:auto;margin-top:15rem;position: relative;padding-left:50rem;}
.main_con1 .left {position: absolute;left:0;top:8rem}
.main_con1 .left .st1 {color:#000;font-family:'Poppins';font-size:6rem;line-height:7rem;font-weight:800;}
.main_con1 .left .st1 span {color:#979797}
.main_con1 .left .st2 {color:#000;font-size:4rem;font-weight:600;}
.main_con1 .left .st3 {color:#454545;font-size:1.8rem;font-weight:300;}
.main_con1 .left .st3 p{;font-weight:normal;}
.main_con1 .left .st4 a{margin-top:7rem;display:inline-block;color:#fe4d11;font-size:1.9rem;}
.main_con1 .left .st4 a img {vertical-align: middle}
.con_slider3 .slick-dots,
.con_slider2 .slick-dots,
.con_slider1 .slick-dots {position:absolute;margin:auto;left:0%;width:100%;bottom:5rem;;text-align: center;}
.con_slider2 .slick-dots:after,
.con_slider3 .slick-dots:after,
.con_slider1 .slick-dots:after {content:""; display:block; clear:both;}
.con_slider2 .slick-dots > li,
.con_slider3 .slick-dots > li,
.con_slider1 .slick-dots > li {display:inline-block;margin:0px 1rem}
.con_slider2 .slick-dots > li button,
.con_slider3 .slick-dots > li button,
.con_slider1 .slick-dots > li button{border:0;vertical-align:middle;width:15px; height:15px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(255,255,255,.3);border-radius:50%;}
.con_slider2 .slick-dots > li.slick-active button,
.con_slider3 .slick-dots > li.slick-active button,
.con_slider1 .slick-dots > li.slick-active button{background-color:#fff;}

.main_con2 {max-width:1525px;margin:auto;margin-top:18rem;position: relative;padding-right:48rem;}
.main_con2 .left {position: absolute;right:11rem;top:8rem}
.main_con2 .left .st1 {color:#000;font-family:'Poppins';font-size:6rem;line-height:7rem;font-weight:800;}
.main_con2 .left .st1 span {color:#979797}
.main_con2 .left .st2 {color:#000;font-size:4rem;font-weight:600;}
.main_con2 .left .st3 {color:#454545;font-size:1.8rem;font-weight:300;}
.main_con2 .left .st3 p{;font-weight:normal;}
.main_con2 .left .st4 a{margin-top:7rem;display:inline-block;color:#fe4d11;font-size:1.9rem;}
.main_con2 .left .st4 a img {vertical-align: middle}
.pc_br{display:block}


.main_con3 {margin-top:18rem;}


.main_con4 {padding-top:16rem;background-color:#f6f6f6}
.main_con4>div.st1{max-width:1180px;margin:auto;}
.txt_st1 {position:relative; color:#000;font-size:6.8rem;font-weight:600;font-family:'Poppins';display:inline-block;}
.txt_st1:before {background-color:rgba(104,140,192,.1);border-radius:50%;content:"";width:150px;height:150px;position: absolute;left:-4rem;bottom:0;}
.txt_st1:after {background-color:#fe4d11;border-radius:50%;content:"";width:20px;height:20px;position: absolute;right:-6rem;top:0rem;}
.main_con4>div.st1 p {margin-top:4.5rem;font-size:1.9rem;}
.main_con4>div.st1 p img {margin-left:1rem;vertical-align: middle}

.main_con4_li {max-width:1920px;margin:auto;margin-top:100px;padding-left:52rem;}

.con4_li {margin-right:-11rem}
.con4_li .st1 {font-family:'Poppins';color:#000;font-size:1.6rem;font-weight:600}
.con4_li .st2 {font-family:'Poppins';color:#ef8f07;font-size:3.3rem;font-weight:600}
.con4_li img {border-radius:20px;margin:1.5rem 0;}
.con4_li .slick-list {padding-left:4rem;}
.con4_li .st3 {padding-right:7rem;color:#000;font-size:2rem; background:url('/image/main/m_1.png') 100%   50% no-repeat;}
.con4_li .bx1 {padding:2rem;padding-bottom:7rem;}
.con4_li .bx1:hover {background-color:#fe9807;position: relative;}
.con4_li .bx1:hover img {box-shadow:1px 1px 10px 1px rgba(0,0,0,0.2);}
.con4_li .bx1:hover .st2,
.con4_li .bx1:hover .st3,
.con4_li .bx1:hover .st1 {color:#fff;}
.con4_li .bx1:hover .st3 {background:url('/image/main/m_2.png') 100%   50% no-repeat;}
.con4_li .slick-slide {position:relative;}
.con4_li .slick-slide:hover:before {content:"";width:25px;height:20px;background:url('/image/main/d1.png') no-repeat;position: absolute;bottom:0;left:-24px;;}





.con4_li .slick-arrow{position:absolute;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.con4_li .slick-prev {text-indent:-999999px;z-index:99;border:0;bottom:7rem;position:absolute;left:-15rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:60px;height:60px;;}

.con4_li .slick-next {text-indent:-999999px;z-index:99;border:0;bottom:7rem;position:absolute;left:-7rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:60px;height:60px}

.main_con5 {max-width:1180px;margin:auto;padding:18rem 0 10rem;}

.main_con5>div.st1 p {margin-top:4.5rem;font-size:1.9rem;}
.main_con5>div.st1 p img {margin-left:1rem;vertical-align: middle}

.con5_li {;margin-top:100px}
.con5_li .st1 {font-size:2rem;background-color:#f6f6f6;padding:1.5rem 1rem;} 
.con5_li .st2 {margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #ddd;}
.con5_li .st3 {color:#979797;font-size:1.5rem;font-weight:300;}
.con5_li .st4 {color:#fe4d11;font-size:1.5rem;font-weight:300;}
.con5_li img {width:100%;}
.con5_li .swiper {padding-bottom:7rem}
.con5_li .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {margin:2px 0;width:70%;position: relative;margin:auto;bottom:-7rem;height:10px;;padding:2px 0;background:none; }
.con5_li .swiper-scrollbar-drag {height:6px;background-color:#ff9900;border-radius:50rem;}
.con5_li .swiper-scrollbar.swiper-scrollbar-horizontal:before {content:"";width:100%;height:1px;background-color:#ddd;position: absolute;bottom:4px;left:0;width:100%;}



.main_con6 {padding:10rem 0;background:url('/image/main/con6_bg.png') 50% 50% no-repeat;background-size:cover;}
.main_con6>div {max-width:1180px;margin:auto;}
.con6_li {width:100%;display:table;}
.con6_li>div {display:table-cell;vertical-align: middle}
.con6_li .left li {padding:2rem 0;width:33.333%;float:left;border-right:1px solid rgba(0,0,0,0.3);}
.con6_li .left span {color:#000;font-size:1.6rem;border:1px solid #000;display:inline-block;padding:1rem 3rem;opacity: .9}
.con6_li .left p {font-size:2rem;margin-top:1rem;font-weight:500;margin-bottom:2rem;}
.con6_li .right {padding-left:10rem}
.con6_li .left {width:55%;}
.con6_li .left li:last-child {border-right:0}

.con6_li .right .st1 {font-family:'Poppins';color:#fe4d11;font-size:1.7rem;font-weight:300}
.con6_li .right .st2 {color:#000;font-size:3.2rem;font-weight:600}
.con6_li .right .st3{font-family:'Poppins';padding:1rem 0;border-bottom:1px solid #ddd;color:#000;font-size:3.2rem;font-weight:700;background:url('/image/main/ic1.png') 100% 50% no-repeat;}
.con6_li .right .st4{padding:1rem 0;;color:#000;font-size:2.3rem;font-weight:300;background:url('/image/main/ic2.png') 100% 50% no-repeat;}



/*메인컨텐츠 끝*/















/*하단*/

#footer{border-top:1px solid #ddd;background-color:#f6f6f6;;height:auto !important;padding:4rem 10rem ; }

#footer ul li span {display:inlie-block;margin:0 1rem;font-size:1.7rem;color:#ddd;}
#footer ul li a{color:#454545;font-size:1.7rem;}
#footer ul li {float:left;}
#footer div.st2 {color:#676767;font-size:1.5rem;}
#footer div.st2  span {color:#ddd;display:inline-block;margin:0 5px}
#footer div.st3 {position: absolute;right:0;top:0;}
#footer div.st3 a {margin-left:1rem}
#footer .footerArea{width: 100%; margin:0 auto;  position: relative;box-sizing:border-box;}
.fcon_top2 {padding:1.5rem 0;border-bottom:1px solid #000;border-top:1px solid #000;position:relative;margin:auto;}
.fcon_top2>ul>li {display:inline-block;}
.fcon_top2>ul>li a {;font-size:1.4rem;}

.fcon_top2>ul>li span {display:inline-block;margin:0 3.5rem;font-size:1.4rem;}
.fcont_bt {font-weight:500;font-size:1.4rem; }
.mo_family {position: absolute;right:7rem;top:1rem;}

.fcont_bt {padding:4rem 0;max-width:1280px;margin:auto;position: relative;}
.fcont_bt>div {padding:0 8rem;text-align:left;display:inline-block;}
.fcont_bt .left {position: absolute;left:0;top:4rem;}
.fcont_bt .right {position: absolute;right:0;top:4.2rem;}
.fcont_bt .right a {margin-left:1.5rem;}
/*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;}


 .mainVisual video {
     position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 9;
}


.right_lang {right:0;background-color:#fff;display:none;position:absolute;border:1px solid #ddd;top:3rem;text-align:center}
.right_lang a {line-height:2.5rem;color:#959595;margin:0;font-size:1.4rem;width:60px;display:block}
.right_lang a:hover{color:#000}



.element_to_pop_up2,
.element_to_pop_up5 { position :fixed !important;right:0 !important;left:0 !important;display:none;top:0 !important;}
.search_pop {padding:26rem 0 10rem;top:0 !important;background-color:#000;width:100vw;left:0 !Important;}
.search_bar {max-width:58rem;border-bottom:2px solid #fff;margin:auto;}
.search_bar input[type="text"] {width:90%;border:0;background:none;font-size:2.5rem;color:#fff;padding:1rem 2rem;}
.search_bar button {border:0;background:none;}
.search_bar button.st2 {border:1px solid #fff;font-size:1.8rem;color:#fff;line-height:6rem;width:150px;}
.pop_close {cursor:pointer;max-width:1280px;left:50%;margin-left:-640px; position: absolute;right:0;top:3rem;}