/************************************************************
*   LINK
************************************************************/
* { box-sizing: border-box;}
body, h1, h2, h3, ul, p, dl, dt, dd { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; }
/************************************************************
*   NAVI
************************************************************/

/*gnb*/
#sub-page-gnb { position : relative; width : 1024px; height : 110px; border : 1px solid transparent; text-transform : uppercase; }
#sub-page-gnb .main_logo { display: block;
    width: 141px; height: 29px; position: absolute;
    top: 50px; left: 50px; } 

#sub-page-gnb .navi { display : flex; justify-content : space-around; margin : 60px 0 0 240px; text-align : center; } 
#sub-page-gnb .navi li { position : relative; }
#sub-page-gnb .navi>li a { font-size : 12px; color : #000; font-weight : 600; }
#sub-page-gnb .navi>li a:hover { font-size : 12px; color : #d5000c; transition : 0.3s; }
#sub-page-gnb .navi .sub_navi { display : flex; position : absolute; left : -70px; top : 25px; border : 1px solid #d5000c; padding :2px 0px; background : #fff;}
#sub-page-gnb .navi li:nth-of-type(3) .sub_navi { left : -255px;}
#sub-page-gnb .navi .sub_navi li a { color : #878787; font-weight : 600; font-size : 10px; white-space: nowrap; padding : 3px 15px;  }
#sub-page-gnb .navi .sub_navi li a:hover { font-size : 10px; background : #d5000c; color : #fff;}
#sub-page-gnb .relationship { display : flex; position : absolute; right : 0; top : 10px;} 
#sub-page-gnb .relationship li { position : relative; }
#sub-page-gnb .relationship li a { color : #666; margin : 0 10px; font-size : 10px; font-weight : 600; }
#sub-page-gnb .relationship li:after { content : ""; display : block;position : absolute; width : 3px; height : 3px; border-radius : 50%; background : #666; top : 6; right : 0px;}
#sub-page-gnb .relationship li:last-child:after { display : none;} 

/*lnb*/
#sub-page-lnb { float : left; width : 202px; height : 700px;}
#sub-page-lnb h2 { font-size : 30px; color : #d5000c; text-transform : uppercase; margin : 0px 0 0 31px;}
#sub-page-lnb h2 span { font-size : 30px; display : block; color : #d5000c; transform: translate(-7px,14px); }
#sub-page-lnb ul { margin-left : 0px; transform: translateY(-6px); border-top : 1px solid #d5000c; padding-left : 32px; }
#sub-page-lnb ul li { text-transform : uppercase; background : #b3b3b3; width : 170px; height : 15px; line-height : 15px; margin-bottom : 3px; }
#sub-page-lnb ul li:hover { background : #d5000c; transition : 0.3;}
#sub-page-lnb ul li a { display : block; color : #fff; padding-left : 10px; font-weight : 600; font-size : 12px; width : 170px; height : 15px;}

.content { margin-left : 225px;}
.content .slogan_title { position : relative; width : 789px; height : 129px;  }
.content .slogan_title>img { position : absolute; bottom : 0; right :0;}
.content .route { position : relative; width : 789px; height : 43px;  }
.content .route>img { position : absolute; top : 0; right :20px;}
.content .massage_tit { margin-left : 12px;}
.content .massage { position : relative; width : 789px; text-align : right; margin-top : 20px;}

.tab_btn { display : flex; justify-content : right; margin-bottom : 15px;  }
.tab_btn li a { display : block; width : 92px; height : 25px; background : #b3b3b3;color : #fff; font-size : 14px; text-align : center; line-height : 25px; font-weight : 600;}
.tab_btn li a.on { background : #d90f1b; }

.tab_box { display : none; }
.tab_box.on { display : block; }
.tab_wrap>li p { display : flex; justify-content : right; }
.tab_wrap>li p a { display : block; position : relative; width : 550px; height : 38px; right : 0; font-size : 14px; font-weight : 600; border-top : 1px solid #d5000c;  line-height : 38px; padding-left : 15px;}
.tab_wrap>li:last-child p a { }
.tab_wrap>li p a:after { content:""; display : block; position : absolute; width : 10px; height : 6px; background : url(../images/group/tab-down.jpg) no-repeat; right : 15px; top : 14.5px;  }
.tab_wrap>li:last-child p a:after { display : none; }
.tab_wrap>li>img { float : left; transform : translateY(-50px); }
.tab_wrap>li:nth-of-type(1)>p>a { color : #d5000c; }
.tab_wrap>li:nth-of-type(2)>p>a { color : #ff6e0c;  }
.tab_wrap>li:nth-of-type(3)>p>a { color : #ffba00; }
.except { display : none!important;}
.border-except { border-bottom : 1px solid #d5000c;  }

.tab_wrap .years { padding : 20px 0 20px 220px; display : none; }
.tab_wrap .years.on { display : block; }
.tab_wrap .years dl { color : #888;  }
.tab_wrap .years dl dt { font-size : 14px; font-weight : 700; }
.tab_wrap .years dl dd { position : relative;  transform : translateY(-4px); padding-left : 50px;}
.tab_wrap .years dl dd:before { content : ""; display : block; position : absolute; width : 6px; height : 5px; background : url(../images/group/tab-right.jpg) no-repeat; left: 40px; top: 5px; }



/************************************************************
*  history 연혁
************************************************************/



/************************************************************
*   TAG
************************************************************/
body, html { margin: 0; padding: 0; width: 100%; height: 100%; }
form,option,select,textarea,br,td,div,span,pre,blockquote,center	{ font : 11px Tahoma; color : #707070; }
option.site,select.site { font : 11px Tahoma; color : #707070;}

table { border-collapse: collapse; }
p, form { margin: 0; margin: 0; }
textarea { border: solid 1px #636363; background-color: #000000;  font : 12px/18px Tahoma;} 

img { border: none; }

input.text { font : 11px/ Tahoma; color : #CFCFCF ; margin: 0; padding: 0; border: 1px solid #656565; background-color: #000000; }



/* Common ****************************************************
**************************************************************/

.tableBody { width: 1024px; margin: 0; padding: 0; }
.tableCont { width: 744px; margin: 0; padding: 0; }
.top_a_link { position: relative; top: 5px; right: 33px; text-align: right; margin: 0; padding: 0; z-index: 100; }

.footer { clear : both; margin-left : 10px;  }





/* press ***************************************
**************************************************************/

/* press */
#board_tx { font: 11px Tahoma; color: #909090;}
#board_img { margin: 0; padding: 0; display: block; }
#board_btn { float: right; margin-top: 20px; padding: 0; display: block; height: ;}

/* etc */
#etc { background: #000000 url('/static/images/common/board_bg.gif') left top; padding: 15px 16px 0 16px;  height: 303px; }
*html #etc {width:100%; height: 317px;}
.tit { height: 37px; vertical-align: top; }

#step01 { float: left; margin: 0; padding: 0; width: 191px; }
	#step01 dl { margin: 0; padding: 0 5px; width: 100%; }
	#step01 dt { float: left; margin: 0; padding-top: 3px; width: 160px; }
	#step01 dd { float: left; margin: 0; padding: 0; text-align: right; height: 21px; }
	#step01 img { display: block; } 

#step02 { float: left; margin: 0; padding: 0; width: 272px; }
	#step02 dl { margin: 0; padding: 0 8px; width: 100%; }
	#step02 dt { float: left; margin: 0; padding-top: 3px; width: 60px; }
	#step02 dd { float: left; margin: 0; width: 190px; height: 21px; }
	#step02 img { display: block; } 

#step03 { float: left; margin: 0; padding: 0; width: 386px; }
	#step03 dl { margin: 0; padding: 0 8px; width: 100%; }
	#step03 dt { float: left; margin: 0; padding-top: 3px; width: 63px; }
	#step03 dd { float: left; margin: 0; width: 307px; height: 21px; }
	#step03 dd.textarea { float: left; margin: 0; width: 307px; height: 190px; }
	#step03 img { display: block; } 

#dotLine { float: left; background: url('/static/images/common/bg_dotline.gif') repeat-y top center; margin: 0; padding: 0; width: 34px; height: 262px; }

/* contact us */
#contactus { background: #000000 url('/static/images/common/board_bg.gif') left top; padding: 29px 16px 29px 40px;  height: 370px; }
#contactus_img { margin: 0; padding: 0; display: block; }
#contactus_btn { margin-top: 17px; padding: 0; display: block; height: ; width: 685px; text-align: right; }



/* 2Depth. 단지/세대정보   /complex/ ***************************************
**************************************************************/

/* portfolio */
#portfolio { background-color: #E8131A; padding: 0px; margin: 0px; width: 100%; height: 306px; }
	#logo { position: absolute; margin: 0; padding: 0; text-align: right; right: 39px; }
	*html #logo { width: 100%; }
	#pofolimg { float: left; padding: 2px; margin: 0; height: 302px; }
	#pofolData { float: left; padding: 12px 0px 10px 12px; width: 455px; }
	#pofolData dl { font: 11px/16px 돋움; color: #CFCFCF; width: 455px; margin: 0; height: 239px; }
	*html #pofolData dl { font: 11px/16px 돋움; color: #CFCFCF; width: 455px; margin: 0; height: 237px; }
	#pofolData dt { float: left; width: 55px; margin: 0; }
	#pofolData dd { float: left; width: 390px; margin: 0; height: 17px; }
	#pofolData dd.client { font-weight: bold; }

#imgList { margin: 0; padding: 0; }
#imgList ul { list-style: none; margin: 0; padding: 0; }
#imgList li { float: left; margin: 0; padding: 0; padding-right: 5px; }
#imgList li.img { background: url('/static/images/common/bg_listImg.gif') no-repeat; display: block; padding: 1px; width: 43px; height: 43px; margin-right: 5px; }
#imgList li.btn { padding: 26px 0 0 5px; display: block; }

.lineH25 { height: 25px; }



/* 3Depth. 입지특성  /location/ ***************************************
**************************************************************/

/* List */

/* view */



/* 4Depth. 상품특성 /only/ ****************************************
**************************************************************/
.icon { vertical-align: middle; margin-bottom: 1px; }

/* List */

/* View */



/* 5Depth. 래미안이야기 /why_raemian/ ****************************************
**************************************************************/

/* 왜 래미안인가 : why_raemian.jsp */

/* 래미안 분양 뉴스 : raemian_news_list.jsp */
/* List */
.list { width: 705px; }
.list th { background: url('../images/why_raemian/tbl_th.gif') repeat-x; height: 30px; font: 10px Arial; color: #B2ADA5; padding-top: 2px; }
.list th.thL { background: url('../images/why_raemian/tbl_thL.gif') no-repeat; width: 77px; }
.list th.thR { background: url('../images/why_raemian/tbl_thR.gif') no-repeat; width: 95px; }
.list th.title { width: 404px; padding-left: 15px; }
.list th.bar { background: url('../images/why_raemian/tbl_thBar.gif') no-repeat; width: 1px; }
.list th.date { width: 113px; }
.list td { text-align: center; font: 10px Arial; color: #B2ADA5; padding-top: 4px; }
.list td.title { padding: 6px 0 0 7px; text-align: left; }
.list td.title a { font: 12px 굴림; color: #787878; text-decoration: none; }
.list td.title a:hover { font: 12px 굴림; color: #787878; text-decoration: none; }
.list td.line { background: url('../images/why_raemian/tbl_line.gif') no-repeat; height: 1px; }

/* View */
.view { width: 705px; margin-bottom: 18px; }
.view th { background: url('../images/why_raemian/tbl_th.gif') repeat-x; height: 30px; font: 10px Arial; color: #B2ADA5; padding-top: 3px; }
.view th.thL { background: url('../images/why_raemian/tbl_thL.gif') no-repeat; width: 66px; padding-left: 11px; }
.view th.thR { background: url('../images/why_raemian/tbl_thR.gif') no-repeat; width: 95px; padding-left: 1px; }
.view th.title { padding: 4px 0 0 7px; font: 12px 굴림; color: #787878; text-align: left; width: 412px; }
.view th.bar { background: url('../images/why_raemian/tbl_thBar.gif') no-repeat; width: 1px; }
.view th.date { width: 113px; margin-left: 1px; }
.view td.line { background: none; height: 2px; }
.view td { background: url('../images/why_raemian/tbl_td.gif') repeat-y; width: 638px; padding: 18px 34px 47px 34px; font: 12px/14px 굴림; color: #787878; }

#btn_list_area { position:relative; top: 0px; left: 0px; z-index: 100; }
#btn_list { position:absolute; top: -35px; right: 18px; margin: 0; padding: 0; height: 27px; z-index: 100; }

/* Paging */
.paging { height: 42px; padding-bottom: 5px; text-align: center; vertical-align: bottom; }
.paging td.prev { width: 18px; }
.paging td.next { width: 18px; text-align: right; }
.paging td.paging_here { font: bold 10px Arial; color: #00878A; }
.paging a { font : 10px Arial; color: #B2ADA5; text-decoration: none; padding-right: 2px; }
.paging a:hover { font : bold 10px Arial; color: #00878A; text-decoration: none; padding-right: 2px; }
.paging img { vertical-align: middle; margin: 2px 1px 2px 1px; }



/* 6Depth. E-모델하우스 /vr/ ****************************************
**************************************************************/



/* Div *****************/
.ifrmae_color	{	scrollbar-3d-light-color:#D6D5D5;
							scrollbar-arrow-color:#D6D5D5;
							scrollbar-base-color:#D6D5D5;
							scrollbar-darkshadow-color:#D6D5D5;
							scrollbar-face-color:#FFFFFF;
							scrollbar-highlight-color:#FFFFFF;
							scrollbar-shadow-color:#FFFFFF;
							scrollbar-track-color:#FFFFFF;
							border : none;
						}


#histxt16bi{ font-family: helvetica; font-size:16pt; color: #888888; font-weight: bold; font-style:italic;}
#histxt9  { font-family: helvetica; font-size:9pt; color: #888888; }

#afftxt9b{ font-family: helvetica; font-size:9pt; color: #333333; font-weight: bold;}
#afftxt9 { font-family: helvetica; font-size:9pt; color: #787878;}