@charset "utf-8"; ul.relation { width:100%; margin-top:30px;}
 ul.relation li { float:left; width:31%; margin-right:2%; margin-bottom:20px;}
 ul.relation li:last-child { margin-right:0;}
 ul.relation li a { display:block; border:1px solid #dedede; text-align:center; height:160px}
 ul.relation li a span { display:block;}
 ul.relation li a span.thumb { margin-top:30px}
 ul.relation li a span.tit { margin-top:30px; height:36px; color:#fff; width:90%; margin-left:5%; line-height:36px;}
 ul.relation li.re_1 a span.tit { background-color:#40a0a6}
 ul.relation li.re_2 a span.tit { background-color:#7ab02d}
 ul.relation li.re_3 a span.tit { background-color:#d76c42}
 ul.relation li.re_4 a span.tit { background-color:#5d55ab}
  .greeting_list { overflow:hidden; }
 .greeting_list .g_left { width:70%; float:left; }
 .greeting_list .g_left .tit { background:url("/contents/1/greeting_tit.jpg") no-repeat; display:block; width:521px; height:95px; text-indent:-99999px; }
 .greeting_list .g_left .g_txt_01 { margin-top:20px; font-size:18px; }
 .greeting_list .g_left .g_txt_02 { margin-top:30px;}
 .greeting_list .g_right { width:26%; float:right; }
 .g_name { display:block; float:right; }
  .history { width:100%; background:url("/contents/207/nanum_bg1.gif") no-repeat right top; display:block; margin-top:40px;}
 .history .year { display:block; margin-bottom:40px;}
 .history h4.h_tit { display: inline-block; width:100px; height:36px; color:#fff; text-align:center; background:#2970cf; padding:0; margin:0; line-height:36px;vertical-align: top;}
 .history ul.h_list {display: inline-block; margin-left:50px; width: 770px;}
 .history ul.h_list li { margin:5px 0 15px 0; background:url("/contents/207/nanum_bg3.gif") no-repeat 0 10px; padding-left:12px;}
 .history ul.h_list li span.date { font-weight:400; color:#000; margin-right:10px;width: 12%;display: inline-block; vertical-align: top;}
 .history ul.h_list li span.txt {width: 80%; display: inline-block;}