

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;}
.mo_br {display:inline}

/*메뉴시작*/

#topmenu_wrap {background:url('/image/main/menu_bg.png')  0 0 no-repeat !important;height:400px;background-size:cover !important;padding:5rem 0;transition: all 0.4s ease;position: relative;width:100%;margin: auto;z-index:999;}
.header_up {
    top: 0px;
    height:220px !important;;
    overflow:hidden;
    position:fixed !important;;
    
}
.header_up.header_line {height:400px !important;}
.logo_home {margin-left:9rem;font-size:1.5rem;color:#fff}
.logo_home {color:#fff !important}
.logo_home img {margin-right:1rem}
#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 {;overflow: hidden;margin-top:4rem;}
.menu>li {float:left;width:20%;padding-left:2rem;}
.menu {margin-left:-2rem;}
.menu>li>a {box-sizing: border-box;color: #fff;border-bottom:2px solid #fff;font-size:2rem;padding-bottom:1.6rem;margin-bottom:1.6rem;}

#gnb {max-width:1180px;margin:auto;}
.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 a{}
.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 {border-top:1px solid #ddd;position:relative; width:100%;left:0;background-color:#fff;display:none;position: absolute;z-index: 99999;overflow: hidden;}

.sub_menu {text-align:left;position:relative;}
.sub_menu li a{text-align:center;padding:0.4rem 0;color:#fff; background: none;font-size:1.8rem;}
.sub_menu li {;}
.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 }

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;}

/*.sm_li>div>ul>li>ul>li>a:hover,
.sm_li>div>ul>li>a:hover {color:#002f65 }*/
.left_ic {position: absolute;left:10rem;top:5rem;}
.left_ic>span {margin-right:1rem;}
.right_ic {position: absolute;right:10rem;top:5rem;}
.right_ic img {margin-left:5rem;vertical-align: middle}
/*메뉴끝*/


.header_down {
    top: 0px;
    height:240px;
    overflow:hidden;
    position:fixed !important;;
}
.pop_open {display:none;background-color:#fff;z-index:9999; position:fixed;top:0;left:0;width:100%;height:100vh;}
.pop_in {
    width:100%;
    max-width:1600px;margin:auto;
  
 position:relative;
  top: 50%;
  left:0%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
 
}
.pop_in>div {width:16.6666%;float:left;}
.pop_in>div>p {margin-bottom:3rem;font-size:2.3rem;line-height:2.3rem;font-weight:600;position: relative}
.pop_in>div>p:before {content:"";width:4px;height:100%;background-color:#000;position: absolute;left:-20px;top:0;}

.pop_in>div li a {display:block;color:#454545;font-size:1.9rem;margin-bottom:1rem;}


/*메인비쥬얼*/
.mainVisual {top:68px;z-index:99; height: calc(100vh - 109px);position:relative;overflow:hidden;}
.mainVisual .scroll {position: absolute;bottom:12rem;left:0;width:100%;z-index: 99}
.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;}

.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%;}



.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;width:100%;top:22rem;text-align: center;}
.mainVisual .slick-dots:after {content:""; display:block; clear:both;}
.mainVisual .slick-dots > li {display:inline-block;margin:0px 1.8rem}
.mainVisual .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,.6);border-radius:50%;}
.mainVisual .slick-dots > li.slick-active button{background:url('/image/main/on_dot.png') no-repeat;;width:29px;height:29px;}


.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_txt1 {font-size:3rem;font-weight:500;}
.main_txt2 {font-size:2.5rem;font-weight:500;}
.main_txt3 {max-width:1180px;margin:auto;}
.main_txt3>ul {margin-left:-2rem;}
.main_txt3>ul>li {width:50%;float:left;padding-left:2rem;}
.main_txt3>ul>li>div {border-radius:20px;padding:4rem;background-color:#e6eaf1;}

.main_txt3 .st1 {color:#222;font-size:2.3rem;font-weight:500;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,0.2);}
.main_txt3 .st2 {font-size:1.8rem;min-height:50px;margin-top:1.5rem;}


.main_bg2 {background:url('/image/main/main_bg2.png') 50% 50% no-repeat;background-size:cover;padding:17rem 0;}
.main_bg2 .st1 {font-size:3rem;font-weight:600;}
.main_bg2 .st2 {width:100%;display:table;background:rgba(255,255,255,.8) url('/image/main/main_ic3.png') 90% 50% no-repeat; border-radius:30px;max-width:1180px;padding:4rem 0;margin:auto;}
.main_bg2 .st2>p {text-align:center;display:table-cell;width:20%;vertical-align: middle;border-right:1px solid rgba(0,0,0,0.3);font-size:2.5rem;}
.main_bg2 .st2>div {padding-left:5rem;width:80%;color:#222;font-size:1.9rem;}
.main_bg2 .st2 li {padding-left:2rem;position: relative;;margin-bottom:3px;font-weight:300;;color:#222;font-size:1.9rem;}
.main_bg2 .st2 li:before {content:"";width:5px;height:5px;background-color:#000;border-radius:50%;position: absolute;left:0;top:14px;}


.main_bg3 {max-width:1180px;margin:auto;padding:8rem 0;}
.main_bg3 .st1 {font-size:3rem;font-weight:600}
.main_bg3 .st2 {font-size:2rem;line-height:3.5rem;color:#4f4f4f;}
.main_bg3 .st3 li {padding:2rem 0;border-bottom:1px solid #ddd;font-size:2rem;font-weight:500}
.main_bg3 .st4 {font-size:2.5rem;}
.main_li3 {margin-left:-2rem;}
.main_li3>li {width:25%;float:left;padding-left:2rem;}
.main_bg3 .st5 {margin:2.5rem 0;display:inline-block; width:60px;height:1px;background-color:#000}



.main_bg4 {padding:8rem;position:relative;background-color:#f8f4eb}
.main_bg4>img {position: absolute;right:8rem;top:4rem;}
.main_bg4 p {font-size:2.7rem;font-weight:600}
.main_bg4 div {font-size:2rem;color:#454545;font-weight:300}



/* .main_bg5 {background:url('/image/main/menu_bg3.png') no-repeat;padding:24rem 0;background-size:cover;} */
.main_bg5>p  {background-color:rgba(39,84,126,.8);font-size:3.3rem;padding:3rem 0;color:#fff;font-weight:600}

.main_bg6 {padding:4rem 0;background-color:#f5f5f5;}
.main_bg6 li {padding:1.5rem;display:inline-block;}

.main_bg7 {margin-left:-2rem;}
.main_bg7>li {float:left;width:25%;padding-left:2rem;margin-bottom:2rem;}

.main_bg7_1 {max-width:1180px;margin:auto;padding:4rem 0;}

.main_bg8 {padding:8rem 0;background-color:#f5f5f5;}
.main_bg8>div {max-width:1180px;margin:auto;}

.left_img {min-height:400px;padding-right:50%;position: relative}
.left_img>p {position: absolute;right:0;top:0;}
.left_img .st1 {padding-top:8rem;color:#000332;font-size:3rem;font-weight:600;}
.left_img .st2 {color:#a6a6a6;font-size:1.6rem;font-weight:300;}
.left_img .st3 {border-top:2px solid #346494;margin-top:2rem;padding-top:2rem;color:#454545;font-size:1.8rem;}




.right_img {min-height:400px;padding-left:50%;position: relative}
.right_img>p {position: absolute;left:0;top:0;}
.right_img .st1 {padding-left:8rem;padding-top:8rem;color:#000332;font-size:3rem;font-weight:600;}
.right_img .st2 {padding-left:8rem;color:#a6a6a6;font-size:1.6rem;font-weight:300;}
.right_img .st3 {line-height:3.5rem;padding-left:8rem;border-top:2px solid #346494;margin-top:2rem;padding-top:2rem;color:#454545;font-size:1.8rem;}


.main_bg9 {padding:9rem 0;position: relative}
.main_bg9>div {color:#fff;padding:6rem 0;border-radius:20px;background-color:rgba(106,140,183,.7); width: 100%;max-width:1180px;;position: absolute;left:50%;margin-left:-590px;top:30%;}

.main_bg9 .st1 {font-size:3rem;font-weight:600;}
.main_bg9 .st1 span {color:#ffe400;}

.main_bg9 .st2 {font-size:1.8rem;font-weight:300;}
.main_bg9 .st3 {margin:2rem 0;display:inline-block; width:60px;height:1px;background-color:rgba(255,255,255,.5)}


/* .main_bg10 {background:url('/image/main/menu_bg5.png') no-repeat;padding:24rem 0;background-size:cover;} */
.main_bg10>p  {background-color:rgba(39,84,126,.8);font-size:3.3rem;padding:3rem 0;color:#fff;font-weight:600}

.main_bg11 {background-color:#fafafa;padding:8rem 0;position: relative}
.main_bg11 .st1 {font-size:1.8rem;color:#fff;display:inline-block;padding:1rem 4rem;background-color:#007aff}
.main_bg11 .st2 {font-size:4rem;color:#000}

.main_bg11 .st2 span {display:block;color:#007aff;font-weight:600;}
.main_bg11 .st3 {margin:2.5rem 0;display:inline-block; width:60px;height:1px;background-color:#007aff}
.main_bg11 .st4 {font-size:2rem;color:#000}

.main_bg11 .left {left:50%;margin-left:-800px;top:11rem;position: absolute;}
.main_bg11 .right {right:50%;margin-right:-800px;top:8rem;position: absolute;}



/* .main_bg12 {background:url('/image/main/menu_bg6.png') no-repeat;padding:24rem 0;background-size:cover;} */
.main_bg12>p  {background-color:rgba(39,84,126,.8);font-size:3.3rem;padding:3rem 0;color:#fff;font-weight:600}

/*메인컨텐츠 끝*/


.main_video {max-width:1280px;margin:auto}
.main_video video{width:100%}









/*하단*/
.main_foot {color:#979797;font-size:1.6rem;background-color:#252525;padding:4rem 0;}
