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;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {border-radius:1rem;}

textarea{font-family: "Pretendard Variable", Pretendard, 'Noto Sans', sans-serif, "돋움", dotum, AppleGothic;}
.pop_order2>div>div input[type="text"] {margin-right:-5px}
.pop_order2>div>div input[type="text"] ,
.search_bar div input[type="text"],
.adress_bx input[type="text"] {border-radius:10px 0 0  10px !important}
.adress_btn,
.search_bar div .btnSch,
.pop_order2>div>div span.fl {border-radius:0 10px 10px 0 ;overflow:hidden}
/*메뉴시작*/

#topmenu_wrap {position:absolute;top:0;width:100%;;margin: auto;z-index:999;}
#topmenu_wrap.line,
#topmenu_wrap.fixed {position:fixed;top:0;}
#topmenu_wrap.fixed .top_top,
#topmenu_wrap.line .top_top{background-color:#f5f5f5;;}
#topmenu_wrap.fixed .top_top span ,
#topmenu_wrap.line .top_top span {color:#000;}
#topmenu_wrap.fixed .top_top a,
#topmenu_wrap.line .top_top a{color:#000}
#topmenu_wrap.fixed #gnb,
#topmenu_wrap.line #gnb {background-color:#fff;}
#topmenu_wrap.line a,
#topmenu_wrap.fixed #gnb a {color:#000}
#topmenu_wrap .on_img {display:none;}
#topmenu_wrap.fixed .off_img ,
#topmenu_wrap.line .off_img {display:none;}
#topmenu_wrap.fixed .on_img,
#topmenu_wrap.line .on_img {display:inline-block;}
#topmenu_wrap.fixed .st1 a,
#topmenu_wrap.line .st1 a{color:#fff !important;background-color:#202657;}
.top_top {color:#dfdfdf;font-size:1.5rem;padding:13px 10rem;border-bottom:1px solid rgba(255,255,255,.3);}
.top_top .left {font-weight:100;}
.top_top .left span {font-weight:normal}
.top_top .right a {color:#fff;font-size:1.5rem;font-weight:300}
.top_top .right span span  {display:inline-block;margin:0 5px;color:#676767;font-size:1.5rem;font-weight:100}
#gnb {position: relative;z-index: 99}
#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;display:inline-block}
.menu>li>a {box-sizing: border-box;color: #fff;font-size:1.9rem;padding:4rem 9rem;}

.menu_top{display: block; color: #000;text-decoration: none;}
.logo_b{position:absolute;left:10rem;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}
.top_right {position: absolute;right:10rem;top:2.8rem;}
.top_right .st1 {vertical-align: middle;font-size:1.6rem;font-weight:100;color:#fff}
.top_right .st1 a {display:inline-block;padding:1rem 3rem;color:#fff;;border:1px solid #fff;border-radius:50rem;}
.top_right .st1 a img {vertical-align: middle}
.top_right .st2 img {vertical-align: middle;margin-left:3rem;}
.sub_menu_wrap {position:relative;padding:0 2.5rem;display:none;z-index: 99999;overflow: hidden;}
.color_b {position: relative;display: block}
.color_b:before {content:"";width:160px;left:50%;margin-left:-80px;height:3px;background-color:#202657;position: absolute;bottom:0;z-index: 99}
.sub_menu {position:relative; padding:1rem 0}
.sub_menu li a{padding:2rem 0;color:#454545; background: none;font-size:1.7rem;}
.sub_menu li a:hover {color:#202657 !important;}
.sub_menu li:last-child {border-bottom:0}
.line:before{content:"";width:100%;height:300px;background-color:#fafafa;position:absolute;left:0;top:145px;z-index: 9}
/*.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 }
#topmenu_wrap  {transition:all .5s;}
.body-active #topmenu_wrap {top:-200px}
.body-active.scroll-up #topmenu_wrap {top:0px;}
.body-active.scroll-up .header {top:-200px;}
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 }*/

/*메뉴끝*/

/*메인비쥬얼*/
.mainVisual {height:100vh;position:relative;overflow:hidden;}
.mainVisual:before{position:absolute;left:0;top:0; content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.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;}

.visual_left {position: absolute;left:6rem;top:27%;}
.visual_left span {margin:13rem 0;width:90px;display:block;transform: rotate(270deg);}
.visual_left span a {font-weight:300;;font-size:1.6rem;opacity:.5; color:#fff}
.visual_left span a:hover {font-weight:300;;opacity: 1;border-bottom:1px solid #fff;;}


.visual_right {position: fixed;right:10rem;top:30%;z-index: 99}
.visual_right ul {background-color:#202657;border-radius:50px;padding:1rem;}
.visual_right ul li {padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,.2);}
.visual_right ul li  a {color:#fff;font-size:1.6rem;}
.top_btn {display:inline-block;border-radius:50%;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.2);margin-top:2rem}
.visual_right ul li:last-child{border-bottom:0;}
.scroll {width:100%;position: absolute;bottom:5rem;}
.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_con1 {max-width:1400px;margin:9rem auto 0;}
.main_con1 .st1 {color:#202657;font-size:4rem;font-weight:800;}
.main_con1 .fl img {height:40px;}
.main_con1 .st2 {margin-top:1rem;line-height:3.3rem;font-size:2rem;;}
.main_con2 {margin-top:5rem;}
.main_con2 .slider-nav {}
.box_in{max-width:1180px;margin:auto;}
.slider-nav {max-width:1180px;margin:auto;}
.slider-nav>li {width:33.333%;float:left;padding:0 1rem;}
.slider-nav>li>a{padding: 0 1rem;color:#454545;font-size:2rem;font-weight:300;cursor:pointer;}
.slider-nav>li>a{background-color:#f0f0f1;display:block;padding:1.5rem 0;border-radius:50rem;}
.slider-nav>li>a:hover {color:#fff;background-color:#323977}
.slider-for img {margin:auto}

.main_con3 {padding:10rem 0;max-width:1400px;margin:auto;}
.li_st .st1 {color:#000;font-size:2.3rem;}
.li_st .st2 {font-family: "Noto Serif KR", serif; font-weight:900;color:#202657;font-size:3.5rem;}
.li_st ul {margin-left:-3rem;}
.li_st ul li {width:33.333%;float:left;padding-left:3rem;margin-top:4rem;}
.li_st ul li div:nth-child(2) {font-size:2rem;margin-top:2.5rem;}

.main_con4 {background-size:cover;}
.main_con4 .st1 {color:#fff;font-size:2.3rem;}
.main_con4 .st2 {font-family: "Noto Serif KR", serif; font-weight:900;color:#fff;font-size:3.5rem;}
.main_con4 .img_st {display:inline-block;position: relative;}
.main_con4 .img_st div {position: absolute;right:-160px;top:0;}
.main_con4 li {vertical-align:top; display:inline-block;padding:0 8rem;}
.main_con4 li p {margin:3.5rem 0 1rem;color:#fff;font-size:2.3rem;font-weight:500;}
.main_con4 li div {line-height:2.4rem;font-weight:300;color:#fff;font-size:1.8rem;margin-top:1rem;}

.main_con5 {background:url('/image/main/main_img6_bg.png') no-repeat;padding:9rem 0 ;background-size:cover;}
.main_con5 .st1 {;font-size:2.3rem;}
.main_con5 .st2 {font-family: "Noto Serif KR"; font-weight:700;color:#202657;font-size:4rem;}
.main_con5 .st3 a {padding:2rem 6rem;border-radius:50rem;font-size:1.8rem;border:1px solid #000;display:inline-block;}


.main_con6 {background-size:cover;}
.main_con6>div{max-width:1180px;margin:auto;display:table;width:100%;}
.main_con6>div>div {width:50%;color:#fff;display:table-cell;vertical-align: middle}
.main_con6>div .st1{line-height:5.5rem;font-family: "Noto Serif KR";  font-weight:700;color:#fff;font-size:4.5rem;}
.main_con6>div .st2{line-height:3rem; font-weight:100;color:#fff;font-size:2rem;}
.main_con6>div .st2 div{ font-weight:normal}


.main_con7 {padding:10rem 0;max-width:1400px;margin:auto;}

.main_con8 {background-size:cover;}
.main_con8 .st1 {color:#fff;font-size:2.3rem;}
.main_con8 .st2 {font-family: "Noto Serif KR", serif; font-weight:900;color:#fff;font-size:3.5rem;}
.main_con8 .img_st {display:inline-block;position: relative;}
.main_con8 .img_st div {position: absolute;right:-160px;top:0;}
.main_con8 li {vertical-align:top; display:inline-block;padding:0 2rem;}
.main_con8 li p {margin:3.5rem 0 1rem;color:#fff;font-size:2.3rem;font-weight:500;}
.main_con8 li div {line-height:2.4rem;font-weight:300;color:#fff;font-size:1.8rem;margin-top:1rem;}



.main_con9 {;background-size:cover;}
.main_con9>div{max-width:1180px;margin:auto;display:table;width:100%;}
.main_con9>div>div {width:50%;color:#fff;display:table-cell;vertical-align: middle}
.main_con9>div .st1{line-height:5.5rem;font-family: "Noto Serif KR";  font-weight:700;color:#fff;font-size:4.5rem;}
.main_con9>div .st2{line-height:3rem;font-weight:normal; color:#fff;font-size:2rem;}
.main_con9>div .st2 div{ font-weight:100;}


.main_con10 {padding:10rem 0;max-width:1400px;margin:auto;}


.main_con11 {;background-size:cover;}
.main_con11 .st1 {color:#fff;font-size:2.3rem;}
.main_con11 .st2 {font-family: "Noto Serif KR", serif; font-weight:900;color:#fff;font-size:3.5rem;}
.main_con11 .img_st {display:inline-block;position: relative;}
.main_con11 .img_st div {position: absolute;right:-160px;top:0;}
.main_con11 li {vertical-align:top; display:inline-block;padding:0 2rem;}
.main_con11 li p {margin:3.5rem 0 1rem;color:#fff;font-size:2.3rem;font-weight:500;}
.main_con11 li div {line-height:2.4rem;font-weight:300;color:#fff;font-size:1.8rem;margin-top:1rem;}


.main_con12 {background-color:#070c2d;padding:8rem 0 5rem;}
.main_con12>p {font-size:3.5rem;font-weight:800;color:#fff;}
.main_con12>div{max-width:1400px;margin:auto;}
.main_con12 li {color:#fff;width:33.333%;float:left;padding-left:3rem;}
.main_con12 ul {margin-left:-3rem;}
.main_con12 li>div {padding:3rem 0;margin:0 3rem;background-color:#070c2d;margin-top:-4rem;position: relative;z-index: 9}
.main_con12 li>div p {font-size:2rem;font-weight:600;}
.main_con12 li>div div {margin:1rem 0 3rem;color:#979797;font-size:1.7rem;font-weight:300;}
.main_con12 li>div span a {color:#fff;font-size:1.6rem;border-bottom:1px solid #fff;}

.main_con13{padding:8rem 0;max-width:1400px;margin:auto;}
.main_con13 .st1 {color:#202657;font-size:2rem;}
.main_con13 .st2 {font-weight:700;;font-size:3.5rem;}
.main_con13 .st3 a {padding:1.5rem 3rem;display:inline-block;color:#000;font-size:1.8rem;border:1px solid #000;border-radius:50rem;}
.main_con13 ul {border-top:2px solid #000;}
.main_con13 ul li a {background:url('/image/main/p_ic.png') 100% 50% no-repeat; width:100%;padding:3.5rem 0;display:table;border-bottom:1px solid #ddd;}
.main_con13 ul li a>p{ width:160px;color:#202657;font-size:3rem;font-weight:800;display:table-cell;vertical-align: middle}
.main_con13 ul li .st4 {font-weight:500;color:#000;font-size:1.9rem;}
.main_con13 ul li .st5 {margin-top:1rem;color:#000;font-weight:300;font-size:1.8rem;}
.main_con13 ul li a>div {width:86%;}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.main_con14 {background:url('/image/main/main_img16_bg.png') no-repeat;padding:7rem 0 ;background-size:cover;}
.main_con14>div {max-width:1180px;margin:auto;}
.main_con14 .st1 {font-weight:600;font-size:3.5rem;}
.main_con14 .st2 {font-weight:300;font-size:2rem;}
.main_con14 .st3 {margin-left:-2rem;display:table;width:100%;}
.main_con14 .st3>div {display:table;width:50%;float:left;padding-left:2rem;vertical-align: middle}
.main_con14 .st3>div>p {font-size:1.7rem;width:100px;display:table-cell;vertical-align: middle}
.main_con14 .st3>div>div {display:table-cell;vertical-align: middle}
.main_con14 .st3>div>div select,
.main_con14 .st3>div>div input[type="tel"],
.main_con14 .st3>div>div input[type="number"],
.main_con14 .st3>div>div input[type="text"] {font-size:1.6rem;padding:2rem 3rem;width:100%;border:1px solid #ddd;background-color:#fff;border-radius:10px;}
.main_con14 .number {margin-left:-1rem;}
.main_con14 .number>div {width:33.333%;float:left;padding-left:1rem;}
.main_con14 .select {
    margin-left:-2rem;
}
.main_con14 .select>div {
   float:left;width:50%;
   padding-left:2rem;
}
.main_con14 .select input[type=radio]{
    display: none;
}
.main_con14 .select input[type=radio]+label{
    display: inline-block;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ddd;
    padding: 2rem 3rem;
    text-align: center;
    font-size: 1.6rem;
}
.main_con14 .select input[type=radio]+label{
    background-color: #fff;
    color: #333;
}
.main_con14 .select input[type=radio]:checked+label{
    background-color: #202657;
    color: #fff;
}
.main_con14 .select input[type=radio]:checked+label,
.main_con14 .select input[type=radio]+label {background-image:none;}

/* input 숨겨준다 */
.main_con14 input[type=checkbox]{
  accent-color:#202657;
  vertical-align: middle;
  }

.main_con14 input[type=checkbox] label{
  cursor:pointer;
 }

.main_con14  label > span{
  vertical-align: middle;
  padding-left: 5px;
  color:#676767;font-size:1.6rem;font-weight:300;
 }
.main_con14   label > span a {font-weight:300;color:#676767;font-siez:1.6rem;}
/* label:before에 체크하기 전 상태 CSS */
/*.main_con14  label:before{
  content:"";
  display:inline-block;
  width:17px;
  height:17px;
  border:1px solid #ddd;
  background-color:#fff;
  vertical-align:middle;
  }
  */
/* label:before에 체크 된 상태 CSS */
/*.main_con14 input[type=checkbox]:checked + label:before{
  content:"";
  background-color:#202657;
  border-color:#202657;
  background-repeat: no-repeat;
  background-position: 50%;
  }*/

.main_con14  .st5 {padding-top:5rem;border-top:1px solid #ddd;}
.main_con14  .st5>div {float:left;margin-right:6rem;}
.main_con14  .st6 button {border:0;padding:2rem 0;color:#fff;font-size:1.8rem;width:100%;background-color:#202658;border-radius:50rem;}
/*메인컨텐츠 끝*/

.mainVisual .main-slider {height:100%}
.video {height:100%}
video {
    width:100% !important;
      object-fit: cover;
       min-width: 100%;
     min-height: 100%;
     height:100%;
    }







.mo_fixed {display:none}
.mo_img2 {display:none !important}



/*하단*/

#footer{background-color:#252525;padding:0 10rem; }
.foot_top {border-bottom:1px solid #454545;padding:2rem 0;}
.foot_top a {color:#979797;font-size:1.7rem;font-weight:300;}
.foot_top>div>span {line-height:5.3rem;color:#676767;;font-size:1.7rem;display:inline-block;padding:0 1rem;}
.foot_btm {padding-bottom:5rem;}
.foot_btm>div {float:left;margin-right:8rem;}
.foot_btm .st1 {color:#979797;font-size:1.6rem;font-weight:300;}
.foot_btm .st2 {color:#fff;font-size:2.6rem;font-weight:600;}
.foot_btm .st3 {line-height:2.3rem;color:#979797;font-size:1.6rem;font-weight:300;}
.foot_btm .st4 {line-height:2.3rem;color:#dfdfdf;font-size:1.6rem;font-weight:300;}