@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.body{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{background-color:#f1f2f2;}


p{
 font-family:'Noto Sans KR', sans-serif, µ¸¿ò;
 font-weight:200;
 font-size: 1.3em;
 line-height:1.2em;
 letter-spacing : -0.07em;
 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:fixed; z-index:8; width:100%; height:100%; padding-top:87px; margin:0 auto; overflow: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; }

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

.category {padding:50px; 0 }
#container { position:relative; z-index:10; width:100%; max-width:1000px; margin:0 auto; zoom:1; padding-top:220px; border:0px;}


.info {display: flex; flex-flow: row wrap; margin-left:3%;}

.c1, .c2, .c3, .c4 {width: 100%; float:left; text-align:left; margin:0 0 30px 0; padding:0px; }
.img {width: 100%; max-width:129px; display:inline-block; zoom:1; float:left;}
.text {width: 100%; max-width:65%; float:left; text-align:left;  padding:0px; margin:20px 0 0 0; }
.text2 {width: 100%; max-width:40%; float:left; text-align:left;  padding:0px; margin:27px 0 0 0; }
.text3 {width: 100%; max-width:30%; float:left; text-align:left;  padding:0px; margin:27px 0 0 0; }


.btn {width: 100%; max-width:245px; margin-top:23px; }



/*bottom*/
#map{position:relative;width:100%; height:350px; z-index:10; bottom:10px; margin-top:2%; border-top:1px solid #d0d0d0;}


@media screen and (min-width: 700px) {
    .c1, .c2, .c3, .c4  { width: 49%; float:left; text-align:center; }
}