/* BASIC css start */ .off {display:none;} /* 새해니까! */ .For_2020 {width:100%; position:relative; z-index:9999;} .For_2020 .for2020_img_01 {position:absolute; left:50%; margin-left:-745px; top:9px;} .For_2020 .for2020_img_02 {position:absolute; left:50%; margin-left:-98px; top:7px;} .For_2020 .for2020_img_07 {position:absolute; left:50%; margin-left:270px; top:7px;} /* 크리스마스 */ .For_christmas {width:100%; position:relative; z-index:9999;} .For_christmas .forchristmas_img_01 {position:absolute; left:50%; margin-left:-730px; top:9px;} .For_christmas .forchristmas_img_02 {position:absolute; left:50%; margin-left:270px; top:7px;} .fix_rt_menu { display:none !important } /* 2022-04-25 가이드 레이어 추가 */ .guideLayerArea { display:none; position:absolute; z-index:9999 } .guideLayerArea .guideLayerBtn { position:absolute; font-size:0; z-index:10 } .guideLayerArea .guideLayerBtn a { display:inline-block; width:291px; height:64px; text-indent:-9999em } .guideLayer1 { top:-108px; left:-163px } .guideLayer1 .guideLayerBtn { bottom:159px; left:532px } .guideLayer2 { top:-126px; left:-54px } .guideLayer2 .guideLayerBtn { bottom:35px; left:484px } .guideLayer3 { top:-77px; left:-815px } .guideLayer3 .guideLayerBtn { bottom:35px; left:10px } .guideLayer3 .guideLayerBtn a { width:580px } .guideMask { display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9990 } #blk_scroll_wings.zIndex100 { z-index:100 } /* 왼쪽 카테고리 타이틀 */ .depth01 { display: block; padding-left: 9px; height: 50px; font-size: 16px; font-weight: 800; line-height: 50px; } .depth01 span { font-size:13px; line-height:49px; vertical-align:top } .depth01.mt0 { margin:0 } /* 왼쪽 카테고리 색 */ .m120 { margin-top: 20px; } .m120>a { background:#6cb327 !important; color: #fff; border: 1px solid #6cb327!important; line-height: 30px !important; height: 30px; } .m121>a { background:#158B70!important; color: #fff; border: 1px solid #158B70!important; line-height: 30px !important; height: 30px; } .m122>a { background: #3167ff !important; color: #fff; border: 1px solid #0c47ee!important; line-height: 30px !important; height: 30px; } .hd_cate>ul>li>a:hover, .hd_cate>ul>li>.active { background:#da2426 !important; /*border: 1px solid #da2426 !important;*/ } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m120:hover > a, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m121:hover > a, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m122:hover > a { background: #da2426 !important; color: #fff; border: 1px solid #da2426!important; } /* 상단바 */ #header .TopBanner_K { width:100%; /* background:#ffe300; background:url(http://seilglobal.img4.kr/bn/web/top_banner_EcoBag_bg.jpg) center no-repeat;*/ text-align:center; border-bottom:1px solid #d1d1d1; font-size:0; } #header .TopBanner_K div { display:inline-block; } #header .TopBanner_K div:nth-child(2){margin-right:30px;margin-left:30px;} #header .TopBanner_K a { vertical-align: top; } /* #header .TopBanner_K img { max-width:1000px; text-align:center; width:100%; } */ /* header */ #header { position:relative; width:100%; background:#fff; z-index:100 } #header.act { position:fixed; top:-251px; left:0; right:0 } #header .hdTopArea { height:30px; background:#ff3a34 } #header .hdTopArea .hdTop { margin:0 auto; position:relative; width:1280px; height:30px } #header .hdTopArea .hdTop .hdTopLeft { float:left } #header .hdTopArea .hdTop .hdTopLeft li { padding-right:30px; float:left } #header .hdTopArea .hdTop .hdTopLeft li a { display:block; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:30px } #header .hdTopArea .hdTop .hdTopLeft li a .ico { display:inline-block; margin-top:8px; width:15px; height:14px; background:url(//seilglobal.img4.kr/renew/web/common/ico_talk.png) 0 0 no-repeat; vertical-align:top } #header .hdTopArea .hdTop .hdTopRight { float:right } #header .hdTopArea .hdTop .hdTopRight li { margin-left:25px; float:left; height:30px } #header .hdTopArea .hdTop .hdTopRight li a { display:block; font-size:13px; color:#fff; line-height:30px } #header .hdTopArea .hdTop .hdTopRight li a.ico_us { margin-top: 8px; padding-left: 20px; line-height: 13px; background:url(/design/seilglobal/phps/common/ico_usa.jpg) 0 0 no-repeat /*margin-top:8px; padding-left: 20px; line-height: 13px; background: url(/design/seilglobal/phps/common/ico_usa.jpg) 0 0 no-repeat;*/ } #header .hdMidArea { height:100px; background:#fff; position:relative;} #header .hdMidArea .hdMid { margin:0 auto; position:relative; width:1280px } /* #header .hdMidArea .hdMid .tlogo { position:absolute; top:25px; left:0 } */ #header .hdMidArea .hdMid .tlogo { position:absolute; top:26px; left:0 } #header .hdMidArea .hdMid .logo_title_30 {font-weight:700; text-align:center; position:absolute; left:40px;} #header .hdMidArea .hdMid .tlogo a img { margin-top:5px;} #header .hdMidArea .hdMid .searchArea { position:absolute; top:25px; left:340px; width:598px; height:48px; border:1px solid #7d8085; border-radius:25px; overflow:hidden } #header .hdMidArea .hdMid .searchArea .searchIptWrap { position:relative } #header .hdMidArea .hdMid .searchArea .keyword, #header .hdMidArea .hdMid .searchArea .MS_search_word { padding:0 20px; width:480px; height:48px; line-height:48px; border:none; vertical-align:top } #header .hdMidArea .hdMid .searchArea .searchBtn { display:block; position:absolute; top:0; right:11px; width:48px; height:48px; text-indent:-9999em; background:url(http://seilglobal.img4.kr/renew/web/common/btn_search.png) 0 0 no-repeat } #header .hdMidArea .hdMid .rightMenuArea { position:absolute; top:16px; right:0 } #header .hdMidArea .hdMid .rightMenuArea ul { font-size:0; text-align:center } #header .hdMidArea .hdMid .rightMenuArea li { display:inline-block; margin-left:25px } #header .hdMidArea .hdMid .rightMenuArea li .ico { display:inline-block; width:40px; height:40px; vertical-align:top } #header .hdMidArea .hdMid .rightMenuArea li .ico1 { background:url(http://seilglobal.img4.kr/renew/web/common/ico_hd_mid_right1.png) 0 0 no-repeat } #header .hdMidArea .hdMid .rightMenuArea li .ico2 { background:url(http://seilglobal.img4.kr/renew/web/common/ico_hd_mid_right2.png) 0 0 no-repeat } #header .hdMidArea .hdMid .rightMenuArea li .ico3 { background:url(http://seilglobal.img4.kr/renew/web/common/ico_hd_mid_right3.png) 0 0 no-repeat } #header .hdMidArea .hdMid .rightMenuArea li .txt { display:block; margin-top:4px; font-size:14px; color:#333; font-weight:bold; vertical-align:top } #header .hdMidArea .hdMid .smartFinderBtn { position:absolute; top:25px; left:705px; width:70px; height:50px; text-indent:-9999em; background:url(/design/seilglobal/phps/common/btn_smartfinder.gif) 0 0 no-repeat; cursor:pointer } #header .hdBtmArea { position:relative; height:38px; border-top:1px solid #ddd; border-bottom:1px solid #bbb; background:#fff } #header .hdBtmArea .hdBtm { margin:0 auto; position:relative; width:1280px } #header .hdBtmArea .hdBtm .hd_cate { position:absolute; top:-1px; left:0; z-index:10 } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea { position:relative; *zoom:1 } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea:after { display:block; clear:both; content:'' } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p { float:left; width:129px; height:40px } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu { display:block; height:38px; font-size:13px; font-weight: bold; text-align:center; line-height:38px; cursor:pointer } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu.catePrd { color:#737373; border:1px solid #ddd; border-bottom:1px solid #bbb; background:#f2f2f2 } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu.catePrd.on { } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu.cateMake { margin-left:-1px; color:#737373; border:1px solid #ddd; border-bottom:1px solid #bbb; background:#f2f2f2 } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu.cateMake.on { } #header .hdBtmArea .hdBtm .hd_cate .cateSelArea p .cateSelMenu.on { position:relative; color:#333; border:1px solid #bbb; border-bottom:1px solid #fff; background:#fff } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox { display:none; border:1px solid #bbb; border-top:0; background:#fff } #header .hdBtmArea .hdBtm .hd_cate #prdCate { display:block } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .cateBanner { padding:15px 9px 5px; overflow:hidden; } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .cateBanner a { vertical-align:top } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .cateBanner img { width:100%;} #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea { position:relative; width:256px; border-top:0; background:#fff } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .off { display:none !important } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner { padding:10px 0 6px 13px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox { font-size:0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a { display:inline-block; margin:0 4px 4px 0; width:25px; height:25px; text-indent:-9999em; background:url(/design/seilglobal/phps/common/sort_cate_btn_v2.png) 0 0 no-repeat } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_1 { background-position:0 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_2 { background-position:-29px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_3 { background-position:-58px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_4 { background-position:-87px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_5 { background-position:-116px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_6 { background-position:-145px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_7 { background-position:-174px 0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_8 { background-position:0 -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_9 { background-position:-29px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_10 { background-position:-58px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_11 { background-position:-87px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_12 { background-position:-116px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_13 { background-position:-145px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate1_14 { background-position:-174px -29px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_1 { background-position:0 -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_2 { background-position:-29px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_3 { background-position:-58px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_4 { background-position:-87px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_5 { background-position:-116px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_6 { background-position:-145px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_7 { background-position:-174px -58px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_8 { background-position:0 -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_9 { background-position:-29px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_10 { background-position:-58px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_11 { background-position:-87px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_12 { background-position:-116px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_13 { background-position:-145px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_14 { background-position:-174px -87px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_15 { background-position:0 -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_16 { background-position:-29px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_17 { background-position:-58px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_18 { background-position:-87px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_19 { background-position:-116px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_20 { background-position:-145px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_21 { background-position:-174px -116px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_22 { background-position:0 -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_23 { background-position:-29px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_24 { background-position:-58px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_25 { background-position:-87px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_26 { background-position:-116px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_27 { background-position:-145px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_28 { background-position:-174px -145px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox .makeCateSortArea .sortInner .sortBox a.cate2_29 { display:inline-block; margin:0 4px 4px 0; width:25px; height:25px; text-indent:-9999em; background:url(http://seilglobal.img4.kr/seil/cate_etc.png) 0 0 no-repeat;} #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul { padding:11px 0 0; position:relative } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li { position:relative; width:100%; } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > a { display:block; padding-left:9px; font-size:13px; font-weight: bold; line-height:22px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > a.active { color:#ff3a34 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > ul { display:none; padding:10px 0 0 0; position:absolute; top:0; left:256px; width:258px; border:1px solid #ff3a34; background:#fff; z-index:10 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m111 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m116 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m117 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m118 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m119 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m120 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m121 > ul, #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li.m122 > ul { top:auto; bottom:0 } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > ul > li { padding-bottom:10px } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > ul > li > a { display:block; padding-left:18px; font-size:13px; font-weight: bold; color:#535353; } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > ul > li:hover > a { color:#ff3a34 } #header .hdBtmArea .hdBtm .hd_cate #makeCate > ul > li { display:none } #header .hdBtmArea .hdBtm .hd_cate #makeCate > ul > li > a.active { } #header .hdBtmArea .hdBtm .hd_cate #makeCate > ul > li > ul { border:1px solid #0679ee } #header .hdBtmArea .hdBtm .hd_cate #makeCate > ul > li > ul > li > a:hover { color:#0679ee } #header .hdBtmArea .hdBtm .hd_cate #makeCate .makeCateList { max-width:256px; } #header .hdBtmArea .hdBtm .hd_cate .cateSelBox > ul > li > a { /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ } /* #header .hdBtmArea .hdBtm .hd_cate > ul > .m13 > ul { top:-10px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m14 > ul { top:-250px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m18 > ul { top:-205px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m19 > ul { top:-374px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m22 > ul { top:-257px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m23 > ul { top:-285px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m24 > ul { top:-513px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m25 > ul { top:-67px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m26 > ul { top:-370px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m27 > ul { top:-172px } #header .hdBtmArea .hdBtm .hd_cate > ul > .m28 > ul { top:-384px } */ #header .hdBtmArea .hdBtm .hd_nav { padding-left:280px; position:relative } #header .hdBtmArea .hdBtm .hd_nav ul { /*padding-left:45px; *zoom:1*/ } #header .hdBtmArea .hdBtm .hd_nav ul:after { display:block; clear:both; content:'' } #header .hdBtmArea .hdBtm .hd_nav li { padding:0 40px; float:left; height:38px; } /* #header .hdBtmArea .hdBtm .hd_nav li.n1 { width:135px } #header .hdBtmArea .hdBtm .hd_nav li.n2 { width:115px } #header .hdBtmArea .hdBtm .hd_nav li.n3 { width:240px } #header .hdBtmArea .hdBtm .hd_nav li.n4 { width:185px } #header .hdBtmArea .hdBtm .hd_nav li.n5 { width:175px } #header .hdBtmArea .hdBtm .hd_nav li.n6 { width:150px } */ #header .hdBtmArea .hdBtm .hd_nav li a { display:block; height:38px; font-size:15px; font-weight: bold; color:#333; text-align:center; line-height:38px } /* @media screen and (max-width:1280px){ .hdBtmArea { padding-left:100px } #contentWrapper { margin-left:100px } .fix_rt_menu { margin-left: 565px } #footer .foot_quick_area .foot_quick { padding-left:100px } #footer .footer_area { padding-left:100px } } */ .bnr_desktop { position: absolute; top: 25px; right: -200px; } /* 스마트파인더 - 상단 */ #finderTop { z-index: 9999; position: absolute; top: 0; left: 50%; margin-left: -400px; width: 800px; } #finderTop .finder-hd { position: relative; height: 42px; border: 1px solid #333; background: #000; text-align: center; cursor: pointer; } #finderTop .finder-hd h2 { color: #fff; font-size: 16px; line-height: 42px; } #finderTop .finder-hd a { position: absolute; top: 10px; right: 20px; width: 23px; height: 22px; background: url(/design/seilglobal/phps/common/search_close.gif) no-repeat 0 0; text-indent: -9999px; outline: 0 none; } #finderTop .finder-hd a.hide { background: url(/images/d3/modern_simple/common/bull_h6_btm.png) no-repeat 0 0; } #mask { position: fixed; width: 100%; height: 100%; background: url('/design/seilglobal/phps/common/mask.png') repeat; z-index: 9998; display: none; } /* 다찾다 검색 파인더 */ #allfinder-layer { display:none; z-index: 9999; margin-left:-500px; position: fixed; top:175px; left:50%; width: 1000px; zoom: 1; overflow: hidden; } #allfinder-layer:after { position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.7); content:'' } #allfinder-layer .finder-body { z-index:1; position: relative; width: 998px; *width:918px; padding:35px 40px 5px; max-height: 800px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; border:1px solid #666; background:#fff; } #allfinder-layer .finder-body .finder-close { position: absolute; top: 15px; right: 10px; font-size:24px; color:#000; *width:19px; *height:24px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; *background-size:19px 24px; } #allfinder-ctr { z-index: 10000; position: fixed; top: 50px; right: 0; width: 103px; height:86px; } #allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; } .all-finder-layer .finder-body .finder-tbl table { border:1px solid #ccc; border-top:1px solid #000; } .all-finder-layer .finder-body .finder-tbl th, .all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; font-family:'Malgun Gothic'; color: #000; } .all-finder-layer .finder-body .finder-tbl tr:first-child th, .all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; } .all-finder-layer .finder-body .finder-tbl th { padding: 5px 0; background: #f4f4f4; text-align: left; vertical-align:top; } .all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding: 0 20px; margin:3px 0; } .all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1} .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; } .all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; } .all-finder-layer .finder-body .finder-tbl td { padding: 5px 10px; } .all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; } .all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; } .all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; } .all-finder-layer .finder-body tr.finder-child-category {display:none;} .all-finder-layer .finder-body tr.finder-child-category th, .all-finder-layer .finder-body tr.finder-child-category td { border-top:none; } .all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; vertical-align:top; word-break:break-all; color:#9a9a9a; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check { display:none; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on { font-weight:bold; color:#000; border:0; border-radius:0; box-shadow: unset; } .all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check { display:inline-block; margin-right:3px; } .all-finder-layer .finder-body .finder-color { padding-left:10px; } .all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px} .all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; } .all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; } .all-finder-layer .finder-body .finder-search { position:relative; padding-left:5px; } .all-finder-layer .finder-body .finder-search label { display: inline-block; width: 320px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; } .all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: left; } .all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; } .all-finder-layer .finder-body .finder-btn-c button { display: inline-block; height: 60px; line-height: 57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background: #000; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family:'Malgun Gothic'; cursor:pointer; } .all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; } .all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; } .all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:none; border-radius:3px; background: #999; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px; font-family:'Malgun Gothic'; margin-right:15px; } .all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; } .all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; } .all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; } .all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } .all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; } .all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; } .all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; } .all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; } .all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1; } .all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; } .all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; } .all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; } .all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; } .all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; } .all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; } .all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; } .all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; } .all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; } .all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; } /* 다찾다 자동완성*/ .search-auto-complete-list { display:none; z-index:1; position:absolute; top:47px; left:-3px; width:398px; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; } .search-auto-complete-list ul { width:100%; padding:4px 0 6px; border-bottom:1px solid #ddd; } .search-auto-complete-list ul li { text-align:left; } .search-auto-complete-list ul li.on { background:#f3f3f3; } .search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; } .search-auto-complete-list ul li a strong { color:#ab3e41; } .search-auto-complete-list ul li a:hover { background:#f2f2f2; } .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; } .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; } #header #makeCate .m321, #header #makeCate .m322, #header #makeCate .m323{display:none;} .m2 {display:none;} /* 우측 퀵메뉴 */ #rightQuickMenu.on { right: 20px;} #rightQuickMenu {position: fixed; right: -115px;top: 305px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px;width: 115px;transition: 0.3s; z-index: 9999; background: #fff; } #rightQuickMenu .viewBtn {display: block;background: #fff;width: 30px;height: 41.6px;position: absolute;left: -30px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px 0 0 5px;font-size: 19px;text-align: center;line-height: 40px;color: #333;top: 40px; cursor:pointer} #rightQuickMenu ul { } #rightQuickMenu ul li.tit {background: #333;color: #fff; border-radius: 5px 5px 0 0; } #rightQuickMenu ul li {min-height: 40px;border-bottom: 1px solid #ddd;box-sizing: border-box;font-size: 14px;font-weight: bold; padding-left: 15px; line-height: 40px;} #rightQuickMenu ul li.kakao {line-height: 22px;} #rightQuickMenu ul li.kakao a { padding: 6px 0; } #rightQuickMenu ul li:last-child {border-bottom: none;} #rightQuickMenu ul li a {font-size: 14px;color: #333;display: inline-block;width: 100%;height: 100%;} /* 탑버튼 */ .topBtn {position: fixed;right: 20px;bottom: 20px;background: #333;color: #fff;width: 100px;height: 50px;text-align: center;z-index: 99999;cursor: pointer;padding-top: 8px;box-sizing: border-box;} .topBtn i { } .topBtn span {display: block;width: 100%;} /* BASIC css end */