/* BASIC css start */
#header {position: relative; width: 100%; top: 0; left: 0; padding: 8px 0; border-bottom: 1px solid #dddddd; 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; padding: 12px 15px; font-size: 0; text-align: center;}
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .menubtn { width: 22px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .allmenu_btn { width: 100%;}
#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; right: -100%; width: 72%; height: 100%; padding: 0 16px; z-index: 1001; background: #fff; overflow-y: auto;}
#all_menu .closeArea{ margin: 20px 0; text-align: right;}
#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{display: inline-block; width: calc(100%/2 - 6px); margin: 0 8px 0 0;  border: 1px solid #666666; font-size: .85rem; text-align: center; letter-spacing: 1px; box-sizing: border-box; }
#all_menu .all_menu_join .a_top li:nth-of-type(2){ margin: 0 ;background: #333333;}
#all_menu .all_menu_join .a_top li:nth-of-type(2) a{color:#fff}
#all_menu .all_menu_join .a_top li a{ display:block; padding: 13px 0; color: #000; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
#all_menu .iconBox ul{ font-size: 0;}
#all_menu .iconBox ul li{ display: inline-block; width: calc(100%/4 - 16px); height: 55px; padding: 0 10px; text-align: center;  border-right: 1px solid #cccccc;}
#all_menu .iconBox ul li:nth-of-type(1){ padding-left: 0;}
#all_menu .iconBox ul li:nth-of-type(4){ padding-right: 0; border: 0;}
#all_menu .iconBox ul li a{position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#all_menu .iconBox ul li a img{ display: block; height: 30px; margin: 0 auto; padding: 0 0 12px;}
#all_menu .iconBox ul li a em{position: absolute; left: 50%; transform: translateX(-50%); font-size: 0.8rem; color: #999999; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; white-space: nowrap;}

/* 햄버거메뉴 안 분류 */
.menu-container{ overflow-x: auto;}
.menu-container .menu-list { margin: 28px 0; display: block; border-bottom: 1px solid #eeeeee; overflow-y: auto; overflow-x: hidden;}
.menu-container .menu-list > li{text-align: left; padding: 17px 0 0; border-top: 1px solid #eeeeee;}
.menu-container .menu-list > li > a{ display: inline-block; margin: 0 0 17px; color: #333; font-size: 1.15em;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.menu-container .menu-list .catatitle a { font-size: 1.3rem; font-weight: bold;}

.menu-container .menu-list .toggle .accordion_toggle{float: right;}
.menu-container .menu-list .menu-submenu {display:none; padding: 16px 22px; border-top: 1px solid #eeeeee; font-size: 0;}
.menu-container .menu-list .menu-submenu li{ vertical-align: top;}
.menu-container .menu-list .menu-submenu li a { display: block; padding: 8px 0; text-align: left; color: #666; font-family: 'Noto Sans KR', sans-serif; font-size: .85rem; letter-spacing:0px;}
.menu-container .menu-list .menu-submenu li a:active{color: #000;}
.menu-container .menu-list .menu-submenu li a:hover { color:#000;}

.menu-list .toggle .accordion_toggle img{ transition-duration:0.3s; width: 50%; vertical-align: middle;}

.accordion_more.rotate {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     opacity: 0.5;
}
/* 네비영역 */
.navBox{ margin: 80px 0 10px; text-align: center; display: none; }
.navBox li{ display: inline-block;  height: 12px; line-height: 12px; margin: 0 0 12px;  padding: 0 10px; border-right: 1px solid #eee;}
.navBox li:last-of-type{border-right: 0}
.navBox li a{color: #888888; font-family: 'Noto Sans KR', sans-serif;}
.bodernon{border-right: 0 !important}
/* BASIC css end */