/* 프로그램 제작자: Mlang (010-5005-6102 ) 현 소스를 수정/배포 할경우 법적 제제를 받습니다. */

/* 모바일 ************************************************************************************************************************************************************************/
@media only screen and (min-width:100px) and (max-width:767px) {

	.cuponCont { background:#262626; border:1px solid #313131; padding:20px; }
	.cuponConts { width:100%; display:inline-block; text-align:left; }
	.cuponConts_title { 
		text-align:left; color:#fff; font-size:16px; font-family:GmarketSansMedium; letter-spacing: 0.1em; line-height:1em; 
		padding-bottom:12px; border-bottom:1px solid #313131; margin-top:10px;  margin-bottom:15px; 
	}

	.cuponConts_box { text-align:center; width:94%; margin:0 auto; }
	.cuponConts_boxs { width:100%; display:inline-block; margin-top:30px; margin-bottom:30px; }
	.cuponConts_box li { width:100%; text-align:center; padding:10px; float:left; }
	.cuponConts_box_c { color:#fff; font-size:16px; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1em; }
	.cuponConts_box_c span { color:#d700f0; }
	.cuponConts_box_c b { font-size:16px; color:#00aeff; text-decoration: underline; }

	.mgame_lists { width:100%; display:inline-block; margin-top:1350px; }
	.mgame_listss { text-align:center; }
	.mgame_listss li { 
		float:left; width:50%; padding:14px; border-top:1px solid #313131;  border-left:1px solid #313131; border-right:1px solid #313131;
		text-align:center; font-weight:bold; font-size:16px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.mgame_list_bt_class_on { background:#262626; color:#d700f0; }
	.mgame_list_bt_class_off { background:#1c1c1c; color:#fff; }
	
	#cupon_list { text-align:center; }
	.cupon_lists { width:100%; display:inline-block; }

	.cuponLlist_box { width:100%; }
	.cuponLlist_box li { float:left; width:100%; margin-top:30px; padding-left:10px; padding-right:10px; height:270px; }
	.cuponLlist_box_img { border:0px; width:100%; height:150px; border:1px solid #313131 }
	.cuponLlist_box_img:hover { border:1px solid #ffca01; }
	.cuponLlist_box_img2 { border:0px; width:100%; height:150px; border:1px solid #313131 }
	.cuponLlist_li_open { cursor:pointer; }

	.cuponLlist_li_end { position:relative; z-index:1; }
	.cuponLlist_li_ends { text-align:center; width:100%; height:270px; position:absolute; background:#000; border:2px solid #313131; opacity: 0.8; padding-top:90px; }
	.cuponLlist_li_ends b { color:#ccc; font-weight:bold; font-size:30px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; }
	.cuponLlist_li_ends div { margin-top:30px; color:#ffca01; font-size:18px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; }

	.cuponLlist_li_duplication{ position:relative; z-index:1; }
	.cuponLlist_li_duplications { text-align:center; width:100%; height:270px; position:absolute; background:#000; border:2px solid #ffca01; opacity: 0.8; padding-top:90px; }
	.cuponLlist_li_duplications b { color:#ffca01; font-weight:bold; font-size:30px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; }
	.cuponLlist_li_duplications div { margin-top:30px; color:#ffca01; font-size:18px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; }

	.cuponLlist_tite { 
		margin-top:15px; width:100%; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
		text-align:center; color:#fff; font-weight:bold; font-size:18px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.cuponLlist_btn {
		width:50%; margin:0 auto; margin-top:15px; border:1px solid #000; border-radius:20px; background:#feca00; padding:10px;
		text-align:center; color:#000; font-weight:bold; font-size:16px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.cuponLlist_btn:hover { border:1px solid #fff000; }
	.cuponLlist_date { margin-top:10px; width:100%; display:inline-block; }
	.cuponLlist_date_l { 
		float:left; width:40%; 
		text-align:left; color:#e0b100; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	} .cuponLlist_date_l b { font-size:12px; font-weight:bold; font-family:NanumGothicBold; }
	.cuponLlist_date_r { 
		float:left; width:60%; 
		text-align:right; color:#e0b100; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	}

	.cupon_my_list_cont_dd_txt { 
		margin-top:10px;
		text-align:center; color:#e0b100; font-size:16px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.cupon_my_list_cont_dd_txt b { font-weight:bold; font-family:GmarketSansMedium; }
	.cupon_my_list_cont_dd_txt div { padding:10px; font-size:16px; background:#000; color:#fff; font-weight:bold; font-family:GmarketSansMedium; }
	.cupon_my_list_cont_dd_x {
		margin-top:10px; padding:10px;
		text-align:center; background:#000; color:#ff0000; font-size:16px; font-weight:bold; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; 
	}


} /* 모바일 end */


/* 태블릿 /  PC ************************************************************************************************************************************************************************/
@media  all and (min-width : 768px) {

	.cuponCont { background:#262626; border:1px solid #313131; padding:20px; }
	.cuponConts { width:100%; display:inline-block; text-align:left; }
	.cuponConts_title { 
		text-align:left; color:#fff; font-size:18px; font-family:GmarketSansMedium; letter-spacing: 0.1em; line-height:1em; 
		padding-bottom:12px; border-bottom:1px solid #313131; margin-top:10px;  margin-bottom:15px; 
	}

	.cuponConts_box { text-align:center; width:600px; margin:0 auto; }
	.cuponConts_boxs { width:100%; display:inline-block; margin-top:30px; margin-bottom:30px; }
	.cuponConts_box li { width:100%; text-align:center; padding:10px; float:left; }
	.cuponConts_box_c { color:#fff; font-size:16px; font-family:NanumGothicBold; letter-spacing: 0.1em; line-height:1em; }
	.cuponConts_box_c span { color:#d700f0; }
	.cuponConts_box_c b { font-size:20px; color:#00aeff; text-decoration: underline; }

	.mgame_listss { text-align:center; }
	.mgame_listss li { 
		float:left; width:50%; padding:12px; border-top:1px solid #313131;  border-left:1px solid #313131; border-right:1px solid #313131;
		text-align:center; font-weight:bold; font-size:14px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.mgame_list_bt_class_on { background:#262626; color:#fff; }
	.mgame_list_bt_class_off { background:#1c1c1c; color:#ccc; }
	
	#cupon_list { text-align:center; }
	.cupon_lists { width:100%; display:inline-block; }

	.cuponLlist_box { width:100%; }
	.cuponLlist_box li { float:left; width:50%; margin-top:50px; padding-left:10px; padding-right:10px; height:270px; }
	.cuponLlist_box_img { border:0px; width:100%; height:150px; border:1px solid #313131 }
	.cuponLlist_box_img:hover { border:1px solid #ffca01; }
	.cuponLlist_box_img2 { border:0px; width:100%; height:150px; border:1px solid #313131 }
	.cuponLlist_li_open { cursor:pointer; }

	.cuponLlist_li_end { position:relative; z-index:1; }
	.cuponLlist_li_ends { text-align:center; width:100%; height:270px; position:absolute; background:#000; border:2px solid #313131; opacity: 0.8; padding-top:90px; }
	.cuponLlist_li_ends b { color:#ccc; font-weight:bold; font-size:30px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; }
	.cuponLlist_li_ends div { margin-top:30px; color:#ffca01; font-size:18px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; }

	.cuponLlist_li_duplication{ position:relative; z-index:1; }
	.cuponLlist_li_duplications { text-align:center; width:100%; height:270px; position:absolute; background:#000; border:2px solid #ffca01; opacity: 0.8; padding-top:90px; }
	.cuponLlist_li_duplications b { color:#ffca01; font-weight:bold; font-size:30px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; }
	.cuponLlist_li_duplications div { margin-top:30px; color:#ffca01; font-size:18px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; }

	.cuponLlist_tite { 
		margin-top:10px; width:100%; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 
		text-align:center; color:#fff; font-weight:bold; font-size:18px; font-family:NanumGothicBold; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.cuponLlist_btn {
		width:50%; margin:0 auto; margin-top:15px; border:1px solid #000; border-radius:20px; background:#feca00; padding:10px; 
		text-align:center; color:#000; font-weight:bold; font-size:16px; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; cursor:pointer; 
	}
	.cuponLlist_btn:hover { border:1px solid #fff000; }
	.cuponLlist_date { margin-top:10px; width:100%; display:inline-block; }
	.cuponLlist_date_l { 
		float:left; width:40%; 
		text-align:left; color:#e0b100; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	} .cuponLlist_date_l b { font-size:12px; font-weight:bold; font-family:NanumGothicBold; }
	.cuponLlist_date_r { 
		float:left; width:60%; 
		text-align:right; color:#e0b100; font-size:12px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	}

	.cupon_my_list_cont_dd_txt { 
		margin-top:10px;
		text-align:center; color:#e0b100; font-size:16px; font-family:NanumGothic; letter-spacing: 0.01em; line-height:1.0em; 
	}
	.cupon_my_list_cont_dd_txt b { font-weight:bold; font-family:GmarketSansMedium; }
	.cupon_my_list_cont_dd_txt div { padding:10px; font-size:16px; background:#000; color:#fff; font-weight:bold; font-family:GmarketSansMedium; }
	.cupon_my_list_cont_dd_x {
		margin-top:10px; padding:10px;
		text-align:center; background:#000; color:#ff0000; font-size:16px; font-weight:bold; font-family:GmarketSansMedium; letter-spacing: 0.01em; line-height:1.0em; 
	}

} /* PC end */