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 {background-color:#fff;transition: top 0.4s ease;position: absolute;width:100%;margin: auto;z-index:999;}


#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;position: relative}
.menu>li>a {font-weight:500;text-align:center;display:inline-block;box-sizing: border-box;color: #000;line-height:1.9rem;font-size:1.9rem;padding:3.8rem 0 ;width:200px;}
.menu>li>a>span.e_menu {display:none}
.menu>li a.menu_top_sel>span.e_menu{display:block;}
.menu>li a.menu_top_sel>span.o_menu{display:none;}


.menu_top{display: block; color: #000;text-decoration: none;}
/*.menu_top_sel {position:relative}
.menu_top_sel:before {content:"";width:100%;height:3px;background-color:#0075bc;position: absolute;bottom:0;left:0;}*/
.logo_b {position: absolute;left:6rem;top:2rem;}
.sub_menu>li>a{display: block;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}*/
.sub_menu_wrap {position:relative; text-align:center !important;;display:none;z-index: 99999;overflow: hidden;}

.sub_menu {padding-bottom:10rem;position:relative;}
.sub_menu li a{padding-bottom:2rem;color:#454545; background: none;font-size:1.7rem;}
.sub_menu li {;}
.sub_menu li a:hover {color:#041a71;}
.sub_menu li:last-child {border-bottom: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;}
/*.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 }
.sub_sub_wp {margin:0 1rem;background-color:#fafafa;padding:1rem 0;}
.sub_sub_wp li a {display:block;color:#454545;font-size:1.7rem;padding:10px 0;}
.sub_sub_wp li a:hover {text-decoration:underline !important;}
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;}
.menu_top_sel {color:#041a71 !important;;}
/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/

/*메뉴끝*/

/*메인비쥬얼*/


.mainVisual { position:relative;overflow:hidden;}
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%;  left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{color:#fff;position:relative; height:100%;display:block !important;}
.mainVisual .slider .slidesItem .items{ 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:40%;left:50%;width:100%;max-width:1180px;margin-left:-590px;;box-sizing:border-box;color:#fff;  table-layout:fixed;}
.mslider_in_in {;}


.mainVisual .slider .motion {width:100%;  opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:-50px; left:0; 
-webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}


/*.mainVisual .slider  .motion{}
.mainVisual .slider  .motion.text01 {font-family: 'Poppins', sans-serif;color:#000;font-weight:300;font-size:5rem}
.mainVisual .slider   .motion.text02 {margin-top:2rem;}
.mainVisual .slider   .motion.text03 {font-family: 'Poppins', sans-serif;margin-top:2rem;color:#fff;font-size:2.2rem}
.mainVisual .slider   .motion.text04 {margin-top:10rem;color:#fff;font-weight:300;font-size:3.2rem}
.mainVisual .slider   .motion.text05 {line-height:5rem;font-weight:500;margin-top:1rem;color:#fff;font-size:4.5rem}*/

.mainVisual .slider_1  .motion.text02  {  font-family: "Poppins", sans-serif;font-weight:600;font-size:2.5rem}
.mainVisual .slider_1  .motion.text03  {;font-size:4.5rem;line-height:5.8rem;font-weight:300;}
.mainVisual .slider_1  .motion.text03 b{font-weight:500;}
.mainVisual .slider_1  .motion.text04  {font-family: 'Poppins', sans-serif;color:#000;font-weight:300;font-size:3rem}
.scroll {left:6rem;top:40%;position: absolute;z-index: 99}
.sler1_left {position: absolute;left:-20rem;top:8rem;z-index: 999;font-weight:300;font-size:3.5rem}
.slider_1 .motion.count_wp {width:735px;margin-top:7rem;margin-left: -126px;position: relative;bottom:inherit;left: inherit;}


.mainVisual .slider_2   {top:17%;;}
.mainVisual .slider_2  .motion.text02  {color:#000;font-size:5rem}
.mainVisual .slider_2  .motion.text02  b {color:#000f4b;}
/*.mainVisual .items{
        -ms-transform: scale(1.2,1.2) rotate(0.0001deg);
    -o-transform: scale(1.2,1.2) rotate(0.0001deg);
    -moz-transform: scale(1.2,1.2) rotate(0.0001deg);
    -webkit-transform: scale(1.2,1.2) rotate(0.0001deg);
     transform: scale(1.2,1.2) rotate(0.0001deg);
    
}*/
.controler {position: absolute;bottom:16.8rem;left:50%;margin-left:-500px;}
.controler button {width:12px;height:12px;;border:0;background:none;position: absolute;left:0;top:0;}
.controler button.play {display:none;}
.controler.st_on button.play {display:block;}
.controler.st_on button.stop {display:none;}
.mainVisual .slick-dots {text-align:center;position: absolute;bottom:13.5rem;;left:0rem;width:100%;}
.mainVisual .slick-dots button {font-family: 'Noto Sans KR','Noto Sans', sans-serif, "�뗭�", dotum, AppleGothic;font-weight:100;color:#fff;border:0;background:none;}
.mainVisual .slick-dots li {display:none;color:#fff;font-size:1.8rem;}

.mainVisual .slick-dots  .slick-active {display:block;color:#fff;}

/*.mainVisual .active-item .items{
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 ;   
}*/



.mainVisual .slider  .motion.on2{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;}




.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-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:13rem;;position:absolute;left:50%;margin-left:-100px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:18px;height:34px;}

.mainVisual .slick-next {text-indent:-999999px;z-index:99;border:0;bottom:13rem;position:absolute;right:50%;margin-right:-100px;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:18px;height:34px;}

.img_dummy {background-size:cover !important;display:block;width:100%;height:100%;}


/*메인비쥬얼 끝*/

.right_fixed {position: fixed;z-index: 99;bottom:31rem;right:10rem;}
.right_fixed li {margin-top:1rem;position: relative;}
.right_fixed li:hover  a {width:160px;text-align:center;}
.right_fixed li:nth-child(4):hover  a {width:50px;}
.right_fixed li:nth-child(1):hover  a {width:290px;}
.right_fixed li:nth-child(2):hover  a {width:150px;}
.right_fixed li:nth-child(3):hover  a {width:170px;}
.right_fixed li .on {display:none;}
.right_fixed li:hover .off {display:none;}
.right_fixed li:hover .on {display:inline;;}
.right_fixed li:nth-child(1):hover img {padding-right:220px;}
.right_fixed li:nth-child(2):hover img {padding-right:82px;}
.right_fixed li:nth-child(3):hover img {padding-right:100px;}
.right_fixed>li>a {overflow:hidden;transition:all 0.1s ;padding:1.1rem 0;width:50px;display:inline-block;height:50px;background-color:#ed1c24;border-radius:50rem;}
.right_fixed>li span {opacity:0;;position:absolute;right:-200px;;;height:50px;width:0px;text-indent:-9999px;text-align:right;display:block;overflow:hidden;font-size:1.8rem;color:#fff;}
.right_fixed li:hover span {opacity:1;;right:20px;;color:#000 !important;width:100%;text-indent:0;top:10px}

.right_fixed li:hover a {;background-color:#fff;}
.right_fixed li:hover {}
.right_fixed>li>a  img {padding-right:13px;vertical-align: middle}


/*메인컨텐츠*/
.sec2_bx {background:url('/image/main/sec2_bg.png')50% 50% no-repeat;background-size:cover;margin-top:-20rem;padding:30rem 0 10rem;}
.sec2_in {max-width:1180px;margin:auto;}
.sec2_bx .st1 {font-size:3.3rem;font-weight:500;}
.sec2_bx .st2 {position: relative}
.sec2_bx .st2:before {content:"";width:100%;height:1px;background-color:#000;position: absolute;left:0;top:50%;}
.sec2_bx .st2>span {position:relative; z-index:9; background-color:#f5faff;font-size:2.3rem;display:inline-block;width:210px;}

.sec2_bx .st3 {border:1px solid #fff;background-color:#fff;padding:3rem 0;}
.sec2_bx .st3:hover {border:1px solid #000;}
.sec2_bx .st3 span {display:block;font-size:1.8rem;margin-top:2rem;}
.sec2_bx .st4_li {margin-left:-2rem;}
.sec2_bx .st4_li>li {width:33.333%;float:left;padding-left:2rem;}

.sec2_bx .st5>span a {width:300px;display:inline-block;color:#fff;font-size:1.8rem;padding:1.3rem 5rem;border-radius:50rem;background-color:#041a71}
.sec2_bx .st5>span {margin:0 1rem;}


.sec3_bx {max-width:1180px;margin:auto;padding:10rem 0;}
.sec3_bx .st1 {font-size:3.3rem;font-weight:500;}
.sec3_bx .st2 {margin-left:-2rem;}
.sec3_bx .st2>li {width:50%;float:left;padding-left:2rem;}
.sec3_bx .st2>li p {font-size:2.3rem;margin:2rem 0 1rem;font-weight:500;}
.sec3_bx .st2>li div{color:#454545;font-size:1.8rem;;}

.sec3_bx .st2>li span a{font-size:1.7rem;color:#ed1c24;border-bottom:1px solid #ed1c24;display:inline-block;margin-top:2.5rem;}

.sec3_btm {border-top:1px solid #000;margin-top:5rem;padding-top:5rem;}

.sec3_st1 {border-radius:20px;overflow:hidden}
.sec3_st1 img {width:100%;}
.sec3_li .slick-slide {padding-left:1.5rem;padding-right:.5rem;}
.sec3_li {margin-left:-1.5rem;}

.sec3_st1 .bx1 {padding:3rem 0 3.5rem ;background-color:#f5f5f5;}
.sec3_st1 .t1 {font-size:2.1rem;font-weight:500;}
.sec3_st1 .t2 {color:#454545;font-size:1.8rem;}
.sec3_st1 .bx1 .img {display:none;width:auto;margin-top:-6rem;}
.sec3_st1:hover {box-shadow:1px 1px 8px 1px rgba(0,0,0,0.2)}

.sec3_li .slick-list {padding:5rem 0;}

.sec3_st1:hover .bx1 {background-color:#fff;}
.sec3_st1:hover .bx1 .img {display:inline-block;}

.sec3_li .slick-arrow{position:absolute; ;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.sec3_li .slick-prev {text-indent:-999999px;z-index:99;border:0; top:40%;position:absolute; left: 50%;   margin-left: -720px;background-color:rgba(255,255,255,0);background:url('/image/main/left.png') no-repeat;width:80px;height:80px;}

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

.sec3_li .slick-dots {position:absolute;width:100%;bottom:0;text-align: center;}
.sec3_li .slick-dots:after {content:""; display:block; clear:both;}
.sec3_li .slick-dots > li {display:inline-block;margin:0px 1rem}
.sec3_li .slick-dots > li button{border:0;vertical-align:middle;width:9px; height:9px; overflow:hidden; text-indent: -9999px; position:relative;background-color:rgba(255,255,255,0);border:1px solid #bfc0c0;border-radius:50%;}
.sec3_li .slick-dots > li.slick-active button{background-color:#ed1c24;border:0;;;width:9px;height:9px;}

.sec4_bx {background-color:#fafafa;padding:10rem 0 10rem;}
.sec4_in {max-width:1180px;margin:auto;}
.sec4_bx .st1 {font-size:3.3rem;font-weight:500;}





.visual .slick-dots{position: static;text-align:left;bottom:auto;top:auto;width: 100%;max-width:1180px;margin:50px auto 0;font-size:0;}
.visual .slick-dots  {  ;position: relative;  padding-bottom: 7rem}
.visual .slick-dots li {
    height:1px;
    background-color:#ddd;
    display: inline-block;
    border-radius: 0;
    opacity: 1;cursor:pointer;
   margin-top:2px;
}

.visual .slick-dots li.slick-active {
    height: 3px;
    display: inline-block;
    border-radius: 0;
    background-color:#ed1c24;
    opacity: 1;
   
}
.visual .slick-dots li .target_num{display:none}

.target_num {display:none;color:#000;font-size:1.7rem;font-weight:300;left:48%;position: absolute;;bottom:0;height:42px;}
.visual .slick-dots li button {background:none;border:0;}
.visual .slick-dots li  button {}

.visual .slick-list {overflow:inherit}
.visual .slick-slide {opacity:.5}

.visual .slick-active{opacity:1}
.visual .cm-cover-inner a>div img {border-radius:20px;overflow:hidden;}
.visual .cm-cover-inner a>p {font-size:1.9rem;margin-top:2rem;}
.visual .cm-cover-inner a>p  span {display:block;font-size:1.6rem;font-weight:300;margin-top:1rem;}


.sec4_bx .st5>span a {display:inline-block;color:#fff;font-size:1.8rem;padding:1.3rem 6rem;border-radius:50rem;background-color:#041a71}



.sec5_bx {background:url('/image/main/sec4_bg.png')50% 50% no-repeat;background-size:cover;padding:20rem 0 ;color:#fff;}
.sec5_bx .st1 {font-size:2.3rem;}
.sec5_bx .st2 {font-size:3.3rem;font-weight:500;}

.sec5_bx .st3>span a {display:inline-block;color:#fff;font-size:1.8rem;padding:1.3rem 4rem;border-radius:50rem;border:1px solid #fff;position:relative;z-index:123;}


/*메인컨텐츠 끝*/

.mainVisual .main-slider {height:100%} 
.main-slider .item .img_dummy {background-position:50% 50% !important;background-size:cover  !Important}











/*하단*/
#footer {background: url('/image/main/sec5_bg.png') 50% 0% no-repeat;padding-top:24rem;margin-top:-25rem;background-size:cover;color:#fff;position: relative;z-index: 9}
.footerArea {padding:0 6rem;}
.footerArea .top1 {;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem;margin-bottom:2rem;}
.footerArea .top1 a {font-size:1.7rem;color:#fff}
.footerArea .top1 span {font-size:1.7rem;color:#919191;display:inline-block;padding:0 2rem;}
.footerArea .top1 li {display:inline-block;}

.fcont2 {padding-bottom:9rem;color:#a6a6a6;font-size:1.6rem;position: relative;}



.mo_family {position: absolute;left:0;top:1rem;}
.fcont_bt>p {font-size:1.8rem;color:#d44f37;}
/*familsite*/
.family_wrap .family_inner2{  font-family: 'Noto Sans KR';width:180px; height:33px;  position:relative;}
.family_wrap .family_inner2 .family button{width:100%;border:0;border-bottom:1px solid #fff;height:40px;text-align:left; font-size:1.7rem;background-color:rgba(0,0,0,0); color:#a6a6a6; outline:none;}
.family_list{  width:180px; position:absolute; right:0; bottom:33px;   line-height:33px; border-bottom:none; overflow:auto; display:none;background-color:#fff;}
.family_list a{display:block; color:#000;text-align:left;font-size: 1.4rem;text-indent:10px;}