/*fonts*/




@font-face{font-family:'Nanum Barun Gothic',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{}




#header_bg{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg.gif); background-position-x: 0; background-repeat: repeat-x;}




#header_bg2{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg2.gif); background-position-x: 0; background-repeat: repeat-x;}




#header_bg3{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg3.gif); background-position-x: 0; background-repeat: repeat-x;}




#header_bg4{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg4.gif); background-position-x: 0; background-repeat: repeat-x;}




#header_bg5{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg5.gif); background-position-x: 0; background-repeat: repeat-x;}




#header_bg6{width: 100%; height: 15px; background-image: url(../img/dreaminsight/main/gnb_bg6.gif); background-position-x: 0; background-repeat: repeat-x;}








































#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:#fd6d2e;}








































/*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;}






















/*¼­ºêºñÁÖ¾ó¹è³Ê*




#sub_banner{width:100%; height:300px; overflow:hidden;}






















/*¼­ºêÄÁÅÙÃ÷¿µ¿ª*/




#sub_content{width:100%;}




#sub_content .content_box{width:1000px; margin:0 auto;}








































/*ÆäÀÌÁöŸÀÌƲ*/




#sub_content .content_box .sub_title{width:1000px; float:left; padding-top: 39px;}






















/*lnb*/




#sub_content .content_box .lnb {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #ff6732; }




#sub_content .content_box .lnb .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb .left>ul>li{width:160px;height:39px; border-bottom:1px solid #ff9570;}




#sub_content .content_box .lnb .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb .left>ul>li>span{display:block; text-indent:-999px; background:url(../img/dreaminsight/sub/menu_icon.png) no-repeat; width:7px; height:11px; position:relative; top:15px; float:right; right:10px; overflow:hidden;}




#sub_content .content_box .lnb .left>ul>li:hover a{color:#fff159;}






















#sub_content .content_box .lnb2 {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb2 .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #00b578; }




#sub_content .content_box .lnb2 .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb2 .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb2 .left>ul>li{width:160px;height:39px; border-bottom:1px solid #4dcba1;}




#sub_content .content_box .lnb2 .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb2 .left>ul>li>span{display:block; text-indent:-999px; background:url(../img/dreaminsight/sub/menu_icon.png) no-repeat; width:7px; height:11px; position:relative; top:15px; float:right; right:10px; overflow:hidden;}




#sub_content .content_box .lnb2 .left>ul>li:hover a{color:#fff3ad;}






















#sub_content .content_box .lnb3 {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb3 .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #00bbb0; }




#sub_content .content_box .lnb3 .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb3 .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb3 .left>ul>li{width:160px;height:39px; border-bottom:1px solid #4dcba1;}




#sub_content .content_box .lnb3 .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb3 .left>ul>span{display:block; position:relative;font-size:12px; margin: 10px 0px 0px 0px; line-height: 18px; color: #fff;border-bottom:1px solid #4dcba1; padding-bottom: 10px;}




#sub_content .content_box .lnb3 .left>ul>li:hover a{color:#fff3ad;}






















#sub_content .content_box .lnb4 {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb4 .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #ff5a99; }




#sub_content .content_box .lnb4 .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb4 .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb4 .left>ul>li{width:160px;height:39px; border-bottom:1px solid #ff8cb8;}




#sub_content .content_box .lnb4 .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb4 .left>ul>li>span{display:block; text-indent:-999px; background:url(../img/dreaminsight/sub/menu_icon.png) no-repeat; width:7px; height:11px; position:relative; top:15px; float:right; right:10px; overflow:hidden;}




#sub_content .content_box .lnb4 .left>ul>li:hover a{color:#fff3ad;}






















#sub_content .content_box .lnb5 {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb5 .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #8378e1; }




#sub_content .content_box .lnb5 .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb5 .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb5 .left>ul>li{width:160px;height:39px; border-bottom:1px solid #a8a1ea;}




#sub_content .content_box .lnb5 .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb5 .left>ul>li>span{display:block; text-indent:-999px; background:url(../img/dreaminsight/sub/menu_icon.png) no-repeat; width:7px; height:11px; position:relative; top:15px; float:right; right:10px; overflow:hidden;}




#sub_content .content_box .lnb5 .left>ul>li:hover a{color:#fff3ad;}






















#sub_content .content_box .lnb6 {width:200px; height: 650px; float:left; position: relative; margin-right: 40px;}




#sub_content .content_box .lnb6 .left{width:200px; height: 310px; float:left; padding: 35px 20px 0px 20px; background-color: #44b3fe; }




#sub_content .content_box .lnb6 .left .title{width:210px; color:#292728; margin-top:40px; margin-bottom:25px;}




#sub_content .content_box .lnb6 .left .sub_customer{width:200px; height:45px; margin-top:45px;}




#sub_content .content_box .lnb6 .left>ul>li{width:160px;height:39px; border-bottom:1px solid #7ccafe;}




#sub_content .content_box .lnb6 .left>ul>li>a{line-height:40px; font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:15px; float:left; width:150px; color:#ffffff; }




#sub_content .content_box .lnb6 .left>ul>li>span{display:block; text-indent:-999px; background:url(../img/dreaminsight/sub/menu_icon.png) no-repeat; width:7px; height:11px; position:relative; top:15px; float:right; right:10px; overflow:hidden;}




#sub_content .content_box .lnb6 .left>ul>li:hover a{color:#fff3ad;}






















.bgimage1{position: absolute; right: 29px; background: url(../img/dreaminsight/sub/img_1_01.gif) left 0 no-repeat; width: 200px; height: 179px; z-index: 10000;}




.bgimage2{position: absolute; right: 166px; top: 368px; background: url(../img/dreaminsight/sub/img_1_02.gif) left 0 no-repeat; width: 107px; height: 102px; z-index: -10000;}




.bgimage3{position: absolute; right: 13px; top: 382px; background: url(../img/dreaminsight/sub/img_2_01.gif) left 0 no-repeat; width: 391px; height: 258px; z-index: -10000;}




.bgimage4{position: absolute; right: 106px; top: 435px; background: url(../img/dreaminsight/sub/img_3_01.png) left 0 no-repeat; width: 165px; height: 147px; z-index: 10000;}


























































/*right*/




#sub_content .content_box .right{float:left; width:760px;}








































/*ŸÀÌƲ ¹× °æ·Î*/




#sub_content .content_box .right .sub_title{width:260px; height:30px; padding-bottom:30px; padding-top: 45px; display:block;}






















#sub_content .content_box .right .title_box{width:760px; display:block; height: 65px;}




#sub_content .content_box .right .title_box .title{float:left;}




#sub_content .content_box .right .title_box .title>h3{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:31px; margin-top:55px;}




#sub_content .content_box .right .title_box .location{float:right; margin-top:35px;margin-right: 0px; font-size:11px; color:#7c7c7c;}




#sub_content .content_box .right .title_box .location1{float:right; margin-top:35px;margin-right: 0px; font-size:11px; color:#ffffff; z-index: 999;}








































/*ÄÁÅÙÃ÷¿µ¿ª*/




#sub_content .content_box .right .text_box{margin:30px 0px 100px 0px; position: relative;}




#sub_content .content_box .right .text_box2{margin:30px 0px 100px 0px; position: relative; height: 100%;}




#sub_content .content_box .right .text_box .conimage1{position: absolute; top: -95px; right: -75px; background: url(../img/dreaminsight/sub/img_1_01.png) left 0 no-repeat; width: 418px; height: 318px; z-index: 1;}




#sub_content .content_box .right .text_box .conimage2{position: absolute; top: -95px; right: -105px; background: url(../img/dreaminsight/sub/img_1_02.png) left 0 no-repeat; width: 520px; height: 332px; z-index: 1;}






















#sub_content .content_box .right .text_box .bgimage2{position: absolute; top: -42px; right: 111px; background: url(../img/dreaminsight/sub/img_1_02.gif) left 0 no-repeat; width: 210px; height: 214px; z-index: 10000;}




#sub_content .content_box .right .text_box .bgimage3{position: absolute; top: -32px; right: -162px; background: url(../img/dreaminsight/sub/img_1_03.gif) left 0 no-repeat; width: 252px; height: 181px; z-index: 10000;}






















#sub_content .content_box .right .text_box2 .bgimage21{position: absolute; top: 155px; right: -97px; background: url(../img/dreaminsight/sub/img_2_01.gif) left 0 no-repeat; width: 604px; height: 400px; z-index: 10000;}






















#sub_content .content_box .right .text_box .subbtn{margin:0px; position: relative; padding: 20px 0px;}








































/*ã¾Æ¿À½Ã´Â±æ*/




#sub_content .content_box .right .text_box .address{width: 100%; display:block; margin:0; padding:0; text-align:left; line-height:180%; border-bottom: #E0E0E0 1px solid; font-size: 16px; font-weight: 400; padding-top: 25px; color: #00baff;}




#sub_content .content_box .right .text_box .address_dec { display:block; margin: 15px 0; padding:0; text-align:left; line-height:180%; font-size: 14px;}




#sub_content .content_box .right .text_box .address_dec span {color: #7c7c7c;}








































/*ÄÁÅÙÃ÷¿µ¿ª-º»¹®*/




#sub_content .content_box .right .text_box .desc{font-family:'Nanum Barun Gothic', NG, sans-serif, µ¸¿ò, ±¼¸²; font-weight: 300; font-size:18px; line-height: 27px; color: #01C7F9; padding-bottom: 20px;}































/*½ºÆ©µð¿Àcss*/




.largimg{width:732px; height:450px; padding-bottom:18px;}




.largimg2{width:732px; height:450px; padding-bottom:10px;}






















.studio{ width:732px; float:left; height:130px; padding-bottom:50px;}




.studio a{width:66px;height:45px; display:block; float:left; margin-right:8px; margin-bottom:8px;}




.studio a:nth-child(10){margin-right:0;}






















.studio2{ width:732px; float:left; height:130px; padding-bottom:50px;}




.studio2 a{width:66px;height:45px; display:block; float:left; margin-right:8px; margin-bottom:8px;}




.studio2 a:nth-child(10){margin-right:0;}






















.studio3{ width:732px; float:left; height:160px; padding-bottom:50px;}




.studio3 a{width:66px;height:45px; display:block; float:left; margin-right:8px; margin-bottom:8px;}




.studio3 a:nth-child(10){margin-right:0;}




.studio3 a:nth-child(20){margin-right:0;}




.studio3 a:nth-child(30){margin-right:0;}






















.studio4{ width:732px; float:left; height:220px; padding-bottom:50px;}




.studio4 a{width:66px;height:45px; display:block; float:left; margin-right:8px; margin-bottom:8px;}




.studio4 a:nth-child(10){margin-right:0;}




.studio4 a:nth-child(20){margin-right:0;}




.studio4 a:nth-child(30){margin-right:0;}






















.studio5{ width:732px; float:left; height:160px; padding-bottom:50px;}




.studio5 a{width:66px;height:45px; display:block; float:left; margin-right:8px; margin-bottom:8px;}




.studio5 a:nth-child(10){margin-right:0;}




.studio5 a:nth-child(20){margin-right:0;}




.studio5 a:nth-child(30){margin-right:0;}








































/*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; display: inline-block;}













@media (max-width:768px){













  /* PC¿ë »ó´Ü ǪÅÍ ¸Þ´º(ȸ»ö ¹Ú½º) Åë°·Î ¼û±è */




  #footer_menu { display:none !important; }













  /* ¹Ù´Ú ǪÅÍ: °íÁ¤Æø/°íÁ¤³ôÀÌ Á¦°Å + °¡¿îµ¥ Á¤·Ä */




  #footer_text{




    height:auto !important;




    border-top:1px solid #eee !important;




    background:#fff;




  }




  #footer_text .footer_box{




    width:auto !important;       /* 1000px ¡æ ÀÚµ¿ */




    max-width:100% !important;




    margin:0 auto !important;




    padding:14px 10px !important;




    text-align:center !important;




  }













  /* ºÒÇÊ¿äÇÑ ¸Þ´º/±âÁ¸ ±ä ÅؽºÆ® ¼û±è */




  #footer_text .menu,




  #footer_text .text { display:none !important; }













  /* ¿øÇÏ´Â 3ÁÙ ÅؽºÆ® (Á¤È®ÇÑ ÁٹٲÞ) */




  #footer_text .footer_box::after{




    content:"Copyright (C) 2015 ¹ÝµðÀ¯Ä¡¿ø";




    display:block;




    white-space:pre;      /* \A ÁÙ¹Ù²Þ Àû¿ë */




    font-size:13px;       /* +2px */




    line-height:1.6;




    color:#555;




    padding:0;            /* ºÒÇÊ¿äÇÑ ¿©¹é ÃÖ¼ÒÈ­ */




  }













  /* ½Éº¼(·Î°í) Áß¾Ó Á¤·Ä & Å©±â */




  #footer_text .logo{




    padding:8px 0 6px !important;




  }




  #footer_text .logo img{




    display:inline-block !important;




    max-width:96px;




    height:auto;




  }




}