/* BASIC css start */ /* 200624 morenvy 희재 */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; } html { width:100%; height:100%; } li { list-style:none; } img,fieldset { border:none; vertical-align:top; } table { border:0; border-spacing:0; border-collapse:collapse; } th,td { border:0; } .cboth { clear:both;*zoom:1 } .cboth:after { content:" "; display:block; clear:both; } .fleft {float:left;} .fright {float:right !important;} .left { text-align: left; } .center { text-align: center; } .top { caption-side: top; } .right { text-align: right; } .bold { font-weight: bold; } .none { display:none; } .pdt5 {padding-top:5px;} .pdt10 {padding-top:10px;} .pdt15 {padding-top:15px;} .pdt20 {padding-top:20px;} .pdt30 {padding-top:30px;} .pdt40 {padding-top:40px;} .pdt50 {padding-top:50px;} .pdt60 {padding-top:60px;} .pdt80 {padding-top:80px;} .pdt100 {padding-top:100px;} .pdt120 {padding-top:120px;} .pdt150 {padding-top:150px;} .pdb10 {padding-bottom:10px;} .pdb20 {padding-bottom:20px;} .pdb15 {padding-bottom:15px;} .mrt80 {margin-top:80px !important;} /* 공통레이아웃 */ #header, #layerWrap, #contentWrap, #ftLink .link {width:auto;background-color:#fff;padding:0;margin:0 auto;} .item-wrap, #content {min-height:740px;margin:0 auto;} #aside {margin:0 auto;} #contentWrapper {width:1680px; margin:0 auto;} .loc-navi {font-size:11px;text-align:right;border-bottom:0;padding:0;margin:30px 0;height:30px;line-height:30px;vertical-align:middle;} .loc-navi a {height:30px;line-height:30px;} .paging li a, .paging li a:hover {font-weight:normal;letter-spacing:0; /*font-family:'맑은 고딕','Noto Sans KR',sans-serif;*/ font-family: 'Lato', 'Noto Sans KR', sans-serif;} .paging li a:hover {color:#111;} .paging li.now a {font-weight:bold;letter-spacing:0;} .width1740 {width:1740px;margin:0 auto;position:relative;} body, h1, h2, h3, h4, h5, h6, table, select, textarea, a, p {/*font-family:'맑은 고딕','Noto Sans KR',sans-serif;*/ font-family: 'Lato', 'Noto Sans KR', sans-serif;} /* 게시판 상단 리스트 숨김 */ .bbs-hd {display:none;} /* 게시판 타이틀 */ #review .tit-sch, .bbs-tit h3 {font-weight:500;margin:0 auto;text-align:center; float: none;font-size:28px;} /* 상품리스트 (메인/검색/상품리스트) */ .prd-list {max-width:1740px;margin:0px auto;} .prd-list table td { border:0; vertical-align:top; text-align:center; padding-bottom:85px;} .prd-list table td .box {max-width:330px;} .prd-list table .tb-center {margin:0 auto; padding:0 10px;text-align:center;position:relative;} .prd-list table .info {position:relative; width:100%; padding:0; text-align:left;} .prd-list .thumb { width:100%;height:100%;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;;position:relative;} .prd-list .thumb:hover {border:0px solid #999;} .prd-list .thumb a, .prd-list .thumb img { display: block; width: 100%; height: 100%;} .prd-list .thumb img {border:0;} .prd-list .info {position:relative;} .prd-list .dsc {margin-top:20px; color:#1b1b1b; font-size:15px; font-weight:300; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .prd-list .subname {margin-top:7px; color:#999; font-size:14px; font-weight:300; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .prd-list .price { margin-top:25px; color:#000; font-size:17px; font-weight:700; text-align:left;position:relative;} .prd-list .consumer {margin-left:7px; color:#999; font-size:16px; font-weight:300; text-align:left; text-decoration:line-through;} .prd-list .icon_list {position:absolute; bottom:0; right:0px; width:100%; opacity:0; -webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;} .prd-list .icon_list li {display:inline-block; margin:0 3px; vertical-align:top;} .prd-list .icon_list .btn_opt img {border-radius:100%;} .prd-list .btn_zoom {font-size:0px;text-align:center;} .prd-list .btn_zoom a {display:inline-block;} .prd-list .btn_zoom img {width:auto;height:auto;margin:0 auto;} .prd-list .price strike {margin-left:7px; color:#999; font-size:16px; font-weight:300; text-align:left; text-decoration:line-through;} .prd-list .crema-product-reviews-count {margin-top:7px; color:#999; font-size:14px; font-weight:300; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .prd-list .soldout {color:red;margin-top: 15px; font-size: 15px; text-align: left;} .prd-list .icon {margin-top:18px; font-size:0px;text-align:left;} .prd-list .icon img {width:auto;height:auto;margin:0 6px 0 0;cursor:pointer;} .prd-list .box:hover .icon_list, .prd-list table td:hover .icon_list {bottom:20px;; opacity:1;} .prd-list .nopadding td {padding:0;} .mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999; /*font-family:'맑은 고딕','Montserrat', sans-serif;*/ font-family: 'Lato', 'Noto Sans KR', sans-serif;} .mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;} .mk_option_preview .mk_prd_option_list li {margin:5px 14px;} .prd-list #sale_bg { position:absolute; bottom:0px; right:0px; color:#ff4800; font-size:16px; font-weight:300;} /* 로그인화면 중앙정렬 */ #findIdPwd_result, #findWrap, #loginWrap {width:1100px;margin-right:auto;margin-left:auto} /* 롤오버 */ .move {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} /* 상단 */ #header {min-width:1300px; border-bottom:1px solid #e5e5e5;} #header .h_sec01 {max-width:1680px;position:relative; margin:47px auto 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} /* 상단섹션01 : 추가 카테고리 */ #header .h_sec01 .add_menu01 {position:absolute; left:0px; top:0px;} #header .h_sec01 .add_menu01 > ul > li img {vertical-align:top;} #header .h_sec01 .add_menu01 > ul > li:first-child {padding-left:0px;} #header .h_sec01 .add_menu01 > ul > li:first-child a {vertical-align:top;} #header .h_sec01 .add_menu01 > ul > li {float:left; font-size:0px; padding:0px 10px;} #header .h_sec01 .add_menu01 > ul > li > a {color:#111; font-weight:400; font-size:15px; line-height:40px; display:block;} #header .h_sec01 .top_cs {position:relative;} #header .h_sec01 .top_cs:hover .top_cs_list {display:block;} #header .h_sec01 .top_cs_list {display:none; position:absolute; top:37px; left:-14px; font-size:13px; font-weight:300; color:#3b3b3b; width:110px; border:1px solid #e5e5e5;cursor:pointer; text-align:center; overflow:hidden; padding:0px 0px; z-index:1000; background-color:#fff;} #header .h_sec01 .top_cs_list a {height:28px; line-height:28px; display:block; color:#5b5b5b;font-size:13px;} #header .h_sec01 .top_cs_list a:hover {background-color:#f5f5f5; color:#1b1b1b;} /* 상단섹션01 : 상단로고 */ #header .h_sec01 .top_logo { text-align:center; } /* 상단섹션01 : 로그인메뉴 */ #header .h_sec01 .right_menu { position:absolute; right:0px; top:8px; } #header .h_sec01 .login {float:left;} #header .h_sec01 .login li {float:left; padding:0 10px; font-size:0; background-image:url('/design/1000gage/0776another/add01_bg.png'); background-repeat:no-repeat; background-position:left center;} #header .h_sec01 .login li:first-child {padding-left:0px; background:none;} #header .h_sec01 .login li a {display:block; color:#3b3b3b; font-size:13px; font-weight:300; line-height:24px;} #header .h_sec01 .login li a:hover {color:#000;} /* 상단섹션01 : 다국어메뉴 */ #header .h_sec01 .global_menu {float:left; position:relative; font-size:13px; line-height:22px; font-weight:300; color:#3b3b3b; height:22px; width:86px; border:1px solid #e5e5e5; border-radius:12px; cursor:pointer; margin-left:10px; text-align:center;} #header .h_sec01 .global_menu span.ico01 {position:absolute; top:5px; left:8px;} #header .h_sec01 .global_menu span.ico02 {position:absolute; top:5px; right:8px;} #header .h_sec01 .global_menu:hover .global_list {display:block;} #header .h_sec01 .global_list {display:none; position:absolute; top:-1px; left:-1px; font-size:13px; font-weight:300; color:#3b3b3b; width:86px; border:1px solid #e5e5e5; border-radius:10px; cursor:pointer; text-align:center; overflow:hidden; padding:0px 0px; z-index:1000; background-color:#fff;} #header .h_sec01 .global_list a {height:22px; line-height:22px; display:block; color:#5b5b5b;} #header .h_sec01 .global_list a:hover {background-color:#f5f5f5; color:#1b1b1b;} /* 상단섹션01 : 장바구니,검색 */ #header .h_sec01 .cart_menu {font-size:0px; float:left; margin-left:30px;} #header .h_sec01 .cart_menu li {float:left;} #header .h_sec01 .cart_menu li img {vertical-align:middle;} #header .h_sec01 .cart_menu li.btn_cart {margin-left:28px; position:relative;} #header .h_sec01 .cart_menu li.btn_cart a {vertical-align:baseline;} #header .h_sec01 .cart_menu li.btn_cart span {display:block; position:absolute; top:4px; left:0; width:100%; font-size:11px; color:#111; font-weight:700; text-align:center;} /* 상단섹션01 : 검색창 */ .slide_search { width:100%; height:300px; position: fixed; z-index: 2000; top:-350px; left:0px; background:rgba(255,255,255,0.95); text-align:left; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 15px 15px 1px rgba(0,0,0,0.1);} .slide_search fieldset {position:relative;} .slide_search .search_inner {max-width:700px; margin:0 auto; padding:90px 0px 120px 0px;} .slide_search .MS_search_word {width:100%;border:0;border-bottom:2px solid #111; height:50px; line-height:50px; position:relative; font-size:18px; font-weight:400; padding-left:0px; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*font-family:'맑은 고딕',sans-serif;*/ font-family: 'Lato', 'Noto Sans KR', sans-serif;} .slide_search .btn-sch {position:absolute; top:10px; right:0px;} .slide_search .search_pop {margin-top:30px; line-height:38px; padding-left:0px; font-size:18px; font-weight:400;} .slide_search .search_pop li {float:left; font-size:0px;} .slide_search .search_pop li:first-child{margin-left:15px;} .slide_search .search_pop li a {color:#888; font-weight:300; font-size:13px; display:block; line-height:40px; padding:0px 10px; border:1px solid #e5e5e5; margin-right:8px; border-radius:8px;} .slide_search .search_pop li a:hover {color:#111; border-color:#111;} .slide_search .closebtn {position:absolute; top:300px; left:50%; margin-left:-50px;} /* 상단섹션02 */ #header .h_sec02 {position:relative;} #header .h_sec02 .top_position {position:relative;max-width:1680px;margin:0 auto;} #header .h_sec02 .add_menu01 {position:absolute; left:0px; top:15px;display:none} #header .h_sec02 .add_menu01 > ul > li img {vertical-align:top;} #header .h_sec02 .add_menu01 > ul > li:first-child {padding-left:0px;} #header .h_sec02 .add_menu01 > ul > li:first-child a {vertical-align:top;} #header .h_sec02 .add_menu01 > ul > li {float:left; font-size:0px; padding:0px 10px;} #header .h_sec02 .add_menu01 > ul > li.home_logo a {vertical-align:top;} #header .h_sec02 .right_menu { position:absolute; right:0px; top:23px;display:none } #header .h_sec02 .cart_menu {font-size:0px; float:left; margin-left:30px;} #header .h_sec02 .cart_menu li {float:left;} #header .h_sec02 .cart_menu li img {vertical-align:middle;} #header .h_sec02 .cart_menu li.btn_cart {margin-left:28px; position:relative;} #header .h_sec02 .cart_menu li.btn_cart a {vertical-align:baseline;} #header .h_sec02 .cart_menu li.btn_cart span {display:block; position:absolute; top:4px; left:0; width:100%; font-size:11px; color:#111; font-weight:700; text-align:center;} #header .h_sec02.fixed .add_menu01 {display:block} #header .h_sec02.fixed .right_menu {display:block} /* 상단섹션02 : 카테고리 */ #header .h_sec02 .inner {height:70px; margin:0 auto;} #header .h_sec02 .top_cate {text-align:center;} #header .h_sec02 .top_cate > div {position:static; display:inline-block; vertical-align:middle;} /* 상단 카테고리 자동출력 */ #header .gnb {width:auto; margin:0 auto;} #header .gnb_menu_box {width:auto; height:70px;} #header .gnb .depth0 > li {position:static; height:70px; margin:0 16px;} #header .gnb .depth0 > li > a {height:70px; padding:0; color:#1a1a1a; font-size:16px; font-weight:400; line-height:70px;} #header .gnb .depth1 {top:70px; width:100%; height:70px; border:none; opacity:0.9;} #header .gnb .depth1 li {display:inline-block;} #header .gnb .depth1 li a {margin:0 16px; padding:0; color:#999; font-size:15px; line-height:70px;} #header .gnb .depth1 li a:hover, #header .gnb .depth1 li a.active {color:#999; background:none;} #top_menu {display:flex; justify-content:center; align-items:center; height:70px;} #top_menu > li {height:40px; margin:0 14px; padding:0; text-align:center; display:flex; justify-content:center; align-items:center;width:auto;} #top_menu > li > a {display:block; height:70px; color:#1a1a1a; font-size:16px; line-height:70px;position:relative;padding:0 2px;width:auto;} #top_menu > li .sub1 {opacity:0; visibility:hidden; position:absolute; top:70px; left:0; z-index:100; width:100%; background-color:#fff;text-align:center;border-top:1px solid #a9a9a9;} #top_menu > li > a::before {content:' ';z-index:999;position:absolute;left:50%;right:50%;bottom:0px;height:2px;background-color:#111;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;opacity:0;} #top_menu > li > a.mouse_hover::before {content:' ';position:absolute;left:0;right:0;bottom:0px;height:2px;background-color:#111;opacity:1;} #top_menu > li .sub1 > li {position:relative; display:inline-block; float:none; height:25px; margin:0;} #top_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:3px;background:url('/design/1000gage/0776another/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out} #top_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #top_menu > li .sub1 > li > a {display:inline-block; padding:0 16px; color:#999; font-size:15px; line-height:70px; text-align:center; } #top_menu > li .sub1 > li > .sub_mouse_hover, #top_menu > li .sub1 > li > a:hover {color:#1a1a1a; text-decoration:none;} #top_menu > li .sub1 .top_inner {display:inline-block;width:1180px;margin:40px auto 40px;text-align:center;} #top_menu > li .sub1 .left_txt {float:left;} #top_menu > li .sub1 .right_img {float:right;} #top_menu > li .sub1 .left_txt ul {float:left;width:190px;border-right:1px solid #e5e5e5;padding:0 30px 0 0;} #top_menu > li .sub1 .left_txt ul:last-child {border:0px;padding:0 0px 0 30px;} #top_menu > li .sub1 .left_txt ul.first {border:0px;padding:0px !important;} #top_menu > li .sub1 .left_txt ul > li {height:38px;float:none; margin:0; width:260px;} #top_menu > li .sub1 .left_txt ul > li > a {display:block; height:38px; color:#4a4a4a; font-size:15px; line-height:38px;text-align:left;text-indent:0px;-webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;} #top_menu > li .sub1 .left_txt ul > li > a:hover {color:#000;text-indent:5px;} /* 상단섹션02 : 추가 카테고리 */ #header .h_sec02 .top_add ul li {float:left;} #header .h_sec02 .top_add ul li:first-child {background-image:url('/design/1000gage/0776another/add01_bg.png'); background-repeat:no-repeat; background-position:left center; margin-left:17px; padding-left:17px;} #header .h_sec02 .top_add ul li a {display:block; height:70px; margin:0 16px; color:#1a1a1a; font-size:16px; line-height:70px;position:relative;} #header .h_sec02 .top_add ul li a::before {content:' ';z-index:999;position:absolute;left:50%;right:50%;bottom:0px;height:2px;background-color:#111;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;opacity:0;} #header .h_sec02 .top_add ul li a:hover::before {content:' ';position:absolute;left:0;right:0;bottom:0px;height:2px;background-color:#111;opacity:1;} /* 상단섹션02 : 핫키워드 */ #header .h_sec02 .hot_keyword {position:absolute; top:26px; right:100px; overflow: hidden; z-index:10; text-align:right;} #header .h_sec02 .hot_keyword .swiper_hot {font-size:0px; line-height:16px; font-weight:400; height:20px; overflow: hidden; float:left;} #header .h_sec02 .hot_keyword .key1 {display:inline-block; background-image:url('/design/1000gage/0776another/log01_bg.png'); background-repeat:no-repeat; background-position:right center; font-size:14px; color:#1a1a1a; padding-right:15px; margin-right:15px; font-weight:400; } #header .h_sec02 .hot_keyword .key2 {display:inline-block; width:16px; height:16px; background-color:#fe4a49; color:#fff; border-radius:3px; font-size:11px; font-weight:400; text-align:center; margin-right:10px;} #header .h_sec02 .hot_keyword .key3 {font-size:14px; color:#1a1a1a; font-weight:400; position:relative; top:1px;} /* 상단섹션02 : FIXED */ #header .h_sec02.fixed {position:fixed; margin:0px; width:100%; top:0px; background-color:#fff; z-index:1000; border-bottom:1px solid #e5e5e5;} #header .h_sec02.fixed .hot_keyword {display:none;} /* 미디어쿼리 적용 */ @media screen and (max-width: 1919px){ /* 전체 레이아웃 */ #contentWrapper {width:1580px;} /* 공통 상품진열 스타일 */ .prd-list table td .box {max-width:300px;} /* 추천 상품진열 스타일 */ .recmd-prd-list {width:1620px;} .prd-list.best-prd-list table td.box, .prd-list.recmd-prd-list table td .box {max-width:365px; width:365px;} /* 메인 */ .main_content {width:1580px;} /* 탭상품01 버튼 */ .tabcontent01 .swiper-button-next-tab01 {top:215px;} .tabcontent01 .swiper-button-prev-tab01 {top:215px;} /* 메인 우측 4단 상품진열 */ .sp_product {width:1040px;} .sp_product.prd-list table .tb-center {width:233px;} } @media screen and (max-width: 1819px){ /* 탭상품 버튼 */ .tabcontent01 .swiper-button-next-tab01 {top:205px; right:0px;} .tabcontent01 .swiper-button-prev-tab01 {top:205px; left:0px;} .tabcontent02 .swiper-button-next-tab02 {right:0px;} .tabcontent02 .swiper-button-prev-tab02 {left:0px;} } @media screen and (max-width: 1720px){ #header .h_sec02 .add_menu01 {left:40px; } #header .h_sec02 .right_menu {right:40px; } } @media screen and (max-width: 1599px){ /* 전체 레이아웃 */ #contentWrapper {width:1280px;} /* 공통 상품진열 스타일 */ .prd-list table td .box {max-width:240px;} /* 추천 상품진열 스타일 */ .recmd-prd-list {width:1320px;} .prd-list.best-prd-list table td.box, .prd-list.recmd-prd-list table td .box {max-width:290px; width:290px;} /* 메인 */ .main_content {width:1280px;} /* 탭상품02 버튼 */ .tabcontent02 .swiper-button-next-tab02 {top:215px;} .tabcontent02 .swiper-button-prev-tab02 {top:215px;} /* 메인 우측 4단 상품진열 */ .swiper_event2 {width:440px;} .sp_product {width:840px;} .sp_product.prd-list table .tb-center {width:182px;} /* 메인 리스트그룹형 상품진열 스타일 */ .br-main-prd .prd-list table .thumb {width:159px;} } /* 게시판 탑메뉴 */ .cs_top_menu {margin:10px auto 20px;;text-align:center;clear:both;} .cs_top_menu ul li:first-child {background-image:none} .cs_top_menu ul li {display:inline-block;background-image:url('/design/1000gage/0776another/add01_bg.png'); background-repeat:no-repeat; background-position:left center; margin-left:9px; padding-left:9px;text-align:center;} .cs_top_menu ul li a {display:block; height:70px; margin:0 8px; color:#999; font-size:15px; line-height:70px;text-align:center;} .cs_top_menu ul li.on a {color:#111} /* 게시판 폰트 */ .bbs-table-list tbody td, .bbs-table-list tbody td a {font-size:15px;} #faqWrap .faq-menu li a {font-size:15px;} #faqWrap #faqTable th, #faqWrap #faqTable tr td, #faqWrap #faqTable tr td a {font-size:15px;} /* 우측 채팅상담 #ch-plugin-core > div {bottom: 205px !important; right: 2px !important;} */ /* 전체카테고리 */ #allcategory {display:none;} #allcategory .mintroClose {cursor:pointer;position:absolute; right:-50px; top:0px; z-index:2222;} #allcategory .mintroClose img.rotate { border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #allcategory .mintroClose img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #all_cate_area .all_cate_section01 {clear:both; width:1260px; background:transparent; } #all_cate_area .all_cate_section01 > ul {float:left; text-indent:28px; width:208px; min-height:520px; border-right:1px solid #7d7c81; } #all_cate_area .all_cate_section01 ul li.a_sub_title a {font-size:14px; color:#fff;display:block; width:208px; padding-bottom:10px;letter-spacing:1px;text-align:left; font-weight:700; } #all_cate_area .all_cate_section01 .a_sub_cate {position:relative;} #all_cate_area .all_cate_section01 .a_sub_cate a {font-size:12px; color:#cbcbcb; text-align:left; line-height:1.8; display:block;} #all_cate_area .all_cate_section01 .a_sub_cate a.sub_mouse_hover, #all_cate_area .all_cate_section01 .a_sub_cate a:hover {color:#fff;} #all_cate_area .all_cate_section01 .a_sub_cate .sub_cate_on_arrow {position:absolute;top:50%;right:30px;background:url('/design/1000gage/0776another/sub_cate_on2.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-4px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out} #all_cate_area .all_cate_section01 .a_sub_cate .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub {display:none; position:absolute;top:-5px;left:90%;z-index:21;width:104px;background-color:#555;border:1px solid #444;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;} #all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li {height:30px;width:104px;margin:0;} #all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li > a {text-align:left;display:block;line-height:30px;height:30px;font-size:14px;color:#cbcbcb;padding:0;margin:0;text-indent:0;} #all_cate_area .all_cate_section01 .a_sub_cate .all_cate_sub > li > a:hover {color:#fff;} /* 로고 마우스오버 */ .top_logo_area {width:283px; height:60px; margin:0 auto; } .top_logo {text-align:center; width:283px; height:60px; background:url('/design/1000gage/img/top_logo3.png');} .top_logo:hover {background:url('/design/1000gage/img/top_logo3.png'); background-position:0 60px;} /* BASIC css end */