@charset "utf-8";


/* 디바이스 981px 이상에서 적용*/
@media all and (min-width:981px)
{
	 /* html,body{overflow:auto;} */
	/*html.ovfH,body.ovfH{overflow:auto;}*/
	#snbOpen,
	#sideBarCover,
	#snbMvAr,
	#snbMvArBottom{display:none;}

	#hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#hd.scDown{background:#fff;margin-top:-35px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#topSpacer{}
	.pc_br{display:block;}
	.bNBar{display:block;}
	.bNBarMwWrap{display:none;}

}
/* 디바이스 1300px 이하에서 적용*/
@media all and (max-width:1300px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 15px;}
}
/* 디바이스 1200px 이하에서 적용*/
@media all and (max-width:1200px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 8px;}
}
/* 디바이스 1100px 이하에서 적용*/
@media all and (max-width:1100px)
{
	#gnb .gnb_1dli .gnb_1da{padding:0 5px; font-size:13px;}
}
/* 디바이스 980px 이하에서 적용*/
@media all and (max-width:980px)
{
	body {font-size:14px;}
	html.ovfH,body.ovfH{overflow:hidden;}
	.mobileNone{display:none;}

	#tnb,
	.gnb_1dli{display:none;}

	#topSpacer{height:50px;display:none;}

	#gnb{height:auto;position:fixed;left:0px; top:0px; width:100%;z-index:999;background:#fff;}

	.allSchBoxWr{display:block !important;}
	#btnSchbox{position:fixed; right:50px; top:0px; width:50px;height:50px;line-height:50px; padding:0px; font-size:18px; text-align:center; z-index:99;}
	#allSchBox{position:fixed;top:50px; right:0px;left:0px; margin-top:0px; padding:10px; background:#333;z-index:999;}
	#allSchBox fieldset{border-radius:25px; width:100%; margin-right:50px;border-radius:0;}
	.allSchBoxWr #btnSchbox{margin-top:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.allSchBoxWr.on #btnSchbox{margin-top:50px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}


	#logo a{line-height:52px;padding-left:15px;}
	#logo a img{height:20px;}



	/* 서브페이지 상단 모바일 네비 */
	.bNBar{display:none;}
	.bNBarMwWrap{display:block;}

	.bNBarMwWrap{width:70%; margin:0 auto; position:relative;z-index:1;}
	.bNBarMwWrap button{display:none;position:absolute; top:0px;left:0px; right:0px;width:100%; background:rgba(0,0,0,0.05);border:0px;height:36px;line-height:36px; overflow:hidden;}
	.bNBarMwWrap button i{display:block;width:38px; height:35px;text-align:center; line-height:35px;color:#666;float:right;}
	.bNBarMwWrap button.on{display:block;z-index:2;}
	.bNBarMwWrap button#mwsbtClose{background:rgba(0,0,0,0.2);}

	.bNBarMw h2 sub,
	.bNBarMw em{display:none;}
	.bNBarMw li a b i{display:block;float:right;height:35px;line-height:35px;}
	.bNBarMw {height:35px;margin-top:-18px;}
	.bNBarMw > li{display:none;}
	.bNBarMw > li.active{display:block;}
	.bNBarMw > li h2{width:100%;}
	.bNBarMw > li h2 a{display:block; height:35px;line-height:35px; overflow:hidden; padding:0 15px; background:#fff;border:1px solid #ddd;}
	.bNBarMw > li ul{width:100%;display:none;}
	.bNBarMw.on > li ul{display:block;box-shadow:0px 0px 15px 5px rgba(0,0,0,0.3);position:relative;z-index:1;}
	.bNBarMw > li ul li{}
	.bNBarMw > li ul li a{display:block; height:35px;line-height:35px; overflow:hidden; padding:0 15px; background:#fff;border:1px solid #ddd;margin-top:-1px;}
	.bNBarMw > li ul li.active a{border-left:3px solid #000;}
	.bNBarMw > li:after{content:'';clear:both;}


	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block;width:50px;padding:0;height:51px; line-height:50px; text-align:center; color:#fff; font-size:28px;position:absolute; right:0px; top:5px; z-index:9999;}

	#snbMvAr{display:block; position:absolute; left:0px;top:0px;right:0px; border-bottom:1px solid #f2f2f2;height:50px;}
	#snbMvAr a#btnHome{background:#fff; padding:0 15px; font-weight:bold; font-size:14px;height:50px; line-height:50px;}
	#snbMvAr a#snbClose{background:transparent;border-left:0px solid #f2f2f2;width:50px; height:50px; line-height:50px; text-align:center; color:#000;font-size:18px; position:absolute;top:0px; right:0px;}

	#sideBarCover{display:none;background:rgba(0,0,0,0.4);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBarCover.on{display:block;}

	#sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar.on{right:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar #snb {margin-top:50px;}
	#sideBar #snb .snb{display:block !important;border-bottom:1px solid #f2f2f2;position:relative;}
	#sideBar #snb .snb > h2{position:relative;margin:0;font-size: 14px;}
	#sideBar #snb .snb > h2 a{padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000;background:#fff;}
	#sideBar #snb .snb > h2 a strong{font-size:14px;padding-right:50px;}
	#sideBar #snb .snb > h2 a sub{display:none;}
	#sideBar #snb .snb.active > h2{border-left:3px solid #3c65cc;}


	#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px;border-radius:50%;}
	#sideBar #snb .snb .snb2dDown i{display:block;background:transparent;color:#3c65cc;}
	#sideBar #snb .snb .snb2dDown u{display:none; background:transparent;color:#3c65cc;}
	#sideBar #snb .snb.show .snb2dDown i{display:none;}
	#sideBar #snb .snb.show .snb2dDown u{display:block;}


	#sideBar #snb .snb > ul{display:none;}
	#sideBar #snb .snb > ul > li{border-top:1px dashed #ddd;border-bottom:0px;background:#f9f9f9;}
	#sideBar #snb .snb > ul > li a{padding:10px 10px 10px 15px;}
	#sideBar #snb .snb > ul > li a strong{font-size:12px;  color:#898989;}
	#sideBar #snb .snb > ul > li a strong i{display:none;}

	#sideBar #snb .snb > ul.snb2dul > li.active a{background:#3c65cc;}
	#sideBar #snb .snb > ul.snb2dul > li.active a strong {color:#fff;}
	#sideBar #snb .snb.active > ul.snb2dul{display:block;}

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important;}
	.snbCS{border:0px;}

	.snbMvArBtn{height:50px;padding:10px;}
	.snbMvArBtn a{display:inline-block; padding:5px 7px;border:0px solid #ddd;border-radius:3px; font-size:11px;background:#f4f4f4;}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
	#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}
	/*.snbMvArBtn a.lang_type {background:#3c65cc;border:0px solid #3c65cc;color:#fff;}*/


	/* 중간 레이아웃 */
	#ctWrap{ margin:15px auto;}
	#container{width:auto;float:none; padding:15px;}
}

/* 디바이스 850px 이하에서 적용*/
@media all and (max-width:850px)
{
	/* contents */
	#page_title .page_title_in {padding:50px 10px; text-align:center;}
	#page_title .page_title_in h2{text-align:center;}

}
/* 디바이스 650px 이하에서 적용*/
@media all and (max-width:650px)
{
	/* contents */
	#page_title .page_title_in{padding:30px 10px;}
	#page_title .page_title_in h2 strong{font-size:18px;height:30px;}
	#page_title .page_title_in h2 .locationBar span{font-size:10px;}
	section .img-responsive {width:auto;}



	/* footer */
	#footer > dl > dd a,
	#footer address {font-size:11px;letter-spacing:-0.05em;}
	#footer address em{display:none;}
	#footer p span{display:none;}
}

/* 디바이스 420px 이하에서 적용*/
@media all and (max-width:420px)
{
	/* contents */
	#page_title {background-size:auto 100%;}
	section .img-responsive {width:auto;}

}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
  overflow:hidden;
  overflow-y:auto;
}

@media all and (max-width:767px) {
	/*모바일 헤더*/
	.js-parallax {background-attachment: scroll;}
	#headerWrap {/*position: relative;*/height:80px;}
	#headerWrap.sticky {position:fixed;background: rgba(255,255,255,1)!important;box-shadow: 0 2px 10px rgba(0,0,0,.124);}
	#headerWrap.sticky #snbOpen {color:#000;}
	#headerWrap.topGnb h1 {width:118px;margin-top: 20px;}
	#headerWrap.topGnb h1 a {overflow: hidden;display: block;height: 42px;background: url(../images/common/umnm_logo.png) 0 0px no-repeat;text-indent: -9999px;background-size: 118px auto}
	#headerWrap.topGnb h1 a:hover {background-position:0 0px;}
	.s_visual_wrap {padding-top:0;}
	.infoBox {width:100%;margin:40px 0;}
	.infoBox .costInfo02Icon {position: absolute;right:0px;bottom:-8px;width:120px;height:100px;background:url(../images/sub/costInfo02_icon.png) no-repeat 0 0;background-size: 120px auto;}
	.itemBox2 span {display:block;padding:10px 20px;margin-bottom:10px;order-radius:40px;font-size:18px;background:#6599e1;}
	#costInfo01 .costInfo_logo {width:100%;}
	.tab_menu > li > a {padding:0 5px;}
	.nav-tabs>li.active>a:after {content:"";}
	.sub_three_map_wrap,
	.tab_menu {display:none;}
	.nav-tabs.four>li {width:100%;}
	.featuresWrap dl.round dt {margin:36px 0;}
	.featuresWrap dl.round dt:before {content:'\f07d';left:50%;top:-28px;line-height: 20px;}
	.featuresWrap dl.round dt:after {content:'\f07d';left:50%;right:auto;bottom:-28px;line-height: 20px;}
	#mb_login {width:100%;padding-top:0;}

    #bo_cate li {float:left;width:50%;padding:2px}


	.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    /* overflow-y: hidden; */
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  section .img-responsive {width:auto;}

  .table-responsive .table th,
  .table-responsive .table td {white-space: nowrap;font-size:12px;}
}