@charset "utf-8";
/* CSS Document */

#top_m { position:relative; width:100%; background:#fff; top:0px;}
#top_m .headerM { position:relative; height:50px;}
#top_m .headerM .tlogo {position:absolute; margin-left:45px;  padding-top:5; width:180px;	text-align:center; height:25px;z-index: 9;top: 0px;left: 0;}
#top_m .headerM .tlogo img { margin-left: 0px; height:25px;line-height:inherit;  height:98%; width:98%; }
#top_m .headerM .btnmypage { position:absolute; top:7px; right:12%; width:30px; height:25px; cursor:pointer;padding: 5px; }
/*#top_m .headerM .btnsian { position:absolute; top:7px; right:30px; width:30px; height:25px; cursor:pointer; }*/
#top_m .headerM .btnCart { position:absolute; top:7px; right:3%; width:30px; height:25px; cursor:pointer; padding: 5px; }
#top_m .headerM .btn_search {position:absolute; width:18px;height:18px;right:23%;color:#222;top:18%;cursor:pointer;font-size:1.5em;line-height:0.9; padding: 5px;}	
#top_m .headerM .d_link {width: 100%; height:45px;  margin:0px; padding:0; top:0px; background: #fff;}
#top_m .headerM .d_link .sideMenuOpen { margin-top:5px;  width:100%;  padding: 0; cursor:pointer; border:0;}
#top_m .headerM .d_link .sideMenuOpen .special-con2 {cursor: pointer;}
#top_m .headerM .d_link .sideMenuOpen .special-con2 img { display:block; width:22px; height:17px; margin-top:0px;}
#top_m .headerM .d_link .sideMenuOpen .navbar-toggle2
       {position:relative;float:left;padding:5px 5px; border: none; background: #fff; margin-top:8px; margin-left:10px; margin-bottom:8px; border-radius:4px}
#top_m .headerM .d_link .sideMenuOpen .navbar-toggle2:focus{outline:0}

#top_m .headerM .btnmypage .i_ca { display:block; width:30px; height:25px; }
#top_m .headerM .btnsian .i_ca { display:block; width:30px; height:25px; }
#top_m .headerM .btnCart .i_ca { display:block; width:30px; height:25px; }

/*검색바*/
#hd_sch {padding:15px 15px 15px;overflow-y:auto;overflow-x:hidden;background-color:rgba(255,255,255,1);border-bottom:1px solid #ccc;position:absolute;top:53px;left:0;right:0;z-index:8100;display:none;}
#hd_sch .nav-search2 section {border-radius:37px;background-color:#eee;border:1px solid #222;overflow:hidden;height:30px; }
#hd_sch .nav-search2 { height: 30px; position: relative; margin-top:0px;  padding: 0px 8px 5px 11px; background-color: #FFF;}
#hd_sch .form-control2 {width: 100%;height: 30px; font-size: 13px; text-align: center; border: 1px solid #ddd;border-top-left-radius:24px;border-bottom-left-radius:24px;border-top-right-radius:0px;border-bottom-right-radius:0px; box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.06), 0 -1px 4px 0 rgba(0, 0, 0, 0.18);}
#hd_sch .input-group2 { position: relative; margin-top:5px; margin-left:47%; width: 44%;}
        .input-group2_bar{position: absolute;top:2px; right: -20%; margin: 0 2px;}
        .myButton {
            box-shadow:inset 1px -1px 6px 0px #54a3f7;
            background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
            background-color:#007dc1;
            border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:24px;border-bottom-right-radius:24px;
            border:1px solid #124d77;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:12px;
            padding:6px 24px;
            text-decoration:none;
            text-shadow:0px -2px 46px #154682;
        }
        .myButton:hover {
            background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
            background-color:#0061a7;
        }
        .myButton:active {
            position:relative;
            top:1px;
        }	
#hd_sch .m_rkw_bg {}
#hd_sch .m_rkw {margin-top:10px;border:1px solid #ddd;background:#fff;}
#hd_sch .m_rkw li {padding:10px 33px;border-top:1px solid #ddd;position:relative;}
#hd_sch .m_rkw li:first-child {border-top:0 !important;}
#hd_sch .rkw_num {width:16px;height:16px;line-height:16px; margin-top:-8px;border-radius:3px;font-size:9px;font-weight:bold;font-family:'Tahoma,Verdana-Bold,Helvetica';color:#fff;
    background-color:#e70000;text-align:center;position:absolute;top:50%;left:10px;}
#hd_sch .rkw_icon {font-size:0;display:inline-block;position:absolute;top:50%;right:10px;}
#hd_sch .rkw_sm {margin-top:-10px;margin-right:5px;}
#hd_sch .rkw_sm:before {font-size:20px;color:#888;content:'-';}
#hd_sch .rkw_nw {width:14px;height:14px;font-size:12px;line-height:16px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;
    margin-top:-7px;}
#hd_sch .rkw_nw:before {display:none !important;}
#hd_sch .rkw_up {width:12px;margin-top:-8px;}
#hd_sch .rkw_up:before {font-size:16px;}
#hd_sch .rkw_dw {width:12px;margin-top:-8px;}
#hd_sch .rkw_dw:before {font-size:16px;}

.offorder_t	{height:30px;text-align:center;  background:#f4f4f4;padding:7px;border-bottom:solid 1px #d1d1d1;}
.offorder_t span {font-size:14px;color:#6e6e6e;}

/*메뉴*/
.swiper-container {
  width: 100%; top:5px;
  height: 100%;
}
.swiper-slide { margin-top:0px; display: block;z-index: 2; background-color: #3a3a3a;height: 34px; }
.swiper-slide ul {display: table; background-color: #3a3a3a; width: 100%; text-align: center; border-bottom: 1px solid #5c5c5c; }
.swiper-slide ul li { font-weight: bold; display: table-cell; text-align: center; width: 14%; border-right: 1px solid #5c5c5c; }
.swiper-slide a { display: block; color: #fff; height: 34px; line-height: 34px; font-family: Verdana; font-size: 12px; } 
.swiper-slide ul li:hover {background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);background-color:#0061a7;}
.swiper-slide ul li:active {position:relative;top:1px;}	
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
