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


/*메뉴시작*/
#topmenu_wrap {padding:0 10rem;width:100%;margin: auto;z-index:999;position:absolute;top:0;transition:all .5s}
/*#topmenu_wrap:hover,
#topmenu_wrap.line {background-color:#fff;;}


 #topmenu_wrap:hover .right_ic li span,
 #topmenu_wrap:hover .menu>li>a ,
#topmenu_wrap.line .right_ic li span,
#topmenu_wrap.line .menu>li>a  {color:#000;}
#topmenu_wrap:hover  .right_ic>span {color:#44833f;}


#topmenu_wrap.line .right_ic>span,
#topmenu_wrap:hover .right_ic li a ,
#topmenu_wrap.line .right_ic li a {color:#06274c;}*/
.of_img {display:none}
 #topmenu_wrap:hover  .of_img ,
.line .of_img {display:inline-block}
#topmenu_wrap:hover   .o_img,
.line .o_img {display:none} 
#gnb {border-bottom:1px solid rgba(255,255,255,.2);font-family: 'Poppins', sans-serif;position: relative;;}
#gnb_wrap {position:relative;z-index: 99;padding:0 16rem;transition:all 0.5s}
.sub_menu {padding-bottom:5rem}
#topmenu_wrap .right_top {position: absolute;right:0;top:0;}
#gnb>ul>li{float: left;position:relative;font-size:15px;color:#000;text-align: center;}
/*.menu>li {display:inline-block;position:relative;}*/
.menu {display:inline-block;overflow: hidden;}
.menu>li {float:left;display:inline-block}
.menu>li>a {transition:all 0.5s;color:#fff;position:relative;box-sizing: border-box;font-size:1.7rem;;padding:3.2rem 0;margin:0 4.5rem;}
/*.menu>li>a.color_b2 {border-bottom:1px solid #000;}*/
.menu_top{display: block; color: #000;text-decoration: none;}
.menu_top_sel {background:url("/image/main/menu_arrow.png") center bottom no-repeat;}
/*.sub_menu {position:absolute;width:200px;left:-2.5rem;padding:1rem 0;overflow:hidden;background-color:#fff;}*/
.menu li:nth-child(2) .sub_menu  {left:-3.2rem}
#gnb h1 {position:absolute;left:0;top:1.5rem; }
.sub_menu>li>a{display: block;text-align: left;color:#212121; background-color: #fff;font-weight: normal;font-size:1.7rem;}

/*.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:#7c5246 !important;;}
#gnb_wrap {position: relative}
.sub_menu_wrap {padding:2rem 0;transition: .2s; ;margin-top:-1px;display:none; width:100%;left:0rem;position: relative;;z-index: 99999;overflow: hidden;}
.sub_menu_wrap_on {display:block;}
.sub_menu {font-family: 'Noto Sans KR';max-width:1180px;margin:auto;overflow:hidden;}
.sub_menu li {display: block;}
.sub_menu li a{ position:relative;display: inline-block;color:#454545;padding:10px 0; background: none;font-weight: normal;font-size:1.7rem;}
.sub_menu li a:before {content:"";transition:all .5s;background:url('/image/main/arrow.png') 0 0 no-repeat;width:0;overflow:hidden;height:12px;position: absolute;top:36%;left:110%;;}
/*.right_f {position: relative}
.right_f:before {content:"";width:100%;height:100%;top:107px;background-color:#fafafa;position: absolute;left: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;}

#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 {display:none}
.aside.in {display:block;}
.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 }
.menu_top_sel {color:#002f65 !important;}

.en_btn {background-color:#fff;line-height:49px;border-left:1px solid #ddd;border-right:1px solid #ddd;width:145px;text-align:center;display:inline-block;color:#252525;font-size:1.4rem;position:absolute;right:0px;top:-8px}
.en_btn>a {display:block;    line-height: 49px !important;}

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

.on_img {display:none}

.top_right {margin-top:3.5rem;margin-left:3rem;}
.top_right a {margin-left:3rem;color:#454545;font-size:1.5rem;display:inline-block;;}
/*메뉴끝*/
/*메인비쥬얼*/
.video{position: relative;height:100vh;}
/*.video>div {height:100%}*/
.nw_mvsl{width:100%;position: relative;height:100vh;}
.nw_mvsl .item{position: relative}
.nw_mvsl .video .mo_img2,
.nw_mvsl .video .pc_img2 { height:100%;}
.nw_mvsl .item:before{content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.6);position: absolute;left:0;top:0;}
/*.video:before {content:"";background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute; z-index:99 ;left:0;top:0;;}*/
video {height:100%;
                width:100% !important;
                  object-fit: cover;
                   min-width: 100%;
                 min-height: 100%;
                }
.nw_mvsl .slick-track {width:100%;height:100%}
.nw_mvsl .slick-list {width:100%;height:100%}
.nw_mvsl .slick-slide {position:relative}
.nw_mvsl .item  {height:100vh}
.main-slider {width:100%;height:100%;position: relative}
 .wid{overflow: hidden;text-align:center; position: absolute; z-index:999; width: 100%; height: 100%; display: block;}
 .wid > .all_txt{margin:0 auto;text-align:center;top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;position:absolute;vertical-align:middle;}
 .wid > .all_txt > p.mvtxt1{margin-top:110px;font-size:23px;color:#fff;}
.wid > .all_txt > p.mvtxt2{margin-top:15px;font-size:40px;color:#fff;line-height:51px;}
.wid > .all_txt > p.mvtxt2 strong{display:block;}
.wid > .all_txt > p.mvtxt4{display:inline-block;width:180px;height:46px;line-height:46px;text-align:center;border:1px solid #fff;margin-top:30px;font-size:14px;color:#fff;font-weight: 400;}
.nw_mvsl .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:10%;background-color:rgba(255,255,255,0);background:url('/image/main/mvs_prev11.png') no-repeat;width:30px;height:57px;}

.nw_mvsl .slick-next {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:10%;background-color:rgba(255,255,255,0);background:url('/image/main/mvs_next11.png') no-repeat;width:30px;height:57px;}

.nw_mvsl .slick-dots{position:absolute;right:10rem;; top: 50%;
z-index:99;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);}
.nw_mvsl .slick-dots > li{padding:4px 0;;text-align: center;display:block;}
.nw_mvsl .slick-dots button{;background-color:rgba(255,255,255,.5);width:1px;height:60px;font-size:0;border:0;}
.nw_mvsl .slick-active button{width: 3px;height: 60px;background-color:#fff;;}
.scroll_ic {position: absolute;bottom:3rem;left:0;width:100%;z-index: 99}
.visual_txt {font-family: 'Poppins', sans-serif;width:100%;z-index:99; position: absolute; top: 50%;
  left: 50%;
  max-width:1180px;
  margin-left:-590px;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: center;color:#fff}
.visual_txt .st1 {font-size:2.5rem;color:#fff;}

.visual_txt .st2{font-size:2.6rem;font-weight:300;opacity: .8}
.visual_txt .st3 a{padding:1rem 5rem;border-radius:50rem;font-family: 'Noto Sans KR';color:#fff;font-size:1.8rem;border:1px solid #fff;}
.visual_txt .st3 span {overflow:hidden; margin-left:2rem;;display:inline-block;position: relative}
.visual_txt .st3 span img {transition: .4s;vertical-align: middle}


.nw_mvsl .pc_img {height:100% !important}
.main-slider .img_dummy {height:100%}
.img_dummy {display:block;background-size:cover !important;background-position:center center !important}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 {padding:15rem 0;max-width:1180px;margin:auto;}
.main_con1>div {display:table;width:100%;}
.main_con1>div>div {display:table-cell;vertical-align: middle}
.main_con1 .st1 {line-height:43px;font-size:4rem;font-weight:600;padding-left:170px;position: relative}
.main_con1 .st1 span {font-family:normal;font-size:2.5rem;}
.main_con1 .st1:before{background:url('/image/main/con1_ic1.png')  no-repeat; content:"";width:145px;height:68px;;position: absolute;left:0;top:27%;}
.main_con1 .st2 p {font-size:3rem;font-weight:500;}
.main_con1 .st2 div {margin-top:1rem;font-size:2rem;color:#454545;font-weight:300;}
.main_con1>div>div:nth-child(1) {width:500px;}
.main_con1>div>div:nth-child(3) {width:200px;}

.main_con3 {padding:15rem 0;}
.main_con3>p {font-size:3.5rem;font-weight:500;}
.main_con3>div {padding:0 10rem;max-width:1920px;margin:auto;}
.main_con3>div ul {margin-left:-5rem;}
.main_con3>div li {width:20%;float:left;padding-left:5rem;}
.main_con3>div li p {margin-top:2.5rem;font-size:2.2rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:2rem;margin-bottom:2rem;}
.main_con3>div li div {padding:0 1rem;color:#454545;font-size:1.7rem;font-weight:300}

.main_con4 {padding:23rem 0 18rem;background-color:#f8f8f8;}
.main_con4>div {max-width:1180px;margin:auto;}
.slider_bx {display:table;width:100%;}
.slider_bx>div {width:50%;display:table-cell;vertical-align: middle}
.slider_bx .st1 {color:#454545;font-size:2.3rem;font-family:'Lato';}
.slider_bx .st2 {line-height:6rem;color:#000;font-size:4.5rem;font-family:'Lato';font-weight:600}
.slider_bx .st2 span {line-height:6rem;vertical-align:middle; font-size:2rem;}
.slider_bx .st3 {line-height:3rem;color:#454545;font-size:2rem;font-weight:300}
.main_con4_li .slick-prev {text-indent:-999999px;z-index:999;border:0;top:38%;position:absolute;left:-150px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_left2.png') no-repeat;width:35px;height:67px}
.main_con4_li .slick-next {text-indent:-999999px;z-index:999;border:0;top:38%;position:absolute;right:-150px;background-color:rgba(255,255,255,0);background:url('/image/main/visual_right2.png') no-repeat;width:35px;height:67px}
.main_con4_li .slick-dots {text-align:center;position: absolute;top:-14rem;left:0;width:100%}
.main_con4_li .slick-dots button {color:#676767;font-size:2.3rem;font-family:'Lato';font-weight:300;border:0;background:none}
.main_con4_li .slick-dots li {;margin:0 7rem;display:inline-block;}
.main_con4_li .slick-active button {color:#000;font-weight:600}
/*메인컨텐츠 끝*/

/*하단*/

.main_foot {border-top:1px solid #ddd;;}
.foot_top {display:table;width:100%;border-bottom:1px solid #ddd;padding:5rem 10rem;}
.foot_top>div {display:table-cell;vertical-align: top;}
.foot_top>div:nth-child(1) {width:19%;}
.foot_top>div:nth-child(2) {width:38%;}
.foot_top>div:nth-child(4) {width:12%;}
.foot_top .st1 {color:#454545;font-size:1.6rem;font-weight:300}
.foot_top .st2 {;font-size:3.3rem;}
.foot_top .st3 {;font-size:1.6rem;}
.foot_top .st4 {;font-size:1.7rem;}
.foot_top .st6 {;font-size:1.7rem;color:#676767;font-weight:300;margin-top:1rem;}
.foot_top .st5 span {margin-right:1.5rem;}
.foot_top .st4 span {color:#979797;font-weight:100}
.foot_btm {display:table;width:100%;border-bottom:1px solid #ddd;padding:5rem 10rem;}
.foot_btm>div {display:table-cell;vertical-align: top;}
.foot_btm>div:nth-child(1) {width:27%;}
.foot_btm>div:nth-child(3) {width:35%;}
.foot_btm .st1 {;font-size:1.6rem;}
.foot_btm .st1 span {display:inline-block;padding:0 5px}
.foot_btm .st2 a {;font-size:1.6rem;border-bottom:1px solid #000;display:inline-block;}

.foot_btm .st3 {font-weight:300;color:#676767;font-size:1.6rem;}
.foot_btm .st1 span {color:#979797;font-weight:100}
/*familsite*/
.family_wrap {float: right}
.family_wrap .family_inner2{width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family{position:absolute; right:0; top:0;}
.family_wrap .family_inner2 .family button{font-weight: 300;height:50px; background:#3b3b3b url("/image/main/pl_ic.png") 90% 50% no-repeat;width:220px; border:0;text-align:left; text-indent:12px; font-size:1.4rem; color:rgba(255,255,255,0.7); outline:none;}
.family_list{ background:#3b3b3b; width:220px; position:absolute; left:0; bottom:50px;   line-height:40px; border-bottom:none; overflow:auto; display:none;}
.family_list a{display:block; color:#969696;text-align:left;font-size: 13px;text-indent:10px;}

.foot_sns_mo {display:none;}


.all_box2 {display:none}

.pc_br {display:block !important}



.main-slider .items{
    
        -ms-transform: scale(1.0,1.0);
    -o-transform: scale(1.0,1.0); 
    -moz-transform: scale(1.0,1.0); 
    -webkit-transform: scale(1.0,1.0); 
     transform: scale(1.0,1.0);
       
    
}
.main-slider .st2 img {display:inline}
.main-slider .active-item .items{
width:100%;
    height:100%;
 -ms-transform: scale(1.1,1.1) rotate(0.0001deg);
    -o-transform: scale(1.1,1.1) rotate(0.0001deg);
    -moz-transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transform: scale(1.1,1.1) rotate(0.0001deg);
     transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transition:transform 8000ms  ease-in-out ;
    -moz-transition:transform 8000ms ease-in-out ;
    -o-transition:transform 8000ms ease-in-out ;
    -ms-transition:transform 8000ms ease-in-out ;
    transition:transform 8000ms ease-in-out ;   
}
.main-slider .img_dummy img {height:100vh;}

.banner_li img {display:inline-block !important}
.banner_li .slick-prev {text-indent:-999999px;z-index:999;border:0;top:45%;position:absolute;margin-left:-840px;left:50%;background-color:rgba(255,255,255,0);background:url('/image/main/visual_left2.png') no-repeat;width:35px;height:67px}
.banner_li .slick-next {text-indent:-999999px;z-index:999;border:0;top:45%;position:absolute;margin-right:-840px;right:50%;background-color:rgba(255,255,255,0);background:url('/image/main/visual_right2.png') no-repeat;width:35px;height:67px}

.banner_li .slick-dots {position:absolute;width:100%;bottom:3rem;text-align:center;;left:0%;;}
.banner_li .slick-dots:after {content:""; display:block; clear:both;}
.banner_li .slick-dots > li {display:inline-block;margin:0px .56rem}
.banner_li .slick-dots > li button{border:0;vertical-align:middle;width:8px; height:8px;box-sizing:content-box;  overflow:hidden; text-indent: -9999px; position:relative;border:2px solid #fff;;border-radius:50%;}
.banner_li .slick-dots > li.slick-active button{background-color:#fff;;;width:12px;height:12px;box-sizing:content-box;}