@charset "utf-8";

@import "reset.css";

/* checkbox */
input[id="cb1"] + label {display: inline-block;width: 14px;height: 14px;border:1px solid #fff;cursor: pointer;}
input[id="cb1"]:checked + label:after {display:block;content: '';position: relative;top: 0;left: 2px;width: 16px;height: 11px;background:url('../image/mobile/ico_check.png') no-repeat no-repeat 0 0;background-size: 16px 30px;}
input[id="cb1"] {display: none;}

.check_del label{display: inline-block;cursor: pointer;position: relative;}
/* .check_del input[type=checkbox] {display: none;} */
.check_del input[type=checkbox], .check_del input[type=radio] {display: none;}
.check_del label::before {content: "";display: inline-block;width: 25px;height: 25px;position: absolute;left: 0;bottom:0;border:1px solid #c0c0c0;}
.check_del label::before {border-radius: 12px;}
/* .check_del input[type=checkbox]:checked + label::before {content: "";width: 25px;height: 25px;border: 0;background:url('../image/mobile/ico_radio.png') no-repeat no-repeat 0 0;background-size: 25px 25px;} */
/*.check_del input[type=checkbox]:checked + label::before, .check_del input[type=radio]:checked + label::before  {content: "";width: 25px;height: 25px;border: 0;background:url('../image/mobile/ico_radio.png') no-repeat no-repeat 0 0;background-size: 25px 25px;}*/


#header {background:#ed1b24;padding-top:7px;height:38px;border-bottom:1px solid #cd3f00;position:relative;}
#header .back {position: absolute;left:13px;top:12px;}
#header .back img {height:17px;}
#header .search {position: absolute;left:13px;top:14px;}
#header .search img {height:20px;}
#header .menu {position: absolute;right:13px;top:15px;}
#header .menu img {height:20px;}
#header .close {position: absolute;right:13px;top:14px;}
#header .close img {height:20px;}
#header h1 {text-align:center;font-size:16px;color:#fff;padding-top:6px;}
#header h1 p {position:relative;display:inline;margin-left: -34px;}
/*#header h1 p span.ticket {display:block;width:10px;position: absolute;right:-36px;top:-10px;color:#ed1b24;font-size: 11px;text-align: center;padding:4px 6px 10px 16px;background:url('../image/mobile/ico_ticket.png') no-repeat no-repeat 2px 4px;background-size:30px auto;}*/
#header .check {position: absolute;right:13px;top:15px;color:#fff;font-size:14px;}
#header .check span {vertical-align: 4px;}

#sub_header {background:#FF5A5A;padding-top:3px;height:30px;border-bottom:1px solid #cd3f00;position:relative;}
#sub_header h1 {text-align:left;font-size:14px;color:#fff;padding-top:5px;padding-left:12px;}

/* 상단메뉴 */
.header_menu {overflow:hidden;border-bottom:1px solid #e0e1e3;}
.header_menu li {float:left;width:25%;}
.header_menu li a {display:block;color:#3f3f3f;font-size:14px;font-weight:bold;text-align:center;padding:10px 0;}
.header_menu li a:hover, .header_menu li a.on {color:#fe1c27;border-bottom:3px solid #fe1c27;padding-bottom:7px;}

/* float */
.over_h {overflow:hidden;}
.fl_l {float:left;}
.fl_r {float:right;}

/* padding, margin */
.pt_3 {padding-top:3px;}
.pt_10 {padding-top:10px;}
.pl_5 {padding-left:5px;}

/* text */
.c_red {color:#ff2838;}

/* 버튼 */
.btn_wrap {
	position:relative;
	padding-top:15px;
	text-align:center;
}
.btn_wrap_u {
	position:relative;
	padding-top:0px;
	text-align:center;
}
.btn_wrap a.btn_m {display:block;width:82px;height:32px;line-height:32px;margin: 0 auto;color:#f62d3c;font-size:12px;border:1px solid #f62d3c;border-radius:3px;}
.btn_wrap_u button.btn_u {display:block;width:60px;height:33px;line-height:32px;margin: 0 auto;margin-right:-5px;color:#f62d3c;font-size:12px;border:1px solid #f62d3c;border-radius:3px; background-color: #FFFFFF;}
.btn_wrap a.btn_b {display:block;height:46px;line-height:46px;margin:10px 13px;color:#f62d3c;font-size:14px;border:1px solid #f62d3c;border-radius:3px;}
.btn_wrap a.btn_gray {display:block;width:100%;height:45px;line-height:45px;color:#7d7d7d;font-size:14px;border:1px solid #7d7d7d;border-radius:4px;}
.btn_wrap a.btn_red {display:block;width:100%;height:45px;line-height:45px;color:#f62d3c;font-size:14px;border:1px solid #f62d3c;border-radius:4px;}

.btn_wrap span.fl_l {display:block;width:50%;padding:0 6px 0 13px;box-sizing: border-box;}
.btn_wrap span.fl_r {display:block;width:50%;padding:0 13px 0 6px;box-sizing: border-box;}

.btn_wrap button.btn_m {display:block;width:82px;height:32px;line-height:32px;margin: 0 auto;color:#f62d3c;font-size:12px;border:1px solid #f62d3c;border-radius:3px; background-color: #FFFFFF;}
.btn_wrap button.btn_b {display:block;width: 100%;height: 46px;line-height: 46px;margin:0px;color: #f62d3c;font-size: 14px;border: 1px solid #f62d3c;border-radius: 3px;background-color: #FFFFFF;}

.btn_wrap button.btn_gray {display:block;width:100%;height:45px;line-height:45px;color:#7d7d7d;font-size:14px;border:1px solid #7d7d7d;border-radius:4px; background-color: #FFFFFF;}
.btn_wrap button.btn_red {display:block;width:100%;height:45px;line-height:45px;color:#f62d3c;font-size:14px;border:1px solid #f62d3c;border-radius:4px; background-color: #FFFFFF;}

a.btn_s_g {display:block;width:30px;height:20px;line-height:21px;color:#666;font-size:11px;border:1px solid #cbcbcb;border-radius:3px;text-align: center;}
a.btn_s_o {display:block;width:30px;height:20px;line-height:21px;color:#fb7100;font-size:11px;border:1px solid #fb7100;border-radius:3px;text-align: center;}
.btn_s_g {display:block;width:30px;height:20px;line-height:21px;color:#666;font-size:11px;border:1px solid #cbcbcb;border-radius:3px;text-align: center;}
.btn_s_o {display:block;width:30px;height:20px;line-height:21px;color:#fb7100;font-size:11px;border:1px solid #fb7100;border-radius:3px;text-align: center;}
.btn_b {display:block;height:46px;line-height:46px;margin:10px 13px;color:#f62d3c;font-size:14px;border:1px solid #f62d3c;border-radius:3px;}

/* 레이어팝업 */
.popup_warp {padding:0 13px;}
.popup_warp h2 {padding:12px 0;text-align:center;font-size:14px;font-weight:normal;color:#f62d3c;border-bottom:1px solid #f62d3c;}
.popup_warp .pop_btn {position:relative;overflow:hidden;}
.popup_warp .pop_btn a {display:block;float:left;width:50%;height:44px;line-height:44px;font-size:14px;color:#fff;text-align:center;}
.popup_warp .pop_btn a.bg_gray {background:#999;}
.popup_warp .pop_btn a.bg_red {background:#f62e3d;}


/********* 로그인관리회원가입 *********/
/*
.frm_wrap {padding:20px 13px;background:#f2f2f2;border-bottom:1px solid #d9dcdc;}
.frm_wrap dl.type1 {padding-bottom:5px;}
.frm_wrap dl.type1 dt {padding-bottom:5px;color:#666;}
.frm_wrap dl.type1 dd input {width:100%;margin-bottom:10px;}
.frm_wrap dl.type2 {position:relative;}
.frm_wrap dl.type2 dt {position:absolute;top:18px;left:0;width:93px;color:#666;font-size:12px;}
.frm_wrap dl.type2 dd input {margin-left:93px;padding:8px 13px;}
*/

 /*  */
.popup_warp .notice {padding:25px 16px;line-height:18px;color:#2f2f2f;}
.popup_warp .notice p {padding-bottom:20px;}
.popup_warp .left_area {overflow:hidden;width: 100%;background:#999;height: 44px;line-height: 44px;font-size:14px;color:#fff;padding-left:30px;}
.popup_warp .left_area label {vertical-align: -3px;margin-left: 5px;}
.popup_warp .right {position:absolute;top:0;right:0;width:90px;display:block;}
.popup_warp .left a, .popup_warp .right a {width:100%;}

/* 아이디찾기 */
.cont_wrap {}
.cont_wrap .verify	 {
	overflow: hidden;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #dddedf;
}
.cont_wrap .verify span input	 {width: 100%;}

.cont_wrap .verify .id_frm	 {position:relative;margin-bottom:10px;}
.cont_wrap .verify .id_frm span	 {display:block;margin-right:105px;}
.cont_wrap .verify .id_frm select	 {position:absolute;top:0;right:0;width:100px;}

.cont_wrap .verify .id_frm.phone span	 {margin-right:0;margin-left:125px;}
.cont_wrap .verify .id_frm.phone select	 {left:0;width:120px;}

.cont_wrap .verify .id_frm .check_gender	 {position:absolute;top:0;right:0;width:100px;margin-right:0;top: 9px;}
.cont_wrap .verify .id_frm .check_gender label	 {display: inline-block;cursor: pointer;position: relative;width: 44px;height: 26px;text-align: center;}
.cont_wrap .verify .id_frm .check_gender input[type=checkbox]	{display: none;}
.cont_wrap .verify .id_frm .check_gender input[type=radio] 	 {display: none;}
.cont_wrap .verify .id_frm .check_gender label::before	 {content: "";display: inline-block;width:42px;height:32px;position: absolute;left: 0;bottom:0;border:1px solid #c0c0c0; border-radius: 5px;}
.cont_wrap .verify .id_frm .check_gender input[type=checkbox]:checked + label::before	{content: "";width: 44px;height:34px;border: 0;background:url('../image/mobile/ico_gender.png') no-repeat no-repeat 0 0;background-size:43px auto;}
.cont_wrap .verify .id_frm .check_gender input[type=radio]:checked + label::before	{content: "";width: 44px;height:34px;border: 0;background:url('../image/mobile/ico_gender.png') no-repeat no-repeat 0 0;background-size:43px auto;}
.cont_wrap .verify .id_frm .check_gender input[type=checkbox]:checked + label:last-child::before	{background:url('../image/mobile/ico_gender.png') no-repeat no-repeat 0 -43px;background-size:44px auto;}
.cont_wrap .verify .id_frm .check_gender input[type=radio]:checked + label:last-child::before	{background:url('../image/mobile/ico_gender.png') no-repeat no-repeat 0 -43px;background-size:44px auto;}

.cont_wrap .verify .check {overflow:hidden;float:left;width:50%;color:#7c7c7c;padding-top: 10px;}
.cont_wrap .verify .check span {float:left;padding-right:5px;letter-spacing: -1px;}
.cont_wrap .verify .check span input {display: none;}
.cont_wrap .verify .check span:last-child {padding-right:0;}
.cont_wrap .verify .check a.btn {display:block;width: 50px;height: 20px;line-height: 22px;text-align: center;font-size:11px;border: 1px solid #d8dadb;border-radius:2px;color:#7c7c7c;}
.cont_wrap .verify .check button.btn {
	display: block;
	width: 50px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 11px;
	border: 1px solid #d8dadb;
	border-radius: 2px;
	color: #7c7c7c;
	background-color: #fff;
	vertical-align: middle;
    letter-spacing: 0;
}

.cont_wrap .verify .check input + label {display: inline-block;width:18px;height:18px;border: 1px solid #aeb5b8;border-radius:2px;}
.cont_wrap .verify .check input:checked + label:after {display: block;content: '';position: relative;top: 0;left: 2px;width:22px;height:20px;background: url(../image/mobile/ico_check.png) no-repeat no-repeat 0 -24px;background-size:21px 37px;}

.cont_wrap .verify .id_frm .number {height: 35px;border: 1px solid #c9cdd0;box-sizing: border-box;border-radius: 3px;background: #fff;border-right: 0;margin-right: 108px;}
.cont_wrap .verify .id_frm .number input {width:80%;border:0;height:32px;line-height:32px;}
.cont_wrap .verify .id_frm .number em {font-size:13px;padding:8px 10px 7px 0;color: #666;position: absolute;top: 1px;right: 108px;background: #fff;}
.cont_wrap .verify .id_frm a.btn {display: block;position:absolute;top:0;right:0;width:110px;color:#fff;background:#a4acaf;height: 35px;line-height:35px;text-align:center;border-radius: 3px;z-index: -1;}
.cont_wrap .verify .id_frm button.btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 110px;
	color: #fff;
	background: #a4acaf;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #c9cdd0;
}

.cont_wrap .verify.number .number_pop {position:absolute;top:13px;left:0;width:100%;}
.cont_wrap .verify.number .number_pop div {margin:0 15px;padding:22px 0 17px 0;border:1px solid #ff4d59;background:#fff;box-shadow:0 2px 2px 0 #afafaf;}
.cont_wrap .verify.number .number_pop p {width:240px;margin:0 auto;font-size:13px;line-height:22px;text-align:center;color:#080808;}
.cont_wrap .verify.number .number_pop p:first-child {font-size:14px;padding-bottom:15px;}
.cont_wrap .verify.number .number_pop p.c_red {color:#f62d3c;}
/*.cont_wrap .verify.number .number_pop a.close {display:block;width:13px;height:13px;position:absolute;top:13px;right:27px;background:#fff url('../image/mobile/ico_pop_close.png') no-repeat;background-size:13px 13px;text-indent:-9999px;}*/

.cont_wrap .agency {margin-top: 25px;text-align:center;}
.cont_wrap .agency li {display:inline;margin: 0 2px;}
.cont_wrap .agency a {padding:5px 2px;;color:#7b7b7b;font-size:11px;text-align:center;border: 1px solid #d8dadb;border-radius:1px;}
.cont_wrap .agency a span {color:#f63846;}
.cont_wrap .agency button  {
	padding: 5px 2px;;
	color: #7b7b7b;
	font-size: 11px;
	text-align: center;
	border: 1px solid #d8dadb;
	border-radius: 1px;
	background-color: #FFF;
}
.cont_wrap .agency button span {color:#7b7b7b;}
.cont_wrap .agency button span.tel_co {color:#f63846;}

/* 아이디찾기_결과 */
.id_find_wrap {height: 100%;background:#f2f2f2;}
.id_find_wrap .txt_b {font-size:14px;text-align: center;padding-top:20px;color:#272727;font-weight:bold;}
.id_find_wrap .txt_s {padding:5px 0 25px 0;text-align: center;}
.id_find_wrap .find_result {margin:0 13px;padding:14px 20px;background:#fff url('../image/mobile/bg_id_find.jpg') no-repeat 0 top;background-size:100% 130px;}
.id_find_wrap .find_result p {padding:2px 0 30px 0;color:#2b2b2b;}
.id_find_wrap .find_result .event_info li {color:#666;padding-bottom:7px;}
.id_find_wrap .btn_wrap a {background:#fff;}

/* 비밀번호찾기 */
.pw_txt {text-align: center;padding-top:20px;background:#f2f2f2;}
div.cont_wrap {}
div.cont_wrap .check_del {padding-top:5px;text-align: center;}
div.cont_wrap .check_del label {margin:0 30px;padding-left: 35px;line-height: 25px;}
div.cont_wrap .pw_cont {padding:35px 13px 0 13px;box-sizing: border-box;}
div.cont_wrap .pw_cont .text1 {padding-left:5px;color:#3a3a3a;line-height:18px;}
div.cont_wrap .pw_cont .text2 {padding:5px 0 0 5px;color:#8b8b8b;line-height:18px;}
div.cont_wrap .pw_cont .form {padding-top:10px;}
div.cont_wrap .pw_cont .form input {width:100%;margin:5px 0;}


/********* 가맹점 *********/
/* 지도보기 */
/*
#contents .map_wrap {position:relative;width:100%;height:100%;}
#contents .map_wrap #api img {width:100%;height:100%;}
#contents .map_wrap .api_wrap {position:relative;}
#contents .map_wrap .api_wrap span img {width:35px;height:51px;}
#contents .map_wrap .api_wrap span {position:absolute;z-index:999;}
*/
.map_info {position:fixed;bottom:0;width:100%;border-top:1px solid #a5acb0; z-index: 10}
.map_info .name {padding:12px 20px 10px 20px;background:#fff;}
.map_info .name .title {font-weight:bold;color:#2f2f2f;font-size:16px;letter-spacing:-1px;padding-bottom:2px;}
.map_info .name .title span.red {padding-left:17px;background:url('../image/map/ico_map_red_s.png') no-repeat left 1px;background-size:12px auto;}
.map_info .name .title span.green {padding-left:17px;background:url('../image/map/ico_map_green_s.png') no-repeat left 1px;background-size:12px auto;}
.map_info .name .title span.purple {padding-left:17px;background:url('../image/map/ico_map_purple_s.png') no-repeat left 1px;background-size:12px auto;}
.map_info .name .text {font-size:12px;}
.map_info .address {padding:13px 20px 20px 20px;color:#2f2f2f;font-size:12px;background:#fafbfb;border-top:1px solid #d8dbdb;}
.map_info .address p.ico_phone {margin-bottom:5px;padding-left:20px;background:url('../image/map/ico_phone.png') no-repeat left 2px;background-size:14px auto;}
.map_info .address p.ico_address {padding-left:20px;background:url('../image/map/ico_address.png') no-repeat left 2px;background-size:11px auto;}

/* 지도 */
.map_wrap {position:relative;overflow:hidden;width:100%;height:100%;}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}



/* 이 지역 가맹점 */
#contents .map_wrap .franchise_wrap {position:fixed;bottom:0;width:100%;background:#f2f2f2;}
#contents .map_wrap .franchise_wrap .franchise_cont {position:relative;padding:0 30px 13px 30px;border-top: 1px solid #dadcdc;}
#contents .map_wrap .franchise_wrap .franchise_cont .map_info {position:inherit;width:100%;margin-top:-34px;border:1px solid #dbdede;border-top:3px solid #ed1b24;border-radius:5px;}
#contents .map_wrap .franchise_wrap p.prev {position:absolute;top:50%;left:5px;margin-top:-27px;}
#contents .map_wrap .franchise_wrap p.next {position:absolute;top:50%;right:5px;margin-top:-27px;}
#contents .map_wrap .franchise_wrap p.prev img, #contents .map_wrap .franchise_wrap p.next img {width:13px;height:25px;}


/********* 식권이벤트 *********/
.ticket_wrap {position:relative;padding:0 8px 10px 8px;background: #f2f2f2;}
.ticket_wrap li {padding:5px 0;}
.ticket_wrap li .ticket_cont {padding:0.4px 100px 0.3px 0.5px;border:1px solid #c8cacc;border-radius:4px;background:#fff ;height:128px;}
.ticket_wrap li .ticket_sub_cont{float:left;width:100%;}
.ticket_wrap li .ticket_img_cont{position: absolute;right: 9px;float:right;width: 100px;height: 128px;border-top-right-radius:4px;borer-bottom-radius:4px;}
img.ticket_img{width: 100px;height: 100%;border-top-right-radius:4px;}
.ticket_wrap li .ticket_cont .event {padding:10px 15px;background:#fff;color:#717171;}
.ticket_wrap li .ticket_cont .event p.title {color:#181818;font-size:14px;font-weight:bold;}
.ticket_wrap li .ticket_cont .location {color:#616161;border-top:1px solid #c8cacc;background:#fff;}
.ticket_wrap li .ticket_cont .location p {padding:10px 15px;line-height:18px;}
.ticket_wrap li .ticket_cont .location p span.ico_address {display:block;line-height:18px;padding-left:15px;background: url('../image/mobile/ico_address1.png') no-repeat left 3px;background-size: 11px auto;}
.ticket_wrap li .ticket_cont .location p span:last-child {padding-left:15px;}
.ticket_wrap li .ticket_cont .left_btn {padding-left:15px;}
.ticket_wrap .ticket_btn {overflow:hidden;padding:10px 0 5px 0;background: #f2f2f2;border-top:1px solid #d6d7d9;}
.ticket_wrap .ticket_btn > div {padding-top:10px;}
.ticket_wrap .ticket_btn .left_btn {float:left;}
.ticket_wrap .ticket_btn .right_btn {float:right;}
/*.ticket_wrap .ticket_btn .left_btn a, .ticket_btn .right_btn a {display:block;color:#424242;border:1px solid #c8cacc;border-radius:20px;background:#fff url('../image/mobile/ico_location.png') no-repeat;background-size:17px auto;}*/
.ticket_wrap .ticket_btn .left_btn a {padding:6px 10px 6px 27px;background-position:10px 7px;}
.ticket_wrap .ticket_btn .right_btn a {padding:6px 10px 6px 32px;background-position:10px -33px;}
.ticket_wrap .location_pop {position:absolute;top:51px;left:0;width:100%;}
.ticket_wrap .location_pop div {margin:0 15px;padding:22px 0 17px 0;border:1px solid #ff4d59;background:#fff;box-shadow:0 2px 2px 0 #afafaf;}
.ticket_wrap .location_pop p {width:240px;margin:0 auto;font-size:13px;line-height:22px;text-align:center;color:#080808;}
.ticket_wrap .location_pop p a {display:block;padding-top:12px;color:#ff0f21;}
/*.ticket_wrap .location_pop a.close {display:block;width:13px;height:13px;position:absolute;top:13px;right:27px;background:#fff url('../image/mobile/ico_pop_close.png') no-repeat;background-size:13px 13px;text-indent:-9999px;}*/

/* 상세 */
.ticket_detail > ul  > li {padding:15px 0;border-top:1px solid #c8cacc;text-align:center;}
.ticket_detail > ul li p.title {color:#181818;font-size: 14px;font-weight: bold;}
.ticket_detail > ul li p.txt1 {color:#222;font-size: 13px;padding-bottom:5px;}
.ticket_detail > ul li p.txt2 {color:#848484;line-height:18px;}
/*.ticket_detail > ul li p.txt2 span:first-child {padding-right:15px;margin-right:15px;background:url('../image/mobile/bg_txt_bar.png') no-repeat right 0;background-size:auto 12px;}*/
.ticket_detail > ul li:last-child {padding:0 13px;text-align:left;}
.ticket_detail > ul li:last-child .btn_wrap {position:relative;}
.ticket_detail > ul li:last-child .btn_wrap a.p_ab {position:absolute;right:0;top:21px;}
.ticket_detail > ul li:last-child .btn_wrap span {margin-right:90px;display:block;}
.ticket_detail > ul li:last-child .btn_wrap span input {width:100%;}
.ticket_detail > ul li .coupon_area {margin-top:17px;background:#787878;}
.ticket_detail > ul li .txt_area {padding:15px 0 10px 0;color:#070707;}
.event_info {color:#070707;}
/*.event_info li {line-height:20px;padding-left:8px;background:url('../image/mobile/bl_list.png') no-repeat left 8px;background-size:3px 3px;}*/

/* 팝업 */
.popup_warp .ticket {font-size:13px;text-align:center;padding:25px 16px;line-height:18px;color:#2f2f2f;}

/********* 설정 *********/
/* 공지사항 */
.tab_wrap {position:relative;}
.tab_wrap ul.tab_list > li {float:left;width:50%;height:60px;padding:15px 0;background:#f2f2f2;box-sizing:border-box;}
.tab_wrap ul.tab_list > li:first-child {padding-left:41px;}
.tab_wrap ul.tab_list > li:last-child {padding-right:41px;}
.tab_wrap ul.tab_list > li > a {position:relative;display:block;text-align: center;padding:7px;color:#999;font-weight:bold;font-size:12px;}
.tab_wrap ul.tab_list > li:first-child > a {background:url('../image/mobile/bg_tab_left.jpg') no-repeat left top;background-size:auto 73px;}
.tab_wrap ul.tab_list > li:first-child.active > a {color:#fff;background:url('../image/mobile/bg_tab_left.jpg') repeat-x left bottom;background-size:auto 72px;}
.tab_wrap ul.tab_list > li:last-child > a {background:url('../image/mobile/bg_tab_right.jpg') no-repeat right top;background-size:auto 73px;}
.tab_wrap ul.tab_list > li:last-child.active > a {color:#fff;background:url('../image/mobile/bg_tab_right.jpg') no-repeat right bottom;background-size:auto 72px;}
.tab_wrap ul div.cont_wrap {display:none; position:absolute; width:100%; top:35px; left:0; border:0; padding:25px 0;word-wrap: break-word;}
.tab_wrap ul.tab_list li.active div.cont_wrap {display:block;}
div.cont_wrap .notice_list, div.cont_wrap .custom_list {border-top:1px solid #d2d6d7;}
div.cont_wrap .notice_list li {border-bottom:1px solid #d3d6d6;background:url('../image/mobile/icon_arr_notice.jpg') no-repeat right 24px;background-size:30px auto;}
div.cont_wrap .notice_list li > div {display:block;padding:18px 13px;}
div.cont_wrap .notice_list li .title, div.cont_wrap .custom_list li .title {font-size:12px;color:#2f2f2f;padding-bottom:5px;}
div.cont_wrap .notice_list li .date, div.cont_wrap .custom_list li .date {font-size:11px;color:#999;}
div.cont_wrap .notice_list.view li {background:none;}
div.cont_wrap .notice_list.view li .view_cont {padding:17px 13px;color:#2f2f2f;line-height:18px;font-size:12px;}
div.cont_wrap .notice_list.view li .view_cont p {padding-bottom:20px;}

 /* 공지팝업 */
.popup_warp .notice {padding:25px 16px;line-height:18px;color:#2f2f2f;}
.popup_warp .notice p {padding-bottom:20px;}
.popup_warp .left_area {overflow:hidden;width: 100%;background:#999;height: 44px;line-height: 44px;font-size:14px;color:#fff;padding-left:30px;}
.popup_warp .left_area label {vertical-align: -3px;margin-left: 5px;}
.popup_warp .right {position:absolute;top:0;right:0;width:90px;display:block;}
.popup_warp .left a, .popup_warp .right a {width:100%;}

/* 고객센터 */
div.cont_wrap .custom_list li {border-bottom:1px solid #d3d6d6;}
div.cont_wrap .custom_list .qna_list {position:relative;padding:18px 13px;}
div.cont_wrap .custom_list .qna_list .title {float: none;}
div.cont_wrap .custom_list .left {margin-right:60px;}
div.cont_wrap .custom_list .left .title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.cont_wrap .custom_list .right {position:absolute;top:25px;right:13px;width:50px;}
/* div.cont_wrap .custom_list .qna_list a {display:block;width:50px;height:24px;line-height:24px;font-size:11px;color:#fff;border-radius:3px;text-align:center;} */
/* div.cont_wrap .custom_list .qna_list .right a.btn_q {background:#ff5c5e;}
div.cont_wrap .custom_list .qna_list .right a.btn_a {background:#ff9966;} */
div.cont_wrap .custom_list span.btn_a {display:block;width:50px;height:24px;line-height:24px;font-size:11px;color:#fff;border-radius:3px;text-align:center;}
div.cont_wrap .custom_list span.btn_q {display:block;width:50px;height:24px;line-height:24px;font-size:11px;color:#fff;border-radius:3px;text-align:center;}

div.cont_wrap .custom_list .btn_q {background:#ff5c5e;}
div.cont_wrap .custom_list .btn_a {background:#ff9966;}

div.cont_wrap .ft_text {color:#999;line-height:18px;font-size:12px;text-align:center;margin-top:25px;padding-top:23px;background:url('../image/mobile/ico_text.png') no-repeat center top;background-size:16px auto;}
div.cont_wrap .custom_list .qna_frm {position:relative;}
div.cont_wrap .custom_list .qna_frm dt {position:absolute;top:18px;left:13px;width:93px;color:#666;font-size:12px;}
div.cont_wrap .custom_list .qna_frm dd {margin-left:93px;padding:8px 13px;}
div.cont_wrap .custom_list .qna_frm dd.textarea {margin-left: 0;padding-top: 45px;}
div.cont_wrap .custom_list .qna_frm dd input, div.cont_wrap .custom_list .qna_frm dd select {width:100%;}
div.cont_wrap .custom_list .qna_frm dd textarea {width:100%;height:170px;}
div.cont_wrap .custom_list.view .qna_frm dt {top:18px;}
div.cont_wrap .custom_list.view .qna_frm dd {padding:18px 0;font-size:12px;color:#2f2f2f;}
div.cont_wrap .custom_list.view .qna_area {padding:18px 13px;}
div.cont_wrap .custom_list.view .qna_area p {padding-top:10px;font-size:12px;color:#2f2f2f;line-height:18px;}
div.cont_wrap .title span.pay {font-size:12px;color:#666;}

/* 자주묻는 질문 */
.cont_wrap .category {background:#f2f2f2;padding: 18px 13px;}
.cont_wrap .category .sch_frm {margin-bottom:10px;}
.cont_wrap .category .sch_frm input {color:#2f2f2f;padding:18px 40px 18px 17px;width:100%;border-radius:5px;background:#fff url('../image/mobile/ico_sch.png') no-repeat right 10px;background-size: 26px auto;}
.cont_wrap .category .category_list {overflow:hidden;}
.cont_wrap .category .category_list li {float:left;width:33.3%;padding:10px 0 0 10px;box-sizing: border-box;}
.cont_wrap .category .category_list li:nth-child(1), div.cont_wrap .category .category_list li:nth-child(4), div.cont_wrap .category .category_list li:nth-child(7) {padding-left:0;}

.cont_wrap .category .category_list span {
	display: block;
	color: #676767;
	padding: 10px 0;
	border: 1px solid #c9cdd0;
	border-radius: 5px;
	text-align: center;
	background: #fff;
}

.cont_wrap .category .category_list span.on, div.cont_wrap .category .category_list span:hover {
	color: #f62d3c;
	border: 1px solid #f62d3c;
}

.cont_wrap .notice_list.qna li {position:relative;background:none;}
/*.cont_wrap .notice_list.qna li span.open {position:absolute;top:25px;right:0;width:25px;height:25px;text-indent:-9999px;background:url('../image/mobile/ico_list_arrow.png') no-repeat 0 top;background-size:25px auto;}*/
/*.cont_wrap .notice_list.qna li span.close {display:none;position:absolute;top:30px;right:13px;width:23px;height:15px;text-indent:-9999px;background:url('../image/mobile/ico_list_arrow.png') no-repeat 0 -56px;background-size:23px auto;}*/
.cont_wrap .notice_list.qna li .view {display:none;background:#fbfbfb;padding: 18px 13px;line-height:18px;border-top: 1px solid #d3d6d6;}

div.foot_wrap {border-top:1px solid #d3d6d6; text-align:center; background-color:#f2f2f2; width:100%; height:62px; bottom:0;}
div.foot_wrap ul.foot_text div.center {width:300px; margin:0 auto; margin-top:16px;}
div.foot_wrap ul.foot_text div.left {float:left; margin:0 10px 0 0}
div.foot_wrap ul.foot_text div.left p.service {color:#666666; font-size:12px;}
div.foot_wrap ul.foot_text div.right {float:left; margin:0 0 0 10px;}
div.foot_wrap ul.foot_text div.right p.service {color:#666666; font-size:12px;}
div.foot_wrap ul.foot_text div.bottom {padding-top:18px;}
div.foot_wrap ul.foot_text p.policy {color:#999999; font-size:10px;}


/* 알림
div.cont_wrap .alim li {background:none;}
div.cont_wrap .alim li a {overflow:hidden;}
div.cont_wrap .alim .check_del {float:left;padding-top:15px;}
div.cont_wrap .alim .txt_wrap {float:left;padding-left:35px;}

h2 {padding:12px 0;text-align:center;font-size:14px;color:#2f2f2f;border-bottom:1px solid #e1e3e3;}
.address_sch {padding:15px 13px;background: #f2f2f2;color:#999;line-height:18px;}
.address_sch .sch_frm {margin-bottom:10px;}
.address_sch .sch_frm input {font-size:12px;color:#2f2f2f;padding:18px 12px 18px 17px;width:100%;border-radius:5px;background:#fff url('../image/mobile/ico_sch.png') no-repeat right 10px;background-size: 26px auto;}
div.cont_wrap .address a {position:relative;}
div.cont_wrap .address .num {position:absolute;top:50%;left:13px;margin-top:-10px;width:64px;color:#999;}
div.cont_wrap .address .title {margin:0 20px 0 64px;font-weight:bold;line-height:18px;}
.popup_warp .address_frm li {padding:18px;border-bottom:1px solid #d3d6d6;}
.popup_warp .address_frm li.num {color:#999;}
.popup_warp .address_frm li.address {font-weight:bold;line-height:18px;}
.popup_warp .address_frm li input {width:100%;}
*/

/* 프로모션 코드관리 상단 텍스트 */
.promotion_warp {padding:0 13px;}
.promotion_warp h2 {padding:12px 0;text-align:left;font-size:14px;font-weight:normal;color:#f62d3c;border-bottom:1px solid #f62d3c;}

/* 프로모션 코드관리 */
.promotion_warp .ticket {font-size:13px;text-align:left;padding:15px 0;line-height:18px;color:#2f2f2f;}
.promotion_code{height:50px;font-size:13px;padding:0 10px 10px 0; line-height:18px;color:#2f2f2f;}
.promotion_code .code_text span{margin-right:10px;}
div.promotion_bottom .ft_text {color:#999;line-height:18px;font-size:12px;text-align:center;margin-top:25px;margin-bottom:20px;padding-top:23px;background:url('../image/mobile/ico_text.png') no-repeat center top;background-size:16px auto;}
div.promotion_wrap .notice_list, div.cont_wrap .custom_list {border-top:1px solid #d2d6d7;overflow:hidden;}
div.promotion_wrap .notice_list li {border-bottom:1px solid #d3d6d6;background-size:30px auto;padding:18px 13px;}
div.promotion_wrap .notice_list li > a {display:block;padding:18px 13px;}
div.promotion_wrap .notice_list li .title, div.cont_wrap .custom_list li .title {font-size:12px;float:right;color:#2f2f2f;padding-bottom:5px;}
div.promotion_wrap .notice_list li .title_code, div.cont_wrap .custom_list li .title_code {font-size:12px;float:left;color:#2f2f2f;padding-bottom:5px;}
div.promotion_wrap .notice_list li .date, div.cont_wrap .custom_list li .date {font-size:11px;color:#999;}
div.promotion_wrap .notice_list.view li {background:none;}
div.promotion_wrap .notice_list.view li .view_cont {padding:17px 13px;color:#2f2f2f;line-height:18px;font-size:12px;}
div.promotion_wrap .notice_list.view li .view_cont p {padding-bottom:20px;}
.promotion_list {display:inline-block;width:100%;position:relative;word-wrap:break-word;}
.promotion_btn a.btn_m {display:inline-flex;width:52px;height:32px;line-height:32px;margin: 0 auto;color:#f62d3c;font-size:12px;border:1px solid #f62d3c;border-radius:3px;}
.btn_text{margin-left:14px}
.promotion_position {position:relative;}
.promotion_text{margin-right:50px;}
.promotion_position_b {position:absolute; top:1px;right: -10px; display: inline-block;}

/* KCB 휴대폰 본인인증 서비스 */
.kcb_txt {padding:20px 13px;color:#666;font-size:13px;padding-top:20px;background:#f2f2f2;}

.tab_wrap.kcb {padding-bottom: 15px;background: #f2f2f2;}
.tab_wrap.kcb ul {height: 296px;border: 1px solid #d2d6d7;border-radius:5px;overflow: hidden;margin: 0 13px;}
.tab_wrap.kcb ul.tab_list > li {width:33.3%;padding:0;height:auto;}
.tab_wrap.kcb ul.tab_list > li:first-child {padding-left:0;}
.tab_wrap.kcb ul.tab_list > li:last-child {padding-right:0;}
.tab_wrap.kcb ul.tab_list > li > a {position:relative;display:block;text-align: center;padding:10px 10px 12px 10px;color:#999;font-weight:bold;font-size:12px;}
.tab_wrap.kcb ul.tab_list > li > a, .tab_wrap.kcb ul.tab_list > li:first-child > a, .tab_wrap.kcb ul.tab_list > li:last-child > a {background:#fff;}
.tab_wrap.kcb ul.tab_list > li.active > a, .tab_wrap.kcb ul.tab_list > li:first-child.active > a, .tab_wrap.kcb ul.tab_list > li:last-child.active > a {color:#fff;background:#999;}
.tab_wrap.kcb .cont_wrap, .agree_wrap {top:36px;background:#f2f2f2;padding:0 0 15px 0;}
.tab_wrap.kcb .cont_wrap .agree {overflow:auto;height:234px;padding:15px;border: 1px solid #d2d6d7;background:#fff;margin:0 13px 0 13px;border-top:0;}
.agree_wrap .agree {overflow:auto;height:244px;padding:15px;border: 1px solid #d2d6d7;border-radius: 5px;background:#fff;margin:0 13px 0 13px;}
.tab_wrap.kcb .cont_wrap .agree p, .agree_wrap p {font-size:13px;font-weight:bold;}
.btn_wrap.bg_g .btn_b {background:#fff;}
.kcb_logo {overflow:hidden;padding:10px 20px;}

/* 키오스크 화면(신 디자인) */
.kiosk_wrap {height:1920px; background-image: url("../image/mobile/kiosk_back.png"); background-repeat: no-repeat; background-position: center top;}
.kiosk_header_greetings {text-align:center; color:#ffffff; font-size:40px; padding:35px 0px 36px 0px; line-height:50px;}
.kiosk_header_menu_text {text-align:center; color:#fcf78b; font-size:80px; margin-bottom:170px;}
.kiosk_content_mealcode {height:27px; text-align:center; color:#4b4c4d; font-size:55px; font-weight:bold;}
.kiosk_menu_wrap {margin:0 auto; margin-top:22px; margin-bottom:10px; width:1080px; min-height:370px;}
.kiosk_menu_image_wrap {display:inline-block; margin:15px 20px 0px 80px; width:450px; height:280px; float:left; border-radius:20px;}
.kiosk_menu_image {width:450px; height:280px; border-radius:20px;}
.kiosk_menu_text_wrap {width:500px; height:280px; display:inline-block; margin-top:10px; text-align:left;}
.kiosk_menu_text {font-size:30px; min-height:275px; color:#1a354d; margin:0px; word-wrap: break-word; word-break: break-all; line-height:39px;}
.kiosk_menu_origin_text {font-size:30px; color:#1a354d; line-height:40px; text-align:center; margin:0px auto; margin-top:20px; margin-bottom:25px; width:940px;}
.kiosk_result_wrap {margin:0px auto; width:1000px; height:300px; background-color:#dfe1e6; padding-top:20px; padding-bottom:20px;}
.kiosk_result_text1 {width:250px; height:55px; text-align:center; margin:0px auto; padding-top:15px; font-size:35px; font-weight:bold; color:#ffffff;}
.kiosk_result_text2 {margin:0px auto; margin-top:15px; text-align:center; font-size:55px; font-weight:bold; color:#001d4d; line-height:normal; min-height: 30px;}
.kiosk_result_text3 {margin:0px auto; margin-top:25px; text-align:center; font-size:40px; color:#383838;}
.kiosk_result_error_wrap {height:90px;}
.kiosk_result_error_text {text-align:center; font-size:25px; color:#41556e;}
.kiosk_footer_wrap {width:100%; text-align:center; padding-top:120px;}
.kiosk_content_subtitle {text-align:center; color:#4b4c4d; font-size:55px; padding-top:100px; }


/* 키오스크 화면(신 디자인 v2) - 메뉴 1개타입 */
.kiosk_wrap_v2 {font-family:BMDOHYEON_ttf; height:1920px; background-image: url("../image/mobile/kiosk_back_v2.png"); background-repeat: no-repeat; background-position: center top;}
.kiosk_header_greetings_v2 {text-align:center; color:#ffffff; font-size:40px; padding:35px 0px 36px 0px; line-height:50px;}
.kiosk_header_menu_text_v2 {text-align:center; color:#262626; font-size:140px; padding-top:570px; margin-bottom:140px;}
.kiosk_content_mealcode_v2 {height:27px; text-align:center; color:#4b4c4d; font-size:55px; font-weight:bold;}
.kiosk_menu_wrap_v2 {margin:0 auto; margin-top:22px; margin-bottom:10px; width:1080px; min-height:370px;}
.kiosk_menu_image_wrap_v2 {display:inline-block; margin:15px 20px 0px 80px; width:450px; height:280px; float:left; border-radius:20px;}
.kiosk_menu_image_v2 {width:450px; height:280px; border-radius:20px;}
.kiosk_menu_text_wrap_v2 {width:100%; height:280px; display:inline-block; margin-top:10px; text-align:left;}
.kiosk_menu_text_v2 {font-family:BMDOHYEON_ttf; font-size:45px; min-height:275px; color:#262626; margin:0px; word-wrap: break-word; word-break: break-all; line-height:60px; text-align:center;}
.kiosk_menu_origin_text_v2 {font-size:30px; color:#262626; line-height:40px; text-align:center; margin:0px auto; margin-top:60px; margin-bottom:130px; width:940px;}
.kiosk_result_wrap_v2 {margin:0px auto; width:932px; height:260px; background-image: url("../image/mobile/kiosk_status_border_large_v2.png"); background-repeat: no-repeat; padding-top:20px; padding-bottom:20px;}
.kiosk_result_text1_v2 {width:250px; height:55px; text-align:center; margin:0px auto; padding-top:15px; font-size:35px; font-weight:bold; color:#ffffff;}
.kiosk_result_text2_v2 {font-family:BMDOHYEON_ttf; margin:0px auto; margin-top:15px; text-align:center; font-size:55px; color:#001d4d; line-height:normal; min-height: 30px;}
.kiosk_result_text3_v2 {font-family:BMDOHYEON_ttf; margin:0px auto; margin-top:5px; text-align:center; font-size:40px; color:#383838;}
.kiosk_result_error_wrap_v2 {height:90px;}
.kiosk_result_error_text_v2 {text-align:center; font-size:25px; color:#41556e;}
.kiosk_footer_wrap_v2 {width:100%; text-align:center; padding-top:120px;}
.kiosk_content_subtitle_v2 {text-align:center; color:#4b4c4d; font-size:55px; padding-top:100px; height:426px;}

/* 키오스크 화면(신 디자인 v2) - 메뉴 2개타입 */
.kiosk_wrap_v2_type2 {font-family:BMDOHYEON_ttf; height:1920px; background-image:url("../image/mobile/kiosk_back_v2.png"); background-repeat: no-repeat; background-position: center top;}
.kiosk_header_greetings_v2_type2 {text-align:center; color:#ffffff; font-size:40px; padding:35px 0px 36px 0px; line-height:50px;}
.kiosk_header_menu_text_v2_type2 {text-align:center; color:#262626; font-size:120px; padding-top:190px; margin-bottom:110px;}
.kiosk_content_mealcode_v2_type2 {height:27px; text-align:center; color:#4b4c4d; font-size:55px; font-weight:bold;}
.kiosk_menu_wrap_v2_type2 {margin:0 auto; margin-top:30px; margin-bottom:10px; width:1080px; min-height:370px;}
.kiosk_menu_image_wrap_v2_type2 {display:inline-block; margin:15px 20px 0px 80px; width:450px; height:280px; float:left; border-radius:20px;}
.kiosk_menu_image_v2_type2 {width:450px; height:280px; border-radius:20px;}
.kiosk_menu_text_wrap_v2_type2 {width:100%; height:280px; display:inline-block; margin-top:10px; text-align:left;}
.kiosk_menu_text_v2_type2 {font-family:BMDOHYEON_ttf; font-size:40px; min-height:275px; color:#262626; margin:0px; word-wrap: break-word; word-break: break-all; line-height:60px; text-align:center;}
.kiosk_menu_origin_text_v2_type2 {font-size:30px; color:#262626; line-height:40px; text-align:center; margin:0px auto; margin-top:25px; margin-bottom:80px; width:940px;}
.kiosk_result_wrap_v2_type2 {margin:0px auto; width:932px; height:260px; background-image: url("../image/mobile/kiosk_status_border_large_v2.png"); background-repeat: no-repeat; padding-top:20px; padding-bottom:20px;}
.kiosk_result_text1_v2_type2 {width:250px; height:55px; text-align:center; margin:0px auto; padding-top:15px; font-size:35px; font-weight:bold; color:#ffffff;}
.kiosk_result_text2_v2_type2 {font-family:BMDOHYEON_ttf; margin:0px auto; margin-top:15px; text-align:center; font-size:55px; color:#001d4d; line-height:normal; min-height: 30px;}
.kiosk_result_text3_v2_type2 {font-family:BMDOHYEON_ttf; margin:0px auto; margin-top:5px; text-align:center; font-size:40px; color:#383838;}
.kiosk_result_error_wrap_v2_type2 {height:90px;}
.kiosk_result_error_text_v2_type2 {text-align:center; font-size:25px; color:#41556e;}
.kiosk_footer_wrap_v2_type2 {width:100%; text-align:center; padding-top:120px;}
.kiosk_content_subtitle_v2_type2 {text-align:center; color:#4b4c4d; font-size:55px; padding-top:100px; height:426px;}

.join_form_header {color: #ffffff;position: absolute;width: 100%;text-align: center;margin-top: 10px;font-size: 25px;}
.join_intro_background {opacity:80%; position:fixed; background-color:#ed1b24; width:100%; height:100%;}
.join_intro_image_area {position: absolute; left: 0; right: 0; text-align: center;}
.join_intro_memo_area {color: #ffffff; position: absolute; margin-top: 200px; font-size: 20px; text-align: center; left: 0; right: 0;}
.join_intro_btn_join {width: 40%; left: 7%; position: absolute; height: 40px; z-index: 999; right: 0; text-align: center;  font-size: 20px; padding-top: 15px; background-color: #354052; color: #ffffff; border-radius: 50px; margin-top: 550px; margin-bottom: 40px; box-shadow:5px 5px 5px #212121;}
.join_intro_btn_appdown {width: 40%; right: 7%; position: absolute; height: 40px; z-index: 999; text-align: center; font-size: 20px; padding-top: 15px;background-color: #23283c;color: #ffffff;border-radius: 50px;margin-top: 550px;margin-bottom: 40px;box-shadow:5px 5px 5px #212121;}
.join_intro_btn_appuse {position: absolute; color: #ffffff; right: 7%;font-size: 15px;margin-top: 620px;margin-bottom: 20px;}
.join_form_background {opacity:70%; position:fixed; background-color:#ed1b24; width:100%; height:100%;background-size: 100px;background-image:url("../image/mobile/olive_join_background.png"); background-repeat: no-repeat; background-position: center;}
.join_form_name_area {width:80%; position:absolute; border: 0px; left: 10%; border-radius: 50px; opacity:80%; margin-top:150px;margin-left:-10px;}
.join_form_name_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff;box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_mobile_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px;opacity: 90%;margin-top:220px;margin-left:-10px;}
.join_form_mobile_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;float: left;background-color: #ffffff;box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_depart_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:500px;margin-left:-10px;}
.join_form_depart_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff; box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_mobile_btn {border:0px;border-radius:50px;width: 100px;height: 60px;text-align: center;font-size: 25px;float: right;background-color: #354052;color: #ffffff;box-shadow:5px 5px 5px #212121;}
.join_form_confirm_area {width:80%;position:absolute;border: 0px;left: 10%;border-radius: 50px;opacity: 90%;margin-top:360px;margin-left:-10px;}
.join_form_confirm_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff;box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_btn_next {width: 80%;left: 10%;position: absolute;height: 40px;z-index: 999;text-align: center;font-size: 20px;padding-top: 15px;background-color: #354052;color: #ffffff;border-radius: 50px;margin-top: 550px;margin-bottom: 40px;box-shadow:5px 5px 5px #212121;}

.join_form_name_area1 {width:80%; position:absolute; border: 0px; left: 10%; border-radius: 50px; opacity:80%; margin-top:220px;}
.join_form_name_input1 {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff;box-shadow:5px 5px 5px;}
.join_form_mobile_area1 {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:290px;}
.join_form_mobile_input1 {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff;box-shadow:5px 5px 5px;}
.join_form_id_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:290px;margin-left:-10px;}
.join_form_id_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff;box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_passwd_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:360px;margin-left:-10px;}
.join_form_passwd_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff; box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_birthday_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:430px;margin-left:-10px;}
.join_form_birthday_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff; box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_empNo_area {width:80%; position:absolute; border: 0px; left: 10%;border-radius: 50px; opacity:80%; margin-top:570px;margin-left:-10px;}
.join_form_empNo_input {border:0px;border-radius:50px;width: 100%;height: 60px;font-size: 25px;background-color: #ffffff; box-shadow:5px 5px 5px;padding-left:20px;}
.join_form_btn_join {width: 80%;left: 10%;position: absolute;height: 40px;z-index: 999;text-align: center;font-size: 20px;padding-top: 15px;background-color: #354052;color: #ffffff;border-radius: 50px;margin-top: 720px;margin-bottom: 40px;box-shadow:5px 5px 5px #212121;}

.qr_title {font-size: 35px; color: #ed1b24; text-align: center; padding-top: 30px; font-weight: bold;}
.qr_contents {text-align: center;}
.qr_qrcode {display:inline-block; text-align: center; padding: 30px; margin-top: 15px; border: 1px solid #000000; border-radius: 30px;}
.qr_message {padding-top: 20px; font-size: 20px;}
.qr_point {font-size: 18px; padding-top: 15px;}
.qr_category {font-size: 18px; padding-top: 15px;}

/* form_table */
.form_table {}
.form_table:after {display:block; clear:both; content:'';}
.form_table > li {overflow:hidden; position:relative; width:100%; padding:5px 0; border-top:1px solid #ddd; text-align:left;}
.form_table > li:first-child,
.form_table > li:first-child.type01 + li.type01 {border-color:#ed1b24;}
.form_table > li:after {display:block; clear:both; content:'';}
.form_table > li.type01 {float:left; width:50%;}
.form_table .tit_outer {position:absolute; left:0; top:0; z-index:1; width:160px; height:100%;}/* 2016-12-21_수정 */
.form_table .tit_outer .tit_inner {display:table; width:100%; height:100%; background:#f0f1f2;}
.form_table .tit_outer .tit_inner .tit {display:table-cell; padding:0 0 0 20px; text-align:left; vertical-align:middle; color:#2f2f2f; font-weight:700; font-size:17px;}
.form_table label {cursor:pointer;}
.form_table .inner {position:relative; padding:0 0 0 170px; color:#666; font-size:17px;} /* 2016-12-21_수정 */
.form_table .inner:after {display:block; clear:both; content:'';}
.form_table .inner.txtBox {padding-top:7px; padding-bottom:6px; line-height:1.5;}
.form_table .inner .txtArea {line-height:1.5;}
.form_table .inner .pt10 {padding-top:10px;} /* 2016-12-15_추가 */

.form_table .inner .txt_type01 {float:left; padding-top:5px; padding-right:10px;} /* 2016-12-20_추가 */

.form_table .inner .selectBox,
.form_table .inner .radio_list,
.form_table .inner .check_list {display:inline-block; vertical-align:middle;}
.form_table .inner .span_fromto {width:5px;}