/* 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:155px; background:url(../img/top/head_bg.png) repeat-x top;}
#Logo {float:left; width:180px; padding:20px 0px 0px 0px;}
#Top_Area {float:right; width:760px;}
#Call {padding:20px 0px 0px 95px;}
#Call li {float:left;}

/* 네비게이션 */
.menu {clear:both; background:url(../img/top/topm_bg.png) repeat-x; width:995px; height:43px; margin-left:-235px;
margin-top:15px; margin-bottom:25px;}
.menu ul {width:995px; padding:12px 0px 0px 0px; margin:0px 0px 0px 30px; }
.menu li {float: left; position:relative; z-index:1; padding-left:80px;}
.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 {clear:both; width:100%; height:310px; border:1px solid #dddddd; }
#Con_m02 {clear:both; width:100%; height:145px; border:1px solid #dddddd; margin:25px 0px 25px 0px;}
#Con_m03 {clear:both; width:100%;  margin:20px 0px 20px 0px;}
#Con_m04 {clear:both; width:100%; height:206px; border:1px solid  #dddddd;}

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

.tel {width:53px; height:25px; }
.counsel_btn {float:left; width:76px; padding:8px 0px 0px 65px;}
.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 60px; font-size:12px; font-family: 돋움, dotum, "NanumGothic",굴림, gulim, Vertical, Arial; color:#5a5757; font-weight:bold;}

/* 가격배너 */
#price_ban li {float:left; width:31%; padding:17px 0px 15px 20px; border-right:1px solid #dddddd;}
#price_ban li.lastChild {border-right:none;}

/* 배너02 */
#j_ban02 li {float:left; padding:0px; margin:0px; width:249px; height:206px;}
#j_ban02 li.j_s {width:248px;}

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

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

/* 롤링배너영역 */
#rolling {float:left; width:657px; height:312px; padding:0px; margin:0px;}

/* 슬라이드쇼 */

		#feature_list {width:657px; height:312px; overflow:hidden; position:relative;}
        #feature_list h2 {padding:5px 0px 0px 45px;}
		#feature_list ul {position: absolute; top:10px; list-style:none; padding:0; margin:0;}

		#tabs {left:10px;  z-index:2; width:220px; height:290px; background:#fff; float:right; border-right:1px solid #d3d1d1;}
        #tabs li {font-size:16px; width:220px; height:60px; font-family:"NanumGothic"; font-weight:bold; border-top:1px solid #d3d1d1; display:inline-block;}
        #tabs li a {color:#222; text-decoration:none; display:inline-block; width:252px; height:64px; cursor:pointer;}
        #tabs li a.current {background: url('../img/1/feature-tab-current.png'); color:#FFF; width:252px; height:64px; display:inline-block;}
        #tabs li a.current:hover {display:inline-block; width:252px; height:64px;}
        #tabs h3 {margin:0; padding:0px; font-size:18px;text-transform:uppercase; font-weight:bold;}
		#tabs .smalltype {margin:0; padding:0px; font-size:16px;text-transform:uppercase; font-weight:bold; }
		#tabs .smalltype2 {letter-spacing:-2px;}
		#tabs .smalltype3 {padding-left:18px;}
		#tabs_left {float:left; font-size:30px; font-family:"NanumGothic"; font-weight:bold; padding:13px 5px 0px 10px;}
		#tabs_right {float:left; padding-top:10px;}
		
		#output {right:0; width:440px; position:relative; background:#fff; }
        #output li {position:absolute; width:430px; height:290px;}
        #output li a {position:absolute;top:0px;right:0px;padding:0px;}
		
/* 공지사항01 */
#Notice01 {float:left; width:290px;position:relative; top:0px; left:0px;}
#Notice01 dt {color:#8b3603; font-size:14px; font-weight:bold; padding-bottom:15px;}
#Notice01 dd { background:url(../img/1/notice_bu.png) left no-repeat; padding:0px 0px 5px 8px; margin-left:-1px;}
.more {position:relative; top:35px; left:250px;}

/* 공지사항02 */
#Notice02 {float:left; width:290px;position:relative; top:0px; left:0px; padding-left:40px;}
#Notice02 dt {color:#8b3603; font-size:14px; font-weight:bold; padding-bottom:15px;}
#Notice02 dd { background:url(../img/1/notice_bu.png) left no-repeat; padding:0px 0px 5px 8px; margin-left:-1px;}
.more2 {position:relative; top:35px; left:250px;}	

/* 실시간상담신청 */
#realtime {width:244px; padding-left:90px; float:left;}