/* BASIC css start */ .commu_menu ul li:hover { border:1px solid #2dbee9 !important; color:#2dbee9 !important; } .commu_menu ul li.on { border:1px solid #2dbee9 !important; color:#2dbee9 !important; } .bbs-hd { display:none; } .bbs-tit { display:none; } .main_sub_catogory { position: absolute; margin-top:-2px; left:50%; transform:translateX(-50%); margin-left:-510px; z-index:9000; } .main1 { } .main1:hover .main2 { left: 0; display:block; } .main2 { display:none; border:1px solid #dbdbdb; background-color:#fff; width: 180px; box-sizing:border-box; } .main2>li { position: relative; padding: 10px 15px; font-size:15px; font-weight:400; color:#000; box-sizing:border-box; } .main2>li::before { position:absolute; right:12px; top:16px; content:''; background:url('/design/sangdogagu/2022/menu_after.png'); width:9px; height:9px; } .main2>li:hover { background-color:#000; color:#fff; } .main2>li:hover a { color:#fff; } .main2>li:hover .main3 { left: 100%; } .main2>li a { } .main2>li:hover .main3 { display:block; } .main3 { display:none; position: absolute; top: -1px; width: 100%; border:1px solid #dbdbdb; background-color:#fff; width: 180px; z-index:9000; box-sizing:border-box; } .main3>li::before { position:absolute; right:12px; top:16px; content:''; background:url('/design/sangdogagu/2022/menu_after.png'); width:9px; height:9px; } .main3>li { position: relative; padding: 10px 15px; box-sizing:border-box; font-size:15px; font-weight:400; color:#6c6c6c !important; background: #ffffff; } .main3>li a { } .main3>li:hover { background: #efefef; } /* 띠 배너 css */ .promotionBanner { position:relative; overflow:hidden; text-align:center; /*background:#d7ac8a;*/ margin-top:-15px; } .promotionBanner .bannerLink { display:block; } .promotionBanner .btnClose { position:absolute; /*top:33px;*/ top:8px; right:150px; } .w100 { width:100%; } .w1200 { width:1200px; margin:0 auto; } .f_left { float:left; } .f_right { float:right; } .f_left::after { content:''; display:table; clear:both; } .f_right::after { content:''; display:table; clear:both; } .point_text { color:#2dbee9; } .point_bg { background-color:#2dbee9; } #hdWrap { background: url(/images/d3/modern_simple/common/bg_hd.gif) repeat-x 0 69px;} /* header */ #header { position: relative; height: 123px; width: 900px; } #header .bi, #header #gnb, #header #favLink { position: absolute; } /* bi */ #header .bi { left: 30px; top: 30px; } /* gnb */ #header #gnb { zoom: 1; } #header #gnb:after { content: ""; display: block; clear: both; } #header #gnb { left: 45px; top: 69px; } #header #gnb li, #header #gnb a { float: left; width: auto; } #header #gnb a { padding: 10px 28px 0; height: 23px; } /* hdSchFrm */ #header #hdSchFrm { position: absolute; right: 0px; top: 75px;} #header #hdSchFrm fieldset { float: left; width: auto; } #header #hdSchFrm .MS_search_word, #header #hdSchFrm .btn-sch { float: left; width: auto; } #header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; } /* favLink */ #header #favLink { right: 30px; top: 44px; } a:hover {cursor: pointer;} /** 상품기본폼 css s **/ .normal_prod_wrap{width:calc(100% + 20px); margin:0 auto 0 -10px;} .normal_prod_wrap .prod_box{overflow:hidden; width:100%;} .normal_prod_wrap .prod_box .grid_box{width:calc(25% - 20px);/*height:438px;*/ height:460px; float:left; margin:0 10px; margin-bottom:40px; } .normal_prod_wrap .prod_box .grid_box_long{height:360px;} .normal_prod_wrap .prod_box .grid_box:hover{border-color:#7f7f7f;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap{border:0px solid #ededed; position:relative; z-index:2; overflow:hidden;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .thumb{} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .thumb img{width:100%;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap{ position:absolute; bottom:-28px; left:0px; z-index:9; width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:0px; letter-spacing:0px; word-spacing:0px; height:28px;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap a{display:inline-block; _display:inline; *display:inline; font-size:1px; width:50%; text-align:center;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap a img{margin-top:5px;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap a.opt_preview img {margin-top: 8px;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap a.ct_wp{position:relative; z-index:2;} .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap a.ct_wp span{display:block; width:1px; height:11px; background:#919191; position:absolute; top:9px; left:0px; z-index:2;} .normal_prod_wrap .prod_box .grid_box .spac_wrap{height:170px; max-height:170px; display:table; width:100%;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_icon{} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_icon img{margin-right:2px;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_name{font-size:15px !important; color:#000 !important; margin:15px 0 0 0 !important; line-height:22px !important;height:50px;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_name2{font-size:11px; color:#508fff;display:none;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_price_wrap{font-size:12px; color:#353535; /*margin-top:15px;*/} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_price_wrap .prod_dprice{font-size:12px; color:#010101; font-weight:700; } .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_price_wrap .prod_cprice{font-size:12px; color:#353535;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_price_wrap .prod_price{font-size:12px; color:#010101; font-weight:700; } .normal_prod_wrap .prod_box .grid_box .spac_wrap .prod_price_wrap .prod_price.dc{font-size:13px !important; font-weight:400 !important; color:#868686 !important; margin:0 5px !important;} .normal_prod_wrap .prod_box .grid_box .spac_wrap .spac_inn{display:table-cell; vertical-align: top; margin: 0 10; text-align:left; padding:10px 5px;} #logo_img { margin-top:-8px; } #logo_img { /*width:300px;*/ width:220px;margin-top:-2px; } .clear_fix:before, .clear_fix:after{content:''; clear:both; *zoom:1; display:table; float:none;} .inner_wrap{width:1200px; margin:0 auto ; padding: 0; } .header_wrap{ width:100%;} .header_wrap .header_inn{ padding-top:9px; padding-bottom:0px; overflow:hidden;} .header_wrap .header_inn .head_inn{float:right;} .header_wrap .header_inn {height:45px !important; } .header_wrap .header_inn .head_inn .top_logmenu{font-size:0px; letter-spacing:0px; word-spacing:0px;} .header_wrap .header_inn .head_inn .top_logmenu a{font-family:'Nanum Gothic'; font-size:12px; color:#525252; display:inline-block; _display:inline; *display:inline; padding-left:17px;position:relative; z-index:2;} .header_wrap .header_inn .head_inn .top_logmenu a.cart_cont span{display:inline-block; _display:inline; *display:inline; width:23px; height:17px; text-align:center; background:#1d3259; border-radius:17px; color:#fff; font-family:'Nanum Gothic'; line-height:1.5em; margin-left:5px; font-weight:bold;} .header_wrap .top_content{ height:110px; } .header_wrap .top_content .top_roll { position:absolute; /*margin-top:45.5px;*/ margin-top:28px; display:table-cell; } .header_wrap .top_content .sch_wrap_top_roll { position:absolute; margin-top:28.5px; /*margin-left:330px;*/ margin-left:260px;} .header_wrap .top_content .sns_icon { float:right; } .header_wrap .top_content .sns_icon a { display:inline-block; margin-left:10px; margin-top:40.5px; } .header_wrap .top_content .sch_wrap_top_roll .sch_wrap{width:290px; height:49px; position:relative; background-color:#fff; z-index:2; border:2px solid #000; /*border-radius:100px;*/border-radius:10px; } .header_wrap .top_content .sch_wrap_top_roll .sch_wrap input { background:none; font-size:15px; color:#000; height:50px; margin-top:3px; } .header_wrap .top_content .sch_wrap_top_roll .sch_wrap .top_sch{width:100%; height:25px; border:0px; line-height:25px; position:absolute; top:9px; left:0px; z-index:2; text-indent:20px; } .header_wrap .top_content .sch_wrap_top_roll .sch_wrap .sch_btn{position:absolute; top:10px; border:0; right:12px; z-index:4;} .category_wrap { width:100%; height:60px; background-color:#fff; text-align:left; border-top:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box; z-index:9000; } .cw_all { display:inline-block; font-size:17px; font-weight:500; color:#000; margin-right:50px; cursor:pointer; } .cw_all img { padding-right:10px; padding-top:3px; } .cw_all span { display:table-cell; height:60px; vertical-align:middle; } .cw { display:inline-block; font-size:17px; font-weight:500; color:#000; margin-right:50px; cursor:pointer; } .cw:hover { color:#909090; } .cw:last-child { margin-right:0; } .cw span { display:table-cell; height:60px; vertical-align:middle; } .mb { display:inline-block; font-size:14px; font-weight:400; color:#676767; line-height:56px; margin-left:20px; cursor:pointer; } .mb span { display:table-cell; height:60px; vertical-align:middle; } .mb.cart_cont img { margin-right:7.5px; padding-top:17px; } .mb.cart_cont span { display:table-cell; height:60px; vertical-align:middle; } .mb.cart_cont2 { margin-left:0; } .mb.cart_cont2 span {display:inline-block; width:40px; height:20px; text-align:center; border-radius:100px; background-color:#2dbee9; color:#fff; line-height:20px; font-weight:500; margin-top:-50px; } .today_cont{text-align:center; width:77px!important; min-height:92px; margin:0 auto;} .today_cont a{display:block; width:76px; margin:0 auto; margin-bottom:10px;} .today_cont a img{width:100%;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon01{background:url(/design//wib/img/top/q_icon01.jpg) no-repeat 11px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon02{background:url(/design//wib/img/top/q_icon02.jpg) no-repeat 11px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon03{background:url(/design//wib/img/top/q_icon03.jpg) no-repeat 11px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon04{background:#1d3259 url(/design//wib/img/top/q_icon04.jpg) no-repeat 11px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon05{background:url(/design//wib/img/top/q_icon06.jpg) no-repeat 11px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon06{background:no-repeat 21px left;} .quick_wrap{position:fixed; top:50%; transform:translateY(-50%); right:-118px; z-index:9999; border-left:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #dadada; border-radius:15px 0 0 15px; width:118px; /*height:677px;*/ background:#fff; box-sizing:border-box; } .quick_wrap .quick_inner{position:relative; z-index:2;} .quick_wrap .quick_inner .quick_cont{} .quick_wrap .quick_inner .quick_top_i{border-bottom:0px solid #dadada; } .quick_wrap .quick_inner .quick_top_i img { width:100%; border-radius:15px 0 0 0; } .quick_wrap .quick_inner .quick_top_i > a{width:100%;display:inline-block;} .quick_wrap .quick_inner .quick_cont .quick_content{/* border-top:1px solid #dadada; */} .quick_wrap .quick_inner .quick_cont .quick_content a{display:block; height:48px; border-bottom:1px solid #dadada; color:#000; text-indent:42px; overflow:hidden; /*line-height:4.2em;*/line-height:48px;font-size:13px;color:#666666;} .quick_wrap .quick_inner .quick_cont .quick_content a span{display:block;} .quick_wrap .quick_inner .quick_cont .quick_content a.texinv{line-height:100%;/* background:#1d3259; */} .quick_wrap .quick_inner .quick_cont .quick_content a.texinv span{color:#fff;} .quick_wrap .quick_inner .quick_cont .quick_content a.texinv .sp{margin-top:13px; margin-bottom:3px;} .quick_wrap .quick_inner .quick_cont .quick_content .sp2{margin-top:13px; margin-bottom:3px;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon01{background:url(http://ofunis.com/homepage/icon/assembly_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon02{background:url(http://ofunis.com/homepage/icon/delivery_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon03{background:url(http://ofunis.com/homepage/icon/cscenter_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon04{background:url(http://ofunis.com/homepage/icon/coupon_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon05{background:url(http://ofunis.com/homepage/icon/planned_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon06{background:url(http://ofunis.com/homepage/icon/assemble_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon07{background:url(http://ofunis.com/homepage/icon/receipt_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon08{background:url(http://ofunis.com/homepage/icon/box_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont .quick_content .qicon09{background:url(http://ofunis.com/homepage/icon/vender_icon.png) no-repeat 12px center;} .quick_wrap .quick_inner .quick_cont2{} .quick_wrap .quick_inner .quick_cont2 a{ height:48px; text-indent:38px; overflow:hidden; line-height:4.2em; } .quick_wrap .quick_inner .quick_cont .today_prod_wrap{border-bottom:0px solid #dadada; text-align:center; padding-bottom:0px;} .quick_wrap .quick_inner .quick_cont .today_prod_wrap h2{text-indent:0px; color:#000; padding:15px 0px; font-weight:bold;} .quick_wrap .quick_inner .quick_cont .today_prod_wrap .today_prev{position:absolute; margin-top:-59px; left:6px; cursor:pointer;} .quick_wrap .quick_inner .quick_cont .today_prod_wrap .today_next{position:absolute; margin-top:-59px; right:7px; cursor:pointer;} .quick_wrap .quick_inner .quick_cont .today_prod_wrap .today_prev img, .quick_wrap .quick_inner .quick_cont .today_prod_wrap .today_next img { width:7px; } .quick_wrap .quick_inner .quick_cont .sns_wrap{border-top:1px solid #dadada; text-align:center; padding:10px 0px;} .quick_wrap .quick_inner .quick_cont .sns_wrap a{display:inline-block; _display:inline; *diaplay:inline; padding:0 1px;} .quick_wrap .quick_inner .quick_cont .top_btn{cursor:pointer; float:left; width:50%; background-color:#000; text-align:center; padding:12px 0 12px 8px; border-radius:0 0 0 15px; box-sizing:border-box; } .quick_wrap .quick_inner .quick_cont .btm_btn{cursor:pointer; float:right; width:calc(50% + 1px); background-color:#000; text-align:center; padding:12px 8px 12px 0; margin-left:-1px; box-sizing:border-box; } .quick_wrap .quick_inner .quick_cont .top_btn img, .quick_wrap .quick_inner .quick_cont .btm_btn img { width:22px; text-align:center; } .quick_wrap .quick_inner .quick_onoff_btn{position:absolute; top:50%; transform:translateY(-50%); width:59px; left:-70px; border-right:0px; cursor:pointer;} .quick_onoff_btn img { width:100%; } /*대메뉴*/ ul.main2 > li > a{display:block;font-size:inherit;color:inherit;} /*기획전하단_썸네일_마우스오버시 나타나는거*/ .normal_prod_wrap .prod_box .grid_box .thumb_wrap .grid_opt_wrap{display:none;} /*검색창 옆 문구*/ .searchTip{font-size: 18px;/*margin-right: 200px;*/margin-right: 255px;text-decoration: underline;color: #333;margin-top: 45px!important;} /* BASIC css end */