/*fonts*/




@font-face{font-family:NG;src:url(/bizdemo22413/img/netbuilder/NanumGothic.eot);src:local(¡Ø),url(/bizdemo22413/img/netbuilder/NanumGothic.woff) format('woff')}








































#wrap{width:100%; position:relative;}












































































/*header*/




#header_wrap{border-bottom:1px solid #b9b9b9; }






















#header_midbanner{width:1300px; height: 50px; margin: 0 auto; }






















#header{width:1000px; position:relative; margin:0 auto; margin-top:22px; height:76px;}




#header .logo{width:200px; height:72px; float:left; margin: -7px 35px -0px 0px;}




#header .menu_box .menu>li{float:left; width:123px; text-align:center; margin:11px 5px 0px 0px; height:40px; line-height:30px;}




#header .menu_box .menu>li.last{margin-right:0;}




#header .menu_box .menu>li>a{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; color:#292728; font-size:17px; display:block; widht:100%; height: 100%;}




#header .menu_box .menu>li>a:hover{color:#ff7800;}








































/*submenu*/




#header .menu_box .menu li .submenu{position:relative; z-index:999; height:0; overflow:hidden; transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s;}




#header .menu_box .menu li .submenu>li{background:#fff27d; opacity:0.9;}




#header .menu_box .menu li .submenu>li>a{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:13px; line-height:35px; display:block; width:100%; height:35px; color:#2e2e2e;}








































/*submenu hover*/




#header .menu_box .menu li .submenu>li:hover{background:#ffcc24; opacity:1; }




#header .menu_box .menu li.menu01:hover .submenu{height:190px;}




#header .menu_box .menu li.menu02:hover .submenu{height:170px;}




#header .menu_box .menu li.menu03:hover .submenu{height:90px;}




#header .menu_box .menu li.menu04:hover .submenu{height:280px;}




#header .menu_box .menu li.menu05:hover .submenu{height:190px;}












































































/*global menu*/




.global_menu{width:100%; background:#c22609; height:40px;}




.global_menu .global_box {width:1000px; margin:0 auto;}




.global_box>ul{float:right;}




.global_box>ul>li{float:left; line-height:40px;}




.global_box>ul>li>a{color:#fff; font-size:11px; border-right:1px solid #fff; padding:0 10px;}




.global_box>ul>li.three>a{border-right:0; padding-right:5px;}
















































































































/* °øÅë: ¹è°æÀ̹ÌÁö ²Ë ä¿ì±â */




#visual_wrap .bxslider--pc li,




#visual_wrap .bxslider--m  li{




  background-size: cover;      /* Á¿ì/»óÇÏ Å©·Ó ¾øÀÌ Ã¤¿ò */




  background-position: center;




}













/* °¢ ½½¶óÀÌµå ³ôÀÌ (»çÀÌÆ® µðÀÚÀο¡ ¸Â°Ô Á¶Àý) */




#visual_wrap .bxslider--pc li{ height: 600px; }   /* PC ³ôÀÌ ¿¹½Ã */










/* ±âº»Àº PC¸¸ º¸ÀÌ°Ô */




#visual_wrap .bxslider--m{ display:none; }













/* ¸ð¹ÙÀÏ¿¡¼­´Â ¸ð¹ÙÀÏ ½½¶óÀÌ´õ¸¸ º¸ÀÌ°Ô */




@media (max-width:768px){




  #visual_wrap .bxslider--pc{ display:none; }




  #visual_wrap .bxslider--m{  display:block; }




}


























































/*content*/




#content{width:1000px; margin:0 auto; height:335px; margin-top:40px;}




#content .port{width:494px;height:335px; background:url(../img/dreaminsight/main/port.jpg) no-repeat 0 0; text-indent:999px; overflow:hidden; margin-right:12px; float:left; text-indent:-9999px; overflow:hidden;}




#content .port>a{display:block; width:494px;height:335px;}




#content .port a:hover{background:url(../img/dreaminsight/main/port.jpg) no-repeat 0 -335px; }




#content .prod{width:494px;height:335px;float:left;}




















































































































































#content .prod .titile{width:494px; height:23px;}




#content .prod .titile>h2{font-weight:600; width:150px; float:left; font-size:14px;}




#content .prod .titile>p{float:right; font-size:11px; color:#575757;}




















































































































































#content .prod .studio .first .studio01 {width:241px; height:150px; float:left; margin-bottom:12px; margin-right:12px;}




#content .prod .studio .first .studio02 {width:241px; height:150px; float:left; margin-bottom:12px;}




#content .prod .studio .last .studio03{width:241px; height:150px; float:left; margin-right:12px;}




#content .prod .studio .last .studio04{width:241px; height:150px; float:left;}




















































































































































#content .prod .studio .first .studio01>a{display:block; width:241px; height:150px; background:url(../img/dreaminsight/main/studio01.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}




#content .prod .studio .first .studio01 a:hover{background:url(../img/dreaminsight/main/studio01.jpg) no-repeat 0 -150px;}




















































































































































#content .prod .studio .first .studio02>a{background:url(../img/dreaminsight/main/studio02.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:241px; height:150px; display:block;}




#content .prod .studio .first .studio02 a:hover{background:url(../img/dreaminsight/main/studio02.jpg) no-repeat 0 -150px;}




















































































































































#content .prod .studio .last .studio03>a{background:url(../img/dreaminsight/main/studio03.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:241px; height:150px; display:block;}




#content .prod .studio .last .studio03 a:hover{background:url(../img/dreaminsight/main/studio03.jpg) no-repeat 0 -150px; }




















































































































































#content .prod .studio .last .studio04>a{background:url(../img/dreaminsight/main/studio04.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:241px; height:150px; display:block;}




#content .prod .studio .last .studio04 a:hover{background:url(../img/dreaminsight/main/studio04.jpg) no-repeat 0 -150px;}












































































/*content2*/












































































#content2{width:1000px; margin:0 auto; height:232px; clear:both; margin-top:45px}




#content2 .box1, .box2, .box3, .box4{width:241px; height:232px; float:left; margin-right:12px; text-align:center;}




#content2 .box1 .text a>h3{font-weight:600; font-size:16px;}




#content2 .box2 .text a>h3{font-weight:600; font-size:16px;}




#content2 .box3 .text a>h3{font-weight:600; font-size:16px;}




#content2 .box4 .text a>h3{font-weight:600; font-size:16px;}




#content2 .box4{margin-right:0;}








































#content2 .box1 .text>a{display:block; width:100%; height:100%;}




#content2 .box2 .text>a{display:block; width:100%; height:100%;}




#content2 .box3 .text>a{display:block; width:100%; height:100%;}




#content2 .box4 .text>a{display:block; width:100%; height:100%;}
















































































































#content2 .ptext .text a>p{font-size:12px; margin-top:15px;line-height:17px; color:#696868; letter-spacing:-0.3px; margin-bottom:20px;}
















































































































/*content3*/




#content3{width:1000px; height:180px; margin:0 auto; padding-top:45px;}




















































































































































/*°øÁö»çÇ× °Ô½ÃÆÇ*/




.notice{width:258px; float:left;}




.notice .board{margin:0 auto; width:220px; overflow:hidden;}




.notice .titile{width:220px; height:15px; margin:0 auto; padding-bottom:20px;}




.notice .titile>p{font-size:14px; font-weight:600;}




.notice .titile>p>span{font-size:12px;font-weight:300; float:right;}
















































































































/*°¶·¯¸® °Ô½ÃÆÇ*/




.gallary{width:479px; float:left; border-left:1px solid #e1d7d2; border-right:1px solid #e1d7d2;}




.gallary .board{width:432px; margin:0 auto; margin-top:20px; }




















































































































































.gallary .titile{width:432px;height:15px; margin:0 auto;}




.gallary .titile>p{font-size:14px; font-weight:600;}




.gallary .titile>p>span{font-size:12px;font-weight:300; float:right;}
















































































































/*°í°´¼¾ÅÍÁ¤º¸*/




.cscenter{width:261px; float:left; }




.cscenter .titile{width:224px; height:15px; margin:0 auto; padding-bottom:20px;}




.cscenter .titile>p{font-size:14px; font-weight:600;}




.cscenter .text{width:224px; margin:0 auto;}
















































































































/*footer*/




#footer_menu{width:100%; height:164px; background:#3f4143; clear:both;}




#footer_menu .fmenu_box{width:1000px; margin:0 auto; padding-left:45px; padding-top:20px;}




#footer_menu .fmenu_box>ul>li{float:left; padding:0 40px; line-height:25px;}




#footer_menu .fmenu_box>ul>li>a{color:#fff; font-size:13px; font-weight:600;}




















































































































































#footer_menu .fmenu_box>ul>li>ul>li>a{color:#fff;font-size:12px; line-height:25px; height:}




















































































































































#footer_menu .fmenu_box>ul>li.last>ul>li{float:left; padding-right:5px; padding-top:15px;}




















































































































































#footer_text{width:100%; clear:both; height:105px; border-top:1px solid #e7e7e7; }




#footer_text .footer_box{width:1000px; margin:0 auto; text-align:center; padding-bottom: 30px;}




















































































































































#footer_text .footer_box .menu>ul{margin:0 auto;}




#footer_text .footer_box .menu>ul>li{display:inline-block; padding:0 7px; }




#footer_text .footer_box .menu>ul>li.last{border-right:0;}




#footer_text .footer_box .menu>ul>li>a{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-size:13px; color:#000; font-weight:600;}




















































































































































#footer_text .footer_box .text{width:1000px; clear:both; margin-top:15px;}




#footer_text .footer_box .text>p{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:12px; color:#373737; line-height:17px;}




















































































































































#footer_text .footer_box .logo{padding:30px 0px}













/* [PC] bxSlider ±âº» ¹Ù´Ú ¿©¹é(60px) Á¦°Å */




#visual_wrap .bx-wrapper{ 




  margin: 0 auto !important;




}




#visual_wrap .bx-wrapper .bx-viewport{




  box-shadow:none; border:0; background:transparent;




}













/* [PC] ¸ÞÀÎ ºñÁÖ¾ó ³ôÀÌ(¿øÇÏ´Â °ªÀ¸·Î Á¶Àý) + Å©·ÓÀº cover */




#visual_wrap .bxslider > li{




  height: 560px;                 /* ÇÊ¿ä½Ã 520~640px »çÀÌ·Î Á¶Àý */




  background-size: cover !important;




  background-position: center center !important;




  background-repeat: no-repeat !important;




}













/* [PC] ǪÅÍ ·Î°í Á¤È®È÷ Áß¾Ó Á¤·Ä(¸ÞÀÎ Æ÷ÇÔ Àü¿ª Àû¿ë) */




#footer_text .logo{




  float:none !important;




  text-align:center !important;




}




#footer_text .logo img{




  display:block !important;




  margin:0 auto !important;




}



















/* PC: ¸ÞÀÎ ¹è³Ê °ø¹é ¹æÁö¿ë ¸®¼Â */




#visual_wrap .bx-wrapper{ margin:0 !important; padding:0 !important; }




#visual_wrap .bx-wrapper .bx-viewport{




  box-shadow:none !important; border:0 !important; background:transparent !important;




}













@media (max-width:768px){




  /* »ó´Ü ¿©¹é ½Ï Á¦°Å */




  html, body, #wrap, #visual_wrap{ margin:0 !important; padding:0 !important; }




  #visual_wrap .bx-wrapper{ margin:0 !important; padding:0 !important; }




}













/* ¸ðµç ¸µÅ©¿¡¼­ ¹ØÁÙ Á¦°Å (PC ¸Þ´º Æ÷ÇÔ) */




a {




  text-decoration: none;




}













/* È£¹ö ½Ã¿¡µµ ¹ØÁÙ »ý±âÁö ¾Ê°Ô */




a:hover,




a:focus,




a:active {




  text-decoration: none;




}













/* 1) ±Û·Î¹ú ¹ØÁÙ Á¦°Å (¸ðµç »óÅÂ) */




a,




a:link,




a:visited,




a:hover,




a:active,




a:focus {




  text-decoration: none !important;




}













/* 2) PC »ó´Ü GNB/µå·Ó´Ù¿î¿¡ È®½ÇÈ÷ Àû¿ë */




#header_wrap .menu_box a,




#header_wrap .menu_box .menu > li > a,




#header_wrap .menu_box .submenu a {




  text-decoration: none !important;




  border-bottom: 0 !important;   /* Ȥ½Ã ¹ØÁÙÀÌ border-bottomÀÏ °æ¿ì ´ëºñ */




}













/* 3) È£¹ö ½Ã¿¡µµ ¹ØÁÙ/º¸´õ »ý±âÁö ¾Ê°Ô */




#header_wrap .menu_box a:hover,




#header_wrap .menu_box .menu > li > a:hover,




#header_wrap .menu_box .submenu a:hover {




  text-decoration: none !important;




  border-bottom: none !important;




}













/* 4) ¸¸¾à ÀϺΠ¸¶Å©¾÷¿¡ <u>°¡ ¾²¿´´Ù¸é ¹«È¿È­ */




#header_wrap .menu_box u {




  text-decoration: none !important;




  border-bottom: none !important;




}




/* === ¸ð¹ÙÀÏ ½½¶óÀÌ´õ Ç¥½Ã °­Á¦(¾ÈÀü¸Á) === */

@media (max-width:768px){

  /* PC ½½¶óÀÌ´õ OFF, ¸ð¹ÙÀÏ ½½¶óÀÌ´õ ON */

  #visual_wrap .bxslider--pc{ display:none !important; }

  #visual_wrap .bxslider--m { display:block !important; }




  /* bx ·¡ÆÛ/ºäÆ÷Æ®°¡ ¼û°ÜÁöÁö ¾Êµµ·Ï °­Á¦ Ç¥½Ã */

  #visual_wrap .bx-wrapper,

  #visual_wrap .bx-viewport{ display:block !important; height:auto !important; }




  /* ¸ð¹ÙÀÏ ½½¶óÀÌµå ¾ÆÀÌÅÛÀº À̹ÌÁö ºñÀ²´ë·Î */

  #visual_wrap .bxslider--m li{ height:auto !important; }

  #visual_wrap .bxslider--m img{ display:block; width:100%; height:auto; }

}




/* === ¸ð¹ÙÀÏ ½½¶óÀÌ´õ Ç¥½Ã °­Á¦(¾ÈÀü¸Á) === */

@media (max-width:768px){

  #visual_wrap .bxslider--pc{ display:none !important; }

  #visual_wrap .bxslider--m { display:block !important; }

  #visual_wrap .bx-wrapper,

  #visual_wrap .bx-viewport{ display:block !important; height:auto !important; }

  #visual_wrap .bxslider--m li{ height:auto !important; }

  #visual_wrap .bxslider--m img{ display:block; width:100%; height:auto; }

}

/* ===== ¸ð¹ÙÀÏ: ¸ÞÀκñÁÖ¾ó/·¡ÆÛ ³ôÀÌ °­Á¦ ÀÚµ¿È­ ===== */

@media (max-width:768px){

  html, body{

    height:auto !important;

    overflow:auto !important;

  }




  /* ·¡ÆÛ°¡ 100vh ó·³ ±»¾îÁö¸é ³»ºÎ¸¸ ½ºÅ©·Ñ µÊ ¡æ ÇØÁ¦ */

  #wrap{

    height:auto !important;

    min-height:0 !important;

    overflow:visible !important;

  }




  /* ºñÁÖ¾ó ¿µ¿ª°ú bx ·¡ÆÛÀÇ °íÁ¤³ôÀÌ/¼û±è Á¦°Å */

  #visual_wrap,

  #visual_wrap .bx-wrapper,

  #visual_wrap .bx-viewport{

    height:auto !important;

    overflow:visible !important;

  }




  /* ¸ð¹ÙÀÏ ½½¶óÀÌ´õ ¾ÆÀÌÅÛÀº À̹ÌÁö ºñÀ²´ë·Î */

  #visual_wrap .bxslider--m > li{ height:auto !important; }

  #visual_wrap .bxslider--m img{ display:block; width:100%; height:auto; }

}




/* ===== [¸ð¹ÙÀÏ ¾ÈÀüÆÐÄ¡] ·¡ÆÛ/ºñÁÖ¾ó °íÁ¤³ôÀÌ¡¤½ºÅ©·Ñ ÇØÁ¦ ===== */

@media (max-width:768px){

  html, body{

    height:auto !important;

    min-height:100% !important;

    overflow:auto !important;           /* ¹Ùµð°¡ Á¤»ó ½ºÅ©·Ñ */

  }




  /* #wrap¿¡ 100vh ¶Ç´Â height:100% °¡ °É·ÁÀ־ ¸ðµÎ ¹«·ÂÈ­ */

  #wrap{

    position:static !important;

    height:auto !important;             /* °íÁ¤ ³ôÀÌ Á¦°Å */

    min-height:0 !important;            /* 100%/100vh ÀÜÀç ¹«·ÂÈ­ */

    overflow:visible !important;        /* ³»ºÎ¸¸ ½ºÅ©·Ñ »ý±â´ø °Í ÇØÁ¦ */

  }

  /* ÀζóÀÎ ½ºÅ¸ÀÏ·Î height°¡ ¹ÚÇô À־ °­Á¦ ÇØÁ¦ */

  #wrap[style*="height"]{ height:auto !important; }




  /* ºñÁÖ¾ó ·¡ÆÛµµ °íÁ¤ ³ôÀÌ/¼û±è Á¦°Å */

  #visual_wrap,

  #visual_wrap .bx-wrapper,

  #visual_wrap .bx-viewport{

    height:auto !important;

    overflow:visible !important;

  }




  /* ¸ð¹ÙÀÏ ½½¶óÀÌ´õ À̹ÌÁö´Â ºñÀ²´ë·Î */

  #visual_wrap .bxslider--m > li{ height:auto !important; }

  #visual_wrap .bxslider--m img{ display:block; width:100%; height:auto; }

}