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 {background:url('/image/main/top_bg.png')no-repeat;background-size:cover;padding:1rem 0;}
.top_top>div {max-width:1180px;margin:auto;position:relative;}
.top_top .fr a {color:#fff;font-size:1.4rem}
.top_top .fr  li {float:left;}
.top_top .fr span {font-size:1.4rem;color:#fff;display:inline-block;padding:0 8px;}
.top_top .fl {margin-top:0px;}
.ubtfl{position:absolute;left:0;top:-10px;}
.ubtfl a{border-left:1px solid rgba(255,255,255,0.5);display:table;width:150px;height:40px;text-align:center;float:left;}
.ubtfl a span{display:table-cell;vertical-align:middle;}
.ubtfl a.on{background:#fff;}
.ubtfl a:last-child{border-right:1px solid rgba(255,255,255,0.5);}
#topmenu_wrap { border-bottom:1px solid #ddd;width:100%;margin: auto;z-index:999;}
#gnb {background-color:#fff; max-width:1180px;margin:auto;position: relative; }
#gnb_wrap {  position:relative;}
.logo_b {margin-top:2rem;}
.menu>li{margin-left:6rem;vertical-align:top;display:inline-block;}
.menu>li>a {position:relative; box-sizing: border-box;padding:3.5rem 0;color: #000;font-size:1.9rem;}
.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_wrap {position:relative; margin-top:-1px;display:none; width:100%;left:0px;position: relative;z-index: 99999;padding:2rem 0px  0;overflow: hidden;}
.sub_menu_wrap_on {display:block;}
.sub_menu {max-width:1180px;margin:auto;overflow:hidden;}
.sub_menu>li {display: block;padding-bottom:2rem;}
.sub_menu>li>a{display: block;text-align: center;color:#676767;background: none;font-weight: normal;font-size:1.6rem;}
.sub_menu>li>ul {margin-top:-1rem;}
.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;}

/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {max-width:1180px;margin:auto;;position:relative;overflow:hidden;z-index: 9}
.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;}




.visual_li {margin-left:-2rem;}
.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}



.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 { width:100%;text-align:center;position:absolute;margin:auto;left:0;max-width:1280px;bottom:4rem;;}
.mainVisual .slick-dots:after {content:""; display:block; clear:both;}
.mainVisual .slick-dots > li {display:inline-block;margin:0px 7px}
.mainVisual .slick-dots > li button{border:0;vertical-align:middle;width:9px; height:9px; overflow:hidden; text-indent: -9999px; position:relative;background-color:#fff;border-radius:50%;}
.mainVisual .slick-dots > li.slick-active button{background:url('/image/main/dot_on.png') no-repeat;width:23px;height:23px;}


.mainVisual .slick-arrow{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: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;}

/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 { padding:14rem 0 7rem;position:relative;background-color:#f0f0f0;margin-top:-6rem}
.main_con1>div {max-width:1180px;margin:auto;padding-left:30rem;position:relative;}
.main_con1>div .left {position: absolute;left:0;top:0;}
.main_con1>div>ul {display:table;width:100%;background-color:#fff;width:100%;border-top: 3px solid transparent;  border-image:linear-gradient( to right, #db4f46, #dc7555 ,#d4ad6e ,#b3be98 ,#9dc3b4 ,#72b7dc); border-image-slice: 1;}
.main_con1>div>ul li {    word-break: break-all;border-bottom:3px solid #ddd;border-right:1px solid #ddd;width:20%;display:table-cell;;}
.main_con1>div>ul li p {font-size:2rem;padding:1rem 0;border-bottom:1px solid #ddd;}
.main_con1>div>ul li div {font-size:1.7rem;padding:1.2rem;color:#454545;font-weight:300;}
.main_con1>div>ul li:last-child {border-right:0}


.main_con2 {max-width:1180px;margin:auto;padding:8rem 0 10rem;}
.main_con2>div {margin-left:-5rem}
.main_con2>div>div {width:50%;float:left;padding-left:5rem}
.main_con2 .st1 {padding-left:2rem;font-size:3.2rem;font-weight:600;position:relative;}
.main_con2 .st1:before {content:"";width:9px;height:9px;background-color:#b2322e;position: absolute;left:0;top:21px;}
.main_con2 .st1 span a{color:#b2322e;font-size:1.5rem;border:1px solid #b2322e;display:inline-block;padding:5px 2rem;}
.main_con2 .st1 span {margin-top:7px;}
.main_con2 .st2 {margin-left:-1rem}
.main_con2 .st2 li {width:33.333%;float:left;padding-left:1rem;}
.main_con2 .st2 li p {font-size:1.9rem;border-bottom:1px solid #ddd;padding:1.3rem 0 1.5rem;}
.main_con2 .st3 {border:10px solid #ddd;}
.main_con2 .st3 img {width:100%;}

/*메인컨텐츠 끝*/















/*하단*/

#footer{;height:auto !important; }
#footer .footerArea{width: 100%; margin:0 auto;  position: relative;box-sizing:border-box;}
.fcon_top2 {padding:1rem 0;background-color:#000;position:relative;margin:auto;}
.fcon_top2>div {margin: auto;max-width:1180px;}
.fcon_top2>div>ul>li {display:inline-block;}
.fcon_top2>div>ul>li a {line-height:3.5rem;color:#fff;;font-size:1.7rem;}
.fcon_top2>div>ul>li span {color:#676767;display:inline-block;margin:0 1rem;font-size:1.4rem;}

.mo_family {position: absolute;right:7rem;top:1rem;}

.fcont_bt {padding:4rem 0;;margin:auto;position: relative;}
.fcont_bt>div {padding:0 8rem;text-align:left;display:inline-block;}
.fcont_bt {line-height:20px;background-color:#282728;font-size:1.5rem;color:rgba(255,255,255,.5);line-height:2.9rem}
/*familsite*/
.family_wrap {margin-left:2rem}
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:40px;margin-top:-3px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:1px solid #696869;height:40px; text-align:left;background:#000 url('/image/main/arrow.png') 90% 50% no-repeat;; padding:0 1rem;font-size:1.5rem; color:rgba(255,255,255,.7); outline:none;}
.family_list{  width:180px; position:absolute; right:0; bottom:40px;   line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#000;}
.family_list a{display:block; color:#676767;text-align:left;font-size: 1.4rem;text-indent:10px;}

.fcont_bt>span.b {font-size:11px;vertical-align: bottom;line-height:2.9rem;display:inline-block;padding:0 10px;color: rgba(255, 255, 255, 0.3);}