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 {background-color:#fff;border-top:3px #315592 solid;border-bottom:1px #dedede solid;box-shadow:none !important}
#navigation .container {position:relative;margin:0 auto}

/*----------------------------*\
	¿ÞÂÊÄ«Å×°í¸®¸Þ´º
\*----------------------------*/
.category-nav {float:left;width:210px;margin-right:10px}
.category-nav .category-header {padding:15px;display:block;text-transform:uppercase;background:#315592;color:#fff}
.category-nav .category-header>i {float:right;line-height:20px}
.category-nav .category-list {position:absolute;width:210px;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:15px;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 .call_center{text-align:right;padding:15px;color:#8da9d7}


/*-- ¿ÞÂÊÄ«Å×°í¸®µå·Ó´Ù¿î --*/
.dropdown.side-dropdown>.custom-menu {border:1px solid #3964ac;left:100%;top:0;width:200px/*;left:200px*/}
.dropdown.side-dropdown.open> .custom-menu>li>a {display:block;padding:5px 0px;text-transform:uppercase}
.dropdown .cart_menu_bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../../contents/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}
.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:15px 30px 15px 30px;float:left;border-left:1px #dedede solid}
.menu-nav .menu-right a {display:inline-block;color:#000;text-transform:uppercase}
.menu-nav .menu-right a:hover{color:#be6976}
.nav_bg{background:#516fa3;color:#fff;cursor:pointer}

/*-- »ó´Ü³×ºñ°ÔÀ̼ǵå·Ó´Ù¿î --*/
.custom-menu {position:absolute;padding:10px 15px;background:#fff;z-index:100;top:100%;min-width:150px;opacity:0;visibility:hidden}
.dropdown.open>.custom-menu {opacity:1;visibility:visible}
.dropdown.default-dropdown>.custom-menu {border:1px solid #dedede;left:-10px}
.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('../../contents/img/b_arrow.gif') no-repeat 50% 50%;text-indent:-999px}


/*----------------------------*\
	¸ð¹ÙÀÏ
\*----------------------------*/

.nav-toggle {display:none}

@media only screen and (max-width: 991px) {
/*----------------------------*\
	¿ÞÂÊÀüü¹öÆ°
\*----------------------------*/
.nav-toggle {display:inline-block}
.pull-right {top:80px;right:15px;position:absolute}
/*----------------------------*\
	¿ÞÂʳ׺ñ°ÔÀ̼ǹè°æ
\*----------------------------*/
#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:#dedede;margin-top:10px}
#responsive-nav .dropdown.open .custom-menu{display:block;min-width:auto;transform:translate(0px, 0px)}

#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 .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}
.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('../../contents/img/b_arrow.gif') no-repeat 50% 50%;text-indent:-999px;right:15px;top:20px;position:absolute}

}