@charset "utf-8";

/*	transition: all 0.3s ease;	*/
/*팝업레이어*/
 #naverIdLogin_loginButton img { visibility: hidden; }
   #naverIdLogin { height: 47px; margin-top: 10px;  position: absolute; width: 100%;} 
   #naverIdLogin a{ height: 47px; display: block;} 

.hd_pops_con p img { max-width: 100%; }
.hd_pops_footer button { font-size: 0.6em; }

/*newwin layer*/
@media (max-width: 992px) { 
	#hd_pop { max-width: 100% }
	#hd_pop .hd_pops { position: relative !important; left: 0px !important; top:60px !important; }
	#hd_pop .hd_pops .hd_pops_con{ width: 100% !important; height: auto !important; }

}



/*오디오*/
.audio_wrap { text-align: center; color: #fdb9bb;  font-size: 0.7em; }
.btn_audio { margin-left: 5px; cursor: pointer;  display: inline-block;}
#play_list{
	    transform: translate(0,-3px);
	    padding: 0 5px;
	background:none;
	height: 33px;
	border:none;
	text-align: center;
    text-align-last: center;


	-webkit-appearance: none;
   	-moz-appearance: none;
    appearance: none;


}
#play_list::-ms-expand { display:none; }


/*	<!-- 헤더부분	*/
#fixed_top { position: fixed;width: 100%; background-color: #fff; z-index: 500; top:0px; }
#dalki_top { width: 100%; height: 33px; background-color: #ed1c24; }
#dalki_top > .container { height: 100%; }
.top_login_wrap { height: 100%; }
#dalki_top ul#top_login { float: right; margin:0 ; padding:0; margin-right: 0; height: 100%;}
#dalki_top #top_login li{ float: left; list-style: none; margin-left: 35px;  height: 100%; line-height: 33px;}
#dalki_top #top_login li a{ font-family: 'Spoqa Han Sans'; font-size: 0.7em; color: #fdb9bb;} 
#dalki_top #top_login li a img{vertical-align: unset; -ms-transform: translate(0px, -1px); /* IE 9 */ -webkit-transform: translate(0px, -1px); /* Safari */ transform: translate(0px, -1px); }

#logo_img { line-height: 60px; float: left;}


#dalki_top ul#top_sns    { float: left; margin:0 ; padding:0;  width: 140px;}
#dalki_top #top_sns li   { float: left; list-style: none; width: 25%; text-align: left; }
#dalki_top #top_sns li a { } 


#top_wrap { height: 60px; }
#top_menu_container { position: relative;  height: 100%; display: inline-block; padding-right: 0; }

#navbar-ex-collapse-menu { position: relative; height: 100%; padding-right: 0; }
#navbar-ex-collapse-menu ul { float: right;   height: 100% !important; }
#navbar-ex-collapse-menu ul li {  }
#navbar-ex-collapse-menu ul li a {padding: 0 15px; font-size: 0.85em; margin-top: 9px; line-height: 40px; font-weight: 400; font-family: 'Spoqa Han Sans'; color: #848484; background-color: none;}
/*#navbar-ex-collapse-menu ul li:hover a { border-bottom: 2px solid #f66c70;}*/
#navbar-ex-collapse-menu ul li a:hover { background-color: #fff !important; }
#navbar-ex-collapse-menu { position: relative; }
#navbar-ex-collapse-menu ul#menu_ul{ display: table; margin:0 auto; float: none;  }
#navbar-ex-collapse-menu ul#menu_ul li{ height: 60px; }
/*#navbar-ex-collapse-menu ul#menu_ul li:hover { border-bottom: 3px solid #f66c70; }*/
/* 작은 기기들 (태블릿, 768px 이상) */
@media (min-width: 768px) {  }
/* 중간 기기들 (데스크탑, 992px 이상) */
@media (min-width: 992px) { 
	#navbar-ex-collapse-menu ul#menu_ul{ margin-left: -10px; }
}
/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px) {  }

.sub_menu { border-top:1px solid #e8e8e8; }
.sub_menu { z-index: 600; position: absolute;  list-style: none; margin: 0;  width: 100%; background-color: #fff; text-align: center;}
.sub_menu li{ margin-top: 10px; display: none; list-style: none; padding:0 20px;}
.sub_menu li a{  font-size: 0.8em; color: #151515;}

#cont_wrap { margin-top: 93px; }
@media (max-width: 992px) { 
	
	#cont_wrap { margin-top: 50px; }
}
/*모바일 top*/
#fixed_top_m { position: fixed; top:0px; width: 100%; background-color: #fff; z-index: 500; }
.top_wrap_mobile { width: 100%;  text-align: center;  height: 50px;}
#logo_img_mobile { line-height: 50px; }
#logo_img_mobile img{ height: 30px; }
.btn_left_menu { float: left; position: absolute;top: 0px; left: 0px; padding-top: 15px; padding-left: 15px; cursor: pointer; }
.btn_left_menu img{ width: 30px; }
#left_menu_wrap	{display: none; background-color: #fff; width:100%; overflow:hidden; position:fixed; top:0; right:0; z-index:10;  }
#left_menu{ 
	background-image: url(/img/comn/left_menu_char.png) ;
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: 100% 75%;
}
#left_menu	{width:100%; float:right;  min-width:260px; height:100%; margin:0 0 0 10% }


.login_info { margin-top: 30px;  width: 100%;}
.login_info tr td .mb_level { margin-left: 15px; display:table; float: left; width:60px; height: 60px;   border-radius: 50%; background-color: #ffeb3b; text-align: center;}
.login_info tr td .mb_level span {display: table-cell; vertical-align: middle; color: #fff; padding:5px;}
.login_info tr td .welcom   { margin-right: 15px; color: #4f4f4f; font-size: 0.8em; text-align: right;}
.login_info tr td .mb_name  { margin-right: 15px; color: #4f4f4f; font-size: 1.2em; text-align: right;}
.login_info tr td .mb_name  img{ width: 25px; margin-left: 10px;}

.left_me {padding:0; }
.left_me .me01{   padding:15px;}
.left_me .me01 > a { font-size: 1em; color: #4f4f4f;}
.left_me .me01 img{width: 20px; margin-left: 15px;}
.left_me .me01 ul.me02 {display: none;margin: 10px 0 0 0;}
.left_me .me01 ul.me02 li a {font-size: 0.8em; line-height: 2em; color: #4f4f4f;}

.left_me .me01.on { background-color: #ed1c24; }
.left_me .me01.on > a { color: #fff;}
.left_me .me01.on ul.me02  { color: #fff;}
.left_me .me01.on ul.me02 li a { color: #fff;}
/*	헤더부분 -->	*/


/* <!-- main */
.dzsparallaxer { overflow: hidden; }
.main_visual { height: 850px; position: relative;  }
.main_visual_item { height: 850px ; width: 100%; }
.visual_img { height: 1021px; width: 100%; }
@media (max-width: 992px) { 
	.main_visual { height: auto; }
	.main_visual_item { height: auto;}
	.visual_img { height: 500px; width: 100%; }
}
.visual_title_wrap {position: absolute !important; top:0px; width: 100%; height: 100%; white-space: nowrap; text-align: center; }
.visual_title { display: inline-block; }
.visual_title img { display: inline-block !important; }
@media (max-width: 992px) { 
	.visual_title { width: 50%;}
}



.owl-dots { position: absolute ; bottom: 0px; height: 50px; width: 100%; text-align: center; }
.owl-dot {  display: inline-block; }
.owl-dot span {  background-color: #565656; padding: 8px;  float: left; margin:3px; border-radius: 50%;}
.owl-dot.active span {  background-color: #ca191f; }

/*.main-quick div.container { padding:0; }*/
.quick_wrap { padding-top: 180px; }
@media (max-width: 992px) { 
	.quick_wrap { padding-top: 30px; }
	/*.main-quick div.container { padding:0 15px; }*/
}


.quick_item2 { padding: 15px; }

@media (max-width: 992px) { 
	.quick_item2 { padding: 5px; }
}


.quick_item {  transition: all 0.3s ease; position: relative;  margin:0;cursor: pointer; padding:15px;}
.quick_img_wrap {position: relative; width: 100%;  background: url(/img/main/cafe_bg.png) ; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; transition: all 0.3s ease; z-index: 100; }
.helper {  display: inline-block; height: 100%; vertical-align: middle; }
.quick_btn_wrap {     bottom: 0px; position: absolute; padding: 20px; width: 100%; text-align: center; }
.quick_face { z-index: 100; display: inline-block;}
@media (max-width: 992px) { 
	.quick_item { padding:5px;  }
	.quick_face { max-width: 35%;}
	.quick_face_over  { max-width: 35%;}
	.quick_btn { width: 50%; }
}

.quick_face_over { z-index: 100; display: none;}

.quick_item:hover .quick_face_over {display: inline-block;}
.quick_item:hover .quick_face {display: none;}


.quick_item:nth-of-type(2) .quick_img_wrap { background-image: url(/img/main/ticket_bg.png) ;  } 
.quick_item:nth-of-type(3) .quick_img_wrap { background-image: url(/img/main/pro_bg.png) ;  } 
.quick_item:nth-of-type(4) .quick_img_wrap { background-image: url(/img/main/store_bg.png) ;  } 
.quick_item:nth-of-type(5) .quick_img_wrap { background-image: url(/img/main/food_bg.png) ;  } 
.quick_item:nth-of-type(6) .quick_img_wrap { background-image: url(/img/main/spport_bg.png) ;  } 



.quci_txt_warp { max-width: 715px; margin:200px auto 0 auto;  }
@media (max-width: 991px) { 
	.quci_txt_warp { margin-top: 30px; }
}
.quick_txt01 { margin:0; font-family: 'Spoqa Han Sans'; font-size: 1.5em; color: #1e1e1e; text-align: center; font-weight: bold; }
.quick_txt02 { margin-bottom:30px; font-family: 'Spoqa Han Sans'; font-size: 1.5em; color: #343434; text-align: center;  }
.quick_txt03 {  font-family: 'Spoqa Han Sans'; font-size: 1em; color: #454545; text-align: center; word-break: keep-all; line-height: 1.5em;}



.main-store { padding-top: 30px; transition: all 0.3s ease;}

.store_item_wrap { padding: 0; height: 230px; cursor: pointer; }
@media (max-width: 991px) { 
	.store_item_wrap { width: 100%; height: 300px; }
}

.store_list_warp { width: 100%;  margin:0;margin-top: 60px;}
@media (max-width: 991px) { 
	.store_list_warp { margin-top: 30px;}
}

.store_item { padding:0;   height: 100%; width: 100%; overflow: hidden;}
.store_img_wrap { padding:0;   height: 100%; width: 100%;}
.store_label {z-index: 200; position: absolute; bottom:20px;  text-align: center; width: 100%; }
.store_label .city{  text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray; transition: all 0.3s ease; color:#fff;  margin: 15px 0 0 0;    font-family: 'Spoqa Han Sans'; font-size: 16px; }
.store_label .addr{  text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray; transition: all 0.3s ease; color: #fff; margin: 5px 0 0 0;    font-family: 'Spoqa Han Sans'; font-weight: bold; font-size: 18px; }

.store_mark {transition: all 0.3s ease; z-index: 0; position: absolute; top: 0px; width: 100%; height: 100%;  }
.store_item_wrap .store_mark {background-color: rgba(255,255,255,0.2);  transition: all 0.3s ease; }


.store_item_wrap:hover .store_mark { background-color: rgba(202,25,31,0.2); }

.store_item_wrap:hover .store_img_wrap {     
	transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -webkit-transition: transform 0.3s; }


.m_store_list_wrap { width: 100%; text-align: center; margin-bottom: 15px;}
.m_store_list_wrap ul { padding:0 15px; margin: 0; }
.m_store_list_wrap ul li{ padding:8px 10px; margin: 5px; list-style: none; font-family: 'Spoqa Han Sans'; font-size: 14px; font-weight: bold; color: #5e5e5e; text-align-last: center;  border:2px solid #ca191f; display: inline-block;}
.m_store_list_wrap ul li.on { background-color:#ca191f; color: #fff;  }

/*

.pro_txt_wrap { padding: 40px 0 40px 0; text-align: center; }
.pro_txt_wrap .pro_txt01 { margin:0; font-family: 'Spoqa Han Sans'; font-size: 1.7em; color: #fff;  }
.pro_txt_wrap .pro_txt02 { display: table; margin:15px auto 15px auto; padding-bottom: 15px; line-height: 40px; font-family: 'Spoqa Han Sans'; font-weight: bold; font-size: 2.3em; color: #fff; border-bottom: 2px solid #fff; }
.pro_txt_wrap .pro_txt03 { font-family: 'Spoqa Han Sans'; font-size: 1em; color: #fff; margin-top: 30px;}
.pro_txt_wrap .btn_pro_more { max-width: 200px; margin-top: 35px;}

.menu_wrap  { margin-top: 30px; }
.menu_item { position: relative; cursor: pointer; }
.menu_img_warp { padding:10px; position: relative;}
.menu_name { position: absolute; bottom:0px; width: 100%; padding:10px;}
.menu_name p{ margin:0; text-align: center; line-height: 45px; font-family: 'Spoqa Han Sans'; font-weight: bold; font-size: 18px; background-color:  rgba(0,0,0,0.5); color: #fff;}

*/


.main_cont { position: relative;margin-top: 300px; }
.cont_bg_wrap { height: 700px; }
.cont_bg { height: 1000px; }
@media (max-width: 991px) { 
	.main_cont {margin-top: 60px; }
	.cont_bg_wrap { height: 300px; }
	.cont_bg { height: 400px; }
}
.main_cont .main_cont_inner {  position: absolute; top:0px; width: 100%; height: 100%;  }
.main_cont .main_cont_inner > div.container{ text-align: center; white-space: nowrap; position: relative; height: 100%;  z-index: 100;}
@media (max-width: 991px) { 
	.main_cont .main_cont_inner .img_wrap img { width: 120px; }
}

.main_cont_inner .cont_wrap {display: inline-block; vertical-align: middle; z-index: 100;}

.main_cont_inner .title01 {margin:0; text-align: center; font-family: 'Spoqa Han Sans'; font-size: 1.5em; color: #fff;}
.main_cont_inner .title02 { border-bottom :3px solid #fff; padding-bottom: 15px; text-align: center; font-family: 'Spoqa Han Sans'; font-weight: bold; font-size: 2em; color: #fff;}
@media (max-width: 991px) { 
	.main_cont_inner .title02  { font-size: 1.7em; }
}
.main_cont_inner .text01 {margin:0; margin-top: 30px; margin-bottom: 60px; text-align: center; font-family: 'Spoqa Han Sans';  font-size: 0.8em; color: #fff; line-height: 2em;}

.cont_char_warp { position: absolute; bottom: 0px; width: 100%; padding:0 10%; z-index: 0}
.cont_char_warp img:nth-of-type(1){ float: left;  vertical-align: bottom; position: absolute; bottom: 0px; margin-left: 5%;}
.cont_char_warp img:nth-of-type(2){ float: right; vertical-align: bottom; max-width: 350px; }

@media (max-width: 991px) { 
	.cont_char_warp img:nth-of-type(1){ width: 35px;}
	.cont_char_warp img:nth-of-type(2){ width: 100px }

	img#cart_char { width: 70px; }
}







/*<!-- tail */
.footer_wrap { max-width: 600px; }
.footer_logo { max-width: 180px; }

.footer_menu  { padding: 0;  display: table; margin:30px auto 0 auto; text-align: center;}
.footer_menu  li{list-style: none; display: inline-block; line-height: 15px;  margin: 0; text-align: center; padding:0 20px; border-left: 1px solid #0e0e0e;}
.footer_menu  li:nth-of-type(1) { border-left: none; }
@media (max-width: 991px) { 
	.footer_menu  li { padding:0 3px; }
}
.footer_menu  li a{ font-family: 'Spoqa Han Sans'; font-size: 0.8em; color: #0e0e0e; }

.footer_company { text-align: center; margin-top: 20px; font-family: 'Spoqa Han Sans'; font-size: 0.9em; color: #1d1d1d; font-weight: bold;}


.footer_info_wrap { text-align: center; width: 100%; margin:0; padding:0; }
.footer_info {   padding:0; margin:0; display: table; margin:5px auto 0 auto; }
.footer_info li {   display: inline-block; padding:0 8px; list-style: none;  margin:0; font-family: 'Spoqa Han Sans'; font-size: 0.8em; color:#4e4e4e; }

.footer_copy { text-align: center; color: #c5c5c5; font-size: 0.6em; font-family: 'Spoqa Han Sans'; margin:15px 0;}

.footer_sns_wrap { text-align: center; width: 100%; margin:0; padding: 0; }
.footer_sns { padding:0; margin:0;  }
.footer_sns li { display: inline-block; text-align: center; list-style: none; }
.footer_sns li a img{max-width: 25px; }

.family_btn_wrap { background-color: #ebebeb; width: 100%; margin:80px 0 0 0 ; padding:0;  }
.family_btn_wrap p {cursor: pointer; font-weight: bold; text-align: center; color: #2e2e2e; font-family: 'Spoqa Han Sans'; font-size: 0.8em; line-height: 45px; margin:0; }


.family_wrap { background-color: #d8d8d8; width: 100%; padding:60px 0 60px 0 ;  display: none; text-align: center;  }

.family_table { width: 20%; float: left;  vertical-align: top; margin:0;}
.family_table:nth-of-type(1) { width: 30%; }
.family_table:nth-last-of-type(1) { width: 10%; }

@media (max-width: 992px) { 
	.family_table { width: 50% !important; }
}
.family_table tr th, .family_table tr td { font-size: 0.8em; color: #2e2e2e; text-align: left; padding:5px 0 0 5px;}


.family_wrap ul { width: 20%; padding:0 0 0 40px ; margin:0; float: left; }
.family_wrap ul li { list-style: none; }
.family_wrap ul li a{ font-family: 'Spoqa Han Sans'; font-size: 0.8em; color: #2e2e2e; font-weight: bold;}


.footer_bottom {  background-color: #2e2e2e; height: 15px;}

/* tail -->*/


/*<!-- login */
#login_layer { display:none; width:650px; height:800px; background-color: #fff; padding-top: 30px}
.login_layer_warp { max-width: 387px; margin:0 auto;  padding: 15px 15px; background-color: #fff;}
@media (max-width: 992px) { 
	.login_layer_warp {padding: 10px 15px;}
}

#member_leave_layer { display:none; width:650px; height:800px; background-color: #fff; padding: 30px 15px; }
.member_leave_layer_warp { max-width: 650px; margin:0 auto;  padding: 15px 15px; background-color: #fff;}
@media (max-width: 992px) { 
	#member_leave_layer { width:400px;  }
	.member_leave_layer_warp {padding: 10px 15px;}
}


.login_wrap { width: 100%; margin-top: 30px; }
.input_wrap {width: 100%; border:1px solid #d5d5d5; padding: 10px 35px 10px 15px; position: relative; }
.input_wrap input.login_input {width: 100%;  font-family: 'Spoqa Han Sans'; font-size: 0.7em;  border:none; line-height: 28px;}
.input_wrap .login_btn_del {cursor: pointer; transition: all 0.3s ease; position: absolute; right: 10px; top:10px; background:none; border:none; display: none;}
.btn_login {  width: 100%; font-family: 'Spoqa Han Sans'; font-weight: bold;   padding: 8px; border: 0; background: #ff3061; color: #fff; letter-spacing: -0.1em; cursor: pointer; background-color: #ed1c24; height: 52px; }
.auto_login {  font-family: 'Spoqa Han Sans'; color: #aaaaa9; font-size: 0.7em; font-weight: 100;}
.login_sns_wrap img{ margin-top: 10px; width: 100%; }
.btn_close { text-align: right; position: absolute; top: 10px; right: 15px;}

.login_spport { border-top: 1px solid #d5d5d5; margin-top: 30px;  text-align: center;}
.login_spport ul { margin:0; padding: 0;  list-style: none; margin-top: 10px;}
.login_spport ul li { margin:0; padding: 0 18px;  list-style: none; display: inline-block; text-align: center; border-left: 1px solid #d5d5d5;}
.login_spport ul li:nth-of-type(1) { border-left: none; }
.login_spport ul li a{ font-size: 0.8em;}

.btn_find { float: initial;
    height: 40px;
    background-color: #ed1b24;
    border-radius: 10px;
    font-size: 0.7em;
    color: #fff;
    border: none;
    width: 100px;
    text-align: center; }

/* login -->*/


/* <-- find id */

.find_layer_warp { max-width: 800px; margin:0 auto;  padding: 15px 15px; background-color: #fff;}
@media (max-width: 992px) { 
    .find_layer_warp {padding: 10px 15px;}
}
.find_tit { text-align: center;  font-size: 1.1em; margin-top: 30px;}
.find_wrap { border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; width: 100%; display: table;  padding:30px 0;}
.find_sub_tit p { margin:0; padding: 0; text-align: center;  }
.find_sub_tit p:nth-of-type(1) { color: #353535; word-break: keep-all; }
.find_sub_tit p:nth-of-type(2) { color: #acacac; word-break: keep-all; }
.frm_wrap > div.find_sub_tit{ margin:0 auto; display: table;  }
.find_result {text-align: center; margin:15px 0;}
.find_result_box { border: 1px solid #c9c9c9; display: table; margin:0 auto 5px auto; padding:10px 30px; }

.login_input {     border: 1px solid rgb(213, 213, 213); height: 40px; padding:5px; }


 .send_email { background-color: #acacac; color: #fff; font-size: 0.8em; padding: 5px 15px; margin-left: 5px; height: 40px;}
.find_frm_grp { display: inline-block; }
@media (max-width: 992px) { 
}


/* find id --> */


@media (max-width: 992px) { 
	#m_family_container { display: none; background-color: #353535; padding:15px;  }
	#m_family_container.on { background-color: #d7d7d7; }
	.family_wrap { padding: 15px 0; background-color:   }
	ul.m_family_wrap { width: 100%; list-style:none ; margin:30px 0 0 0; padding: 0}
	ul.m_family_wrap > li{ width: 100%; list-style:none ; margin:0; padding:10px; text-align: center; border-bottom: 1px solid #4f4f4f;}
	ul.m_family_wrap > li:nth-of-type(1) { border-top:  1px solid #4f4f4f;}
	ul.m_family_wrap > li > p { color: #fff; margin:0;}
	ul.m_family_sub { width: 100%; list-style:none ; margin: 0;  padding:0; display: none;}
	ul.m_family_sub > li { width: 100%; list-style:none ; margin: 0; padding:5px;}

	#m_family_container.on ul.m_family_wrap > li > p { color:#151515; font-weight: 700; }
	#m_family_container.on ul.m_family_sub { border-top: 1px dotted #4f4f4f; margin-top: 5px; }

	.buho { position: absolute; right: 30px; }
}



/*<!-- 공통우선사용 */
.nopadding { padding:0; }
.nomargin { margin:0; }

.top_visual { width: 100%; height: 180px; }
@media (min-width: 992px) { 
	.top_visual { height: 580px; }
	.top_visual_wrap .item { height: 580px;}
}


.tit01 { margin:0; font-family: 'Spoqa Han Sans'; font-size: 1.5em; color: #ca191f; text-align: center; font-weight: bold; }
.color_red { color: #ca191f; }


/*btn*/
.btn_red_box {padding:10px 40px;border:0;background:#ca1920;color:#fff;letter-spacing:-0.1em;cursor:pointer ; border-radius: 10px; transition: all 0.3s ease;}
.btn_red_box:hover {background-color: #a4151c; }
#fancybox-overlay { background-color:  rgba(0,0,0, 0.7) !important; }

.btn_gray_box {  padding:10px 40px;border:0;background:#a9a9a9;color:#fff;letter-spacing:-0.1em;cursor:pointer ; border-radius: 10px; transition: all 0.3s ease;}
.btn_gray_box:hover {background-color: #878787; }

.blockMsg { transform: translate(-50%); }

/* 공통우선사용 -->*/


.ui-datepicker .ui-datepicker-header { padding:0; }
.ui-datepicker .ui-datepicker-title select { height: 36px; font-weight: 400; font-size: 0.8em; }
label img{
    pointer-events: none;
}