@charset "utf-8";

body.bg {background:#fff;}

#contentsWrap {
	clear:both;
	position:relative;
	margin-bottom:30px;
	width:100%;
	}

#contents {
	position:relative;
	top:100px;
	width:1000px;
	margin:0 auto 100px auto;
	
	}

/* 프리미엄 서브페이지들 */
#sub3_1, #sub3_3 {
	text-align:center;
	background:#fff;
	}

#sub3_2 {
	text-align:center;
	background:#fff;
	}

#sub3_4 {
	text-align:center;
	background:#fff;
	padding-bottom:90px;
	}

#quick {
	position:absolute;
	top:70px;
	right:-154px;
	z-index:99
	}

/* 세대안내 버튼 */
ul.tablist5_1 {
	width:1053px;
	margin:0 auto;
	height:170px;
	}

ul.tablist5_1 li {
	float:left;
	cursor:pointer;
	height:56px;
	}

.bdr1 {
	border-right:1px solid #fff;
	}

.bdb1 {
	border-bottom:1px solid #fff;
	}

.bdb0 {
	border-bottom:0
	}

.pdt33 {
	padding-top:33px;
	}	

ul.tablist5_2 {
	width:1050px;
	margin:0 auto;
	}

ul.tablist5_2 li {
	float:left;
	width:350px;
	cursor:pointer;
	background:#fff;
	}

.innerContents {
	clear:left;
	display:none;
	}

.block {
	display:block;
	}




.submitForm {
	position:absolute;
	top:330px;
	left:110px;
	width:600px;
	text-align:center;
	}

.leftform {
	position:relative;
	float:left;
	width:300px;
	height:100px;
	text-align:right;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
	}

.leftform span {
	color:#B10650;
	}

.leftform input {
	border:1px solid #ddd;
	width:150px;
	height:30px;
	font-size:14px;
	vertical-align:middle;
	}

.rightform {
	position:relative;
	float:left;
	width:150px;
	height:100px;
	margin-left:20px;
	}

.rightform .submitBtn {
	width:150px;
	height:77px;
	background:#B10650;
	border:0;
	color:#fff;
	font-size:18px;
	margin-top:8px;
	cursor:pointer;
	}
	

.navtxt{position:absolute; left:0px; top: 13px; font-size:12px; font-weight:bold; color:#939598;}
.navtxt p{float:left;}

.subTitle {position:relative; width:100%; text-align:center; top:10px;}


.boardWrap {
	position:relative;
	margin-top:35px;
	min-height:500px;
	}
	
	
	/* 하단 사업자정보 */
#footerWrap {
	position:absolute;
	bottom:0;
	width:100%;
	height:114px;
	padding-bottom:0px;
	background:#f2f2f2;
	}


#footer {
	position:absolute;
	top:-45px;
	width:100%;
	margin:0 auto;
	}
	
	


.caption{
width:850px;
margin-top:10px;
padding-left: 13px;
letter-spacing:0.5px;
padding-top:30px;
}

.caption li{
	color:#727272;
height:20px;
line-height:14px;
background: url(../img/sub/bl_caption.gif) 0 0px no-repeat;
padding-left: 20px;
	font-size:12px;
	letter-spacing:-0.5px;
	
}

.caption1{
width:100%;
margin-top:10px;
padding-left:0px;
padding-top:50px;
}

.caption1 li{
	color:#727272;
height:20px;
line-height:14px;
background: url(../images/sub/bl_caption.gif) 0 0px no-repeat;
padding-left: 26px;
	font-size:12px;
	letter-spacing:-0.5px;
}

.caption2{
width:763px;
margin-top:10px;
padding-left:15px;
padding-top:10px;
}


.caption2 li{
	color:#727272;
height:20px;
line-height:14px;
background: url(../img/sub/bl_caption.gif) 0 0px no-repeat;
padding-left: 26px;
	font-size:12px;
}

#tbl_product{
border-left:1px solid #6A6467;
border-top:1px solid #6A6467;
font-size:12px;
margin:0 auto;
}

#tbl_product td{
text-align:center;
border-right:1px solid #6A6467;
border-bottom:1px solid #6A6467;

margin:0px 0px 0px 0px;
padding:0px;
height:23px;
}

#tbl_product .td1{
text-align:center;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;

margin:0px 0px 0px 0px;
padding:0px;
height:10px;
}




#tbl_product1{
border-left:1px solid #a2a2a2;
border-top:1px solid #a2a2a2;
font-size:12px;
margin:0 auto;
}

#tbl_product1 td{
text-align:center;
border-right:1px solid #a2a2a2;
border-bottom:1px solid #a2a2a2;
line-height:20px;
margin:0px 0px 0px 0px;
padding:0px;
height:30px;
}
#tbl_product1 .td1{
text-align:center;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;

margin:0px 0px 0px 0px;
padding:0px;
height:10px;
}


.tbl_introduce{
width: 100%;
border-top: 2px solid #0659ac;
border-collapse: collapse;
	margin-top:20px;
	font-size:14px;
	color:#686868;
	
}

.tbl_introduce th{

font-size: 14px;
color: #464646;
text-align: center;
line-height: 15px;
padding: 10px 0;
background:#f5f5f5;
	border-bottom: 1px solid #dddddd;
width:120px;
}
.tbl_introduce td{
border-bottom: 1px solid #dddddd;
font-size:14px;
text-align:center;
height:50px;
text-align: left;
	padding-left:20px;
	color:#464646;
}

.tbl_introduce td .etc{
border-bottom: 1px solid #dddddd;
font-size:14px;
text-align:center;
height:50px;
text-align: left;
	padding-left:20px;
	color:#464646;
}



���ô±�

.roadmapWrap{
position: relative;
width:815px;
top: 30px;
left:0px;
}

.roadmapInfoWrap{
position: relative;
float:right;
top: 0px;
left: 0;
margin:0;padding:0px;
}


.roadmapInfo{

width: 283px;

padding: 0;
border: 0px solid #dcdcdc;
text-align: left;
height:420px;

}

.roadmapWrap ul{
position: relative;
width:100%;
border-bottom: 1px solid #dcdcdc;
font-size:12px;
margin-top:5px;
margin-bottom:10px;
padding-bottom:9px;

}

.roadmapWrap ul .se{
position: relative;
width:100%;
border-bottom: 1px solid #dcdcdc;
font-size:12px;
margin-top:5px;
margin-bottom:10px;
padding-bottom:50px;

}

.roadmapWrap ul li{
padding:0px 0 9px 10px;
}
.h100{height:80px;
text-align:left;
color:#808080;
}


.h101{
color:#808080;
}

.roadmapWrap img.tit{
margin-top:10px}

.roadmapWrap dl{position:relative;width:400px;}

.roadmapWrap dd,.roadmapWrap dt{float:left;padding:0 0 0 5px;width:70px;line-height:16px;padding:0 0 10px 0; letter-spacing:-0.2px;}
.roadmapWrap dd {clear:both;font-weight:bold;width:50px;color:#000;}
.roadmapWrap dt {width:205px;}

.roadmapWrap img.btn{margin-left:-10px;margin-top:13px;
}
.roadImg{position:absolute;
left:0px;
border: 0px solid #dcdcdc;
width:514px;
height:500px;
padding-bottom:100px;
}


�Խ���

.descriptionList {position:relative; height:100%;}
.descriptionList dt {position:relative; height:40px; line-height:40px; border-bottom:1px solid #d1d1d1; background:url('../images/common/bg_question_off.png') 128px 50% no-repeat; }


.pos-box {position:relative; padding-left:-20px; min-height:400px;}
.pos-box .list-total {margin-top:20px;}

.tb-list {width:98%; 0 0 no-repeat;}
.apart #contents>.pos-box>.tb-list { 0 0 no-repeat;}
.tb-list thead {border:3px solid #AEA190; *height:44px; *line-height:44px;}
.tb-list > *{background:none;}
.tb-list thead th {font-size:13px; color:#5B4D41; text-align:center; line-height:38px; background: url('../images/common/bg_tblist_thead_th.png') 0 50% no-repeat;}
.tb-list thead th:first-child {background:none;}
.tb-list tbody td {font-size:12px; color:#737373; text-align:center; border-bottom:1px solid #D1D1D1; padding:9px 0; line-height:22px;}
.tb-list tbody td.subject {padding-left:20px; text-align:left; color:#333;}
.tb-list tbody td.subject a:hover, .tb-list tbody td.subject a:active {text-decoration:underline;}
.tb-list tbody td.no-data {text-align:center; font-weight:normal; padding:30px 0; color:#737373; font-family:'Nanum Gothic'; font-size:14px; color:#333;}
.tb-list tbody td.no-data .bdbox {margin:0 50px;}
.tb-list tbody td.no-data .lst-dot li {font-weight:normal;}
.tb-list tbody td a {color:#333;}


/*paginate*/
.paginate{padding:25px 0 0; text-align:center}
.paginate a,.paginate strong{font-size:12px; display:inline-block; position:relative; width:22px; height:22px; line-height:22px; overflow:hidden; color:#666; margin:0 1px; border:1px solid #E6E6E6;}
.paginate strong{color:#a18569; border-color:#a18569;}
.paginate a.pre {background:url('../images/sub/ago.png') no-repeat; border:1px solid #E6E6E6; margin:0 1px; color:#FFFFFF;}
.paginate a.next {background:url('../images/sub/next.png') no-repeat; border:1px solid #E6E6E6; margin:0 1px; color:#FFFFFF;}
.paginate a.first {background:url('../images/sub/first.png') no-repeat; border:1px solid #E6E6E6; margin:0 1px; color:#FFFFFF;}
.paginate a.end {background:url('../images/sub/end.png') no-repeat; border:1px solid #E6E6E6; margin:0 1px; color:#FFFFFF;}
.paginate .pre,.paginate .next, .paginate .first, .paginate .end {display:inline-block; position:relative; text-inden;t:-9999px; border:none; margin:0; }
.paginate a.pre,.paginate a.next{color:#565656}

.searchBox {background-color:#ffffff; text-align:center; *height:30px; padding:18px; margin:40px 0;}
.searchBox * {vertical-align:top;}
.searchBox .iTxt {width:254px; padding:6px 0; margin-right:2px; height:16px; line-height:16px;}
.searchBox select {width:94px; height:30px; line-height:30px; padding:2px 0; text-indent:0}


.list-total {color:#776A5C; font-size:12px; line-height:35px;}
.list-total strong.num {font-size:14px; font-weight:bold;}


.descriptionHead {overflow:hidden; height:13px; padding:13px 0 12px 0; border:3px solid #aea190;}
.descriptionHead .disTitle {float:right; width:648px; font-size:13px; color:#5b4d41; text-align:center;}
.descriptionHead .disTitle2 {float:right; width:878px; font-size:13px; color:#5b4d41; text-align:center;}
.descriptionHead .viewTitle {padding:0 20px; font-size:14px; color:#5B4D41;}


.descriptionInfor {border-bottom:1px solid #D1D1D1; padding:10px 25px; overflow:hidden;}
.descriptionInfor span {height:15px; line-height:15px; float:right; color:#5B4D41; font-size:12px;}
.descriptionInfor span:first-child {float:left;}
.descriptionInfor span.term {float:left; margin-left:70px;}
.descriptionInfor span strong {background:#FFF url('../images/contents/bg_writer_bar.png') 0 50% no-repeat; padding-left:8px; margin-left:5px; font-weight:normal; color:#737373;}


.descriptionCont {border-bottom:1px solid #D1D1D1; padding:20px 20px 30px;}
.descriptionCont p {font-size:12px; color:#737373; line-height:20px !important;}



/* button */
.btn-area.bd-line {border-top:1px solid #BDB8B1; padding:10px 0;}
.btn-area.bdb-line {border-bottom:1px solid #BDB8B1; padding-bottom:30px;}
.btn-area.mb-none {margin-bottom:0;}
.btn-area {overflow:hidden; margin:25px 0; text-align:center; padding:0px;}
.btn-area.ar a {text-align:right;}
.btn-area.al a {text-align:left;}
.btn-area a {display:inline-block; margin:0 1px;}


.listArea {height:85px; margin-top:50px; border-top:1px solid #c9c8c8; border-bottom:1px solid #c9c8c8; font-size:12px;}
.listArea .listBox {height:28px; padding:15px 0 0 27px; border-bottom:1px solid #d6d6d6;}
.listArea .listBox01 {height:28px; padding:15px 0 0 27px;}
.listArea .listArr-up {display:inline-block; width:60px; margin-right:25px; background:url('../images/common/listArr_up_s.png') 100% 50% no-repeat;}
.listArea .listArr-down {display:inline-block; width:60px; margin-right:25px; background:url('../images/common/listArr_down_s.png') 100% 50% no-repeat;}

.mt10
{line-height:30px;}




article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
body{
margin:0px;
	padding:0px;
}

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}


audio:not([controls]) {
    display: none;
    height: 0;
}

ul, li{
list-style-type:none;
	padding:0px;
	margin:0px;
	line-height:12px;
}

template {
    display: none;
}



a {
    background: transparent;
	color:#464646;
	text-decoration: none;
}


a:active,
a:hover {
    
	text-decoration: none;
	color:#000;
}



abbr[title] {
    border-bottom: 1px dotted;
}


b,
strong {
    font-weight: bold;
}


dfn {
    font-style: italic;
}


h1,h2,h3,h4 {
    
    margin:0;
	font-weight:normal;
}


mark {
    background: #ff0;
    color: #000;
}


small {
    font-size: 80%;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}



img {
    border: 0;
	margin:0px;
	padding:0px;
}


svg:not(:root) {
    overflow: hidden;
}



figure {
    margin: 1em 40px;
}


hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


pre {
    overflow: auto;
}

/* *


/* *
* Remove most spacing between table cells. */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}

A.roll img { display:inline;} 
A.roll img.over { display:none; } 
A.roll:hover { border:0; }
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline;}


.clear{clear:both;}

.menu_top {overflow:hidden;}
.menu_top > li	{float:left; width:50%; text-align:center; font-size:16px; }
.menu_top > li > a {display:block; height:47px; line-height:35px;  border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-weight:bold; padding-top:13px;background-color:#ffffff;}
.menu_top > li:first-child a{border-left:0; border-left:1px solid #ccc;}
.menu_top > li.active > a{color:#ffffff; border-bottom:0; background-color:#0066b3; border-bottom:1px solid #0066b3; }


.menu_top1 {overflow:hidden;}
.menu_top1 > li	{float:left; width:33%; text-align:center; font-size:16px; }
.menu_top1 > li	.etc{float:left; width:33%; text-align:center; font-size:16px; width:34%; }
.menu_top1 > li > a {display:block; height:47px; line-height:35px;  border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-weight:bold; padding-top:13px;background-color:#ffffff;}
.menu_top1 > li:first-child a{border-left:0; border-left:1px solid #ccc;}
.menu_top1 > li.active > a{color:#ffffff; border-bottom:0; background-color:#0066b3; border-bottom:1px solid #0066b3; }

.menu_top2 {overflow:hidden;}
.menu_top2 > li	{float:left; width:25%; text-align:center; font-size:16px; }
.menu_top2 > li > a {display:block; height:47px; line-height:35px;  border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-weight:bold; padding-top:13px;background-color:#ffffff;}
.menu_top2 > li:first-child a{border-left:0; border-left:1px solid #ccc;}
.menu_top2 > li.active > a{color:#ffffff; border-bottom:0; background-color:#0066b3; border-bottom:1px solid #0066b3; }


.tab {overflow:hidden; padding-top:30px;}
.tab > li	{float:left; width:124px; text-align:center; font-size:18px; padding-right:2px;}
.tab > li	.etc{float:left; width:124px; text-align:center; font-size:18px;padding-right:2px;  }
.tab > li > a {display:block; height:38px; line-height:35px; font-weight:bold; padding-top:5px;background-color:#a0a0a0; color:#ffffff;}
.tab > li:first-child a{border-left:0; border-left:1px solid #ccc;}
.tab > li.active1 > a{color:#ffffff; border-bottom:0; background-color:#8cc63f; }
.tab > li.active2 > a{color:#ffffff; border-bottom:0; background-color:#056839; }
.tab > li.active3 > a{color:#ffffff; border-bottom:0; background-color:#fcb040; }
.tab > li.active4 > a{color:#ffffff; border-bottom:0; background-color:#d91b5c; }
.tab > li.active5 > a{color:#ffffff; border-bottom:0; background-color:#8b5e3b; }
.tab > li.active6 > a{color:#ffffff; border-bottom:0; background-color:#25aae1; }
.tab > li.active7 > a{color:#ffffff; border-bottom:0; background-color:#662d91; }


.tit_sub{
 padding-top:60px; font-size:36px; padding:60px 0 0 0; color:#2e2e2e; letter-spacing:-1pt; font-weight:600;	
	
	}
	
.subimg{
	 position:relative; top:89px; left:0px;  background-image:url(images/sub/sub_bg.jpg); background-position:center; background-repeat:repeat-x; height:206px; text-align:center;margin:0 auto;
	}	
	
#quick_sub {
	position:absolute;
	top:30px;
left:50%;
margin-left:680px;
	z-index:99
	}	
	
a.rollover img { border-width:0px; display:inline; }
a.rollover img.over { display:none; }
a.rollover:hover { border:0px }
a.rollover:hover img { display:none; }
a.rollover:hover img.over { display:inline; }