ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

/*----------------------------*\
	����ϻＱ��ư
\*----------------------------*/

.main-btn, .primary-btn {
  display: inline-block;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.icon-btn.main-btn, .icon-btn.primary-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0px;f
  border: none;
}

.main-btn {
  color: #30323A;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
  box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}

.main-btn:hover, .main-btn:focus {
  color: #3964ac;
  -webkit-box-shadow: 0px 0px 0px 1px #3964ac inset, 0px 0px 0px 0px #3964ac;
  box-shadow: 0px 0px 0px 1px #3964ac inset, 0px 0px 0px 0px #3964ac;
}

.primary-btn {
  color: #FFF;
  background-color: #3964ac;
}

.primary-btn:hover, .primary-btn:focus {
  color: #FFF;
  background-color: #30323A;
}

/*=========================================================
	03 -> NAVIGATION
===========================================================*/

#navigation {padding-top:30px}
#navigation .container {position:relative;/*padding-left:10px;padding-right:10px*/}

/*----------------------------*\
	����ī�װ����޴�
\*----------------------------*/
.category-nav {width:200px;height:100vh;position:fixed;top:0;left:0;z-index:999;background:#315592}
.category-nav .category-header {padding:15px;display:none;text-transform:uppercase;background:#315592;color:#fff}
.category-nav .category-header>i {float:right;line-height:20px}
.category-nav .category-list {/*position:absolute;*/width:200px;background:#3964ac;border-left:1px solid #3964ac;border-right:1px solid #3964ac;border-bottom:0px solid #3964ac;z-index:50}
.category-nav .category-list>li {padding:16px;border-bottom:1px solid #315592}
.category-nav .category-list>li+li {border-top:1px solid #577bb8}
.category-nav .category-list>li>a {display:block;color:#fff;text-transform:uppercase}
.category-nav .category-list>li>a:hover, .category-nav .category-list>li>a:focus, .category-nav .category-list>li.dropdown.open>a {color:#c0d8ff;cursor:pointer}
.category-nav .category-list .search_center{padding:20px 15px;color:#8da9d7}

.category-nav .sns_center a{color:#fff;font-size:11px;line-height:40px}
.category-nav .sns_center .bg_01{background:#7595cb}
.category-nav .sns_center .bg_02{background:#92b0e3}
.category-nav .call_center{text-align:right;padding:15px;color:#8da9d7}
/*-- ����ī�װ�����Ӵٿ� --*/
.dropdown.side-dropdown>.custom-menu {border:1px solid #3964ac;left:100%;top:0;width:200px}
.dropdown.side-dropdown.open> .custom-menu>li>a {display:block;padding:6px 0px;text-transform:uppercase}
.dropdown .cart_menu_bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../../inct/img/r_arrow.png') no-repeat 50% 50%;text-indent:-999px; position:absolute;top:20px;right:15px}

/*----------------------------*\
	��ܳ׺���̼�
\*----------------------------*/
.menu-nav .menu-header {display:none;padding:15px;text-transform:uppercase;background:#516fa3;color:#fff}
.menu-nav .menu-header>i {float:right;line-height:20px}
.menu-nav .menu-list>li {display:inline-block;padding:15px 0 15px 60px}
.menu-nav .menu-list>li>a {display:inline-block;color:#000;text-transform:uppercase}
.menu-nav .menu-list>li>a:hover, .menu-nav .menu-list>li>a:focus, .menu-nav .menu-list>li.dropdown.open>a {color:#3964ac;cursor:pointer}

.menu-nav .menu-right span {display:inline-block;padding:16px 54px;float:left;    margin-right: -1px;}
.menu-nav .menu-right a {display:inline-block;color:#fff;text-transform:uppercase}
.menu-nav .menu-right a:hover{color:#ffc999}
.nav_bg{background:#0082f0;color:#fff;cursor:pointer}

/*-- ��ܳ׺���̼ǵ�Ӵٿ� --*/
.custom-menu {position:absolute;padding:10px 15px;background:#fff;z-index:100;top:100%;min-width:200px;opacity:0;visibility:hidden}
.dropdown.open>.custom-menu {opacity:1;visibility:visible}
.dropdown.default-dropdown>.custom-menu {border:1px solid #dedede;left:0%;padding:10px 20px}
.dropdown.default-dropdown>.custom-menu>li>a {display:block;padding:5px 0px;text-transform:uppercase}
.dropdown .navi_menu_bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../../inct/img/b_arrow.gif') no-repeat 100% 50%;text-indent:-999px}

/*----------------------------*\
	�����
\*----------------------------*/

.nav-toggle {display:none}

@media only screen and (max-width: 991px) {
/*----------------------------*\
	������ü��ư
\*----------------------------*/
.nav-toggle {display:inline-block}
.pull-right {top:20px;right:15px;position:absolute;z-index:9999}
/*----------------------------*\
	���ʳ׺���̼ǹ��
\*----------------------------*/
#responsive-nav .nav_bg{display:none}
#responsive-nav {position:fixed;left:0;top:0;bottom:0;max-width:270px;width:0%;overflow:hidden;background:#fff;z-index:990}
#responsive-nav.open {width:100%;transform:translateX(0%)}

#responsive-nav .dropdown .sub_bg {background:#315592 !important}
#responsive-nav .dropdown .sub_bg a{color:#799fde !important}
#responsive-nav .dropdown .sub_bg a:hover{color:#4173c7 !important}

#responsive-nav .dropdown .custom-menu {display:none;position:static;width:100%;border:0;background:#f4f4f4;margin-top:10px;border:1px #dedede solid}
#responsive-nav .dropdown.open .custom-menu{display:block;min-width:auto;transform:translate(0px, 0px)}

#navigation {border-bottom:0px #dedede solid}
#navigation.shadow:after {content: "";position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7);z-index:99}

/*----------------------------*\
	����ī�װ����޴�
\*----------------------------*/

.category-nav{position:relative;height:auto}
.category-nav .category-header{display:block}
.category-nav .category-list, .menu-nav .menu-list {display:none;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 100px)}
.category-nav .category-list.open, .menu-nav .menu-list.open {display:block}
.category-nav {float:none;width:100%}
.category-nav .category-list {position:static;width:100%;border-left:none;border-right:none;border-bottom:0px solid #dedede}

/*----------------------------*\
	��ܺ���̼�
\*----------------------------*/
.menu-nav .menu-header, .category-nav .category-header {cursor:pointer}
.menu-nav .menu-header {display:block}
.menu-nav .menu-list {float:none;border-bottom:1px solid #dedede}  
.menu-nav .menu-list>li {display:block;padding:15px}
.menu-nav .menu-list>li+li {border-top:1px solid #dedede}.menu-nav .menu-list>li>a {color:#30323A;display:block}
.dropdown .navi_menu_bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../../inct/img/b_arrow.gif') no-repeat 50% 50%;text-indent:-999px;right:15px;top:25px;position:absolute}

/* ����ī�װ��� */
.menu-right_mo{border-top:1px #dedede solid;padding:15px;background:#f4f4f4}

}