@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

/*content*/
#content{ width:100%; overflow:hidden;}
#content #con01{width:1000px; margin:0 auto;}
#subtitle{ text-align:center; padding:20px 0; border-bottom:1px solid #ccc;}
#subtitle p{ font-size:16px;}
 #subtitle h2{ font-size:40px; padding-top:5px;}


/*submenu*/
#content #con01 #submenu{ width:210px; float:left;}
#content #con01 #submenu ul{ font-size:18px; text-indent:15px; }
#content #con01 #submenu ul li{ border-bottom:1px solid #ccc;}
#content #con01 #submenu ul li a{  width:210px; padding:15px 0; display:block; }
#content #con01 #submenu ul li a:hover{background-color:#45a847;}
#content #con01 #submenu ul li a:hover{ color:#fff;}
#content #con01 #submenu ul li.listOn{ background-color:#45a847; color:#fff; border-bottom:none;}
#content #con01 #submenu ul li.listOn a{ color:#fff;}

/*submain*/
#submain{ width:740px; float:left; padding-left:50px; padding-top:50px; }
#submain h3{ font-size:23px; padding-bottom:30px;}
#submain h3:before{ content:url("/home_2016/images/common/var.jpg"); display:block;}
#submain h4 img{ vertical-align:middle; display:inline; padding-bottom:5px; padding-right:5px;}

#con0101{ padding-bottom:20px;}
#con0101 table{ padding-bottom:20px; border:1px solid #bbb; }
#con0101 table tr{border:1px solid #bbb;}
#con0101 table tr td{ padding:10px 0; border:1px solid #bbb; }
#con0101 table tr td.pleft{ padding-left:10px; }


#con0201 h4{ font-size:16px; padding-bottom:20px; }
#con0201 #con0201_img{ width:100%; overflow:hidden; }
#con0201 #con0201_img p{ float:left; width:365px;}
#con0201 #con0201_img p.img01{ margin-right:10px; }
#con0201 #con0201_img p img{ width:100%;}

#sub_con03{ width:100%; text-align:center; padding:30px 0;}
#sub_con03 #con0301{ width:538px; overflow:hidden; margin:0 auto;}
#sub_con03 p{ float:left;}
#sub_con03 p.img0301{ margin-right:10px;}