/*!
 * jquery-drawer v3.2.0
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-nav {
	position: fixed; z-index: 101; top: 0; overflow: hidden; width: 100%; height: 100%; color: #222; background-color: #fff;
}

@media only screen and (max-width:320px) { /*.drawer-nav {width:260px;}*/
}

.drawer-nav>.foot_btn {
	position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #fff; border-top: solid 1px #e5e5e5; z-index: 100
}

.drawer-nav>.foot_btn ul {
	overflow: hidden
}

.drawer-nav>.foot_btn ul li {
	float: left; width: 25%
}

.drawer-nav>.foot_btn ul li a {
	display: block; position: relative; width: 100%; box-sizing: border-box; padding: 38px 0 8px; text-align: center; line-height: 1.2em; font-family: 'notokr-r'; font-size: 11px; letter-spacing: -.05em; color: #333
}

.drawer-nav>.foot_btn ul li a:before {
	content: ''; display: block; position: absolute; width: 60px; height: 60px; top: 20px; left: 50%; background: url(/img/mobile/ico_gnb_set.png) 0 -40px no-repeat; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); zoom: 0.5
}

.drawer-nav>.foot_btn ul li.ig02 a:before {
	background-position: -60px -40px
}

.drawer-nav>.foot_btn ul li.ig03 a:before {
	background-position: -120px -40px
}

.drawer-nav>.foot_btn ul li.ig04 a:before {
	background-position: -180px -40px
}

.drawer-nav>.foot_btn ul li a .new {
	position: absolute; top: 3px; right: 7px; display: inline-block; width: 14px; height: 14px; border-radius: 50%; line-height: 14px; text-align: center; color: #fff; background: #f5580d;
}

.drawer-brand {
	display: block; text-align: center; padding: 15px 0; border-bottom: 2px solid #1e1540;
}

.drawer-brand>h1 {
	
}

.drawer-brand>h1 em {
	text-indent: -9999px; display: inline-block; margin: 0 auto; width: 120px; height: 40px; background: #fff url(/img/mobile/damoa_logo.png) no-repeat; background-size: 100% auto;
}

.drawer-brand>.src {
	font-size: 14px; color: #2598e7;
}

.drawer-menu {
	margin: 0; padding: 0; list-style: none; padding-bottom: 100px;
}

.drawer-menu-item {
	font-size: 14px; display: block; padding: 10px 0 10px 10px; text-decoration: none; color: #000; font-weight: 400; border-bottom: 1px solid #dcdcdc;
}

.mbult {
	vertical-align: middle; display: inline-block; width: 35px; height: 29px;
}

.m_icon01 {
	background: #fff url(/img/mobile/icon01.png) no-repeat; background-size: 100% auto;
}

.m_icon02 {
	background: #fff url(/img/mobile/icon02.png) no-repeat; background-size: 100% auto;
}

.m_icon03 {
	background: #fff url(/img/mobile/icon03.png) no-repeat; background-size: 100% auto;
}

.m_icon04 {
	background: #fff url(/img/mobile/icon04.png) no-repeat; background-size: 100% auto;
}

.m_icon05 {
	background: #fff url(/img/mobile/icon05.png) no-repeat; background-size: 100% auto;
}

.m_icon06 {
	background: #fff url(/img/mobile/icon06.png) no-repeat; background-size: 100% auto;
}

.drawer-menu-item:hover {
	/* text-decoration: underline; */
	color: #111; background-color: transparent;
}

/*! overlay */
.drawer-overlay {
	position: fixed; z-index: 100; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5);
}

.drawer-open .drawer-overlay {
	display: block;
}
/*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top .drawer-nav {
	top: -100%; left: 0; width: 100%; height: auto; max-height: 100%; -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
	top: 0;
}

.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger {
	right: 0;
}
/*!------------------------------------*\
    Left
\*!------------------------------------*/
.drawer--left .drawer-nav {
	left: -280px; -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
	left: 280px;
}
/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
	right: -100%; -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
	right: 0;
}

@media only screen and (max-width:320px) {
	.drawer--right.drawer-open .drawer-hamburger {
		right: 0;
	}
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
	position: fixed; z-index: 104; top: 0; display: block; box-sizing: content-box; width: 1.6rem; padding: 0; padding-top: 17px; padding-right: 12px; padding-bottom: 30px; padding-left: .75rem; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 0; outline: 0; background-color: transparent;
}

.drawer-hamburger:hover {
	cursor: pointer; background-color: transparent;
}

.drawer-hamburger-icon {
	position: relative; display: block; margin-top: 7px;
}

.drawer-hamburger-icon,.drawer-hamburger-icon:before,.drawer-hamburger-icon:after {
	width: 100%; height: 2px; -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000); background-color: #222;
}

.drawer-hamburger-icon:before,.drawer-hamburger-icon:after {
	position: absolute; top: -7px; left: 0; content: ' ';
}

.drawer-hamburger-icon:after {
	top: 7px;
}

.drawer-open .drawer-hamburger-icon {
	background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after {
	top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #000;
}

.drawer-open .drawer-hamburger-icon:after {
	-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #000;
}
/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
	position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,.sr-only-focusable:focus {
	position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0;
}
/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
	background-color: #fff;
}

.drawer--sidebar .drawer-contents {
	background-color: #fff;
}

@media ( min-width : 64em) {
	.drawer--sidebar .drawer-hamburger {
		display: none; visibility: hidden;
	}
	.drawer--sidebar .drawer-nav {
		display: block; -webkit-transform: none; -ms-transform: none; transform: none; position: fixed; width: 12.5rem; height: 100%;
	}

	/*! Left */
	.drawer--sidebar.drawer--left .drawer-nav {
		left: 0; border-right: 1px solid #ddd;
	}
	.drawer--sidebar.drawer--left .drawer-contents {
		margin-left: 12.5rem;
	}

	/*! Right */
	.drawer--sidebar.drawer--right .drawer-nav {
		right: 0; border-left: 1px solid #ddd;
	}
	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 12.5rem;
	}

	/*! container */
	.drawer--sidebar .drawer-container {
		max-width: 48rem;
	}
}

@media ( min-width : 75em) {
	.drawer--sidebar .drawer-nav {
		width: 280px;
	}
	.drawer--sidebar.drawer--left .drawer-contents {
		margin-left: 280px;
	}
	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 280px;
	}

	/*! container */
	.drawer--sidebar .drawer-container {
		max-width: 60rem;
	}
}
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
	padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
	border-bottom: 1px solid #ddd; background-color: #fff;
}

.drawer-navbar {
	z-index: 102; top: 0; width: 100%;
}

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
	position: fixed;
}

.drawer-navbar-header {
	position: relative; z-index: 102; box-sizing: border-box; width: 100%; height: 3.75rem; padding: 0 .75rem; text-align: center;
}

.drawer-navbar .drawer-brand {
	line-height: 3.75rem; display: inline-block; padding-top: 0; padding-bottom: 0; text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
	background-color: transparent;
}

.drawer-navbar .drawer-nav {
	padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
	padding-bottom: 7.5rem;
}

@media ( min-width : 64em) {
	.drawer-navbar {
		height: 3.75rem; border-bottom: 1px solid #ddd; background-color: #fff;
	}
	.drawer-navbar .drawer-navbar-header {
		position: relative; display: block; float: left; width: auto; padding: 0; border: 0;
	}
	.drawer-navbar .drawer-menu--right {
		float: right;
	}
	.drawer-navbar .drawer-menu li {
		float: left;
	}
	.drawer-navbar .drawer-menu-item {
		line-height: 3.75rem; padding-top: 0; padding-bottom: 0;
	}
	.drawer-navbar .drawer-hamburger {
		display: none;
	}
	.drawer-navbar .drawer-nav {
		position: relative; left: 0; overflow: visible; width: auto; height: 3.75rem; padding-top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
	}
	.drawer-navbar .drawer-menu {
		padding: 0;
	}

	/*! dropdown */
	.drawer-navbar .drawer-dropdown-menu {
		position: absolute; width: 280px; border: 1px solid #ddd;
	}
	.drawer-navbar .drawer-dropdown-menu-item {
		padding-left: .75rem;
	}
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
	display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0; background-color: #fff;
}

.drawer-dropdown-menu>li {
	width: 100%; list-style: none;
}

.drawer-dropdown-menu-item {
	display: block; padding: 0; padding: 12px; padding-left: 42px; text-decoration: none; color: #111; border-bottom: 1px solid #cdcdcd; background: #efefef;
}

.drawer-dropdown-menu-item:before {
	content: '- ';
}

.drawer-dropdown-menu-item:hover {
	text-decoration: none; color: #fff; background-color: #00abf3; border-bottom: 1px solid #2598e7;
}

/*! open */
.drawer-dropdown.open>.drawer-dropdown-menu {
	display: block;
}

/*! drawer-caret */
.drawer-dropdown .drawer-caret {
	position: absolute; right: 12px; margin-top: 10px; display: inline-block; width: 0; height: 0; margin-left: 4px; -webkit-transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, -webkit-transform .2s ease; transition: transform .2s ease, opacity .2s ease; transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); vertical-align: middle;
	/*  border-top: 6px solid #999;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent; */ width: 16px; height: 16px; background: url(/img/mobile/navi_bult.png) no-repeat;
}

/*! open */
.drawer-dropdown.open .drawer-caret {
	-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: url(/img/mobile/navi_bult.png) no-repeat;
}
/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
	margin-right: auto; margin-left: auto;
}

@media ( min-width : 64em) {
	.drawer-container {
		max-width: 60rem;
	}
}

@media ( min-width : 75em) {
	.drawer-container {
		max-width: 70rem;
	}
}