@charset "euc-kr";
.color-box01{width:100%;margin-top:100px;background-color:#333333}
#menu-container {
    position: fixed;
    top: 0px;
    width:100%;
    height: 84px;   
    padding-left: 0px;
    padding-top: 0px; 
    margin:0px auto;
    text-align:left;
    box-sizing: border-box;
    opacity:1;
    filter:alpha(opacity=100);
    color: #000;
    background-color: #fff; 
    z-index:999999999999999999;
      
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
}
#menu-container.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    width:100%;
    right:0px;
    padding-top: 0px;
    margin:0 auto;
    background-color: #fff;
    opacity: 0.98;
    filter:alpha(opacity=98);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container .menu-item {
    font-size: 1.4em;
    font-weight: bold;
    color: #ffffff;
}
#menu-container .menu-icon {
    display: block !important;
    position: absolute;
    left: -50px;
    top: 14px;
      
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
      
    -webkit-transition: left 300ms linear;
    -moz-transition: left 300ms linear;
    -ms-transition: left 300ms linear;
    -o-transition: left 300ms linear;
    transition: left 300ms linear;
}
#menu-container .menu-icon.on {
    left: 15px;
}
@media (max-width: 767px) {
#menu-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin:0 auto;
    box-sizing: border-box;
    opacity:1;
    filter:alpha(opacity=100);
    color: #000;
   /* background-color: #555555;*/
    z-index:999999999999999999;
       
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #fff;
    background-color: #000;
    opacity: 1;
    filter:alpha(opacity=100);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
.footer{height:150px;margin:0 auto;padding:30px 20px 0 20px;}
.global-menu01{font-size:11px;height:34px;position:relative;margin:0px 0px 10px 0px;padding:0 0 0 11px;border-top:0px solid #333;border-bottom:1px solid #ddd;}
#global-menu{display:none;}
.lnb-menu{display:none;}
.lnb-line{display:none;}
.top-line{display:none;height:1px;}
}
@media (min-width: 768px) {
.global-menu01{display:none;}
#lnb-wrap{display:none;}
#lnbmenu{display:none;}
#lnbmenu .left_menu .lnb01{display:none;}
.top-line{color:#aaa;padding:3px 1px 0 1px;width:1px;font-size:1.4em;font-weight:lighter;z-index:-10;}
}

#global-line{width:100%;height:24px;position:relative;top:-24px;background:#fff;border-bottom:0px solid #ddd;}
#global-area{position:relative;text-align:left;margin:0 auto;}
#global-menu{float:right;font-size:5pt;font-weight:normal;position:relative;text-align:right;padding:15px 0 2px 0;overflow:hidden;font-family:Arial, Helvetica, sans-serif;}
#global-menu a{font-size:11px;padding:0 3px 0 6px;margin-left:-1px;color:#777;opacity:0.8;filter:alpha(opacity=80);}
#global-menu .fst{text-align:center;padding:10px 5px 10px 24px;background-color:#fff;color:#fff;background:url(http://mfactory10.cafe24.com/bizdemo30109/img/common/home01.png)0px 0px; background-repeat:no-repeat;}
#global-menu .snd{float:left;text-align:center;padding:0px 7px 10px 7px;}
#global-menu .trd{float:left;text-align:center;padding:0px 5px 10px 5px;}
#global-menu .fth{text-align:center;padding:10px 0px 10px 3px;}
#global-menu .last{font-size:1px;color:#ffffff;text-align:center;padding:10px 2px 10px 2px;}
#gnb-wrap01{width:100%;height:30px;position:relative;text-align:left;margin:0 auto;z-index:1000;background:#1d1d1b;border-bottom:1px solid #ffffff;}
#gnb-wrap02{width:1000px;height:85px;position:relative;text-align:left;margin:0 auto;z-index:1;}

.lnb-menu{width:100%;padding:15px 0 15px 0;background-color:#eee;text-align:center;font-size:13px;font-weight:bold;}
.lnb-line{color:#999;font-size:11px;margin:0 10px 0 10px;}

#lnb-wrap {position:relative;top:0px;height:30px;list-style: none;width:100%;margin:0 0 26px 0;z-index:100;}
#lnbmenu,
#lnbmenu ul,
#lnbmenu ul li,
#lnbmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#lnbmenu {
  width: 100%;
  height:30px;
}
#lnbmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#lnbmenu > ul > li > a {
  padding: 12px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size:1.5em;
  font-family:Nanum Gothic,"¸¼Àº °íµñ","µ¸¿ò","±¼¸²";
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#lnbmenu > ul > li > a:hover,
#lnbmenu > ul > li.active > a,
#lnbmenu > ul > li.open > a {
  color: #fff;
  background: #5f5f62;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 18px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
#lnbmenu > ul > li > a:hover > span::after,
#lnbmenu > ul > li.active > a > span::after,
#lnbmenu > ul > li.open > a > span::after {
  border-color: #fff;
}
.holder::before {
  top: 19px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#lnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #00a8e1;
  border-right: 0px solid #00a8e1;
  padding: 16px 20px; 
  z-index: 1;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #5b5c5e;
  background: #eee;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul li:hover > a,
#lnbmenu ul ul li.open > a,
#lnbmenu ul ul li.active > a {
  background: #eee;
  color: #5b5c5e;
}
#lnbmenu ul ul li:first-child > a {
  box-shadow: none;
}
#lnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul ul li a {
  padding-left: 30px;
}
#lnbmenu > ul > li > ul > li:last-child > a,
#lnbmenu > ul > li > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
#lnbmenu > ul > li > ul > li.open:last-child > a,
#lnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#lnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#lnbmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#lnbmenu ul ul li.active > a::after,
#lnbmenu ul ul li.open > a::after,
#lnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
.tc01{color:#e52c29;text-decoration:underline;}
.tc02{color:#e52c29;text-decoration:none;}
.ts01{color:#555555;text-decoration:none;font-size:36px;margin:20px 0 10px 0;}
.ts02{color:#333;text-decoration:none;font-size:16px;margin:0px 0 10px 0;font-weight:bold;}
.tl01{color:#555555;text-decoration:none;font-size:30px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:20px 0 25px 0;margin:40px 0 70px 0;text-align:center;}

.visual-main01{position:relative;top:0;left:50%;width:1920px;height:800px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:800px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:800px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual03.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/sub-visual02.jpg);}
.visual-sub03{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/sub-visual03.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/sub-visual05.jpg);}
.visual02{position:relative;top:0;left:50%;width:1920px;margin-left:-960px;height:300px;}
.visual03{position:relative;top:0;left:50%;width:1920px;margin-left:-960px;height:250px;}
.visual04{position:relative;top:0;left:50%;width:1920px;margin-left:-960px;height:200px;}
.visual-text01{color:#fff;font-size:4.4em;font-family: Arial, Helvetica, sans-serif;font-weight:bold;line-height:60px;}
.gnbmenu01{position:relative;top:0px;}

.t1_caption .title{float:left;font-weight:bold;padding:0 0 5px 13px;}
.t1{width:100%;border-top:0px solid #999;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;font-size:1.1em;}
.t1 caption{display:none;}
.t1 th,.t1 td{padding:10px 0px; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.t1 th{background-color:#f7f7f7; color:#555555; border-top:0px solid #a7b872;text-align:center;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.t1 td{padding-left:20px;color:#555555;text-align:left;}
.t1 th.fst,.t1 td.fst{padding:5px 0 5px 20px;color:#fff;text-align:left;background-color:#333;}
.t1 th.last,.t1 td.last{border-bottom:1px solid #cccccc;}
.t2{width:100%; border-left:0px solid #bbbbbb; border-right:0px solid #bbbbbb;font-size:1em;}
.t2 caption{display:none;}
.t2 th{padding:10px 0px; border-bottom:1px dotted #aaaaaa; border-left:0px solid #a7b872;text-align:center;}
.t2 td{padding:10px 0px; border-bottom:1px dotted #aaaaaa; border-left:0px solid #a7b872;text-align:left;}
.t2 th{background-color:#ffffff; color:#404040; border-top:0px solid #a7b872;}
.t2 th:first-child{border-left:0px;}
.t2 td:first-child{border-left:0px;}
.t2 td{padding-left:10px;}
.t2 th.last,
.t2 td.last{border-bottom:none;}

.tit-main00 {text-align:center;font-size: 34px;color:#e52c29;font-weight:bold;margin:40px 0 0px 0;font-family:Arial, Helvetica, sans-serif;}
.tit-main01 {text-align:center;font-size: 34px;color:#222;font-weight:bold;margin:40px 0 0px 0;font-family:Arial, Helvetica, sans-serif;}
.tit-main02 {text-align:center;font-size: 15px;font-weight:normal;color:#999;margin:0px 0 35px 0;}
.tit-main03 {text-align:left;font-size: 28px;font-weight:normal;color:#222;margin:0 0 15px -5px;font-family: Arial, Helvetica, sans-serif;}
.tit-main04 {text-align:center;font-size: 14px;font-weight:bold;color:#222;margin:5px 0 5px 0;font-family:Arial, Helvetica, sans-serif;}
.tit-main05 {text-align:left;font-size: 42px;font-weight:normal;color:#222;margin:30px 0 10px 0;font-family: Arial, Helvetica, sans-serif;}
.tit-main06 {text-align:left;font-size: 18px;font-weight:normal;color:#fff;margin:40px 0 20px 0;border-bottom:1px solid #444;font-family:Geneva, Arial, Verdana, sans-serif;padding:0 0 5px 0;}
.tit-main07 {font-size: 20px;font-weight:normal;color:#fff;padding:10x 0 5px 0;}
.tit-main08 {font-size: 22px;font-weight:normal;color:#fff;padding:0 0 0 40px;font-family:Arial, Helvetica, sans-serif;background:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/icon-phone.png) 2px 6px;background-repeat:no-repeat;}
.tit-main09 {text-align:left;font-size: 12px;font-weight:normal;color:#999;}
.tit-main10 {text-align:left;font-size: 14px;font-weight:bold;color:#333;margin:10px 0 5px 0;}
.tit-sub00 {text-align:center;font-size: 50px;font-weight:normal;color:#fff;margin:0px 0 0px 0;font-family:Arial, Helvetica, sans-serif;}
.tit-sub01  {text-align:center;font-size: 30px;font-weight:bold;color:#222;margin:40px 0 0px 0;}
.tit-sub02  {text-align:center;font-size: 14px;font-weight:normal;color:#999;margin:5px 0 0px 0;}
.tit-sub03  {text-align:left;font-size:22px;font-weight:bold;color:#454545;padding:25px 0 10px 0;}
.tit-sub04  {text-align:center;font-size:18px;font-weight:bold;color:#eee;padding:10px 0 10px 0;}
.tit-sub05 {text-align:center;font-size: 34px;color:#e52c29;font-weight:bold;margin:40px 0 0px 0;font-family:Arial, Helvetica, sans-serif;}
.op-wrap{position: absolute;display: block;width: 100%;height: 100%;top: 0; left: 0;background: #000;opacity: 0;}
 a:hover .op-wrap{opacity: 0.7;}
.op-wrap .op-title{display: block;width: 100%;position: absolute;text-align: center;top: 45%;margin-top: -55px;}
.op-wrap .op-title h3{position: relative;display: inline-block;max-width: 90%;padding: 0px 0;z-index: 100;color: #fff;font-size: 40px;letter-spacing: .5px;}
.map-area{width:100%;height:500px;margin:50px 0 50px 0;}
.box01 {border:0px solid #999;padding:25px 0 20px 0;margin:40px 0 0 0;text-align:center;background-color:#555;}

@media (min-width: 500px) and (max-width: 767px) {
.visual-main01{position:absolute;top:0;left:50%;width:700px;height:300px;margin-left:-350px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual01.jpg);background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:700px;height:300px;margin-left:-350px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual02.jpg);background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:700px;height:300px;margin-left:-350px;background-image:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual03.jpg);background-size:100%;}
}
@media (max-width: 499px) {
.visual-main01{position:absolute;top:0;left:50%;width:360px;height:300px;margin-left:-180px;background:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual01.jpg) -20px 0px;background-size:160%;}
.visual-main02{position:relative;top:0;left:50%;width:360px;height:300px;margin-left:-180px;background:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual02.jpg) -130px 0px;background-size:160%;}
.visual-main03{position:relative;top:0;left:50%;width:360px;height:300px;margin-left:-180px;background:url(http://mfactory10.cafe24.com/bizdemo30109/img/main/visual03.jpg) -40px 0px;background-size:160%;}
}

#history-box{width:100%;margin:20px 0 0 0;color:#eee;padding:40px 0 20px 40px;}
#history-box dl{font-weight:normal;clear:both;border-top:0px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;clear:both;text-align:left;font-weight:bold;font-size:1.8em;padding:3px 50px 5px 0;font-family:Arial, Helvetica, sans-serif;}
#history-box dd{float:left;text-align:left;padding:5px 0 5px 0;}
#history-box dd ul li{text-align:left;padding:5px 0 0px 0;}
#history-box dd .num{padding:0 20px 0 0;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}

#history-box01{width:100%;margin:20px 0 0 0;}
#history-box01 dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box01 dl.noline{border:none;}
#history-box01 dt{clear:both;text-align:left;font-weight:bold;font-size:2.8em;padding:50px 0 50px 0;}
#history-box01 dd{text-align:left;padding:0 0 30px 0;}
#history-box01 dd .num{padding:0 20px 0 0;}
#history-box01 dd .year{margin:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}

#square_box02{float:left;width:100%;padding:5px 0 5px 0;margin:0 30px 30px 0;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;}
#square_box02 h4{font-size:1.4em;color:#e52c29;padding:0 14px 5px 14px;text-align:left;}
#square_box02 h5{color:#787878;padding:0 12px 10px 14px;font-weight:lighter;text-align:left;}

#footer-wrap01{width:100%;height:80px;position:relative;clear:both;padding:20px 0 0 0;background-color:#222;}
.footer01{height:80px;margin:0 auto;padding:20px 0 0 0;}
#footer-wrap02{width:100%;height:80px;position:relative;clear:both;padding:20px 0 0 0;margin:80px 0 0 0;background-color:#222;}
.footer02{height:80px;margin:0 auto;padding:20px 0 0 0;}
.footer-logo{width: 25%;position:relative;top:25px;}
.personal-link{position:relative;top:-5px;left:245px;}
.personal-link .plink01{text-decoration:none;font-size:12px;text-align:left;color:#f1f1f1;}
.personal-link .plink02{text-decoration:none;font-size:12px;text-align:left;color:#f1f1f1;}
.personal-link .plink03{text-decoration:none;font-size:12px;text-align:left;color:#f1f1f1;}
.personal-link .line{font-size:11px;text-align:left;margin:0 10px 0 10px;color:#f1f1f1;position:relative;top:1px;}
.address{position:relative;top:0;color:#cccccc;font-size:0.9em;font-weight:bold;margin:5px 0 0 0;}
.copy{text-align:center;color:#999;font-size:0.8em;font-family:Arial, Helvetica, sans-serif;}
.policy{text-align:center;color:#bbb;font-size:0.84em;margin:0 0 8px 0;}
.policy a:link{color:#bbb;}
.policy a:visited{color:#bbb;}
.policy a:hover{color:#fff;}
.policy-line{color:#777;font-size:10px;margin:0 7px 0 7px;}
.family-site{position:absolute;right:0;margin:-68px 0 0 0;font-size:11px;}
.famliy-site-link{position:absolute;right:0;margin:-33px 0 0 0;width:126px;border:1px solid #efefef;}
.famliy-site-link a{display:inline-block;width:126px;text-decoration:none}
.famliy-site-link a:hover{background:#efefef;}