@import url(/bizdemo92774/img/css/NanumSquare.css);

* {padding:0;margin:0;}

body,th,td,textarea{font-size:14px;font-family:Malgun Gothic;}
body,th,td,textarea{}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}

a img {vertical-align:top;}
a:link{font-size:14px;color:#787878;text-decoration:none;}
a:visited{font-size:14px;color:#787878;text-decoration:none;}
a:hover{font-size:14x;color:#787878;text-decoration:underline;}

/* bootstrap ½ÃÀÛ */

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
  padding-bottom: 0px;
  color: #5a5a5a;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
 margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: #; /* ¸ÞÀÎÀ̹ÌÁö ¹è°æ¼³Á¤ ÃʱⰪ #777 */
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

#top_wrap{width:100%;text-align:center;position:absolute;display:inline-block;z-index:100;}

 .top_menu_wrap{width:1200px;position:relative;text-align:center;margin:0 auto;display:inline-block;}
  .top_logo{float:left;width:267px;padding:60px 0 0 0px;margin:0 auto;text-align:left;}
  .top_login_wrap{float:left;width:933px;margin:0 auto;}

   .top_login{float:left;width:933px;height:40px;text-align:right;margin:0 auto;}
   .top_login a          {font-family:Malgun Gothic;color:#efefef;font-size:11px;text-decoration:none;}
   .top_login a:link    {font-family:Malgun Gothic;color:#efefef;font-size:11px;text-decoration:none;}
   .top_login a:visited {font-family:Malgun Gothic;color:#efefef;font-size:11px;text-decoration:none;}
   .top_login a:hover   {font-family:Malgun Gothic;color:#f4f4f4;font-size:11px;text-decoration:none;}

   .top_menu{float:left;width:933px;height:67px;margin:20px 0 0 0px;display:inline-block;background:#ffffff;}

 .main_text            {font-family:'NanumSquare';color:#000000;font-size:17px;text-decoration:none; font-weight:normal;padding:5px 0px 0 5px; }
 .main_text a          {font-family:'NanumSquare';color:#000000;font-size:17px;text-decoration:none; font-weight:normal; }
 .main_text a:link    {font-family:'NanumSquare';color:#000000;font-size:17px;text-decoration:none; font-weight:normal; }
 .main_text a:visited {font-family:'NanumSquare';color:#000000;font-size:17px;text-decoration:none; font-weight:normal; }
 .main_text a:hover   {font-family:'NanumSquare';color:#000000;font-size:17px;text-decoration:none; font-weight:normal; }

 .main_text1            {font-family:'NanumSquare';color:#333333;font-size:16px;text-decoration:none; font-weight:normal;padding:5px 0 0 0px; }
 .main_text1 a          {font-family:'NanumSquare';color:#333333;font-size:16px;text-decoration:none; font-weight:normal; }
 .main_text1 a:link    {font-family:'NanumSquare';color:#333333;font-size:16px;text-decoration:none; font-weight:normal; }
 .main_text1 a:visited {font-family:'NanumSquare';color:#333333;font-size:16px;text-decoration:none; font-weight:normal; }
 .main_text1 a:hover   {font-family:'NanumSquare';color:#000000;font-size:16px;text-decoration:none; font-weight:normal; }

#top_m_wrap{display:none;}

#top_blank{width:100%;height:0px;background-color:#ffffff;}

.sub_title {width:100%;height:30px;text-align:left;margin:10px 0 0 0px;border:0px #000 solid;}
.sub_title {font-family:Malgun Gothic;color:#000000;font-size:18px;font-weight:bold;text-decoration:none;}

.sub_member_title {width:100%;height:30px;text-align:left;margin:10px 0 0 0px;border:0px #000 solid;}
.sub_member_title {font-family:Malgun Gothic;color:#555555;font-size:16px;font-weight:bold;text-decoration:none;}

.sub_text_00 {font-family:Malgun Gothic;color:#6FA02F;font-size:30px;font-weight:normal;text-decoration:none;}
.sub_text_01 {font-family:Malgun Gothic;color:#555555;font-size:15px;font-weight:normal;text-decoration:none;line-height:160%;}

#main_img_wrap{width:100%;height:auto;position:relative;text-align:center;margin:0  auto; display:inline-block; background-color:#efefef;}

#main_content_wrap{width:100%;height:auto;position:relative;text-align:center;margin:0  auto; display:inline-block; }
 .main_content0{width:1200px;height:auto;position:relative;text-align:center;margin:0  auto; }
 .main_content{width:1200px;height:auto;position:relative;text-align:center;margin:0  auto; }

#sub_img_01_wrap{width:100%;height:463px;position:relative;text-align:center;margin:0 auto; border:0px #000 solid; background:url(../../web/sub_img/sub_img_01.jpg) top center no-repeat;}
.sub_img_01{width:1200px;height:463px;position:relative;text-align:center;margin:0px;display:inline-block; border:0px #000 solid; }

#sub_img_m_01_wrap{display:none;}

#simple_gallery{width:100%;position:relative;text-align:center;margin:0 auto;display:inline-block;}
#simple_gallery_m{display:none;}

#sub_content_wrap{width:100%;position:relative;text-align:center;margin:0 auto;}

#sub_content{width:1200px;position:relative;text-align:center;margin:0 auto;}
 .sub_content_left{float:left;margin:0;width:0px;height:auto;background:url(/bizdemo5169/img/img/left_menu_bg.gif);}
 .sub_left_banner{float:left;margin:0;width:0px;height:150px;}
 .sub_content_middle{float:left;margin:0;width:1200px;min-height:350px;text-align:center;}
 .sub_content_middle_member{float:left;margin:0;width:1200px;min-height:450px;text-align:center;}

 .sub_menu_web{background:#efefef;}
 .sub_menu_m{display:none;}

.web_only{width:100%;position:relative;text-align:center;margin:0 auto; display:inline-block;}
.m_only{display:none;}

#bottom_wrap{width:100%;position:relative;text-align:center;display:inline-block;background:#000000;}
 .bottom{width:1200px;text-align:center; display:inline-block;}
 
 .bottom           {font-family:Malgun Gothic;color:#ffffff;font-size:14px;text-decoration:none;line-height:30px;}
 .bottom a         {font-family:Malgun Gothic;color:#ffffff;font-size:14px;text-decoration:none;}
 .bottom a:link    {font-family:Malgun Gothic;color:#ffffff;font-size:14px;text-decoration:none;}
 .bottom a:visited {font-family:Malgun Gothic;color:#ffffff;font-size:14px;text-decoration:none;}
 .bottom a:hover   {font-family:Malgun Gothic;color:#efefef;font-size:14px;text-decoration:none;}

#bottom_m_wrap{display:none;}

/* ¼îÇθô Ãß°¡ ½ÃÀÛ */

#product_img {float:left;width:360px;padding:0 0 0 0px; margin:0 0 0px 0; text-align:center;}

#product_info {float:right;width:360px; padding-left:10px; text-align:left;}

#product_content {clear:both;background:url(../img/main/tab_bg.gif) repeat-x;margin-top:30;width:100%;}
.product_tab {cursor:hand}

#nail {width:300px; margin:4px 0 4px 0;}
#nail a:link{font-size:11px;color:#666666}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:0px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px;padding:0px;}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail1 img {border:0px solid #CACACA;margin:2;cursor:hand;width:150px;height:150px;padding:10px;}

/* ¼îÇθô Ãß°¡ ³¡ */

/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 0px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
/* Featurettes
------------------------- */
.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* ¹ÝÀÀÇü ²ø·Á¸é ¾Æ·§ºÎºÐ¿¡ ¹ÝÀÀ¼Ò½º »èÁ¦ */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    width:100%;height:auto;
    border:0px #000 solid;
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    width:100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;

  }

  /* The navbar becomes detached from the top, so we round the corners */
   .navbar-wrapper .navbar {
    border-radius: 0px;
  }
  /* Bump up size of carousel content */
   .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 0px;
  }
}

/* ÅÂºí¸´»çÀÌÁî¿¡¼­ ¸¶¿ì½º ¿À¹ö½Ã ¼­ºê¸Þ´º ³ªÅ¸³² ½ÃÀÛ */

@media (min-width: 767px) {

ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}

}

/* ÅÂºí¸´»çÀÌÁî¿¡¼­ ¸¶¿ì½º ¿À¹ö½Ã ¼­ºê¸Þ´º ³ªÅ¸³² ³¡ */

@media screen and (max-width:1000px) 

{

#top_wrap{display:none;}

#top_m_wrap{width:100%;position:absolute;display:inline-block;}
#top_m_wrap           {font-family:Malgun Gothic;color:#000000;font-size:14px;text-decoration:none;line-height:30px;}
#top_m_wrap a         {font-family:Malgun Gothic;color:#000000;font-size:14px;text-decoration:none;}
#top_m_wrap a:link    {font-family:Malgun Gothic;color:#000000;font-size:14px;text-decoration:none;}
#top_m_wrap a:visited {font-family:Malgun Gothic;color:#000000;font-size:14px;text-decoration:none;}
#top_m_wrap a:hover   {font-family:Malgun Gothic;color:#333333;font-size:14px;text-decoration:none;}

#top_blank{width:100%;height:63px;}

#main_img_wrap{width:100%;position:relative;text-align:center;margin:0  auto; display:inline-block; }

#main_content_wrap{width:100%;height:auto;position:relative;text-align:center;margin:0  auto; display:inline-block; }
 .main_content0{width:100%;height:auto;position:relative;text-align:center;margin:0  auto; }
 .main_content0 img{width:100% !important; height:auto !important;} 
 .main_content{width:100%;height:auto;position:relative;text-align:center;margin:0  auto; }
 .main_content img{width:100% !important; height:auto !important;} 

.main_view_list    {}
.main_view_list img{width:100% !important; height:auto !important;}

#sub_img_01_wrap{display:none;}

#sub_img_m_01_wrap{width:100%;height:auto;position:relative;text-align:center;display:inline-block;}
.sub_img_m_01{width:100%;height:auto;position:relative;text-align:center;display:inline-block;}

#simple_gallery{display:none;}
#simple_gallery_m{width:100%;position:relative;text-align:center;padding:20px;;display:inline-block;border:1px #efefef solid;}
#simple_gallery_m img{width:auto !important; height:auto !important;}

#sub_content_wrap{width:100%;position:relative;text-align:center;margin:0 auto;}

#sub_content{width:98%;position:relative;text-align:center;margin:0 auto;}
.sub_content_left{display:none;}
.sub_left_banner{display:none;}
.sub_content_middle{width:98%;float:left;margin:0;text-align:center;}
.sub_content_middle img{width:100% !important; height:auto !important;} 
.sub_content_middle_member{width:100%;float:left;margin:0;text-align:center;}

.sub_menu_web{display:none;}
.sub_menu_m{display:inline-block;width:100%;text-align:center;border:0px #000 solid;background:#efefef}

.web_only{display:none;}
.m_only{width:100%;position:relative;text-align:center;margin:0 auto; display:inline-block;}

#bottom_wrap{display:none;}

#bottom_m_wrap{width:100%;position:relative;text-align:center;margin:0  auto; display:inline-block;background:#000000; }
.bottom_m{width:100%;text-align:center; display:inline-block;}

.bottom_m           {font-family:Malgun Gothic;color:#ffffff;font-size:13px;text-decoration:none;line-height:30px;}
.bottom_m a         {font-family:Malgun Gothic;color:#ffffff;font-size:13px;text-decoration:none;}
.bottom_m a:link    {font-family:Malgun Gothic;color:#ffffff;font-size:13px;text-decoration:none;}
.bottom_m a:visited {font-family:Malgun Gothic;color:#ffffff;font-size:13px;text-decoration:none;}
.bottom_m a:hover   {font-family:Malgun Gothic;color:#efefef;font-size:13px;text-decoration:none;}

.bottom_m_text a          {font-family:Malgun Gothic;color:#ffffff;font-size:12px;text-decoration:none;}
.bottom_m_text a:link    {font-family:Malgun Gothic;color:#ffffff;font-size:12px;text-decoration:none;}
.bottom_m_text a:visited {font-family:Malgun Gothic;color:#ffffff;font-size:12px;text-decoration:none;}
.bottom_m_text a:hover   {font-family:Malgun Gothic;color:#efefef;font-size:12px;text-decoration:none;}

/* °Ô½ÃÆÇ Àбâ À̹ÌÁö Å©±â Á¶Àý ½ÃÀÛ */
#post_area img {width:100% !important; height:auto !important;}
/* °Ô½ÃÆÇ Àбâ À̹ÌÁö Å©±â Á¶Àý ³¡ */

/* ¼îÇθô Ãß°¡ ½ÃÀÛ */

#page img {display:none;}

#product_img {float:left;width:360px;padding:0 0 0 0px; margin:0 0 0px 0; text-align:center; border:0px #000 solid; }
#product_info {float:left;width:360px; padding-left:10px; text-align:center; border:0px #000 solid; }

/* ¼îÇθô Ãß°¡ ³¡ */

}

/* bootstrap ³¡ */