body { font-size:0.9rem; font-family: 'Noto Sans KR', sans-serif; }
* { margin:0; padding:0;  box-sizing: border-box; }
a { text-decoration:none; color:#666666; }
li { list-style:none; }
.w1200 { width:1200px; margin:0 auto; }
.clear:after { clear:both; display:block; content:""; }


header { width:100%; }


/***  »ó´Ü ¸Þ´º  ***/
.top_menu { border-bottom:1px solid #ddd; font-size:0.8rem; margin-bottom:10px; background:#f7f7f7;   }
.top_menu ul { text-align:right; padding:5px 0;  }
.top_menu li { display:inline-block;   }
.top_menu li:after { display:inline-block; content:""; width:3px; height:3px; background:#999; margin:0 10px; position:relative; top:-3px;}
.top_menu li:last-child:after { display:none; }
.top_menu a { color:#999; }




/***  ·Î°í ¿µ¿ª  ***/
#top .btn_market { position:absolute; top:20px; right:10px; }
#top .btn_market a span { font-size:0.8rem; color:#916849; display:inline-block; line-height:130%; text-align:center; letter-spacing:1px; }
#top .btn_market a i { display:inline-block; font-size:2.5rem; color:#004a8f; padding-right:5px; }


#top .call { position:absolute; top:20px; left:20px; }
#top .call strong { font-size:1rem; color:#555; padding-right:2px; font-weight:400;  }
#top .call i { font-size:1.7rem; padding:0 10px 0 0; color:#555; }
#top .call span { color:#555; font-size:1.1rem; font-weight:600; font-style:italic;}


header #top { position:relative; width:1200px; margin:0 auto; height:90px; }
header #top h1 { padding:5px 0 0 0; text-align:center;  }
header #top h1 img { max-height:70px; }




/***  »çÀ̵å¹Ù   ***/
#all_icon { position:absolute; top:10px; left:20px; display:none; }
#all_icon i { font-size:2rem; }


header #side_menu { position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; top:0; left:-100%; z-index:99999; transition:0.5s; overflow-y:auto; }
header #side_menu .menu_box { position:fixed; background:#fff; width:65%; top:0; bottom:0; padding:20px; border-top:1px solid #aaa; overflow-y:auto; }
header #side_menu nav { margin-top:20px; }
header #side_menu nav > ul > li { padding:5px 0; }
header #side_menu nav > ul > li > ul { display:none; padding:10px; }
header #side_menu nav > ul > li > a { font-size:1.2rem; color:#000; }
header #side_menu nav > ul > li > ul > li > a { font-size:1rem; color:#999; display:inline-block; padding:3px 0; }
header #side_menu .qna { border-top:1px solid #ddd; padding-top:10px; position:absolute; right:20px; left:20px; bottom:10px; line-height:200%; }
header #side_menu .qna h2 { margin-bottom:10px; }
header #side_menu .qna div { font-size:1rem; }
header #side_menu .qna i { font-size:1.3rem3dding-right:5px; }


/***  ¸Þ´ºÄ«Å×°í¸® ***/
header nav.top_cate { background:#1a4ba2; height:59px;  }
header nav.top_cate > ul:after { display:block; clear:both; content:""; }
header nav.top_cate > ul > li { position: relative;  z-index: 990;  float: left;  width: 25%;  border-left: 1px solid #143c8e; border-right: 1px solid #2260bd; font-size:1.1rem; }
header nav.top_cate > ul > li:hover { background:#24509d; }
header nav.top_cate > ul > li:hover > a { color:#86fff4; }
header nav.top_cate > ul > li > a { display:inline-block; width:100%; text-align:center; color:#fff; height:59px; line-height:59px;  }
header nav.top_cate > ul > li ul { position:absolute; top:59px; left:0; width:100%; background:#405f97; font-size:0.95rem; line-height:220%; padding:5px 0 10px; display:none; }
header nav.top_cate > ul > li ul li { border-bottom:1px solid #526fa5; padding:5px 0 5px 30px; }
header nav.top_cate > ul > li ul > li:last-child { border-bottom:0; }
header nav.top_cate a { color:#fff; }
header nav.top_cate > ul > li ul li:hover a { color:#86fff4; }
header nav.top_cate > ul > li:hover ul { display:block; }


/*** left menu ***/
.left_menu { width:240px; float:left; padding-top:20px;}
.left_menu .home { display:none;  }
.left_menu h2 { text-align:center; font-size:1.4rem; width:240px; height:115px; line-height:115px; background:url(http://bdmp-004.cafe24.com/bizdemo123811/img/left_title_bg.jpg); color:#ffffff; }
.left_menu h2 span { font-size:1.35rem; font-weight:300; display:block; }
.left_menu h2.intro { line-height:130%; padding-top:25px; }
.left_menu ul { margin-top:10px; }
.left_menu li { line-height:200%; }
.left_menu li a { display:block; color:#222; background:#eee; border-bottom:1px solid #fff; padding:10px 0 10px 20px; font-size:1rem; }
.left_menu li a:hover { background:#eaf2f3; }
.left_menu li a.leftmenu_on {  background:#346bbd url('http://bdmp-004.cafe24.com/bizdemo123811/img/left_on_bg.png') no-repeat 95% center; color:#fff; }
.left_menu a.leftmenu_off {  } 


/*** path  ***/
.path { display:none; border-bottom:1px solid #ddd; height:40px; }
.path li { height:40px; line-height:40px;  border-right:1px solid #ddd;  float:left; width:160px; text-align:center;  }
.path li:first-child,
.path li:last-child { background:#eee; }
.path li a { color:#333; font-size:0.95rem; }
.path li a i { font-size:1.2rem; }

.path.business li { width:auto; padding:0 20px; }



/***  contents  ***/


.main_contents { margin:20px auto 0; }


.contents { float:right; width:920px; padding:20px 0;  }

.conents.img_only { text-align:center; }
.img_only img { max-width:100%; }

.down { text-align:center; margin:30px 0; }
.down a { background:#346bbd; padding:10px 25px; color:#fff; border-radius:5px; font-size:1rem; }
.down a i { font-size:1.2rem; margin-left:5px; }

.map { text-align:center; margin:30px 0; }

.contents h2 { text-align:center; height:115px; border-bottom:1px solid #ddd; }
.contents h2 span { font-size:2rem; display:inline-block; padding:15px 0 0; }
.contents .h2_desc { text-align:center; padding:10px 0; font-size:0.9rem; font-weight:400; color:#555; }


/***  board  ***/
#post_area img { max-width:100%; }



/****  tablet/PC  ****/
@media all and ( max-width:1200px ) {
.top_menu { padding:0 10px; }
header #top { width:100%; }
header nav.top_cate > ul > li ul li { border-bottom:1px solid #526fa5; padding:5px 0 5px 10px; }
.w1200 { width:100%; padding:0 10px; }


.left_menu { display:none; }
.path { display:block; }
.contents { float:none; width:100%; padding:20px 10px;  }
.contents h2 { text-align:left;  }
.contents .h2_desc { text-align:left; }


}




/****  tablet/Mobile  ****/
@media all and ( max-width:768px ) {
header #top { height:auto; }
.path li { width:auto; padding:0 30px; }

header nav.top_cate { display:none; }
header h1 img,
header #side_menu img { height:45px; }
#top .btn_market { top:5px; }
#top .btn_market a span { display:none; }
#top .call { display:none; }
#all_icon { display:block; }
header #side_menu.on { left:0; opacity:1;}
header #side_menu.on #close_btn { position:fixed; top:20px; left:66%; color:#fff; font-size:1.5rem; }

.main_contents { margin:0 auto; }

.contents h2 { height:auto; padding-bottom:10px; }
.contents h2 span { font-size:1.5rem; }
}




/****  Mobile  ****/
@media all and ( max-width:480px ) {
.top_menu ul { text-align:center; }

.path li { padding:0 20px; }
.path.business li { padding:0 10px; }

}