@charset "utf-8";

/* 사이트에 대한 부분 코딩 */

/* 전체 */
#wrapper {width:100%;letter-spacing:-0.5px;}


/* Top_GNB영역 */
header {width:100%;}

header .ico_inquiry {position:relative; width:990px; margin:0 auto; z-index:100;}
header .ico_inquiry img {position:absolute; right:48px; top:109px;}

header .header_top {position:relative; width:990px; height:120px; margin:0 auto; }
header .header_top h1 {padding-top:44px; text-align:center;}
header .header_top .mnb_area {position:absolute; width:158px; height:15px; top:74px; right:0;}
header .header_top .mnb_area li {float:left; padding-left:10px; margin-left:10px; background:url("../images/common/bg_mnb_divbar.gif") no-repeat 0 4px;}
header .header_top .mnb_area li a {color:#888; letter-spacing:0;}
header .header_top .mnb_area li.first {padding-left:0;margin-left:0;background:none;}

header #gnb_area {height:54px; background:url("../images/common/bg_gnb.gif") repeat-x;}
header #gnb_area .gnb {position:relative; width:990px; height:54px; margin:0 auto;  z-index:5;}
header #gnb_area .gnb ul {}
header #gnb_area .gnb > ul > li {float:left; width:165px; line-height:20px;}
header #gnb_area .gnb > ul > li > a {display:block; padding:17px 0 16px 0; font-size:17px; font-weight:bold; color:#fff; text-align:center;}
header #gnb_area .gnb > ul > li > a:hover {background:url("../images/common/bg_gnb_over.gif") no-repeat;}

header #gnb_area .gnb .gnb_sub {display:none; position:absolute; width:168px; padding:10px 15px 5px 15px; border:1px solid #fd7305; background:url("../images/common/bg_gnb_on.png") no-repeat center 0; background-color:#fff;}
header #gnb_area .gnb .gnb_sub li {border-bottom:1px solid #e0e0e0;}
header #gnb_area .gnb .gnb_sub li a {display:block; width:100%; background-color:#000; padding-left:13px; line-height:39px; font-size:14px; color:#505050;  background:url("../images/main/bullet_gray_inquiry.gif") no-repeat  5px center;}
header #gnb_area .gnb .gnb_sub li a.txt_black {font-size:15px; color:#222;}
header #gnb_area .gnb .gnb_sub li a.txt_orange {color:#ff7507;}
header #gnb_area .gnb .gnb_sub li a:hover {color:#ff7507;}
header #gnb_area .gnb .gnb_sub li.last {border:0;}

header #gnb_area .gnb > ul > li:hover .gnb_sub {display:block;}


/* Container_layout */
#container {height:auto !important; min-height:100%; margin-bottom:50px;}
#container .contents {width:1100px; margin:0 auto;}
#container .contents.m_t50 {margin-top:50px;}

/* Container_layout_Main */
#container .mainvisual {width:100%; height:400px; margin-bottom:30px;background-color:#f7f7f7;}

#container .contents .leftbanner {float:left; width:230px; height:498px; margin-right:15px;}
#container .contents .shoppingmall {float:left; width:745px; height:500px; border-bottom:1px solid #d5d5d5;}
#container .contents .mydesign {width:990px; height:822px; margin-top:40px; border-bottom:1px solid #d5d5d5;}

#container .contents .title {height:29px; border-bottom:2px solid #6f6f6f;}
#container .contents .title .l_title {float:left; display:inline-block; vertical-align:middle; font-size:17px; color:#333;}


/* Footer */
footer {width:100%; clear:both; height:170px; background:url("../images/common/bg_footer.gif") repeat-x;}

footer #footer_area {position:relative; width:990px; margin:0 auto;}

#footer_area .etcmenu {position:absolute; font-size:13px; right:0px; top:13px;}
#footer_area .etcmenu li {float:left; padding-left:24px; margin-left:24px; background:url("../images/common/bg_footer_divbar.gif") no-repeat 0 3px;}
#footer_area .etcmenu li a {color:#d9d9d9;}
#footer_area .etcmenu li.first {padding-left:0;margin-left:0;background:none;}

#footer_area .copyright {position:absolute; top:68px; width:715px;}
#footer_area .address {position:absolute; top:-2px; left:210px; font-size:12px; color:#a2a2a2; line-height:140%;}

#footer_area .certify {position:absolute; width:315px; height:38px; top:68px; right:0; }
#footer_area .certify li {float:left; padding-left:24px; margin-left:24px;}
#footer_area .certify li.first {padding-left:0;margin-left:0;background:none;}

/* Quick Menu 오른쪽 스크롤바*/
#sidemenu {position:absolute; z-index:2000; width:0px; height:0px;top:160px;left:50%;margin-left:550px;} /*z-index원래 2000이였음*/
#sidemenu .right .quick_area .quick {width:78px; height:360px; border:1px solid #dedede;}
#sidemenu .right .quick_area .quick li {height:91px; background:url("../images/common/bg_quick_line.gif") no-repeat 0 bottom;}
#sidemenu .right .quick_area .quick li.last {background:none;}
#sidemenu .right .quick_area .top {width:80px; height:15px; margin-top:1px;}

/* Main_Visual */
.visual_area {position:relative; width:990px; height:400px; margin:0 auto; background-color:#fec3c5; z-index:1;}
.visual_area .arrow_left {position:absolute; top:162px; left:20px; cursor: pointer; z-index:2;}
.visual_area .bx-prev{display:block;}
.visual_area .bx-next{display:block;}
.visual_area .arrow_right {position:absolute; top:162px; right:20px; cursor: pointer; z-index:2;}
.visual_area .mask {position:absolute; width:100%; height:400px; overflow:hidden; background-color:#000;}
.visual_area .mask .visual {position:absolute; width:100%; height:400px;}

/* Main_leftbanner */
.leftbanner .customer {width:230px; height:304px; margin-bottom:30px; border-bottom:1px solid #d5d5d5;}

.leftbanner .customer .inquiry {height:108px; margin-top:21px;}
.customer .inquiry .inquiry_num {position:relative; height:60px; background:url("../images/main/bg_inquiry_number.gif") no-repeat;}
.customer .inquiry .inquiry_num ul {position:absolute; left:72px; width:158px;}
.customer .inquiry .inquiry_num ul li.number{width:158px; font-size:28px; /*font-weight:bold;*/ color:#f87710;}
.customer .inquiry .inquiry_time {height:48px;}
.customer .inquiry .inquiry_time ul {width:216px; margin:0 0 0 14px;}
.customer .inquiry .inquiry_time ul li{padding:0 0 0 7px; margin:0 0 5px 0; background:url('../images/main/bullet_gray_inquiry.gif') no-repeat left 7px}

.leftbanner .customer .account {height:136px; background-color:#f5f5f5;}
.customer .account .account_con {float:left; width:191px; height:97px; margin:19px;}
.customer .account .account_con h3 {font-size:15px; /*font-weight:bold;*/ color:#b07342;}
.customer .account .account_con .num {height:46px; margin-top:13px;}
.customer .account .account_con .num .bank {position:relative; height:20px; background:url("../images/main/NH_bank.gif") no-repeat;}
.customer .account .account_con .num .bank p {position:absolute; left:20px; padding-left:65px; padding-top:2px;}
.customer .account .account_con .num .bank p span {color:#E8C100;}
.customer .account .account_con .num .bank_number {width:191px; height:32px; padding-top:10px; font-size:18px; /*font-weight:bold;*/ color:#474646;}
.customer .account .account_con .btn {height:24px;}
.customer .account .account_con .btn ul {}
.customer .account .account_con .btn ul li {float:left;}
.customer .account .account_con .btn ul li.p_l06 {padding-left:6px;}

.leftbanner .parcel {width:230px; height:165px; border-bottom:1px solid #d5d5d5;}
.parcel .parcel_con {position:relative; width:230px; height:124px; margin-top:10px; background:url("../images/main/bg_parcel.gif") no-repeat;}
.parcel .parcel_con ul {position:absolute; top:5px; left:80px; width:151px; height:119px;}
.parcel .parcel_con ul li {margin:0 0 8px 0; color:#777;}
.parcel .parcel_con ul li span {font-size:14px; /*font-weight:bold;*/ color:#f87710;}

/* Main_Flower Shop 쇼핑몰 */
.shoppingmall .shopping_area {position:relative; width:745px; height:446px; margin-top:21px;}

.shopping_area .gold {position:absolute; left:15px; width:221px; height:446px;}
.shopping_area .premium {position:absolute; left:262px; width:221px; height:446px;}
.shopping_area .platinum {position:absolute; right:15px; width:221px; height:446px;}

.shopping_area .thumbnail {position:absolute; width:221px; height:323px;}
.shopping_area .thumbnail p.icon {position:absolute; right:0; top:232px;}
.shopping_area .thumbnail .img_thum {position:absolute; width:209px; height:283px; background-color:#000; border:1px solid #e4e4e4;}

.shopping_area .txt {position:absolute; top:305px; width:210px; height:143px; margin-left:11px;}
.shopping_area .txt .title_area {height:18px; margin-bottom:5px;}
.shopping_area .txt .title_area .gold_title {font-size:17px; /*font-weight:bold;*/ color:#e8a400;}
.shopping_area .txt .title_area .premium_title {font-size:17px; /*font-weight:bold;*/ color:#0ca1b8;}
.shopping_area .txt .title_area .platinum_title {font-size:17px; /*font-weight:bold;*/ color:#fd6805;}

.shopping_area .txt .icon_area {height:16px; margin-bottom:16px;}
.shopping_area .txt .icon_area ul {}
.shopping_area .txt .icon_area li {float:left; padding-left:3px;}
.shopping_area .txt .icon_area li.icon_first {padding-left:0;margin-left:0;background:none;}

.shopping_area .txt .price {height:16px; margin-bottom:12px; font-size:17px; color:#3c3c3c;}
.shopping_area .txt .txt_area {height:58px; color:#858585; line-height:18px;}
.shopping_area .txt .txt_area span {font-size:14px; /*font-weight:bold;*/ color:#e84400;}

/* Main_My Design 선택하기 */
.mydesign .mydesign_area {width:990px; height:752px; margin-top:21px;}
.mydesign .mydesign_area .box {position:relative; width:990px; height:425px;  #e8e8e8; margin-bottom:10px; background-color:#fff;}

.mydesign_area .box .img_area {position:absolute; width:990px; height:250px; top:26px; left:21px;}
.mydesign_area .box .img_area .title_area {height:40px; padding-left:24px;}
.mydesign_area .box .img_area .title_area .gold_title {font-size:17px; /*font-weight:bold;*/ color:#e8a400;}
.mydesign_area .box .img_area .title_area .premium_title {font-size:17px; /*font-weight:bold;*/ color:#0ca1b8;}
.mydesign_area .box .img_area .title_area .platinum_title {font-size:17px; /*font-weight:bold;*/ color:#fd6805;}

.mydesign_area .box .img_area .img_con {position:absolute; width:775px; height:500px;}
.mydesign_area .box .img_area .img_con .move_left {position:absolute; top:120px; left:0; cursor: pointer;}
.mydesign_area .box .img_area .img_con .move_right {position:absolute; top:120px; right:0; cursor: pointer;}
.mydesign_area .box .img_area .img_con .mask {position:absolute; width:725px; height:300px; left:24px; overflow:hidden;}
.mydesign_area .box .img_area .img_con .mask .thum_area {position:absolute; width:4040px; height:300px;}
.mydesign_area .box .img_area .img_con .mask .thum_area li {float:left; width:240px; height:200px; margin-left:5px; text-align:center;}
.mydesign_area .box .img_area .img_con .mask .thum_area li.first {}
.mydesign_area .box .img_area .img_con .mask .thum_area .img {width:220px; height:265px; border:1px solid; #e4e4e4;}
.mydesign_area .box .img_area .img_con .mask .thum_area .url a {font-size:12px; color:#858585;}
.mydesign_area .box .img_area .img_con .mask .thum_area .name a {font-size:12px; /*font-weight:bold;*/ color:#514f4f;}

.mydesign_area .box .btn_area {position:absolute; width:110px; height:300px; top:50px; right:40px; background-color:#f2f2f2;}
.mydesign_area .box .btn_area .request {position:absolute; width:88px; height:76px; top:44px; left:12px;}
.mydesign_area .box .btn_area .request p.add {position:absolute; width:88px; height:76px; top:160px;}


/* Container_layout_Sub */
#container .contents .snb {float:left; width:200px; margin-right:20px;}
#container .contents .sub_con {float:left; width:770px;}

/* Sub_SNB */
.snb h2 {height:50px; line-height:49px; font-size:17px; /*font-weight:bold;*/ color:#3d3d3d; border-bottom:2px solid #6f6f6f;}
.snb ul {padding:20px 0;}
.snb ul li {font-size:14px; border-bottom:1px solid #e5e5e5; background: url("../images/sub/bullet_snb.gif") no-repeat 8px center;}
.snb ul li.last {border-bottom:0;}
.snb ul li a {display:block; line-height:350%; padding-left:25px; color:#505050;}
.snb ul li a:hover {/*font-weight:bold;*/ color:#fff; background: url("../images/sub/bullet_snb_on.gif") no-repeat 8px center; background-color:#ff8b2f;}
.snb ul li a.on {/*font-weight:bold;*/ color:#fff; background: url("../images/sub/bullet_snb_on.gif") no-repeat 8px center; background-color:#ff8b2f;}

/* Sub_Content_img 타이틀 */
.img_title {height:272px; border-bottom:2px solid #e6e6e6; margin-bottom:50px; background-color:#f9e4ac;}
.img_title img {height:272px;}

/* Sub_Content_텍스트 타이틀 */
.txt_title {font-size:17px; padding:15px 0 20px 0; /*font-weight:bold;*/ background:url('../images/sub/bg_title_bar.gif') no-repeat 0 top;}

/* Sub_Content_기본혜택서비스 */
.service { margin-bottom:50px;}
.service .box {position:relative; width:767px; height:241px; border:1px solid #d5d5d5;}
.service .box ul {}
.service .box ul li {float:left; width:191px; height:241px; text-align:center; border-right:1px solid #e4e4e4;}
.service .box ul li.last {border:0;}

.service .box ul li.pg {height:241px; background:url('../images/sub/bg_service_pg.gif') no-repeat;}
.service .box ul li.mobile {height:241px; background:url('../images/sub/bg_service_mobile.gif') no-repeat;}
.service .box ul li.discount {height:241px; background:url('../images/sub/bg_service_discount.gif') no-repeat;}
.service .box ul li.ing {height:241px; background:url('../images/sub/bg_service_ing.gif') no-repeat;}

.service .box ul li dl {position:relative; width:191px; top:130px;}
.service .box ul li dl dt {font-size:17px; /*font-weight:bold;*/ color:#ff9743; line-height:15px; margin-bottom:18px;}
.service .box ul li dl dd {color:#858585;}

/* Sub_Content_쇼핑몰서비스 상세테이블 */
.service_table {margin-bottom:20px;}
.service_table .type_list {margin-bottom:45px;}

.service_table .title_area {position:relative; height:90px; margin-bottom:10px;}
.title_area ul li dl {position:absolute; top:20px; left:105px;}
.title_area ul li dl dt {height:30px; line-height:30px;}
.title_area ul li dl dd .btn {display:inline-block; margin-left:10px;}

.title_area .gold {height:90px; background:url('../images/sub/icon_table_gold.gif') no-repeat 10px top;}
.title_area .gold dl dt {font-size:19px; /*font-weight:bold;*/ color:#e8a400;}
.title_area .gold dl dd {color:#bc9e56;}

.title_area .premium {height:90px; background:url('../images/sub/icon_table_premium.gif') no-repeat 10px top;}
.title_area .premium dl dt {font-size:19px; /*font-weight:bold;*/ color:#0ca1b8;}
.title_area .premium dl dd {color:#5b9da7;}

.title_area .platinum {height:90px; background:url('../images/sub/icon_table_platinum.gif') no-repeat 10px top;}
.title_area .platinum dl dt {font-size:19px; /*font-weight:bold;*/ color:#fd6805;}
.title_area .platinum dl dd {color:#d4985e;}

.title_area .mobile {height:90px; background:url('../images/sub/icon_table_mobile.gif') no-repeat 10px top;}
.title_area .mobile dl dt {font-size:19px; /*font-weight:bold;*/ color:#649e1f;}
.title_area .mobile dl dd {color:#7ba34b;}

.service_table .type_list .con_table {border-top:#6f6f6f 2px solid; background-color:#fff;}
.service_table .type_list .con_table th {width:190px; padding:10px 0 10px 30px; font-size:14px; color:#ff7609; font-weight:normal; text-align:left; vertical-align:middle; border-bottom:1px solid #e8e8e8;}
.service_table .type_list .con_table td {padding:15px 0 15px 30px; color:#858585; border-bottom:1px solid #e8e8e8; line-height:160%;}
.service_table .type_list .con_table td.price {font-size:17px; color:#3c3c3c;}

/* Sub_Content_쇼핑몰 분양문의 */
.shopping_parcel {height:188px;}

.shopping_parcel .banner {width:768px; height:108px; border:1px solid #e9e9e9; background:url('../images/sub/bg_request_call.gif') no-repeat 95% 50%; background-color:#f9f9f9; margin-bottom:20px;}
.shopping_parcel .banner ul {width:580px; height:62px; margin:30px 0 0 43px;}
.shopping_parcel .banner ul li {font-size:13px; line-height:30px; color:#939393;}
.shopping_parcel .banner ul li.request {width:532px; line-height:25px; font-size:19px; color:#3c3c3c;}
.shopping_parcel .banner ul li.request span {font-size:28px; /*font-weight:bold;*/ color:#f87710; margin-left:10px;}
.shopping_parcel .btn {height:58px; text-align:center;}

A:link { text-decoration:none; color: #4C4C4C;}
A:visited { text-decoration:none; color: #4C4C4C;}
A:active { text-decoration:none; color: 00448B;}
A:hover {color: d74a07; text-decoration:none;}

/*고객센터 글쓰기*/
.style1 {
	font-family:Gulim;
	color: #4C4C4C;
	font-weight: bold;
	font-size: 12px;
}
.style2 {
	font-family:Gulim;
	color: #5F5F5F;
	font-size: 12px;
}
.style3 {
	font-family:Gulim;
	color: #000000;
	font-size: 12px;
}

.style5 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	font-family: Gulim;
	font-variant: normal;	
}

.style99 {
	font-size: 12px; 
	font-weight: bold;
	color: #666666; 
}


.style_01 {
	font-family:Gulim;
	color: #757575;
	font-weight: bold;
	font-size: 12px;
}
.style_02 {
	font-family:Gulim;
	color: #666666;
	font-size: 12px;
}

.style10{
	font-family:Gulim;
	font-size:14px;
	text-align:left;
	width:50%;
	padding:10px 0px;
}

.style11{
	font-family:Gulim;
	font-size:14px;
	text-align:left;
	width:50%;
	padding:10px 0px;
}
.tddd {height:40px;vertical-align:middle}