/* CSS Document */
/* 공통부분 */
html,body { margin:0 ; padding:0;}
body { font-size:12px; font-family: 돋움, dotum,  "NanumGothic",굴림, dotum, Vertical, Arial; color:#555555;}

table { border-collapse: collapse;}
fieldset, img { border:0px;}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul {list-style:none;}
hr { display:none;}

a:link {text-decoration:none; color:#555555;}
a:visited {color:#555555; text-decoration:none;}
a:hover {color:#f8a607; text-decoration:none;}

.clear {clear:both;}

/* 전체영역 */
#Container {width:995px; margin:auto;}
/* 헤더영역 */
#Header {width:100%; height:170px;}
#Logo {float:left; width:180px; padding:25px 0px 0px 0px;}
#Top_Area {float:right; width:760px;}
#Call {padding:25px 0px 0px 290px;}
#Call li {float:left;}

/* 네비게이션 */
.menu {clear:both; background:#f6f5f5; border-bottom:1px solid #a87fa8;border-top:1px solid #a87fa8; width:995px; height:40px; margin-left:-235px; margin-top:30px;}
.menu ul {width:995px; padding:12px 0px 0px 0px; margin:0px 0px 0px 5px; }
.menu li {float: left; position:relative; z-index:1; padding-left:40px;}
.menu li img {vertical-align: top;}
.menu a {padding: 0px 0px 0px; text-decoration:none !important; margin-bottom:-1px; float:left; position:relative; cursor:pointer;}


a.rollover img {border-width:0px; display:inline;}
a.rollover img.over {display: none;}
a.rollover:hover {border: 0px currentColor;}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}

/* 메인영역 */
#Con_m01 {border:1px solid  #dddddd; clear:both; width:992px; height:305px; margin-top:20px;}
#Con_m02 {clear:both; width:100%; height:204px; border:1px solid  #dddddd; margin:20px 0px 20px 0px;}
#Con_m03 {clear:both; width:100%; height:86px; border:1px solid  #dddddd; margin:20px 0px 20px 0px;}
#Con_m04 {clear:both; width:100%; height:204px; border:1px solid  #dddddd;}

/* 상담신청 */
#Counsel {width:379px; height:305px; background:url(../img/1/counsel_bg.png) no-repeat;float:left;}
#Counsel_form {float:left; width:450px; }
#Counsel_form ul {padding:130px 0px 0px 86px;}
#Counsel_form li {padding-top:5px;}

.tel {width:53px; height:20px; }
.counsel_btn {float:left; width:76px; padding:8px 0px 0px 100px;}
.box0 { width:200px; height:20px; padding-top:10px; font-size:14px; text-align:center; color:#756f6f; font-family:돋움, dotum;}
#Counsel_form2 {float:left; width:250px; padding:5px 0px 0px 80px; font-size:12px; font-family: 돋움, dotum, "NanumGothic",굴림, gulim, Vertical, Arial; color:#5a5757; font-weight:bold;}

/* 이벤트 */
#Event {float:left; width:610px;}

/* 배너01 */

#j_ban01 li {float:left; padding:0px; width:248px;}
#j_ban01 li.j_bg {background:url(../img/1/j_ban04_bg.png) no-repeat; width:251px; height:204px;}
#j_ban01 li.j_bg p { padding-top:40px; padding-left:120px;}
#j_ban01 li.j_bg h1 {padding-top:20px; padding-left:20px;}


/* 테마별가입노하우 */
#knowhow h2 {float:left; padding:25px 0px 0px 25px;}
#knowhow ul {float:left;}
#knowhow li {float:left; padding:20px 0px 0px 30px;}

/* 배너02 */

#j_ban02 li {float:left; padding:0px; margin:0px; width:249px;}
#j_ban02 li.j_s {width:248px;}

/* 푸터영역 */
#Footer {width: 995px; height: 70px; margin: 50px auto 0 auto; padding-top:10px; font-size:11px; color:#555555; overflow: hidden; }
#Footer h2 {float:left; padding:0px 50px 20px 100px;}
#Footer ul {float:left; padding-top:10px; line-height:140%; letter-spacing:200%;}
.b_line {font-size:10px;}

/* 메인푸터영역 */
#Footer2 {padding-top:25px; padding-left:120px; font-size:11px; color:#555555;}
#Footer2 h2 {float:left; padding:0px 50px 20px 100px;}
#Footer2 ul {float:left; padding-top:10px; line-height:140%; letter-spacing:200%;}
.b_line {font-size:10px;}

/* 롤링배너 */
.slides2{position:relative;width:991px}
.slides2 .slide{ overflow:hidden; position:relative; width:991px; height:328px}
.slides2 .slide li{display:block;width:991px;height:328px}
.slides2 .slide li a{display:block}
.slides2 .page{z-index:100;position:absolute;bottom:20px;right:20px; height:12px;list-style:none}
.slides2 .page li{display:inline;_display:inline;margin:0 1px; _zoom:1; float:left;}
.slides2 .page li a{display:block;overflow:hidden;width:12px;height:12px;border:0px solid #e7e7e7;background:#cccccc;color:#ffffff;font-family:돋움, dotum, Verdana,Geneva,sans-serif; font-size:11px; line-height:12px; text-align:center; text-decoration:none; padding-top:3px;}
.slides2 .page li a:hover{text-decoration:none}
.slides2 .page li.current a{border:0px solid #6d9506;background:#ff0000;color:#fff;font-weight:bold;text-decoration:none}