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


#pano div{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


/*메뉴시작*/
.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:3rem 0 ;min-width:160px;}
.menu_top{display: block; color: #000;text-decoration: none;}
#gnb h1 {position: absolute;left:0;top:0}
.sub_menu {background-color:#f3f3f3;width:200px;text-align:left;left:0rem;display:none;position: absolute;background-color:#fff;z-index: 99999;overflow: hidden;margin-left:-1.7rem}
.sub_5 {margin-left:-2rem}
/*.sub_menu a.txt_k {font-size:1.6rem}*/
.menu_top_sel span {color:#3c68b2}
.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.7rem;}
.sub_menu li {display:block;}
.sub_menu li>a{display:block;padding:1.5rem 0;padding-left:2rem}
.sub_menu li>a:hover{background-color:#3c68b2;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:1.5rem;left:5rem;}
#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>li:nth-child(1) .sub_menu li>a {padding-left:6rem}
.menu>li:nth-child(6) .sub_menu,
.menu>li:nth-child(5) .sub_menu  {left:0.8rem}
.menu>li:nth-child(5) .sub_menu li>a {padding-left:3rem}
.menu>li:nth-child(6) .sub_menu li>a {padding-left:4rem}
.sub_1 {width:160px;margin-left:0}

.sub_2 {width:175px;margin-left:0}
/*.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 {position:absolute;right:5rem;top:2.5rem;margin-left:55px}
.all_menu .st1 {border:1px solid #ddd;border-radius:50rem;padding:0 2rem;display:inline-block;line-height:35px;color:#3f68b1;font-size:1.5rem;}
.all_menu .st1 img {margin-left:5px;vertical-align: middle}
.all_menu .st2 {margin-left:1rem;color:#3f68b1;font-size:1.7rem;border:1px solid #ddd;line-height:35px;display:inline-block;padding:0 2rem;border-radius:50rem;background-color:#eff1f6;font-weight:500;}
/*메뉴끝*/

/*메인비쥬얼*/
.main_wrap {height:800px;position:relative;}

.view_txt1 {background-color:rgba(0,0,0,0.4);font-size:3rem;    font-family: "Noto Sans KR", 'Noto Sans', sans-serif, "돋움", dotum, AppleGothic;font-weight:500;color:#fff;position: absolute;left:0;top:0;padding:4rem 0;width:100%;z-index: 9990}
.view_txt1 p.st1 {animation-delay: 0.2s;font-weight:500;font-size:4rem;;line-height:4.5rem  ;font-family: "Helvetica"}
.view_txt1 p.st2 {animation-delay: 0.8s;font-weight:500;font-family: "Helvetica"}
.view_txt1>p>span {font-size:3.5rem}
.view_wrap {position: absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index: 9}
.mainVisual {height:920px; 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 {font-weight:300;max-width:1180px;margin:auto;font-size:4.2rem;color:#fff;}
.mslider_in_in .txt1 span {font-weight:600}
.mslider_in_in .txt1>p {color:#fff;font-size:2.2rem;line-height:6.5rem;font-weight:300;opacity: .8}
.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;}

/*
.mslider_in_in .txt1{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	
	-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;
}

.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:1100px) {

}

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


.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: 107px;}

.visual_btm {width:700px;margin-top:-13.5rem;}

.visual_btm .box1 {padding:2rem 0;border-right:1px solid #ddd;color:#262764;font-size:2rem;background-color:#fff;}
.slick-current .box1 {background-color:#262764;color:#fff}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 {background-color:#f4f6fa;padding:6rem 7rem}
.our_li {margin-left:-2rem}
.con1_txt { color:#000;font-size:3rem;font-weight:500}
.our_li>div {width:33.3333%;float:left;margin-bottom:2rem;padding-left:2rem}
.our_li>div>div {background-color:#dfdfdf;padding:1rem;}
.our_li>div>div>div {position: relative;overflow:hidden}
.our_li>div>div>div:before {    z-index: 9999;content:"";;width:100%;height:100%;background-color:rgba(0,0,0,0.4);left:0;top:0;position: absolute}
.our_li>div>div img {width:100%;}
.our_li>div>div:hover img { transition:all 2s; transform: scale(1.1,1.1);}
.our_li>div>div:hover>div:before{display:none}
.our_li>div>div:hover {background-color:#fff;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.3)}
.our_li>div>div>div>a>p {      z-index: 9999; position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.our_li>div>div>div>a>p>span {text-align:center;min-width:290px;display:inline-block;padding:1rem 3rem; font-size:2.2rem;font-weight:500;color:#fff;border:1px solid #fff;}
.our_li>div>div:hover>div>a>p>span  {background-color:rgba(61,105,178,.8)}
.our_li2>div {width:50%;}
.cont2_bx {margin:0 6rem}
.cont_wp2 {padding:5rem 0 4rem;}
/*.cont2_bx li {width:14.25%;float:left;}*/
.cont_wp2 .slick-slide {padding:0 1rem}
/*.cont2_bx .slick-slide a {display:table;height:110px;}
.cont2_bx .slick-slide img {display:table-cell;vertical-align: middle}*/
/*메인컨텐츠 끝*/

/*하단*/

#footer{width:100%;margin:0 auto;background:#353535;padding:3rem 7rem 0;border-top:6px solid #3f68b1;}
#footer>div {color:#fff;table-layout: fixed;display:table;width:100%;}
#footer>div>div {display:table-cell;vertical-align: top}
#footer>div>div:nth-child(1) {width:340px}
#footer>div>div:nth-child(3) {padding-left:5rem}
#footer .st1 a {display:block;margin-top:2rem;font-size:1.8rem;color:rgba(255,255,255,.5)}

.foot_txt2 {line-height:4.4rem;color:#fff;font-size:1.8rem}
.foot_txt2 img {margin-left:2rem}

.foot_box3>div {display:table-cell;vertical-align: top}
.foot_box3>div .st2 {font-weight:300;font-size:1.7rem;opacity: .8;line-height: 2.5rem}
.foot_box3>div .st3 {font-weight:300;font-size:1.5rem;opacity: .5;line-height: 2.5rem}
.foot_box3>div:nth-child(1) {width:50%;padding-right:2rem}

.foot_box3 .st4 a {position:relative;margin-top:1rem;display:inline-block;font-size:1.6rem;color:#fff;background-color:#3f68b1;border-radius:50rem;width:200px;padding:1rem 2rem;}
.foot_box3 .st4 {margin-top:122px;}
.foot_box3 .st4 a:before {content:">";color:#fff;font-family: dotum;position: absolute;right:2rem;opacity:.8;top:1.4rem;font-size:1.4rem;}

.foot_btm {margin:0 0;margin-top:10rem;font-size:1.5rem;color:rgba(255,255,255,.5);padding-bottom:4rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.1)}