/* 레이아웃 CSS 입니다 / 작업자 : 백명훈(leonato@eluocnc.com) */ #TcfsSub {width:100%; height:100%; background:url('/img/g/sub_bg.jpg') no-repeat center 0;} /* GNB */ #TcfsSub #GNB {position:absolute; left:0; top:0; width:100%; z-index:999;} #TcfsSub #GNB .GNBi {margin:0 auto; width:1000px; height:155px; z-index:999;} #TopMenu {width:100%;height:36px;} #TopMenu ul {float:right;} #TopMenu ul li {float:left;} #TopMenu ul li a {display:block; padding:9px 5px;} #Logo {text-align:center; height:32px;} #TongSearch {position:relative; float:right; margin-top:-3px; height:32px; width:187px; z-index:9999999999999; background:url('/img/g/top_search_bg.gif') no-repeat 0 0;} #TongSearch input {float:left; border:none; background:#000; width:145px; font-size:0.95em; color:#838383; padding-top:3px; height:12px; margin-top:5px; margin-left:10px;} #TongSearch img.TongSearch {padding:5px; margin-top:2px;} /* 탑서치(퀵서치, 스토리서치) */ #tcSearch {padding-top:1px; height:31px;} #tcSearch .tcSearch_btn {} #tcSearch .tcSearch_btn2 {margin-left:-2px;} #tcSearch .smart_search {float:left; position:relative;} #tcSearch .smart_search img {cursor:pointer;} #tcSearch .hotissue_search {float:left; position:relative;} #tcSearch .hotissue_search img {cursor:pointer;} /* 퀵서치(스마트서치) */ #smart_search {width:996px; height:375px; position:absolute; left:-1px; top:-5px; padding-left:8px; padding-top:12px; overflow:hidden; background:url('/img/g/search_ss_bg.gif') no-repeat 0 0;} #smart_search .Warpper {width:984px; height:334px; background:#fff url('/img/g/quick_search_bg.gif') no-repeat 527px 8px;} #smart_search .Warpper .search {float:left; width:518px; margin-right:21px; } #smart_search .Warpper .search p.title {height:43px; padding-top:15px; margin-left:23px; margin-bottom:6px; background:url('/img/g/quick_search_title_bg.gif') no-repeat left bottom;} #smart_search .Warpper .search .search_table {width:495px; margin-left:23px; margin-bottom:10px; border-bottom:1px solid #A0A0A0;} #smart_search .Warpper .search .search_table .none {border-bottom:none; } #smart_search .Warpper .search .search_table th {vertical-align:top; padding-top:8px; border-bottom:1px solid #E1E1E1;} #smart_search .Warpper .search .search_table th p {text-align:left; padding-left:19px; background:url('/img/i/icon_grey_arrow.gif') no-repeat 9px 2px; } #smart_search .Warpper .search .search_table td {padding-top:3px; padding-bottom:3px; font-size:0.97em; color:#666666; border-bottom:1px solid #E1E1E1;} #smart_search .Warpper .search .search_table td p {} #smart_search .Warpper .search .search_table td td {border-bottom:none; } #smart_search .Warpper .search .saerch_btn {text-align:center; } #smart_search .Warpper .result {float:left; width:432px; height:279px; margin-top:12px;position:relative; } #smart_search .Warpper .result p.title {width:370px; padding-top:14px; margin-left:18px; padding-bottom:7px; color:#333333; border-bottom:1px solid #E4E4E4;} #smart_search .Warpper .result p.title strong {color:#CC0000;} #smart_search .Warpper .result .ie6sm {float:left; position:relative; width:425px; height:260px; overflow:hidden;} #smart_search .Warpper .result .ie6sm ul {float:left; position:relative; width:400px; height:240px; padding-left:20px; _margin-left:0px; padding-top:20px; overflow-x:hidden; overflow-y:scroll;} #smart_search .Warpper .result .ie6sm li {float:left; width:80px; height:160px; margin-bottom:15px; margin-right:15px;text-align:center;} #smart_search .Warpper .result .ie6sm li.last {margin-right:0; } #smart_search .Warpper .result .ie6sm li span {display:block;font-size:0.95em; } #smart_search .Warpper .result .ie6sm li span.ss_img img {border:1px solid #EBEAEA;} #smart_search .Warpper .result .ie6sm li span.ss_k {} #smart_search .Warpper .result .ie6sm li span.ss_e {font-weight:bold; color:#333333; } #smart_search .Warpper .result .ie6sm li span.ss_price {display:inline; padding-left:13px; color:#CC0000; font-weight:bold; background:url('/img/i/icon_won.gif') no-repeat left 1px;} #smart_search .Warpper .result .ie6sm li span.ss_btn {padding-top:5px;} #smart_search .Warpper .result .ie6sm_def {padding-left:118px; padding-top:77px;} #smart_search .btn_close_main {position:absolute; left:930px; top:346px;} /* 핫이슈서치 */ #hotissue_search {width:1004px; height:375px; position:absolute; left:-1px; top:-8px; padding-left:0px; padding-top:12px; overflow:hidden; background:url('/img/g/search_ss_bg.gif') no-repeat 0 0;} #hotissue_search .ss_title {float:left; width:505px; padding-top:16px; padding-left:33px; height:33px;} #hotissue_search .ss_rank {float:left; width:547px; margin-left:-1px;} #hotissue_search .ss_product {width:432px; height:304px; background:#fff; float:left; margin-top:-34px; position:relative; border:1px solid #E4E4E4;} #hotissue_search .ss_product p.title {width:370px; padding-top:10px; margin-left:18px; padding-bottom:7px; color:#333333; border-bottom:1px solid #E4E4E4;} #hotissue_search .ss_product p.title strong {color:#CC0000;} #hotissue_search .ss_product .ie6sm {float:left; position:relative; width:425px; height:260px; overflow:hidden;} #hotissue_search .ss_product .ie6sm ul {float:left; position:relative; width:400px; height:240px; padding-left:20px; _margin-left:0px; padding-top:20px; overflow-x:hidden; overflow-y:scroll;} #hotissue_search .ss_product .ie6sm li {float:left; width:80px; height:160px; margin-bottom:15px; margin-right:15px;text-align:center;} #hotissue_search .ss_product .ie6sm li.last {margin-right:0; } #hotissue_search .ss_product .ie6sm li span {display:block;font-size:0.95em; } #hotissue_search .ss_product .ie6sm li span.ss_img img {border:1px solid #EBEAEA;} #hotissue_search .ss_product .ie6sm li span.ss_k {} #hotissue_search .ss_product .ie6sm li span.ss_e {font-weight:bold; color:#333333; } #hotissue_search .ss_product .ie6sm li span.ss_price {display:inline; padding-left:13px; color:#CC0000; font-weight:bold; background:url('/img/i/icon_won.gif') no-repeat left 1px;} #hotissue_search .ss_product .ie6sm li span.ss_btn {padding-top:5px;} #hotissue_search .ss_product .ie6sm_def {padding-left:134px; padding-top:73px;} #hotissue_search .btn_close_main2 {position:absolute; left:930px; top:346px;} #MainMenu {overflow:hidden;} /* Body Area */ #TcfsSub #BodyArea {width:1000px; margin:0 auto; padding-top:155px; overflow:hidden; margin-bottom:60px;} /* Quick */ #Lnb {float:left; width:230px; padding-top:22px;} /* Lnb 리스트 */ #Lnb .LnbList {margin-bottom:30px;} #Lnb .LnbList .lnb_h3 {font-size:1.7em; font-weight:bold; margin-top:10px; margin-bottom:10px;} #Lnb .LnbList .lnb_h3 a {display:block; width:83%; color:#fff; padding:3px;background:gray;} #Lnb .LnbList .lnb_h4 {font-size:1.3em; font-weight:bold; margin-top:10px;} #Lnb .LnbList .lnb_h4 a {display:block; width:83%;} #Lnb .LnbList .lnb_item {} #Lnb .LnbList .lnb_item a {display:block; width:83%;} /* Lnb 키워드 랭킹 베스트 */ #Lnb .LnbKwdRBTitle {width:192px; padding:0px 0 8px 8px; border-bottom:1px solid #e2e2e2; margin-bottom:12px;} #Lnb .LnbKwdRBList {width:200px; overflow:hidden; margin-bottom:25px;} #Lnb .LnbKwdRBList li {padding-bottom:3px; } #Lnb .LnbKwdRBList li a {display:block; color:#646464; padding-left:28px;} #Lnb .LnbKwdRBList li a:hover {color:#333;} #Lnb .LnbKwdRBList li.rank1 {background:url('/img/i/icon_rank_keyword1.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank1 a {font-weight:bold; text-decoration:underline;} #Lnb .LnbKwdRBList li.rank1 a:hover {font-weight:bold; text-decoration:underline;} #Lnb .LnbKwdRBList li.rank2 {background:url('/img/i/icon_rank_keyword2.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank3 {background:url('/img/i/icon_rank_keyword3.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank4 {background:url('/img/i/icon_rank_keyword4.gif') no-repeat 8px 1px;} #Lnb .LnbKwdRBList li.rank5 {background:url('/img/i/icon_rank_keyword5.gif') no-repeat 8px 1px;} /* Lnb 배너 */ #Lnb .LnbBanner {} #Lnb .LnbBanner li {margin-bottom:5px;} #Lnb .LnbBanner li img {vertical-align:top; border:1px solid #e2e2e2;} /* 가운데 영역 */ #CenterJung {float:left; width:670px; padding-top:10px; margin-right:30px; _margin-right:25px;} /* 현재위치 */ #CenterJung #Path {overflow:hidden; color:#898989; font-size:0.95em; text-align:right; height:45px; background:url('/img/g/path_bg.png') no-repeat 0 0; behavior:url(/js/Ollehiepngfix.htc);} #CenterJung #Path .path_home {padding-left:15px; background:url('/img/g/path_home.gif') no-repeat 0 0;} #CenterJung #Path strong {font-weight:normal;} /* 컨텐츠 타이틀 */ #CenterJung #ConTitle {overflow:hidden; height:52px; padding-top:8px; padding-left:6px; } #CenterJung #ConTitle h3 {float:left;} #CenterJung #ConTitle p {float:left; padding-left:16px; padding-top:5px;background:url('/img/g/title_sai.gif') no-repeat 8px 5px;} #CenterJung #ConTitle span {float:right; } /* 컨텐츠 내용 */ #CenterJung #Contents {clear:both;} /* Quick */ #QuickMenu {position:relative; float:left; width:70px; margin-top:-105px;} #QuickMenu h2 {overflow:hidden;} #QuickMenu ul {overflow:hidden;} #QuickMenu ul li {} #QuickMenu ul li img {vertical-align:top;} #QuickMenu p {overflow:hidden;} #GNB .GNBi .QuickMenuHidden {position:relative; left:929px; top:-105px; width:70px; height:50px; background:url('/img/g/quick_hidden.gif') no-repeat 0 0; z-index:2;} /* Site Info */ #TcfsSub #SiteInfo {width:1000px; height:74px; padding-top:1px; overflow:hidden; margin:0 auto; margin-bottom:60px; } /* 2010-06-11 이지형 대리님 디자이너 요청으로 width:920px; 에서 width:1000px;로 변경. */ #TcfsSub #SiteInfo ul {width:920px;height:22px; padding-top:2px; padding-left:15px; overflow:hidden; background:#F3F3F3; } #TcfsSub #SiteInfo li {float:left; padding-right:10px;} #TcfsSub #SiteInfo li a {display:block; padding:5px;} #TcfsSub #SiteInfo address {padding-left:20px; } /* 버튼 */ .btn {overflow:hidden; margin-top:13px;} .btn_ {text-align:left;} .btn_ {text-align:right;} .btn_join {text-align:center;} /* 또다른 레이아웃 970짜리 */ #BodyArea #JeongJungAng {width:900px; float:left; margin-right:30px;} #BodyArea #JeongJungAng #Path {overflow:hidden; color:#898989; font-size:0.95em; text-align:right; height:45px;} #BodyArea #JeongJungAng #Path strong {font-weight:normal;} #BodyArea #JeongJungAng #ConTitle {overflow:hidden; height:52px; padding-top:8px; padding-left:6px;} #BodyArea #JeongJungAng #ConTitle h3 {float:left;} #BodyArea #JeongJungAng #ConTitle p {float:left; padding-left:16px; padding-top:5px;background:url('/img/g/title_sai.gif') no-repeat 8px 5px;} /* 유동박스 */ .Moving_box {background:url('/img/g/box_btm_l.gif') no-repeat left bottom;} .Moving_box .box-outer {background:url('/img/g/box_btm_r.gif') no-repeat right bottom;} .Moving_box .box-inner {background:url('/img/g/box_top_l.gif') no-repeat left top;} .Moving_box .right-top {background:url('/img/g/box_top_r.gif') no-repeat right top;} .Moving_box2 { position:relative;padding-bottom:11px; background:url('/img/g/mov_btm_r.gif') no-repeat right bottom;border:1px solid orange;} .Moving_box2 .box-outer {position:relative;background:url('/img/g/mov_top_l.gif') no-repeat top left ;border:1px solid blue;} .Moving_box2 .box-outer .contents {position:relative; margin-bottom:-11px; border:1px solid red;} /* 개인화영역(MiniBag) */ #MiniBag {position:absolute; left:0; top:0; width:100%; z-index:9999999999999999999999999;} #MiniBag2 {display:none;} #MiniBag .MiniBagOpen {float:right; padding-right:59px; padding-top:8px;} #MiniBag .MiniBagOpen a {display:block; padding:12px 17px 10px 0px;} #MiniBag .MiniBagTm {float:left; padding-top:8px; padding-left:24px;} #MiniBag .MiniBagTm li {float:left; position:relative; margin-right:35px;} #MiniBag .MiniBagTm li a {display:block; text-decoration:none;} #MiniBag .MiniBagTm li a:hover {text-decoration:none;} #MiniBag .MiniBagTm li span {position:absolute; top:7px; color:#76696E; font-size:1em;} #MiniBag .MiniBagTm li.MiniBagTm1 span {left:77px;} #MiniBag .MiniBagTm li.MiniBagTm2 span {left:93px;} #MiniBag .MiniBagTm li.MiniBagTm3 span {left:123px;} #MiniBag .MiniBagTm li.MiniBagTm123on span {top:12px;} #MiniBag .MiniBagMyCc {float:left; width:365px; _width:330px; padding-top:15px; color:#77686C; font-size:0.95em; text-align:right;} #MiniBag .MiniBagMyCc strong {color:#ACA513; font-weight:normal;} .MiniBagOff {margin:0 auto; position:static; left:0; top:0; width:1010px; height:40px; background:url('/img/g/MiniBag.png') no-repeat 0 0; behavior:url(/js/Ollehiepngfix.htc);} .MiniBagOn {margin:0 auto; position:static; left:0; top:0; width:1010px; height:270px; overflow:hidden; background:url('/img/g/MiniBagOn.png') no-repeat 0 0; behavior:url(/js/Ollehiepngfix.htc);} .MiniBagOn .MiniBagBtn {margin:5px 0 20px 40px; width:880px; height:21px; background:url('/img/g/MiniBagBtn_bg.gif') no-repeat 0 0;} .MiniBagOn .MiniBagBtn .btn_others {float:right; padding-right:11px;} .MiniBagOn .MiniBagBtn .btn_others li {float:left;} .MiniBagOn .MiniBagBtn .btn_allcheck {*padding-top:2px;} .MiniBagOn .MiniBagBtn .btn_allcheck input {vertical-align:middle;} .MiniBagOn .MiniBagBtn .btn_allcheck img {vertical-align:middle; _margin-top:1px;} .MiniBagOn .MiniBagPListWrap {position: relative; z-index: 100; float: left; padding-left:40px; width:880px; height:165px; overflow: hidden; } /* 2010-06-08 설미현 추가 */ .MiniBagOn .MiniBagPList {position: relative;width:880px; height:165px; overflow-y:hidden; overflow-x:auto;} /* 2010-06-08 설미현 수정 */ .MiniBagOn .MiniBagPList table {table-layout:fixed;} .MiniBagOn .MiniBagPList tr {} .MiniBagOn .MiniBagPList td {width:110px; text-align:center; white-space:nowrap;} .MiniBagOn .MiniBagPList td ul {margin:0 auto; width:110px;} .MiniBagOn .MiniBagPList td ul li {text-align:center; font-size:0.95em; letter-spacing:-0.05em;} .MiniBagOn .MiniBagPList td ul li.mb_checkbox {margin-bottom:2px; *margin-bottom:4px; } .MiniBagOn .MiniBagPList td ul li.mb_thum {padding-bottom:5px;} .MiniBagOn .MiniBagPList td ul li.mb_thum img {border:1px solid #e3e3e3;} .MiniBagOn .MiniBagPList td ul li.mb_title {color:#666;} .MiniBagOn .MiniBagPList td ul li.mb_title a {color:#666;} .MiniBagOn .MiniBagPList td ul li.mb_won {letter-spacing:0em; color:#333;} .MiniBagOn .MiniBagPListWrap2 {width:660px;} /* 2010-06-08 설미현 추가 */ .MiniBagOn .MiniBagPList2 {float:left; width:660px;} .MiniBagOn .sb_final {float:left; width:170px; padding-top:3px; padding-left:50px;} .MiniBagOn .sb_final p {color:#666; width:122px; height:77px; padding-left:33px; padding-top:13px; border:1px solid #e3e3e3; margin-bottom:7px;} .MiniBagOn .sb_final p span {padding-bottom:10px; display:block;} .MiniBagOn .sb_final p strong {color:#333;} .MiniBagOn .sb_final p strong.won {color:#cc0000; font-size:1.2em; padding-top:3px; display:block;} .MiniBagOn .sb_final .btn_orderyo {margin-left:23px;}