@charset "utf-8";

html,body {
	height: 100%;
	-webkit-tap-highlight: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: rgba(0,0,0,0);
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.clear:after {
	content: "";
	clear: both;
	display: block;
}

.icon-kakakotalk {
	background: transparent url(../img/icon/icon_kakaotalk_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_off.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_off.png) no-repeat 0 0;
}

.icon-kakakostory {
	background: transparent url(../img/icon/icon_kakaostory_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_off.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_off.png) no-repeat 0 0;
}

.icon-blog {
	background: transparent url(../img/icon/icon_blog_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_off.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_off.png) no-repeat 0 0;
}

.icon-facebook {
	background: transparent url(../img/icon/icon_facebook_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_off.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_off.png) no-repeat 0 0;
}

.icon-instagram {
	background: transparent url(../img/icon/icon_instagaram_off.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_off.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_off.png) no-repeat 0 0;
}


.icon-kakakotalk:hover,
.icon-kakakotalk.on {
	background: transparent url(../img/icon/icon_kakaotalk_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
	background-size: 31px 31px;
}

.icon-kakakostory:hover,
.icon-kakakostory.on {
	background: transparent url(../img/icon/icon_kakaostory_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
}


.icon-blog:hover,
.icon-blog.on {
	background: transparent url(../img/icon/icon_blog_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
}

.icon-facebook:hover,
.icon-facebook.on {
	background: transparent url(../img/icon/icon_facebook_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
}

.icon-instagram:hover,
.icon-instagram.on {
	background: transparent url(../img/icon/icon_instagaram_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
}

/**
*»ó´Ü icon¿ë Ãß°¡ 
**/
.icon-footer-kakakotalk {
	background: transparent url(../img/icon/icon_kakaotalk_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
}

.icon-footer-kakakostory {
	background: transparent url(../img/icon/icon_kakaostory_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
}

.icon-footer-blog {
	background: transparent url(../img/icon/icon_blog_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
}

.icon-footer-facebook {
	background: transparent url(../img/icon/icon_facebook_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
}

.icon-footer-instagram {
	background: transparent url(../img/icon/icon_instagaram_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
}


.icon-footer-kakakotalk:hover,
.icon-footer-kakakotalk.on {
	background: transparent url(../img/icon/icon_kakaotalk_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
	background-size: 31px 31px;
}

.icon-footer-kakakostory:hover,
.icon-footer-kakakostory.on {
	background: transparent url(../img/icon/icon_kakaostory_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
}


.icon-footer-blog:hover,
.icon-footer-blog.on {
	background: transparent url(../img/icon/icon_blog_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
}

.icon-footer-facebook:hover,
.icon-footer-facebook.on {
	background: transparent url(../img/icon/icon_facebook_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
}

.icon-footer-instagram:hover,
.icon-footer-instagram.on {
	background: transparent url(../img/icon/icon_instagaram_on.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
}
/**
*»ó´Ü icon¿ë Ãß°¡ ³¡
**/

.point-color01 {
	color: #a6a6a6 !important;
}

.point-color02 {
	color: #a76e40 !important;
}

.point-color03 {
	color: #ca4120 !important;
}

.point-color04 {
	color: #ff0000 !important;
}

.title0202 {
	color: #bc8e5d;
	font-size: 1.600em;
	line-height: 1.250em;
	margin-bottom: 30px;
}

.title0301 {
	color: #535353;
	font-size: 1.333em;
	line-height: 1.500em;
	margin-bottom: 35px;
}

.title0302 {
	color: #fff;
	font-size: 1.333em;
	line-height: 1.500em;
	margin-bottom: 25px;
	padding-left:10px;
}

.title0303 {
	color: #db8349;
	font-size: 1.600em;
	line-height: 1.250em;
	margin-bottom: 30px;
}

.title-quot-area {
	padding-top: 60px;
	padding-left: 40px;
	background: transparent url(../img/icon/icon_quot.png) no-repeat;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat;
	background-position: left 60px;
	background-size: 20px 17px; 
}

.title-quot-area.top-line {
	border-top: 1px solid #e5e5e5
}





.word-type01 {
	color: #777777;
	line-height: 2em;
	margin-bottom: 15px;
	word-break: keep-all;
}


.word-type02 {
	color: #474747;
	font-size: 1.200em;
	line-height: 1.667em;
	word-break: keep-all;
	text-align: center;
}

.word-type02 > span {
	display: block;
}

body {
	min-width: 320px;
	height: 100%;
	font-size: 93.8%;
	font-family: "notoKrR",sans-serif;
	color: #666667;
	list-style: none;
	line-height: 1em;
	letter-spacing: -0.05em;
	outline: 0;
	-webkit-text-size-adjust: none;
}

body.fixed-body {
	height: 100%;
	overflow: hidden;
}

/* skipToContent */
.skip-navigation a {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 1px;
	margin-top: -1px;
	background-color: #3875c1;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	overflow:hidden;
	visibility: hidden;
}

.skip-navigation a:focus,
.skip-navigation a:active {
	display: block;
	margin-top: 0;
	height: auto;
	padding: 10px 0px;
}

.wrapper {
	position: relative;
	margin: 0;
	padding-top: 136px;
	font-size: 1em;
	clear: both;
}

.wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.header-mobile {
	display: none;
}


/* header */
.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 136px;
	z-index: 100;
	background: transparent url(../img/common/bg_header.gif) repeat-x 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/common/bg_header@2x.gif) repeat-x 0 0;
	background: linear-gradient(transparent,transparent),url(../img/common/bg_header@2x.gif) repeat-x 0 0;
	background-size: 1px 136px;
}


/* gnb */
.gnb-wrapper {
	position: relative;
	max-width: 1260px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
}

.gnb-wrapper .left {
	position: absolute;
	top: 35px;
	left: 80px;
}

.gnb-wrapper .left li {
	float: left;
	margin-left: 20px;
}

.gnb-wrapper .left li:first-child {
	margin-left: 0;
}

.gnb-wrapper .left li a {
	display: block;
	font-size: 0.933em;
	color: #fff;
	opacity: 0.5;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gnb-wrapper .left li a:hover,
.gnb-wrapper .left li a.on {
	opacity: 1;
	color: #fff;
	border-bottom: 2px solid #ffffff;
}

.gnb-wrapper .right {
	position: absolute;
	top: 25px;
	right: 80px;
}

.gnb-wrapper .right .login-join {
	float: left;
}

.gnb-wrapper .right .login-join li {
	float: left;
	margin-right: 23px;
}

.gnb-wrapper .right .login-join li a {
	display: block;
	height: 31px;
	line-height: 31px;
	color: #fff;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gnb-wrapper .right .login-join li a:hover {
	opacity: 1;
}

.gnb-wrapper .right .sns-list {
	float: left;
}

.gnb-wrapper .right .sns-list li {
	float: left;
	margin-left: 8px;
}

.gnb-wrapper .right .sns-list li a {
	display: block;
	font-size: 0;
	width: 31px;
	height: 31px;
	text-indent: -5000em;

	background-size: 31px 31px;
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android */
	filter:gray; /* IE6-9 */
	-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0.8
}

.gnb-wrapper .right .sns-list li a:hover {
	-webkit-filter:grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	opacity: 1;
}


.gnb-wrapper h1 {
	position: absolute;
/*top: 24px;*/
	left: 50%;
	width: 170px;
	height: 32px;
	margin-left: -85px;
}

.gnb-wrapper h1 a,
.gnb-wrapper h1 a img {
	/*display: block;*/
}

.gnb-wrapper h1 a img {
	width: 141px;
}

.header-wrapper {
	height: 55px;
	text-align: center;
}

.header-wrapper.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	height: 55px;
	background: #000;
	z-index: 100;
}

.header-wrapper .top-menu {
	position: relative;
	margin: 0;
	padding: 0;
	max-width:1100px;
	margin: 0 auto;
}

.header-wrapper .top-menu > li {
	float: left;
	width: 16.666%;
	margin: 0;
}

.header-wrapper .top-menu > li > a {
	display: block;
	height: 60px;
	color: #8a8a8a;
	text-align: center;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-wrapper .top-menu > li > a span {
	height: 55px;
	line-height: 55px;
	display: inline-block;
	vertical-align: bottom;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	background: transparent url(../img/bg/bg_topmenu_line01.gif) repeat-x 0 100%;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bg/bg_topmenu_line01@2x.gif) repeat-x 0 100%;
	background: linear-gradient(transparent,transparent),url(../img/bg/bg_topmenu_line01@2x.gif) repeat-x 0 100%;
	background-size: 0px 0px;
}

.header-wrapper .top-menu > li > a:hover,
.header-wrapper .top-menu > li > a.selected,
.header-wrapper .top-menu > li > a.on {
	color: #a67c68;
}

.header-wrapper .top-menu > li > a:hover span,
.header-wrapper .top-menu > li > a.selected span,
.header-wrapper .top-menu > li > a.on span {
	background: transparent url(../img/bg/bg_topmenu_line01.gif) repeat-x 0 100%;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bg/bg_topmenu_line01@2x.gif) repeat-x 0 100%;
	background: linear-gradient(transparent,transparent),url(../img/bg/bg_topmenu_line01@2x.gif) repeat-x 0 100%;
	background-size: 2px 3px;
}

.header-wrapper .top-menu > li .submenu {
	display: none;
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	min-height: 365px;
	padding-right: 318px;
	background: #fff;
	text-align: left;
	z-index: 100;
}



.header-wrapper .top-menu > li .submenu dl {
	position: relative;
	margin: 0;
	padding: 28px 0 28px 229px;
	min-height: 365px;
	background: transparent url(../img/bg/bg_submenu.gif) repeat-y left top;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bg/bg_submenu@2x.gif) repeat-y left top;
	background: linear-gradient(transparent,transparent),url(../img/bg/bg_submenu@2x.gif) repeat-y left top;
	background-size: 782px 2px;
}

.header-wrapper .top-menu > li .submenu dl:after {
	content: "";
	clear: both;
	display: block;
}

.header-wrapper .top-menu > li .submenu dl dt {
	position: absolute;
	top: 40px;
	left: 40px;
	color: #503b25;
	font-size: 1.867em;
	line-height: 1.143em;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.header-wrapper .top-menu > li .submenu dl dt .span-br {
	display: block;
}

.header-wrapper .top-menu > li .submenu dl dd {
	display: block;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2 {
	display: block;
	width: 277px;
	padding: 15px 25px;
	color: #444449;
	line-height: 1em;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2 .arrow {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 12px;
	margin-left: 15px;
	margin-top: 2px;
	background: transparent url(../img/icon/icon_submenu_depth1.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background-size: 12px 12px;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2:hover,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2.on,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2.selected {
	background: #b99d7f;
	color: #fff;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2:hover .arrow, 
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2.on .arrow,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2.selected .arrow {
	background: transparent url(../img/icon/icon_submenu_depth1_on.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x_on.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x_on.gif) no-repeat 0 0;
	background-size: 12px 12px;
}

/****/
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1 {
	display: block;
	width: 277px;
	padding: 15px 25px;

	line-height: 1em;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1 .arrow {
	display: inline-block;
	vertical-align: top;
	width: 12px;
	height: 12px;
	margin-left: 15px;
	margin-top: 2px;
	background: transparent url(../img/icon/icon_submenu_depth1.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background-size: 12px 12px;
}


.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1:hover,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1.on,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1.selected {
	background: #b99d7f;
	color: #fff;
}

.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1:hover .arrow, 
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1.on .arrow,
.header-wrapper .top-menu > li .submenu dl dd .submenu-depth2-1.selected .arrow {
	background: transparent url(../img/icon/icon_submenu_depth1_on.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x_on.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x_on.gif) no-repeat 0 0;
	background-size: 12px 12px;
}
/****/

.header-wrapper .top-menu > li .submenu dl dd ul {
	display: none;
	position: absolute;
	top: 0;
	left: 506px;
	padding: 28px 0 0 0;

}

.header-wrapper .top-menu > li .submenu dl dd ul.selected,
.header-wrapper .top-menu > li .submenu dl dd ul.on {
	display: block;
}

,
.header-wrapper .top-menu > li .submenu dl dd ul.hide {
	display: none;
}


.header-wrapper .top-menu > li .submenu dl dd ul li {
	display: block;
}

.header-wrapper .top-menu > li .submenu dl dd ul li a {
	display: block;
	padding: 15px 25px;
	color: #444449;
	line-height: 1em;
}

.header-wrapper .top-menu > li .submenu dl dd ul li a:hover,
.header-wrapper .top-menu > li .submenu dl dd ul li a.on,
.header-wrapper .top-menu > li .submenu dl dd ul li a.selected {
	color: #b99d7f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.header-wrapper .top-menu > li .submenu dl dd ul li a:hover .arrow,
.header-wrapper .top-menu > li .submenu dl dd ul li a.on .arrow,
.header-wrapper .top-menu > li .submenu dl dd ul li a.selected .arrow {
	display: inline-block;
	vertical-align: top;
	width: 7px;
	height: 11px;
	margin-left: 15px;
	margin-top: 3px;
	background: transparent url(../img/icon/icon_submenu_depth2_on.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth2@2x_on.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth2@2x_on.gif) no-repeat 0 0;
	background-size: 7px 11px;
}


.header-wrapper .top-menu > li .submenu dl dd ul li a:hover .arrow.child,
.header-wrapper .top-menu > li .submenu dl dd ul li a.on .arrow.child,
.header-wrapper .top-menu > li .submenu dl dd ul li a.selected .arrow.child {
	width: 12px;
	height: 12px;
	background: transparent url(../img/icon/icon_submenu_depth1.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_submenu_depth1@2x.gif) no-repeat 0 0;
	background-size: 12px 12px;
}


.header-wrapper .top-menu > li .submenu .submenu-banner-area {
	position: absolute;
	top: 0;
	right: 0;
	padding: 40px 40px 40px 0;
}

.header-wrapper .top-menu > li .submenu .submenu-banner-area a,
.header-wrapper .top-menu > li .submenu .submenu-banner-area a img {
	display: block;
}

.header-wrapper .top-menu > li .submenu2,
.header-wrapper .top-menu > li .submenu2 dl {
	min-height: 408px;
}


.mask-totalmenu-pc,
.mask-submenu {
	display: none;
	position: fixed;
	top: 136px;
	left: 0;
	width: 100%;
	height: calc(100% - 136px);
	background: #000;
	opacity: 0.5;
}

.totalmenu-wrapper-pc {
	display: none;
	position: absolute;
	top: 136px;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: #fff;
	z-index: 10;
}

.header-wrapper.fixed .mask-totalmenu-pc,
.header-wrapper.fixed .mask-submenu {
	position: fixed;
	top: 55px;
	height: calc(100% - 55px);
}

.header-wrapper.fixed .submenu,
.header-wrapper.fixed .totalmenu-wrapper-pc {
	top: 55px;
}

.totalmenu-wrapper-pc .totalmenu-area-pc {
	max-width: 1100px;
	margin: 0 auto;
}

.totalmenu-wrapper-pc .totalmenu-area-pc .totalmenu-box dl {
	float: left;
	width: 16.666%;
}

.totalmenu-wrapper-pc .totalmenu-area-pc dl dt {
	display: none;
}


.totalmenu-wrapper-pc .totalmenu-area-pc dl dd,
.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul {
	margin: 0;
	padding: 0;
}

.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul li {
	display:block;
}

.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul li a {
	display: inline-block;
	color: #888888;
	font-size: 1.067em;
	line-height: 2.125em;
}

.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul li a:hover,
.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul li a.selected,
.totalmenu-wrapper-pc .totalmenu-area-pc dl dd ul li a.on {
	color: #a67c68;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}




.sub-visual-area {
	height: 230px;
	position: relative;
}

.sub-visual-area.bg01 {
	background: #000 url(../img/sub01/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg02 {
	background: #000 url(../img/sub02/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg03 {
	background: #000 url(../img/sub03/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg04 {
	background: #000 url(../img/sub04/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg05 {
	background: #000 url(../img/sub05/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg06 {
	background: #000 url(../img/sub06/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg07 {
	background: #000 url(../img/sub07/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg08 {
	background: #000 url(../img/sub08/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg09 {
	background: #000 url(../img/sub09/sub_visual.jpg) no-repeat center top;
}
.sub-visual-area.bg10 {
	background: #000 url(../img/sub10/sub_visual.jpg) no-repeat center top;
}

.sub-visual-area p {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	color: #fff;
	width: 100%;
	margin-top: -16px;
	font-size: 2.133em;
	line-height: 1em;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	opacity: 0.7
}
.container {
	position: relative;
	padding-top: 51px;
	/*
	padding-bottom: 100px;
	*/
}

.contents-navigation-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	z-index: 10;
}

.contents-navigation-area,
.contents-navigation-area::before,
.contents-navigation-area::after {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.contents-navigation-area.fixed {
	position: fixed;
	top: 55px;
	z-index: 50;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(174,174,174,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(174,174,174,0.4);
	box-shadow: 0px 3px 5px 0px rgba(174,174,174,0.4);
}


.container .contents-navigation-area .contents-navigation {
	margin: 0 auto;
	max-width: 1060px;
	height: 50px;
	line-height: 50px;
}

.container .contents-navigation-area .contents-navigation .icon-home {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 16px;
	text-indent: -5000em;
	background: transparent url(../img/icon/icon_home.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_home@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_home@2x.png) no-repeat 0 0;
	background-size: 14px 16px;
}

.container .contents-navigation-area .contents-navigation .icon-gt {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 16px;
	margin: 0 19px;
	text-indent: -5000em;
	background: transparent url(../img/icon/icon_gt.gif) no-repeat 0 50%;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_gt@2x.gif) no-repeat 0 50%;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_gt@2x.gif) no-repeat 0 50%;
	background-size: 6px 9px;
}

.container .contents-navigation-area .contents-navigation .location {
	display: inline-block;
	vertical-align: middle;
	color: #555555;
}

.container .contents-navigation-area .contents-navigation strong {
	display: inline-block;
	vertical-align: middle;
	color: #a76e40;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
}

.bg-type02 {
	background: #fafafa
}

.contents {
	padding: 50px 0;
	max-width: 1060px;
	margin: 0 auto;
}

.contents.type02 {
	padding: 80px 0;
	width: 100%;
	max-width: 100%;
	background: #f5f5f5
}

.contents.type03 {
	padding-top: 50px;
	max-width: initial;
	margin: 0 auto;
}


.contents-title {
	height: 52px;
	color: #333333;
	font-size: 2.400em;
	line-height: 1em;
	text-align: center;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	background: transparent url(../img/bg/bg_contents_title01.gif) no-repeat 50% 100%;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bg/bg_contents_title01@2x.gif) no-repeat 50% 100%;
	background: linear-gradient(transparent,transparent),url(../img/bg/bg_contents_title01@2x.gif) no-repeat 50% 100%;
	background-size: 30px 2px;
	margin-bottom: 25px;
}

.word-contents-slogon {
	color: #777777;
	line-height: 1.600em;
	text-align: center;
	margin-bottom: 70px;
}


.word-contents-slogon-under {
	color: #777777;
	line-height: 1.600em;
	text-align: left;
	margin-bottom: 10px;
	font-size:0.9em;
}

.contents-wrapper {
	max-width: 1060px;
	min-height: 300px;
	margin: 0 auto;
}

.contents-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.contents-wrapper.type02 {
	padding: 0 2%;
}


.footer {
	background: #292929;
	text-align: center;
}

.footer-banner01 {
	background: #333;
	padding: 43px 0 37px 0;
}

.footer-banner01 ul {
	display: block;
	max-width: 1100px;
	margin: 0 auto;
}

.footer-banner01 ul li {
	float: left;
	width: 50%;
	text-align:center;
}

.footer-banner01 ul li:first-child {
	margin-left: 0;
}

.footer-banner01 ul li a {
	display: block;
	max-width: 175px;
	padding: 0 5px;
	margin: 0 auto;
}

.footer-banner01 ul li a img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 175px;
}

.footer-wrapper {
	max-width: 1100px;
	padding: 45px 0 40px 0;
	margin: 0 auto;
}

.footer-wrapper .footer-menu {
	margin-bottom: 25px;
}

.footer-wrapper .footer-menu li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
}

.footer-wrapper .footer-menu li a {
	color: #919191;
	font-size: 0.933em
}


.footer-wrapper .footer-menu li a.on,
.footer-wrapper .footer-menu li a:hover {
	color: #fff;
}

.footer-wrapper .company-information {
	margin-bottom: 10px;
	color: #777779;
	font-size: 0.933em
}

.footer-wrapper .company-information span,
.footer-wrapper .company-information address {
	display: inline;
	margin: 0 8px;
	font-style: normal;
}

.footer-wrapper .company-information .word-company {
	color: #555559;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.footer-wrapper .copyright {
	display: block;
	margin-bottom: 25px;
	color: #666667;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	font-size: 0.800em
}

.footer-wrapper .sns-list {
	margin: 0;
	padding: 0;
}

.footer-wrapper .sns-list li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.footer-wrapper .sns-list li a {
	display: block;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	text-indent: -5000em;
	/*filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /*     Firefox 10+, Firefox on Android 
	filter:gray; /* IE6-9 
	-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS 
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*opacity: 0.8*/
}

.footer-wrapper .sns-list li a:hover {
	-webkit-filter:grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	opacity: 1
}

.footer-wrapper .sns-list li a img {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
}


.btn-top-go {
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: 230px;
	text-align: center;
	color: #fff;
	background: #575a5b;
	border-radius: 2px;
	opacity: 0.9;
	font-size: 0.867em;
	z-index: 10;
}

.btn-mobile-back {
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: 292px;
	color: #fff;
	background: #575a5b;
	border-radius: 2px;
	opacity: 0.9;
	font-size: 0.867em;
	z-index: 10;
}

.aside-menu-wrapper {
	position: absolute;
	top: 480px;
	left: 50%;
	margin-left: 571px;
	width: 60px;
}

.aside-menu-wrapper.fixed {
	position: fixed;
	top: 115px;
}

.aside-menu-wrapper ul {
	margin-bottom: 5px;
}

.aside-menu-wrapper ul li {
	display: block;
	border-top: 1px solid #393939;
}

.aside-menu-wrapper ul li:first-child {
	border-top: 0;
}

.aside-menu-wrapper ul li a {
	display: block;
	padding: 15px 0;
	background: #4c4c4c;
	color: #fff;
	height: 60px;
	font-size: 0.867em;
	line-height: 1.154em;
	text-align: center;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.aside-menu-wrapper ul li a.line-one {
	padding: 0;
	height: 60px;
	line-height: 60px;
}

.aside-menu-wrapper ul li a:hover {
	background: #393939
}

.aside-menu-wrapper .banner {
	display: block;
	margin-bottom: 5px;
}

.aside-menu-wrapper .banner a,
.aside-menu-wrapper .banner a img {
	display: block;
	width: 60px;
}

.aside-menu-wrapper .btn-top {
	display: block;
	width: 60px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.aside-menu-wrapper .btn-top img {
	display: block;
	width: 60px;
}

.span-br {
	display: block;
}

.aside-sub-banner-wrapper {
	display: none;
}

.mobile-event-banner {
	display: none;
}

.layerpopup-form-area .form-body .application-area .application-form dl dd .deptn2 {
	float: left;
	width: 47%;
	margin-left: 2%;
	height: 35px;
	line-height: 35px;
}

.layerpopup-form-area .form-body .application-area .application-form dl dd .deptn2 label,
.layerpopup-form-area .form-body .application-area .application-form dl dd .deptn2 input[type="radio"] {
	display: inline-block;
	vertical-align: middle;
}

.layerpopup-form-area .form-body .application-area .application-form dl dd .deptn2:first-child {
	margin-left: 0;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.4);
	z-index: 1000
}


@media only all and (max-width: 1260px) {
	.aside-menu-wrapper {
		left: 100%;
		margin-left: -60px;
	}
}

@media only all and (max-width: 1198px) {
	.aside-menu-wrapper {
		display: none;
	}

	.gnb-wrapper .left {
		left: 40px;
	}

	.gnb-wrapper .right {
		right: 40px;
	}

	.container .contents-navigation-area .contents-navigation {
		padding: 0 20px;
	}

	.contents {
		padding: 50px 20px;
	}
}

@media only all and (max-width: 1023px) {
	.wrapper {
		padding-top: 50px;
	}
	.header {
		display: none;
	}

	.header-mobile {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		z-index: 100;
		background: #000000;
	}

	.header-mobile h1 {
		float: left;
		margin-top: 12px;
		margin-left: 20px;
	}

	.header-mobile h1 a {
		display: block;
	}

	.header-mobile h1 a img {
		display: inline-block;
		vertical-align: middle;
		width: 100px;
	}

	.header-mobile .btn-totalmenu {
		float: right;
		width: 30px;
		height: 24px;
		margin-top: 13px;
		margin-right: 20px;
		text-indent: -5000em;

		background: transparent url(../img/common/btn_totalmenu.gif) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/common/btn_totalmenu@2x.gif) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/common/btn_totalmenu@2x.gif) no-repeat 0 0;
		background-size: 30px 24px;
	}

	.mask-totalmenu {
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: calc(100% - 50px);
		opacity: 0.5;
		z-index: 10;
		background: #000;
	}
		
	.totalmenu-wrapper-mobile {
		position: fixed;
		top: 0;
		right: 0;
		margin-right: 0;
		width: 320px;
		height: 100%;
		padding-top: 50px;

		margin-right: -320px;

		z-index: 10000;
		opacity: 1;
		border: 0px solid red;
	}


	.totalmenu-list-area {
		clear: both;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
		background: #fff;
	}

	.totalmenu-list-area .login-select-wrapper {
		padding: 20px 20px 25px 20px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area {
		padding-bottom: 15px;
	}	

	.totalmenu-list-area .login-select-wrapper .login-select-area .login-join {
		float: left;
		color: #666669;
		margin-top: 8px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .login-join a {
		float: left;
		margin-left: 10px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .login-join a:first-child {
		margin-left: 0;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list {
		float: right;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li {
		float: left;
		width: 24px;
		margin-left: 5px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a {
		display: block;
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
		text-indent: -1000em;
	}


	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a.icon-kakakotalk {
		background: transparent url(../img/icon/icon_kakaotalk_on.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaotalk@2x_on.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a.icon-kakakostory {
		background: transparent url(../img/icon/icon_kakaostory_on.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_kakaostory@2x_on.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a.icon-blog {
		background: transparent url(../img/icon/icon_blog_on.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_blog@2x_on.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a.icon-facebook {
		background: transparent url(../img/icon/icon_facebook_on.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_facebook@2x_on.png) no-repeat 0 0;
		background-size: 24px 24px;
	}

	.totalmenu-list-area .login-select-wrapper .login-select-area .sns-list li a.icon-instagram {
		background: transparent url(../img/icon/icon_instagaram_on.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_instagaram@2x_on.png) no-repeat 0 0;
		background-size: 24px 24px;
	}



	.totalmenu-list-area .login-select-wrapper select {
		display: block;
		width: 100%;
		height: 40px;
		text-indent: 15px;
		border: 1px solid #dedfe3;
		border-radius: 0;
		-webkit-appearance: none;
		appearance: none;
		background: url(../img/icon/icon_selected_arrow_down01.png) no-repeat 95% 50%;
		background-size: 9px 5px;
	}

	.totalmenu-list-area .login-select-wrapper select:focus {
		background: url(../img/icon/icon_selected_arrow_up01.png) no-repeat 95% 50%;
		background-size: 9px 5px;
	}

	.totalmenu-list-area .login-select-wrapper select option {
		text-indent: 15px;
	}
	
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box {
		padding: 0 20px;
	}
	
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box {
		margin: 0;
		padding: 0;
	
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl {
		display: block;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl dt {
		position: relative;
		display: block;
		padding: 15px;
		color: #222229;
		font-size: 1.133em;
		line-height: 1em;
		text-align: center;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
		text-align: center;
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		margin-top: -1px;
	}
	
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl dt.on,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl dt.selected {
		background: #c39e7c;
		color: #fff;
	}


	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl dt .span-br {
		display: inline;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box {
		display: none;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box.selected,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box.on {
		display: block;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd {
		display: block;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2 {
		position: relative;
		display: block;
		padding: 15px 17px;
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		margin-top: -1px;
		color: #ae8762;
		font-size: 1.063em;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2 .arrow {
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 13px;
		height: 8px;
		margin-top: -4px;
		background: url(../img/icon/icon_arrow_down01.png) no-repeat 0 0;
		background-size: 13px 8px;
	}
	
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2:hover,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2.selected,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2.on {
		border-top: 1px solid #9b6738;
		border-bottom: 1px solid #9b6738;
		z-index: 1;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2:hover .arrow,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2.selected .arrow,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd .submenu-depth2.on .arrow {
		background: url(../img/icon/icon_arrow_up01.png) no-repeat 0 0;
		background-size: 13px 8px;
	}
	

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul, 
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul li {
		display: block;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul {
		display: none;
		padding: 10px 22px
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul.selected,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul.on {
		display: block;
	}

	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul li a {
		position: relative;
		display: block;
		padding: 10px 15px;
		color: #555559;
		font-size: 1.133em;
		line-height: 1em;
		background: transparent url(../img/bul/bul_list_type01.gif) no-repeat 0 center;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/bul/bul_list_type01@2x.gif) no-repeat 0 center;
		background: linear-gradient(transparent,transparent),url(../img/bul/bul_list_type01@2x.gif) no-repeat 0 center;
		background-size: 4px 1px;
	}


	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul li a:hover,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul li a.selected,
	.totalmenu-wrapper-mobile .totalmenu-list-area .totalmenu-list-box .totalmenu-box dl .depth2-box dd ul li a.on {
		color: #b08a68;
		font-family: "notoKrM", sans-serif;
		font-weight: 500;
	}

	.totalmenu-wrapper-mobile .btn-totalenu-mobile-close {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50px;
		border: 0;
		border-radius: 0;
		display: block;
		text-indent: -5000em;
		background: transparent url(../img/btn/btn_close01.gif) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/btn/btn_close01@2x.gif) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/btn/btn_close01@2x.gif) no-repeat 0 0;
		background-size: 50px 50px;
		-webkit-appearance: none;
		appearance: none;
	}

	.container {
		padding-top: 0;
	}

	.container .contents-navigation-area {
		display: none;
	}

	.contents {
		padding: 75px 20px 50px 20px;
	}

	.contents.type02 {
		padding: 75px 20px
	}

	.contents-wrapper:after {
		content: "";
		clear: both;
		display: block;
	}

	.contents-wrapper.type02 {
		padding: 0;
	}


	.footer-banner01 {
		background: #333;
		padding: 25px 20px;
	}

	.footer-wrapper {
		padding: 35px 20px;
	}

	.footer-wrapper .company-information {
		line-height: 1.600em;
	}

	.footer-wrapper .company-information address {
		display: block;
		margin: 0;
	}

	.btn-top-go,
	.btn-mobile-back {
		display: none;
		position: fixed;
		margin-top: 0;
		top: auto;
		bottom: 100px;
	}

	.btn-top-go {
		right: 20px;
	}
	.btn-mobile-back {
		left: 20px;
	}

	.word-type02 {
		color: #474747;
		font-size: 1.067em;
		line-height: 1.500em;
	}


	.mobile-event-banner {
		display: block;
		position: fixed;
		top: 50px;
		right: 10px;
		width: 170px;
		padding: 0 10px;
		z-index: 1000;
		text-align: left;
	}

	.mobile-event-banner .event-banner {
		display: inline-block;
		vertical-align: middle;
		max-width: 200px;
	}

	.mobile-event-banner .btn-close {
		position: absolute;
		top: 8px;
		right: 0;
		margin-right: 0;
		width: 20px;
		height: 20px;
	}

	.mobile-event-banner .event-banner > img,
	.mobile-event-banner .btn-close > img {
		display: block;
		width: 100%;
	}

}


@media only all and (max-width: 767px) {

	.contents.type02 {
		padding: 50px 20px
	}

	.contents.type03 {
		padding: 50px 0
	}

	.footer-banner01 {
		padding: 15px 20px;
	}

	.footer-banner01 ul li {
		float: left;
		width: 32%;
		margin-right: 2%;
		padding: 10px 0;
	}

	.footer-banner01 ul li:nth-child(3n) {
		margin-right: 0;
	}

	.span-mobile-br {
		display: block;
	}


	.word-type02 span {
		display: inline;
	}

	.aside-sub-banner-wrapper {
		position: fixed;
		bottom: 0;
		left: 0;
		margin-left: -100%;
		display: block;
		width: 100%;
		-webkit-transition: all 1.5s ease-in-out;
		transition: all 1.5s ease-in-out;
	}

	.aside-sub-banner-wrapper.on {
		margin-left: 0;
	}

	.aside-sub-banner-wrapper.none-fixed {
		position: relative;
		bottom: none;
		left: none;
	}

	.aside-sub-banner-wrapper > a {
		display: block;
		background: #292929;
	}

	.aside-sub-banner-wrapper > a > img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media only all and (max-width: 639px) {
	.container {
		padding-bottom: 50px;
	}


	.sub-visual-area {
		position: relative;
		height: 260px;
		background-size: cover;
	}

	.sub-visual-area.bg01 {
		background: #000 url(../img/sub01/sub_visual_mobile.jpg) no-repeat center top;
	}

	.sub-visual-area.bg02 {
		background: #000 url(../img/sub02/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg03 {
		background: #000 url(../img/sub03/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg04 {
		background: #000 url(../img/sub04/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg05 {
		background: #000 url(../img/sub05/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg06 {
		background: #000 url(../img/sub06/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg07 {
		background: #000 url(../img/sub07/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg08 {
		background: #000 url(../img/sub08/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg09 {
		background: #000 url(../img/sub09/sub_visual_mobile.jpg) no-repeat center top;

	}

	.sub-visual-area.bg10 {
		background: #000 url(../img/sub10/sub_visual_mobile.jpg) no-repeat center top;
		background-size: 640px;
	}



	.btn-top-go,
	.btn-mobile-back {
		bottom: 70px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 0.733em
	}

	.title0202 {
		color: #bc8e5d;
		font-size: 1.333em;
		line-height: 1.350em;
		margin-bottom: 15px;
	}

	.title0301 {
		color: #535353;
		font-size: 1em;
		line-height: 1.200em;
		margin-bottom: 25px;
	}

	.title0302 {
		color: #fff;
		font-size: 1em;
		line-height: 1.200em;
		margin-bottom: 15px;
		padding-left: 5px;
	}

	.title0303 {
		color: #db8349;
		font-size: 1.333em;
		line-height: 1.350em;
		margin-bottom: 15px;
	}


	.word-type01 {
		font-size: 1em;
		line-height: 1.333em;
		margin-bottom: 15px;
		word-break: keep-all;
	}

	.word-type02 {
		font-size: 0.867em;
		line-height: 1.385em;

	}
}


@media only all and (max-width: 475px) {
	.sub-visual-area {
		height: 230px;
	}


	.sub-visual-area.bg01 p {
		margin-top: -15px;
	}

	.contents {
		padding: 55px 15px 0 15px;
	}

	.contents-title {
		height: auto;
		font-size: 1.800em;
		line-height: 1em;
		padding-bottom: 20px;
	}

	.word-contents-slogon {
		line-height: 1.333em;
		margin-bottom: 35px;
	}

	.footer-banner01 {
		padding: 20px 15px;
	}

	.footer-banner01 ul li {
		width: 49%;
		margin-right: 0;
		padding: 5px 0;
	}

	.footer-banner01 li:nth-child(odd) {
		float: right;
	}

	.footer-wrapper {
		padding: 25px 15px;
	}

	.footer-wrapper .footer-menu li {
		margin: 0 2%;
	}

	.btn-top-go {
		right: 10px;
	}

	.btn-mobile-back {
		left: 10px;
	}

}

@media only all and (max-width: 360px) {
	.sub-visual-area {
		height: 200px;
	}


	.contents {
		padding: 55px 10px 0 10px;
	}

	.footer-wrapper .footer-menu li a {
		font-size: 0.800em
	}

	.footer-wrapper .company-information {
		font-size: 0.800em
	}

}