@charset "utf-8";
@import "./contents.css?t=3";
::-webkit-scrollbar{height: 1px; width: 1px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#fff;}

#intro {
	min-width:320px;
	width:100%;
	height:100vh;
	position: relative;
	background: #7e3f97;
}

#intro .intro_bg_768 {
	display: none;
	min-width:768px;
	max-width: 1024px;
	width:100%;
	position: absolute;
	left: 0;
	top:0;
	margin:auto;
}
#intro .intro_bg {
	display: block;
	min-width:320px;
	max-width: 768px;
	width:100%;
	position: absolute;
	left: 0;
	top:0;
	margin:auto;
}
#intro .intro_emblem {
	width:60%;
	position: absolute;
	right: 10%;
	top: 30%;
}
#intro .intro_logo {
	width:60%;
	position: absolute;
	left: 10%;
	top: 70%;
}

#content {
	min-width:320px;
	max-width: 768px;
	width:100%;
	margin: 0 auto;
	height: 100%;
}

#content_login {
	min-width:320px;
	max-width: 768px;
	margin: auto;
	position: relative;
	width:100%;
	height:100vh;
	background: #f9f9f9;
}

#content_login_erp {
	min-width:320px;
	max-width: 768px;
	margin: auto;
	position: relative;
	width:100%;
	height:100vh;
	background: #7e3f97;
}

#header_m {
	min-width:320px;
	max-width: 768px;
	width:100%;
	margin: 0 auto;
	position: relative;
	z-index: 999;

}#header {
	min-width:320px;
	max-width: 768px;
	width:100%;
	margin: 0 auto;
	border-bottom: 1px solid #CCC;
	position: relative;
	z-index: 999;
}
#header.header_float+#content{
	padding-top:166px;
}


.header_inner {
	width:92%;
	margin:0 auto;
}

.header_top {
	width:100%;
	padding: 14px 0;
	position: relative;
}

.header_top .logo {
	height:34px;
	text-align: center;
}
.header_top .logo a {
	font-size: 1.2rem;
	line-height: 2.15rem;
	color: #000;
	font-weight: bold;
}
.header_top .logo img {
	height:100%;
}
.header_top .menu {
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
	height:20px;
}
.header_top .menu a {
	font-size: 16px;
	line-height: 17px;
}
.header_top .top_on {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto 0;
	height:26px;
}

.header_top .btn_back {
	position: absolute;
	left:0;
	top:4px;
	bottom:0;
	margin:auto 0;
	height:26px;
}
.header_top .menu img,
.header_top .logo img {
	height:110%;
}





#content {
	width:100%;
	position: relative;
	background: #fff;
}

.content_inner {
	width:92%;
	margin:0 auto;
}

.m_logo {
	width: 100%;
	padding-top: 6%;
	text-align: center;
}
.m_serach_txt {
	width: 98%;
	padding-top: 2%;
	text-align: right;
}
.m_serach_txt a {
	font-size: 13px;
	color: #7e3f97;
}

/* App 소개 */
.intro_app {
	position: relative;
	width: 100%;
	height: 100%;
	background: #F4F2F0;
}

.intro_app .swiper-slide {
	display: block;
	font-size: 18px;
	color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 60px;
}
.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.swiper-slide .title {
	margin-top: 8%;
	font-size: 38px;
	font-weight: 600;
	color: #74388c;
}
.swiper-slide .subtitle {
	margin: 8% 0;
	font-size: 18px;
	line-height: 20px;
	color: #3C3C3C;
}
.swiper-slide .info_img {
	margin-top: 20%;
}
.intro_app .start_btn {
	position: absolute;
	bottom: 12%;
	left: 25%;
	width: 50%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #74388c;
	font-weight: bold;
	color: #fff;
	border-radius:4px;
	cursor: pointer;
	z-index: 999;
}
.main_bnr_no {
	width:100%;
}
.main_bnr_no img {
	width: 100%;
}




.main_rol_bnr {
	width: 100%;
	height: auto;
	padding-bottom:4%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
	text-align: center;
	width:100%;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide .txt_box{
	position: absolute;
	left:5%;
	top:25%;
	text-align: left;
}
.swiper-slide .txt_box .txt_s{
	color:#fff;
	font-size:14px;
	padding-bottom:8px;
}
.swiper-slide .txt_box .txt_l{
	color:#fff;
	font-size:22px;
	font-weight: 400;
	line-height: 20px;
	text-shadow:2px 2px 2px #333;
}
.swiper-slide .txt_box .txt_l span{
	color:#fff;
	font-weight: bold;
	vertical-align: baseline;
}
.swiper-slide img {
	width:100%;
	border-radius: 8px;
}
.swiper-pagination-bullet {
	background: #74388c !important;
}





.m_search {
	width:100%;
	margin-top: 2%;
	margin-bottom: 4%;
	position: relative;
	border-radius: 8px;
	border:1px solid #f2f7fa;
}
.search {
	width:100%;
	position: relative;
	border-bottom:2px solid #7e3f97;
}
.sub_search {
	width:100%;
	position: relative;
	background: #7e3f97;
	cursor: pointer;
}
.sub_tit {
	width:100%;
	height:52px;
	padding:0 20px;
	line-height: 52px;
	font-weight: 500;
	position: relative;
	border-bottom:2px solid #7e3f97;
}

.sub_tit span.font_ob {
	position: absolute;
	right: 20px;
	top: 0;
	text-align: right;
	color: #999;
	width:50%;
	font-size: 12px;
	font-weight: 300;
}


.sub_tit_st2 {
	width:100%;
	padding:16px 20px;
	line-height: 1.25rem;
	font-size: 0.92rem;
	font-weight: 300;
	position: relative;
	border-bottom:1px solid #CCC;
}
.sub_tit_st2 img {
	position: absolute;
	right: 20px;
	top: 20px;
}
.sub_tit_st2 .cashing {
	position: absolute;
	text-align: right;
	top: 16px;
	right: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #7e3f97;
}


.sub_tit_st3 {
	width:100%;
	padding:16px 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 200;
	position: relative;
	border-top:2px solid #7e3f97;
}

.sub_tit_st4 {
	width:100%;
	padding:16px 20px;
	line-height: 1.25rem;
	font-size: 0.85rem;
	font-weight: 300;
	position: relative;
	background: #FFFEE9;
	color: #666;
	border-bottom:1px solid #F4F2F0;
}
.sub_tit_st4 .txt_under {
	vertical-align: initial;
	color: #7e3f97;
}



.input_main {
	width:100%;
	border-radius: 52px;
	height:52px;
	padding:0 90px 0 20px;
	line-height: 52px;
}
.input_search {
	width:100%;
	height:52px;
	padding:0 52px 0 52px;
	line-height: 52px;
}
.input_sub_search {
	position: relative;
	width:100%;
	height:52px;
	padding:0 40px 0 20px;
	line-height: 52px;
	background: #7e3f97;
	color: #fff;
	font-weight: 500;
}
.input_sub_search .golf_price_txt {
	position: absolute;
	right:16px;
	top:0;
	width: 200px;
	height: 52px;
	line-height: 52px;
	text-align: right;
	color: #fff;
	font-weight: 400;
}
.search_box {
 width: 100%;
 position: relative;
 background: #f2f7fa;
}
.search_box .btn_back {
 position: absolute;
 left:0;
 top:0;
 width: 52px;
 height: 52px;
 line-height: 52px;
 text-align: center;
}
.search_box .btn_call {
 position: absolute;
 right:52px;
 top:0;
 width: 52px;
 height: 52px;
 line-height: 52px;
 text-align: center;
}
.search_box .btn_search {
 position: absolute;
 right:0;
 top:0;
 width: 52px;
 height: 52px;
 line-height: 52px;
 border-radius: 0 8px 8px 0;
 text-align: center;
 background: #f2f7fa;
}
.search_box .btn_search_sub {
 position: absolute;
 right:0;
 top:0;
 width: 52px;
 height: 52px;
 line-height: 52px;
 text-align: center;
 background: #fff;
}
.search_box .btn_search_sub2 {
 position: absolute;
 right:18px;
 top:0;
 height: 52px;
 line-height: 52px;
 text-align: right;
}
.searched_area {
	margin-bottom: 8%;
}
.searched_area .searched_txt {
	display: inline-block;
	padding: 4px 8px;
	background: #F9F9F9;
	border:1px solid #DDDBD7;
	border-radius:4px;
	margin-left: 4px;
	margin-bottom: 4px;
}
.searched_area .searched_txt a {
	color: #333;
	font-size: 14px;
}
.searched_area .searched_txt img {
	padding-left: 6px;
	cursor: pointer;
}

.m_tit_area {
	position: relative;
	padding: 4% 0;
	font-weight: bold;
	letter-spacing: -.3px;
}
.m_tit_area .comen{
	position: absolute;
	right: 0;
	bottom: 16px;
	text-align: right;
	font-size: 13px;
	color: #B1B0AF;
}
.m_tit_area_st2 {
	padding:10px 20px;
	font-weight: bold;
	color: #666;
}
#content h1 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 7%;
}
#content h2 {
	display: block;
	font-size: 13px;
	line-height: 23px;
	color: #666;
	padding-top: 6%;
	padding-bottom: 4%;
	border-bottom:1px solid #ccc;
}
#content h3 {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-top: 6%;
}
#content h4 {
	display: block;
	font-size: 13px;
	line-height: 16px;
	font-weight: 200;
	color: #666;
	margin: 8px 0;
}



.search_list,
.search_list li {
	width:100%;
}
.search_list li {
	display: inline-block;
	padding:16px 0;
	cursor: pointer;
	border-bottom:1px solid #F4F2F0;
}
.search_list li.cursor_no {
	padding:18px 0;
	height: 52px;
	cursor: none;
	border-bottom:1px solid #F4F2F0;
}

.search_list li.on {
	padding:18px 0;
	height: 52px;
	cursor: pointer;
	background: #f9f9f9;
	border-bottom:1px solid #F4F2F0;
}
.search_list li.on .zone_name {
	float: left;
	width: 54%;
	font-size: 16px;
	color: #74388c;
	font-weight: bold;
}


.search_list li .icon_arrow {
	float: right;
}

.search_list li .icon_arrow a {
	padding: 4px;
}


.search_list li:last-child {
	border-bottom:0;
}
.searched_list li {
	padding:18px 0;
	height: 52px;
	cursor: pointer;
	border-bottom:1px solid #7e3f97;
}

.search_day_list {
		width:100%;
		height:auto;
		margin-top: 4%;
		border-top: 2px solid #7e3f97;
}
.search_day_list:after {
		display: block;
		content:"";
		clear:both;
}
.search_day_left {
		width:24%;
		float: left;
}
.search_day_right {
		width:76%;
		float: left;
		overflow-x: auto;
}
.search_day_left table {
		width:100%;
}
.search_day_right table {
		width:100%;
}
.search_day_left table th {
		text-align: center;
		vertical-align: middle;
		height:60px;
		padding: 0 18px;
		font-size: 14px;
		line-height: 20px;
		background: #fad3f8;
		border: 1px solid #ddd;
}
.search_day_left table td {
		text-align: left;
		vertical-align: middle;
		font-size: 14px;
		font-weight: 500;
		padding: 0 5px;
		height:46px;
		border: 1px solid #ddd;
}
.search_day_left table td span {
		display: inline-block;
		width:80px;
		overflow:hidden;
		text-overflow:ellipsis;
		/*white-space:nowrap;*/
}
.search_day_right table th {
		text-align: center;
		vertical-align: middle;
		height:60px;
		font-size: 13px;
		font-weight: 500;
		padding: 0 16px;
		line-height: 20px;
		background: #fad3f8;
		border: 1px solid #ddd;
}
.search_day_right table th span {
	font-size: 16px;
}

.search_day_right table td {
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		padding: 0 13px;
		height:46px;
		height:46px;
		border: 1px solid #ddd;
}
.search_day_right table td span {
		display: inline-block;
		background: #ccc;
		color:#fff;
		border-radius: 50%;
		width:20px;
		height:20px;
		font-size: 18px;
		line-height:20px;
		text-align: center;
		padding:5px;
}
.search_day_right table tr th:first-child {
		border-left:0;
}
.search_day_right table tr td:first-child {
		border-left:0;
}
.search_day_right table span.on {
	background: #7e3f97;
	font-weight: 500;
	cursor: pointer;
}

.search_day_right table span.on1 {
	display: inline-block;
    background: #7e3f97;
    font-weight: 500;
    cursor: pointer;
    width: 14px;
    height: 12px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    padding: 2px;
    float: left;
}

.search_day_right table span.off1 {
	display: inline-block;
    font-weight: 500;
    cursor: pointer;
    width: 14px;
    height: 12px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    padding: 2px;
    float: left;
}

.search_day_right table span.on2 {
	display: inline-block;
    background: #e9a7c5;
    font-weight: 500;
    cursor: pointer;
    width: 14px;
    height: 12px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    padding: 2px;
    float: left;
}

.search_day_right table span.off2 {
	display: inline-block;
    font-weight: 500;
    cursor: pointer;
    width: 14px;
    height: 12px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    padding: 2px;
    float: left;
}


.zone_name {
	float: left;
	width: 54%;
	font-size: 14px;
	letter-spacing: -0.05rem;
	font-weight: 500;
}
.zone_price {
	float: left;
	width: 18%;
	text-align: right;
	font-size: 12px;
	color: #74388c;
}
.zone_price span {
	color: #000;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 13px;
	line-height: 17px;
}


.zone_wc {
	float: right;
	width: 28%;
	text-align: right;
	font-size: 12px;
	font-weight: 200;
	color: #666;
}
.zone_wc2 {
	width: 40%;
	padding-top: 1%;
	margin-left: 4px;
	font-size: 12px;
	font-weight: 200;
	color: #666;
}

#side_menu {
	width:70%;
	max-width: 400px;
	min-width: 270px;
	position: fixed;
	right:0;
	top:0;
	height:100%;
	background: #fff;
	z-index: 1001;
}
.side_menu_bg {
	width:100%;
	height:100vh;
	position: fixed;
	right:0;
	top:0;
	background:rgba(0,0,0,0.6);
	z-index: 1000;
}

.side_menu_top {
	position:absolute;
	top:0;
	left:0;
	height:130px;
	width:100%;
	z-index: 9999;
	background: #fff;
}
.side_menu {
	width:100%;
	height:100%;
	padding-top: 130px;
	overflow-y: auto;
	box-sizing: border-box;
}
.side_menu_top .btn_close {
	width:90%;
	margin: 0 auto;
	text-align: right;
	padding:16px 0;
}

.side_menu_top .profile {
	width:90%;
	margin: 0 auto;
	padding:8px 0;
}
.side_menu_top .profile .info {
	float: left;
	width: 80%;
}
.side_menu_top .profile .info .photo_img {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
}
.side_menu_top .profile .info .photo_img img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.side_menu_top .profile .info .photo_img .edit {
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 20px;
}
.side_menu_top .profile .info .txt {
	float: right;
	text-align: left;
	width: 65%;
	font-size: 18px;
	font-weight: 400;
	padding-top: 4px;
}
.side_menu_top .profile .info .txt a {
	font-size: 12px;
	font-weight: 200;
	color: #000;
}


.side_menu_top .profile .alarm {
	float: right;
	width: 20%;
	padding-top: 8px;
	text-align: right;
}

.photo_img_my {
	position: relative;
	width: 80px;
	height: 80px;
	margin: auto;
}
.photo_img_my img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.photo_img_my .edit {
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 24px;
}
.txt_my {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding-top: 8px;
}
.txt_my a {
	font-size: 12px;
	font-weight: 200;
	color: #000;
}
.alarm_my {
	position: absolute;
	right: 0;
	top: 30px;
	width: 20%;
	padding-top: 8px;
}




.side_menu_list {
	padding:8px 0 8px;
}
.side_menu_list li {
	position: relative;
	width:100%;
}
.side_menu_list li.b1px {
	width:100%;
	height: 1px;
	background: #F4F2F0;
	margin: 8px 0;
}
.side_menu_list li.b8px {
	width:100%;
	height: 8px;
	background: #F4F2F0;
	margin: 8px 0;
}
.side_menu_list li:last-child{
	margin-bottom:0;
}
.side_menu_list li a {
	display:block;
	color:#000;
	width:100%;
	padding-left: 20px;
	height:2.65rem;
	line-height: 2.65rem;
	font-size: 0.97rem;
}


.side_menu_list span {
	display:block;
	height:0.78rem;
	padding-bottom: 6px;
	padding-top: 0.78rem;
	padding-left: 20px;
	font-size: 0.78rem;
	color:#777;
}

.side_menu_list li .cm_txt {
	position: absolute;
	right: 30px;
	bottom: 15px;
	text-align: right;
	height: 0.78rem;
	font-size: 0.78rem;
	color:#777;
}
.side_menu_list li .cm_txt2 {
	position: absolute;
	right: 30px;
	bottom: 2px;
	text-align: right;
	font-size: 0.78rem;
	color:#777;
}
.side_menu_list li .cm_txt2 a.close {
	position: absolute;
	right: -22px;
	top: -4px;
	width:33px;
	background:url(../img/common/btn_close_alarm.svg) no-repeat 50% 50%;
	background-size:100%;
}


.side_menu_list li a.my_cash {
	position: relative;
	color:#F89D33;
	background: #F9F9F9;
	font-weight: bold;
}
.side_menu_list li a.my_cash img {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.side_menu_bnr {
	display: block;
	width:88%;
	margin: 0 auto;
	cursor: pointer;
}
.side_menu_bnr img {
	width: 100%;
	border-radius: 4px;
	margin: 20px 0;
}


.side_menu_bottom {
	width:88%;
	margin: 0 auto;
	color:#666;
	font-size: 11px;
	line-height: 15px;
}

.side_menu_bottom a {
	color:#333;
	font-size: 11px;
}

.c-btn__top {
  position: fixed;
  right:20px;
  bottom:20px;
  z-index: 99999;
  display:none;
}




#footer_float {
	position: fixed;
	bottom: 0;
	left: 0;
	width:100%;
	z-index: 999;
}


/* 하단여백 */
.pd_h_1 {
	width: 100%;
	background: #ccc;
	height: 1px;
	margin-bottom: 10px;
}
.pd_h_8 {
	width: 100%;
	background: #F4F2F0;
	height: 8px;
}
.pd_h_12 {
	width: 100%;
	height: 12px;
}
.mg_b_12 {
	width: 100%;
	margin-bottom: 12px;
}
.mg_t_b_22 {
	width: 100%;
	margin: 22px 0;
}
.pd_footer_52 {
	width: 100%;
	height: 52px;
}
.pd_footer_88 {
	width: 100%;
	height: 88px;
}


/* 하단버튼 1 */
.btn_bottom {
	position: relative;
	width:100%;
	min-width:320px;
	max-width: 768px;
	margin: 0 auto;
	background: #74388c;
	text-align: center;
}

.btn_bottom .num {
	position: absolute;
	left: 20px;
	bottom: 22px;
	background: #fff;
	color: #666;
	width: 48px;
	height: 48px;
	font-size: 18px;
	line-height: 26px;
	padding: 8px;
	text-align: center;
	border-radius:50%;
	border:2px solid #7e3f97;
}
.btn_bottom a {
	color:#fff;
	font-weight: bold;
	display: block;
	padding:18px 0;
}
.btn_btm_pack {
	width:100%;
	min-width:320px;
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
}

/* 하단버튼 2-결제 */
.btn_alarm {
	float: left;
	width:45%;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	text-align: center;
	background: #FF5151;
	color: #fff;
}
.btn_alarm2 {
	float: left;
	width:45%;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	text-align: center;
	background: #74388c;
	color: #fff;
}
.btn_book {
	float: right;
	width:55%;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	text-align: center;
	background: #FF5151;
	color: #fff;
}
.btn_book2 {
	float: right;
	width:55%;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	text-align: center;
	background: #74388c;
	color: #fff;
}
.btn_booking {
	float: left;
	width:100%;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
	text-align: center;
	background: #FF5151;
	color: #fff;
}
.btn_kakao {
	float: left;
	width:100%;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	background: #ffe609;
	color: #381e1f;
}


/* 메인 하단 아이콘 */
.m_foot {
	width: 100%;
}
.m_foot li.foot_icon {
	width: 33%;
	font-size: 14px;
	height: 70px;
	line-height: 70px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #F4F2F0;
	cursor: pointer;
}
.m_foot li.foot_icon_chu {
	width: 50%;
	font-size: 13px;
	height: 70px;
	line-height: 70px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #F4F2F0;
	cursor: pointer;
}




/* 하단가격노출 */
.foot_book_info {
	width:100%;
	min-width:320px;
	max-width: 768px;
	margin: 0 auto;
	padding: 20px;
	background: #F4F2F0;
}
.foot_book_info .etc {
	font-size: 12px;
	color: #B1B0AF;
}
.foot_book_info .etc2 {
	font-size: 12px;
	color: #2AB24E;
}

.foot_book_info .info_day{
	float: left;
	width: 55%;
}
.foot_book_info .info_day li{
	height: 24px;
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.foot_book_info .info_price{
	float: left;
	width: 45%;
}
.foot_book_info .info_price li{
	height: 24px;
	line-height: 16px;
	font-size: 22px;
	font-weight: 500;
	text-align: right;
}





#footer {
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}

.m_foot_rule {
	width: 100%;

}

.m_foot_rule .foot_rule {
	display: block;
	float: left;
	width: 25%;
	height: 42px;
	border-bottom: 1px solid #F4F2F0;
	line-height: 42px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.cop {
	width: 100%;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	color: #999;
}
.cop_erp {
	width: 100%;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	color: #fff;
}




@media screen and (min-width: 768px) {

	#intro .intro_bg {
		display: none;
	}
	#intro .intro_bg_768 {
		display: block;
	}
	#intro .intro_emblem {
		width:45%;
		position: absolute;
		right: 15%;
		top: 30%;
	}
	#intro .intro_logo {
		width:45%;
		position: absolute;
		left: 15%;
		bottom: 5%;
	}

}



@media screen and (min-width: 1024px) {

	#intro .intro_bg {
		display: none;
	}
	#intro .intro_bg_768 {
		display: block;
	}
	#intro .intro_emblem {
		width:40%;
		position: absolute;
		right: 25%;
		top: 32%;
	}
	#intro .intro_logo {
		width:40%;
		position: absolute;
		left: 25%;
		bottom: 10%;
	}

}