@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:27px; padding-bottom:20px;}
#submain h3:before{ content:url("/home_2016/images/common/var.jpg"); display:block;}
#submain h4{ font-size:16px; padding-bottom:10px; padding-top:10px; color:#45a847; font-weight:700;  }
#submain h4 img{ vertical-align:middle; display:inline; padding-bottom:5px; padding-right:5px;}

#submain #sub_con01 p{ font-size:14px; padding-bottom:20px; line-height:19px;}

#sub_con01{ padding-bottom:20px; }

#sub_con01 #con0101 p{ padding-left:15px;}
#sub_con01 #con0101 #con0101_img{ width:740px;overflow:hidden;}
#sub_con01 #con0101 #con0101_img p{ padding-left:0; float:left; text-align:center; width:350px; padding-left:15px;}
#sub_con01 #con0101 #con0101_img p img{ width:100%; margin-bottom:10px; }

#sub_con01 #con0102 p{ padding-left:15px;}
#sub_con01 #con0102 #con0102_img{ width:740px; overflow:hidden;}
#sub_con01 #con0102 #con0102_img p{ padding-left:0; float:left; text-align:center; width:353px; height:245px; padding-left:15px;}
#sub_con01 #con0102 #con0102_img p img{ width:100%; margin-bottom:10px; }

#submain #sub_con02 p{ font-size:14px; padding-bottom:20px; line-height:19px;}

#sub_con02{ padding-bottom:20px; }

#sub_con02 #con0201 p{ padding-left:15px;}
#sub_con02 #con0201 #con0201_img{ width:740px;overflow:hidden;}
#sub_con02 #con0201 #con0201_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con02 #con0201 #con0201_img p img{ width:100%; margin-bottom:10px; }

#sub_con02 #con0202 p{ padding-left:15px;}
#sub_con02 #con0202 #con0202_img{ width:740px;overflow:hidden;}
#sub_con02 #con0202 #con0202_img p{ padding-left:0; float:left; text-align:center; width:353px; height:210px; padding-left:15px;}
#sub_con02 #con0202 #con0202_img p img{ width:100%; margin-bottom:10px; }

#sub_con02 #con0203 p{ padding-left:15px;}
#sub_con02 #con0203 #con0203_img{ width:740px;overflow:hidden;}
#sub_con02 #con0203 #con0203_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con02 #con0203 #con0203_img p img{ width:100%; margin-bottom:10px; }

#submain #sub_con03 p{ font-size:14px; padding-bottom:20px; line-height:19px;}

#sub_con03{ padding-bottom:20px; }

#sub_con03 #con0301 p{ padding-left:15px;}
#sub_con03 #con0301 #con0301_img{ width:740px;overflow:hidden;}
#sub_con03 #con0301 #con0301_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con03 #con0301 #con0301_img p img{ width:100%; margin-bottom:10px; }

#sub_con03 #con0302 p{ padding-left:15px;}
#sub_con03 #con0302 #con0302_img{ width:740px;overflow:hidden;}
#sub_con03 #con0302 #con0302_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con03 #con0302 #con0302_img p img{ width:100%; margin-bottom:10px; }

#sub_con03 #con0303 p{ padding-left:15px;}
#sub_con03 #con0303 #con0303_img{ width:740px;overflow:hidden;}
#sub_con03 #con0303 #con0303_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con03 #con0303 #con0303_img p img{ width:100%; margin-bottom:10px; }

#sub_con03 #con0304 p{ padding-left:15px;}
#sub_con03 #con0304 #con0304_img{ width:740px;overflow:hidden;}
#sub_con03 #con0304 #con0304_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con03 #con0304 #con0304_img p img{ width:100%; margin-bottom:10px; }

#submain #sub_con04 p{ font-size:14px; padding-bottom:20px; line-height:19px; }

#sub_con04{ padding-bottom:20px; }

#sub_con04 #con0401 p{ padding-left:15px;}
#sub_con04 #con0401 #con0401_img{ width:740px;overflow:hidden;}
#sub_con04 #con0401 #con0401_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con04 #con0401 #con0401_img p img{ width:100%; margin-bottom:10px; }

#sub_con04 #con0402 p{ padding-left:15px;}
#sub_con04 #con0402 #con0402_img{ width:740px;overflow:hidden;}
#sub_con04 #con0402 #con0402_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con04 #con0402 #con0402_img p img{ width:100%; margin-bottom:10px; }

#sub_con04 #con0403 p{ padding-left:15px;}
#sub_con04 #con0403 #con0403_img{ width:740px;overflow:hidden;}
#sub_con04 #con0403 #con0403_img p{ padding-left:0; float:left; text-align:center; width:353px; padding-left:15px;}
#sub_con04 #con0403 #con0403_img p img{ width:100%; margin-bottom:10px; }

#submain #sub_con05 p{ font-size:14px; padding-bottom:20px; line-height:19px; }

#sub_con05 #con0501 p{ padding-left:15px;}
#sub_con05 #con0501 #con0501_img{ width:740px;overflow:hidden;}
#sub_con05 #con0501 #con0501_img p{ padding-left:0; float:left; text-align:center; width:353px; height:230px; padding-left:15px;}
#sub_con05 #con0501 #con0501_img p img{ width:100%; margin-bottom:10px; }