/* BASIC css start */
/* BASIC css start */
#header { position: relative; width: 100%; top: 0; left: 0; border-bottom: none; background: transparent; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 100; }
#header.header-scroll { position: fixed; padding: 0; background: #ffffff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 0.9; } 
#header .header_top { position: relative; z-index: 30; text-align: center; padding: 12px 15px; font-size: 0; } 
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px; } 
#header .header_top .menubtn {width: 16px;left: 15px;position: absolute;top: 50%;transform: translateY(-50%);} 
#header .header_top .allmenu_btn { width: 100%; } 
#header .header_top .basket {width: 36px;right: 15px;position: absolute;top: 50%;transform: translateY(-50%);} 
#header .header_top .basket a { position: relative; } 
#header .header_top .basket a img {width: 18px;vertical-align: sub;} 
#header .header_top .basket a span {display: block;position: absolute;top: 1px;right: -8px;line-height: 16px;color: #fff;background: #000;width: 17px;height: 17px;border-radius: 50%;font-size: 0.6em;font-family: 'Roboto', sans-serif;text-align: center;} 
#header .header_top .search {position: absolute;top: 50%;transform: translateY(-50%);right: 60px;width: 24px;} 
#header .header_top .search a {font-size: 26px;} 
#header .header_top .search a span { vertical-align: text-bottom; } 
#header .header_top .logo { width: 100px; } 
#header .header_top .logo img { width: 100%; vertical-align: middle; } 
#header .menu_swip { width: 100%; float: left; overflow: hidden; background: #f7ede4; padding: 14px 15px; } 
#header .menu_swip .swiper-slide { width: initial !important; padding-right: 28px; height: auto; } 
#header .menu_swip a.active { color: #a48f78 !important; font-weight: bold; } 
#header .menu { background: #f7ede4; overflow: hidden; } 
#header .menu a { font-size: 1em; color: #3b3b3b; font-family: 'Roboto','나눔고딕','NanumGothic', sans-serif; } 
#header .menu a.active { color: #000 !important; font-weight:bold; } 

/* 메뉴 */
.mask { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 102; } 
#all_menu { position: fixed; top: 0; left: -100%; width: 260px; height: 100%; z-index: 1001; background: #fff; } 
#all_menu .all_menu_in { padding: 5px 15px 30px; max-height: 90%; overflow: auto; } 
#all_menu .closeArea { padding: 15px; } 
#all_menu .closeArea img { width: 19px; } 
#all_menu .in_logo { text-align: center; } 
#all_menu .in_logo a img { width: 120px; } 
#all_menu .all_menu_join { margin: 30px 0 40px; } 
#all_menu .all_menu_join .a_top { } 
#all_menu .all_menu_join .a_top li { margin: 0 8px 0 0; font-size: .85rem; letter-spacing: 1px; } 
#all_menu .all_menu_join .a_top li a { display:block; padding: 13px 0; color: #000; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; } 

/* 햄버거메뉴 안 분류 */
.headerGnb { } 
.headerGnb .gnbInner .menu-list > li { position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); padding: 20px 0; border-bottom: 1px solid #595858; } 
.manuinba { position: absolute; bottom: 140px; left: 120px; } 
.menu_list_in a, .menu-container .menu-list li.toggle > a { color: #000; font-size: .95rem; font-family: 'Noto Sans KR', sans-serif; } 
.toggle, .menu-submenu { cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px; } 
.menu-submenu { display: none; margin: 5px 0 0; padding: 10px 22px; } 
.menu-submenu >li { line-height: 36px; } 
.menu-submenu >li a { display: block; padding: 10px 0; color: #5c5c5c; font-family: 'Lato', 'NanumBarunGothic', sans-serif; line-height: 17px; } 

/* 햄버거메뉴 안 분류 더보기 */
.ddBtn { position: absolute; top: 21px; right: 0; padding:9px 20px; } 
.ddBtn:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2; } 
.ddBtn:before, .ddBtn:after { content: ''; display: block; position: absolute; top: 50%; right: 12px; width: 12px; height: 2px; margin-top: -1px; background-color: #232323; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out; } 
.ddBtnActive { padding:15px 20px; } 
.ddBtnActive:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #232323 !important; } 
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #232323 !important; opacity: 0; } 

/* sns 아이콘 영역 */
.snsiconArea { position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; line-height: 48px; border-top: 1px solid #595758; background: #fff; } 
.snsiconArea .linkInfo_bot:after { content:''; display:block; clear:both } 
.snsiconArea .linkInfo_bot li { float: left; width : 20%; text-align: center; } 
.snsiconArea .linkInfo_bot li a img { vertical-align: middle; } 

/* 저작권 */
.copy { margin:20px 0; color:#999999; font-size: .79rem; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; } 

/* 햄버거 영역 */

/* menu */
aside { width:260px; height:100%; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; overflow-y: auto; } 

#mask { width:100%; height:100%; position:fixed; left:0; right:0; top:93px; /*top:53px; */ background-color:#000; opacity:0.5; z-index:1000; display:none; } 

.wrap_gnb { height:100%; background-color:#fff; left:0; position:absolute; top:0; z-index:2000; overflow-y: scroll; } 

html.openSideMenu .wrap_gnb { display:block; overflow:scroll; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; } 

.side_menu { width:260px; background-color:#f3f5f9; overflow:hidden; } 
.side_menu .user_box { background-color:#1d1d1d; font-size:12px; line-height:49px; position:relative; } 
.side_menu .user_box .btn_login { width:180px; color:#c5c6c9; display:inline-block; text-indent:7px; } 
.side_menu .user_box .btn_login:after { width:1px; height:20px; background-color:#3e3e3e; content:''; display:block; left:180px; position:absolute; top:16px; } 
.side_menu .user_box .btn_login i { font-size:20px; margin-right:5px; vertical-align:-3px; } 
.side_menu .user_box .btn_join { width:80px; color:#c5c6c9; display:inline-block; position:relative; text-align:center; } 
.side_menu .user_box .btn_join i { bottom:9px; color:#de453a; left:50%; margin-left:-6px; position:absolute; } 
.side_menu .user_box .btn_join .benefit { width:64px; background-color:#de453a; border-radius:2px; bottom:-4px; color:#fff; font-size:9px; left:50%; line-height:15px; margin-left:-32px; padding-top:2px; position:absolute; } 

.side_menu .user_box .txt_welcome { width:180px; color:#c5c6c9; display:inline-block; text-indent:13px; } 
.side_menu .user_box .txt_welcome:after { width:1px; height:20px; background-color:#3e3e3e; content:''; display:block; left:180px; position:absolute; top:16px; } 

.side_menu .user_box .user_lv { background-color:#df463b; color:#eeeff0; display:inline-block; font-size:11px; font-style:normal; line-height:17px; margin-right:5px; padding:1px 5px 0; text-indent:0; vertical-align:0; } 

.side_menu .user_box .btn_logout { width:80px; color:#c5c6c9; display:inline-block; text-align:center; } 
.side_menu .user_box .btn_logout i { font-size:20px; margin-right:5px; vertical-align:-3px; } 

.side_menu .side_bnr1 img { width:100%; } 

.side_menu .user_states { background-color:#fff; } 
.side_menu .user_states ul { overflow:hidden; } 
.side_menu .user_states li { width:33%; border-left:#e9ebee 1px solid; display:inline-block; float:left; } 
.side_menu .user_states li:first-child { border-left:none; } 
.side_menu .user_states li a { color:#5c5c5c; display:block; font-size:24px; line-height:18px; padding:10px 0 6px; position:relative; text-align:center; } 
.side_menu .user_states li a p { color:#231f20; font-size:10px; padding:1px 0 2px; } 
.side_menu .user_states li a .user_basket_quantity { width:14px; height:14px; background-color:#df463b; border-radius:50%; color:#fff; display:inline-block; font-size:9px; font-weight:bold; letter-spacing:-1px; line-height:14px; position:absolute; right:25px; text-align:center; text-indent:-1px; top:10px; z-index:1; } 

.side_menu .gnb_tit { background-color:#f3f5f9; overflow:hidden; padding:8px 5px; } 
.side_menu .gnb_tit li { width:50%; display:inline-block; float:left; } 
.side_menu .gnb_tit li a { background-color:#fff; color:#111; display:block; font-family:'Questrial'; font-size:11px; font-weight:bold; line-height:45px; letter-spacing:1px; margin:2px; text-align:center; } 
.side_menu .gnb_tit li a i { font-size:16px; margin-right:3px; vertical-align:-2px; } 
.side_menu .gnb_tit li a .ico_per { width:25px; background-color:#de453a; border-radius:50%; color:#fff; display:inline-block; font-size:10px; font-weight:bold; letter-spacing:0; line-height:23px; margin-left:5px; padding:2px 0 0; text-align:center; } 
.side_menu .gnb_tit li a .ico_per2 { width:25px; background-color:#ff8c00; border-radius:50%; color:#fff; display:inline-block; font-size:10px; font-weight:bold; letter-spacing:0; line-height:23px; margin-left:5px; padding:2px 0 0; text-align:center; } 
.side_menu .gnb_tit .txt_type1 { letter-spacing:0; } 

.side_menu .gnb_tit2 { background-color:#fff; border-bottom:#e9ebee 1px solid; } 
.side_menu .gnb_tit2 a { color:#1d1d1d; display:block; font-family:'Questrial'; font-size:11px; font-weight:bold; letter-spacing:1px; padding:15px 0; position:relative; text-indent:15px; } 
.side_menu .gnb_tit2 a i { font-size:13px; margin-top:-7px; position:absolute; right:15px; top:50%; } 
.side_menu .gnb_b_none { border-bottom:none !important; } 

.side_menu .gnb_tit3 { border:#e9ebee 1px solid; } 

.side_menu .latest_view { background-color:#fff; margin:12px 0; padding:15px 5px 10px; } 
.side_menu .latest_view h2 { display:block; font-family:'Questrial'; font-size:11px; letter-spacing:1px; padding-bottom:3px; position:relative; text-indent:5px; } 
.side_menu .latest_view .btn_more { position:absolute; right:0; top:1px; } 
.side_menu .latest_view li { width:33%; display:inline-block; float:left; } 
.side_menu .latest_view li a img { width:100%; } 
.side_menu .latest_view .not_view { border:#e9ebee 1px solid; margin:0 4px; padding:20px 0; text-align:center; } 

.wrap_gnb .dummy_bottom { height:150px; display:block; } 

/* BASIC css end */


/* BASIC css end */