/* 기본설정 */ @charset "euc-kr"; /* border-radius: # 8px --> border-radius: # 3px 으로 수정 2017.09.01 # 은 일괄 찾고 바꾸기 되지 말라고 임의로 넣어 놓은 것 */ /* border-radius: # 0.5em --> border-radius: # 0.2em 으로 수정 2017.09.01 # 은 일괄 찾고 바꾸기 되지 말라고 임의로 넣어 놓은 것 */ /* Reset */ html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {margin:0px; padding:0px;} html { overflow-x:hidden; overflow-y:scroll; font-family:Lucida Sans, Arial, Helvetica, sans-serif, verdana, dotum,돋움,gulim,굴림; font-size:12px; color:#454545; _padding-right:16px; -webkit-text-size-adjust: 100%; overflow:scroll; -webkit-overflow-scrolling:touch;} /* 아이폰에서 스크롤이 부드럽지 않고 버벅일 때... 위↑ html에 추가 함 2017.10.11 -> 확인 후 다시 원상 복귀 또는 아래 html, body{ 에 넣어 볼 것 overflow:scroll; -webkit-overflow-scrolling:touch; 또는 overflow:scroll; -webkit-overflow-scrolling:auto */ /* 수정본css --> html { overflow-x:hidden; overflow-y:hidden; font-family:Lucida Sans, Arial, Helvetica, sans-serif, verdana,dotum,돋움,gulim,굴림; font-family:dotum,돋움,verdana,gulim,굴림9; font-size:12px; color:#454545; _padding-right:16px; } 에서 원css에 verflow-y:hidden; 이 있었는데 빼버리니 잘 되었지만 hidden 대신 scroll 를 넣어 --> overflow-y:scroll; 로 내가 추가해서 바꿈*/ /* 원css --> html { overflow-x:hidden; overflow-y:hidden; font-family:Lucida Sans, Arial, Helvetica, sans-serif, verdana,dotum,돋움,gulim,굴림; font-family:dotum,돋움,verdana,gulim,굴림9; font-size:12px; color:#454545; _padding-right:16px; } */ html, body{ width:100%; height:100%; margin:0; padding:0; } /* 아이폰 스크롤 확인 후 위에껏 주석 처리 하고 아래 처럼 적용 해 볼 것 -webkit-overflow-scrolling: touch; <-- 추가 --> 또는 -webkit-overflow-scrolling: auto; html, body{ width:100%; height:100%; margin:0; padding:0; -webkit-overflow-scrolling: touch; } */ body,ul,li,header,nav,aside,section,article,p { padding:0; margin:0; border:0; } /**body { font-size:12px; -webkit-user-select:none; -webkit-text-size-adjust:none; }**/ body { font-size:14px; -webkit-text-size-adjust:100%; } /* -webkit-text-size-adjust:100%;none 폰트 고정 style='max-height:999999px' */ /* body { font-size:14px; -webkit-text-size-adjust:110%; } */ /* 폰트크기를 지정된 사이즈 보다 110%로 변경 */ /* body { font-size:14px; -webkit-text-size-adjust:auto; } */ p { margin-bottom:1.5em; line-height:150%; } table, td, th, div, span, a, input, textarea, select, iframe, ul, li { margin:0; padding:0; } /** 테이블색상 border-color; 추가 변경2곳임(내가) **/ table { border-collapse:collapse; border-spacing:0; margin:0; padding:0; color:#2C2C2C; border-color:#cccccc; } header,nav,aside,section,article { display:block; } a {text-decoration:none;color:#2C2C2C;} input[type=text], input[type=search], input[type=tel], input[type=file], input[type=password], input[type=radio], input[type=email], input[type=number], textarea{ font-family:verdana,dotum,돋움,gulim,굴림; font-family:dotum,돋움,verdana,gulim,굴림9; font-size:14px; padding:3px 4px 0px 3px; border:solid 1px #CFCFCF; vertical-align:middle; } input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, select:focus, textarea:focus { border:solid 1px #2897FF; } input[type=checkbox]{ border:solid 1px #bbbbbb; -webkit-appearance:checkbox; -moz-apperance:checkhbox; -webkit-width:20px; -webkit-height:20px; -moz-width:20px; -moz-height:20px; width:20px; height:20px;} input[type=radio] { border:none;-webkit-appearance:radio} body {-webkit-tap-highlight: rgba(0, 0, 0, 0); background-color:#fff; min-height:100%;} img {max-width:100%;} .hidden {display:none;} .back_bg { background-color:#fff;height:100%;} /* 메인페이지 배너 */ #wrap .main_banner {margin-top:10px; text-align:center; line-height: 50px;} #wrap .main_banner img { max-width:300px; max-height:50px; vertical-align: middle;} #ifrmHidden {display:none;} /* 페이지 타이틀 */ #page_title .top_title {clear:both;height:60px; line-height:80px; margin:0 auto; font-size:18px; font-weight:bold; background:url(/images/head/tit_icon.jpg) 18px top no-repeat; background-size:1.545em 0.636em; padding-left:20px; color:#f47b8c;} .top_title {clear:both;height:60px; line-height:80px; margin:0 auto; font-size:18px; font-weight:bold; background:url(./images/head/tit_icon.jpg) 18px top no-repeat; background-size:1.545em 0.636em; padding-left:20px; color:#f47b8c;} .sky_hilight {color:#88EEFF;} /* gnb 영역 */ .gnb {height:44px; background:url("../img/gnb/top_bg.png") left top repeat-x; background-size:1px 44px; } .gnb #home-btn{float:left;background:transparent url("../img/gnb/btn_home_shape.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px; margin-top:5px; margin-left:11px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .gnb #home-btn:active{float:left;background:transparent url("../img/gnb/btn_home_effect.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px;} .gnb #home-btn .active{float:left;background:transparent url("../img/gnb/btn_home_effect.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px;} .gnb #logo {float:left; margin-top:5px; margin-left:11px; max-width:70%; max-height:35;} .gnb #logo .top_title{height:30px; line-height:30px; padding-left:10px; color:#EEEEEE; font-size:18px; font-weight:bold; text-shadow: 0px 1px 1px #333333; margin-top:2px;} .gnb #search-btn{float:right;background:transparent url("../img/gnb/btn_search_shape.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px; margin-right:2px; margin-top:5px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .gnb #search-btn:active{float:right;background:transparent url("../img/gnb/btn_search_effect.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px;} .gnb #search-btn .active{float:right;background:transparent url("../img/gnb/btn_search_effect.png") left top no-repeat; background-size:33px 33px; height:33px; width:33px;} .gnb #menu-btn{float:right;background:transparent url("../img/gnb/btn_menu_shape.png") left top no-repeat; background-size:42px 33px; height:33px; width:42px; margin-top:5px; margin-right:11px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .gnb #menu-btn:active{float:right;background:transparent url("../img/gnb/btn_search_effect.png") left top no-repeat; background-size:42px 33px; height:33px; width:42px;} .gnb #menu-btn .active{float:right;background:transparent url("../img/gnb/btn_search_effect.png") left top no-repeat; background-size:42px 33px; height:33px; width:42px;} /* search 영역 */ .search-area {height:44px; background:url("../img/search/search_bg.png") left top repeat-x; background-size:1px 44px; display:none;} .search-area #search-box {float:left;margin-left:11px; margin-top:10px; margin-left:11px;} .search-area #search-box input {border:solid 1px #CCCCCC; -moz-border-top-left-radius: 7px; -moz-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-top-right-radius:1px; -webkit-border-bottom-right-radius:1px; -webkit-appearance: none;height:19px; position:absolute; left:11px; right:53px; -moz-box-shadow: 2px 2px 3px #666;-webkit-box-shadow: 2px 2px 3px #666;box-shadow: 2px 2px 3px #666; } .search-area #search-box-btn {float:right;background:url("../img/gnb/search_btn_shape.png") left top no-repeat; background-size:42px 24px; height:24px; width:42px; margin-top:10px; margin-right:11px; position:absolute; right:0px;} .search-area #search-box-btn:active{float:right;background:transparent url("../img/gnb/search_btn_effect.png") left top no-repeat; } .search-area #search-box-btn .active{float:right;background:transparent url("../img/gnb/search_btn_effect.png") left top no-repeat; } /* menu 영역 */ .menu-area {height:36px; background:url("../img/menu/menubar_bg.png") left top repeat-x; background-size:1px 44px; display:; padding:0px 10px 0px 10px;} .menu-area #category-btn{float:left;background:transparent url("../img/menu/btn_category_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px; } .menu-area #category-btn:active{float:left;background:transparent url("../img/menu/btn_category_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #category-btn .active{float:left;background:transparent url("../img/menu/btn_category_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #category-btn-effect{float:left;background:transparent url("../img/menu/btn_category_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #category-btn-effect:active{float:left;background:transparent url("../img/menu/btn_category_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #category-btn-effect .active{float:left;background:transparent url("../img/menu/btn_category_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #category-btn-object{float:left;background:transparent url("../img/menu/btn_category_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #category-btn-object:active{float:left;background:transparent url("../img/menu/btn_category_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #category-btn-object .active{float:left;background:transparent url("../img/menu/btn_category_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .menu-area #my-btn{float:left;background:transparent url("../img/menu/btn01_off_shape.png") left top no-repeat; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px; } .menu-area #my-btn:active{float:left;background:transparent url("../img/menu/btn01_on_shape.png") left top no-repeat; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #my-btn .active{float:left;background:transparent url("../img/menu/btn01_on_shape.png") left top no-repeat; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #my-btn-effect{float:left;background:transparent url("../img/menu/btn01_off_effect.png") left top no-repeat; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #my-btn-effect:active{float:left;background:transparent url("../img/menu/btn01_on_effect.png") left top no-repeat; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #my-btn-effect .active{float:left;background:transparent url("../img/menu/btn01_on_effect.png") left top no-repeat; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #my-btn-object{float:left;background:transparent url("../img/menu/btn01_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #my-btn-object:active{float:left;background:transparent url("../img/menu/btn01_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #my-btn-object .active{float:left;background:transparent url("../img/menu/btn01_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #cart-btn{float:left;background:transparent url("../img/menu/btn02_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px; } .menu-area #cart-btn:active{float:left;background:transparent url("../img/menu/btn02_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #cart-btn .active{float:left;background:transparent url("../img/menu/btn02_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #cart-btn-effect{float:left;background:transparent url("../img/menu/btn02_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #cart-btn-effect:active{float:left;background:transparent url("../img/menu/btn02_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #cart-btn-effect .active{float:left;background:transparent url("../img/menu/btn02_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #cart-btn-object{float:left;background:transparent url("../img/menu/btn02_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #cart-btn-object:active{float:left;background:transparent url("../img/menu/btn02_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #cart-btn-object .active{float:left;background:transparent url("../img/menu/btn02_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .menu-area #wish-btn{float:left;background:transparent url("../img/menu/btn03_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #wish-btn:active{float:left;background:transparent url("../img/menu/btn03_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #wish-btn .active{float:left;background:transparent url("../img/menu/btn03_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #wish-btn-effect{float:left;background:transparent url("../img/menu/btn03_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #wish-btn-effect:active{float:left;background:transparent url("../img/menu/btn03_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #wish-btn-effect .active{float:left;background:transparent url("../img/menu/btn03_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #wish-btn-object{float:left;background:transparent url("../img/menu/btn03_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #wish-btn-object:active{float:left;background:transparent url("../img/menu/btn03_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #wish-btn-object .active{float:left;background:transparent url("../img/menu/btn03_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #info-btn{float:left;background:transparent url("../img/menu/btn04_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #info-btn:active{float:left;background:transparent url("../img/menu/btn04_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #info-btn .active{float:left;background:transparent url("../img/menu/btn04_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px;} .menu-area #info-btn-effect{float:left;background:transparent url("../img/menu/btn04_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #info-btn-effect:active{float:left;background:transparent url("../img/menu/btn04_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #info-btn-effect .active{float:left;background:transparent url("../img/menu/btn04_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:60px;} .menu-area #info-btn-object{float:left;background:transparent url("../img/menu/btn04_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #info-btn-object:active{float:left;background:transparent url("../img/menu/btn04_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #info-btn-object .active{float:left;background:transparent url("../img/menu/btn04_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #login-btn{float:left;background:transparent url("../img/menu/btn05_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn:active{float:left;background:transparent url("../img/menu/btn05_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn .active{float:left;background:transparent url("../img/menu/btn05_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn-effect{float:left;background:transparent url("../img/menu/btn05_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn-effect:active{float:left;background:transparent url("../img/menu/btn05_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn-effect .active{float:left;background:transparent url("../img/menu/btn05_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #login-btn-object{float:left;background:transparent url("../img/menu/btn05_off_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #login-btn-object:active{float:left;background:transparent url("../img/menu/btn05_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #login-btn-object .active{float:left;background:transparent url("../img/menu/btn05_on_object.png") left top no-repeat; background-size:62px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #logout-btn{float:left;background:transparent url("../img/menu/btn05_off_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; margin-top:4px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn:active{float:left;background:transparent url("../img/menu/btn05_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn .active{float:left;background:transparent url("../img/menu/btn05_on_shape.png") left top repeat-x; background-size:100% 36px; height:36px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn-effect{float:left;background:transparent url("../img/menu/btn05_off_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn-effect:active{float:left;background:transparent url("../img/menu/btn05_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn-effect .active{float:left;background:transparent url("../img/menu/btn05_on_effect.png") left top repeat-x; background-size:100% 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; border-top-right-radius:7px; border-bottom-right-radius:7px; min-width:60px;} .menu-area #logout-btn-object{float:left;background:transparent url("../img/menu/btn06_off_object.png") left top no-repeat; background-size:53px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #logout-btn-object:active{float:left;background:transparent url("../img/menu/btn06_on_object.png") left top no-repeat; background-size:53px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } .menu-area #logout-btn-object .active{float:left;background:transparent url("../img/menu/btn06_on_object.png") left top no-repeat; background-size:53px 36px; height:36px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /* 카테고리 영역 */ section#cate-area {display:none; clear:both; width:90%; margin:0 auto 10px auto;} section#cate-area .top_title{height:40px; line-height:40px; width:100%;margin:0 auto; font-size:18px; font-weight:bold; color:#f47b8c;background:url(./images/head/tit_icon.jpg) left top no-repeat; background-size:1.545em 0.636em;} section#cate-area .top_title .title { float:left; width:40px; } section#cate-area .top_title .now_path { float:left; padding-left:10px; width:80%;font-size:14px; font-weight:bold; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} section#cate-area .top_title .now_path .pathitem { float:left; text-align:left; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} section#cate-area .top_title .now_path .patharrow { float:left; width:20px; height:40px; background: url('../img/cate/arrow.png') center no-repeat; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#cate-area .longtextdot { width:70px; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; } section#cate-area .top_title .btnimg {float:right; padding-right:15px; width:10%; height:100%; line-height:100%; background: transparent url('./images/sub/circle_arrow_left.png') center no-repeat; background-size:70%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#cate-area .cate_path{margin-left:-100%;} section#cate-area .cate_path .now_path{height:36px; color:#EEEEEE; font-size:18px; font-weight:bold; text-shadow: 0px 1px 1px #333333; line-height:44px; padding-left:12px; } section#cate-area .cate_path .now_path .path_arrow:before { content:url("../img/cate/arrow01.png"); } section#cate-area .cate_path .cate_path_item{margin-right:100%; height:74px; line-height:74px; padding:0px 12px 0px 12px; color:#EEEEEE; font-size:22px; font-weight:bold; text-shadow: 0px 1px 1px #333333; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#cate-area .cate_path .cate_path_item .cate_path_nm {margin-left:-100%; float:left; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#cate-area .cate_list{ margin:0 auto;height:100%; margin-left:-100%; border:4px solid #dadada;} section#cate-area .cate_list .cate_item{margin-right:100%; height:54px; line-height:54px; padding:0px 12px 0px 12px; color:#000; border-bottom:1px solid #dadada; font-size:15px; font-weight:bold; } section#cate-area .cate_list .cate_item .cate_nm {margin-left:-100%; float:left; width:60%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} section#cate-area .cate_list .cate_item .cate_nm_arrow {float:left; width:29px; height:100%; line-height:100%;} section#cate-area .cate_list .cate_item .cate_prd_btn {float:right; width:83px; height:100%; line-height:100%; background:url(./images/head/cate_icon.png) center right no-repeat; background-size:20%; } section#cate-area .cate_list .cate_item .cate_prd_btn:active{float:right; width:83px; height:100%; line-height:100%; } section#cate-area .cate_list .cate_item .cate_prd_btn .active{float:right; width:83px; height:100%; line-height:100%;} /* Settle */ section#settle {padding:0 20px;} section#settle ol {border:1px solid red;} section#settle fieldset {position:relative; padding:5px;} section#settle fieldset>legend {display:none;} section#settle fieldset>dl>dt {clear:left; float:left; padding:6px 3px 3px 6px; width:70px; font-size:11px; background:url('../img/bul_s.gif') no-repeat left center;} section#settle fieldset>dl>dd {float:left; padding:3px;} section#settle fieldset>dl>dd>select {width:185px;} section#settle .btn {padding:20px 0;} section#settle .btn li {display:inline-block;} section#settle .btn .submit {display:inline-block; width:72px; height:29px; background:url('../img/btn_clearance.gif') no-repeat; border:0px;} section#settle .btn .cancel {display:inline-block; width:72px; height:29px; background:url('../img/btn_cancel.gif') no-repeat; border:0px;} section#settle .btn_center { margin-top:5px; margin-bottom:10px; height:44px; } section#settle .btn_center .btn_pre { float:left; font-size:16px; width:49%; height:44px; line-height:0px; max-width:150px;} section#settle .btn_center .btn_prev { border:0; width:100%; height:44px; font-size:16px;color:#999;background-color:#eee; border-radius:3px; max-width:150px;} section#settle .btn_center .btn_pay { position:relative; float:right; font-size:16px; width:49%; height:44px; line-height:0px; max-width:150px;} /* MyPage List 마이페이지*/ section#settle .btn_center .btn_payment { border:0; width:100%; height:44px; font-weight:bold;color:#fff;background-color:#f47b8c; border-radius:3px; font-size:16px; max-width:150px;} section#mypagelist {background-color:#fff;min-height:100%;} section#mypagelist .mypagelist_ord {padding:10px 20px 20px 20px;} section#mypagelist .mypagelist_ord .roundbox {background-color:#FFFFFF;border:4px solid #dadada;} /* 마이페이지 line-height:50px; 에서 line-height:42px;로 수정 주문내역, 적립금, 회원정보 수정, 관심상품 높이 조절 */ section#mypagelist .mypagelist_ord .roundbox .m_list { position:relative; border-bottom:1px solid #cccccc; height:50px; line-height:42px; background-image: -moz-linear-gradient(top, black, white) -webkit-linear-gradient(top, black, white); padding-left:15px; padding-right:15px; font-size:16px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#mypagelist .mypagelist_ord .roundbox .m_list .m_title { float:left; } section#mypagelist .mypagelist_ord .roundbox .m_list .m_right { float:right; text-align:right; font-size:14px;} section#mypagelist .mypagelist_mem {padding:0px 20px 20px 20px;} section#mypagelist .mypagelist_mem .roundbox {background-color:#f3f3f3; border:4px solid #dadada;} section#mypagelist .mypagelist_mem .roundbox .m_list { position:relative; border-bottom:1px solid #cccccc; height:50px; line-height:50px; background-image: -moz-linear-gradient(top, black, white) -webkit-linear-gradient(top, black, white); padding-left:15px; padding-right:15px; font-size:16px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#mypagelist .mypagelist_mem .roundbox .m_list .m_title { float:left; } section#mypagelist .mypagelist_mem .roundbox .m_list .m_right { float:right; text-align:right; background:url('../img/myp/bullet.png') no-repeat right center; width:15px; height:50px; font-size:14px;} /* 로그인 */ section#login {background-color:#fff;min-height:10px;position:relative;} section#login>form {} section#login>form .login_center {} section#login>form .login_center .login_b {height:270px;} section#login>form .login_center .login_b .login_title {display:block; position:absolute; top:0; left:50%; margin-top:10px; margin-left:-146px; width:293px; padding-left:5px; font-size:20px; font-weight:bold;} section#login>form .login_center .login_b .input_id {display:block; position:absolute; top:0; left:50%; margin-top:40px; margin-left:-146px; width:293px; } section#login>form .login_center .login_b .input_pw {display:block; position:absolute; top:0; left:50%; margin-top:80px; margin-left:-146px; width:293px; } section#login>form .login_center .login_b .save_id {display:block; position:absolute; top:0; left:50%; margin-top:120px; margin-left:-146px; font-size:15px; } section#login>form .login_center .login_b .save_pw {display:block; position:absolute; top:0; left:50%; margin-top:120px; margin-left:0px; font-size:15px; } section#login>form .login_center .login_b .input_id input{ border:solid 1px #CCCCCC; border-radius: 0.2em; position:absolute; height:25px; left:0px; right:0px; } section#login>form .login_center .login_b .input_pw input{ border:solid 1px #CCCCCC; border-radius: 0.2em; position:absolute; height:25px; left:0px; right:0px} section#login>form .login_center .login_b .login_btn {position:absolute; left:50%; top:0; margin-top:150px; margin-left:-144px;} section#login>form .login_center .login_b .login_btn #login-btn { width:293px; height:44px; border:0; border-radius:3px; padding:0px;color:#fff;background-color:#272727;font-size:18px; font-weight:bold; } section#login>form .login_center .login_b .login_btn2 {position:absolute; left:50%; top:110px; margin-top:150px; margin-left:-144px;} section#login>form .login_center .login_b .login_btn2 #login-btn { width:293px; height:40px; border:0; border-radius:3px; padding:0px;color:#fff;background-color:#eee;font-size:16px;color:#888888; font-weight:bold; } /* section#login>form .login_center .login_b .login_btn #login-btn:active{ width:293px; height:44px; border:0; background:url('../img/login/btn_login_on_effect.png') no-repeat; background-size:293px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} section#login>form .login_center .login_b .login_btn #login-btn .active{ width:293px; height:44px; border:0; background:url('../img/login/btn_login_on_effect.png') no-repeat; background-size:293px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} */ section#login>form .login_center .login_b .nomember_btn {position:absolute; left:50%; top:0; margin-top:204px; margin-left:-144px;} section#login>form .login_center .login_b .nomember_btn #nomember-btn { width:143px; height:44px; border:0;border-radius:3px; padding:0px; color:#888;background-color:#eee; font-size:17px; font-weight:bold;} /*section#login>form .login_center .login_b .nomember_btn #nomember-btn:active{ width:143px; height:44px; border:0; background:url('../img/login/btn_nonmember_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} section#login>form .login_center .login_b .nomember_btn #nomember-btn .active{ width:143px; height:44px; border:0; background:url('../img/login/btn_nonmember_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;}*/ section#login>form .login_center .login_b .joinmember_btn {position:absolute; left:50%; top:0; margin-top:204px; margin-left:6px;} section#login>form .login_center .login_b .joinmember_btn #joinmember-btn { width:143px; height:44px; border:0; border-radius:3px; padding:0px; color:#888;background-color:#eee;font-size:18px; font-weight:bold;} /*section#login>form .login_center .login_b .joinmember_btn #joinmember-btn:active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; } section#login>form .login_center .login_b .joinmember_btn #joinmember-btn .active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; }*/ section#login>form .login_center .login_b .check_btn {position:absolute; left:50%; top:0; margin-top:125px; margin-left:-144px;} section#login>form .login_center .login_b .check_btn #check-btn { width:293px; height:44px; border:0;border-radius:3px; padding:0px;color:#fff;background-color:#f47b8c; font-size:18px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} /*section#login>form .login_center .login_b .check_btn #check-btn:active{ width:293px; height:44px; border:0; background:url('../img/login/btn_login_on_effect.png') no-repeat; background-size:293px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} section#login>form .login_center .login_b .check_btn #check-btn .active{ width:293px; height:44px; border:0; background:url('../img/login/btn_login_on_effect.png') no-repeat; background-size:293px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} */section#login>form .login_center .login_b .member_btn {position:absolute; left:50%; top:0; margin-top:179px; margin-left:-144px;} section#login>form .login_center .login_b .member_btn #member-btn { width:143px; height:44px; border:0; font-size:18px; font-weight:bold; border-radius:3px;color:#999;background-color:#eee;} /*section#login>form .login_center .login_b .member_btn #member-btn:active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; } section#login>form .login_center .login_b .member_btn #member-btn .active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; }*/ section#login>form .login_center .login_b .joinmember2_btn {position:absolute; left:50%; top:0; margin-top:179px; margin-left:6px;} section#login>form .login_center .login_b .joinmember2_btn #joinmember2-btn { width:143px; height:44px; border:0;border-radius:3px;color:#999;background-color:#eee; padding:0px; font-size:18px; font-weight:bold;} /*section#login>form .login_center .login_b .joinmember2_btn #joinmember2-btn:active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; } section#login>form .login_center .login_b .joinmember2_btn #joinmember2-btn .active{width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold; }*/ /* 장바구니 */ section#cart {background-color:#fff;min-height:100%;position:relative; margin-top:0px;padding-top:0px;} section#cart ul.order_item_list {margin-top:0px;padding-top:0px;list-style:none;} section#cart ul.order_item_list li {position:relative; height:160px; border-bottom:1px solid #dadada; } section#cart ul.order_item_list .oil_chk {float:left;height:167px; line-height:167px; padding-left:10px; } section#cart ul.order_item_list .oil_chk input{border:solid 1px #aaaaaa; background-color:#ffffff; -webkit-appearance:checkbox; -moz-apperance:checkhbox; -webkit-width:20px; -webkit-height:20px; -moz-:20px; -moz-height:20px; width:20px; height:20px;} section#cart ul.order_item_list .oil_img {position:absolute;height:121px; padding-top:21px; padding-left:10px; } section#cart ul.order_item_list .oil_img img{ width:80px;} section#cart ul.order_item_list .oil_goods {height:132px; padding-left:120px; padding-top:10px;font-size:14px; color:#5e5e5e; font-weight:bold;} section#cart ul.order_item_list .oil_goods .oil_name {margin-bottom:3px; font-size:18px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:170px;} section#cart ul.order_item_list .oil_goods .oil_option {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#cart ul.order_item_list .oil_goods .oil_price .r_price{color:#EE4040;} section#cart ul.order_item_list .oil_goods .oil_ea .oil_ea_btn{background:url('../img/cart/btn_modify_shape.png') no-repeat; background-size:56px 20px; margin-top:-20px; margin-left:100px;} section#cart ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn { width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_off_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#cart ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn:active { width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_on_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#cart ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn .active{ width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_on_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#cart ul.order_item_list .oil_delivery_title {float:left; padding-right:5px;white-space:nowrap;max-width:150px;} section#cart ul.order_item_list .blt {} section#cart ul.order_item_list .oil_delivery {margin-bottom:3px; font-size:14px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#cart .btn_area {position:relative;padding:10px;height:31px;} section#cart .btn_area #all-chk-btn{float:left; color:#height:31px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:60px; } section#cart .btn_area #all-chk-btn-effect{float:left;background-color:#eee; height:31px; width:100%;border-radius:3px 0 0 8px;text-align:center; min-width:60px; line-height:31px; color:#999; font-weight:bold; font-size:14px;} section#cart .btn_area #chk-del-btn{float:left; height:31px; width:33%; min-width:60px; margin-left:1px;} section#cart .btn_area #chk-del-btn-effect{float:left; height:31px; width:100%;text-align:center; min-width:60px; line-height:31px; color:#999;background-color:#eee; font-weight:bold; font-size:14px;} section#cart .btn_area #all-del-btn{float:left;height:31px; width:33%; min-width:60px; margin-left:1px;} section#cart .btn_area #all-del-btn-effect{float:left;background-color:#eee;height:31px; width:100%; border-radius: 0 8px 8px 0 ;text-align:center; min-width:60px; line-height:31px; color:#999; font-weight:bold; font-size:14px;} section#cart .sum_area{position:relative;padding:0px 10px 10px 10px; } section#cart .sum_area .board_area{background-color:#FFFFFF; padding:10px;font-size:14px;font-weight:bold; text-align:right; height:32px; border-radius:3px; border:solid 1px #cccccc;} section#cart .sum_area .board_area .title{width:65%;float:left;} section#cart .sum_area .board_area .price{width:35%;float:right;} section#cart .ord_area {position:relative;padding:0px 10px 10px 10px; height:44px;} section#cart .ord_area #all-ord-btn{width:100%; height:44px; border-radius: 8px; font-size:18px; line-height:44px; font-weight:bold; text-align: center; color: #FFFFFF; background-color:#f47b8c;} /*section#cart .ord_area #all-ord-btn:active{border:1px solid #ff6767; border-radius: 8px; background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6767), color-stop(100%, #ff0d0d)); background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d); background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d); background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d); background-image: -o-linear-gradient(top, #ff6767, #ff0d0d); background-image: linear-gradient(top, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d); -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#cart .ord_area #all-ord-btn .active{border:1px solid #ff6767; border-radius: 8px; background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6767), color-stop(100%, #ff0d0d)); background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d); background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d); background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d); background-image: -o-linear-gradient(top, #ff6767, #ff0d0d); background-image: linear-gradient(top, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d); -webkit-tap-highlight-color: rgba(0,0,0,0.0);} */ /* 찜목록 */ section#wishlist {background-color:#fff;min-height:100%;position:relative; margin-top:0px;padding-top:0px;} section#wishlist ul.wish_item_list {margin-top:0px;padding-top:0px;list-style:none;} section#wishlist ul.wish_item_list li {position:relative; height:142px; border-bottom:1px solid #dadada;} section#wishlist ul.wish_item_list .wl_chk {float:left;height:142px; line-height:142px; padding-left:10px; } section#wishlist ul.wish_item_list .wl_chk input{border:solid 1px #aaaaaa; background-color:#ffffff; -webkit-appearance:checkbox; -moz-apperance:checkhbox; -webkit-width:20px; -webkit-height:20px; -moz-width:20px; -moz-height:20px; width:20px; height:20px;} section#wishlist ul.wish_item_list .wl_img {float:left;height:101px; padding-top:11px; padding-left:10px; } section#wishlist ul.wish_item_list .wl_img img{ width:80px;} section#wishlist ul.wish_item_list .wl_goods {float:left;height:112px; padding-left:10px; padding-top:30px;font-size:14px; color:#5e5e5e; font-weight:bold;} section#wishlist ul.wish_item_list .wl_goods .wl_name {margin-bottom:3px; font-size:18px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#wishlist ul.wish_item_list .wl_goods .wl_option {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#wishlist ul.wish_item_list .wl_goods .wl_price .r_price{color:#EE4040;} section#wishlist .btn_area {position:relative;padding:10px;height:31px;} section#wishlist .btn_area #all-chk-btn{float:left; height:31px; width:33%; min-width:60px; } section#wishlist .btn_area #all-chk-btn-effect{float:left; height:31px; width:100%; border-radius:3px 0 0 8px; text-align:center; min-width:60px; line-height:31px;color:#999;background-color:#eee; font-weight:bold; font-size:14px;} section#wishlist .btn_area #chk-del-btn{float:left; height:31px; width:33%; min-width:60px; margin-left:1px;} section#wishlist .btn_area #chk-del-btn-effect{float:left; height:31px; width:100%;text-align:center; line-height:31px; color:#999;background-color:#eee; font-weight:bold; font-size:14px;} section#wishlist .btn_area #all-del-btn{float:left; height:31px; width:33%; min-width:60px; margin-left:1px;} section#wishlist .btn_area #all-del-btn-effect{float:left;height:31px; width:100%; text-align:center;border-radius:0 8px 8px 0; min-width:60px; line-height:31px;color:#fff;background-color:#f47b8c; font-weight:bold; font-size:14px;} section#wishlist .sum_area{position:relative;padding:0px 10px 10px 10px; } section#wishlist .sum_area .board_area{background-color:#FFFFFF; padding:10px;font-size:14px; font-weight:bold; text-align:right; height:32px; border-radius:3px; border:solid 1px #cccccc;} section#wishlist .sum_area .board_area .title{width:65%;float:left;} section#wishlist .sum_area .board_area .price{width:35%;float:right;} /* 주문리스트, 주문내역, 포인트내역 */ section#orderlist {background-color:#fff;min-height:100%} section#orderlist .m_ord {padding:10px;} section#orderlist .m_ord .roundbox {background-color:#FFFFFF; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; border:solid 1px #cccccc;} section#orderlist .m_ord .roundbox .m_list {position:relative; border-bottom:1px solid #cccccc; height:42px; line-height:35px; background-image: -moz-linear-gradient(top, black, white) -webkit-linear-gradient(top, black, white); font-size:16px; font-weight:bold;}/* 2개중+1 위라인 height:50px; line-height:50px; 에서 수정 */ section#orderlist .m_ord .roundbox .m_list .m_title { float:left; width: 95px; background-color:#AAAAAA; color:#FFFFFF; text-align:center; } /* 2개중+2 width: 70px; 에서 95px; 로 수정 */ section#orderlist .m_ord .roundbox .m_list .m_top_left { border-top-left-radius:0.3em; -webkit-border-top-left-radius:0.3em; -moz-border-top-left-radius:0.3em; } section#orderlist .m_ord .roundbox .m_list .m_right { padding-left: 7px; float:left; text-align:left; font-size:14px; } section#orderlist .m_ord .roundbox .m_list .m_bottom_left { border-bottom-left-radius:0.3em; -webkit-border-bottom-left-radius:0.3em; -moz-border-bottom-left-radius:0.3em; } section#orderlist .m_ord .roundbox .m_list .m_btn { float:right; position:relative; right:7px; background:url('../img/ord/btn_more_shape.png') no-repeat; background-size:89px 36px; font-size:14px; width:89px; height:36px; margin-top:7px; line-height:0px;} section#orderlist .m_ord .roundbox .m_list .m_btn .more_btn { border:0; width:89px; height:36px; background:url('../img/ord/btn_more_off_effect.png') no-repeat; background-size:89px 36px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#999999; font-size:14px;} /*section#orderlist .m_ord .roundbox .m_list .m_btn .more_btn:active { border:0; width:89px; height:36px; background:url('../img/ord/btn_more_on_effect.png') no-repeat; background-size:89px 36px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; } section#orderlist .m_ord .roundbox .m_list .m_btn .more_btn.active { border:0; width:89px; height:36px; background:url('../img/ord/btn_more_on_effect.png') no-repeat; background-size:89px 36px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; }*/ section#orderlist .pagediv {text-align:center; font-size:16px; margin-bottom:20px;} section#orderlist .btn_orverview {float:right; display:block; width:64px; height:21px; background:url('../img/btn_detail.gif') no-repeat;} section#orderlist .step {color:#ff0000;} section#orderlist .golist {text-align:center;margin-top:10px;} /* 이머니리스트 */ section#emoneylist {background-color:#fff;min-height:100%} section#emoneylist table {width:100%; } section#emoneylist table th {height:50px; border-bottom:solid 1px #fff; background-color:#eee; line-height:50px; font-size:16px; text-align:center; border-right:solid 1px #fff; color:#444444;} section#emoneylist table td {height:60px; border-bottom:solid 1px #eee; vertical-align:middle; font-size:16px; text-align:left; color:#444444; padding-left:10px;} section#emoneylist table td.right{text-align:right; padding-right:10px;} section#emoneylist .pagediv {padding:15px 0 5px 0; text-align:center; font-size:16px;} /* 쿠폰리스트 */ section#couponlist {background-color:#fff;min-height:100%} section#couponlist table {width:100%; } section#couponlist table th {height:50px; border-bottom:solid 1px #fff; background-color:#eee; line-height:50px; font-size:16px; text-align:center; border-right:solid 1px #fff; color:#444444;} section#couponlist table td {height:60px; border-bottom:solid 1px #eee; vertical-align:middle;font-size:16px; text-align:left; color:#444444; padding-left:10px;} section#couponlist table td.right{text-align:right; padding-right:10px;} section#couponlist .pagediv {padding:15px 0 5px 0; text-align:center; font-size:16px;} /* 1:1문의리스트 */ section#qnalist {background-color:#fff;min-height:100%} section#qnalist table {width:100%; } section#qnalist table th {height:50px; border-bottom:solid 1px #fff; background-color:#eee; line-height:50px; font-size:16px; text-align:center; border-right:solid 1px #fff; color:#444444;} section#qnalist table td {height:60px; border-bottom:solid 1px #eee; vertical-align:middle;font-size:16px; text-align:left; color:#444444; padding-left:10px;} section#qnalist table td.right{text-align:right; padding-right:10px;} section#qnalist .pagediv {padding:15px 0 5px 0; text-align:center; font-size:16px;} /* 상품후기리스트 */ section#reviewlist {background-color:#fff;min-height:100%} section#reviewlist table {width:100%;border-top:solid 1px #fff; } section#reviewlist table th {height:50px; border-bottom:solid 1px #fff; background-color:#eee; line-height:50px; font-size:16px; text-align:center; border-right:solid 1px #fff; color:#444444;} section#reviewlist table td {height:60px; border-bottom:solid 1px #eee; vertical-align:middle;font-size:16px; text-align:left; color:#444444; padding-left:10px;} section#reviewlist table td.right{text-align:right; padding-right:10px;} section#reviewlist .pagediv {padding:15px 0 5px 0; text-align:center; font-size:16px;} /* 마이페이지 주문내역상세 */ section#orderview {padding:10px 20px;} section#orderview .item_list {} section#orderview .item_list>ul {border-top:1px solid #e5e5e5;} section#orderview .item_list>ul > li {position:relative; padding:10px 0 10px 80px; border-bottom:1px solid #e5e5e5;} section#orderview .item_list>ul .oil_chk {position:absolute; top:10px; left:5px;} section#orderview .item_list>ul .oil_img {position:absolute; top:10px; left:10px;} section#orderview .item_list>ul .oil_name {margin-bottom:5px; max-height:32px; color:#666; font-size:14px; line-height:16px; font-weight: bold; text-shadow: 1px 1px 0 #ddd; overflow:hidden;} section#orderview .item_list>ul .oil_option {padding-bottom:5px; color:#666;} section#orderview .item_list>ul .oil_price_title {float:left; padding-right:5px;} section#orderview .item_list>ul .oil_price {} section#orderview .item_list>ul .oil_ea_title {float:left; padding-right:5px;} section#orderview .item_list>ul .oil_ea {} section#orderview .item_list>ul .oil_dstep_title {float:left; padding-right:5px;} section#orderview .item_list>ul .oil_dstep {} section#orderview .item_list>ul .blt {padding-left:6px; background:url('../img/bul_s.gif') no-repeat left center;} section#orderview .info h4 {display:none;} section#orderview .info table {margin-top:10px; width:100%; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} section#orderview .info th {width:85px; text-align:right; background-color:#f9f9f9;} section#orderview .info th, section#orderview .info td {padding:4px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} /* 이용안내 */ section#user_guide {background-color:#fff;min-height:100%;padding:10px;} /* 회원 가입*/ section#memberjoin {background-color:#fff;min-height:100%;padding:10px;} section#memberjoin .join_step {position:relative;} section#memberjoin .join_step .join_step1{ color:#FFFFFF; background-color: #CCCCCC; float:left; font-size:16px; width:27%; height:30px; text-align:center; line-height:30px; border-radius:0.5em; } section#memberjoin .join_step .join_step2{color:#FFFFFF; background-color: #CCCCCC; float:left; font-size:16px; width:27%; height:30px; text-align:center; line-height:30px; border-radius:0.5em; } section#memberjoin .join_step .join_step3{ color:#FFFFFF; background-color: #CCCCCC; float:left; font-size:16px; width:27%; height:30px; text-align:center; line-height:30px; border-radius:0.5em;} section#memberjoin .join_step .join_step4{ color:#FFFFFF; background-color: #CCCCCC; float:left; font-size:16px; width:27%; height:30px; text-align:center; line-height:30px; border-radius:0.5em; } section#memberjoin .join_step .now_step{ color:#FFFFFF; background-color: #f47b8c; font-weight:bold;} section#memberjoin .join_step .join_arrow{float:left; background:url('../img/goods/arrow01.png') center center no-repeat; width:7%; height:30px;} section#memberjoin .content_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-top:10px; margin-bottom:10px;} section#memberjoin .none_content_border {border-bottom:solid 0px #cccccc; float:left; width:100%; margin-top:3px; margin-bottom:3px;} section#memberjoin .none_content_border2 {border-bottom:solid 1px #eeeeee; float:left; width:100%; margin-top:15px;} section#memberjoin .agreement {width:100%; float:left;} section#memberjoin .agreement .agreement_title{height:30px;} section#memberjoin .agreement .agreement_title .agreement1{height:25px;color:#FFFFFF; background-color:#CCCCCC; float:left; font-size:16px; line-height:25px; padding-left:10px;padding-right:10px; } section#memberjoin .agreement .agreement_title .agreement_bar{width:0px;height:25px;border-right:solid 1px #BBBBBB; float:left; margin-left:10px; margin-right:10px;} section#memberjoin .agreement .agreement_title .agreement2{height:25px;color:#FFFFFF; background-color:#CCCCCC; float:left; font-size:16px; line-height:25px; padding-left:10px;padding-right:10px; } section#memberjoin .agreement .agreement_title .now_agreement{color:#FFFFFF; background-color: #f47b8c; font-weight:bold;} section#memberjoin .agreement .agreement_content1 {height:180px; border:solid 1px #BBBBBB; margin-top:10px; background-color:#FFFFFF;} section#memberjoin .agreement .agreement_content1 .content-text{border:none; width:97%; height:98%; -webkit-appearance:none; padding:none; font-size:12px;} section#memberjoin .agreement .agreement_content2 {height:180px; border:solid 1px #BBBBBB; margin-top:10px; background-color:#FFFFFF;} section#memberjoin .agreement .agreement_content2 .content-text{border:none; width:97%; height:98%; -webkit-appearance:none; padding:none; font-size:12px;} section#memberjoin .agreement .content_view {width:100%;text-align:right; padding-right:10px; font-size:14px; font-weight:bold; color:#f47b8c; height:20px; line-height:20px;margin-top:5px;} section#memberjoin .agreement .view_btn {float:right; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#memberjoin .agreement_chk {clear:both;font-size:14px;color:#3e3e3e; margin-bottom:10px;} section#memberjoin .agreement_chk label{height:25px; line-height:25px; position:relative;} section#memberjoin .agreement_chk label input[type=checkbox]{border:solid 1px #BBBBBB;} section#memberjoin .step_btn {margin-bottom:10px; height:44px;} section#memberjoin .step_btn .cancel_btn {position:relative; float:left; } section#memberjoin .step_btn .cancel_btn #cancel-btn { width:143px; height:44px; border:0; padding:0px;color:#999;background-color:#eee; border-radius:3px; font-size:18px; font-weight:bold; } /*section#memberjoin .step_btn .cancel_btn #cancel-btn:active{ width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} section#memberjoin .step_btn .cancel_btn #cancel-btn .active{ width:143px; height:44px; border:0; background:url('../img/login/btn_register_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} */ section#memberjoin .step_btn .next_btn {position:relative; float:right; } section#memberjoin .step_btn .next_btn #next-btn { width:143px; height:44px; border:0; padding:0px; color:#fff;background-color:#272727;border-radius:3px; font-size:18px;} .btnc01{position:relative; float:right; width:143px; height:44px; border:0; padding:0px; color:#999; background-color:#eee; border-radius:3px; font-size:18px; font-weight:bold; } .btnc02{position:relative; float:right; width:180px; height:44px; border:0; padding:0px; color:#999; background-color:#eee; border-radius:3px; font-size:18px; font-weight:bold; } /* 장바구니(전체구매하기), 관심상품(선택삭제) background-color:#f47b8c (원본색상)-> #272727 로 수정 , 673f88 */ .btn01 {position:relative; float:right; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#272727;border-radius:3px; font-size:14px;} /* 장바구니(선택한 상품 구매) */ .btn01_1 {position:relative; float:right; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#272727;border-radius:3px; font-size:14px;} /*장바구니(계속쇼핑하기*/ .btn02 {position:relative; float:right; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#999999;border-radius:3px; font-size:14px;} /*마이페이지(확인)*/ .btn03 {position:relative; float:center; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#272727;border-radius:3px; font-size:14px;} /*마이페이지(취소)*/ .btn04 {position:relative; float:center; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#999999;border-radius:3px; font-size:14px;} /*카테고리 뒤로*/ .btn05 {position:relative; float:center; width:70px; height:30px; border:0; padding:0px; color:#fff; background-color:#BBBBBB;border-radius:3px; font-size:10px;} .btn06 {position:relative; float:center; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#ff7a71;border-radius:3px; font-size:10px;} .btn07 {position:relative; float:center; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#ffaa02;border-radius:3px; font-size:14px;} .btn08 {position:relative; float:center; width:96px; height:30px; border:0; padding:0px; color:#fff; background-color:#50a000;border-radius:3px; font-size:14px;} /* 배송조회 */ .btn09 {position:relative; float:center; width:78px; height:22px; border:0; padding:0px; color:#fff; background-color:#ffaa02;border-radius:5px; font-size:13px;} /* 장바구니 수정 background-color:#6881b9; */ .btn10 {position:relative; float:center; width:78px; height:26px; border:0; padding:0px; color:#fff; background-color:#999999;border-radius:2px; font-size:13px; padding-bottom:1px; margin-top:2px} /* 장바구니 삭제 */ .btn11 {position:relative; float:center; width:78px; height:26px; border:0; padding:0px; color:#fff; background-color:#999999;border-radius:2px; font-size:13px; padding-bottom:1px; margin-top:2px} /* 우편번호 */ .btn12 {position:relative; float:center; width:90px; height:28px; border:0; padding:0px; color:#fff; background-color:#999999;border-radius:2px; font-size:13px; padding-bottom:1px; margin-top:2px} .cate_font{color:#777777; font-size:28px;font-family : 굴림, Gulim, Helvetica ;} /*.cate_title{color:#555555; font-size:16px;font-family : 굴림, Gulim, Helvetica ;}*/ .cate_title{color:#555555; font-size:17px;} /*section#memberjoin .step_btn .next_btn #next-btn:active{ width:143px; height:44px; border:0; background:url('../img/login/btn_nonmember_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} section#memberjoin .step_btn .next_btn #next-btn .active{ width:143px; height:44px; border:0; background:url('../img/login/btn_nonmember_on_effect.png') no-repeat; background-size:143px; padding:0px; color:#FFFFFF; font-size:18px; font-weight:bold;} */ section#memberjoin .account .account_title {height:25px; width:100%;} section#memberjoin .account .account_title .bullet{height:25px; display:none;} section#memberjoin .account .account_title .title {height:25px; line-height:25px; font-size:17px; color:#5e5e5e; padding-left:10px; font-weight:bold; float:left;} section#memberjoin .account .account_content {position:relative; padding:5px;} section#memberjoin .account .account_content .input_title{width:27%;min-width:80px;font-size:14px; color:#5e5e5e; float:left; height:20px; line-height:20px; font-weight:bold;} section#memberjoin .account .account_content .input_title2{width:27%;min-width:80px;font-size:13px; color:#5e5e5e; float:left; height:38px; line-height:20px; font-weight:bold;} /* 비밀번호 확인 */ section#memberjoin .account .account_content .input_bar{width:0px;height:28px;border-right:solid 1px #BBBBBB; float:left; margin-left:1%; margin-right:3%;} section#memberjoin .account .account_content .input_content{width:67%;font-size:14px;float:left;line-height:20px;} section#memberjoin .account .account_content .input_content .description{font-size:12px;color:#4992FF;line-height:18px;} section#memberjoin .account .account_content .input_content .description input[type=checkbox]{height:15px; border:solid 1px #BBBBBB;} section#memberjoin .account .account_content .input_content .chk{color:#5e5e5e;} section#memberjoin .account .account_content .input_content .wrong{color:#FF3F3F;} section#memberjoin .account .account_content .input_content #zipcode_list {position:absolute; left:0; display:none; z-index:20; width:100%; border-top:1px solid gray; border-bottom:1px solid gray; background-color:#fff; font-size:12px; line-height:15px;} section#memberjoin .account .account_content .input_content #zipcode_list li {list-style:none;} section#memberjoin .account .account_content .input_content #zipcode_list li>a {display:block; padding:5px 2px; border-bottom:1px solid #e5e5e5;} section#memberjoin .account .account_content .input_content .btn_zip{ float:right; font-size:12px; width:95px; height:24px; line-height:0px; } section#memberjoin .account .account_content .input_content .btn_zipcode{ border:0; width:95px; height:24px; color:#999;background-color:#eee; border-radius:3px;font-weight:bold;font-size:12px; } /*section#memberjoin .account .account_content .input_content .btn_zipcode:active { border:0; width:95px; height:24px; background:url('../img/btn_zipcode_on_effect.png') no-repeat; background-size:95px 24px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:12px; } section#memberjoin .account .account_content .input_content .btn_zipcode.active { border:0; width:95px; height:24px; background:url('../img/btn_zipcode_on_effect.png') no-repeat; background-size:95px 24px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:12px; }*/ /* 주문폼 */ section#m_order {background-color:#fff;min-height:100%} section#m_order input[type=text]{ border:solid 1px #CCCCCC; border-radius: 0.2em; -webkit-appearance:none; -moz-box-shadow: inset 1px 1px 1px #bbb; -webkit-box-shadow: inset 1px 1px 1px #bbb; box-shadow: inset 1px 1px 1px #bbb; } section#m_order .sub_title{padding-left:10px; margin-top:15px; font-size:18px; font-weight:bold;} section#m_order .m_ord {padding:10px;} section#m_order .m_ord .roundbox {background-color:#FFFFFF; -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; border:solid 1px #cccccc;} section#m_order .m_ord .roundbox .m_list {position:relative; border-bottom:1px solid #cccccc; height:50px; line-height:50px; background-image: -moz-linear-gradient(top, black, white) -webkit-linear-gradient(top, black, white); font-size:16px; font-weight:bold;} section#m_order .m_ord .roundbox .m_list .m_title { float:left; width: 70px; background-color:#AAAAAA; color:#FFFFFF; text-align:center; } section#m_order .m_ord .roundbox .m_list .m_top_left { border-top-left-radius:0.3em; -webkit-border-top-left-radius:0.3em; -moz-border-top-left-radius:0.3em; } section#m_order .m_ord .roundbox .m_list .m_right { padding-left: 7px; float:left; text-align:left; font-size:14px; } section#m_order .m_ord .roundbox .m_list .m_right #zipcode_list {position:absolute; left:0; display:none; z-index:20; width:100%; border-top:1px solid gray; border-bottom:1px solid gray; background-color:#fff; font-size:12px; line-height:15px;} section#m_order .m_ord .roundbox .m_list .m_right #zipcode_list li {list-style:none;} section#m_order .m_ord .roundbox .m_list .m_right #zipcode_list li>a {display:block; padding:5px 2px; border-bottom:1px solid #e5e5e5;} section#m_order .m_ord .roundbox .m_list .m_right .btn_zip{ float:right; margin-top:7px;font-size:14px; width:116px; height:36px; line-height:0px; } section#m_order .m_ord .roundbox .m_list .m_right .btn_zipcode{ border:0; width:116px; height:36px; font-weight:bold;color:#999;background-color:#eee; border-radius:3px;font-size:14px; } /*section#m_order .m_ord .roundbox .m_list .m_right .btn_zipcode:active { border:0; width:116px; height:36px; background:url('../img/btn_zipcode_on_effect.png') no-repeat; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; } section#m_order .m_ord .roundbox .m_list .m_right .btn_zipcode.active { border:0; width:116px; height:36px; background:url('../img/btn_zipcode_on_effect.png') no-repeat; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; }*/ section#m_order .m_ord .roundbox .m_list .m_right .btn_coup{ float:right; margin-top:7px;font-size:14px; width:100px; height:36px; line-height:0px; } section#m_order .m_ord .roundbox .m_list .m_right .btn_coupon{ border:0; width:100px; height:36px; font-weight:bold;color:#999;background-color:#eee; border-radius:3px;font-size:14px; } /*section#m_order .m_ord .roundbox .m_list .m_right .btn_coupon:active { border:0; width:134px; height:36px; background:url('../img/btn_coupon_on_effect.png') no-repeat; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; } section#m_order .m_ord .roundbox .m_list .m_right .btn_coupon.active { border:0; width:134px; height:36px; background:url('../img/btn_coupon_on_effect.png') no-repeat; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:14px; }*/ section#m_order .m_ord .roundbox .m_list .m_bottom_left { border-bottom-left-radius:0.3em; -webkit-border-bottom-left-radius:0.3em; -moz-border-bottom-left-radius:0.3em; } section#m_order .m_ord .roundbox .m_list2 {position:relative; border-bottom:1px solid #cccccc; background-image: -moz-linear-gradient(top, black, white) -webkit-linear-gradient(top, black, white); font-size:16px; font-weight:bold;} section#m_order .m_ord .roundbox .m_list2 .m_title { width: 70px; background-color:#AAAAAA; color:#FFFFFF; text-align:center; vertical-align: middle; } section#m_order .m_ord .roundbox .m_list2 .m_content { padding: 7px; } section#m_order .m_ord .roundbox .m_list2 .m_top_left { border-top-left-radius:0.3em; -webkit-border-top-left-radius:0.3em; -moz-border-top-left-radius:0.3em; } section#m_order .m_ord .roundbox .m_list2 .m_right { padding-left: 7px; float:left; text-align:left; font-size:15px; } section#m_order .m_ord .roundbox .m_list2 .m_content label { margin-right:5px; } section#m_order .m_ord .roundbox .m_list2 .m_bottom_left { border-bottom-left-radius:0.3em; -webkit-border-bottom-left-radius:0.3em; -moz-border-bottom-left-radius:0.3em; } section#m_order .m_ord .btn_center { margin-top:5px; margin-bottom:10px; height:44px; } section#m_order .m_ord .btn_center .btn_pre { float:left; font-size:16px; width:49%; height:44px; line-height:0px; max-width:150px;} section#m_order .m_ord .btn_center .btn_prev { border:0; width:100%; height:44px; font-size:16px;color:#999;background-color:#eee; border-radius:3px; max-width:150px;} /*section#m_order .m_ord .btn_center .btn_prev:active { border:0; width:100%; height:44px; background:url('../img/btn_prev_on_effect.png') no-repeat; background-size:100% 44px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:16px; max-width:150px;} section#m_order .m_ord .btn_center .btn_prev.active { border:0; width:100%; height:44px; background:url('../img/btn_prev_on_effect.png') no-repeat; background-size:100% 44px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:16px; max-width:150px;}*/ section#m_order .m_ord .btn_center .btn_pay { position:relative; float:right; font-size:16px; width:49%; height:44px; line-height:0px; max-width:150px;} section#m_order .m_ord .btn_center .btn_payment { border:0; width:100%; height:44px; font-weight:bold;color:#fff;background-color:#f47b8c; border-radius:3px; font-size:16px; max-width:150px;} /*section#m_order .m_ord .btn_center .btn_payment:active { border:0; width:100%; height:44px; background:url('../img/btn_payment_on_effect.png') no-repeat; background-size:100% 44px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:16px; max-width:150px;} section#m_order .m_ord .btn_center .btn_payment.active { border:0; width:100%; height:44px; background:url('../img/btn_payment_on_effect.png') no-repeat; background-size:100% 44px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); color:#DDDDDD; font-size:16px; max-width:150px;}*/ section#m_order ul.order_item_list {margin-top:0px;padding-top:0px;list-style:none;} section#m_order ul.order_item_list li {position:relative; height:142px; border-bottom:1px solid #dadada; margin-bottom:10px;} section#m_order ul.order_item_list .oil_chk {float:left;height:167px; line-height:167px; padding-left:10px; } section#m_order ul.order_item_list .oil_chk input{border:solid 1px #aaaaaa; background-color:#ffffff; -webkit-appearance:checkbox; -moz-apperance:checkhbox; -webkit-width:20px; -webkit-height:20px; -moz-width:20px; -moz-height:20px; width:20px; height:20px;} section#m_order ul.order_item_list .oil_img {float:left;height:121px; padding-top:5px; padding-left:10px; } section#m_order ul.order_item_list .oil_img img{ width:80px;} section#m_order ul.order_item_list .oil_goods {float:left;height:132px; padding-left:10px; padding-top:10px;font-size:14px; color:#5e5e5e; font-weight:bold;} section#m_order ul.order_item_list .oil_goods .oil_name {margin-bottom:3px; font-size:18px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#m_order ul.order_item_list .oil_goods .oil_option {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#m_order ul.order_item_list .oil_goods .oil_price .r_price{color:#EE4040;} section#m_order ul.order_item_list .oil_goods .oil_ea .oil_ea_btn{background:url('../img/cart/btn_modify_shape.png') no-repeat; background-size:56px 20px; margin-top:-20px; margin-left:100px;} section#m_order ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn { width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_off_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#m_order ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn:active { width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_on_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#m_order ul.order_item_list .oil_goods .oil_ea .oil_ea_btn #ea-modify-btn .active{ width:56px; height:20px; border:0; background:url('../img/cart/btn_modify_on_effect.png') no-repeat; background-size:56px 20px; padding:0px; color:#FFFFFF; font-size:14px; font-weight:bold; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#m_order ul.order_item_list .oil_delivery_title {float:left; padding-right:5px;white-space:nowrap;max-width:150px;} section#m_order ul.order_item_list .blt {} section#m_order ul.order_item_list .oil_delivery {margin-bottom:3px; font-size:14px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#m_order .sum_area{position:relative;padding:0px 10px 10px 10px; } section#m_order .sum_area .board_area{background-color:#FFFFFF; padding:10px;font-size:14px;font-weight:bold; text-align:right; height:32px; border-radius:3px; border:solid 1px #cccccc;} section#m_order .sum_area .board_area .title{width:65%;float:left;} section#m_order .sum_area .board_area .price{width:35%;float:right;} /* 상품뷰 */ section#goodsview {clear:both;background-color:#fff;min-height:100%} section#goodsview .top_title{height:40px; line-height:40px; padding-left:20px; padding-right:20px;font-size:18px; font-weight:bold; background:url(./images/head/tit_icon.jpg) 18px top no-repeat; background-size:1.545em 0.636em; } section#goodsview .top_title .goods_nm{float:left;width:200px; color:#333; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} section#goodsview .top_title .goods_price{float:right;text-align:right;color:#f47b8c;} section#goodsview .thumbnail-area{padding:10px;} section#goodsview .zoom-area{z-index:1;position:relative; float:right; background:url("../img/goods/zoomicon_bg.png") left top no-repeat; width:46px; height:46px;} section#goodsview .thumbnail-img{position:relative; margin-top:-1px;} section#goodsview .zoom-area .zoom-icon{background:url("../img/goods/zoomicon.png") left top no-repeat; width:46px; height:46px;} section#goodsview #goods_coupon {clear:both; padding:10px 0;text-align:center;} section#goodsview #goods_coupon li{display:inline-block; vertical-align:top; padding-bottom:10px;} section#goodsview #goods_coupon .coupon_img {display:inline-block; font:bold 12px tahoma; color:#FF0000; padding:19px 40px 0 0; width:100px; height:36px;} section#goodsview #goods_coupon .coupon_img.type_01 {background:url('../img/coupon01.gif');} section#goodsview #goods_coupon .coupon_img.type_02 {background:url('../img/coupon02.gif');} section#goodsview #goods_coupon .coupon_img.type_03 {background:url('../img/coupon03.gif');} section#goodsview #goods_coupon .coupon_img.type_04 {background:url('../img/coupon04.gif');} section#goodsview .btn-area {position:fixed; bottom:0px;height:54px; width:100%;} section#goodsview .btn-area-effect {height:54px;background-color:#666; width:100%;} section#goodsview .btn-area #order-btn{float:left; height:54px; width:20%; background-color:#f47b8c; min-width:62px; } /*section#goodsview .btn-area #order-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape01.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsview .btn-area #order-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape01.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsview .btn-area #order-btn-effect{float:left; height:54px; width:100%; text-align:center; min-width:62px;} /*section#goodsview .btn-area #order-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect01.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsview .btn-area #order-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect01.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsview .btn-area #order-btn-object{float:left;background:transparent url(./images/goods/btn_on_object01.png) center top no-repeat; color:#f47b8c;background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsview .btn-area #order-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object01.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsview .btn-area #order-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object01.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsview .btn-area #wish-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsview .btn-area #wish-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape02.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsview .btn-area #wish-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape02.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsview .btn-area #wish-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsview .btn-area #wish-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect02.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsview .btn-area #wish-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect02.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsview .btn-area #wish-btn-object{float:left;background:transparent url("./images/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsview .btn-area #wish-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsview .btn-area #wish-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsview .btn-area #cart-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsview .btn-area #cart-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape03.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsview .btn-area #cart-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape03.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsview .btn-area #cart-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsview .btn-area #cart-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect03.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsview .btn-area #cart-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect03.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsview .btn-area #cart-btn-object{float:left;background:transparent url("./images/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsview .btn-area #cart-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsview .btn-area #cart-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsview .btn-area #review-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsview .btn-area #review-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape04.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsview .btn-area #review-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape04.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsview .btn-area #review-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsview .btn-area #review-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect04.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsview .btn-area #review-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect04.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsview .btn-area #review-btn-object{float:left;background:transparent url("./images/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsview .btn-area #review-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsview .btn-area #review-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsview .btn-area #sns-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsview .btn-area #sns-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape05.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsview .btn-area #sns-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape05.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */ section#goodsview .btn-area #sns-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsview .btn-area #sns-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect05.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsview .btn-area #sns-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect05.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsview .btn-area #sns-btn-object{float:left;background:transparent url("./images/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsview .btn-area #sns-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsview .btn-area #sns-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ /* 상품뷰_상세 */ section#goodsdetail {clear:both;background-color:#fff;min-height:100%} section#goodsdetail .top_title{height:40px; line-height:40px; padding-left:20px; padding-right:20px;font-size:18px; font-weight:bold; background:url(./images/head/tit_icon.jpg) 18px top no-repeat; background-size:1.545em 0.636em; } section#goodsdetail .top_title .goods_nm{float:left;width:200px; color:#333; white-space:nowrap; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;} section#goodsdetail .top_title .goods_price{float:right;text-align:right;color:#f47b8c;} section#goodsdetail .desc-area{padding:10px;} section#goodsdetail .zoom-area{z-index:1;position:relative; float:right; background:url("../img/goods/zoomicon_bg.png") left top no-repeat; width:46px; height:46px;} section#goodsdetail .thumbnail-img{position:relative; margin-top:-1px;} section#goodsdetail .zoom-area .zoom-icon{background:url("../img/goods/zoomicon.png") left top no-repeat; width:46px; height:46px;} section#goodsdetail .btn-area {position:fixed; bottom:0px;height:54px; width:100%;} section#goodsdetail .btn-area-effect {height:54px; background-color:#666; width:100%;} section#goodsdetail .btn-area #order-btn{float:left; height:54px; width:20%; background-color:#f47b8c; min-width:62px; } /*section#goodsdetail .btn-area #order-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape01.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsdetail .btn-area #order-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape01.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsdetail .btn-area #order-btn-effect{float:left; height:54px; width:100%; text-align:center; min-width:62px;} /*section#goodsdetail .btn-area #order-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect01.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} 77section#goodsdetail .btn-area #order-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect01.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsdetail .btn-area #order-btn-object{float:left;background:transparent url(./images/goods/btn_on_object01.png) center top no-repeat; color:#f47b8c;background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsdetail .btn-area #order-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object01.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsdetail .btn-area #order-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object01.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsdetail .btn-area #wish-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsdetail .btn-area #wish-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape02.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsdetail .btn-area #wish-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape02.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsdetail .btn-area #wish-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsdetail .btn-area #wish-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect02.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsdetail .btn-area #wish-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect02.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsdetail .btn-area #wish-btn-object{float:left;background:transparent url("./images/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsdetail .btn-area #wish-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsdetail .btn-area #wish-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object02.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsdetail .btn-area #cart-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsdetail .btn-area #cart-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape03.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsdetail .btn-area #cart-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape03.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsdetail .btn-area #cart-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsdetail .btn-area #cart-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect03.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsdetail .btn-area #cart-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect03.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsdetail .btn-area #cart-btn-object{float:left;background:transparent url("./images/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsdetail .btn-area #cart-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsdetail .btn-area #cart-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object03.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsdetail .btn-area #review-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsdetail .btn-area #review-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape04.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsdetail .btn-area #review-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape04.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */section#goodsdetail .btn-area #review-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsdetail .btn-area #review-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect04.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsdetail .btn-area #review-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect04.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsdetail .btn-area #review-btn-object{float:left;background:transparent url("./images/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsdetail .btn-area #review-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsdetail .btn-area #review-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object04.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ section#goodsdetail .btn-area #sns-btn{float:left; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px; } /*section#goodsdetail .btn-area #sns-btn:active{float:left;background:transparent url("../img/goods/btn_on_shape05.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} section#goodsdetail .btn-area #sns-btn .active{float:left;background:transparent url("../img/goods/btn_on_shape05.png") left top no-repeat; background-size:100% 54px; height:54px; width:20%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); min-width:62px;} */ section#goodsdetail .btn-area #sns-btn-effect{float:left; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} /*section#goodsdetail .btn-area #sns-btn-effect:active{float:left;background:transparent url("../img/goods/btn_on_effect05.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;} section#goodsdetail .btn-area #sns-btn-effect .active{float:left;background:transparent url("../img/goods/btn_on_effect05.png") left top no-repeat; background-size:100% 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; min-width:62px;}*/ section#goodsdetail .btn-area #sns-btn-object{float:left;background:transparent url("./images/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px;color:#666; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } /*section#goodsdetail .btn-area #sns-btn-object:active{float:left;background:transparent url("../img/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } section#goodsdetail .btn-area #sns-btn-object .active{float:left;background:transparent url("../img/goods/btn_on_object05.png") center top no-repeat; background-size:62px 54px; height:54px; width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0.0); } */ /* 상품 옵션 선택 */ section#goodsorder-hide {position:fixed; bottom:60px; padding:0% 5% 0% 5%; width:100%; display:none;} section#goodsorder-hide .pop_back{background:transparent url("../img/goods/popup01_bg.png") left top no-repeat; background-size:100% 100%; width:90%; height:100%;} section#goodsorder-hide .pop_back .pop_effect {background:transparent url("../img/goods/popup01_effect.png") left top no-repeat; background-size:100% 100%; width:100%; height:100%;} section#goodsorder-hide .pop_back .pop_effect .pop_body {padding:0px 20px 0px 20px;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_title {background:transparent url("../img/goods/popup_title_line.png") left bottom repeat-x; width:100%; height:35px; color:#DDDDDD; font-size:18px; font-weight:bold; line-height:35px; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content {padding:5px;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_ttt{line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt{height:30px;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_title{float:left; line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content{float:right;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content select{height:25px;max-width:120px; } section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt{height:25px;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_title{float:left; line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_content{float:right;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_content input{height:20px;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn{overflow:hidden;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn:active {float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn .active{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn:active {float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodsorder-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn.active{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide {position:fixed; bottom:60px; padding:0% 5% 0% 5%; width:100%; display:none;} section#goodscart-hide .pop_back{background:transparent url("../img/goods/popup01_bg.png") left top no-repeat; background-size:100% 100%; width:90%; height:100%;} section#goodscart-hide .pop_back .pop_effect {background:transparent url("../img/goods/popup01_effect.png") left top no-repeat; background-size:100% 100%; width:100%; height:100%;} section#goodscart-hide .pop_back .pop_effect .pop_body {padding:0px 20px 0px 20px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_title {background:transparent url("../img/goods/popup_title_line.png") left bottom repeat-x; width:100%; height:35px; color:#DDDDDD; font-size:18px; font-weight:bold; line-height:35px; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content {padding:5px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_ttt{line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt{height:30px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_title{float:left; line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content{float:right;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content select{height:25px;max-width:120px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt{height:25px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_title{float:left; line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_content{float:right;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_cnt .pop_content_content input{height:25px;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn{} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn:active {float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn .active{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn:active {float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodscart-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn.active{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide {position:fixed; bottom:60px; padding:0% 5% 0% 5%; width:100%; display:none;} section#goodswish-hide .pop_back{background:transparent url("../img/goods/popup01_bg.png") left top no-repeat; background-size:100% 100%; width:90%; height:100%;} section#goodswish-hide .pop_back .pop_effect {background:transparent url("../img/goods/popup01_effect.png") left top no-repeat; background-size:100% 100%; width:100%; height:100%;} section#goodswish-hide .pop_back .pop_effect .pop_body {padding:0px 20px 0px 20px;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_title {background:transparent url("../img/goods/popup_title_line.png") left bottom repeat-x; width:100%; height:35px; color:#DDDDDD; font-size:18px; font-weight:bold; line-height:35px; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content {padding:5px;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_ttt{line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt{height:30px;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_title{float:left; line-height:25px; font-size:16px; font-weight:bold; color:#DDDDDD; text-shadow:-1 -1 #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content{float:right;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_content .pop_content_opt .pop_content_content select{height:25px;max-width:120px;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn{} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn:active {float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-left-btn .active{float:left; width:45%; background:transparent url("../img/goods/popup_btn_left_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_off_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn:active {float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodswish-hide .pop_back .pop_effect .pop_body .pop_btn #pop-right-btn.active{float:right; width:45%; background:transparent url("../img/goods/popup_btn_right_on_effect.png") left top no-repeat; background-size:100% 30px; height:30px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); text-align:center; line-height:30px; color:#DDDDDD; font-size:18px; font-weight:bold; text-shadow:-1px -1px #555555;} section#goodssns-hide {position:fixed; bottom:54px; padding:0% 2% 0% 2%; width:100%; height:52px;display:none;} section#goodssns-hide .sns_icon {width:96%;} section#goodssns-hide .sns01{float:right; background:transparent url("../img/goods/sns01_bg_shape.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns01_effect{background:transparent url("../img/goods/sns01_bg_effect.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns01_object{background:transparent url("../img/goods/sns01_bg_object.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns02{float:right; background:transparent url("../img/goods/sns02_bg_shape.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns02_effect{background:transparent url("../img/goods/sns02_bg_effect.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns02_object{background:transparent url("../img/goods/sns02_bg_object.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns03{float:right; background:transparent url("../img/goods/sns03_bg_shape.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns03_effect{background:transparent url("../img/goods/sns03_bg_effect.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodssns-hide .sns03_object{background:transparent url("../img/goods/sns03_bg_object.png") left top no-repeat; background-size: 100% 100%; width:50px; height:53px;} section#goodsres-hide {position:fixed; bottom:120px; padding:0% 10% 0% 10%; width:100%; height:70px;display:none;} section#goodsres-hide .pop_back{background:transparent url("../img/goods/popup02_bg.png") left top no-repeat; background-size:100% 100%; width:80%; height:100%;} section#goodsres-hide .pop_back .pop_effect {background:transparent url("../img/goods/popup02_effect.png") left top no-repeat; background-size:100% 100%; width:100%; height:100%;} section#goodsres-hide .pop_back .pop_effect .text_msg{padding: 0px 20px 0px 20px; text-align:center; color:#DDDDDD; font-weight:bold; text-shadow:-1px -1px #555555; height:70px; font-size:16px; line-height:60px;} /* 상품 리스트 */ section#goodslist {background-color:#fff;min-height:100%;position:relative; margin-top:0px;padding-top:0px;} section#goodslist ul.goods_item_list {margin-top:0px;padding-top:0px;list-style:none;} section#goodslist ul.goods_item_list li {position:relative; height:119px; border-bottom:1px solid #dadada;} section#goodslist ul.goods_item_list li .gl_img {position:absolute;height:109px; padding-top:10px; padding-left:10px; padding-right:10px; overflow:hidden;} section#goodslist ul.goods_item_list li .gl_img img{width:80px;} section#goodslist ul.goods_item_list li .gl_goods {height:89px; padding-left:120px; padding-top:30px;font-size:14px; color:#5e5e5e; font-weight:bold;} section#goodslist ul.goods_item_list li .gl_goods .gl_name {margin-bottom:3px; font-size:18px; color:#666666; font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:150px;} section#goodslist ul.goods_item_list li .gl_goods .gl_price .r_price{color:#EE4040;} section#goodslist ul.goods_item_list li .gl_arrow {position: absolute; top: 0; right: 0; background:url('../img/goods/arrow01.png') right top no-repeat; width:15px; height:23px; margin-top:49px; margin-right:10px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#goodslist ul.goods_item_list li.more {height:40px; background:transparent url("../img/goods/list_bg.png") repeat-x; background-size:1px 40px; line-height:40px; font-size:20px; font-weight:bold; color:#5e5e5e; text-align:center; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} section#main {background-color:#fff;min-height:100%; margin-top:0px;padding-top:0px; position:relative;} section#event {background-color:#fff;min-height:100%; margin-top:0px;padding-top:0px; position:relative;} section#event .event_body{padding:10px;} /* 상품 리스트 공통 */ .item_disp1 { width:99%; } .item_disp2 { width:49%; } .item_disp3 { width:33%; } .item_disp4 { width:24%; } .item_disp5 { width:19%; } .item_disp6 { width:16%; } /* 상품 진열 설정 - 상품 스크롤 형 */ .list_goodsscroll {clear:both; padding:10px;margin-top:10px;margin-bottom:10px; position:static;} .list_goodsscroll .list_title {height:25px; display:none;} .list_goodsscroll .list_title .bullet{height:25px; background:url('../img/list/bullet.png') center center no-repeat; width:18px; float:left;} .list_goodsscroll .list_title .title {height:25px; line-height:25px; font-size:17px; color:#5e5e5e; font-weight:bold; float:left;} .list_goodsscroll .swipe_gs { width:100%; } .list_goodsscroll .swipe_gs .list_content {width:100%; } .list_goodsscroll .swipe_gs .list_content .list_item{margin-bottom:15px;float:left;} .list_goodsscroll .swipe_gs .list_content .list_item .item_img {text-align:center; padding-left:3px; padding-right:3px;} .list_goodsscroll .swipe_gs .list_content .list_item .item_img img {max-width:95%; /*border:1px solid #eee;*/ } .list_goodsscroll .swipe_gs .list_content .list_item .item_name {text-align:center;font-size:11px; font-weight:bold; color:#444444; padding-left:3px; padding-right:3px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_goodsscroll .swipe_gs .list_content .list_item .item_price {text-align:center;font-size:11px; font-weight:bold; color:#b20000; padding-left:3px; padding-right:3px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_goodsscroll .swipe_gs .list_content .list_content_border { float:left; width:100%; margin-bottom:10px;} .list_goodsscroll .list_page { display:none;height:29px; text-align:center; padding-left:20%; padding-right:20%; margin-bottom:10px; } .list_goodsscroll .list_page .list_page_wrap{min-width:150px;} .list_goodsscroll .list_page .list_page_left{background:url('../img/list/arrow_left.png') center right no-repeat; min-width:50px; float:left; height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_goodsscroll .list_page .list_page_right{background:url('../img/list/arrow_right.png') center left no-repeat; min-width:50px; float:right;height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_goodsscroll .list_page .list_page_num{height:29px; font-size:16px; font-weight:bold; color:#444444; min-width:50px; float:left; line-height:29px; text-align:center; width:34%;} .list_goodsscroll .list_page .list_page_num .n_page{color:#1E1EFF;} .list_goodsscroll .list_margin {height:10px;float:left; width:100%;} /* 상품 진열 설정 - 이미지 스크롤 형 */ .list_imgscroll {clear:both; padding:10px;margin-top:10px;margin-bottom:10px; position:static;} .list_imgscroll .list_title {height:25px;} .list_imgscroll .list_title .bullet{height:25px; background:url('../img/list/bullet.png') center center no-repeat; width:18px; float:left;} .list_imgscroll .list_title .title {height:25px; line-height:25px; font-size:17px; color:#5e5e5e; font-weight:bold; float:left;} .list_imgscroll .list_content_wrap {width:100%;float:left;} .list_imgscroll .list_content_wrap .swipe_is {width:100%;} .list_imgscroll .list_content_wrap .swipe_is .list_content {width:100%;float:left;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item{margin-bottom:15px;float:left;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_img {text-align:center; padding-left:3px; padding-right:3px; z-index:1;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_img img {max-width:74px; height:55px z-index:1;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_text-wrap { position:relative; padding-left:3px; padding-right:3px; margin-top:-25px; z-index:2; visibility:visible;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_text {background:rgba(0,0,0, .6); height:46px; width:100%; z-index:2;visibility:visible;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_name {text-align:center;font-size:16px; font-weight:bold; color:#FFFFFF; height:23px; line-height:23px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_item .item_price {text-align:center;font-size:16px; font-weight:bold; color:#FFFFFF; height:23px; line-height:23px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_imgscroll .list_content_wrap .swipe_is .list_content .list_content_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-bottom:10px;} .list_imgscroll .list_page {float:right;height:25px; line-height:25px; font-size:16px; font-weight:bold; color:#444444; } .list_imgscroll .list_page .n_page{color:#1E1EFF;} .list_imgscroll .list_content_wrap .list_page_btn {width:100%; height:35px; position:relative; float:left; margin-top:-50%;} .list_imgscroll .list_content_wrap .list_page_btn .left_btn { position:relative; visibility:visible; background:rgba(255,255,255, .6); float:left; height:35px; width:25px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); z-index:3;} .list_imgscroll .list_content_wrap .list_page_btn .left_btn_img {position:relative; visibility:visible; background:url('../img/list/arrow_left2.png')center right no-repeat; float:left; height:35px; width:25px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);z-index:3;} .list_imgscroll .list_content_wrap .list_page_btn .right_btn { position:relative; visibility:visible; background:rgba(255,255,255, .6); float:right; height:35px; width:25px; -webkit-tap-highlight-color: rgba(0,0,0,0.0); z-index:3;} .list_imgscroll .list_content_wrap .list_page_btn .right_btn_img {position:relative; visibility:visible; background:url('../img/list/arrow_right2.png') center right no-repeat;float:right; height:35px; width:25px; -webkit-tap-highlight-color: rgba(0,0,0,0.0);z-index:3;} .list_imgscroll .list_content_wrap .list_margin {height:10px;float:left; width:100%;} /* 상품 진열 설정 - 탭 형 */ .list_tab {clear:both; position:static;margin-top:10px;} .list_tab .tab_title {height:30px; padding-left:10px; padding-right:10px;} .list_tab .tab_title .title_wrap{border-bottom: solid 2px #555555; float:left; color:#bbbbbb;} .list_tab .tab_title .title_active{border-bottom: none; border-top: solid 2px #555555; border-left: solid 2px #555555; border-right: solid 2px #555555; width:32%; float:left; color:#5e5e5e; border-top-left-radius:7px; border-top-right-radius:7px;} .list_tab .tab_title .title {height:30px; line-height:30px; font-size:17px; font-weight:bold; float:left; width:100%; text-align:center; text-:ellipsis;:hidden;white-space:nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_tab .list_tabcontent {padding:10px;margin-top:10px;margin-bottom:10px; position:relative;} .list_tab .list_tabcontent .swipe_tab {width:100%; } .list_tab .list_tabcontent .swipe_tab .list_content {width:100%; } .list_tab .list_tabcontent .swipe_tab .list_content .list_item{margin-bottom:15px;float:left;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_img {text-align:center; padding-left:3px; padding-right:3px;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_img img {max-width:74px; max-height:55px} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_name {text-align:center;font-size:16px; font-weight:bold; color:#444444; padding-left:3px; padding-right:3px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_tab .list_tabcontent .swipe_tab .list_content .list_item .item_price {text-align:center;font-size:16px; font-weight:bold; color:#5e5e5e; padding-left:3px; padding-right:3px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_tab .list_tabcontent .swipe_tab .list_content .list_content_tab_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-bottom:10px; margin-top:10px;} .list_tab .list_tabcontent .swipe_tab .list_content .list_content_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-bottom:10px;} .list_tab .list_tabcontent .list_page {height:29px; text-align:center; padding-left:20%; padding-right:20%; margin-bottom:10px; } .list_tab .list_tabcontent .list_page .list_page_wrap{min-width:150px;} .list_tab .list_tabcontent .list_page .list_page_left{background:url('../img/list/arrow_left.png') center right no-repeat; min-width:50px; float:left; height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_tab .list_tabcontent .list_page .list_page_right{background:url('../img/list/arrow_right.png') center left no-repeat; min-width:50px; float:right;height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_tab .list_tabcontent .list_page .list_page_num{height:29px; font-size:16px; font-weight:bold; color:#444444; min-width:50px; float:left; line-height:29px; text-align:center; width:34%;} .list_tab .list_tabcontent .list_page .list_page_num .n_page{color:#1E1EFF;} .list_tab .list_tabcontent .list_margin {height:10px;float:left; width:100%;} /* 상품 진열 설정 - 매거진 형 */ .list_magazine {padding:0px;margin-top:10px;margin-bottom:10px; position:static;} .list_magazine .list_title {height:25px;} .list_magazine .list_title .bullet{height:25px; background:url('../img/list/bullet.png') center center no-repeat; width:18px;float:left;} .list_magazine .list_title .title {height:25px; line-height:25px; font-size:17px; color:#5e5e5e; font-weight:bold;width:100px;float:left;} .list_magazine .swipe_mg {width:100%;float:left;} .list_magazine .swipe_mg .list_content {overflow:hidden; position:relative;} .list_magazine .swipe_mg .list_content .list_item{margin-bottom:15px;float:left;} .list_magazine .swipe_mg .list_content .list_item .item_img {text-align:center; padding-left:0px; padding-right:0px; z-index:1;} .list_magazine .swipe_mg .list_content .list_item .item_img img {max-width:100%; min-width:100%; z-index:1;} .list_magazine .swipe_mg .list_content .list_item .item_text-wrap { position:relative; padding-left:0px; padding-right:0px; margin-top:-25px; z-index:2; visibility:visible;} .list_magazine .swipe_mg .list_content .list_item .item_text {background:rgba(0,0,0, .6); height:46px; width:100%; z-index:2;visibility:visible;} .list_magazine .swipe_mg .list_content .list_item .item_name {text-align:center;font-size:16px; font-weight:bold; color:#FFFFFF; height:23px; line-height:23px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .list_magazine .swipe_mg .list_content .list_item .item_price {text-align:center;font-size:16px; font-weight:bold; color:#FFFFFF; height:23px; line-height:23px;} .list_magazine .swipe_mg .list_content .list_content_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-bottom:10px;} .list_magazine .list_page {height:29px; text-align:center; padding-left:20%; padding-right:20%; margin-bottom:10px; } .list_magazine .list_page .list_page_wrap{min-width:150px;} .list_magazine .list_page .list_page_left{background:url('../img/list/arrow_left.png') center right no-repeat; min-width:50px; float:left; height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_magazine .list_page .list_page_right{background:url('../img/list/arrow_right.png') center left no-repeat; min-width:50px; float:right;height:29px; width:33%; -webkit-tap-highlight-color: rgba(0,0,0,0.0);} .list_magazine .list_page .list_page_num{height:29px; font-size:16px; font-weight:bold; color:#444444; min-width:50px; float:left; line-height:29px; text-align:center; width:34%;} .list_magazine .list_page .list_page_num .n_page{color:#1E1EFF;} .list_magazine .list_margin {height:10px;float:left; width:100%;} /* 상품 진열 설정 - 배너 롤링 형 */ .list_banner {clear:both;padding:10px;margin-top:10px;margin-bottom:10px; position:static;} .list_banner .list_title {height:25px;} .list_banner .list_title .bullet {height:25px; background:url('../img/list/bullet.png') center center no-repeat; width:18px; float:left;} .list_banner .list_title .title {height:25px; line-height:25px; font-size:17px; color:#5e5e5e; font-weight:bold; width:200px; float:left;} .list_banner .swipe_ban {width:100%} .list_banner .swipe_ban .list_content_border {border-bottom:solid 1px #cccccc; float:left; width:100%; margin-bottom:10px;} .list_banner .swipe_ban .list_content {width:100%; padding-bottom:10px; float:left;} .list_banner .swipe_ban .list_content .list_item { text-align:center;} .list_banner .swipe_ban .list_content .list_item>img {height:100%;} .list_banner .list_page {height:29px; text-align:center; padding-left:32%; padding-right:32%; margin-top:10px;} .list_banner .list_page .list_page_wrap {} .list_banner .list_page .list_page_box {height:10px; width:26%; border:solid 1px #aaaaaa; float:left; margin-left:2%; margin-right:2%;} .list_banner .list_page .now_page {background-color:#cccccc;} .list_banner .list_margin {height:10px;float:left; width:100%;} /* 푸터 */ section#footer {float:left; width:100%; min-height:10.750em; margin-top:0px;padding-top:3.154em; } section#footer .button {padding:6px 0; text-align:center; font-size:8pt; font-weight:bold;} section#footer .button a.btn_pcmode {display:inline-block; width:53.44%; height:auto;} section#footer .company { float:left;width:100%; text-align:center; margin-top:1.154em;} section#footer .company .company { height:24px; } section#footer .company .lineinfo { font-size:16px; font-family:Arial, dotum; color:#333;} /* #666 */ section#footer .copyright {width:100%; text-align:center; font-size:12px; font-family:Arial, dotum; color:#333;} section#footer nav.bottom {margin-bottom: 15px;} /* 상단메뉴*/ /* 2017.08.28 .tailsmnu{width:90%;height:12px;padding:10px 5%;text-align:left;background:#f47b8c;} */ .tailsmnu{width:100%;height:16px;padding:10px 0px 12px 0px;text-align:center;background:#f47b8c;} /* 2017.08.28 .tailsmnu a{width:100%;padding-right:3px;color:#FFF;font-size:16px;} */ .tailsmnu a{width:100%;color:#FFF;font-size:16px;} .tailsmnu .spacewa{color:#ffffff;font-size:16px;font-weight:bold;} /* 2017.08.29 .copyasd{float:left;width:90%;margin-top:10px;text-align:left; padding:0 5%} */ .copyasd{width:99%;margin-top:10px;text-align:left; font-size:16px} /* 하단메뉴 header_catemnu */ /* 2017.08.28 .header_catemnu{width:90%;height:12px;padding:10px 5%;text-align:left;background:#f47b8c;} */ .tailsmnu{width:100%;height:16px;padding:10px 0px 12px 0px;text-align:center;background:#999999;} /* 2017.08.28 .header_catemnu a{width:100%;padding-right:3px;color:#FFF;font-size:16px;} */ .header_catemnu a{width:100%;color:#FFF;font-size:16px;} .header_catemnu .spacewa{color:#ffc7d8;font-size:8px;font-weight:bold;} /**header 로고 높이**/ .header_bbg{width:100%;height:115px;background-color:#fff;} /* 130px 에서 수정 모바일 리뉴얼 때문에, 돋보기 숨김으로 인해 2017.09.22 */ .header_bbg2{width:100%;height:85px;background-color:#fff;} /* 100px 에서 수정 모바일 리뉴얼 때문에, 돋보기 숨김으로 인해 2017.09.22 */ .header_logo{float:left;width:100%;height:60px;text-align:center;} /* 65px; */ .header_logo img{height:45px;margin:1px 0;} /* 55px; 5px 0;*/ /**header > menu **/ .header_catemnu{float:left;width:100%;height:18px;padding:5px 0;text-align:center;background:#f47b8c;border-top:#f47b8c solid 2px;border-bottom:#f47b8c solid 2px;} .header_catemnu li{float:left;margin-left:5px;padding-left:10px;} .header_catemnu img{height:8px; padding-right:15%;} .header_mnu{width:20%;text-align:center;} .head_search_bg{float:left;width:90%;height:35px;margin-bottom:5px;padding:0 5%;/*display:none;*/ background:#ededed;} /* .head_search_form{float:left;width:99%;height:24px;border:#f47b8c solid 1px;position:relative;margin-top:45px;} */ .head_search_form{float:left;width:97%;height:30px;border:#dddddd solid 1px;position:relative;margin-top:45px; margin-left:5px} .head_search_btn{position:absolute;top:0;right:0} .head_search_btn img{height:30px;} /**main start**/ .main_bg{margin:0 auto;width:100%; background-color:#fff;} /* demo slider*/ .touchslider-demo .touchslider-viewport {} .touchslider-demo .touchslider-item {overflow:hidden;} /*** 아래로 수정 터치슬라이드(touchslider) http://touchslider.com/ **/ /**.touchslider-demo .touchslider-nav {text-align:center;margin:0.455em 0 1.364em 0;} **/ /** .touchslider-demo .touchslider-nav {text-align:right;margin:-40px -30px 0px 0px;} **/ .touchslider-demo .touchslider-nav {text-align:center;margin:7.655em 0 1.364em 0;} .touchslider-demo .touchslider-nav a{cursor:pointer;color:#000;} .touchslider-demo .touchslider-nav a:active{background:#689db2;} .touchslider-nav {position:absolute;top:150px;margin:0 0 0 0;left:30%;right:30%} /** .touchslider-demo .touchslider-nav-item {width: 0.818em;height:0.818em;background: #d1d1d1;margin: 0 0.409em;display: inline-block; -webkit-border-radius: 12px; border-radius: 12px;} background: #d1d1d1 수정 **/ .touchslider-demo .touchslider-nav-item {width: 0.718em;height:0.718em;background: #999999;margin: 0 0.409em;display: inline-block; -webkit-border-radius: 12px; border-radius: 12px;} .touchslider-demo .touchslider-nav-item-current {background:#f58897;} .demo-in-in {width:100%;margin:0 auto;padding:0;} /*.main_goods_tit{ clear:both;width:340px;background:#f58897;height:18px;margin:0 auto; padding:0px 0; text-align:left;} 아래로 수정 */ .main_goods_tit{ clear:both;width:342px;background:#bbbbbb;height:24px;margin:0 auto; padding:0px 0; text-align:left; color:#FFFFFF; padding-top:2px;} .main_goods_tit img{ height:18px;padding-left:0%} .main_goods{clear:both;width:90%;margin:0 auto;} .main_banners{width:100%;height:55px;margin-top:8px;text-align:center;} .main_banners img{width:100px;margin-right:2px} /**main end**/ /** 상품진열 3*n방식 **/ table#product_detail { border-spacing:1; width:300px; } /* 위↑ 가운데 정렬 수정전 table#product_detail { border-spacing:0; } */ #board_table table td, table th{ /** 테이블색상 border-color; 추가 변경2곳임(내가) **/ padding:0px; border-color:#999999; } #product_detail table td, table th { /** 테이블색상 border-color; 추가 변경2곳임(내가) **/ padding:2px; border-color:#999999; } section#goodslist .goods-sort-area {height:51px; padding:0px 10px; background:#FFFFFF;border-bottom:solid 1px #dbdcde;} section#goodslist .goods-sort-area .goods-sort {float:left;} section#goodslist .goods-sort-area .goods-sort select{height:26px; margin-top:12px;} section#goodslist .goods-sort-area .goods-view-type {float:right;} section#goodslist .goods-sort-area .goods-view-type select{height:26px; margin-top:12px;} section#goodslist {background:#FFFFFF; } section#goodslist .goods-area { height:100%;} section#goodslist .goods-area .goods-row{clear:both; margin:auto; min-width:296px; padding:12px;} /* 상품갯수진열 수정하는 곳 */ /* mobile/common/ajax/product_list.php 에 for($j=0;$j<3;$j++) 3=>2로 2를 if($j=="2") 2 =>1로 수정 후 아래것 으로 적용 */ /* section#goodslist .goods-area .goods-item{width:47%; margin-bottom:18px; display:block; float:left; min-width:150px; margin-left:0px} */ /* 갤럭시에 맞음 */ section#goodslist .goods-area .goods-item{width:47%; margin-bottom:18px; display:block; float:left; min-width:140px; margin-left:0px} /* 아이폰에 맞춤 */ /* 3개였을때 원본 section#goodslist .goods-area .goods-item{width:30%; margin-bottom:18px; display:block; float:left; min-width:87px;} */ section#goodslist .goods-area .goods-item .goods-img{width:100%; text-align:center;} section#goodslist .goods-area .goods-item .goods-img img{width:100%; margin:auto; border:solid 1px #dbdbdb;} section#goodslist .goods-area .goods-item .goods-nm {width:100%; font-size:12px; color:#929ca8; margin-top:5px;text-align:center; word-break:break-all;} section#goodslist .goods-area .goods-item .goods-nm a{font-size:12px; color:#929ca8;} section#goodslist .goods-area .goods-item .goods-price {font-weight:bold;width:100%; height:18px; font-size:13px; color:#222222; line-height:18px; text-align:center;} section#goodslist .goods-area .goods-item .goods-price a{font-weight:bold; font-size:13px; color:#222222;} section#goodslist .goods-area .goods-item .goods-dc {width:100%; height:18px; font-size:12px; font-weight:bold; color:#436693; line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} section#goodslist .goods-area .goods-item .goods-dc a{font-size:12px; font-weight:bold; color:#436693;} section#goodslist .goods-area .goods-item .goods-btn {width:100%; height:21px; } section#goodslist .goods-area .goods-item .goods-btn .del-btn{width:100%; height:21px; width:31px; background:url("/image/shop/data/skin_mobileV2/light/common/img/nlist/btn_delete_off.png") no-repeat; float:left;} section#goodslist .goods-area .goods-item .goods-btn .del-btn:active{background:url("/image/shop/data/skin_mobileV2/light/common/img/nlist/btn_delete_on.png") no-repeat;} section#goodslist .goods-area .goods-item .goods-btn .cart-order-btn{width:100%; height:21px; width:56px; background:url("/image/shop/data/skin_mobileV2/light/common/img/nlist/btn_order_off.png") no-repeat; float:right;} section#goodslist .goods-area .goods-item .goods-btn .cart-order-btn:active{background:url("/image/shop/data/skin_mobileV2/light/common/img/nlist/btn_order_on.png") no-repeat;} section#goodslist .right-margin {margin-right:5%;} section#goodslist .goods-area .more-btn {width:300px; margin:auto; text-align:center; height:35px; color:#ffffff; line-height:35px; font-size:15px; font-weight:bold; background:#808591; border-radius:3px; font-family:dotum; margin-top:15px;} section#goodslist .goods-area .goods-list-item {height:123px;padding:10px; height:130px; border-bottom:solid 1px #e5e5e5;} section#goodslist .goods-area .goods-list-item-gray {background:#FFFFFF;} section#goodslist .goods-area .goods-list-item .goods-list-img{width:100px; height:123px; border:solid 1px #dbdbdb; float:left; width:100px; height:123px;} section#goodslist .goods-area .goods-list-item .goods-list-img img{width:100%; height:100%;} section#goodslist .goods-area .goods-list-item .goods-list-info{float:left; margin-left:10px;max-width:53%;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nm{color:#222222; font-weight:bold; fonst-size:13px; margin-bottom:5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:18px;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price{color:#666666; font-size:12px; margin-bottom:2px; height:18px;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-price .red{color:#f03c3c; font-size:12px; font-weight:bold;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-dc{color:#61656d; font-size:12px; margin-bottom:2px; height:18px;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-dc .blue{color:#436693; font-size:12px; font-weight:bold;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-reserve{color:#61656d; font-size:12px; margin-bottom:2px; height:18px;} section#goodslist .goods-area .goods-list-item .goods-list-info .goods-nvmileage{color:#61656d; font-size:12px; margin-bottom:2px;} section#goodslist .goods-area .goods-list-item .goods-list-arrow{width:12px; height:20px; background:url("/shop/data/skin_mobileV2/light/common/img/new/category_list_next.png") no-repeat; background-size:12px 20px;float:right; margin-top:34px; margin-right:10px;} /**공통style**/ section#user_guide {width:93%;height:auto;text-align:center; } section#user_guide .area{width:100%;text-algin:center;} section#user_guide .area .box{width:100%;height:auto; border:solid 1px #BBBBBB; margin:0 auto 10px auto;margin:0px; background-color:#FFFFFF;display:inline-block;text-align:left;} /** product_detail.php 하단 탭메뉴용 이전 css**/ /*** div#tabs8 {float:left;width:100%;background:#FCF1F6;font-size:93%;line-height:normal;border-bottom:1px solid #E276A7;} div#tabs8 ul {margin:0;padding:10px 10px 0 0px;list-style:none;} div#tabs8 li {display:inline;margin:0;padding:0;} div#tabs8 li {float:left;background:url("/images/tableft8.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;} div#tabs8 span {float:left;display:block;background:url("/images/tabright8.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#333;} div#tabs8 span {float:none;} div#tabs8 .current {background-position:0% -42px;} div#tabs8 .current span {background-position:100% -42px;} ***/ /**product_detail.php 하단 탭메뉴용 현재 css**/ div#tabs8 {float:left;width:100%;background:#FFFFFF;font-size:93%;line-height:normal;border-bottom:1px solid #CCCCCC;} div#tabs8 ul {margin:0;padding:10px 10px 0 0px;list-style:none;} div#tabs8 li {display:inline;margin:0;padding:0;} div#tabs8 li {float:left;background:url("/images/tableft8.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;} div#tabs8 span {float:left;display:block;background:url("/images/tabright8.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#333;} div#tabs8 span {float:none;} div#tabs8 .current {background-position:0% -40px;} div#tabs8 .current span {background-position:100% -43px;}