html, body { margin:0px; padding:0px; font-family:돋움, Dotum,Tahoma; font-size:12px; color: #666; line-height:16px;}
body { background:#efece5 url('http://image.fnckolon.com/suithouse/images/common/bg_body_top.gif') repeat-x left top; overflow:overflow-y;}
* { margin:0px;padding:0px; letter-spacing:-1px;}
img , fieldset { border:0px; }
legend { visibility:hidden; height:0px; width:0px; line-height:0; _text-indent:-10px; font-size:0px; }
table { border-collapse:collapse; }
table td { letter-spacing:0px; }
textarea{ border:1px solid #cccccc; font-family:돋움, Dotum,Tahoma;}
select, input, img { vertical-align:middle; }
ul, ol{list-style-type : none;}
dt, dd, h1 ,h2, h3, h4, h5{ padding:0px; margin:0px; }
a, a:link, a:visited, a:active { color:#666; text-decoration:none; }
a:hover{ color:#333; text-decoration:none; }
table td.tit a:hover { color:#333 !important; letter-spacing:0px; }
table td.tit a, table td.tit a:visited, table td.tit a:active { color:#666; letter-spacing:0px;}
/* input-select */
input { font-size:11px; font-family:dotum; color:#666; letter-spacing:0; border:1px solid #9B9B9B; padding:3px 0 1px 3px; vertical-align:middle; background:#FFF !important; }
select { font-size:11px; font-family:dotum; color:#666; }
input.img { width:auto !important; border:none !important; padding:0 !important; }
input.check { width:auto !important; border:none !important; padding:0 !important; }
input.radio { border:none !important; padding:0 !important; }
table td input, table td select, table td fieldset {margin-top:-3px; }
table td fieldset input, table td fieldset select { margin-top:3px; #margin-top:0; #margin-bottom:2px; }
table td fieldset .orange { font-size:11px; color:#EEA23F; }
fieldset span.dct { margin-left:10px; }
fieldset span.dct03 { margin-left:10px; }
fieldset span.dct02 { margin-left:10px; }
/* layout */
#wrapper { width:950px; margin:0 auto; }
.subNavi {_overflow:hidden;display:line-block;*height:0px;width:100%; position:absolute; top:141px;left:0;background:url(http://image.fnckolon.com/suithouse/images/common/naviSub.gif) no-repeat center left ; z-index:0;}
#header-wrap{height:177px; width:950px; position:relative; }
#header-wrap h1 { text-align:center; padding:24px 0 38px 0; }
#header-wrap .util-area { position:absolute; right:0px; top:34px; line-height:0px; font-size:0px; width:216px; }
#header-wrap .util-area a { display:inline-block; background:url('http://image.fnckolon.com/suithouse/images/common/bg_util_line.gif') no-repeat right 1px; padding:0 13px; font-size:0px; line-height:0px; }
#header-wrap .util-area a img { vertical-align:top; }
#header-wrap .util-area a.end { background:none; padding-right:0px }
#header-wrap .gnb {width:900px; margin:0 auto 0 auto; }
#header-wrap .gnb li { float:left; width:225px;height:50px; position:relative; text-align:center; background:url('http://image.fnckolon.com/suithouse/images/common/bg_gnb_line.gif') no-repeat right 1px }
#header-wrap .gnb li span { display:inline-block; height:18px; overflow:hidden; vertical-align:middle}
#header-wrap .gnb li span a { display:inline-block; height:36px;}
#header-wrap .gnb li span a:hover { margin-top:-18px !important; height:36px; }
#header-wrap .gnb li span a.on{margin-top:-18px !important; height:36px;}
#header-wrap .gnb li.end { background:none;}
#header-wrap .gnb li a { display:inline-block; height:14px; overflow:hidden; vertical-align:top;}
#header-wrap .gnb li div.sub { position:absolute; top:34px; left:10px; width:500px; display:none;}
#header-wrap .gnb li.active div.sub { display:block;}
#header-wrap .gnb li div.sub ul { width:auto; font-size:0px; line-height:0px; }
#header-wrap .gnb li div.sub li { float:left; height:25px; overflow:hidden; font-size:0px; line-height:0px; background:url('http://image.fnckolon.com/suithouse/images/common/bg_sub_line.gif') no-repeat right 10px; padding:0 12px; width:auto; display:inline}
#header-wrap .gnb li div.sub li img { vertical-align:top; }
#header-wrap .gnb li div.sub li.end { background:none;}
#header-wrap .gnb li div.sub li a { display:inline-block; height:50px; padding:1px 0;}
#header-wrap .gnb li div.sub li a:hover { margin-top:-25px !important; height:50px; }
#header-wrap .gnb li div.sub li a.on1 { margin-top:-25px !important; height:50px; }
#header-wrap1{width:950px; position:relative; }
#header-wrap1 h1 { text-align:center; padding:24px 0px 38px 0px;z-index:3;}
#header-wrap1 .util-area { position:absolute; top:34px; width:225px; right:0px; font-size:0px;line-height:0px;}
#header-wrap1 .util-area a { display:inline-block; background:url('http://image.fnckolon.com/suithouse/images/common/bg_util_line.gif') no-repeat right 1px; padding:0 13px; font-size:0px; line-height:0px; }
#header-wrap1 .util-area a img { vertical-align:top; }
#header-wrap1 .util-area a.end { background:none; padding-right:0px }
#header-wrap1 .gnb {width:900px; margin:0 auto 0 auto;}
#header-wrap1 .gnb li { float:left; width:225px;height:50px; position:relative; text-align:center;z-index:2;background:url('http://image.fnckolon.com/suithouse/images/common/bg_gnb_line1.gif') no-repeat right 1px;}
#header-wrap1 .gnb li span { display:inline-block;z-index:2; height:18px; overflow:hidden; vertical-align:middle}
#header-wrap1 .gnb li span a { display:inline-block; z-index:10;height:36px;}
#header-wrap1 .gnb li span a:hover { margin-top:-18px !important; height:36px;z-index:2; }
#header-wrap1 .gnb li.end { background:none}
#header-wrap1 .gnb li a { display:inline-block; height:14px; overflow:hidden; vertical-align:top}
#header-wrap1 .gnb li div.sub { position:absolute; top:34px; left:10px; width:500px; display:none; z-index:4; }
#header-wrap1 .gnb li.active div.sub { display:block;cursor:pointer; }
#header-wrap1 .gnb li div.sub ul { width:auto; font-size:0px; line-height:0px; position:relative; z-index:5 }
#header-wrap1 .gnb li div.sub li { float:left; height:25px; overflow:hidden; font-size:0px; line-height:0px; background:url('http://image.fnckolon.com/series/images/common/bg_sub_line.gif') no-repeat right 10px; width:auto; display:inline cursor:pointer; position:relative; z-index:6}
#header-wrap1 .gnb li div.sub li img { vertical-align:top;}
#header-wrap1 .gnb li div.sub li.end { background:none}
#header-wrap1 .gnb li div.sub li a {display:inline-block; height:50px; padding:1px 0;z-index:8;}
#header-wrap1 .gnb li div.sub li a:hover { margin-top:-25px !important; height:50px; z-index:8; }
#main-body-wrap{width:100%;height:100%;margin:-105px auto 0; position:absolute; z-index:-1;}
#body-wrap { padding-bottom:40px;}
#body-wrap #body-container { margin:33px 0 0 88px; width:774px; position:relative}
#body-wrap h2 { margin:0px; font-size:0px; line-height:0px }
#body-wrap #body-container h3 { margin-bottom:15px; }
#footer-wrap { border-top:1px solid #AEAEAE; padding:26px 0 47px 0}
#footer-wrap #footer-container { width:950px; margin:0 auto; font-size:0px; line-height:0px; position:relative; }
#footer-wrap .f-menu-area { margin:0px 0 7px -5px; font-size:0px; line-height:0px}
#footer-wrap .f-menu-area a { display:inline-block;background:url('http://image.fnckolon.com/suithouse/images/common/bg_footer_line.gif') no-repeat right center; padding:0 5px; height:10px; overflow:hidden}
#footer-wrap .f-menu-area a.end { background:none !important}
#footer-wrap .f-util { position:absolute; right:0px; top:0px; font-size:0px; line-height:0px; width:109px}
#footer-wrap .f-com {overflow:hidden;margin:0px 0 5px 0px;height:45px;font-size:0px; line-height:0px}
#footer-wrap .f-util a { font-size:0px; line-height:0px; display:inline-block; margin-left:4px; height:32px; overflow:hidden}
#footer-wrap address { overflow:hidden; height:9px}
/* collectin > visual */
body.visual #header-wrap { height:167px }
body.visual #body-wrap{ padding-bottom:0px; }
body.visual #body-container { background:url('http://image.fnckolon.com/suithouse/images/collection/bg_collection_visual.gif') no-repeat center top; margin:0px auto !important; min-height:739px; height:auto; _height:739px; width:950px !important; }
body.visual #footer-wrap { border-top:1px solid #443e3b; padding:26px 0 47px 0;}
body.visual { background:#39312e url('http://image.fnckolon.com/suithouse/images/common/bg_body_visual_top.gif') repeat-x left top;}
body.visual #footer-wrap .f-menu-area a { background:url('http://image.fnckolon.com/suithouse/images/common/bg_footer_line02.gif') no-repeat right center; }
body.visual #footer-wrap .f-menu-area a img { margin-top:-20px}
body.visual #footer-wrap .f-util a img { margin-top:-42px }
body.visual #footer-wrap .f-com img {margin-top:-55px}
body.visual #footer-wrap address img { margin-top:-20px}
body.main #wrapper { width:100%; height:830px;_height:840px; position:relative; z-index:0; background:#554844 url('http://image.fnckolon.com/suithouse/images/common/bg_main.jpg') no-repeat center center;}
body.main { background: #554844; url('http://image.fnckolon.com/suithouse/images/common/bg.jpg') repeat-x;}
body.main #header-wrap1 {margin:0 auto; padding:0px }
body.main #gnb-bg { position:absolute; top:0px; left:0px;z-index:0; height:140px; width:100%; background: url('http://image.fnckolon.com/suithouse/images/title/mainBg.png') no-repeat center; opacity:.50; filter:alpha(opacity=80); min-height:1px; opacity:0.82; -moz-opacity:0.82; border-bottom:1px solid #7c6e69;}
body.main #footer-bg { position:absolute; top:0px; left:0px; z-index:2; height:132px; width:100%; background: url('http://image.fnckolon.com/suithouse/images/common/main_footer_bg.png') no-repeat center; opacity:.50; filter:alpha(opacity=80); min-height:1px; opacity:0.50; -moz-opacity:0.50; min-height:1px; }
body.main #footer-wrap { position:absolute; top:697px;_top:707px; height:80px; width:100%; border-top:1px solid #7c6e69; z-index:5;padding:26px 0px 0px 0px;}
body.main #footer-wrap #footer-container { width:950px; margin:0 auto; height:80px; overflow:hidden;z-index:100}
body.main #footer-wrap .f-menu-area a { background:url('http://image.fnckolon.com/suithouse/images/common/bg_footer_line02.gif') no-repeat right center; }
body.main #footer-wrap .f-menu-area a img { margin-top:-20px}
body.main #footer-wrap .f-util a img { margin-top:-42px }
body.main #footer-wrap .f-com img {margin-top:-55px}
body.main #footer-wrap address img { margin-top:-20px}
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix{ zoom:1; } /*for IE 5.5-7*/
.hand { cursor:pointer; }
.bgnone { background:none !important; }
.borb_none { border-bottom:0px !important; }
.fixed { table-layout:fixed; }
.b { font-weight:bold !important; }
.n { font-weight:normal; }
.u { text-decoration:underline !important; }
.fl { float:left; }
.fr { float:right !important; }
.cl { clear:both; }
.ac { text-align:center !important; }
.at { vertical-align:top !important; #margin-top:2px !important; } /* 버튼 이미지때문에 margin때문에 추가 2009-11-30*/
.am { vertical-align:middle !important; }
.ab { vertical-align:bottom; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.t12 { font-size:12px !important; }
.b0 { border:0 !important; }
.bl0 { border-left:0 !important; }
.bb0 { border-bottom:0 !important; }
.ls0 { letter-spacing:0 !important; }
.radio { border:0px; margin-right:2px; margin-left:-2px; margin-bottom:2px; _margin-bottom:0px; }
.chk { margin:-2px 3px -1px 0; border:none; width:13px; vertical-align:middle; background:none !important; }
.fs-nor { font-style:normal !important; }
.fe-taho { font-size:11px; font-family:Tahoma; letter-spacing:0px; }
.p0 { padding:0 !important; }
.pr0 { padding-right:0 !important; }
.pl0 { padding-left:0 !important; }
.pb0 { padding-bottom:0 !important; }
.pt0 { padding-top:0 !important; }
.m0 { margin:0 !important; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt45 { margin-top:45px !important; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mr0 { margin-right:0px !important; }
.ml0 { margin-left:0px !important; }
.dis-txt { visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0px; } /* 리더기에서만 읽히고 보이지않음 */
.link { color:#AC9F7B !important; letter-spacing:0; font-family:Tahoma; }
.png24 { tmp:expression(setPng24(this)) }
/* table ****************************************/
table .end { background-image:none !important;}
/* table list : x축 */
table.tbl01 { border-top:2px solid #AFA897; border-bottom:2px solid #AFA897; width:100%;}
table.tbl01 th { background:#E1DED6 url('http://image.fnckolon.com/suithouse/images/bbs/th_line01.gif') no-repeat right center; font-size:0px; line-height:0px; border-bottom:1px solid #AFA897; padding:7px 0; }
table.tbl01 td { text-align:center; padding:7px 0 4px 0; border-bottom:1px solid #AFA897; }
table.tbl01 td.tit { text-align:left; padding:7px 15px 4px 15px}
/* table view : x축 */
table.tbl02 { border-top:2px solid #AFA897; border-bottom:2px solid #AFA897; width:100%;}
table.tbl02 th { background:#E1DED6 url('http://image.fnckolon.com/suithouse/images/bbs/th_line01.gif') no-repeat right center; font-size:0px; line-height:0px; border-bottom:1px solid #AFA897; padding:7px 0 4px 15px; text-align:left}
table.tbl02 td { padding:7px 15px 4px 15px; background:#E1DED6 url('http://image.fnckolon.com/suithouse/images/bbs/th_line01.gif') no-repeat right center; border-bottom:1px solid #AFA897; }
table.tbl02 td.view { padding:17px 50px; background:#EFECE5; }
table.tbl02 td.view p { padding:10px 0 20px 0 }
/* paging-list */
table.paging-list { border-top:2px solid #AFA897; border-bottom:2px solid #AFA897; width:100%; margin-top:20px}
table.paging-list th { background:#E1DED6 url('http://image.fnckolon.com/suithouse/images/bbs/th_line01.gif') no-repeat right center; font-size:0px; line-height:0px; border-bottom:1px solid #AFA897; padding:7px 0 4px 15px; text-align:left}
table.paging-list td { padding:7px 15px 4px 15px; background:#E1DED6 url('http://image.fnckolon.com/suithouse/images/bbs/th_line01.gif') no-repeat right center; border-bottom:1px solid #AFA897; }
table.paging-list td.view { padding:17px 50px; background:#EFECE5; }
table.paging-list td.view p { padding:10px 0 20px 0 }
/* paging **************************************/
.paging { margin:10px 0 0; text-align:center; }
.paging span { display:inline-block; margin:0 -8px 0 -3px !important; #margin:0 -6px 0 -6px !important; color:#747370; font-family:tahoma; line-height:0px;}
.paging a { display:inline-block; font-size:11px; line-height:12px;}
.paging a strong { color:#FD881D; }
.paging a img { margin-top:-1px; _margin-top:0px; font-size:0px; }
.paging a.prev { display:inline-block; line-height:0px !important; font-size:0px; padding:0px !important; vertical-align:middle; padding-right:2px !important; background:none !important; }
.paging a.next { display:inline-block; line-height:0px !important; font-size:0px; padding:0px !important; vertical-align:middle; padding-left:2px !important; background:none !important; }
.paging a { display:inline; background:url('http://image.fnckolon.com/suithouse/images/bbs/bg_paging.gif') no-repeat right 5px; padding:0 13px 0 10px; }
.paging a, .paging a:link, .paging a:visited, .paging a:active { color:#777165; }
.paging a:hover { color:#FD881D; letter-spacing:-1px; }
/* btn style **********************************/
div.btn { margin-top:20px; font-size:0px; line-height:0px; text-align:right } /* 우측정렬 */
/* Selectbox */
div.selectbox-wrap {position:relative; display:inline-block; *display:inline; height:18px; *zoom:1; vertical-align:middle;}
div.selectbox-wrap select {position:absolute; top:0; left:0; visibility:hidden;}
div.selectbox-wrap .value-holder {display:inline-block; height:14px; margin:0; padding:3px 5px 0; border:1px solid #9B9B9B; outline:0; overflow:hidden; color:#666; background:#fff url('http://image.fnckolon.com/suithouse/images/bbs/bt_select.gif') no-repeat 100% 50%; text-align:left; font-size:12px; line-height:14px; cursor:default;}
div.selectbox-disabled .value-holder {background-color:#f7f7f7;}
div.selectbox-wrap .value-holder:hover,
div.selectbox-wrap .value-holder:focus,
div.selectbox-wrap .value-holder:active {text-decoration:none !important;}
div.selectbox-wrap .new-selectbox {position:absolute !important; top:17px !important; left:0 !important; display:none; margin:0 !important; padding:0 !important; border:1px solid #9B9B9B !important; border-top:0 !important; overflow:hidden; background:#fff; font-size:12px !important; line-height:16px !important; text-align:left !important; *zoom:1;}
div.selectbox-wrap .new-selectbox iframe.blocker {position:absolute; top:0; left:-1px; width:100%; height:100%; z-index:-1; filter:alpha(opacity=0); *zoom:1; background:transparent;}
div.selectbox-wrap .new-selectbox ul {width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; border:0 !important;}
div.selectbox-wrap .new-selectbox li {*position:relative; width:auto !important; height:auto !important; margin:0 !important; padding:0 0 0 5px !important; text-align:left !important; white-space:nowrap !important; text-indent:0 !important; cursor:default !important; color:#666 !important; font-size:12px !important; line-height:16px !important; *zoom:1;}
div.selectbox-wrap .new-selectbox li.hover,
div.selectbox-wrap .new-selectbox li.selected {color:#000 !important; background-color:#dbdbdb !important;}
/* 매장점색 */
fieldset.shop-search { background:#E6E5E3; border:1px solid #C1C0BE; width:353px; padding:15px 19px }
fieldset.shop-search input.txt { width:270px; margin:10px 0 0 0;_margin:8px 0 0 0; }
fieldset.shop-search .img { margin:10px 0 0 0; _margin:8px 0 0 0; }
.map { position:absolute; right:0px; top:0px; }
.shop-tel { font-size:0px; line-height:0px; padding:45px 0 60px 0}
/* 설명글 */
.expl01 { margin-top:15px }
/* map layer */
.map-layer {display:none; position:absolute; top:42px; left:50%; margin-left:-271px; width:543px; height:491px; background:url('http://image.fnckolon.com/suithouse/images/common/bg_map_layer.gif') no-repeat left top; z-index:1000; }
.map-layer .map-area { width:523px; height:441px; margin:40px 10px 10px 10px}
.map-layer span { display:inline-block; width:17px; height:17px; overflow:hidden; text-indent:-1000px; position:absolute;right:10px; top:12px; cursor:pointer}
/* collection > style */
#collection-box { height:593px; width:815px; position:relative; margin-top:10px;}
#collection-box .sliding-area { width:759px; height:573px; overflow:hidden; position:relative; margin:0 auto; }
#collection-box .sliding-area div { margin:0 auto; }
#collection-box .bt-area .prev02 { position:absolute; top:189px; left:0px; cursor:pointer}
#collection-box .bt-area .next02 { position:absolute; top:189px; right:0px; cursor:pointer }
/* brand > concept*/
.concept { margin:0 auto; width:740px; }
.concept .txt { float:left; width:400px; display:inline; font-size:0px; line-height:0px; }
.concept .txt img { margin-top:90px; }
.concept .img { float:right; }