@charset "utf-8";
/* CSS Document */

#srh_bg {display: block; position: relative; width: 100%; min-height: 285px; background: url("/res/img/srh_frm_bg.gif"); overflow: hidden}
#srh_bg #srh_wrap {position: relative; display: block; width: 1200px; height: 100%; margin: 0 auto; padding-top: 135px; overflow: hidden; text-align: center}
#srh_bg #srh_wrap #rpath_area {position: relative; width: 1190px; height: 30px; text-align: right; padding: 10px 10px 0 0; font-weight: bold; color: #000; letter-spacing: -1px}
#srh_bg #srh_wrap #rpath_area a {font-size: 11px;color: #999; font-weight: normal; letter-spacing: 0}
#srh_bg #srh_wrap #rpath_area a:hover, #content #rpath a:focus {font-size: 11px; color: #000; text-decoration: underline}
#srh_bg #srh_wrap #rpath_area img {vertical-align: middle}
#srh_bg #srh_wrap #srh_area {display: block; position: relative; width: 100%; overflow: hidden; text-align: center; z-index: 8}
#srh_bg #srh_wrap #srh_area img {vertical-align: middle}
#srh_bg #srh_wrap #srh_area #frm_area {position: relative; width: 578px;  padding-top: 30px; margin: 0 auto}
#srh_bg #srh_wrap #srh_area #frm_area ul {overflow: hidden}
#srh_bg #srh_wrap #srh_area #frm_area ul li {float: left; padding: 0}
#srh_bg #srh_wrap #srh_area #frm_area li input[type="text"] {width: 380px; height: 25px; color: #333; border: 5px solid #666699; padding: 5px; font-family: "NanumGothicExtraBold"; font-size: 18px; background: #fff}
#srh_bg #srh_wrap #srh_area #frm_area div.desc {position: relative; display: block; font-family: "NanumGothicExtraBold"; font-size: 13px; color: #666666; line-height: 20px; padding-top: 10px; padding-left: 98px; text-align: left;}
#srh_bg #srh_wrap #srh_area #frm_area div em {font-family: "NanumGothicExtraBold"; font-size: 16px; color: #666699}
#srh_btm {display: block; position:relative; width: 100%; height: 15px; background: url("/res/img/srh_btm_bg.png") repeat-x; margin-top: -15px}

#rlt_bg {display: block; position: relative; width: 100%; overflow: hidden; margin-bottom: 30px}
#rlt_bg #rlt_wrap {position: relative; display: block; width: 1200px; margin: 0 auto; min-height: 400px; padding-top: 20px}
#rlt_bg #rlt_wrap div.rlt_area {position: relative; display: block; padding: 30px 70px 30px 70px; overflow: hidden; border-bottom: 1px solid #e0e0e0}
#rlt_bg #rlt_wrap div.rlt_area img {vertical-align: middle}
#rlt_bg #rlt_wrap div.rlt_area div.prodimg {position: relative; display: block; float: left; width: 140px; height: 95px; border: 5px solid #e2e2e2; background: url("/res/img/srh_rlt_dftimg.gif") center no-repeat}
#rlt_bg #rlt_wrap div.rlt_area div.prodinfo1 {position: relative; display: block; float: left; width: 895px; min-height: 105px; padding-left: 15px}
#rlt_bg #rlt_wrap div.rlt_area div.prodinfo2 {position: relative; display: block; float: left; width: 1045px; min-height: 105px; padding-left: 15px}
#rlt_bg #rlt_wrap div.rlt_area div.proddepth {position: relative; width: 100%; font-family: "NanumGothic"; font-size: 13px; color: #666; font-weight: bold; line-height: 24px}
#rlt_bg #rlt_wrap div.rlt_area div.proddepth a {color: #666}
#rlt_bg #rlt_wrap div.rlt_area div.proddepth a:hover, #rlt_bg #rlt_wrap div.rlt_area div.proddepth a:focus {color: #ff6600; text-decoration: underline}
#rlt_bg #rlt_wrap div.rlt_area div.prodtitle {position: relative; width: 100%; font-family: "NanumGothicExtraBold"; font-size: 28px; line-height: 44px}
#rlt_bg #rlt_wrap div.rlt_area div.prodtitle a {color: #666699}
#rlt_bg #rlt_wrap div.rlt_area div.prodtitle a:hover {color: #ff6600; text-decoration: underline}
#rlt_bg #rlt_wrap div.rlt_area div.proddesc {position: relative; width: 100%; font-size: 12px; line-height: 18px}
#rlt_bg #rlt_wrap div.rlt_area div.proddesc a {color: #999}
#rlt_bg #rlt_wrap div.rlt_area div.proddesc a:hover {color: #999; text-decoration: underline}

#rlt_bg #rlt_wrap #no_data {position: relative; display: block; width: 1000px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 30px 70px 50px 70px; text-align: center; padding: 30px}
#rlt_bg #rlt_wrap #no_data img {margin-bottom: 20px}
#rlt_bg #rlt_wrap #no_data p {font-family: "NanumGothic"; font-size: 14px; color: #666699; line-height: 20px}

#rlt_bg #rlt_wrap #pgidx_wrap {position: relative; display: block; width: 100%; margin-bottom: 50px; overflow: hidden; margin-top: 20px}
#rlt_bg #rlt_wrap #pgidx_wrap ul {margin: 0 auto; text-align: center}
#rlt_bg #rlt_wrap #pgidx_wrap ul li {display: inline-block; text-align: center; margin: 0 5px 0 5px}
#rlt_bg #rlt_wrap #pgidx_wrap ul li a {display: block; width: 100%; height: 26px; width: 34px; height: 26px; border: 3px solid #e0e0e0; font-family: "NanumGothicExtraBold"; font-size: 14px; color: #999; padding-top: 8px}
#rlt_bg #rlt_wrap #pgidx_wrap ul li a.act {height: 26px; width: 32px; height: 27px; border: 4px solid #e0e0e0; font-size: 18px; color: #666699; padding-top: 5px; border-color: #666699} 
#rlt_bg #rlt_wrap #pgidx_wrap ul li a:hover, #rlt_bg #rlt_wrap #pgidx_wrap ul li a:focus {height: 26px; width: 32px; height: 27px; border: 4px solid #e0e0e0; font-size: 18px; color: #666699; padding-top: 5px; border-color: #666699}