@charset "utf-8";
body {-webkit-text-size-adjust:none}

/* BASIC */
html {margin:0;padding:0;overflow-y:scroll;}
body {height:100%;}
body, p, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre {margin:0; padding:0; -webkit-text-size-adjust:none; font-family: "돋움", Dotum, Droid Sans, AppleSDGothicNeo, AppleGothic, Helvetica, Sans-serif;  } /* 아이폰 가로모드 글자 크기 확대 방지: -webkit-text-size-adjust:none; */
body, input, textarea, select, button {color:#585858; font-size:12px; font-family: Dotum; }

header, footer, nav, aside, section, article {display:block;}
fieldset, img {border:0;}
img {-ms-interpolation-mode:bicubic !important; border:0;}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
ul, ol {list-style:none;}
a {color:#585858; text-decoration:none;}
a:link {color:#606060; text-decoration:none;}
a:hover {color:#dd1032;}

img, input {vertical-align:middle;}

.clear {clear:both;display:block;float:none;font-size:0 !important;height 0;line-height:0 !important;margin:0 !important;overflow:hidden;padding:0 !important;width:100%;}


/* Selects */
.jqTransformSelectWrapper {float:left;position:relative;width:75px;height:30px;}
.jqTransformSelectWrapper div span {z-index:4500;font-size:12px;position:absolute;left:0;top:0;white-space:nowrap;height:30px;line-height:30px;width:75px !important;text-align:left;padding:0 0 0 8px;color:#e71818; overflow:hidden;cursor:pointer}
.jqTransformSelectWrapper a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:10px;height:30px;background:url(/images/search_arrow.gif) no-repeat center center}
.jqTransformSelectWrapper ul {position:absolute;top:30px;left:-1px;list-style:none;background:#fff;border:solid 1px #dd1032;border-top:0;display:none;overflow:auto;overflow-y:auto;z-index:10}
.jqTransformSelectWrapper ul a{display:block;padding:3px 2px 9px 8px;text-decoration:none;color:#666;background:#fff;font-size:12px;text-align:left;width:62px;}
.jqTransformSelectWrapper ul a:hover{color:#000;}
.jqTransformSelectWrapper ul a.selected {}
.jqTransformHidden {display: none;}
 /* Selects */

.checkbox {width:13px;height:13px;}

#topWrap img {float:left;}
#topWrap {width:100%;height:29px;background:#fafafa;border-bottom:1px solid #eaeaea;}
#topWrap #top {width:980px;margin:0 auto;}
#topWrap #top #top_notice {float:left;}
#topWrap #top #top_notice li {float:left;margin-top:9px;}
#topWrap #top #top_notice li.topLeftLine {width:22px;height:6px;background:url(/images/top_bg.gif) repeat-y 8px 0;margin:11px 0 0 0;}
#topWrap #top #top_notice li.topView {width:210px;font:11px dotum;}
#topWrap #top #top_notice li.topView a {color:#8f9292;}
#topWrap #top #top_notice li.topView a:hover {color:#dd1032;}
#topWrap #top #topRight {float:right;}
#topWrap #top #topRight li {float:right;margin-top:10px;}
#topWrap #top #topRight li#bookmark {margin-top:6px}
#topWrap #top #topRight li#log {margin-top:6px}
#topWrap #top #topRight li.topRightBar {width:16px;height:7px;background:url(/images/top_bar.gif) repeat-y 8px 0;margin:13px 0 0 0;}

#topWrap2 img {float:left;}
#topWrap2 {width:100%;height:80px;background:#cfe6ee;border-bottom:1px solid #FFFFFF;}
#topWrap2 #top {width:980px;margin:0 auto;}
#topWrap2 #top #top_notice2 {float:left;}
#topWrap2 #top #top_notice2 li {float:left;margin-top:9px;}
#topWrap2 #top #top_notice2 li.topLeftLine {width:22px;height:6px;background:url(/images/top_bg.gif) repeat-y 8px 0;margin:11px 0 0 0;}
#topWrap2 #top #top_notice2 li.topView {width:210px;font:11px dotum;}
#topWrap2 #top #top_notice2 li.topView a {color:#8f9292;}
#topWrap2 #top #top_notice2 li.topView a:hover {color:#dd1032;}


#wrap {clear:both;width:980px;margin:0 auto;}

#header {width:988px;height:84px; background-color:rgba(255,255,255,0.8);}
#header #logo {width:133px;height:58px;float:left;margin:11px 50px 0 130px;}
#header #search {width:400px;height:33px;float:left;margin:24px 50px 0 -30px;background-color:#FFFFFF;border:3px solid #dd1032;position:relative;z-index:4000;}
#header #search li {float:left;}
#header #search li a {outline:none;}
#header #search li#searchSelect select {border:none;width:84px;}
#header #search li.searchBar {width:1px;height:17px;background:#dcdcdc;margin:6px 8px 0 8px;}
#header #search li#searchTxt input {width:265px;padding:9px 0 7px 0;border:0;float:left;color:#666;}
#header #search li#searchBtn {width:30px;height:33px;border-left:1px solid #dd1032;position:absolute;top:0;right:0;}
#header #logoSS {width:133px;height:39px;float:left;margin:24px 0 0 -32px;}


/*#gnb {clear:both;width:980px;height:30px;position:relative;z-index:3000;background-color:#F7F7F7;border-top:2px solid #ED0000;border-bottom:2px solid #ED0000;}
#gnb ul li.menu {height:33px;overflow:hidden;float:left;width: 10%;color: #FFFFFF; line-height:240%;text-align:center;}
#gnb ul li  :hover {color:#ED0000;}
#gnb ul li.menu a.menuLink {outline:none;}
#gnb ul li.menu a.menuLink img {vertical-align:top;}
#gnb ul li.menu a.menuLink img:hover {margin-top:-33px;}*/

#gnb {clear:both;width:980px;height:30px;position:relative;z-index:3000;background-color:#FFFFFF;border-top:80px solid #FFFFFF;border-bottom:2px solid #ED0000;}
#gnb ul li.menu {height:33px;overflow:hidden;float:left;width: 10%;color: #FFFFFF; line-height:240%;text-align:center;}
#gnb ul li  :hover {color:#ED0000;}
#gnb ul li.menu a.menuLink {outline:none;}
#gnb ul li.menu a.menuLink img {vertical-align:top;}
#gnb ul li.menu a.menuLink img:hover {margin-top:-33px;}

#gnb2 {clear:both;width:980px;height:60px;background-color:#FFFFFF;border-bottom:2px solid #ED0000;}
#gnb2 ul li.menu {height:33px;overflow:hidden;float:left;width: 10%;color: #FFFFFF; line-height:240%;text-align:center;}
#gnb2 ul li  :hover {color:#ED0000;}
#gnb2 ul li.menu a.menuLink {outline:none;}
#gnb2 ul li.menu a.menuLink img {vertical-align:top;}
#gnb2 ul li.menu a.menuLink img:hover {margin-top:-33px;}



#main_gnb {
    width: 980px;
    height: 35px;
    margin: 0px auto;
	background-color:#F6F6F6;
    border-top:2px solid #ED0000;
    border-bottom:2px solid #ED0000;
}

    #main_gnb ul li {
        width: 11%;
        float: left;
        text-align:center;
        line-height:35px;        
    }

        #main_gnb ul li a {
            color: #353535;
        }
        
        #main_gnb ul li  :hover {
        color:#ED0000;      
    }



/*전체카테고리 눌렀을때*/
#fullmenu {position:absolute;width:976px;top:31px;left:50%;margin-left:-490px;border:2px solid #d52223;background:#fff url(/images/fullmenu_bg2.gif) repeat-y 0 1px;overflow:hidden;*zoom:1;z-index:2000;display:none;}
#fullmenu #fmWrap {overflow:hidden;*zoom:1;width:100%;position:relative;}
#fullmenu #fmWrap #fmclose {position:absolute;bottom:5px;right:5px;cursor:pointer;}
#fullmenu #fmWrap #fmclose img {margin-right:3px;}
#fullmenu .fm {width:162px;float:left;border-right:1px solid #cbcbcb;}
#fullmenu h3 {border-top:1px solid #cbcbcb;background:url(/images/fullmenu_bg.gif) repeat-x;font:bold 12px 맑은 고딕,malgun gothic;height:26px;padding:6px 0 0 10px;vertical-align:middle;border-bottom:1px solid #cbcbcb;}
#fullmenu h3 a {color:#333;}
#fullmenu h3 img {height:13px;margin-right:3px;}
#fullmenu #f6,#fullmenu #f12,#fullmenu #f18,#fullmenu #f24,#fullmenu #f30 {width:161px !important;border-right:0 none;}
#fullmenu #f1 h3,#fullmenu #f2 h3,#fullmenu #f3 h3,#fullmenu #f4 h3,#fullmenu #f5 h3,#fullmenu #f6 h3 {border-top:0 none !important;}

#fullmenu .fm .fms {padding:10px;}
#fullmenu .fm .fms li {font:11px 맑은 고딕,malgun gothic;height:18px;letter-spacing:-0.5px;background:url(/images/fullmenu_dot.gif) no-repeat 0 8px;padding-left:5px;}




/*추천매장 눌렀을때 2014-04-05*/
/*#recommandMenu {position:absolute;width:652px;top:31px;left:323px;border:2px solid #d52223;background:#fff url(/images/fullmenu_bg2.gif) repeat-y 0 1px;overflow:hidden;*zoom:1;z-index:2000;display:none;}*/
#recommandMenu {position:absolute;width:492px;top:31px;left:484px;border:2px solid #d52223;background:#fff url(/images/fullmenu_bg2.gif) repeat-y 0 1px;overflow:hidden;*zoom:1;z-index:2000;display:none;}

#recommandMenu #fmWrap_Recommand {overflow:hidden;*zoom:1;width:100%;position:relative;}
#recommandMenu #fmWrap_Recommand #fmclose_Recommand {position:absolute;bottom:5px;right:5px;cursor:pointer;}
#recommandMenu #fmWrap_Recommand #fmclose_Recommand img {margin-right:3px;}


/*셀간격*/
#recommandMenu .fm_Recommand {width:122px;float:left;border-right:1px solid #cbcbcb;}
/*#recommandMenu .fm_Recommand {width:162px;float:left;border-right:1px solid #cbcbcb;}*/


#recommandMenu h3 {border-top:1px solid #cbcbcb;background:url(/images/fullmenu_bg.gif) repeat-x;font:bold 12px 맑은 고딕,malgun gothic;height:26px;padding:6px 0 0 10px;vertical-align:middle;border-bottom:1px solid #cbcbcb;}
#recommandMenu h3 a {color:#333;}
#recommandMenu h3 img {height:13px;margin-right:3px;}


#recommandMenu h4 {border-top:1px solid #cbcbcb;background:#FFFFCC repeat-x;font:bold 12px 맑은 고딕,malgun gothic;height:20px;padding:6px 0 0 10px;vertical-align:middle;border-bottom:1px solid #cbcbcb;}
#recommandMenu h4 a {color:#333;}
#recommandMenu h4 img {height:13px;margin-right:3px;}


#recommandMenu h5 {border-top:1px solid #cbcbcb;background:#ffffff repeat-x;font:bold 12px 맑은 고딕,malgun gothic;height:20px;padding:6px 0 0 10px;vertical-align:middle;border-bottom:1px solid #cbcbcb;}
#recommandMenu h5 a {color:#333;}
#recommandMenu h5 img {height:13px;margin-right:3px;}




#recommandMenu #fR6,#recommandMenu #fR12,#recommandMenu #fR18,#recommandMenu #fR24 {width:161px !important;border-right:0 none;}*/
#recommandMenu #fR1 h3,#recommandMenu #fR2 h3,#recommandMenu #fR3 h3,#recommandMenu #fR4 h3{border-top:0 none !important;}

#recommandMenu .fm_Recommand .fms_Recommand {padding:10px;}
#recommandMenu .fm_Recommand .fms_Recommand li {font:11px 맑은 고딕,malgun gothic;height:18px;letter-spacing:-0.5px;background:url(/images/fullmenu_dot.gif) no-repeat 0 8px;padding-left:5px;}


#boxmarket {width:978px;height:180px;border:1px solid #d3d3d3;float:left;margin:5px 0 0 0;}
#boxmarket .market_img {width:489px;height:180px;float:left;vertical-align:top;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transition:All 1s linear;-webkit-transition:All 1s linear;-ms-transition:All .3s linear}

/*
#boxmarket {width:978px;height:200px;border:1px solid #d3d3d3;float:left;margin:5px 0 0 0;overflow: hidden;}
#boxmarket .market_img {width:489px;height:200px;float:left;vertical-align:top;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transition:All 1s linear;-webkit-transition:All 1s linear;-ms-transition:All .3s linear}
#boxmarket:hover .market_img {transform:scale(1.07);-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transition:All 1s linear;-webkit-transition:All 1s linear;-ms-transition:All .3s linear}
*/

/*2014-11-10최민정 메인에 탑20 상품나오도록 추가*/
#mainTop20 {clear:both;width:978px;height:99px;border:1px solid #d3d3d3;overflow:hidden;}

#mainVisual {clear:both;width:978px;height:99px;border:1px solid #d3d3d3;overflow:hidden;}
#mainMidLeft {float:left;width:242px;}

#mainMidLeft div#loginBox {width:240px;height:139px;overflow:hidden;border:1px solid #d3d3d3;border-top:0 none;background:#f9f9f9;}
#mainMidLeft div#loginBox #lB_top {width:220px;margin:0 auto;padding:18px 0 7px 0;}
#mainMidLeft div#loginBox #lB_top li {float:left;}
#mainMidLeft div#loginBox #lB_top li.lB_id {font:bold 12px dotum,돋움;color:#000;width:56px;margin-top:6px;margin-left:2px;}
#mainMidLeft div#loginBox #lB_top li.lB_pass {clear:both;font:bold 12px dotum,돋움;color:#000;width:56px;margin-top:8px;margin-left:2px;}
#mainMidLeft div#loginBox #lB_top li.lB_form2 {margin-top:2px;}
#mainMidLeft div#loginBox #lB_top li.lB_chk {margin:6px 0 0 8px;}
#mainMidLeft div#loginBox #lB_top li.lB_btn {margin:2px 0 0 6px;}
#mainMidLeft div#loginBox #lB_top li input.loginForm {width:96px;height:22px;border:1px solid #9a9a9a;float:left;}
#mainMidLeft div#loginBox .loginLine {width:220px;background:#e4e4e4;height:1px;margin:0 auto;}
#mainMidLeft div#loginBox #lB_bot {width:195px;margin:0 auto;padding-top:17px;}
#mainMidLeft div#loginBox #lB_bot li {font:11px dotum,돋움;float:left;}
#mainMidLeft div#loginBox #lB_bot li.lB_join a {font-weight:bold;color:#666;}
#mainMidLeft div#loginBox #lB_bot li.lB_search a {color:#8e8e8e;}
#mainMidLeft div#loginBox #lB_bot li.lB_bar {width:1px;height:11px;background:#cecece;margin:0 9px;}
#mainMidLeft div#loginBox #lB_bot li.lB_go {clear:both;margin-top:5px;width:195px;}
#mainMidLeft div#loginBox #lB_bot li.lB_go a {color:#dd1032;font-weight:bold;}

#mainMidLeft div#mainLeftBanner {clear:both;margin-top:8px;}
#mainMidLeft div#mainLeftBanner ul li {border:1px solid #d5d5d5;width:240px;height:61px;}
#mainMidLeft div#mainLeftBanner ul li.mg {margin-top:2px;}
#mainMidCenter {float:left;width:530px;height:341px;border:1px solid #d3d3d3;border-top:0 none;margin-left:7px;overflow:hidden;z-index:100 !important;position:relative;}
#mainMidCenter img {width:530px;height:341px;}

#mainMidRight {float:right;width:192px;height:322px;margin-top:0px;position:relative;z-index:50;}
#mainMidRight h2#lR_title {position:absolute;top:0;left:0;z-index:30;}

.slides {position:relative;width:192px;z-index:40;}
.slides .slide {overflow:hidden;position:relative;width:192px;height:322px;z-index:30;}
.slides .slide li {margin-top:0px;}
.slides .slide li span {display:block;margin-top:5px;}
.slides .slide li span img {border:1px solid #d8d8d8;}
.slides .page {z-index:100;position:absolute;top:333px;right:50;width:100px;}
.slides .page li{float:left;margin:0 0 0 3px;_zoom:1}
.slides .page li a {display:block;overflow:hidden;width:9px;height:9px;background:url(/images/sp_page.gif) 0 0 no-repeat;line-height:999px;vertical-align:top}
.slides .page li.current a {background-position:0 -9px}

#mainItem {clear:both;width:980px;margin:15px auto 0 auto;height:226px;}
.mainItemTitle {height:32px;}
.mainItemTitle h2.iTitle {float:left;margin-left:5px;}
.mainItemTitle p.iMore {float:right;margin:8px 1px 0 0;}
#mainItem #mVisit {width:383px;float:left;}
.mainItemBox {width:381px;height:192px;border:1px solid #d2d2d2;background:#f9f9f9;}
.mainItemBox .mainItemBoxLeft {float:left;margin:7px 14px 0 4px;}
.mainItemBox .mainItemBoxRight {float:left;position:relative;width:245px;margin-top:8px;}
.mainItemBox .mainItemBoxRight ul li a {padding:7px 0 0 32px;display:block;width:211px;height:31px;border:1px solid #d9d9d7;position:relative;margin-bottom:5px;background:#fff url(/images/mainvisit_btn.gif) no-repeat 171px 9px;font:12px dotum,돋움;color:#999;}
.mainItemBox .mainItemBoxRight ul li a strong {font-size:11px;color:#666;}
.mainItemBox .mainItemBoxRight ul li a .mainRollNo {position:absolute;left:-1px;top:-1px;}
#mainItem #mHit {width:383px;float:left;margin:0 0 0 17px;}
#mainItem #mNew {width:180px;float:right;}
#mainItem #mNew #mNewBox {width:178px;height:192px;border:1px solid #be0200;background:url(/images/mnewbox_bg.gif) no-repeat 0 0;}
#mainItem #mNew #mNewBox h3#mNewBoxTitle {width:107px;height:14px;margin:17px auto 15px auto;}
#mainItem #mNew #mNewBox #newRanks {width:131px;margin:0 auto;}
#mainItem #mNew #mNewBox #newRanks li a {display:block;width:131px;height:135px;text-align:center;font:12px dotum,돋움;color:#999;line-height:16px;}
#mainItem #mNew #mNewBox #newRanks li a img {margin-bottom:8px;}
#mainItem #mNew #mNewBox #newRanks li a strong {font-size:11px;color:#666;}

#bottom {width:978px;height:140px;border:1px solid #d2d2d2;margin-top:27px;}
#bottom #bot_1 {float:left;width:221px;height:140px;border-right:1px solid #d2d2d2;}
#bottom #bot_1 li {float:left;}
#bottom #bot_1 li.bot_1_1 {float:left;margin:24px 0 0 23px;}
#bottom #bot_1 li.bot_1_2 {float:left;margin:10px 0 0 18px;}
#bottom #bot_1 li.bot_1_3 {float:left;margin:10px 0 0 6px;}
#bottom #bot_2 {float:left;width:252px;height:140px;}
#bottom #bot_2 li {float:left;border-right:1px solid #d2d2d2;}
#bottom #bot_3 {float:left;width:291px;border-right:1px solid #d2d2d2;height:140px;}
#bottom #bot_3 li.bot_3_1 {width:258px;margin:21px 0 0 18px;}
#bottom #bot_3 li.bot_3_1 h4 {float:left;width:41px;height:11px;margin-top:3px;}
#bottom #bot_3 li.bot_3_1 p {float:right;}
#bottom #bot_3 li.bot_3_2 {margin:11px 0 0 18px;width:258px;}
#bottom #bot_3 li.bot_3_2 table {width:100%;}
#bottom #bot_3 li.bot_3_2 table th {font:12px dotum,돋움;text-align:left;height:20px;}
#bottom #bot_3 li.bot_3_2 table th img {margin-right:3px;}
#bottom #bot_3 li.bot_3_2 table td {width:64px;font:11px dotum,돋움;color:#777;}
#bottom #bot_4 {float:left;width:212px;height:140px;}
#bottom #bot_4 li {float:left;}
#bottom #bot_4 li.bot_4_1 {float:left;margin:24px 0 0 16px;}
#bottom #bot_4 li.bot_4_2 {float:left;margin:10px 0 0 11px;}
#bottom #bot_4 li.bot_4_3 {float:left;margin:10px 0 0 6px;}

#foot {width:980px;height:34px;background:#e7e7e7;margin-top:16px;}
#foot ul {padding:11px 0 0 104px;}
#foot ul li {float:left;}
#foot ul li.footBar {width:1px;height:12px;margin:0 66px;background:#c3c3c3;}

#copyright {width:980px;margin:18px 0;}



/*서브스타일*/

#sub {width:980px;margin-top:23px;}
#sl {width:179px;float:left;}
#subRank {width:179px;}
#subRank h2 {font:bold 15px dotum,돋움;background:#de1d22;color:#fff;text-align:center;height:22px;padding-top:5px;border:1px solid #a40e11;width:177px;}
#subRank #rank_1 {border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;position:relative;}
#subRank #rank_1 h3 {height:39px;border-bottom:1px solid #cecfd3;}
#subRank #rank_1 h3 img {margin:8px 0 0 13px;}
#subRank #rank_1 ul.rank_1s {z-index:100px;}
#subRank #rank_1 ul.rank_1s li a {display:block;width:177px;height:33px;border-bottom:1px solid #cecfd3;}
#subRank #rank_1 ul.rank_1s li a img {margin:10px 7px 0 18px;float:left;}
#subRank #rank_1 ul.rank_1s li a span {display:block;margin:10px 0 0 0;float:left;}
#subRank #rank_1 ul.rank_1s li a.botBorder {border-bottom:1px solid #de1d22;}
#subRank #rank_1 a.prev {position:absolute;z-index:200px;top:18px;right:14px;width:13px;height:14px;background:url(/images/rank_left.gif) no-repeat;text-indent:-9999px;}
#subRank #rank_1 a.next {position:absolute;z-index:200px;top:18px;right:2px;width:12px;height:14px;background:url(/images/rank_right.gif) no-repeat;text-indent:-9999px;}

#subRank #rank_2 {border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;position:relative;}
#subRank #rank_2 h3 {height:39px;border-bottom:1px solid #cecfd3;}
#subRank #rank_2 h3 img {margin:8px 0 0 13px;}
#subRank #rank_2 ul.rank_2s {z-index:100px;}
#subRank #rank_2 ul.rank_2s li a {display:block;width:177px;height:33px;border-bottom:1px solid #cecfd3;}
#subRank #rank_2 ul.rank_2s li a img {margin:10px 7px 0 18px;float:left;}
#subRank #rank_2 ul.rank_2s li a span {display:block;margin:10px 0 0 0;float:left;}
#subRank #rank_2 a.prev {position:absolute;z-index:200px;top:18px;right:14px;width:13px;height:14px;background:url(/images/rank_left.gif) no-repeat;text-indent:-9999px;}
#subRank #rank_2 a.next {position:absolute;z-index:200px;top:18px;right:2px;width:12px;height:14px;background:url(/images/rank_right.gif) no-repeat;text-indent:-9999px;}

#subTextile {clear:both;margin-top:31px;}
#subTextile h3 {width:113px;height:15px;margin-bottom:3px;}
#subTextile li {width:179px;height:69px;margin-top:1px;}

#subGood {position:relative;width:179px;margin-top:24px;}
#subGood .subGoods {z-index:50;}
#subGood .subGoods li span {display:block;margin-top:1px;width:179px;}
#subGood .subGoods li span img {border:1px solid #d3d3d3;width:177px;height:141px;}
#subGood .page {z-index:100;position:absolute;top:7px;right:0;width:61px;}
#subGood .page li{float:left;margin:0 0 0 3px;_zoom:1}
#subGood .page li a {display:block;overflow:hidden;width:9px;height:5px;background:url(/images/sp_page.gif) 0 0 no-repeat;line-height:999px;vertical-align:top}
#subGood .page li.current a {background-position:0 -9px}


/*디프라자게시글레이아웃*/
//#sr {width:787px;float:right;}
#sr {width:787px;float:right;}
#sr .searchTop {margin-top:15px;}
#sr .searchTop li {float:left;height:29px;overflow:hidden;}
#sr .searchTop li img {vertical-align:top}
#sr .searchTop li img:hover {margin-top:-29px;}
#sr .searchTop li img.active {margin-top:-29px;}



/*마이페이지*/
//#sr {width:787px;float:right;}
#sr3 {width:980px;float:right;}
#sr3 .searchTop {margin-top:15px;}
#sr3 .searchTop li {float:left;height:29px;overflow:hidden;}
#sr3 .searchTop li img {vertical-align:top}
#sr3 .searchTop li img:hover {margin-top:-29px;}
#sr3 .searchTop li img.active {margin-top:-29px;}




/*상품검색레이아웃*/
#sr2 {width:980px;float:right;}
#sr2 h2.subTitle2 {font:12px dotum, 돋움;color:#4d4d4d;width:100%;margin-top:15px;}
#sr2 h2.subTitle2 span {color:#de1d22;}
#sr2 h2.subTitle2 p {float:right;color:#666;font-weight:bold;}
#sr2 .searchTop {margin-top:15px;}
#sr2 .searchTop li {float:left;height:29px;overflow:hidden;}
#sr2 .searchTop li img {vertical-align:top}
#sr2 .searchTop li img:hover {margin-top:-29px;}
#sr2 .searchTop li img.active {margin-top:-29px;}


#sr2 #sSearch {clear:both;width:980px;height:48px;border:1px solid #d9d9d9;background:#f5f5f5;}
#sr2 #sSearch ul li {float:left;}
#sr2 #sSearch ul li .sSearchTxt {width:97px;height:16px;border:1px solid #ccc;font-size:12px;color:#000000;}
#sr2 #sSearch ul li.sSearch_1 {margin:18px 6px 0 10px;}
#sr2 #sSearch ul li.sSearch_2 {margin:15px 0 0 0;}
#sr2 #sSearch ul li.sSearch_3 {margin:12px 0 0 6px;}


/* 맞춤가공업체소개 */
#company_list_title {padding-top: 25px;}
#company_list {overflow: hidden;zoom: 1; width: 980px; height: 100px;margin-top: 10px;border: 1px solid #d2d4d6;border-bottom-color: #b0b2b4;}
#company_list .company_list_pt1 {float: left; width: 98px; height: 50px; margin-left: -1px; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #84bcf9; line-height:420%; text-align:center;}
#company_list .company_list_pt2 {float: left; width: 98px; height: 50px; margin-left: -1px; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #FFFFFF; line-height:420%; text-align:center;}


/*부자재&악세사리소개 */
#company_list_title_acc {padding-top: 25px;}
#company_list_acc {width: 980px; height: 50px;margin-top: 10px;border: 1px solid #d2d4d6;border-bottom-color: #b0b2b4;}
#company_list_acc .company_list_pt1_acc {float: left; width: 98px; height: 50px; margin-left: -1px; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #84bcf9; line-height:420%; text-align:center;}
#company_list_acc .company_list_pt2_acc {float: left; width: 98px; height: 50px; margin-left: -1px; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #FFFFFF; line-height:420%; text-align:center;}




/* 쇼베너7개 */
#showbanner_list {width: 978px; height: 520px; position: relative; padding: 3px 0px 13px 4px; background: #f0f0f0; border: 1px solid #d6d6d6; border-bottom: 1px solid #b8b8b8; overflow: hidden;}
#showbanner_list .showbanner_no1 {width: 468px; height: 248px; float: left; position: relative; margin: 10px 2px 0 10px; background: #fff; border: 1px solid #d6d6d6;}
#showbanner_list .showbanner_no1:hover {border: 1px solid #da291c;}
#showbanner_list .btn-buying {display:none;position:absolute;right:15px;bottom:15px;width:104px;height:41px;background:url(/images/shopgoing.png)no-repeat;text-indent:-9999px;}
#showbanner_list .showbanner_no1:hover .btn-buying {display:inline-block}

#showbanner_list .showbanner_no2 {width: 228px; height: 248px; float: left; position: relative; margin: 10px 2px 0 10px; background: #fff; border: 1px solid #d6d6d6;}
#showbanner_list .showbanner_no2:hover {border: 1px solid #da291c;}
#showbanner_list .showbanner_no2:hover .btn-buying {display:inline-block}

/* 상품100개나열 */
/*#product_list {position: relative; width: 140px; height: 234px; float: left; margin-right: 10px; border: 1px solid #d6d6d6; border-bottom: 1px solid #b8b8b8; background: #f9f9f9;}*/
#product_list {position: relative; width: 224px; height: 331px; float: left;  border: 1px solid #d6d6d6; border-bottom: 1px solid #b8b8b8; background: #f9f9f9;}
/*#product_list .photo_display{position: relative; width: 144px; height: 160px;}*/
#product_list .photo_display{position: relative; width: 225px; height: 257px;}
#product_list .product_text1 {height: 16px; padding: 1px 12px 0 12px; font-size: 13px; color: #33353d; font-weight: normal; text-overflow: ellipsis; line-height: 140%; overflow: hidden;}
#product_list .product_text2 {min-height: 12px; overflow: hidden; padding: 1px 12px 0 12px; color: #33353d; font-size: 12px;}


/* 신규상품 20 */
#sr2 #searchItem {margin-top:19px;}
#sr2 #searchItem .searchNameLink {height:20px;}
#sr2 #searchItem .sItemBox {width:140px; height: 234px; float: left; margin-right: 10px;}
#sr2 #searchItem .sItemBox .sIBLeft {width:137px;float:left;}
#sr2 #searchItem .sItemBox .sIBRight {width:336px;float:right;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_1 {height:20px;color:#000;font:16px gulim,굴림;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_2 {height:16px;color:#373737;color:#666;margin:7px 0;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_3 {height:24px;font-weight:bold;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_3 a {width:13px;height:13px;display:inline-block;margin-right:3px;vertical-align:middle;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_4 {height:20px;color:#666;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_5 {height:20px;color:#666;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_6 {height:20px;color:#4d61aa;}
#sr2 #searchItem .sItemBox .sIBRight .sIBRight_6 img {margin-right:3px;}
#sr2 #searchItem .sItemBoxline {clear:both;height:20px;background:url(/images/subline.gif) repeat-x 0 50%;}

/* 신규등록 shop 20 */
#sr2 #searchItem3 {width: 980px;  overflow: hidden; margin: 15px 0 0 -5px; padding: 0;}
#sr2 #searchItem3 .sItemBox {position: relative; float: left;width:473px;border: 0px solid #cdcdcd;margin: 0 0 15px 15px}
#sr2 #searchItem3 .sItemBox .sIBLeft {width:131px;float:left;margin:10px 0 0 0;}
#sr2 #searchItem3 .sItemBox .sIBLeft:hover {border: 2px solid #da291c; box-shadow: 0 12px 16px 0 #EAEAEA;}
#sr2 #searchItem3 .sItemBox .sIBRight {width:320px;float:right;margin:10px 0 10px 0;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_1 {height:20px;color:#000;font:bold 15px dotum,돋움;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_2 {height:16px;color:#373737;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_3 {height:16px;font-size:11px;margin:3px 0;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_3 span {height:20px;padding:0 3px;color:#aaa;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_4 {height:16px;color:#666;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_5 {height:16px;color:#666;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_6 .dangol {height:20px;font:bold 11px dotum,돋움;letter-spacing:-0.5px;color:#333;width:60px;padding:3px;background:#f3f3f3;border:1px solid #dedede;border-bottom:1px solid #aaa;border-right:1px solid #aaa;}
#sr2 #searchItem3 .sItemBox .sIBRight .sIBRight_7 {height:26px;color:#000;font:bold 15px dotum,돋움;}
#sr2 #searchItem3 .sItemBoxline {clear:both;height:25px;background:url(/images/subline.gif) repeat-x 0 50%;}

#sr2 #sSearch2 {clear:both;width:980px;height:48px;border:1px solid #d9d9d9;background:#f5f5f5;margin-top:34px;}
#sr2 #sSearch2 ul li {float:left;}
#sr2 #sSearch2 ul li .sSearchTxt {width:130px;height:16px;border:1px solid #ccc;font-size:11px;color:#8f9292;}
#sr2 #sSearch2 ul li.sSearch_1 {margin:18px 6px 0 10px;}
#sr2 #sSearch2 ul li.sSearch_2 {margin:15px 0 0 0;}
#sr2 #sSearch2 ul li.sSearch_3 {margin:12px 0 0 6px;}


#sr2 #sSearch3 {clear:both;width:980px;height:97px;border:1px solid #d9d9d9;background:#f5f5f5;margin-top:14px;}
#sr2 #sSearch3 ul li {float:left;}
#sr2 #sSearch3 ul li .sSearchTxt {width:89px;height:16px;border:1px solid #ccc;font-size:12px;color:#000000;}
#sr2 #sSearch3 ul li .sSearchSel {width:114px;border:1px solid #ccc;font-size:12px;color:#000000;}
#sr2 #sSearch3 ul li .sSearchSel2 {border:1px solid #ccc;font-size:12px;color:#000000;}
#sr2 #sSearch3 ul li.sSearch_1 {margin:18px 6px 0 10px;}
#sr2 #sSearch3 ul li.sSearch_2 {margin:15px 0 0 0;}
#sr2 #sSearch3 ul li.sSearch_3 {margin:12px 0 0 6px;}
#sr2 #sSearch3 ul li.sSearch_4 {margin:5px 6px 0 10px;}
#sr2 #sSearch3 ul li.sSearch_5 {margin:2px 0 0 3px;}
#sr2 #sSearch3 ul li.sSearch_5 a {float:left;margin-right:7px;}
#sr2 #sSearch3 ul li.sSearch_5 a:hover {background-image:url(/images/color_over.png);background-repeat:no-repeat;}
#sr2 #sSearch3 ul li.sSearch_5 .active {background-image:url(/images/color_over.png);background-repeat:no-repeat;}
#sr2 #sSearch3 ul li.sSearch_6 {margin:6px 15px 0 4px;}
.sSearchLine {background:url(/images/search_line.gif) repeat-x;height:1px;width:980px;margin:10px auto;}
.colorbox {display:block;width:13px;height:13px;}
.red {background-color:#f50e04;border:1px solid #f50e04;}
.orange {background-color:#ff6f00;border:1px solid #ff6f00;}
.brown {background-color:#801a04;border:1px solid #801a04;}
.yellow {background-color:#f7df01;border:1px solid #f7df01;}
.green {background-color:#008c2c;border:1px solid #008c2c;}
.blue {background-color:#004988;border:1px solid #004988;}
.purple {background-color:#c33194;border:1px solid #c33194;}
.pink {background-color:#fe78ae;border:1px solid #fe78ae;}
.white {background-color:#fff;border:1px solid #c4c4c4;}
.gray {background-color:#686c6d;border:1px solid #686c6d;}
.black {background-color:#000;border:1px solid #000;}

/* 상품검색 */
#sr2 #searchItem2 {margin-top:19px;}
#sr2 #searchItem2 .searchNameLink {height:20px;}
#sr2 #searchItem2 .sItemBox {width:140px;float:left; margin-right: 10px;}
#sr2 #searchItem2 .sItemBox .sIBLeft {width:137px;float:left;}
#sr2 #searchItem2 .sItemBox .sIBRight {width:336px;float:right;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_1 {height:24px;color:#003399;font-weight:bold;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_2 {height:16px;color:#373737;color:#666;margin:7px 0;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_3 {height:24px;font-weight:bold;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_3 a {width:13px;height:13px;display:inline-block;margin-right:3px;vertical-align:middle;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_4 {height:20px;color:#666;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_5 {height:20px;color:#666;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_6 img {margin-right:3px;}
#sr2 #searchItem2 .sItemBox .sIBRight .sIBRight_6 {height:20px;color:#003399;}
#sr2 #searchItem2 .sItemBoxline {clear:both;height:20px;background:url(/images/subline.gif) repeat-x 0 50%;}

#content {clear:both;margin:20px 0;overflow:hidden;*zoom:1;min-height:430px;}
#stitle {overflow:hidden;*zoom:1;margin-bottom:20px;height:auto}
#stitle .stImg {float:left;}
#stitle  span {display:block;float:right;font:11px dotum,돋움;color:#777;margin-top:40px;}
#stitle  span img {vertical-align:middle;margin-right:3px;}
#stitle  span strong {color:#555;}

#stitle2 {overflow:hidden;*zoom:1;margin-bottom:20px;height:195px;}

.accent{font-weight:bold;}
.btn1{vertical-align:bottom; margin:0; padding:8px ; border:1px solid; border-color:#ebebeb #d9d9d9 #b9b9b9; background-color:#f8f8f8; color:#333; cursor:pointer;}



/*2014-11-04 디프라자메인에서 롤링*/
/*#mainRoll {clear:both;width:980px;height:226px;border:1px solid #d9d9d9;background:url(/images/shop_roll_bg.gif);margin-top:10px;overflow:hidden;*zoom:1;position:relative;}*/
#mainRoll {clear:both;width:980px;height:226px;border:1px solid #d9d9d9;margin-top:10px;overflow:hidden;*zoom:1;position:relative;}
#mainRoll {width:980px;padding-top:18px;}
#mainRoll .slide {}
#mainRoll .shopRollLeft, #mainRoll .shopRollRight {width:28px;height:48px;display:block;position:absolute;top:79px;}
#mainRoll .shopRollLeft {left:-1px;}
#mainRoll .shopRollRight {right:-1px;}


/*2014-11-10 메인에 탑20고정*/
#shopNew {clear:both;margin-top:5px;}
#shopNewItem {clear:both;margin-top:10px;}
#shopNewItem .searchNameLink {height:20px;}
/*#shopNewItem .sItemBox {width:140px;float:left;display:inline-block;margin-right:28px;margin-top:10px;}*/
#shopNewItem .sItemBox {width:225px;height:331px;float:left;display:inline-block;margin-left:10px;margin-right:10px;margin-top:20px;}
#shopNewItem .sItemBox.s1 {clear:both;}
#shopNewItem .sItemBox.s5 {margin-right:0;}
#shopNewItem .sItemBox li {margin-bottom:2px;}
/*#shopNewItem .sItemBox .sItemBox1 {width:140px;height:160px;margin-bottom:4px;}*/
#shopNewItem .sItemBox .sItemBox1 {width:225px;height:331px;margin-bottom:4px;}
#shopNewItem .sItemBox .sItemBox2 {color:#cc6600;font:11px dotum,돋움;}
#shopNewItem .sItemBox .sItemBox3 {color:#0033cc;font-size:13px;}
 #shopNewItem .sItemBox .sItemBox4 {color:#666;}
#shopNewItem .sItemBox .sItemBox5 {color:#666;}
#shopNewItem .sItemBox .sItemBox5 {color:#eb0000;}
#shopNewItem .sItemBox .sItemBox5 span {text-decoration:line-through;}

/*2016-05-10 매장리스트 레이아웃변경*/
#shoplist {width: 980px;  overflow: hidden; margin: 10px 0 0 -5px; padding: 0;}
#shoplist .shopbox {position: relative; float: left; width: 233px; height: 280px; border: 1px solid #cdcdcd; margin: 0 0 20px 10px}
#shoplist .shopbox:hover {border: 1px solid #da291c; box-shadow: 0 12px 16px 0 #EAEAEA;}
#shoplist .shop_logimg {width: 233px; height: 114px; text-align: center;margin-top:7px;}
#shoplist .shop_logimg li {list-style-type:none}
#shoplist .shop_text1 {padding-bottom: 5px; font-size: 17px; font-family: KoPubM, sans-serif; line-height: 20px; font-weight: bold; padding: 0 8px 8px; width: 233px;margin-top:5px;}
#shoplist .shop_text2 {font-size: 11px; line-height: 20px; padding: 0 8px; width: 233px;}