/*ÀÌ¿ë¾à°ü µîÀÇ ÄÁÅÙÃ÷ ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ*/
.text_cont {
  width:100%;
  height:850px;
  padding:10px;
  font-size:12px;
} 

.text_cont2 {
  width:100%;
  height:600px;
  padding:10px;
  font-size:12px;
}



/*¸ÞÀÎ ½½¶óÀ̵å ÆùÆ®º¯°æ*/
.myeongjo { 
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:48px;
  line-height:1.2em !important;
  text-align:center;
}

.tp-bullets { z-index:90 !important; }


/*¸ÞÀÎ ¸Þ´º*/
.nav {  text-align:center; }
.nav > li > a { 
  padding-left:50px !important;
  padding-right:50px !important;
  font-size:16px;
  font-weight:600;
}
.nav-pills > li {
  float:none !important;
  display:inline-block;
}




/*¸ÞÀÎ ºê·£µå ¹è³Ê*/
.brandBox h2 {
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:34px;
  line-height:1.2em !important;
  letter-spacing:-0.06em;
}
.brandBox .mbrandBann { /*ºê·£µå¹è³Ê1*/
  display:block;
  width:100%; 
  height:auto; 
  min-height:390px; 
  color:#fff;
  background:url('../img/images/mainbrand_bann1.jpg') no-repeat; 
  background-size:100% auto;
}
.brandBox .mbrandBann2 { /*ºê·£µå¹è³Ê2*/
  display:block;
  width:100%; 
  height:auto; 
  min-height:390px; 
  color:#fff;
  background:url('../img/images/mainbrand_bann2.jpg') no-repeat; 
  background-size:100% auto;
}
.brandBox .mbrandBann3 { /*ºê·£µå¹è³Ê3*/
  display:block;
  width:100%; 
  height:auto; 
  min-height:390px;
  color:#fff; 
  background:url('../img/images/mainbrand_bann3.jpg') no-repeat; 
  background-size:100% auto;
}
.brandBox .mbrandBann span,
.brandBox .mbrandBann2 span,
.brandBox .mbrandBann3 span { display:block; }
.brandBox .mbrandBann span:first-child,
.brandBox .mbrandBann2 span:first-child,
.brandBox .mbrandBann3 span:first-child {
  padding-top:150px;
  padding-bottom:7px;
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:30px;
  letter-spacing:-0.06em;
}
.brandBox a,
.brandBox a:hover { color:#fff !important; } 




/*¸ÞÀÎ º£½ºÆ®¸Þ´º*/
.mainBest h2 {
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:34px;
  line-height:1.2em !important;
}



/*À̺¥Æ® ¹è³Ê*/
.eventBann {
  display:block;
  width:100%; 
  height:auto; 
  min-height:426px; 
  color:#fff;
  background:url('../img/images/event_bann1.jpg') no-repeat; 
  background-size:100% auto;
}
.eventBann p { padding:0 40px; }
.eventBann p:first-child { 
  padding-top:70px;
  margin-bottom:130px;
  font-size:15px;
}
.eventBann p span { 
  display:block;
  padding-bottom:8px;
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:25px;
  line-height:1.2em !important; 
}
.eventBann p strong {
  font-size:20px;
  font-weight:400;
}

.eventBann2 div { padding:0 20px; }
.eventBann2 h2 {
  margin-bottom:12px;
  font-family:'Nanum Myeongjo', serif;
  font-weight:400; 
  font-size:24px;
  line-height:1.2em !important; 
}
.eventBann2 h2 span { color:#ab8b64; }
.eventBann2 p { font-size:15px; }
.eventBann2 p span { font-size:13px; }
.eventBann2 span a { 
  display:block;
  margin-top:20px;
  width:118px;
  height:34px;
  line-height:33px;
  font-size:13px;
  color:#202020;
  text-align:center;
  border:1px #202020 solid;
}
.eventBann2 span a:hover {
  color:#fff;
  background:#202020;
}



/*¸ÞÀÎ À̺¥Æ®SNS*/
.event_sns h3 {
  margin-bottom:10px;
  font-size:28px;
  font-weight:300;
  letter-spacing:-0.08em;
}
.event_sns p { font-size:16px; }
.event_sns span a {
  display:block;
  margin:20px auto 0;
  width:118px;
  height:34px;
  line-height:33px;
  font-size:13px;
  color:#fff;
  text-align:center;
  border:1px #fff solid;
}



/*Äü¸Þ´º ŸÀÌƲ ÆùÆ®º¯°æ*/
.sidepanel-title {
  font-family:'Nanum Myeongjo', serif;
}



/*ÇÏ´Ü*/
#footer .utillMenu { 
  width:100%;
  height:47px;
  background:#808080;
}
#footer .utillMenu .container div ul.nomargin { 
  line-height:47px;
  font-size:12px;
  color:#fff;
}
#footer .utillMenu .container div ul.nomargin a { 
  color:#fff;
   
  font-size:13px;
}
#footer .info span { 
  display:inline-block;
  padding-right:12px;
  line-height:20px; 
  letter-spacing:-0.04em;
}
#footer .info span:last-child { padding-top:7px; }




/*¼­ºê - ÁÂÃø*/
h4.asideNav {
  padding:15px 0;
  font-size:14px;
  font-weight:600;
  text-indent:15px;
  color:#fff !important;
  background:#A94545 !important;  /*»ö»óÅ׸¶°¡ ¹Ù²ð ¶§ ¼öÁ¤Çϼ¼¿ä.*/
}



/*¼­ºê1*/
.sub1Head h3 {
  font-family:'Nanum Myeongjo', serif;
  font-size:26px;
  font-weight:400;
  line-height:1.3em;
}
.sub1Head h3 span {
  display:block;
  font-size:15px;
}
.sub1Head p { font-size:13px; }

.sub1Box { 
  padding-left:0 !important;
  padding-right:0 !important;
}
.sub1Box p span strong { 
  font-size:15px;
  color:#333;
}
.sub1Box p span { 
  display:block;
  font-size:13px;
  color:#666;
}
.sub1Box p span:first-child { padding:12px 0 5px; }

.sub1Client,
.sub1Map { border-top:1px #e0e0e0 solid; }



/*¼­ºê4*/
.sub4Head h3 { border-bottom:1px #3c3c3c solid; }
.sub4Box { 
  padding-left:0 !important;
  padding-right:0 !important;
}
.sub4Box p span strong { 
  font-size:15px;
  color:#333;
}
.sub4Box p span { 
  display:block;
  padding-bottom:8px;
  font-size:13px;
  color:#666;
}
.sub4Box p span:last-child { padding-bottom:15px; }

.tableText { 
  padding:30px 0;
  border-top:2px #3c3c3c solid;
  border-bottom:1px #ddd solid; 
}
.tableText span {
  display:block;
  padding-bottom:5px;
  font-size:13px;
}
.tableText span:last-child { 
  padding-bottom:0;
  color:#b09171;
}
.table-responsive { font-size:13px !important; }
.process-steps li a { 
  padding-left:0 !important;
  padding-right:0 !important;
}
.process-steps h5 { line-height:1.3em; }



.btn-primary { color:#fff !important; }





@media only screen and (max-width: 767px) {

  .myeongjo {
    margin-top:-6% !important;
    font-size:24px !important;
    line-height:1.1em !important; 
  }
  .small_light_white { 
    font-size:13px !important;
    line-height:1.1em !important;
    letter-spacing:-0.07em;
  }

  .brandBox h2,
  .mainBest h2,
  .event_sns h3 { 
    font-size:26px;
  }

  .eventBox,
  .eventBox2 { 
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  #footer .utillMenu .container div ul.nomargin { 
    display:none;
  }
  #footer .mobile-block { 
    margin-bottom:0 !important;
  }

  .sub1Head h3 {
    font-size:23px !important;
  }

}





/*¸ÞÀÎ ºê·£µå ¹è³Ê ¿µ¿ª ¹Ìµð¾îÄõ¸®, ºê¶ó¿ìÀú »çÀÌÁ ¹è³Ê ¸®»çÀÌ¡*/
@media only screen and (min-width: 480px) {
  
  .brandBox .mbrandBann,
  .brandBox .mbrandBann2,
  .brandBox .mbrandBann3 { /*ºê·£µå¹è³Ê*/
    min-height:390px; 
  }
  .brandBox .mbrandBann span:first-child,
  .brandBox .mbrandBann2 span:first-child,
  .brandBox .mbrandBann3 span:first-child {
    padding-top:150px !important;
  }

}



@media only screen and (min-width: 767px) and (max-width: 992px){

  .brandBox .mbrandBann,
  .brandBox .mbrandBann2,
  .brandBox .mbrandBann3 { /*ºê·£µå¹è³Ê*/
    min-height:250px;
  }
  .brandBox .mbrandBann span:first-child,
  .brandBox .mbrandBann2 span:first-child,
  .brandBox .mbrandBann3 span:first-child {
    padding-top:80px !important;
  }

}



@media only screen and (min-width: 993px) and (max-width: 1200px){

  .brandBox .mbrandBann,
  .brandBox .mbrandBann2,
  .brandBox .mbrandBann3 { /*ºê·£µå¹è³Ê*/
    min-height:322px;
  }
  .brandBox .mbrandBann span:first-child,
  .brandBox .mbrandBann2 span:first-child,
  .brandBox .mbrandBann3 span:first-child {
    padding-top:120px !important;
  }



  .eventBann {
    min-height:348px; 
    font-size:13px;
  }
  .eventBann p { padding:0 30px; }
  .eventBann p:first-child { 
    padding-top:50px;
    margin-bottom:60px;
    font-size:13px;
  }
  .eventBann p span { 
    display:block;
    font-size:22px;
  }
  .eventBann p strong {
    font-size:18px;
  }

  .eventBann2 div { padding:0 15px; }
  .eventBann2 h2 {
    margin-bottom:8px; 
    font-size:20px;
  }
  .eventBann2 p { font-size:13px; }
  .eventBann2 p:first-child { margin-bottom:30px !important; }

  .eventBann2 p span { font-size:11px; }
  .eventBann2 span a { 
    margin-top:20px;
    font-size:12px;
  }

}
<head>
   <title>Çس»À½</title> 
   <link rel="canonical" href="http://www.haenaeum.com/article/article1.html">
   <meta name="description" content="Çس»À½, ÀüÅë½ÄÀç·á¿¡ ¸ð´øÀ» ´ã´Ù">
   <meta property="og:type" content="website"> 
   <meta property="og:title" content="Çس»À½">
   <meta property="og:description" content="ÀüÅëÀå·ù ¹× ½ÄÀÚÀç Á¦Á¶ Àü¹® À¯Åë ±â¾÷">
   <meta property="og:image" content="{{$template}}/img/images/main/main s-1.jpg">
   <meta property="og:url" content="http://www.haenaeum.com">

</head>