

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


/*메뉴시작*/
dde
#topmenu_wrap {background-color:#fff;width:100%;margin: auto;z-index:999;position:absolute;left:0;top:0;}

.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 {display:inline-block;overflow: hidden}
.menu>li {width:180px;float:left;display:inline-block}
.menu>li>a {box-sizing: border-box;color: #000;line-height:1.8rem;font-size:1.7rem;padding:3.7rem 0;}

.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:7rem;top:1.5rem; }
.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; width:200px;padding:2rem 0;background-color:rgba(1,66,130,.95);display:none;position: absolute;z-index: 99999;overflow: hidden;}

.sub_menu {position:relative; padding:1rem 0}
.sub_menu li a{padding:1rem 0;color:#9cb1c6; background: none;font-weight: 300;font-size:1.6rem;}
.sub_menu li a:hover{text-decoration:underline !important;color:#fff;}
/*.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 }*/

.right_ic { color:#676767 ;position: absolute;right:7rem;top:1.8rem;}
.right_ic span {vertical-align:middle;font-size:1.5rem;font-weight:300;line-height:4rem;}
.right_ic a {color:#676767;}
.right_ic span:last-child {margin-left:2rem}
/*메뉴끝*/

/*메인비쥬얼*/
.video{ padding-top:0px; height:100%;position: relative;}
.video>div {}
.nw_mvsl{width:100%;height:100vh;top:0;position: relative;}
/*.video:before {content:"";background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute; z-index:99 ;left:0;top:0;;}*/
video {height:100%;
                width:100% !important;
                  object-fit: cover;
                   min-width: 100%;
                 min-height: 100%;
                }
.nw_mvsl .slick-track {width:100%;height:100%}
.nw_mvsl .slick-list {width:100%;height:100%}
.nw_mvsl .slick-slide {position:relative}
.main-slider {width:100%;height:100%}
 .wid{overflow: hidden;text-align:center; position: absolute; z-index:999; width: 100%; height: 100%; display: block;}
 .wid > .all_txt{margin:0 auto;text-align:center;top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;position:absolute;vertical-align:middle;}
 .wid > .all_txt > p.mvtxt1{margin-top:110px;font-size:23px;color:#fff;}
.wid > .all_txt > p.mvtxt2{margin-top:15px;font-size:40px;color:#fff;line-height:51px;}
.wid > .all_txt > p.mvtxt2 strong{display:block;}
.wid > .all_txt > p.mvtxt4{display:inline-block;width:180px;height:46px;line-height:46px;text-align:center;border:1px solid #fff;margin-top:30px;font-size:14px;color:#fff;font-weight: 400;}
.nw_mvsl .slick-prev {text-indent:-999999px;z-index:99;border:0;top:50%;position:absolute;left:10%;background-color:rgba(255,255,255,0);background:url('/image/main/mvs_prev11.png') no-repeat;width:30px;height:57px;}

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

.nw_mvsl .slick-dots{position:absolute;left:0;width:100%;text-align:center;bottom:8rem;}
.nw_mvsl .slick-dots > li{display:inline-block;}
.nw_mvsl .slick-dots button{width: 26px;height: 26px;background-color:#c4c4c4;border-radius:0 50rem 50rem 0;margin:0 1rem;font-size:0;border:0;}
.nw_mvsl .slick-active button{width: 26px;height: 26px;background-color:#fff;border:4px solid #c4c4c4;border-radius:0 50rem 50rem 0;}

.visual_txt {z-index:999; position: absolute;bottom:10rem;left:20rem;color:#fff}
.visual_txt .txt span{font-size:2rem;font-weight:300;border-bottom:1px solid #fff;}

.visual_txt .txt1 {letter-spacing:-0.25px;font-size:3.5rem;font-weight:500;}
.visual_txt .txt2 {letter-spacing:-0.25px;line-height:2.8rem; font-size:1.8rem;font-weight:100;opacity: .8;margin-top:2rem}
.visual_txt .txt3 {margin-top:4rem}

.visual_txt .txt3 span {margin-right:2rem}
.nw_mvsl .pc_img {height:100% !important}
/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_con1 {  background: linear-gradient(#fff, #dedede);}
.main_con1>div {max-width:1920px;margin:auto;padding:5rem 10rem}

.main_con1_1 {margin-left:-2rem}
.main_con1_1>div {width:50%;float:left;padding-left:2rem;}
.main_con1_1>div>a>div {border-radius:15px;padding:4.5rem 6rem;}
.main_con1_1>div>a>div .st1 {color:#000;font-size:2.3rem;font-weight:500}
.main_con1_1>div>a>div .st1 span{color:#c90d17}
.main_con1_1>div>a>div .st2{color:rgba(0,0,0,0.8);font-size:1.8rem;margin-top:5px;}


.main_txt1 {font-size:4rem;font-weight:500}
.main_txt1_1 {font-size:3rem;font-weight:300}
.main_txt1_1 span {color:#b51e22}
.main_con2 {max-width:1920px;margin:auto;padding:7rem 20rem}
.main_con2_1 {display:table;width:100%}
.main_con2_1>div {display:table-cell;width:50%;vertical-align: middle}
.main_con2_1>div:nth-child(1) {padding-right:10rem}
.main_con2_1 .st1 {font-size:3.3rem;font-weight:500;border-top:2px solid #000;padding-top:5rem;}
.main_con2_1 .st1 span {font-weight:300}
.main_con2_1 .st2 {font-size:2rem;color:#676767;;padding-top:2rem;}
.main_con2_1 .st3>li {font-size:1.7rem;border:1px solid #ddd;width:50%;float:left;margin-left:-1px;margin-top:-1px}
.main_con2_1 .st3>li>div {padding:2rem 0 2rem 9rem;}

.g_bg {background-color:#fafafa}


.main_con3 {max-width:1920px;margin:auto;padding:7rem 20rem}
.main_con3_1 {position:relative; width:100%}
.main_con3_1>div:nth-child(1) {width:50%;padding-left:10rem;position:absolute;right:0;top:0;}
.main_con3_1 .st1 {font-size:3.3rem;font-weight:500;border-top:2px solid #000;padding-top:5rem;}
.main_con3_1 .st1 span {font-weight:300}
.main_con3_1 .st2 {font-size:2rem;color:#676767;;padding-top:2rem;}
.main_con3_1 .st3>li {letter-spacing:-1.5px; font-size:1.7rem;border:1px solid #ddd;width:50%;float:left;margin-left:-1px;margin-top:-1px}
.main_con3_1 .st3>li>div {padding:2rem 0 2rem 7.5rem;}

.g_bg2{background-color:#fff6f6;padding:7rem 0;}
.g_bg2>div {max-width:1180px;margin:auto}
.g_bg2 .st1 {font-size:3.5rem;font-weight:500;}
.g_bg2 .st1 span  {font-weight:300;}
.g_bg2 .st2 {margin-left:-2rem}
.g_bg2 .st2>li {width:25%;float:left;padding-left:2rem;}
.g_bg2 .st2>li p {font-size:2rem;font-weight:500;margin-top:2rem}
.g_bg2 .st2>li>span {display:block;border-bottom:1px solid #ddd;position: relative}
.g_bg2 .st2>li>span:before{content:"";width:40px;height:3px;background-color:#e60013;position:absolute;left:50%;margin-left:-20px;top:-1px}
.g_bg2 .st2>li div {margin-top:1.5rem;font-size:1.7rem;color:#454545;}


.main_c_bx1 {max-width:1180px;color:#454545;font-size:1.7rem;padding:2rem 0;border:0px solid #ddd;margin:2.5rem auto;}
.main_c_bx1  p {color:#676767;font-weight:300}
.main_con3_1 {padding-right:50%;}

.main_txt1_2 {font-size:2.6rem;font-weight:300;border-top:1px solid #000;padding-top:5rem;}
.main_txt1_2>p {font-weight:500}
.main_btn1 a {color:#fff;font-size:1.7rem;display:inline-block;padding:1.5rem 4rem;border-radius:50rem;background-color:#000}

.main_con4 {padding:7rem 0;max-width:1180px;margin:auto;}
.main_con4 .st1 {font-size:4rem;font-weight:500}
.main_con4 .st2 {font-size:2rem;color:#454545}
.main_con4 .st3 {margin-left:-2rem}
.main_con4 .st3 li {width:33.333%;float:left;padding-left:2rem;}
.main_con4 .st4 {position: relative;margin:0 3rem;margin-top:-3rem;background-color:#fff;padding:3rem 5rem;}
.main_con4 .st4 span {font-weight:500;color:#c90d17;font-size:2.1rem;border-bottom:1px solid #c90d17;margin-bottom:2rem}
.main_con4 .st4 div {margin-top:2rem;font-size:1.7rem;margin-bottom:3rem}
.main_con4 .st4 p {font-size:1.7rem}

.main_con5 {background-color:#e3e3e3}
.main_con5>div {background:url('/image/main/main_bg1.png') 100% 100% no-repeat;padding:5rem 0;max-width:1180px;margin:auto;}
.main_con5>div>div{display:table-cell;vertical-align: bottom}
.main_con5 .st1 {font-size:3rem;font-weight:300;position: relative}
.main_con5 .st1:before {content:"";width:200px;height:1px;background-color:rgba(0,0,0,0.5);position: absolute;left:150px;top:20px;}
.main_con5 .st2 {font-size:3rem;font-weight:300;}
.main_con5 .st2 span {font-weight:500}
.main_con5 .st2 p {color:#c90d17;font-weight:500}
.main_con5 .st3 {padding-left:2rem}
.main_con5 .st3 a {color:#c90d17;border:2px solid #c90d17;display:inline-block;padding:1.5rem 5rem;border-radius:50rem;font-size:1.7rem}



.right_fixed {position: fixed;right:7rem;bottom:5rem;z-index: 99}
.right_fixed li {margin-bottom:1rem}
.right_fixed li a img {display:block}
.right_fixed li a{box-shadow:1px 1px 10px 1px rgba(0,0,0,0.2)}
.right_fixed ul .dde {display:none;}

/*메인컨텐츠 끝*/








.f_none {height:0;transition: height .8s; overflow: hidden}
.f_none.show2 {height: 321px;}
.f_none.show2 p {margin-bottom:10px}




/*하단*/

#footer{background-color:#252525;padding:4rem 0;height:auto !important; }
#footer>div{max-width:1720px;margin:auto;}
#footer .top_1 {padding:0 10rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.1);}
#footer .top_1>div {color:#fff;width:33.3333%;float:left;}
#footer .st1 {color:#979797;font-size:2rem;font-weight:300;}
#footer .st2 {color:#d9d9d9;font-size:2.3rem;font-weight:500;}
#footer .st3 {opacity:.8; color:#c5c5c5;font-size:1.6rem;font-weight:300;}
#footer .bottom1 {padding:0 10rem;padding-top:4rem;}
#footer .bottom1 li {color:#979797;font-size:1.6rem;display:inline-block;}
#footer .bottom1 li a {color:#979797;font-size:1.6rem;}
#footer .bottom1 li span {display:inline-block;padding:0 5px}
#footer .btbt{width:100%;margin:10px auto; display: flex; padding: 0 4rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, .1);}
#footer .btbt p {float: left; width: 20%; margin: 5px auto; text-align: center; }

@media all and (min-width:1025px) {
    #footer .btbt {
        display: none;
    }
}



