한국어
-
#header { display:block; position:relative; background:none; }
/*** 헤더01 ***/
#header_01 { position:relative; z-index:30; width:100%; height:40px; border-bottom:1px solid rgba(0,0,0,0.05); background:rgba(255,255,255,0.1)/*상단라인 배경색*/; }
/** 스크롤 **/
#header_01.fixed { position:fixed; top:0; background:rgba(255,255,255,0.97); background:#fff \9; }
/** 홈버튼 **/
.goHome_wrap { position:absolute; top:0; left:-1px; width:52px; height:41px; overflow:hidden; }
.goHome a { position:absolute; z-index:11; top:-41px; left:0; width:52px; height:41px; line-height:41px; background:#222; text-align:center; cursor:pointer; transition:top .3s 1s ease-in-out; }
#header_01.fixed .goHome a { top:0px; transition-delay:1s; }
.goHome a:hover { text-decoration:none !important; }
.goHome i { line-height:38px; font-size:20px; color:#fff; }
/* 홈버튼이 나올 때 우측으로 밀기 */
#header_01 .goHome_move { float:left; width:0; height:40px; font-size:0; transition:all .3s 1.5s ease-in-out; }
#header_01.fixed .goHome_move { margin:0 0 0 55px; transition-delay:.5s; }
/** SNS아이콘 **/
.sns_icon { position:relative; float:left; top:6px; margin:0 0 0 5px; }
.sns_icon li { position:relative; float:left; height:40px; margin:0 2px; }
.sns_icon li a { display:block; width:27px; height:27px; border-radius:50%; background:rgba(0,0,0,.05); font-size:15px; text-align:center; text-decoration:none; transform:scale(1,1); transition:all .2s ease-in-out; }
.sns_icon li:hover a { transition:all .2s ease-in-out; transform:scale(1.15,1.15); }
.sns_icon li a i { line-height:26px; font-size:15px; color:#333; transition:all .3s ease-in-out; }
.sns_icon li:hover a i { color:#fff; }
.sns_icon li.ico a { background:none; }
.sns_icon li.ico a img { line-height:28px; width:28px; }
/* 아이콘컬러 */
.sns_icon li:hover a.facebook { background:#3b5998; } /* 페이스북 */
.sns_icon li:hover a.insta { background:url('/_wg/img/insta_bg.jpg') no-repeat #ba319a; background-size:28px 28px; } /* 인스타그램 */
.sns_icon li:hover a.naverblog { background:#03cf5d; } /* 네이버블로그 */
.sns_icon li:hover a.youtube { background:#ff0000; } /* 유튜브 */
.sns_icon li:hover a.twitter { background:#1da1f3; } /* 트위터 */
.sns_icon li:hover a.kakaostory { background:#f2d51e; } /* 카카오스토리 */
.sns_icon li:hover a.kakaostory i { color:#111; }
.sns_icon li:hover a.kakao { background:#f2d51e; } /* 카카오톡 */
.sns_icon li:hover a.kakao i { color:#111; }
/** 상단메뉴 **/
.JS_topMenu { position:relative; z-index:10; }
.JS_topMenu a { display:block; color:#333; font-size:11px; white-space:nowrap; text-decoration:none; }
.JS_topMenu a:hover { color:#000; font-weight:bold; text-decoration:none; }
.JS_topMenu li { position:relative; }
.JS_topMenu.left { float:left; } /* 좌측메뉴 */
.JS_topMenu.right { float:right; } /* 우측메뉴 */
/* 1depth */
.JS_topMenu > li { float:left; background:url("/_wg/img/_bar/bar_b_20.png") 0 48% no-repeat; }
.JS_topMenu > li:first-child { background:none; }
.JS_topMenu > li > a { height:39px; padding:0 6px 1px 7px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0); letter-spacing:0.08em; transition:color .3s, font-weight .3s ease-in-out; }
.JS_topMenu > li.arrow > a { padding:0 18px 1px 8px; background:url('/_wg/img/_arrow/arrow_menu_down.gif') no-repeat 93% 50%; }
.JS_topMenu > li.on > a,
.JS_topMenu > li.fix > a { border-bottom:1px solid #333; font-weight:bold; color:#000; }
.JS_topMenu > li .count { display:inline-block; width:14px; height:14px; line-height:14px; margin:0; padding:2px; background:rgba(115,0,35,.8); border-radius:50%; text-align:center; text-indent:1px; font-family:'arial'; color:#fff; font-size:9px; }
/* 2depth */
.JS_topMenu > li > ul { display:none; position:absolute; top:40px; left:50%; margin:0 0 0 -65%; padding:7px 0; border:1px solid #ddd; border-top:1px solid #333; background:#fff; }
.JS_topMenu > li > ul > li.arrow { background:url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 50%; }
.JS_topMenu > li > ul > li:first-child > a { border-top:none; }
.JS_topMenu > li > ul > li > a { height:25px; line-height:25px; margin:0 10px; padding:0 12px; border-top:1px solid #eee; color:#555; white-space:nowrap; }
.JS_topMenu > li > ul > li > a:hover,
.JS_topMenu > li > ul > li.on > a { background:rgba(0,0,0,.05); }
/* 3depth */
.JS_topMenu > li > ul > li > ul { display:none; position:absolute; top:5px; left:90px; width:120px; padding:7px 0; border:1px solid #ddd; background:#fff; }
.JS_topMenu > li > ul > li > ul > li { display:block; }
.JS_topMenu > li > ul > li > ul > li:first-child { }
.JS_topMenu > li > ul > li > ul > li a { height:22px; padding:0 0 0 10px; line-height:23px; color:#555; font-size:11px; }
.JS_topMenu > li > ul > li > ul > li a:hover,
.JS_topMenu > li > ul > li > ul > li.on a { background-color:rgba(0,0,0,.05); color:#111; }
/* 움직이는 아이콘 */
.JS_topMenu .point_ico { position:absolute; top:32px; left:-1px; width:60px; height:23px; line-height:23px; background:rgb(51,51,51); background:url('/_wg/img/mileage_bg.png') no-repeat \9; border-radius:5px; font-weight:bold; font-size:10px; letter-spacing:0; text-align:center; color:#fff; filter:alpha(opacity=100); opacity:1; transition:all .8s .5s ease-in-out !important; }
#header_01.fixed .JS_topMenu .point_ico { top:20px; filter:alpha(opacity=0); opacity:0; transition-delay:.8s; }
/* 멀티쇼핑몰 */
.JS_topMenu .multishop img { position:relative; top:14px; margin:0 7px 0 0; }
.JS_topMenu .multishop > ul { z-index:10; width:180px!important; }
.JS_topMenu .multishop > ul > li.selected { background:url('/_wg/img/dot_notice.gif') no-repeat 16px 10px; }
.JS_topMenu .multishop > ul a img { top:6px!important; left:5px; }
.JS_topMenu .multishop > ul .name { display:inline-block; width:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.JS_topMenu .multishop > ul .unit { float:right; width:30px; font-size:10px; }
.JS_topMenu .multishop > ul > li > a { padding:0 0 0 10px; }
/*** 헤더02 ***/
#header_02 { position:relative; z-index:28; height:188px; background:rgba(255,255,255,0.1); }
/** 로고 **/
#header_02 .logo { z-index:2; top:20px; width:400px; height:150px; margin:0 auto; }
#header_02 .logo img { position:absolute; width:100%; height:100%; }
/* 정지 */
#header_02 .logo.rOver.stop:hover .off { visibility:visible; filter:alpha(opacity=100); opacity:1.0; }
#header_02 .logo.stop .on { display:none; }
/* 페이드 */
#header_02 .logo.fade .off { top:0; }
#header_02 .logo.fade:hover .off { top:0; }
#header_02 .logo.fade .on { top:0; }
#header_02 .logo.fade:hover .on { top:0; }
/* 상하 */
#header_02 .logo.upDown .off { top:0; }
#header_02 .logo.upDown:hover .off { top:12px; }
#header_02 .logo.upDown .on { top:-12px; }
#header_02 .logo.upDown:hover .on { top:0; }
/* 좌우 */
#header_02 .logo.left .off { top:0; left:0; }
#header_02 .logo.left:hover .off { left:12px; }
#header_02 .logo.left .on { top:0; left:-12px; }
#header_02 .logo.left:hover .on { left:0; }
/*** 헤더03 ***/
#header_03 { position:relative; z-index:29; width:100%; height:50px; border-top:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08); background:rgba(255,255,255,.1)/*하단라인 배경색*/; box-shadow:none; transition:box-shadow 1s ease-in-out; }
.header_03_inner { height:50px; border-left:1px solid rgba(0,0,0,0.08)/*좌측라인*/; border-right:1px solid rgba(0,0,0,0.08)/*우측라인*/; text-align:center; }
#header_03 li { position:relative; }
/* 스크롤 */
#header_03.fixed { position:fixed; top:40px; left:0; background:rgba(255,255,255,.97); box-shadow:0 3px 4px rgba(0,0,0,0.15); border-bottom:none; border-bottom:1px solid #333 \9; }
#header_03.fixed .header_03_inner { border-top:none; border-bottom:none; }
/** 카테고리 전체보기 **/
#d_full_btn p { position:absolute; z-index:10; left:-1px; top:-1px; width:50px; height:50px; border-top:1px solid rgba(0,0,0,0); border-right:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,0); border-left:1px solid rgba(0,0,0,0); background:url('/_wg/img/_btn/btn_all_off_b.png') no-repeat 0 0; cursor:pointer; font-size:0; color:#fff; transition-delay:.05s; }
#d_full_btn p:hover,
#d_full_btn.on p { z-index:21; height:51px; border:1px solid rgba(0,0,0,.5); border-bottom:0; background:url('/_wg/img/_btn/btn_all_on_b.png') no-repeat 0 0 rgba(255,255,255,.97); transition:border.5s, background .2s ease-in-out; }
#d_full_btn .close { display:none; }
/* 스크롤높이 */
#d_full_btn .scrollbar_box { height:500px; }
#category-full { position:absolute; z-index:20; display:none; top:50px; left:-1px; width:1255px; padding:10px 0 10px 5px; border:1px solid rgba(0,0,0,.5); background:url('/_wg/img/_bg/bg_category-full.gif') repeat-y right rgba(255,255,255,.97); text-indent:0; cursor:default; text-align:left; }
#category-full h2 { display:block; width:1010px; line-height:25px; margin:15px 15px 5px 10px; padding:0 0 10px; border-bottom:1px solid rgba(0,0,0,.08); font-size:18px; font-weight:normal; }
#category-full a { display:block; line-height:24px; text-transform:uppercase; white-space:nowrap; color:#777; }
#category-full a:hover { text-decoration:none; color:#111; }
#category-full .left_section { position:relative; float:left; width:1030px; height:500px; }
#category-full .close { position:absolute; right:10px; bottom:10px; cursor:pointer; }
#category-full .d1-wrap { position:relative; z-index:2; }
/* 1depth */
#category-full .d1-wrap .d1 { position:relative; display:inline-block; *display:inline; *zoom:1; width:190px; margin:8px 2px 20px 10px; vertical-align:top; font-size:12px; line-height:28px; text-align:left; letter-spacing:0; }
#category-full .d1-wrap .d1 > a { height:30px; margin-bottom:10px; padding-left:10px; background:none; border-bottom:1px solid rgba(0,0,0,.08); font-size:13px; line-height:28px; font-weight:bold; transition:all .3s ease-in-out; }
#category-full .d1-wrap .d1 > a:hover,
#category-full .d1-wrap .d1.on > a { border-bottom:1px solid #555; color:#111; }
/* 2depth */
#category-full .d2-wrap .d2 { position:relative; }
#category-full .d2-wrap .d2 > a { line-height:27px; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .2s ease-in-out; }
#category-full .d2-wrap .d2 > a:hover,
#category-full .d2-wrap .d2.on > a { background-color:rgba(0,0,0,.05); color:#111; }
#category-full .d2-wrap .d2.be { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 95% 50%; transition:all .2s ease-in-out; }
#category-full .d2-wrap .d2.on.be { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 97% 50%; }
#category-full .d2-wrap .img { display:none; }
/* 3depth */
#category-full .d3-wrap { position:absolute; display:none; left:190px; top:-11px; padding:10px 0; background:#fff; border:1px solid #ddd; }
#category-full .d3-wrap .d3 { position:relative; }
#category-full .d3-wrap .d3 > a { line-height:27px; min-width:160px; padding:0 10px; transition:all .2s ease-in-out; }
#category-full .d2-wrap .d3 > a:hover,
#category-full .d3-wrap .d3.on > a { background-color:rgba(0,0,0,.05); color:#111; }
#category-full .d3-wrap .d3.be { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 95% 50%; transition:all .2s ease-in-out; }
#category-full .d3-wrap .d3.on.be { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 97% 50%; }
/* 4depth */
#category-full .d4-wrap { position:absolute; display:none; left:180px; top:-11px; padding:10px 0; background:#fff; border:1px solid #ddd; }
#category-full .d4-wrap .d4 > a { line-height:27px; min-width:160px; padding:0 10px; transition:all .2s ease-in-out; }
#category-full .d3-wrap .d4 > a:hover { background-color:rgba(0,0,0,.08); color:#111; }
/* 1285px 이하 */
@media all and (max-width:1285px){
#category-full { width:973px; }
#category-full h2 { width:725px; }
#category-full .left_section { width:725px; }
}
/** 전체메뉴 > 추가메뉴 **/
#category-full .categorySub { position:relative; vertical-align:top; }
#category-full .categorySub.m01 { z-index:3; }
#category-full .categorySub.m02 { z-index:1; }
/* 1depth */
#category-full .categorySub > li { position:relative; display:inline-block; *display:inline; *zoom:1; width:190px; margin:8px 2px 20px 10px; vertical-align:top; font-size:12px; line-height:28px; text-align:left; letter-spacing:0; }
#category-full .categorySub > li > a { height:30px; margin-bottom:10px; padding-left:10px; background:none; border-bottom:1px solid rgba(0,0,0,.08); font-size:13px; line-height:28px; font-weight:bold; transition:all .3s ease-in-out; }
#category-full .categorySub > li > a:hover,
#category-full .categorySub > li.on > a { border-bottom:1px solid #555; color:#111; }
/* 2depth */
#category-full .categorySub > li > ul { display:block !important; }
#category-full .categorySub > li > ul > li { position:relative; }
#category-full .categorySub > li > ul > li > a { line-height:27px; min-width:160px; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .2s ease-in-out; }
#category-full .categorySub > li > ul > li > a:hover,
#category-full .categorySub > li > ul > li.on > a { background-color:rgba(0,0,0,.05); color:#111; }
#category-full .categorySub > li > ul > li.arrow { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 95% 50%; transition:all .2s ease-in-out; }
#category-full .categorySub > li > ul > li.on.arrow { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 97% 50%; }
/* 3depth */
#category-full .categorySub > li > ul > li > ul { position:absolute; display:none; left:190px; top:-11px; padding:10px 0; background:#fff; border:1px solid #ddd; }
#category-full .categorySub > li > ul > li > ul > li { position:relative; }
#category-full .categorySub > li > ul > li > ul > li > a { line-height:27px; min-width:160px; padding:0 10px; transition:all .2s ease-in-out; }
#category-full .categorySub > li > ul > li > ul > li > a:hover,
#category-full .categorySub > li > ul > li > ul > li.on > a { background-color:rgba(0,0,0,.05); color:#111; }
#category-full .categorySub > li > ul > li > ul > li.arrow { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 95% 50%; transition:all .2s ease-in-out; }
#category-full .categorySub > li > ul > li > ul > li.on.arrow { background:url('/_wg/img/_dot/dotB_3.png') no-repeat 97% 50%; }
/* 4depth */
#category-full .categorySub > li > ul > li > ul > li > ul { position:absolute; display:none; left:180px; top:-11px; padding:10px 0; background:#fff; border:1px solid #ddd; }
#category-full .categorySub > li > ul > li > ul > li > ul > li { position:relative; }
#category-full .categorySub > li > ul > li > ul > li > ul > li > a { line-height:27px; min-width:160px; padding:0 10px; transition:all .2s ease-in-out; }
#category-full .categorySub > li > ul > li > ul > li > ul > li > a:hover,
#category-full .categorySub > li > ul > li > ul > li > ul > li.on > a { background-color:rgba(0,0,0,.05); color:#111; }
/* 커뮤니티 및 추가메뉴 */
#category-full .right_section { position:absolute; top:20px; right:15px; width:190px; height:100%; padding:0 0 0 15px; vertical-align:top; }
#category-full h4 { display:block; margin:0 0 10px; padding:0 0 0 10px; font-size:13px; }
#category-full .menuList { margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #ddd; }
#category-full .menuList li a { display:block; line-height:24px; padding:0 0 0 10px; font-size:12px; }
#category-full .menuList li a:hover { background-color:rgba(0,0,0,.05); }
/** ★메뉴설정★ **/
#header_03 h2 { }
.nav { text-align:left; }
/* 공통 */
.nav li { position:relative; }
.nav li a { display:block; position:relative; font-size:12px/*메뉴사이즈(전체)*/; color:#444/*메뉴색상(전체)*/; }
.nav li a:hover { text-decoration:none !important; font-weight:bold/*메뉴굵게*/; color:#000/*메뉴색상(마우스오버)*/; transition:all .2s ease-in-out; }
/* 대분류 */
.nav > li > a { padding:0 30px/*메뉴간격*/; font-size:13px/*메뉴사이즈(대분류만)*/; color:#555/*메뉴색상*/; text-transform:/*uppercase (대문자로)*/; text-align:center; white-space:nowrap; }
.nav > li > a:hover,
.nav > li.on > a { color:#000/*메뉴색상*/; font-weight:bold !important; background-color:rgba(255,255,255,.1)/*배경색(마우스오버)*/; }
.nav > li > a color { color:#f21c35/*특정메뉴만 컬러지정 -
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음
- 사용하지않음