/* 웹폰트 : 나눔스퀘어라운드 */
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

/* 슬라이드 갤러리 */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter { overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.lightSlider:before, .lightSlider:after { content: " "; display: table;}
.lightSlider { overflow: hidden;}
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative;}
.lSSlideWrapper > .lightSlider:after { clear: both;}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;}
.lSSlideWrapper .lSFade { position: relative;}
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%;}
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;}
.lSSlideWrapper .lSFade > *.active { z-index: 10;}
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1;}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center;}
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px;}
.lSSlideOuter .lSPager.lSpg > li a { position: relative; display: inline-block; height: 7px; overflow: hidden; text-indent: -999em; width: 7px; z-index: 99;
	background-color: #b7b7b7;
	border-radius: 27px; 
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {  background-color: #fe5d0d;}
.lSSlideOuter .media { opacity: 0.8;}
.lSSlideOuter .media.active { opacity: 1;}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden;
	transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px;}
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%;}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table;}
.lSSlideOuter .lSPager.lSGallery:after { clear: both;}
/* End of Gallery*/

/* slider actions */
.lSAction > a { position: absolute; top: 50%; display: block; width: 32px; height: 32px; margin-top: -16px; cursor: pointer; z-index: 9999;
	background-image: url('../img/controls.png');        
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;}
.lSAction > a:hover { opacity: 1;}
.lSAction > .lSPrev { background-position: 0 0; left: 10px;}
.lSAction > .lSNext { background-position: -32px 0; right: 10px;}
.lSAction > a.disabled { pointer-events: none;}
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}

/* vertical */
.lSSlideOuter.vertical { position: relative;}
.lSSlideOuter.vertical.noPager { padding-right: 0px !important;}
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0;}
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important;}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0;}
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto;}
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px;}
/* vertical */

/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl;}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none;}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0;}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left;}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li { float: right !important;}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% { left: 0;}
    50% { left: -15px;}
    100% { left: 0;}}
@keyframes rightEnd {
    0% { left: 0;}
    50% { left: -15px;}
    100% { left: 0;}}
@-webkit-keyframes topEnd {
    0% { top: 0;}
	50% { top: -15px;}
    100% { top: 0;}}
@keyframes topEnd {
    0% { top: 0;}
    50% { top: -15px;}
    100% { top: 0;}}
@-webkit-keyframes leftEnd {
    0% { left: 0;}
    50% { left: 15px;}
    100% { left: 0;}}
@keyframes leftEnd {
    0% { left: 0;}
    50% { left: 15px;}
    100% { left: 0;}}
@-webkit-keyframes bottomEnd {
    0% { bottom: 0;}
    50% { bottom: -15px;}
    100% { bottom: 0;}}
@keyframes bottomEnd {
    0% { bottom: 0;}
    50% { bottom: -15px;}
    100% { bottom: 0;}}
.lSSlideOuter .rightEnd {
	-webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;}
/*/  GRab cursor */
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;}


/* 사전예약 [18.09.20] */
.reservation_wrap { font-size: 1em; letter-spacing: -1px;
	background: #f9f4f4;}


/* 사전예약 : TAB 메뉴 */
div.reservation_menu { padding: 0 0 5px 0;}
div.reservation_menu ul { overflow: hidden;
	background: #fff;
	border-bottom:1px solid #eaeaea;}
div.reservation_menu ul li { float: left; cursor: pointer; padding: 10px 0 7px 0;
	color: #2e2d2c;
	border-bottom: 2px solid #fff;}
div.reservation_menu ul li.li_1th { width: 23%;}
div.reservation_menu ul li.li_2th { width: 13%;}
div.reservation_menu ul li.li_3th { width: 23%;}
div.reservation_menu ul li.li_4th { width: 23%;}
div.reservation_menu ul li.li_5th { width: 18%;}
div.reservation_menu ul li span { display: block; text-align: center; font-size: 1.2em; font-family: 'NanumSquareRound',sans-serif;}
div.reservation_menu ul li span:first-child { font-weight: 800;}
div.reservation_menu ul li span:last-child { 
	color: #ff4200;}
div.reservation_menu ul li.li_activ { 
	color: #ff4200;
	border-bottom: 2px solid #ff4200;}


/* 사전예약 & 쿠폰 : 리스트 */
div.reserv_listWrap { padding: 0 5px;}

ul.reserv_title { position: relative; margin: 0 5px;}
ul.reserv_title li.title_st01 { padding-left: 5px; margin: 10px 0 7px 0; font-size: 1.4em; font-weight: 800;
	color: #000;}
ul.reserv_title li.title_st02 { padding-left: 20px; margin: 10px 0 7px 0; font-size: 1.4em; font-weight: 800;
	color: #d65022;
	background: left 4px url(//appdata.hungryapp.co.kr/images/main/coupon/img_icoDiamond.png) no-repeat;
	background-size: 18px auto;}
ul.reserv_title li.reserv_more { position: absolute; top: 3px; right: 0;  font-size: 1em; font-weight: 800;}  /* 더보기 */

div.reserv_bbsList { position: relative; margin: 0 0 5px 0; padding: 6px;
	background: #fff;
	border: 1px solid #dfd2cd;
	border-radius: 10px;}

	/* > 추천 아이콘 */
img.icon_listHot { position: absolute; width: 50px; top: 7px; right: -3px;} 

	/* > 발급 상태 */
div.icon_progress { position: absolute; width: 40px; height: 18px; line-height: 19px; top: 7px; right: 5px; text-align: center;
	font-size: 0.8em; font-weight: bold; font-family: 'NanumSquareRound',sans-serif;
	background: #fff;
	border-radius: 5px;} 
div.progress_st01 { color: #a8372e; border: 1px solid #b1372a;}
div.progress_st02 { color: #555555; border: 1px solid #555555;}

div.reserv_list { position: relative; height: 60px; padding-left: 70px; cursor: pointer;}
div.reserv_listicon { position: absolute; width: 60px; top: 0; left: 0;}

ul.reserv_info {}
ul.reserv_info li { color: #010101; font-family: 'NanumSquareRound',sans-serif;}
ul.reserv_info li.bbs_title01 strong, ul.reserv_info li.bbs_title01 span { display: block;}
ul.reserv_info li.bbs_title01 strong { padding-top: 3px; margin-right: 30px; font-size: 1.4em; font-weight: 800; 
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
ul.reserv_info li.bbs_title01 span { font-size: 0.8em;padding-top: 10px;}
ul.reserv_info li.bbs_giftInfo { padding-top: 9px; font-size: 1em; font-weight: 800; 
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

ul.reserv_getBtn { position: relative; margin-top: 7px; overflow: hidden; cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);}
ul.reserv_getBtn li.getBtn_st01 { margin-right: 100px;}
ul.reserv_bd01 { border: 1px solid #b1372a;}
ul.reserv_bd02 { border: 1px solid #506c8a;}
ul.reserv_bd01 li.getBtn_st02, ul.reserv_bd02 li.getBtn_st02 { position: absolute; width: 100px; top: 0; right: 0; }
ul.reserv_bd01 li.getBtn_st01 { color: #fff; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0101.gif) repeat-x;}
ul.reserv_bd01 li.getBtn_st02 { color: #a8372e; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0102.gif) repeat-x;}
ul.reserv_bd02 li.getBtn_st01 { color: #fff; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0201.gif) repeat-x;}
ul.reserv_bd02 li.getBtn_st02 { color: #1f3b5e; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0202.gif) repeat-x;}
	/* > 사전예약 활성화 : 쿠폰 */
ul.reserv_bd01 li.get_btnOn, ul.reserv_bd02 li.get_btnOn { 
	color: #fff; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar_on.gif) repeat-x;}

ul.reserv_getBtn li { height: 28px; line-height: 30px; text-align: center; font-size: 1.2em; font-weight: 800; font-family: 'NanumSquareRound',sans-serif;
	background-size: 1px 100%;}
	/* > 리스트 : 쿠폰 */
ul.reserv_bd02 li.getBtn_st03 { color: #1f3b5e; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0202.gif) repeat-x;}
ul.reserv_bd02 li.getBtn_st04 { position: relative; text-align: left; padding-left: 10px;
	color: #1f3b5e; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0302.gif) repeat-x;}/* [수정 : 18.12.11 - 내쿠폰 리스트 버튼추가] */

/* [수정 : 18.12.11 - 내쿠폰 리스트 버튼추가] S */
ul.reserv_getBtn li.getBtn_abBtn { position: absolute; top: 3px; right: 2px;} /* [수정 : 18.12.11 - 내쿠폰 리스트 버튼추가] */
ul.reserv_getBtn li.getBtn_abBtn a { float: left; margin-left: 5px; display: block; width: 50px; height: 20px; line-height: 20px; text-align: center;
	font-size: 0.8em; font-family: 'NanumSquareRound',sans-serif;
	background: #fff;
	border-radius: 4px;}
a.abBtn01 { color: #656ee7;	border: 2px solid #656ee7;}
a.abBtn02 { color: #b1372a;	border: 2px solid #b1372a;}
a.abBtn03 { color: #555555;	border: 2px solid #555555;}
/* [수정 : 18.12.11 - 내쿠폰 리스트 버튼추가] E */


	/* > 리스트 : 레어쿠폰 */
ul.reserv_getBtn li.getBtn_st05 { color: #a8372e; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0301.gif) repeat-x;}


/* 일일쿠폰 : 리스트 */
div.dailey_list { position: relative; margin: 0 0 5px 0; padding: 3px; overflow: hidden;
	background: #fff;
	border: 1px solid #dfd2cd;
	border-radius: 10px;}

div.dailey_icon { float: left; width: 25%; cursor: pointer;}
div.dailey_icon span { display: block; margin: 3px; text-align: center;
	background: #eee;
	border-radius: 5px;}
div.dailey_icon img { width: 70px;}

div.dailey_name { float: left; width: 75%; cursor: pointer;}
div.dailey_name strong { display: block; height: 26px; line-height: 26px; margin-left: 3px; font-size: 1.4em; font-weight: 800; 
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

div.dailey_mission { float: left; width: 25%;}
ul.mission_list { position: relative; margin: 3px;}
ul.mission_list li { overflow: hidden;}

ul.mission_list li.ml_txt { height: 44px; padding: 0 3px; overflow: hidden; text-align: center; font-size: 0.9em; font-weight: bold; font-family: 'NanumSquareRound',sans-serif;
	color: #fff; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar05.jpg) repeat-x;
	background-size: 1px 100%;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);}
ul.mission_list li.ml_txt strong, ul.mission_list li.ml_txt span { display: block;}
ul.mission_list li.ml_txt strong { margin: 6px auto 5px auto; padding: 2px 0 2px 0; width: 70%; max-width: 60px;
	color: #ff0200; background: #fff;
	border-radius: 8px;}
ul.mission_list li.ml_txt span { line-height: 1.2em;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.mission_list li.ml_ok { position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center;
	background: rgba(0,0,0,0.2);
	border-radius: 5px;}
ul.mission_list li.ml_ok img { width: auto; height: 90%;}
ul.mission_list li.ml_live { position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; font-size: 0;
	border: 2px solid #ffea02;
	border-radius: 5px;}

	/* > 일일쿠폰 활성화 시 */
ul.mission_activ li.ml_txt strong { 
	background: #ffea02;}


/* 사전예약, 쿠폰 : 상세페이지 */
div.coupon_viewMovie { position: relative; margin-bottom: 10px;}
div.coupon_viewMovie img.movie_bg { width: 100%; height: auto;}

div.coupon_viewWrap { padding: 0 5px;}

	/* > 상세페이지 : 타이틀 */
div.coupon_viewTitle { position: relative; height: 64px; margin: 0 0 10px 0; padding: 6px 6px 0 6px; padding-left: 80px; 
	background: #fff;
	border: 1px solid #cc665c;
	border-radius: 10px;}
div.coupon_viewIcon { position: absolute; width: 60px; top: 5px; left: 5px;}
ul.coupon_gameInfo {}
ul.coupon_gameInfo li { color: #010101; font-family: 'NanumSquareRound',sans-serif;}
ul.coupon_gameInfo li.gameInfo_name { padding-top: 3px; font-size: 1.4em; font-weight: 800; 
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.coupon_gameInfo li.sz_01 { margin-right: 0;}
ul.coupon_gameInfo li.sz_02 { margin-right: 120px;} /* [수정 : 18.12.11 - 상세보기 다운로드 버튼추가] */
ul.coupon_gameInfo li.gameInfo_review { padding-top: 2px;}
ul.coupon_gameInfo li.gameInfo_review span { display: block; padding-top: 4px; font-size: 1em;}
div.gameInfo_progress { position: absolute; top: 7px; right: 5px;} 
	/* > 상세페이지 사전예약 참여버튼 */
div.gameInfo_progress a { float: left; margin-left: 5px; display: block; width: 60px; padding: 8px 0; line-height: 20px; text-align: center;
	font-size: 1.4em; font-weight: bold; font-family: 'NanumSquareRound',sans-serif;
	color: #fff; background: #fa6a69;
	border-radius: 8px;}/* [수정 : 18.12.11 - 상세보기 다운로드 버튼추가] */
div.gameInfo_progress a.downBtn { background: #656ee7;}/* [수정 : 18.12.11 - 상세보기 다운로드 버튼추가] */

	/* > 상세페이지 : 쿠폰 */
ul.coupon_issue { padding: 2px; margin-bottom: 10px;
	background: #fa6a69; border-radius: 10px;}	
ul.coupon_bg02 { background: #f4a100; border-radius: 10px;}
ul.coupon_bg03 { background: #00c1bb; border-radius: 10px;}
ul.coupon_issue li.coupon_conts01 { position: relative; padding: 10px 12px; font-size: 1em; font-weight: 800; font-family: 'NanumSquareRound',sans-serif;
	color: #fff;}
ul.coupon_issue li.coupon_conts01 a.code_value { position: absolute; top: 5px; right: 4px; display: block; width: 60px; padding: 4px 0; text-align: center;
	border-radius: 10px;}
ul.coupon_issue li.coupon_conts01 a.valueOn { color: #ff0000; background: #fff;}
ul.coupon_issue li.coupon_conts01 a.valueOk { color: #fff; background: #694242;}
ul.coupon_issue li.coupon_code { position: relative; padding: 10px 11px;  font-size: 1em; font-weight: 800; cursor: pointer; font-family: 'NanumSquareRound',sans-serif;
	color: #333; background: #fff;
	border-radius: 7px;}
ul.coupon_issue li.coupon_code a.code_num { display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.coupon_issue li.coupon_code a.code_copy { position: absolute; top: 4px; right: 4px; display: block; width: 50px; padding: 6px 0; text-align: center;
	color: #fff; background: #777;
	border-radius: 5px;}

	/* > 상세페이지 : 게임상세정보 */
div.gameInfo_detail { 
	background: #fff;
	border: 1px solid #b1302a;
	border-radius: 10px;}
ul.gameInfo_tabBtn { overflow: hidden;
	border-radius: 10px 10px 0 0;}
ul.gameInfo_tabBtn li { float: left; width: 33%;}
ul.gameInfo_tabBtn li:first-child { width: 34%;}
ul.gameInfo_tabBtn li a { display: block; padding: 8px 0; text-align: center; font-size: 1em; font-weight: bold;
	color: #ca5650; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar0102.gif) repeat-x;
	background-size: 1px 100%;
	border-right: 1px solid #b1302a;
	border-bottom: 1px solid #b1302a;}
ul.gameInfo_tabBtn li:last-child a { 
	border-right: 0;}
ul.gameInfo_tabBtn li a.tab_activ {
	color: #d04237; background: #fff;
	border-bottom: 0;}
div.gameInfo_exp { padding: 20px}

	/* > 상세페이지 : 레어쿠폰 미션 영역 */
div.coupon_rare { padding: 0 2px 10px 2px; overflow: hidden; }
div.rareCoupon { float: left; width: 33%; overflow: hidden;}
div.rareCoupon:first-child, div.rareCoupon:last-child { width: 33.5%;}
div.rareCoupon ul { position: relative; margin: 0 3px; padding: 0 10px; height: 140px;
	color: #fff; background: left center url(//appdata.hungryapp.co.kr/images/main/coupon/img_bgBar04.gif) repeat-x;
	background-size: 1px 100%;
	border: 1px solid #ed4933;
	border-radius: 10px;}
div.rareCoupon ul li { text-align: center; font-family: 'NanumSquareRound',sans-serif;}
div.rareCoupon ul li.comp_ok { position: absolute; top: 4px; right: 4px; bottom: 0; left: 0; font-size: 0; z-index: 10;
	color: #fff; background: rgba(0,0,0,0.2) center center url(//appdata.hungryapp.co.kr/images/main/coupon/img_iconGetok.png) no-repeat;
	background-size: auto 64%;} /* 미션완료 레이어 */
div.rareCoupon ul li.comp_top { padding: 10px 0 6px 0; font-size: 1.6em; font-weight: bold;
	color: #fff600; background: rgba(0,0,0,0.3) center bottom url(//appdata.hungryapp.co.kr/images/main/coupon/img_arrow01.png) no-repeat;
	background-size: 90px auto;}
div.rareCoupon ul li.comp_txt { display: table; width: 100%;}
div.rareCoupon ul li.comp_txt span { display: table-cell; height: 66px; vertical-align: middle; text-align: center; font-size: 1.4em; font-weight: bold;}
div.rareCoupon ul li.comp_txt span strong { display: inline-block;}
div.rareCoupon ul li.comp_btn { position: relative; padding: 0 3px;}
div.rareCoupon ul li.comp_btn img.btn_imgLeft { position: absolute; top: 0; left: 0; width: auto; height: 100%;}
div.rareCoupon ul li.comp_btn img.btn_imgRight { position: absolute; top: 0; right: 0; width: auto; height: 100%;}
div.rareCoupon ul li.comp_btn strong { padding: 5px 0; display: block; font-size: 1.4em; font-weight: 800; 
	color: #fff; background: center bottom url(//appdata.hungryapp.co.kr/images/main/coupon/img_btnGet_bg.png) repeat-x;
	background-size: 1px 100%;	
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-o-text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-ms-text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.6);}

div.coupon_viewRare { padding: 0 2px;}


/* 내 쿠폰 : 리스트 */

div.myCoupon_menu { padding: 0 0 5px 0;}
div.myCoupon_menu ul { overflow: hidden;}
div.myCoupon_menu ul li { float: left; cursor: pointer; padding: 12px 0 9px 0;
	color: #000;}
div.myCoupon_menu ul li.li_1th { width: 27%;}
div.myCoupon_menu ul li.li_2th { width: 19%;}
div.myCoupon_menu ul li.li_3th { width: 27%;}
div.myCoupon_menu ul li.li_4th { width: 27%;}
div.myCoupon_menu ul li span { display: block; text-align: center; font-size: 1em; font-family: 'NanumSquareRound',sans-serif;}
div.myCoupon_menu ul li span:first-child { font-weight: 800;}
div.myCoupon_menu ul li.li_activ { 
	color: #ff4200;
	border-bottom: 2px solid #ff4200;}