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;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {border-radius:1rem;}

textarea{font-family: "Pretendard Variable", Pretendard, 'Noto Sans', sans-serif, "돋움", dotum, AppleGothic;}
.pop_order2>div>div input[type="text"] {margin-right:-5px}
.pop_order2>div>div input[type="text"] ,
.search_bar div input[type="text"],
.adress_bx input[type="text"] {border-radius:10px 0 0  10px !important}
.adress_btn,
.search_bar div .btnSch,
.pop_order2>div>div span.fl {border-radius:0 10px 10px 0 ;overflow:hidden}
/*메뉴시작*/

#topmenu_wrap {position:relative;top:0;width:100%;;margin: auto;z-index:999;}
.top_top {color:#3c3c3c;font-size:1.6rem;padding:13px 0;margin:0 10rem;border-bottom:1px solid #ddd;}
.top_top .left {font-weight:300;}
.top_top img {vertical-align: middle}
.top_top .left span {font-weight:500}
.top_top .right a {color:#000;font-size:1.5rem;font-weight:300}
.top_top .right>span {padding:0 1rem;position:relative;}
.p_num {position: absolute;font-size:1rem;color:#fff;right:-3px;top:0;background-color:#d87c56;border-radius:50%;;text-align:center;line-height:15px;;min-width:15px;height:15px;}
.p_txt {display:none;background:url('/image/main/top_bg.png') no-repeat;z-index:99;width:68px;height:32px;position: absolute;left:-11px;padding:8px 1.4rem;color:#000;bottom:-4rem;} 
#gnb {position: absolute;width:100%;;}
#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 {float:left;display:inline-block}
.menu>li>a {box-sizing: border-box;color: #000;font-size:2.0rem;padding:4rem 6rem;font-weight:500}

.sub_menu.sub_m1 li ul li a {margin-bottom:2rem;display:block;}
.sub_menu.sub_m1 li ul li a:hover  {color:#9e9180 !important;}

.sub_menu.sub_m1 li:hover > ul {display: block;}
.menu_top{display: block; color: #000;text-decoration: none;}
.logo_b{position:absolute;left:10rem;top:4rem; }
.sub_menu>li>a{display: block;color:#212121; background-color: #fff;font-weight: normal;font-size:1.7rem;}
#gnb .fr {margin-top:2rem}
.top_right {position: absolute;right:10rem;top:2.8rem;}
.top_right .st1 {vertical-align: middle;font-size:1.6rem;font-weight:100;color:#fff}
.top_right .st1 a {display:inline-block;font-size:1.7rem;font-weight:500;padding:1rem 3rem;color:#000;;border:1px solid #bbb;border-radius:50rem;}
.top_right .st1 a img {vertical-align: middle}
.top_right .st2 img {vertical-align: middle;margin-left:1rem;}
.sub_menu_wrap {background-color:#fff;margin-top:-10px;position:relative;;display:none;z-index: 99999;border:1px solid #000;height:250px;}/*height 수정*/
.sub_menu.sub_m1 li ul {display: none;position: absolute; background-color:#fff;border:1px solid #000;border-left:1px solid #ddd;position: absolute;left:100%;margin-left:-1px;padding:2rem;text-align:left;min-width:200px;top:-1px;height:250px;}/*height 수정*/
.color_b {position: relative;display: block}
.color_b:before {content:"";width:160px;left:50%;margin-left:-80px;height:3px;background-color:#9e9180;position: absolute;bottom:0;z-index: 99}
.sub_menu {position:relative;}
.sub_menu>li>a{padding:2rem 2.5rem;color:#454545; background: none;font-size:1.7rem;text-align:left;}
.sub_menu>li>a:hover {color:#9e9180 !important;}
.sub_menu>li:last-child {border-bottom:0}
.line:before{content:"";width:100%;height:300px;background-color:#fafafa;position:absolute;left:0;top:145px;z-index: 9}
/*.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 }
#topmenu_wrap  {transition:all .5s;}
.body-active #topmenu_wrap {top:-200px}
.body-active.scroll-up #topmenu_wrap {top:0px;}
.body-active.scroll-up .header {top:-200px;}
select::-ms-expand { /* for IE 11 */
    display: none;}

.on_img {display:none}
.img_dummy {display:block;    background-position: center center !important;background-size:contain !important;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual .slick-slide > div{height:100%;}


   

.visual_right {position: fixed;right:3rem;bottom:3%;z-index: 99}
.visual_right ul {}
.visual_right ul li {}
.visual_right ul li  a {color:#fff;font-size:1.6rem;}
.top_btn {display:block;}
.visual_right ul li:last-child{border-bottom:0;}
.scroll {width:100%;position: absolute;bottom:5rem;}
.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 {letter-spacing:-0.25px; font-size:5.5rem;color:#fff;font-weight:300;display:table-cell;vertical-align:middle;}
.mslider_in_in>div>p {font-weight:500}
.mslider_in_in>div>div {font-size:2.8rem}
.visual_li {margin-left:-2rem;}
.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}


.slidesItem .mSliderItem,
.slidesItem .items img{
        -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);

}
.slidesItem.active-item  .mSliderItem,
.slidesItem.active-item .items img{
width:100%;
    height:100%;
    -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);
    -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 ;
}





.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;bottom:10rem;text-align: left;left:25rem}
.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:40px; height:4px; overflow:hidden; text-indent: -9999px; position:relative;background-color:#8a8780;border-radius:10px;}
.mainVisual .slick-dots > li.slick-active button{;width:40px;height:4px;background-color:#eaeae9}


.mainVisual .slick-arrow{position:absolute;z-index:999999; 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:35px;height:67px;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:35px;height:67px;margin-top:-55px;}
.mainVisual {padding:0 10rem;margin:auto;margin-top:10rem;}
.mainVisual .slick-slide img {width:100%}
.visual_txt {line-height:1.5;position: absolute;bottom:15rem;color:#fff;left:25rem;font-size:3.0rem;font-weight:300;z-index: 99}
.visual_txt  b {font-weight:600}
.visual_bottom {margin:0 10rem;background-color:#e3dfda}
.visual_bottom>div {max-width:1180px;margin:auto;}
.visual_bottom>div>div.left {padding:5rem 0;width:30%}
.visual_bottom>div>div.right {;width:70%}

.visual_bottom>div>div {float:left;}
.visual_bottom>div>div li {padding:2rem 0;width:33.3333%;float:left;}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/

.swiper {;max-width:1180px;margin:auto}
.swiper-scrollbar {height:2px !important}
.swiper-slide {padding:2rem 3rem !important;border:1px solid #fff;}
.swiper-slide:hover {border:1px solid #91827a}
.swiper-scrollbar-drag {background-color:#91827a !important}
.swiper .st1 {font-size:2rem;color:#91827a;}
.swiper .st2 {font-size:1.8rem;color:#91827a;text-decoration:line-through}
.swiper .st3 {font-size:2.6rem;color:#f9b987;font-weight:300}
.swiper .st4 {font-size:2.6rem;color:#f9b987;font-weight:500}
.swiper .st4 span{font-size:2rem;color:#f9b987;}
.swiper .swiper-slide {padding:0 3rem;position:relative}
.swiper .swiper-slide .st6 {position:absolute;right:0;top:0;}
.swiper-scrollbar {position:relative !important;max-width:1180px;margin:auto;margin-top:5rem;}
.main_title {color:#91827a;font-size:2.6rem;font-weight:600;}
.main_title span {color:#464646;}

.main_con2 {padding:8rem 10rem;position: relative;margin-top:2rem;}
.main_con2:before{z-index:-1; content:"";width:100%;bottom:0;height:335px;background-color:#ebe9e5;position: absolute;left:0;}

.main_con2>div {max-width:1720px;margin:auto}
.main_con2>div>div {margin-left:4rem;}
.main_con2 .st1 {color:#464646;font-size:2.6rem;font-weight:500}
.main_con2 .st2 {color:#8b8b8b;font-size:2rem;}
.main_con2 .bx2 {width:48%;padding-left:0;}
.main_con2>div>img {width:46%}
.multiple-items2  {margin-left:-12rem;}
.multiple-items2  .st3 {margin:2rem 0;color:#91827a;font-size:2rem;font-weight:500;}
.multiple-items2  .st4 {color:#91827a;font-size:1.8rem;text-decoration:line-through}
.multiple-items2  .st5 {color:#f9b987;font-size:2.8rem;}
.multiple-items2 .r_t {font-weight:500}
.multiple-items2 .r_t span  {font-size:2rem;}
.multiple-items2 .slick-arrow{position:absolute;;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.multiple-items2 .slick-prev {text-indent:-999999px;z-index:99;border:0;top:-9rem;position:absolute;right:28rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:30px;height:30px;;}

.multiple-items2 .slick-next {text-indent:-999999px;z-index:99;border:0;top:-9rem;position:absolute;right:25rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:30px;height:30px;}

.main_con2 .slick-slide {margin-left:4rem;padding:2rem;background-color:#f3f3f3}


.main_con3 {padding:8rem 0;max-width:1180px;margin:auto;}
.main_con3>div {width:50%;float:left;}
.main_con3>div.left {padding-right:6rem}
.main_con3>div.right {padding-left:6rem}
.main_con3 .st1 {color:#464646;font-size:2.6rem;font-weight:300;}
.main_con3 .st1 b {font-weight:600}
.main_con3 .st2 {color:#7e6a64;font-size:1.4rem;}
.main_con3 li a {display:block;margin:4px 0;color:#91827a;font-size:1.7rem;}
.main_con3 li a:hover {color:#000;text-decoration:underline !important}

.slick2 .slick-dots {position:absolute;top:2rem;;right:2rem;}
.slick2 .slick-dots:after {content:""; display:block; clear:both;}
.slick2 .slick-dots > li {display:inline-block;margin-right:10px}
.slick2 .slick-dots > li button{border:0;vertical-align:middle;width:8px; height:8px; overflow:hidden; text-indent: -9999px; position:relative;background-color:#99907e;border-radius:50%;}
.slick2 .slick-dots > li.slick-active button{;width:8px;height:8px;background-color:#796459}

.main_con4 {color:#fff;margin:0 10rem;background:url('/image/main/main_back4.png') no-repeat;padding:7rem;margin-bottom:10rem;background-size:cover;}
.main_con4 .st1 {font-size:3.2rem;font-weight:500;line-height:1.5;}
.main_con4 .st2 {font-size:1.9rem;font-weight:300;line-height:1.5;}
.main_con4 .st3 {margin-left:-3rem;max-width:1560px;margin:auto;}
.main_con4 .st3>li {width:25%;float:left;padding:0 1.5rem;}
.main_con4 .st3 .bx1>div {min-height:440px;padding:5rem 2rem 2rem 2rem;background-color:rgba(97,80,71,.6)}
.main_con4 .st3>li .st4 {min-height:60px;font-size:2.2rem;}
.main_con4 .st3>li .st5 {font-size:1.7rem;font-weight:100;line-height:1.5;}
.main_con4 .st3>li .st5 span.mt10 {display:block;padding-left:1rem;text-indent:-1rem;}

/*메인컨텐츠 끝*/

.mainVisual .main-slider {height:100%} 
.video {height:100%}
video {
    width:100% !important;
      object-fit: cover;
       min-width: 100%;
     min-height: 100%;
     height:100%;
    }







.mo_fixed {display:none}
.mo_img2 {display:none !important}
    
.main_banner_wp {position: fixed;;z-index: 99999999;left:0;top:0;width:100%;height:100%;}
.main_banner_wp:before {content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.pop_in {  width:400px;background-color:#fff;position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
  
 .slider_pop .slick-arrow{position:absolute;z-index:999999; top:50%;margin-top:-30px;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.slider_pop .slick-prev {text-indent:-999999px;z-index:99;border:0;top:52%;position:absolute;left:0;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:30px;height:30px}

.slider_pop .slick-next {text-indent:-999999px;z-index:99;border:0;top:52%;position:absolute;right:0;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:30px;height:30px;}
.slider-counter {color:#fff;position: absolute;right:1rem;bottom:7rem;background-color:rgba(0,0,0,0.5);border-radius:50rem;padding:5px 2rem;}
 .pop_in .pop_btm li {width:50%;float:left;padding:2rem 0;} 
   .pop_in .pop_btm li a {font-size:1.5rem;display:block;border-right:1px solid #ddd;}
   .pop_in .pop_btm li:last-child a {border:0;}
/*하단*/
/*familsite*/
.family_wrap {;}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family{position:absolute; right:0; top:0;}
.family_wrap .family_inner2 .family button{height:50px; background:#3e3e3e url('/image/main/arrpw2.png') 90% 50% no-repeat;border:0; border:1px solid rgba(255,255,255,.1); width:250px; text-align:left;padding:1rem;  font-size:1.7rem; color:#aaa; outline:none;}
.family_list{  width:250px; text-align:center;position:absolute; left:0; bottom:50px;   line-height:33px; border-bottom:none; border:1px solid rgba(255,255,255,.1);overflow:auto; display:none;background-color:#3e3e3e;}
.family_list a{display:block; color:#fff;text-align:center;font-size: 13px;}
.family_list li {text-align:center;display:block !important}
.foot_sm>div {float:left;padding-right:4rem;padding-left:2rem;border-left:1px solid rgba(255,255,255,.1);min-height:180px;}
.foot_sm>div p {color:#acacac;font-size:2rem;margin-bottom:1rem;font-weight:500;position:relative;}
.foot_sm>div p:before {content:"";width:6px;height:6px;background-color:#787878;position: absolute;left:-2.3rem;top:1rem;border-radius:50%;}
.foot_sm>div li a {color:#acacac;font-size:1.7rem;font-weight:300;margin-bottom:1rem;display:block;}
#footer{background-color:#3e3e3e;padding:0 10rem; }
#footer>div {max-width:1493px;margin:auto;}
.foot_top {border-bottom:1px solid rgba(255,255,255,.1);padding:2rem 0;}
.foot_top a {line-height:5rem;margin-right:3rem;color:#979797;font-size:1.7rem;font-weight:500;}
.foot_top>div>span {line-height:5.3rem;color:#676767;;font-size:1.7rem;display:inline-block;padding:0 1rem;}
.foot_btm {padding-bottom:5rem;}
.foot_btm>div:nth-child(1) {float:left;margin-right:8rem;}
.foot_btm .st1 {color:#acacac;font-size:1.5rem;font-weight:300;}
.foot_btm .st2 {color:#c6c0ae;font-size:2.8rem;font-weight:600;}
.foot_btm .st3 {line-height:2.3rem;color:#979797;font-size:1.6rem;font-weight:400;}
.foot_btm .st4 {line-height:2.3rem;color:#dfdfdf;font-size:1.6rem;font-weight:400;}