@charset "utf-8";

html,body	{width:100%;}
#wrapper	{position:relative; width:100%; background-image:url(../images/main/common/bg.gif);}

/* contents */
#contents.main_cont	{background-color:#f5f5f5;}

/* visual */
.wrap_visual	{margin:50px 0;}
.wrap_visual {float:left; width:745px; height:380px;}
.visual_pager	{float:right;width:235px;margin:50px 0;}
.visual_pager li	{overflow:hidden;width:235px; height:120px; margin-bottom:10px;}
.visual_pager li a.active img	{margin-left:-235px;}


/*common*/
.grid1	{display:block; float:left; width:235px; height:240px; margin-right:20px;}
.grid1.last	{margin-right:0;}
.grid2	{position:relative;display:block; float:left; width:490px; margin-right:20px; margin-bottom:20px; }
.grid2.last	{margin-right:0;}

/*cont01*/
#main_cont01	{padding:50px 0; width:100%; background-color:#fff;}
.latest	{float:left; width:300px; border-right:1px solid #ddd;}
.latest>ul>li	{width:300px;height:26px; overflow:hidden;}
.latest>ul>li a	{padding-left:10px; background:url(../images/main/icon_li.gif) no-repeat left center;}
.latest>ul>li .date	{float:right;}
.latest_no	{padding-right:24px;}
.latest_ex	{padding:0 24px;}
.latest_cl	{padding-left:24px; border:0;}
.set_title	{overflow:hidden; margin-bottom:20px;}
.set_title h2	{float:left; }
.set_title .btn_more	{float:right;}

/* cont02 */
#main_cont02	{padding:50px 0 30px 0; width:100%;}
.quick_list	{overflow:hidden; margin-bottom:20px;}
.quick_list>li	{float:left;width:235px; margin-right:20px;}
.quick_list>li.last	{margin-right:0;}
.quick_list>li .sch	{position:relative; margin-bottom:15px;}
.sch form	{position:absolute; left:20px; bottom:20px;}
.sch form input	{width:190px; height:30px; padding-left:5px; border:1px solid #ddd; border-radius:3px;}
.sch form button	{position:absolute; right:10px;top:7px;}

/* cont03 */
#main_cont03	{padding-bottom:50px;}
#main_cont03>.cont_center	{padding-top:50px;background:url(../images/main/bg_in.png) repeat-x 0 top;}
.in_list {overflow:hidden; border-left:1px solid #ddd;}
.in_list li	{float:left;width:150px; padding:0 22px; border-right:1px solid #ddd;}
.in_list li>a	{display:block; position:relative;width:150px; height:195px; }
.in_list li>a>img	{position:absolute; left:0; top:0;}
.in_list li>a>img.in_on	{opacity:0;}
.in_list li>a>img.in_on.on	{opacity:1;}
.in_list li>a>p	{position:absolute; bottom:0;}