@charset "euc-kr";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

* 
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Nanum Gothic, ³ª´® °íµñ, ¸¼Àº °íµñ;
}

body {margin: 0px;}
img,fieldset,iframe{border:0 none;}
ul,li{list-style:none;}
a{text-decoration:none;}

/* header ºÎºÐ */
#wrap { text-align: center;}
#header {height: 138px;}

/* ¸Þ´º ºÎºÐ */
#menubar_bg /* ¸Þ´º¹Ù ¹è°æ»ö ÁöÁ¤ */
{ 
	height: 71px; /* ¸Þ´º ³ôÀÌ */
	border-bottom: 1px solid #EEE; 
	background-image: url('/images/main/menubar_bg.png');
}

#menubar 
{ 
/*  	margin: 0 auto; ¸Þ´º¹Ù Áß¾ÓÁ¤·Ä  */
	width: 750px; 
	height: 71px; 
	float: left;
}

#menubar ul /* ¸ÞÀÎ ¸Þ´º ¾ÈÀÇ ulÀ» ¼³Á¤ÇÔ: »óÀ§¸Þ´ºÀÇ ul+ÇÏÀ§ ¸Þ´ºÀÇ ul */
{
	list-style-type: none;  /* ¸ÞÀÎ ¸Þ´º ¾ÈÀÇ ul ³»ºÎÀÇ ¸ñ·Ï Ç¥½Ã¸¦ ¾ø¾ÖÁÜ */
/*      margin: 0px;            ¸ÞÀÎ ¸Þ´º ¾ÈÀÇ ulÀÇ marginÀ» ¾ø¾Ú */
    padding: 0px;           /* ¸ÞÀÎ ¸Þ´º ¾ÈÀÇ ulÀÇ paddingÀ» ¾ø¾Ú */
}

#menubar ul li  /* ¸ÞÀÎ ¸Þ´º ¾È¿¡ ul ÅÂ±× ¾È¿¡ ÀÖ´Â li ű×ÀÇ ½ºÅ¸ÀÏ Àû¿ë(»óÀ§/ÇÏÀ§¸Þ´º ¸ðµÎ) */
{
	float: left;                /* ¿ÞÂÊÀ¸·Î ³ª¿­µÇµµ·Ï ¼³Á¤ */
	/* position: relative;         /* ÇØ´ç li ÅÂ±× ³»ºÎÀÇ top/left Æ÷Áö¼Ç ÃʱâÈ­ */
/* 	width: 145px; */
}
#menubar ul li a  /* ¸ÞÀÎ ¸Þ´º ¾È¿¡ ul ÅÂ±× ¾È¿¡ ÀÖ´Â li ű×ÀÇ ½ºÅ¸ÀÏ Àû¿ë(»óÀ§/ÇÏÀ§¸Þ´º ¸ðµÎ) */
{
	display: block;
}

#menu { margin: 0px; width: 725px;}

.sub_memu {              /* ÇÏÀ§ ¸Þ´º ½ºÅ¸ÀÏ ¼³Á¤ */
	z-index: 1;
    position: absolute;     /* htmlÀÇ flow¿¡ ¿µÇâÀ» ¹ÌÄ¡Áö ¾Ê°Ô absolute ¼³Á¤ */
    height: 0px;            /* Ãʱ⠳ôÀÌ´Â 0px·Î ¼³Á¤ */
    /* overflow: hidden;       /* ½Ç ³»¿ëÀÌ ³ôÀ̺¸´Ù Ä¿Áö¸é ÇØ´ç ³»¿ë °¨Ãã */
    /* transition: height .2s;  */ /* height¸¦ º¯È­ ½ÃÄ×À» ¶§ 0.2ÃÊ°£ º¯È­ µÇµµ·Ï ¼³Á¤(±âº») */
    /* -webkit-transition: height .2s; */ /* height¸¦ º¯È­ ½ÃÄ×À» ¶§ 0.2ÃÊ°£ º¯È­ µÇµµ·Ï ¼³Á¤(±¸¹öÀü Å©·Ò/»çÆĶó¤Ó) */
    /* -moz-transition: height .2s; */ /* height¸¦ º¯È­ ½ÃÄ×À» ¶§ 0.2ÃÊ°£ º¯È­ µÇµµ·Ï ¼³Á¤(±¸¹öÀü ÆÄÆø) */
    /* -o-transition: height .2s; */ /* height¸¦ º¯È­ ½ÃÄ×À» ¶§ 0.2ÃÊ°£ º¯È­ µÇµµ·Ï ¼³Á¤(±¸¹öÀü ¿ÀÆä¶ó) */
    display: none;
}
.sub { height: 71px; }

.sub_memu li {
	height: 33px;
	padding-top: 8px;
	text-align: left;
	margin-right: 50px;
}

.sub:hover .sub_memu { /* »óÀ§ ¸Þ´º¿¡ ¸¶¿ì½º ¿À¹öÇÑ °æ¿ì ±× ¾ÈÀÇ ÇÏÀ§ ¸Þ´º ½ºÅ¸ÀÏ ¼³Á¤ */
/*    margin-top: 14px; */
   height: 33px;
   z-index:1;
   float: left;
   display: block;
}

/* .sub_menu_top { height: 27px;} */
/* container ºÎºÐ */
#container { margin: 0px auto; width: 1000px;}
#content { margin-top: 30px; }
#sub_top { margin-top: 8px; margin-bottom: 26px;}
#sub_menu { width: 215px; float: left;}
#sub_content { width: 785px; float: left;}
#sub_content_menu {margin: 0 auto; width: 519px; height: 49px;}
.sub_content_menu {float: left; margin: 0px 10px; width: 153px; height: 49px;}
/* layer */
#layer { width: 996px; height: 403px; margin: 0 auto; }
.layer { width: 300px; height: 403px; float: left;}
/* slider */
#slider { width: 1000px; height: 282px; margin-top: 30px; }
.slider { width: 490px; height: 282px; float: left;}
.sliderTitle { width: 100%; height: 31px; margin-bottom: 21px; }
.sliderContent { width: 100%; height: 220px; }
/* board */
#board { width: 1000px; height: 209px; margin-top: 30px; }
.board { width: 490px; height: 209px; float: left;}
.boardTitle { width: 100%; height: 31px; margin-bottom: 21px; }
.boardContent { width: 100%; height: 157px; border-bottom: 1px solid #EEE; /* border-radius: 10px; */}
/* addService */
#addService { width: 996px; height: 533px; margin: 0 auto; }
.addServiceTitle { width: 996px; height: 62px; margin-top: 30px; }
.addServiceContent{ width: 996px; height: 421px; margin-top: 30px;}
.addService { width: 300px; height: 421px; float: left;}
/* footer */
#footer {
	clear: both;
	text-align:center;
	margin-top: 30px;
	width: 1000px;
	margin: 0 auto;
}

/* portfolio */
.MWportfolio {float:left;width:740px;margin:30px; margin-top: 50px;}

.MWbtn:after {clear:both;display:block;content:"";}
.MWbtn { *zoom:1; }

.MWnextBtn {float:right;text-align:right;}
.MWpreBtn {float:left;text-align:right;}
.MWqna {margin:20px 0;}

.MWlist {width:785px;margin-bottom:8px;}

.MWlist:after {clear:both;display:block;content:"";}
.MWlist { *zoom:1; }

.mwcell {float:left;width:360px;height:380px;margin:15px;border:solid 1px #c8c8c8;position:relative;}
.mwcell img {max-width:100%;}