/* BASIC css start */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Roboto';  font-style: normal;  font-weight: 100;
    src: url(/design/bylogin/cmong/font/Roboto-Thin.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';  font-style: normal;  font-weight: 300;
    src: url(/design/bylogin/cmong/font/Roboto-Light.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';   font-style: normal;   font-weight: 400;
    src: url(/design/bylogin/cmong/font/Roboto-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';   font-style: normal;   font-weight: 500;
    src: url(/design/bylogin/cmong/font/Roboto-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Roboto';   font-style: normal;   font-weight: 700;
    src: url(/design/bylogin/cmong/font/Roboto-Bold.woff) format('woff');
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code,
dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp,
section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video { font-family: 'Roboto','Nanum Gothic',arial, AppleGothic, Dotum, sans-serif; }

.MenuAllCon .tab_box > ul.ham_toggle_contents:first-child{ margin-bottom: 0; }
.ham_fixed_btn_wrap {    position: relative; bottom:unset;}
.header_cate_2{background-color:#fff;width:100%;height:40px;border-top:1px solid #e8e8e8}
.header_cate_2 li{float:left;width:25%;text-align:center;line-height:40px;box-sizing:content-box}
#fix_position > div.SMS_fixed_wrap > div.header_cate_2{border-bottom:1px solid #e8e8e8;box-sizing:content-box}
#fix_position > div.SMS_fixed_wrap.fixedTopStyle > div.header_cate_2{border-bottom:0px solid #e8e8e8}
.swing_head { background: url(http://www.bylogin.co.kr/design/bylogin/needsad/point_bg_black.png) no-repeat 0 0; position:absolute; display: inline-block; width: 61px;height: 21px;line-height:25px; text-align: center; font-size: 9px; top: 30px;left:22%;right:0;color:#fff;z-index:30 }
#fix_position { padding-top:106px; }
.SMS_fixed_wrap { position:fixed; top:0; left:0; z-index:10; width:100%; background:#fff; }

.c-top-banner img { width:100%; }

.c-style-header { position:relative; top:0; z-index:100; width:100%; background:#fff; }
.c-style-header * { box-sizing:content-box; }
.c-style-header a { display:block; }
.c-style-header img { width:100%; }
.c-style-header .title { position:relative; z-index:10; height:51px; background:#e6e1db; top:0; left:0; width:100%; }
.c-style-header .title .left_box { position:absolute; top:14px; left:15px; height:46px; }
.c-style-header .logo { width:150px; margin:0 auto; padding-top:13px; }
.c-style-header .btn_open_allmenu { display:inline-block; width:17px; }
.c-style-header .title .btn_open_search { position:absolute; top:1px; width:16px; left:30px; }
.c-style-header .title .btn_toggle_gl { position:absolute; top:0; width:20px; left:56px; }
.c-style-header .title .right_box { position:absolute; height:26px; top:13px; right:15px; }
.c-style-header .title .right_box a { display:inline-block; position:absolute; }
.c-style-header .title .right_box a.btn_move_cart { top:0; width:25px; right:32px; }
.c-style-header .title .right_box a.btn_move_cart .user_basket_quantity { display:inline-block; position:absolute; top:0; right:0; height:14px; font-size:10px; line-height:14px; background:#a67b51; color:#fff; border-radius:50%; padding:0 3px; }
.c-style-header .title .right_box a.btn_move_my { top:1px; width:18px; right:0; }
.c-style-header .gnb { display:none; overflow:hidden; position:relative; z-index:10; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:rgba(255,255,255,.8); width:100%; }
.c-style-header .gnb ul { overflow-y:hidden; overflow-x:auto; margin-bottom:-8px; margin-right:48px; padding:0 13px 8px; white-space:nowrap; }
.c-style-header .gnb li { display:inline-block; margin-left:8px; vertical-align:top; }
.c-style-header .gnb li:first-child { margin:0; }
.c-style-header .gnb li a { padding:0 2px; font-weight:600; font-size:12px; line-height:40px; color:#444; letter-spacing:-.5px; }
.c-style-header .gnb .btn_open_gnb_allmenu { position:absolute; top:0; right:0; }
.c-style-header .gnb .btn_open_gnb_allmenu a { display:block; position:relative; width:41px; height:40px; border-left:1px solid #ddd; }
.c-style-header .gnb .btn_open_gnb_allmenu a::before,
.c-style-header .gnb .btn_open_gnb_allmenu a::after { content:''; display:block; position:absolute; top:50%; left:50%; width:10px; height:1px; margin-left:-4px; background:#777; border-radius:2px; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.c-style-header .gnb .btn_open_gnb_allmenu a::before { margin-left: -9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s .0s cubic-bezier(0.86,0,0.07,1); transition: all .3s .0s cubic-bezier(0.86,0,0.07,1); }
.c-style-header .gnb .btn_open_gnb_allmenu a::after { margin-left: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s .0s cubic-bezier(0.86,0,0.07,1); transition: all .3s .0s cubic-bezier(0.86,0,0.07,1); }
.c-style-header .gnb .gnb_allmenu_ment { display:none; position:absolute; top:0; left:0; width:calc(100% - 41px); height:41px; padding:0 10px; line-height:41px; }
.c-style-header .gnb_all_menu { position:fixed; top:-500px; left:0; z-index:5; padding:5px 10px; background:#fff; opacity:0; transition:all .3s; }
.c-style-header .gnb_all_menu .gnb_all_menu_tit { padding:10px 0; font-weight:600; font-size:12px; color:#444; }
.c-style-header .gnb_all_menu ul { display:flex; flex-wrap:wrap; justify-content:flex-start; }
.c-style-header .gnb_all_menu ul li { width:calc(25% - 4.5px); margin:0 6px 6px 0; }
.c-style-header .gnb_all_menu ul li:nth-child(4n) { margin:0 0 6px; }
.c-style-header .gnb_all_menu ul li a { display:block; overflow:hidden; padding:0 3px; border:1px solid #ddd; line-height:40px; text-align:center; white-space:nowrap; color:#666; text-overflow:ellipsis; }
.bg-c-header { display:none; position:absolute; z-index:10; width:100%; height:100%; background:rgba(0,0,0,.65); }

body.gnb_allmenu_open .c-style-header .gnb_all_menu { top:82px; opacity:1; }
body.gnb_allmenu_open .c-style-header .gnb .btn_open_gnb_allmenu a::before { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
body.gnb_allmenu_open .c-style-header .gnb .btn_open_gnb_allmenu a::after { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
body.gnb_allmenu_open .c-style-header .gnb .gnb_allmenu_ment { display:block; background:#fff; }
body.gnb_allmenu_open .bg-c-header { display:block; }

body .search { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; }
body .searchBox { position:absolute; top:0; left:0; z-index:1000; width:100%; height:54px; background:#fff; }
body .searchBox .btn_search_close { position:absolute; top:10px; right:10px; border:1px solid #ddd; width:44px; height:34px; line-height:32px; font-size:10px; text-align:center; }
body .search .btn_search { position:absolute; top:13px; right:72px; }
body .search .btn_search img { width:20px; }
body .search .search-bg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,.5); }
body .searchBox form { padding:10px; }
body #SMS_style .MS_search_word { width:calc(100% - 50px); border-width:1px; height:34px; border-color:#ddd!important; border-radius:0; padding:0 10px; font-size:12px; }

.all_menu_wrap { overflow-y:auto; position:fixed; top:0; left:-100%; z-index:1000; width:calc(100% - 50px); background:#fff; height:100%; transition:all .3s ease; }
.all_menu_wrap a { display:block; color:#333; }
.all_menu_wrap img { width:100%; }
.all_menu_wrap .all_menu_inner { position:relative; padding:25px; background:#e6e1dc; }
.all_menu_wrap .all_menu_inner .c-tit { margin-bottom:10px; font-weight:600; font-size:14px; color:#333; text-align:left; }

.all_menu_inner .log_box { margin-bottom:30px; }
.all_menu_inner .log_box .log_logo { width:100px; margin-bottom:10px; }
.all_menu_inner .log_box .intro { overflow:hidden; margin-bottom:22px; }
.all_menu_inner .log_box .log { margin-bottom:10px; }
.all_menu_inner .log_box .log::after { content:''; display:block; clear:both; }
.all_menu_inner .log_box .log a { float:left; width:calc(50% - 5px); height:38px; border:1px solid #ddd; box-sizing:border-box; line-height:38px; color:#333; text-align:center; background:#fff; }
.all_menu_inner .log_box .log .c-join, 
.all_menu_inner .log_box .log .c-my { margin-left:10px; border:1px solid #333; background:#333; color:#fff; }
.all_menu_inner .log_box .log .c-join { position:relative; }
.all_menu_inner .log_box .log .c-join span { position:absolute; top:-13px; right:50%; width:48px; height:17px; margin-right:-24px; border-radius:5px; background:#bbb; line-height:17px; font-size:9px;
    -webkit-animation: joinAni 1s 0.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
.all_menu_inner .log_box .log .c-join span::after { content:''; position:absolute; left:0; right:0; bottom:-12px; margin:0 auto; width:0px; height:0px; border:8px solid transparent; border-top:8px solid #bbb; border-bottom:8px solid transparent; }

.all_menu_inner .my_box { margin-bottom:30px; }
.all_menu_inner .my_box .tab-list-box .tabs { overflow:hidden; }
.all_menu_inner .my_box .tab-list-box .tabs div { float:left; width:50%; border-bottom:2px solid #eee; }
.all_menu_inner .my_box .tab-list-box .tabs div.show { border-bottom:2px solid #ddd; }
.all_menu_inner .my_box ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#fff; }
.all_menu_inner .my_box ul li { width:33.33333%; border:1px solid #ddd; border-width:1px 1px 0 0; text-align:center; }
.all_menu_inner .my_box ul li a { display:block; overflow:hidden; height:60px; font-size:10px; color:#666; letter-spacing:-.5px; }
.all_menu_inner .my_box ul li a .icon { position:relative; width:20px; margin:12px auto 5px; opacity:.6; }
.all_menu_inner .my_box ul li a .icon .user_basket_quantity { position:absolute; top:0; right:-5px; height:14px; padding:0 4px; border-radius:50%; background:#333; line-height:14px; color:#fff; }
.all_menu_inner .my_box ul li:nth-child(1) { border-width:1px 1px 0 1px; }
.all_menu_inner .my_box ul li:nth-child(4) { border-width:1px 1px 1px 1px; }
.all_menu_inner .my_box ul li:nth-child(5),
.all_menu_inner .my_box ul li:nth-child(6) { border-width:1px 1px 1px 0; }

.all_menu_inner .menu_box { margin-bottom:30px; }
.all_menu_inner .menu_box .tab-list-box { border:1px solid #ddd; background:#fff; }
.all_menu_inner .menu_box .tab-list-box .tabs { overflow:hidden; }
.all_menu_inner .menu_box .tab-list-box .tabs div { float:left; width:50%; height:44px; border-bottom:3px solid #eee; font-weight:600; line-height:42px; color:#999; text-align:center; }
.all_menu_inner .menu_box .tab-list-box .tabs div.show { border-bottom:3px solid #ccc; color:#333; }
.all_menu_inner .menu_box .cate_list { display:none; padding:10px 20px; }
.all_menu_inner .menu_box .cate_list.show { display:block; }
.all_menu_inner .menu_box .cate_list > li > a { position:relative; padding:10px 0; }
.all_menu_inner .menu_box .cate_list > li.depth_more > a::after { display:block; content:'+'; position:absolute; top:8px; right:0; width:30px; height:17px; text-align:right; font-size:16px; }
.all_menu_inner .menu_box .cate_list > li.depth_more > a.menu_more::after { content:'-'; }
.all_menu_inner .menu_box .cate_list > li .cate_list_depth02 { display:none; padding:0 10px 15px; }
.all_menu_inner .menu_box .cate_list > li .cate_list_depth02 li a { padding:11px 0; font-size:11px; color:#666; }

.all_menu_inner .cs_box { margin-bottom:30px; }
.all_menu_inner .cs_box ul { padding:20px; border:1px solid #ddd; background:#fff; }
.all_menu_inner .cs_box ul li { margin-bottom:2px; font-size:11px; }
.all_menu_inner .cs_box ul li.child1 { margin-bottom:5px; font-weight:600; text-decoration:underline; }
.all_menu_inner .cs_box ul li.child2 a { font-size:17px; line-height:1.5; }
.all_menu_inner .cs_box ul li.child6 { margin:5px 0 15px; color:#999; letter-spacing:-.5px; }
.all_menu_inner .cs_box ul li:last-child img { width:12px; vertical-align:middle; }

.all_menu_inner .c-today-list { margin-bottom:5px; padding:5px; border:1px solid #ddd; background:#fff; }
.all_menu_inner .c-today-list li { display:inline-block; width:calc(25% - 2px); }
.all_menu_inner .c-today-list li dl { padding:0 2px; }
.all_menu_inner .c-today-list li .name { display:none; }

.all_menu_inner .c-today-list .slick-arrow { position:absolute; top:-30px; right:0; z-index:10; width:20px; height:20px; border:0; background-color:transparent; background-repeat:no-repeat; background-size:7px auto; background-position:100% 50%; text-indent:-9999px; }
.all_menu_inner .c-today-list .slick-arrow.slick-prev { right:20px; background-image:url(/design/bylogin/cmong/icon_prev_gray.png); }
.all_menu_inner .c-today-list .slick-arrow.slick-next { background-image:url(/design/bylogin/cmong/icon_next_gray.png); }

.all_menu_inner .today_box > a { display:block; background:#333; line-height:46px; color:#fff; text-align:center; }

.btn_close_allmenu { display:none; position:fixed; top:10px; right:0; z-index:300; width:50px; }
.btn_close_allmenu img { width:100%; }
.bg-allmenu { display:none; position:absolute; top:0; left:0; z-index:200; width:100%; height:100%; background:rgba(0,0,0,.6); }

/* ¸Þ´º¿ÀÇ */
body.menu_open { overflow:hidden; }
body.menu_open .all_menu_wrap { left:0; }
body.menu_open .btn_close_allmenu { display:block; }
body.menu_open .bg-allmenu { display:block; }

body.gnb_allmenu_open .c-style-header .gnb { background:#fff; }

/* °Ë»ö¿ÀÇ */
body.search_open .search,
body.search_open .search .search-bg { display:block; }

/* ½ºÅ©·Ñ´Ù¿î */
body.scroll .c-style-header {  }
body.scroll .c-style-header .title { position:fixed; height:41px; }
body.scroll .c-style-header .title .left_box { top:9px; }
body.scroll .c-style-header .title .right_box { top:9px; }
body.scroll .c-style-header .logo { padding-top:8px; }
body.scroll .c-style-header .gnb { display:block; position:fixed; top:41px; }

@-webkit-keyframes joinAni {
    0% {
        -webkit-transform: translate(0px, 4px);
    }

    30% {
        -webkit-transform: translate(0px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 4px);
    }
}


/* BASIC css end */