

body {width: 100%; overflow-x: auto;}
#wrap {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;}


/*메뉴시작*/

/*.line{background-color:#fff;}
.line .menu>li>a {color:#000}
.line .login_li a {color:#5b5b5b;}
.line .login_li a 
.line .login_li li:before {background-color:#5b5b5b}
.line .right_ic .box1 a {color:#969696;border:1px solid #969696;opacity: 1}
.of_img {display:none}
.line .of_img {display:inline-block}
.line .o_img {display:none}*/
.of_img {display:none}
.line .of_img {display:inline-block}
.line .o_img {display:none}
.line .menu>li>a {color:#000}
#topmenu_wrap {position: absolute;left:0;top:0;width:100%;z-index: 99;height:auto;}
#gnb {position: relative;;}
#gnb_wrap {position:relative;z-index: 99;margin:0 10rem}
#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 {box-sizing: border-box;color: #fff;font-size:1.8rem;padding:4rem 7rem;}
.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.8rem; }
.sub_menu>li>a{display: block;text-align: left;color:#212121; background-color: #fff;font-weight: normal;font-size:1.7rem;}
#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}*/
#topmenu_wrap.line { background-color:#fff;}
#topmenu_wrap.line:before {content:"";width:100%;height:100%;top:70px;background-color:#fafafa;position:absolute;left:0;top:100px;}
.sub_menu_wrap {padding-top:2rem;display:none; width:100%;left:0rem;position: relative;z-index: 99999;overflow: hidden;}
.sub_menu_wrap_on {display:block;}
.sub_menu {max-width:1180px;margin:auto;overflow:hidden;}
.sub_menu li {display: block;}
.sub_menu li a{letter-spacing:-0.1px;font-weight:300;display: block;text-align: center;color:#000;line-height:4.6rem; background: none;font-weight: normal;font-size:1.7rem;}
.sub_menu li a:hover{color:#fc4c03;}
/*.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 {display:none}
.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;}
.close_pop2 {cursor:pointer;margin-top:2rem;}
.all_menu_pop {display:none; z-index:9999999;top:0; padding:2rem 10rem;background-color:#fff;position: absolute;left:0;top:0;width:100%;height:100vh;}
.all_menu_pop .top_1 {;position: absolute;top:2rem;left:10rem;right:10rem;}
.all_menu_pop .top_1 span {position: absolute;right:0;top:0}
.menu_in {max-width:1180px;margin:auto}
.all_menu_pop>div {display:table;width:100%;height:100%;}
.all_menu_pop>div>div {display:table-cell;vertical-align: middle}
.menu_in>div {max-width:1180px;margin:auto;}
.menu_in>div>div {clear:both;overflow:hidden;padding:4rem 0;border-bottom:1px solid #ddd;}
.menu_in>div>div>p {float:left; font-size:2.6rem;font-weight:600;width:200px;}

.menu_in>div>div ul {float:left;}
.menu_in>div>div ul li {display:inline-block;}
.menu_in>div>div ul a {;font-size:2rem;font-weight:300;}
.menu_in>div>div ul span {color:#676767;font-size:2rem;font-weight: 100;display:inline-block;padding:0 1rem;}
.menu_in>div>div ul a:hover{color:#fc4c03;}

select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}
.sec6_li2  li:hover .on_img{display:inline-block}
.sec6_li2  li:hover .off_img{display:none}


/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

.right_ic .box1 a {display:inline-block;font-size:1.5rem;color:#fff;border:1px solid #fff;opacity: .8;padding:1rem 2rem;}
.right_ic .box1 {margin:.8rem 0;margin-left:1rem;}
.right_ic {position: absolute;right:0;top:4rem;}
.right_ic .search {margin-left:5rem}



.search_bg {z-index: 99999;display:none;position:absolute;top:0;width:100%;left:0;height:100vh;background-color:rgba(0,0,0,0.95)}
.search_bg>div {width:100%;display:table;max-width:780px;margin:auto;height:100%}
.search_bg>div>div {display:table-cell;vertical-align: middle}
.search_bg button {background:none;border:0;}
.close_pop {position: absolute;right:3rem;top:3rem}

.search_1 {padding:1rem;border-bottom:2px solid #fff;}
.search_1 input[type="text"] {background:none;border:0;font-size:3.5rem;color:#fff;width:94%}
.search_2 {padding:1rem;color:#fff}
.search_2 p {font-size:1.9rem;display:inline-block;border-bottom:1px solid #fff;}
.search_2 a {display:inline-block;margin-bottom:1rem;font-size:1.7rem;color:#fff;font-weight:300;}


.close_pop {cursor:pointer}



/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {position:relative;overflow:hidden;}
.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;}
.mainVisual:before {content:"";background:url('/image/main/visual_dot.png') no-repeat;width:99px;height:50px;position: absolute;bottom:0;left:50%;margin-left:-50px;    z-index: 9;}

.mslider_in {z-index:9;position:absolute;top:0px;left:50%;width:100%;max-width:1180px;margin-left:-590px;height:100%;display:table;box-sizing:border-box;  table-layout:fixed;}
.mslider_in_in {padding-bottom:13rem;letter-spacing:-0.25px; font-size:5.5rem;color:#fff;font-weight:300;display:table-cell;vertical-align:bottom;}
.mslider_in_in>div>p {font-size:2.3rem;font-weight:300}
.mslider_in_in>div>div {font-size:2.6rem}
.visual_li {margin-left:-2rem;}
.mainVisual .slick-list {height:100%;}
.mainVisual .item img {width:100%;height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}


.video {position: relative}
.video:before {content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.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 {position:absolute;width:100%;bottom:7rem;text-align: left;z-index: 99;margin:auto;left:50%;margin-left:-590px;max-width:1180px;}
.mainVisual .slick-dots:after {content:""; display:block; clear:both;}
.mainVisual .slick-dots > li {display:inline-block;margin-right:10px;}
.mainVisual .slick-dots > li button{border:0;vertical-align:middle;width:60px; height:2px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(255,255,255,.5);}
.mainVisual .slick-dots > li.slick-active button{background-color:rgba(255,255,255,1);}


.mainVisual .slick-arrow{position:absolute;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.mainVisual .slick-prev {text-indent:-999999px;z-index:99;border:0;bottom:14rem;position:absolute;right:50%;margin-right:-525px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:65px;height:65px;}

.mainVisual .slick-next {text-indent:-999999px;z-index:99;border:0;bottom:14rem;position:absolute;right:50%;margin-right:-590px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:65px;height:65px;;}

/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.quick_ic5 {position: fixed;right:5rem;bottom:5rem; z-index: 9999}
.quick_ic5 img {display:block}
.quick_ic5.cb5 {bottom:46rem}
.main_con1 {padding-top:23rem;background:url('/image/main/main_bg1.png') 50% 50% no-repeat;background-size:cover;}
.main_con1 .st1 {font-family:'Poppins';font-size:120px;line-height:88px;margin-top:2rem;font-weight:800;color:#fff;}
.main_con2 {font-size:2rem;}

.main_con2 p a{font-size:1.8rem;border:2px solid #000;display:inline-block;padding:1.5rem 7rem;border-radius:50rem;}

.main_con3 {background:url('/image/main/banner_bg.png') no-repeat;background-size:cover;max-width:1720px;padding:13rem 0;margin:auto;}
.main_con3>div {color:#fff;margin:auto;display:table;max-width:1180px;width:100%;}
.main_con3>div>p {font-size:3.3rem;display:table-cell;vertical-align: middle}
.main_con3>div>p:nth-child(1) {width:13%;}
.main_con3>div>p span {font-weight:600}

.main_con4 {padding:6rem 0;position: relative;}
.main_con4:before{content:"";width:100vw;overflow:hidden;left:50%;margin-left:-50vw;height:510px;background-color:#f9f9f9;position: absolute;top:-20rem;z-index: -1}
.main_con4 p {font-size:2rem;margin-top:1rem;}
.main_con4 li {width:16.66666%;float:Left;}
.main_con4 ul {max-width:1180px;margin:auto;}
/*메인컨텐츠 끝*/

.mainVisual .main-slider {height:100%} 
.video {height:100vh}
video {
                width:100% !important;
                  object-fit: cover;
                   min-width: 100%;
                 min-height: 100%;
                 height:100%;
                }











/*하단*/

#footer{color:#fff;background-color:#59595b;padding:8rem 10rem 5rem;height:auto !important; }
#footer .footerArea{}
.fcont2 {position:relative;margin:auto}
.fcon_top2 {position:relative;padding-bottom:5rem;margin-bottom:5rem;;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.7rem;}
.fcon_top2>div {overflow:hidden;clear:both}
.fcon_top2>div>p {float:left;}
.fcon_top2>div>p:nth-child(1) {width:315px;}
.fcon_top2>div>p img {margin-left:2rem;vertical-align: middle}
.foot_ar {position: absolute;right:0;bottom:5rem;font-weight:300;font-size:1.5rem;opacity: .5}


.fcont_bt {font-weight:100;color:#ccc;font-size:1.5rem;  padding-top:1.5rem;}

.fcont_bt>p {font-size:1.8rem;color:#d44f37;}
.sns_ic {margin-top:2rem;}
.fcont_bt .st2 a{font-weight:300;font-size:1.6rem;color:#fff;}

.fcont_bt .st2>p>span>span {color:#979797;font-weight:100;display:inline-block;margin:0 5px;}
/*familsite*/
.family_wrap {}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:200px; height:43px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:0;border-bottom:1px solid #fff;height:43px; text-align:left;background:#59595b url('/image/main/p_ic.png') 100% 50% no-repeat; font-size:1.6rem; color:#fff; outline:none;}
.family_list{  width:200px; position:absolute; right:0; bottom:43px;  color:#fff; line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#59595b;}
.family_list a{display:block; color:#fff;text-align:left;font-size: 1.4rem}


