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


/*메뉴시작*/
.top_top {background-color:#bb1218;padding:1rem 10rem;}
.top_top .fr li {float:left;vertical-align: middle;}
.top_top .fr li span {vertical-align: text-bottom;font-weight:100;color:#fff;font-size:1.2rem;padding:0 1rem;}
.top_top .fr a {font-weight:100;color:#fff;font-size:1.4rem;display:inline-block;}
#topmenu_wrap {;width:100%;margin: auto;z-index:999;}
#gnb {padding:0 10rem;position:relative;}
#gnb>div>ul {display:inline-block;}
#gnb>div>ul>li{display:inline-block;color:#000;text-align: center;position:relative}
.menu>li>a {box-sizing: border-box;font-size:1.8rem;padding:4rem 3.5rem ;}
.menu_top{display: block; color: #000;text-decoration: none;}

.sub_menu {width:200px;text-align:center;left:0;display:none;padding:2rem 0;position: absolute;background-color:#fff;z-index: 99999;overflow: hidden;margin-left:-5rem}
.sub_5 {margin-left:-3rem}
.sub_3 {margin-left:-2.5rem}
/*.visual_tab2  .slick-track {transform: translate3d(0px, 0px, 0px)}
.visual_tab2 .slick-slide {cursor:pointer}*/
.menu_top_sel span {position:relative}
.menu_top_sel span:before {content:"";width:50px;height:3px;background-color:#82829e;position:absolute;left:50%;margin-left:-25px;bottom:-4rem;}
.sub_menu  a {color:#000 !important;font-size:1.6rem;}
.sub_menu li {display:block;}
.sub_menu li>a{display:block;padding:1rem 0}
.sub_menu li>a:hover{background-color:#262764;color:#fff !important}
.sub_menu li:last-child {border-bottom:0}
.menu{zoom: 1;margin-bottom:0px}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
#gnb h1 {position:absolute;top:3rem;left:10rem;}
#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;}
.close_side {cursor:pointer;display:none;}
.close_side img {height:30px}
.aside-backdrop.in, .aside.in {display: none !important}

/*.menu_top_sel {background-color:#0b4da1;color:#fff !important;}*/
.pop_wrap {display:none;position:fixed;background-color:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0}
.all_box {margin:4rem 0;margin-left:55px}
.all_box a {font-size:1.4rem;color:#676767;vertical-align: middle}
.all_box span {display:inline-block;padding:0 1rem;vertical-align: middle}
.modimenu {margin:4rem 0;margin-left:55px}
.modimenu a {font-size:1.4rem;color:#676767;vertical-align: middle}
.modimenu span {display:inline-block;padding:0 1rem;vertical-align: middle}
.laugn{padding:0px !important;border:1px solid #dfdfdf;background:#fafafa;border-radius:35px;overflow:hidden;margin-left:5px;font-size:;}
.laugn > a{display:inline-block;padding:5px 10px;}
.laugn > a.on{background:#262764;color:#fff;}
.modimenumob{display:none;}
/*메뉴끝*/

/*메인비쥬얼*/
.main_wrap {max-width:1920px;padding:0 10rem;margin:auto; position:relative;}
.mainVisual {height:760px; position:relative;}
.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 .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slider .slidesItem .items .mImg img{width:100%;}
.mainVisual .slider .slidesItem .items .motionArea{display:block;text-align:center; max-width:1200px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:2; display:table; table-layout:fixed;}
.mainVisual .slider .slidesItem .items .motionArea .txInner{padding-bottom:23rem;display:table-cell; vertical-align:middle;  }
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align:center; opacity:1; filter:alpha(opacity=0); display:block; position:relative; top:0; left:0px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 {}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:30px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text04 {margin-top:37px;}
.mainVisual .slider .slidesItem .items .motionArea .motion img {display:inline-block;}
.mainVisual .slider .slidesItem .items .motionArea .motion.on{opacity:1 !important; filter:alpha(opacity=100) !important; top:0 !important;  left:0 !important;}

.mainVisual .slidesItem .items .motionArea .motion{
  font-family:NanumGothic,sans-serif;
  -webkit-transition:all 700ms ease-out;
  -moz-transition:all 700ms ease-out;
  -ms-transition:all 700ms ease-out;
  -o-transition:all 700ms ease-out;
  transition:all 700ms ease-out;
}

.mainVisual .slider .slidesItem .items .mSliderItem{display:none;}
.mainVisual .slider .slidesItem .items .mSliderItem img{width:100%;}

.mainVisual .slider.responsive{display:block;}


.mslider_in {z-index:9;position:absolute;top:0px;left:0px;width:100%;height:100%;display:table;box-sizing:border-box;  table-layout:fixed;}
.mslider_in_in {display:table-cell;vertical-align:middle;}
.mslider_in_in .txt1 {max-width:1180px;margin:auto;font-size:2.5rem;color:#000000;}
.mslider_in_in .txt1>p {color:#262764;font-size:6.5rem;line-height:6.5rem;font-weight:600}
.mslider_in_in .txt2 {font-size:2rem;color:#000;margin-top:1rem;}
.mslider_in_in .txt3 a {font-size:1.7rem;color:#262764;display:inline-block;padding:1rem 3rem;border:1px solid #262764;margin-top:1rem;}
.mainVisual .slick-list {overflow:inherit}
.visual_img {position: absolute;bottom:-55px;right:0;z-index: 99}
.mslider_in_in .txt1{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	
	-webkit-transition: opacity 0.1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: opacity 0.1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}
.mainVisual .active-item .mslider_in_in .txt1{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	    z-index: 99;
}


.visual_img{
    opacity:0;filter:Alpha(opacity=0);
    -webkit-transform:translateY(-30%);
    transform:translateY(-30%);
   
    -webkit-transition: opacity .4s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
    transition: opacity .4s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
 transition-delay:.8s;
}
.mainVisual .active-item .visual_img{
    opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform:translateX(0);
    transform:translateX(0);
        z-index: 99;
}


.mslider_in_in .txt2 {
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-webkit-transition: opacity 1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: opacity 1s  cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s, transform 1.4s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}
.mainVisual .active-item .mslider_in_in .txt2 {
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	    z-index: 99;
}





.mSliderItem {position:relative;}
.custom_paging .slick-active span {color:#fff;font-size:3rem}
@media all and (max-width:1400px) {
	.modimenumob{position:absolute;right:60px;top:-20px;z-index:111123;}
}

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


.mainVisual .slick-dots{position:absolute; right:-5rem; top:48%; z-index:12;text-align:right; font-size:0; line-height:0;}
.mainVisual .slick-dots > li {display:block; vertical-align:top; padding:0 10px; position:relative;margin-bottom:2.5rem;}
.mainVisual .slick-dots > li button{width:11px;text-indent: -9999px; height:11px;background-color:#dfdfdf ;border-radius:50%; overflow:hidden; border:0;position:relative; z-index:2}
.mainVisual .slick-dots > li.slick-active button{background-color:#262764 ; border:0;}

.main_txtst1 { text-shadow: 1px 1px 1px rgba(0,0,0,0.4);font-size:2.4rem;color:#fff;line-height:3.6rem;}
.main_txtst2 { text-shadow: 1px 1px 1px rgba(0,0,0,0.4);font-size:5.4rem;color:#fff;font-weight:600;display:block;margin:2rem 0 3rem}


.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;}
.search_bt {background-color:#0050f0;border-radius:0 2rem 0 0;border-right:0 !important}
.search_bt a {color:#fff;font-size:1.6rem;font-weight:600}


.section00 {position:relative; overflow:hidden;}
.section00 .section00Wrap{overflow:hidden;width:100%;height:100%; box-sizing:border-box; position:relative; }



.mainVisual .slick-arrow{position:absolute; top:50%;overflow:hidden; text-indent:-9999px; z-index:2; background-size:cover !important;}
.mainVisual .slick-prev {margin-right:4px;text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-5rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_prev2.png') no-repeat;width:23px;height:14px;margin-top:-65px}

.mainVisual .slick-next {margin-right:4px;text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;right:-5rem;background-color:rgba(255,255,255,0);background:url('/image/main/btn_next2.png') no-repeat;width:23px;height:14px;margin-top:-25px;margin-top: 137px;}

.visual_btm {position: relative; z-index: 9;width:700px;margin-top:-6.3rem;}
.visual_tab2>div {width:33.3333%;float:left}
.visual_btm .box1 {padding:2rem 0;border-right:1px solid #ddd;color:#262764;font-size:2rem;background-color:#fff;}
.visual_btm .box1:hover {background-color:#262764;color:#fff}
.visual_btm .box1:hover  a{color:#fff}
.visual_btm .box1 a{display:block}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 {max-width:1180px;margin:auto;position: relative;z-index: 9}
.main_con1_txt {background:#fff url('/image/main/con_bg1.png') 100% 100% no-repeat; width:650px;position: absolute;right:0;top:50%;padding:7rem 0;padding-right:8rem; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2) ;margin-top:-168px}
.main_con1 .st1 {color:#009fd9;font-size:2.8rem;padding-left:10rem;}
.main_con1 .st2 {font-weight:500;color:#000;font-size:3.2rem;border-bottom:1px solid #ddd;padding-left:10rem;padding-bottom:1rem;margin-bottom:2rem;}
.main_con1 .st3 {padding-left:10rem;color:#3a3a3a;font-size:1.8rem;}
.main_con2 { padding:250px 10rem 0;margin-top:-200px;position: relative}
.main_con2:before {content:""; width:100%;height:550px;background-color:#eff1f6;position:absolute;left:0;top:0}
.main_con2>div {position: relative;z-index: 99}
.main_con2:after {content:""; width:622px;height:81px;background:url('/image/main/con_bg2.png')no-repeat;position:absolute;right:10%;top:10%}
.main_con2 .txt_1 {color:#000;font-size:3.5rem;font-weight:500}
.main_con2 .txt_2 {color:#454545;font-size:1.9rem;}
.main_con3 {margin-left:-2rem;position: relative;z-index: 99}
.main_con3>div {width:33.33333%;float:left;padding-left:2rem;}
.main_con3>div>div {position: relative; box-shadow: 1px 1px 15px 1px rgba(0,0,0,0.2) ;}
.main_con3>div>div>div.top{position: absolute;left:2rem;top:2rem}
.main_con3>div>div>div .st1 {font-size:1.7rem;color:#009fd9}
.main_con3>div>div>div .st2 {font-size:2.3rem;color:#000}
.main_con3>div>div>img {width:100%;}
.main_con3>div>div>div a {color:#fff}
.main_con3>div>div>div .st3 {font-size:2rem;}
.main_con3>div>div>div .st4 {font-size:3rem;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.65);
}

.main_con3>div>div:hover .overlay {
  opacity: 1;
}
.main_con3>div>div:hover .top {display:none}
.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.main_con4 {background:url('/image/main/con_bg3.png') no-repeat;background-size:cover;width:100%;padding:8rem 0;color:#fff}
.main_con4 .st1 {font-size:3.5rem;font-weight:500}
.main_con4 .st2 {font-size:2rem}
.main_con4 .st3 a {color:#fff;display:inline-block;font-size:1.7rem;border:1px solid rgba(255,255,255,.6) ;padding:1rem 3rem;display:inline-block;}
.main_con4 .re_st3 a:hover {background-color:#262764 ;border:1px solid #262764;}
.main_con5 {padding:5rem 10rem;}
.main_con5>p {color:#000;font-size:3.5rem;font-weight:500}
.main_con5 .st2_box {margin-left:-2rem}
.main_con5 .st2_box>div {width:25%;float:left;padding-left: 2rem}
.main_con5 .st2_box>div>div {min-height:210px;background:#f6f6f6 url('/image/main/more_1.png') 100% 100% no-repeat;padding:4rem;}
.main_con5 .st2_box>div>div .st1 {color:#fff;font-size:1.5rem;background-color:#009fd9;padding:0 1rem;display:inline-block}
.main_con5 .st2_box>div>div .st2 {  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;color:#000;font-size:1.8rem;margin:1rem 0 2rem;}
.main_con5 .st2_box>div>div .st3 {color:#979797;font-size:1.5rem;}
.main_con5 .st2_box>div>div:hover {background:#fff url('/image/main/more_2.png') 100% 100% no-repeat;border:1px solid #262764;box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2);}

.more_btn2 a {color:#262764;display:inline-block;font-size:1.7rem;border:1px solid #262764 ;padding:1rem 5rem;display:inline-block;}
.more_btn2_re a:hover {background-color:#262764 ;color:#fff}

/*메인컨텐츠 끝*/

/*하단*/

#footer{width:100%;margin:0 auto;background:#2a2d32;padding:3rem 10rem}
.foot_wid{position:relative;}
.foot-bot,
.foot-bot a {color:#b9b9b9;font-size:1.5rem;}

.foot-bot span {display:inline-block;padding:0 1rem}
.foot_btm {border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;margin-top:1rem;color:#878787;font-size:1.5rem;background:url("../image/main/foot_logo.png") 100% 50% no-repeat}