@charset "utf-8";
@import "common.css";

body {background:url('/images/main_bg.jpg');}

#grid1 {float:left;width:66%;min-width:300px;}
#grid1 #visualBanner {width:710px;height:380px;}
#grid1 #visualBanner ul{}
#grid1 #grid1-1,
#grid1 #grid1-2 {float:left;width:50%;min-width:300px;padding-bottom:60px;}
#grid3 {position:absolute;left:710px;width:33%;min-width:300px;}
#grid1 #grid1-1 h2,
#grid1 #grid1-2 h2,
#grid3 h2{margin:40px 20px 0 20px;padding-bottom:4px;font-family:roboto, "Malgun Gothic", "맑은 고딕";font-size:15px;font-weight:bold;color:#ed455f;border-bottom:1px solid #443322;}
#grid1 #grid1-1 .img,
#grid1 #grid1-2 .img,
#grid3 .img {border:1px solid #e5e5e5;font-size:0;}
#grid1 #grid1-1 .img img,
#grid1 #grid1-2 .img img,
#grid3 .img img {width:100%;}
#grid1 #grid1-1 dl,
#grid1 #grid1-2 dl,
#grid3 dl {color:#3c493c;letter-spacing:-1px;}
#grid1 #grid1-1 dl dt h3,
#grid1 #grid1-2 dl dt h3,
#grid3 dl dt h3 {margin:20px 20px 0 20px;}
#grid1 #grid1-1 dl dd,
#grid1 #grid1-2 dl dd,
#grid3 dl dd{margin:10px 20px 0 20px;}
#grid1 #grid1-1 dl dd.small,
#grid1 #grid1-2 dl dd.small,
#grid3 dl dd.small{font-family:roboto;letter-spacing:0;color:#b3aeaa;}
#grid1 #grid1-1 dl dd.small a,
#grid1 #grid1-2 dl dd.small a,
#grid3 dl dd.small a{color:#b3aeaa;}
#grid3 .banner {margin:20px 20px 0 20px;}
#grid3 .portfolio {border:1px solid #e5e5e5;}
#grid3 .portfolio dt {padding:4px 10px 5px 10px;background:#3c493c;color:#fff;font-weight:bold;}
#grid3 .portfolio dt span.url a{float:right;font-family:roboto;letter-spacing:0;color:#fff;font-weight:normal;}
#grid3 .portfolio dd {margin:0;font-size:0;}
#grid3 .portfolio dd img{width:309px;}