@charset "euc-kr";

*            {margin: 0; padding: 0; border: 0; background-color: transparent; color: #999;}
body, html   {margin: 0; padding: 0; width: 100%; height: 100%; font: 12px tahoma, gulim, dotum; color: #999;}
ul, ol       {list-style: none;}
img          {border: none;}
a            {text-decoration: none; color: #999; cursor: pointer;}


/* F O R M */
input          {font: 11px tahoma, gulim, dotum; height: 22px; background-color: #FFF; border:1px solid #DDD;}
select, option {font: 11px tahoma, gulim, dotum;}
textarea       {font: 11px tahoma, gulim, dotum; padding: 5px; background-color: #FFF; border:1px solid #DDD;}
input.no       {border: 0;}


/*position : static, relative, absolute, fixed
relative : ÀÛ¼ºÇÑ À§Ä¡¸¦ ±âÁØÀ¸·Î top, left ¼Ó¼ºÀ» ÀÌ¿ëÇØ À̵¿ÀÌ °¡´É
absolute : top, left ¼Ó¼ºÀº »óÀ§ elementÁß positionÀÌ ÁöÁ¤µÈ element¸¦ ±âÁØÀ¸·Î top, left ¼Ó¼ºÀ» ÀÌ¿ëÇØ ¹èÄ¡*/


/* L A Y O U T */
#wrap               {margin: 0; padding: 0; width: 100%; height: 100%;}/*Àüü wrap*/
#wrap_header        {width: 100%; overflow:hidden;}/*»ó´ÜºÎ wrap*/
#wrap_footer        {width: 100%; height: 450px; background: #f06850;}/*ÇϴܺΠwrap*/


#line_1             {margin: 0 auto; width: 1045px; height: 280px; background: url(/ver3/common/images/logo_bg.png) no-repeat 35px top;}/*logo ¹è°æ±ò¸®´Â ¿µ¿ª*/
#navi               {width: 1000px; height: 55px; margin-bottom: 45px; float: right;}
#navi ul li         {margin-left: 2px; float: left;}
#navi ul li.none    {margin: 0; padding: 0;}
#logo               {width: 460px; height: 180px; margin-left: 95px; float: left;}
#icon               {width: 325px; height: 75px; float: right;  background: url(/ver3/common/images/icon_bg.png) no-repeat left top;}
#icon ul li         {float: left;}


#line_2             {margin: 0 auto; width: 1045px; height: 320px; text-align: right; margin-bottom: 40px;}/*recent work ¿µ¿ª*/


#line_3             {margin: 0 auto; width: 1045px; height: 260px; margin-bottom: 20px;}/*±³¼ö¼Ò°³, öÇÐ, ÀâÁö ¿ä¾à ¿µ¿ª*/
#yoon               {width: 365px; height: 100%; margin-right: 20px; float: left; text-algin: right; background: url(/ver3/images/index/yoon_tab.png) no-repeat left top;}
#yoon_contents      {width: 320px; height: 260px; float: right; background: #cecac1;}
#philosophy         {width: 320px; height: 100%; margin-right: 20px; float: left; background: #000;}
#press              {width: 320px; height: 100%; float: left;}


#line_4             {margin: 20px auto 50px; width: 1045px; overflow: hidden/*ÀÚ½ÄÀÌ float°ªÀ» °¡Áú °æ¿ì Æ¢¾î³ª°¡´Â °ÍÀ» ¹æÁö*/;}/*work ¿µ¿ª*/


#line_5                        {margin: 0 auto; width: 1045px; margin-bottom: 50px; overflow: hidden;}/*sub page contents ¿µ¿ª*/
#page_wrap                     {width: 1000px; float: right;}
#page_title                    {}
#page_contents                 {overflow: hidden;}
div.yoon                       {margin-top: 20px;}
div.yoon #page_contents        {width: 100%; text-align: right; background: url(/ver3/images/yoon/photo.jpg) no-repeat left top;}
div.yoon #page_title           {margin-bottom: 25px; width: 100%; text-align: right;}
div.yoon p                     {margin-bottom: 50px;}
/* div.yoon p                     {margin: 0 0 30px 40px; width: 660px; height: 14px; background: url(/ver3/images/yoon/s_title_line.png) repeat-x; text-align: left;}
div.yoon p.txt                 {margin: 0 0 50px 40px; width: 660px; height: auto;} */
div.philosophy p               {width: 100%; height: 70px; background: url(/ver3/images/philosophy/h_line.png) repeat-x;}
div.contact #page_title        {width: 680px; float: left;}/*ÀϹÝÆäÀÌÁö ŸÀÌƲ*/
div.contact #page_title2       {float: left;}/*contactÆäÀÌÁö send emailŸÀÌƲ*/
div.contact #page_contents     {width: 100%; background: url(/ver3/images/contact/line.png) repeat-y;}
div.contact #page_contents div {float: left;}


div.g4_bbs                     {margin-bottom: 50px;}
div#page_wrap.g4_gallery       {width: 1020px; margin-bottom: 50px; float: right;}/*id°ªÀÌ class°ªº¸´Ù ¿ì¼±¼øÀ§, gallery listÆäÀÌÁö °°ÀÌ 1000pxÀ» ³Ñ¾î°¥ °æ¿ì #page_wrapÀ» Àû¾îÁà¾ß ÇÔ*/
div.g4_gallery #page_title,
div.g4_gallery #page_contents  {margin-left: 20px;}


#footer             {margin: 0 auto; padding: 0; width: 1045px; overflow: hidden; background: #f06850;}
#footer_1           {margin: 45px 0 0 45px; padding: 0; width: 320px; height: 305px; background: url(/ver3/common/images/footer_bg1.png) no-repeat left top; float: left;}
#footer_2           {margin: 45px 0 0 20px; padding: 0; width: 320px; height: 305px; background: url(/ver3/common/images/footer_bg2.png) no-repeat left top; float: left;}
#footer_2 ul        {margin: 5px 0 0 0; padding: 0; width: 320px;}
#footer_2 ul li     {margin: 0; padding: 0; height: 75px;}
#footer_3           {margin: 45px 0 0 20px; padding: 0; width: 320px; height: 305px; background: url(/ver3/common/images/footer_bg3.png) no-repeat left top; float: left;}
#footer_4           {margin: 20px 0 0 45px; width: 1000px; text-align: center; float: left;}