@charset "utf-8";

html { height:100%}
body{ height:100%; font-family:'NotoR'; font-size:14px; letter-spacing:-1px}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }

/* Skip 메뉴 */
#skipArea, #skipArea ul {height:0; width:100%}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoR'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}

/* 레이아웃 및 헤더 */
#wrap {position:relative; height:100%; font-family:'NotoR'; letter-spacing:-1px;}
/** Header **/
/*
Animation
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul {transition :all 0.4s ease; -webkit-transition :all 0.4s ease;} */

.area_header { position:relative; top:0; left:0; z-index:20; width:100%}
#header {position:relative; width:100%; height:130px; z-index:1100; background:url('/images/web/mbso/layout/bg_header.gif');}
#header .headerWrap {position:relative; width:100%; margin:0 auto;}
.sub #header {position:absolute;}
/* 로고 */
#header h1.logo {position:absolute; left:2%; top:50px; z-index:1000;}
#header h1.logo a {display:block; background:url('/images/web/mbso/layout/logo.png') no-repeat left top; width:213px; height:75px;}
#header h1.logo a span {position:absolute; left:-10000px; top:0; line-height:1px; font-size:1px; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}

/* 검색 *//* 200226 */
#header .search_btn a{position: absolute; right:90px; top:40px; width:90px; height:90px; background:#8ec31f url('/images/web/mbso/layout/btn_search.png') no-repeat center; z-index:120; text-indent: -99999em; overflow:hidden; cursor: pointer;  }
#header .search_btn a:hover{background-color:#79ac0d;}
#header .search {display:none; position: absolute; right:90px; top:130px; width:240px; padding:20px; z-index:120; background:rgba(0,0,0,0.8);}
#header .search .search_wrap {position:relative; height:50px; color:#5b5a5a; background:#fff; z-index:2; margin:5px 0 0; }
#header .search .search_wrap:after {content:""; display:block; clear:both; overflow:hidden;}
#header .search .cont_box {position:relative; display:block;}
#header .search .cont_box a {position:absolute; top:0px; right:0px; width:50px; height:50px; text-indent:-10000px; background:#8ec31f url('/images/web/mbso/layout/btn_search.png') no-repeat center; cursor:pointer; background-size:30px;}
#header .search .cont_box a:hover{background-color:#1971c4;}
#header .search input {margin:0 10px 0 20px; height:50px; line-height:50px; font-family:'NotoR'; font-size:13px; color:#5b5a5a; border:0; background:#fff; box-sizing:border-box}
#header .search .search_close a{position: absolute; right:0px; top:-90px; width:90px; height:90px; background:#79ac0d url('/images/web/mbso/layout/btn_close.png') no-repeat center; z-index:120; text-indent: -99999em; overflow:hidden;}
#header .search_btn a, #header .search a{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 사이트맵 */
#header .sitemap a{position: absolute; right:0; top:40px; width:90px; height:90px; background:#1a3d7e url('/images/web/mbso/layout/btn_sitemap.png') no-repeat center; z-index:120; text-indent: -99999em; overflow:hidden;  transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .sitemap a:hover{background-color:#0f2e68;}

/* 메뉴 */
#nav{position:absolute; left:0; top:0; width:100%; height:90px; z-index:100; font-family:'NotoM'; background:#fff url('/images/web/mbso/layout/bg_nav.gif') repeat-x top; background-clip:content-box; margin-top:40px; overflow: hidden; border-bottom:1px solid #353535; }
#nav .menuBox { position:relative; margin-right:210px; margin-left:280px;} /* 200316 수정 */
#nav .menuBox::before{content:""; position: absolute; left:-50%; bottom:0; width:50%; height:100%; background:#fff url('/images/web/mbso/layout/bg_navHead.png') no-repeat right bottom; z-index:0;}
#nav .depChoice1::before {background:#fff url('/images/web/mbso/layout/bg_navHead1.png') no-repeat right bottom;} /* 정비사업지원기구 */ /* 200316 추가 */
#nav .depChoice2::before {background:#fff url('/images/web/mbso/layout/bg_navHead2.png') no-repeat right bottom;} /* 사업 및 정책소개 */ /* 200316 추가 */
#nav .depChoice3::before {background:#fff url('/images/web/mbso/layout/bg_navHead3.png') no-repeat right bottom;} /* 사업성분석 */ /* 200316 추가 */
#nav .depChoice4::before {background:#fff url('/images/web/mbso/layout/bg_navHead4.png') no-repeat right bottom;} /* 상담 및 사업검증 */ /* 200316 추가 */
#nav .depChoice5::before {background:#fff url('/images/web/mbso/layout/bg_navHead5.png') no-repeat right bottom;} /* 정보마당 */ /* 200316 추가 */
#nav .depChoice6::before {background:#fff url('/images/web/mbso/layout/bg_navHead6.png') no-repeat right bottom;} /* 조합마당 */ /* 200316 추가 */
#nav .depChoice7::before {background:#fff url('/images/web/mbso/layout/bg_navHead7.png') no-repeat right bottom;} /* 회원 */ /* 200316 추가 */

#nav .menuBox::after{content:""; position: absolute; left:-50%; top:0; width:50%;  height:90px; background:#fff; border-bottom:1px solid #b5b5b5; z-index:1;}
#nav .group {width:100%; display:table; margin:0 auto; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}

#nav .head{position: absolute; left:-100%; top:90px; width:100%; height:100%; color:#003873; text-align:right; border-right:1px solid #ccc;}
#nav .head h2{font-size:24px; line-height:1.2; padding:80px 30px 0;}
#nav .head h2 strong{display:block; font-family: 'NotoM';}

#nav .depth1 a.tit:hover,
#nav .depth1 a.tit:focus,
#nav .depth1 a.tit.active{color:#70d2ff !important;}

#nav .depth1{position:relative;display:table-cell;width: 14.5%;height:350px;} /* 200316 수정 */
#nav .depth1::before{content:""; position: absolute; left:0; top:90px; width:1px; height:100%; background:#c8d1db;}
#nav .depth1:first-child::before{display:none;}
#nav .depth1 > a{display:block; line-height:90px; font-size:18px; color:#111; text-align:center; letter-spacing:-1px; position: relative; font-family: 'NotoM'; background:#fff;}
#nav .depth1 > a span{position:relative; display:inline-block; vertical-align: middle; line-height:37px;}
#nav .depth1 > a span::before{height:37px; display:inline-block; margin-right:5px; vertical-align: middle;}
#nav .depth1 > a::before{content:""; position: absolute; left:50%; bottom:0; width:0px; height:3px; background:#0082d2; opacity: 0; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#nav .depth1 > a:hover{color:#0082d2;}
#nav .depth1 > a:hover::before {width:60%; margin-left:-30%; opacity: 1;}
#nav .depth1.active{background:#edf3f8;}
#nav .depth1.active > a::after{content:""; position: absolute; left:0; bottom:-1px; width:100%; height:1px; background:#bbb;}

#nav .depth2{margin:15px; overflow:hidden;}
#nav .depth2 li {position:relative;}
#nav .depth2 li a{display:block; position:relative; padding:8px 0; color:#111; font-size:15px; line-height:20px; margin-right:15px; box-sizing:border-box; border-bottom:1px solid transparent;}
#nav .depth2 li a[target='_blank']::after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/mbso/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#nav .depth2 li a[target='_blank']:hover::after {background:url('/images/web/mbso/layout/icon_new_WW.png') no-repeat;}
#nav .depth2 li.dep::before{content:""; position: absolute; right:0; top:17px; width:11px; height:1px; background:#0055a2;}
#nav .depth2 li.dep::after{content:""; position: absolute; right:5px; top:12px; width:1px; height:11px; background:#0055a2;}
#nav .depth2 > li > a:hover,
#nav .depth2 > li > a:focus,
#nav .depth2 > li.open > a{color:#368ddc; border-color:#368ddc; font-family: 'NotoM';}
#nav .depth2 li.dep.open::after{transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}

#nav .depth3{display:none; margin:8px 0 8px 5px;}
#nav .depth3 li a{padding:5px; font-size:14px;}
#nav .depth3 li a::before{content:""; position: absolute; left:0; top:12px; width:2px; height:2px; background:#003873;}
#nav .depth3 > li > a:hover,
#nav .depth3 > li > a:focus{color:#5d99d0;}
#nav .depth3 > li > a:hover::before,
#nav .depth3 > li > a:focus::before{background:#5d99d0;}
#nav ::before, #nav ::after{transition: all .3s ease; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease;}

/* 유틸메뉴 */
#header .toputil {position:relative; width:100%; max-width:1400px; margin:0 auto; text-align:right; z-index:120;}
#header .toputil ul{position:absolute; right:150px; top:0;}
#header .toputil ul li { position:relative; float:left; font-size:13px; }
#header .toputil ul li a { display:block; color:#fff; line-height:40px; padding:0 15px;}
#header .toputil ul li.ico a{padding-left:28px;}
#header .toputil ul li.ico::before{content:""; position: absolute; left:0; top:8px; width:24px; height:24px; border-radius:50%; background:#fff;}
#header .toputil ul li.home::before{background:#fff url('/images/web/mbso/layout/toputil_home.png') no-repeat center;}
#header .toputil ul li.login::before{background:#fff url('/images/web/mbso/layout/toputil_login.png') no-repeat center;}
#header .toputil ul li.join::before{background:#fff url('/images/web/mbso/layout/toputil_join.png') no-repeat center;}
#header .toputil .fs_size{float:right; color:#fff; line-height:40px; line-height:0; font-size:0px;}
#header .toputil .fs_size span{font-size:13px; line-height:40px; vertical-align: top; margin-right:5px;}
#header .toputil .fs_size a{display:inline-block; width:40px; height:40px; margin:0 1px; text-indent:99999em; overflow:hidden; color:#fff;}
#header .toputil .fs_size a.plus{background:#4d5d75 url('/images/web/mbso/layout/toputil_plus.png') no-repeat center;}
#header .toputil .fs_size a.minus{background:#4d5d75 url('/images/web/mbso/layout/toputil_minus.png') no-repeat center;}
#header .toputil .fs_size a:hover{background-color:#364a68;}
#header .toputil a:hover{text-decoration:underline;}
#header .toputil a, #header .toputil ::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 상단이동 */
.btn_top{ position:fixed; width:70px; height:70px; background:rgba(0,0,0,0.5)  url('/images/web/mbso/layout/btn_topmove.png') no-repeat center; right:20px; bottom:20px; z-index:2000; font-size:0;}
.btn_top a{display:block; width:100%; height:100%;}
.btn_top:hover{background-color:rgba(0,0,0,0.7);}
.btn_top{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/******************* mobile layout : 시작 *******************/
#tablet { position:absolute; display:none; width:100%;}
#tabletHeader {width:100%; height:80px; margin:0 auto; position:absolute; top:0; left:0; z-index:20; border-bottom:1px solid #ccc; background:#fff;}
#tabletLogo {text-align:center; padding:8px 0 0}
#tabletLogo img{width:auto; height:60px;}
#tabletGnb #menuOpen {position:absolute; left:2.5%; top:20px; z-index:21}
#tabletGnb #menuOpen img {width:36px; height:36px;}

/* mobile 검색영역 */
#tabletSearch #searchOpen { position:absolute; right:2.5%; top:20px; z-index:21}
#tabletSearch #searchOpen img{width:36px; height:36px;}

/* 200226 */
#mSearch{ position:absolute; top:-80px; left:0; width:100%; height:90px; z-index:18; background:rgba(0,0,0,0.8);}
#mSearch .con{padding:20px; margin-right:45px;}
#mSearch .con p {position:relative; padding-right:70px;}
#mSearch .con .inputText {width:100%; height:45px; line-height:45px; border:0; background:#fff; padding:0 10px 0}
#mSearch .con .btnSearch { position:absolute; top:0; right:0px; width:80px; font-size:15px; text-align:center;}
#mSearch  .btnSearch, #mSearch  a.btnSearch { font-family:"NotoR"; display:inline-block; padding:12px 15px 11px; background-color:#80bd00; font-size:16px; color:#fff; border:none;  }
#mSearch .btnSearchClose { font-size:0; line-height:0; text-indent:-9999em; position:absolute; top:25px; right:20px; width:25px; height:33px; background:url('/images/web/mbso/layout/btn_search_close.png') no-repeat 50% 0; cursor:pointer}

/* mobile navi */
#mNavi{position:fixed; left:-250px; top:0; width:250px; height:100%; z-index:9999; background-color:#30394a; overflow:auto;}
#mNavi #mtitle{width:100%; height:50px; background:#354052; border-bottom:1px solid #434d5e;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:25px; height:25px; position:absolute; right:18px; top:14px; background:url(/images/web/mbso/layout/btn_close02.png) no-repeat; background-size:cover;}


#mNavi #mgnb .snb { width:100%; border-bottom:1px solid #535c6c; background:#16243e;}
#mNavi #mgnb .snb li { width:50%; float:left; border-bottom:0; background:none;}
#mNavi #mgnb .snb li a { display:block; font-family:"NotoR"; height:26px; line-height:26px; text-align:center; font-size:14px; color:#fff; padding:5px 0; border-left:1px solid #4c5567; border-top:1px solid #4c5567;}
#mNavi #mgnb .snb li:first-child a{border-left:0;}
#mNavi #mgnb .snb li a img{vertical-align: middle; margin-right:5px;}
#mNavi #mgnb .snb li+li+li{width:100%;}
#mNavi #mgnb .snb li+li+li a{ border-top:1px solid #4c5567;}

#mNavi #mgnb ul{width:100%; overflow:hidden}
#mNavi #mgnb ul li{border-bottom:1px solid #535c6c; background-color:#30394a; position:relative}
#mNavi #mgnb ul li a{display:block; padding:0 0 0 20px; height:42px; line-height:42px; font-size:16px; font-family:"NotoM"; color:#fff}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active{color:#cde42d;}

#mNavi #mgnb ul li ul{display:none; background-color:#202631; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li a{display:block; margin:0 15px; padding:0 20px 0 0; height:28px; line-height:28px; font-size:14px; font-family:"NotoR"; color:#fff}
#mNavi #mgnb ul li ul li a:hover, #mNavi #mgnb ul li ul li a:focus, #mNavi #mgnb ul li ul li a:active{color:#cde42d}

#mNavi #mgnb ul li ul li ul{ display:none; background-color:#202631; padding:4px 0;}
#mNavi #mgnb ul li ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li ul li a{display:block; padding:0 0 0 10px; height:22px; line-height:22px; font-size:12px; font-family:"NotoR"; color:#ccc}
#mNavi #mgnb ul li ul li ul li a:hover, #mNavi #mgnb ul li ul li ul li a:focus, #mNavi #mgnb ul li ul li ul li a:active{color:#cde42d}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {display:block; position:absolute; background-color:#a7a8aa; content:'';}
#mNavi #mgnb ul li ul li.row > a:before {width:9px; height:1px; right:18px; top:14px;}
#mNavi #mgnb ul li ul li.row > a:after {width:1px; height:9px; right:22px; top:10px;}
#mNavi #mgnb ul li ul li.on > a:after { display:none}

#mgnb .depth2 li.dep::before{content:""; position: absolute; right:15px; top:13px; width:11px; height:1px; background:#fff;}
#mgnb .depth2 li.dep::after{content:""; position: absolute; right:20px; top:8px; width:1px; height:11px; background:#fff;}
#mgnb .depth2 > li > a:hover,
#mgnb .depth2 > li > a:focus,
#mgnb .depth2 > li.open > a{ border-bottom:1px solid #cde42d; font-family: 'NotoM';}
#mgnb .depth2 li.dep.open::after{transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}

/* 모바일메뉴 추가 */
#mgnb .head{display:none;}

/******************* mobile layout : 끝 *******************/

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}

/* footer */
#footer{position:relative; background:#1d2329;}
#footer::before{content:""; position: absolute; left:50%; top:0; width:100%; height:100%;max-width:1400px; margin-left:-700px; background:url('/images/web/mbso/layout/bg_ft.png') no-repeat left top; z-index:0;}
.area_footer {position:relative; background: url('/images/web/mbso/layout/ft_bg.png') repeat-x top;}
.box_footer {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:0 0 60px;}
.box_footer .footer_link {line-height:24px; padding:15px 0; overflow:hidden}
.box_footer .footer_link li {display:inline-block;}
.box_footer .footer_link li a{position:relative; line-height:16px; padding-right:15px; margin-right:15px; color:#fff;}
.box_footer .footer_link li a::before{content:""; position:absolute; right:0; top:5px; width:1px; height:12px; background:#aaa;}
.box_footer .footer_link li:last-child a{padding-right:0; margin-right:0;}
.box_footer .footer_link li:last-child a::before{display:none;}
.box_footer .footer_link li.point a{color:#efd476; font-family:'NotoM';}
.box_footer .footer_link li a:hover{text-decoration:underline;}

/* 사이트링크 */
.footBtn {position:absolute; top:0px; right:0px; font-size:14px; border-left:1px solid #64686d; border-right:1px solid #64686d;}
.footBtn button{width:235px; font-size:15px;  text-align:left; padding:0 15px 0 50px; line-height:55px; letter-spacing:-2px; color:#fff; cursor:pointer; background:#000 url('/images/web/mbso/layout/ico_ftBtn.png') no-repeat 20px center;}
.footBtn button::after{content:""; position:absolute; right:15px; top:25px; width:16px; height:2px; background:#fff;}
.footBtn button::before{content:""; position:absolute; right:22px; top:18px; width:2px; height:16px;  background:#fff;}
.footBtn button.on::before{transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.footBtn button:hover{background-color:#1a1a1a;}
.footBtn .ft_site{display:none; width:100%; max-height:300px; position:absolute; bottom:50px; z-index:1300; background:rgba(0,0,0,0.8); overflow:auto;}
.footBtn .ft_site ul{max-height:180px; margin:15px; overflow:auto;}
.footBtn .ft_site ul li a{ display:block; line-height:30px; padding-left:10px; color:#fff; font-size:13px; position:relative;}
.footBtn .ft_site ul li a::before{content:""; width:2px; height:2px; position:absolute; left:0; top:15px; background:#fff;}
.footBtn .ft_site ul li a:hover{text-decoration:underline;}
.footBtn button, .footBtn button::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

.box_footer .box_info { position:relative; min-height:140px; margin:30px 0 0; padding-left:180px; padding-right:380px; font-size:14px; line-height:25px; color:#fff; overflow:hidden}
.box_footer .box_info p.tit {display:inline-block; font-family:'NotoM'; font-size:15px; color:#111; }
.box_footer .box_info address{ display:inline-block; vertical-align:top; margin-right:10px;}
.box_footer .box_info span{display:inline-block; margin-right:10px;}
.box_footer .box_info .copyright{margin:5px 0 0; font-size:13px;}

/* 고객상담 시간*/
.MC_box15{position: absolute; right:0; top:0px; }/* 고객상담시간 MC_BOX */
.box_footer .box_info .telBox { border:1px solid #64686d; padding:20px 20px 20px 90px; letter-spacing: -1px; color:#fff; background:url('/images/web/mbso/layout/ico_ftCs.png') no-repeat 20px center; overflow:hidden; line-height:1.2;}
.box_footer .box_info .telBox dt {font-size:20px; font-family: 'NotoM';}
.box_footer .box_info .telBox p{font-size:14px;}
.box_footer .box_info .telBox p span{display:inline-block;}
.box_footer .box_info .telBox p.num{font-size:35px; font-family:'NotoM'; letter-spacing: 0; color:#ebe39f; margin:5px 0 10px;}
.box_footer .ft_logo{position: absolute; left:0; top:0px;}

/************************************** 서브콘텐츠 : 시작 **************************************/
/* content */
#sub_container_wrap {position:relative; width:100%; padding:255px 0 0; background:#fff;}
.sub_content_wrap {position:relative; width:100%; max-width:1400px; margin:0 auto;  min-height:700px;}
#sub_content { padding:0 80px} /*200120*/
.subCntBody {position:relative; color:#555; font-size:14px; line-height:1.4; padding: 60px 0 70px; } /* 200116 */
.subCntBody p {line-height:1.4;}

/* sub visual */
.s_visual{text-align:center; position:absolute; left:0; top:0; width:100%; overflow:hidden;}

/* sub 타이틀 */
#sub_container_wrap .title_area {position: absolute; left:0; top:0; width:100%; padding:70px 0; text-align:center; color:#fff; overflow:hidden;}
.title_area .pageTitle {position:relative; line-height:1.2; font-size:30px; letter-spacing:-2px; padding:0 0 40px; margin:0 0 10px;}
.title_area .pageTitle::before{content:""; position:absolute; bottom:0; left:50%; width:1px; height:25px; background:#fff;}
.title_area .location {margin:15px 0 0; line-height:20px;}
.title_area .location span,
.title_area .location strong {padding-left:18px; font-size:15px; background:url('/images/web/mbso/layout/bgLocation.png') no-repeat 4px center;}
.title_area .location a.home {display:inline-block; width:20px; height:20px; text-indent:-99999em; vertical-align:middle; background:url('/images/web/mbso/layout/ico_home.png') no-repeat center 2px; }

/* 웹용 */
/* 2차메뉴 */
#menu { display:block; position:relative; border-bottom:1px solid #ccc;}
#menu .lnbHome{position: absolute; left:0; top:0; width:64px; height:64px; background:url('/images/web/mbso/layout/bg_lnbHome.png') no-repeat center; background-size:cover; text-indent: -9999em; line-height:0; z-index:1;}
#menu .lnbHome .ico{display:block; width:100%; height:100%; background:url('/images/web/mbso/layout/ico_lnbHome.png') no-repeat center;}
#menu .lnb { position:relative; height:64px; padding-left:64px; padding-right:100px; background:#fff;}
#menu .lnb > li { position:relative; min-width:280px; float:left;}
#menu .lnb > li::before{content:""; position: absolute; left:0; top:15%; width:1px; height:70%; background:#ccc;}
#menu .lnb > li:first-child::before{display:none;}
#menu .lnb > li > a { position:relative; display:block; padding:0 35px 0 15px; font-size:16px; color:#555; line-height:64px; letter-spacing:-2px; }
#menu .lnb > li.dep > a::before{content:""; position: absolute; right:15px; top:50%; width:15px; height:9px; margin-top:-4.5px; background:url('/images/web/mbso/layout/btn_lnbArr.png') no-repeat center;}
#menu .lnb > li.dep > a.open::before{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
#menu .lnb > li.on > a, #menu .lnb > li:hover > a { font-family:'NotoM';}
#menu .lnb a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 3차메뉴 */
#menu .subLnb {display:none; position:absolute; left:0; top:65px; width:100%; background:#fff; border:1px solid #ccc; border-top:0; overflow:hidden; z-index:10;}
#menu .subLnb li a { position:relative; display:block; font-size:15px; padding:15px; line-height:1.3; border-top:1px solid #ccc;}
#menu .subLnb li:first-child a{border-top:0;}
#menu .subLnb li.on a, #menu .subLnb li:hover a { font-family:'NotoM'; color:#368ddc; background:#edf3f8;}

/* 새창 아이콘 */
#menu > .lnb > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/mbso/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/mbso/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-3px 0 0 8px;}
#menu > .lnb > li > ul > li > a[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; background:url('/images/web/mbso/layout/icon_new_WG.png') no-repeat; width:11px; height:11px; margin:-4px 0 0 8px;}

/* 모바일용 */
#m_menu { display:none}

/* sns */
.snsBox { position:absolute; top:15px; right:10px; text-align:right}
.snsBox > button {float:left; cursor:pointer;}
.snsBox button { display:inline-block; width:26px; height:26px; overflow:hidden; background:url("/images/web/mbso/layout/btnSns.png") no-repeat 0 0; border-radius:3px; overflow:hidden;}/* 200305 */
.snsBox button > span {text-indent:-1140px; font-size:0; line-height:0}
.snsBox .btnPrint {width:40px; height:40px; overflow:hidden; background:url("/images/web/mbso/layout/btn_print.png") no-repeat center;}
.snsBox .btnShare {width:40px; height:40px; background:url("/images/web/mbso/layout/btn_sns.png") no-repeat center;}
.snsBox .btnBlog { background-position:-232px 0;}
.snsBox .btnFbook { background-position:-29px 0;}
.snsBox .btnTwt { background-position:-58px 0;}
.snsBox .btnYtb { background-position:-261px 0;}
.snsBox .btnInstar { background-position:-290px 0;}
.snsBox .btnBkmk { background-position:-319px 0;}
.snsBox .btnkaka {background-position:-88px 0;}/* 200305 */
.snsBox .btnkaka_s {background-position:-116px 0;}/* 200305 */

.snsBox .sns_more {display:none; position:absolute; top:49px; right:-10px; white-space:nowrap; border:1px solid #bbb; border-radius:2px; padding:10px 10px 10px 7px; z-index:30; background-color:#fff}
.snsBox .sns_more button{margin:0 2px;}
/************************************** 서브콘텐츠 : 끝 **************************************/


/********** Media quary **********/
@media screen and (max-width:1420px) {

	.conBox {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

	#header h1.logo{left:2%; margin-left:0;}

	#header .toputil{right:2%; margin-right:0;}

	#nav .menuBox{margin-right:130px;}

	/* 검색 *//* 200226 */
	#header .search_btn a{ right:65px; top:60px; width:55px; height:55px; background-size:30px auto;}
	#header .search_btn a:hover{background-color:#79ac0d;}
	#header .search {right:65px;}
	#header .search .search_close a{top:-70px; width:55px; height:55px; }

	/* 사이트맵 */
	#header .sitemap a{top:60px; right:10px; width:55px; height:55px; background-size:28px auto; background-position:center 16px;}


	/* footer */
	#footer::before{margin-left:0; left:0;}
	.box_footer {width:96%;}



	/************************************** 서브콘텐츠 :시작 **************************************/
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	/* content */
	.sub_content_wrap { width:95%; }
	#sub_content { padding:0} /* 200325 수정 */

	/* common */
	.img_auto { width:100%; height:auto}


	/************************************** 서브콘텐츠 :끝 **************************************/

}

@media screen and (max-width:1200px) {

	#wrap {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#wrap { min-width:320px; width:100%}

	.area_header{ display:none}
	#web {display:none;}
	#tablet, .tabletlogo {display:block;}

	#mgnb .snb .fs_size{display:none;}

	.box_mot_1{overflow:hidden; width:100%}
	.box_mot_1.on{position:fixed; top:0}

	#sub_container_wrap{margin:80px 0 0; padding:180px 0 0;}
	#sub_container_wrap .title_area{padding:40px 0 20px;}
	.s_visual img{height:245px; width:auto;}

	/* 서브메뉴 */
	#menu .lnb > li{display:none;}
	#menu .lnb > li:last-child{display:block !important;}
	#menu .lnb > li::before{display:none;}
	#menu .lnb > li{width:100%; min-width:0;}
	#menu .lnb > li > a{padding:0 20px 0 15px}
	#menu .lnb > li.dep > a::before{right:0;}


	/* 모바일용 */
	#menu { display:block}
	#m_menu { display:block; position:static; width:100%; height:100%; font-family:'NotoR'; }
	#m_menu h2 { position:relative; width:100%; height:50px; font-family:'NotoB'; text-align:center; line-height:26px; box-sizing:border-box; padding:12px 0 12px 20px; margin-bottom:0; color:#fff; cursor:pointer; font-size:17px; background:#053863;}

	#m_menu #lnb { display:none; position:relative; border:1px solid #ccc; border-top:0;}
	#m_menu #lnb > li {margin:0;}
	#m_menu #lnb > li.on .subLnb {display:block;}
	#m_menu #lnb > li > a {display:block; padding:10px 10px 10px 20px; font-size:15px; line-height:26px; font-family:'NotoM'; color:#333; border-bottom:1px solid #dedede; }
	#m_menu #lnb > li.row > a {background:url('/images/web/mbso/layout/lnb_off.png') no-repeat right 50%;}
	#m_menu #lnb > li.row > a:hover{background:#464d5d url('/images/web/mbso/layout/lnb_off_wh.png') no-repeat right 50%;}
	#m_menu #lnb > li.row.on > a {background:#464d5d url('/images/web/mbso/layout/lnb_on.png') no-repeat right 50%;}
	#m_menu #lnb > li.on > a,
	#m_menu #lnb > li > a:hover,
	#m_menu #lnb > li > a:focus,
	#m_menu #lnb > li > a:active {color:#fff; font-family:'NotoM'; text-decoration:none;  border-top:none; }
	#m_menu .subLnb {display:none; padding:10px 0; border-bottom:1px solid #d3d3d3; background:#f5f5f5;}
	#m_menu .subLnb li a {position:relative; display:block; color:#333; padding:4px 10px 4px 30px; font-size:15px; line-height:22px; font-family:'NotoR';}
	#m_menu .subLnb li a:before {content:""; display:block; clear:both; position:absolute; left:19px; top:12px; width:3px; height:3px; background:#757e9b;}
	#m_menu #lnb > li.on > a,
	#m_menu #lnb > li > a:hover,
	#m_menu #lnb > li > a:focus,
	#m_menu #lnb > li > a:active {background-color:#464d5d; border:0; color:#fff}
	#m_menu .subLnb li.on a:before {content:""; display:block; clear:both; position:absolute; left:19px; top:12px; width:3px; height:3px; background:#111;}

	.title_area .location { position:relative; top:0; padding:0}

	/* 사이트링크 */
	.footBtn { position:relative; border:1px solid #64686d; margin:20px 0;}
	.footBtn button{width:100%; box-sizing:border-box}

	/* footer */
	#footer::before{display:none;}
	.area_footer{background:none;}
	.box_footer {width:96%;}
	.box_footer .footer_link{border-bottom:1px solid #64686d;}
	.box_footer .ft_logo{position:relative; left:auto; top:auto; margin:20px 0;}
	.box_footer .box_info{padding:0; margin:0;}

	.MC_box15{position:relative; right:auto; top:auto;}
	.box_footer .box_info .telBox dt{font-size:18px;}
	.box_footer .box_info .telBox p.num{font-size:25px;}

}

@media screen and (max-width:960px) {

}

@media screen and (max-width:800px) {


}

@media screen and (max-width:690px) {

	/* 상단팝업 */
	.top_slider .slick-slide a{padding:0;}
	.top_slider .slick-slide a img{height:70px; }
	.top_slider .slick-prev, .top_slider .slick-next{width:30px; height:30px; margin-top:-15px; background-size:auto 60%; }
	.toppopup_wrap .toppopup{background:none;}
	.toppopup_wrap .closeCheck{bottom:-35px; }

	/* sub */
	#sub_container_wrap{padding:130px 0 0;}
    .subCntBody {padding: 25px 0 40px; }
	.s_visual img{height:195px;}
	.title_area .pageTitle{font-size:25px; padding:0;}
	.title_area .pageTitle::before{display:none;}

}


@media screen and (max-width:540px) {

	/* header */
	#mSearch .con .btnSearch{width:40px; min-width:0;}

	/* sub */
	#menu .lnbHome{width:10px;}
	#menu .lnbHome .ico{display:none;}
	#menu .lnb{padding-left:10px; padding-right:80px;}
	.snsBox{top:17px;}
	.snsBox .btnPrint, .snsBox .btnShare{width:30px; height:35px; background-size:17px;}
	.snsBox .sns_more{top:47px;}

}
@media screen and (max-width:480px) {

	/* sub */
	.title_area .location a.home{background-size:12px;}
	.title_area .location span,
	.title_area .location strong{font-size:13px; background-size:5px auto; padding-left:15px;}

	/* footer */
	.box_footer .box_info .copyright{line-height:1.3;}

}

@media screen and (max-width :380px) {

	/* header */
	#tabletLogo{padding:12px 0 0;}
	#tabletLogo img{height:50px;}

	/* sub */
	#menu .lnb > li > a{font-size:15px;}
	#menu .subLnb li a{font-size:14px;}
}