@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,video{margin:0;padding:0;border:0;font-size:100%}
body{width:100%;color:#000;font-size:12px;/*font-family:Tahoma,Verdana,AppleGothic;*/font-family:Dotum,Verdana,AppleGothic;
font-family: µ¸¿ò;
/*
 scrollbar-face-color: #F2F2F2;
 scrollbar-shadow-color: #B7B7B7;
 scrollbar-highlight-color: #F2F2F2;
 scrollbar-3dlight-color: #F2F2F2;
 scrollbar-darkshadow-color: #E9E9E9;
 scrollbar-track-color: #E9E9E9;
 scrollbar-arrow-color: #999999;
*/
line-height:1;background:#fff}
html{overflow:auto}
input,textarea,select{font-size:inherit;font-family:inherit}
input,select,textarea,button,img,label,a{vertical-align:middle}
address,em{font-style:normal}
hr,caption{display:none}
.blind,legend{position:absolute;left:-9999px;font-size:0;line-height:0}
ol,ul{list-style:none}
a{color:#484848}
a,a:link{text-decoration:none}
a:hover{text-decoration:underline}
a:active{background-color:transparent}
.ls0{letter-spacing:0}



body{margin-top:0px; margin-bottom:0px; background-color:#f1f2f2;}


p{
 font-family:'Noto Sans KR', sans-serif, µ¸¿ò;
 font-weight:200;
 font-size: 1.5em;
 line-height:1.5em;
 letter-spacing : -0.1em;
 color:#000;
}






 /* Fixed header and footer.
 * --------------------------------------- */
 #header {position:fixed; height: 60px; display:block; width: 100%; min-width:1000px; background: #fff; z-index:9; text-align:center; color: #f2f2f2; padding: 27px 0 0 0; border-bottom:1px solid #E1E1E1;}
 #header .topmenu{position:absoulute; width:1000px; height:41px; margin:0 auto; padding:0px 0; text-align:left;}
 #header .topmenu .logo{position:absoulute; width:136px; height:35px; float:left; margin-right:57px}
 #header .topmenu .menu {float:left;}
 #header .topmenu .menu .gnb_menu{position:absoulute;top:10px;overflow:hidden;margin:0 auto;}
 #header .topmenu .menu .gnb_menu li{float:left;margin:10px 28px 0 0}
 #header .topmenu .menu .gnb_menu li a{display:block;height:17px; margin:0 28px 0 0}
 #header .topmenu .sns{position:absoulute;z-index:10;padding-top:0px}
 #header .topmenu .sns .sns_menu li{float:left;margin:0 3px 0;}
 #header .topmenu .sns .sns_menu li a{display:block; margin:0 3px 0;}



/* Wrap */
#page_wrap {position:relative; z-index:8; width:100%; padding-top:87px; margin:0 auto; }

#notice {position:absolute; z-index:15; width:100%; height:162px; margin:0 auto; background:url('http://www.dynamicplan.co.kr/base_2/img/images/notice_bg.jpg') center top;
  background-size:cover; text-align:center; }

#request {position:absolute; z-index:15; width:100%; height:162px; margin:0 auto; background:url('http://www.dynamicplan.co.kr/base_2/img/images/request_bg.jpg') center top;
  background-size:cover; text-align:center; }

#work {position:absolute; z-index:15; width:100%; height:162px; margin:0 auto; background:url('http://www.dynamicplan.co.kr/base_2/img/images/work_bg.jpg') center top;
  background-size:cover; text-align:center; }


ul.tabs {
 margin: 0;
 padding: 0;
 float: left;
 list-style: none;
 height: 50px;
 text-align:center;
 border-left: 1px solid #d1d3d4;
 width: 100%;
}
ul.tabs li { 
 float: left;
 margin: 0;
 padding: 0;
 height: 49px;
 line-height: 49px;
 width:49.5%;
 text-align:center;
 border: 1px solid #d1d3d4;
 border-left: none;
 background: #f1f2f2;
 overflow: hidden;
 position: relative;
}
ul.tabs li a {
 text-decoration: none;
 color: #000;
 display: block;
 font-size: 1.2em;
 outline: none;
}
ul.tabs li a:hover {
 background: #0d9eb1;
 color:#fff;
 font-weight:bold;
} 
html ul.tabs li.active, html ul.tabs li.active a:hover  {
 background: #0d9eb1;
 color:#fff;
 font-weight:bold;
}
.tab_container {
 border-top: none;
 clear: both;
 float: left; 
 width: 100%;
 background: #fff;
 -moz-border-radius-bottomright: 5px;
 -khtml-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -khtml-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
 font-size: 1.2em;
}
.tab_content h2 {
 font-weight: normal;
 padding-bottom: 10px;
 border-bottom: 1px dashed #ddd;
 font-size: 1.8em;
}
.tab_content h3 a{
 color: #254588;
}
.tab_content img {
 float: left;
}




.category {padding:50px; 0 }
#container { position:relative; z-index:10;  width:100%; max-width:1000px; margin:0 auto; zoom:1; background-color:#fff; padding-top:200px; padding-bottom:50px; border:1px solid #E1E1E1;}
#container:after {content:""; display:block; clear:both; }
.board {position:relative; z-index:20; width:90%; margin:0 auto; zoom:1;}

/* Footer */
#footer {position:relative; z-index:150; margin:83px 0 0; background-color:#262626;}
#footer .inner {overflow:hidden; width:980px; margin:0 auto;}