@charset "utf-8";
#wrap #footer{clear:both; position:relative; width: 100%; z-index: 500; margin-top:0px; background-color:#2B2B2B !important;  }
#wrap #footer .container{position: relative; width : 100%; max-width: 1200px;margin: 0 auto;height: 100%;}
#wrap #footer .container.mobile{display: none;}
#wrap #footer .container:after{display: block;content: '';clear: both;}


ul.foot_menu{position:relative; width:100%; max-width:1200px; padding:40px 0; margin:0px auto 0 auto;}
ul.foot_menu:after{display: block;content: '';clear: both;}
ul.foot_menu li{float:left; display:inline; width:25%; padding-top:10px; text-align:center; min-height:210px; border-right:1px solid #707070;}
ul.foot_menu li:last-child{border-right:none;}
ul.foot_menu li dt{font-size:20px; font-weight:500; margin-bottom:20px; text-align:center; }
ul.foot_menu li dd{font-size:16px;  line-height:1.5; text-align:center; }
ul.foot_menu li dt a:hover{color:#0064af;}
ul.foot_menu li dd a:hover{color:#0064af;}

.foot_add_outer{ width:100%; padding:30px 0 30px 0; display : flex; gap:100px}
.footer_logo {  text-align:center;} 

/* 주소,연락처등 */  
.foot_add { margin:0px 0 0 0;   width:100%; font-size:16px; overflow:hidden; line-height:1.5; }
.foot_add img {vertical-align:top; font-size:0px; line-height:0px; }
.foot_add address {font-size: 16px; margin:0; width:100%; padding:0; line-height:22px; font-weight: 400; color:#fff;}
.foot_add .copy {letter-spacing:0em;  line-height:1.5; font-weight: 400;  font-size:16px; margin-top: 15px; ; color:#fff;}
.foot_add .copy a{color:#fff; font-weight: 400; }
.foot_add .copy a:hover{color:#fff;}

.contact ul{ margin-top:10px; display : flex; font-size: 16px; color:#fff;}
.contact ul li{}
.contact ul li strong.ml10{margin-left:10px;}

.foot_wrap{margin-top:10px; display : flex; gap: 15px; align-items: flex-start;}
.foot_wrap .foot_tit{ font-size: 15px; font-weight: 400; height:22px; line-height:22px; padding : 1px 12px; background: #D2121D; color : #fff; border-radius: 12px; }
.foot_wrap:nth-child(1){margin-bottom: 10px;}
.foot_wrap:nth-child(2) .foot_tit{background: #101954;}
.contact li strong{font-weight: 600; line-height:22px;}




#bannerWrap{clear:both;position:relative;background:#fff; width:100%; height:100%; padding:30px 0; margin:0px 0 0 0 !important; border-top:1px solid #d9d9d9; }
.title{margin:0 auto; width:100%;max-width:1200px; height:100%;}
.title h3{  font-weight:500;font-size:18px; color:#111; font-weight:600; background:url('../img/s_img/banner_dot_line.png') repeat-x 110px 50%;}
.title h3 span{background:#fff; padding-right:20px;}
.mbannerwrap{position:relative; width:100%; max-width:1200px; height:60px; margin:20px auto 0 auto; overflow:hidden;  }
.mbannerwrap .grap{ position:relative; float:left; width:1032px; height:50px; margin:0px 0px 0 0px; overflow:hidden;/* border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9;*/}
.mbannerwrap .grap .obj{position:relative; width:10000px}
.mbannerwrap .grap .obj .item{float:left; margin-right:25px;/* border-right:1px solid #d9d9d9;*/ height:48px; width:149px; text-align:center; }
.mbannerwrap .grap .obj .item a{ font-size:15px;color:#555; font-weight:600; padding:0px 0px 0 0px;  position:relative; display:block; }
.mbannerwrap .grap .obj .item a:after{content:"";position:absolute; top:5px; left:8px; height:14px; /*border-right:1px solid #bababa; */}
.mbannerwrap .grap .obj .item:first-child a:after{display:none}
.mbannerwrap .grap .obj .item a img{}

.mbannerwrap .control{position:absolute; top:0px; right:0px;}
.mbannerwrap .control a{float:left; margin:0px; overflow:hidden; text-indent:-999px; }
.mbannerwrap .control a[data-type="prev"]{position:absolute; right:95px; top:0px; background:url('../img/s_img/banner_previous.gif') no-repeat;width:48px; height:48px; } 
.mbannerwrap .control a[data-type="next"]{position:absolute; right:48px; top:0px;  background:url('../img/s_img/banner_btn_down.gif') no-repeat;width:47px; height:48px; }
.mbannerwrap .control a[data-type="stop"]{position:absolute; right:0px; top:0px;  background:url('../img/s_img/banner_btn_stop.gif') no-repeat;width:48px; height:48px; }
.mbannerwrap .control a[data-type="play"]{position:absolute; right:0px; top:0px;  background:url('../img/s_img/banner_btn_play.gif') no-repeat; display:none;width:48px; height:48px; }





/*TOP*/

.navBtn {position:fixed;  right:50px; bottom:100px; z-index:999999; display: flex;  justify-content: center; width:50px;  height: 50px; transition: 0.3s ease-in-out; align-items: center; transform: scale(0) rotate(-80deg); }
.navBtn > div { margin:10px 20px 40px 0px; text-align:center; flex-shrink:0; cursor: pointer;}

.goTop { font-size:14px; line-height:70px; color:#111;  width:100%; height:100%; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);  transition: 3s; display: flex; justify-content: center;
    position: relative; background-color: #111 !important ;  border-radius:0;}
.goTop:after{content:''; position:absolute; background: url('../img/s_img/up_black.png') no-repeat; width:19px;height: 27px; top:26%; left: 33%; background-size: contain;}
.goTop > img { width:48px;  margin-top:5px;}







@media (max-width: 1199px) {

  #wrap #footer{height: auto;}

  ul.foot_menu li dt{font-size:18px; }
  ul.foot_menu li dd{font-size:16px; }

  .foot_add_outer{width:98%; margin:0 auto;}
  .foot_add { width:75%; font-size:15px; overflow:hidden; }
  .foot_add .copy {font-size:15px;}
  .foot_add address {font-size: 15px; }
  .contact ul{font-size: 15px; }


#bannerWrap{clear:both;position:relative;background:#fff; width:100%;  padding:0; margin:0px auto !important;  padding:20px 0;}
.title h3{width:98%; margin:0 auto;}
 .mbannerwrap{position:relative; width:98%; height:60px; margin:20px auto 0 auto; overflow:hidden;  }
 .mbannerwrap .grap{ position:relative; float:left; width:800px; height:60px; margin:0px 143px 0 0px !important; overflow:hidden; }
 .mbannerwrap .grap .obj .item{float:left; height:48px; width:149px; text-align:center; }








}/* 1199px End*/

@media (max-width: 991px) {

#wrap #footer{height: auto;padding-bottom: 0px;}

.foot_add_outer{ flex-direction: column; gap:24px; }
.foot_wrap{flex-direction: column; align-items: center; gap:9px;}
.contact ul{justify-content: center;}
.foot_add .copy{text-align: center; margin-top: 10px;}

.foot_add address {text-align: center;}
.foot_add p {}
.foot_add { width:100%; }
.foot_add .copy { padding:0px 0 0 0; font-size:15px;}

ul.foot_menu li dt{font-size:15px; }
ul.foot_menu li dd{font-size:15px; }

p.control{display:none;}


.mbannerwrap .grap{ position:relative; float:left; width:100%; max-width:710px; height:60px; margin:0px 0px 0 20px !important; overflow:hidden; }

.mbannerwrap .grap .obj .item{float:left; margin-right:35px; height:48px; width:149px; text-align:center; }


.foot_add {font-size:15px;  }
.foot_add .copy {font-size:15px;}
.foot_add address {font-size: 15px; }
.contact ul{font-size: 15px; }

.footer_logo {  display:none;} 


}/* 991px End*/


@media (max-width: 768px) {

  #wrap #footer{height: auto;padding-bottom:0px;}
  

  .foot_add {width:100%; font-size:14px; overflow:hidden;}
  .foot_add_outer{text-align: center; gap:26px;}
  .contact ul{justify-content: center; font-size: 14px;}

  .foot_add .copy {margin-top:0; padding:0px 0 0 0; font-size:14px; line-height:1.4;}
  .foot_add .copy span.m_cut{display:block;}
  .foot_add p span.m_cut{display:block;}

  span.m_non{display:none;}
  ul.foot_menu{padding:30px 0;}
  ul.foot_menu li{min-height:180px; padding-top:5px;}
  ul.foot_menu li dt{font-size:14px; margin-bottom:15px;}
  ul.foot_menu li dd{font-size:14px;}

  .foot_add address span.m_cut{display:block;}
  .contact ul{margin-top:0;}
  .contact ul li{font-size: 14px; line-height:1.4;}
  .contact ul li strong.ml10{margin-left:0px;}
  .contact ul li span.m_cut{display:block;}

  .foot_add {font-size:14px; line-height:1.4; }
  .foot_add .copy {margin-top:2px;font-size:14px; line-height:1.4;}
  .foot_add address {font-size: 14px; line-height:1.4;}
  .contact ul{font-size: 14px; line-height:1.4;}
  
  .footer_logo {  display:none;} 

  .mbannerwrap .grap .obj .item{float:left; margin-right:20px; }


 

  .navBtn {display:none;}


}/* 768px End*/