<!--#include virtual="/_include/config.asp"-->
<%
response.clear
response.contentType="text/css"
%>

/*지베르니에서 복사해온 css*/
button{ border:0; background:none;}


.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}
/*지베르니에서 복사해온 css 끝*/



/* 리스트 페이지 아이콘 등록 부분 */

.isiconBoxTop{position:absolute;left:0;top:0;font-size:0;}
.isiconBoxTop img{vertical-align:top;padding:0;margin:0;}

.isiconBoxBottom{display:inline-block;}

.goodsImminent {width:40px;height:40px;position:absolute;top:0;right:0;}


/* 리스트 페이지 아이콘 등록 부분 끝 */


/*commonTotal02.css에 있는 소스이고 디자인프랍 수저으로 적은주석만 수정한 소스입니다. 참고부탁드립니다.*/

/****************************** 초대링크 팝업 ******************************/
.layer_pop{background:#f0f0f0;}
.popcon_pro_head {position:relative; overflow:hidden;  text-align:center; background-color:#2d9a47;}
.popcon_pro_head span{float:right; padding:10px;}
.popcon_pro_head h1 img{padding:10px;}
.popcon_pro_cont{ background:#fff; height:275px;} /********* 20190329 팝업 bg높이 수정 **********/
.popcon_pro_head h1{
    width: 100%;
	float:left;
	color: #fff;
    font-size: 28px;
    font-weight: bold;
    background-color: #2d9a47;}

.popcon_pro_cont .popcon_pro_ico {position:relative; color:#3a1c1c; font-size:16px; line-height:20px; font-weight:bold; vertical-align:middle; text-align:center; padding:20px 0px 10px 0px;}
.popcon_pro_cont .popcon_pro_txt { color:#3a1c1c; font-size:16px; line-height:20px; font-weight:bold; vertical-align:middle; text-align:center; padding-top:10px;}
.popcon_pro_input{position:absolute;  top:160px; padding: 30px 20px 20px 20px;}
.popcon_pro_cont input {width:450px;  height:50px; padding-left:5px;  padding-right:5px;}
.popcon_pro_head p span{display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal; }
.popcon_pro_head .btn_close{position:absolute; top:30px; right:30px;}
.popcon_pro_cont .popcon_pro_btn{margin-top:75px;}
.pop_cont{padding:30px; background:#f0f0f0;}
.mask{position:fixed; top:0; left:0; width:100%; height:99999px; background:#000; opacity:0.8; z-index:9998;}

.btn_yellow02 {
    display: inline-block;
    width: 211px;
    height: 60px;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}


	


/******************************sns공유하기 팝업 ******************************/


.pop_pro_layer_pop {background:#fff;}
.popcon_sns_head {position:relative; padding:0px 20px; overflow:hidden;  text-align:left; background-color:#fff; border-top-left-radius:10px; border-top-right-radius:10px;}
.popcon_sns_head h1 span{float:right;}
.popcon_sns_cont{ background:#fff; height:100px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;} /********* 20190329 팝업 bg높이 수정 **********/
.popcon_sns_head h1{
    position:relative;
	top:20px;
	width: 100%;
	height:50px;
	float:left;
	color: #000;
    font-size: 20px;
	line-height:20px;
    font-weight: bold;
	
   }
	
.popcon_sns_cont .popcon_pro_txt {width:90%; height:60px;  line-height:20px;  vertical-align:middle;  padding:20px 0px 20px 5px;}
.popcon_sns_cont .popcon_pro_txt ul {display:flex; justify-content: center;}
.popcon_sns_cont .popcon_pro_txt ul li{margin-right:15px;}
.popcon_sns_cont .popcon_pro_txt ul li:frist_child{padding-left:0;}
.popcon_sns_input{position:absolute; padding:20px; top:95px; padding: 25px 20px 20px 20px;}
.popcon_sns_cont input {width:460px;  height:50px;}
.popcon_sns_head p span{display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal; }
.popcon_sns_head .btn_close{position:absolute; top:30px; right:30px;}
.popcon_sns_cont .popcon_pro_btn{margin-top:20px;}
.pop_cont{padding:30px; background:#f0f0f0;}
.mask{position:fixed; top:0; left:0; width:100%; height:99999px; background:#000; opacity:0.8; z-index:9998;}

.btn_yellow02 {
    display: inline-block;
    width: 211px;
    height: 60px;
    border: none;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}
.btn_gray02 {
    display: inline-block;
    width: 211px;
    height: 60px;
    background: #92979b;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.popcon_btn_board_center{width:100%; position:absolute; padding-top:10px; text-align:center; }


/**************************랭킹 팝업(04월05일)*****************************/

h3.popcon_coupon_ranking_tit {
	background-color:#fff;
	color:#000;
	font-size:20px;
	line-height:34px;
	text-align:left;
	padding: 30px 0px 15px 0px;
	}

.layer_pop{background:#f0f0f0;}
.popcon_rank_head{position:relative; padding:10px 30px; text-align:center; background-color:#2d9a47;}
.popcon_rank_head span{float:right; padding-bottom:20px;}
.popcon_rank_head h1{ color:#fff; font-size:28px; line-height:53px; font-weight:bold; background-color:#2d9a47;}
.popcon_rank_head h1 img{padding-bottom:5px; padding-right:5px;}
.popcon_rank_cont{ background:#fff; height:950px;} 


.popcon_coupon_ranking {
	position:absolute;
	width:100%;
	height:106px;
	top:80px;
	    }
.popcon_coupon_ranking table {
	width:100%;
	border-bottom:1px solid #dcdcdc;
	border-collapse: collapse;
    font-family: 'Nanum Gothic', sans-serif;

	}

.popcon_coupon_ranking table th {
	color:#000;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	padding:10px 2px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	background-color:#f8f7fb;

   }

.popcon_coupon_ranking table td {
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	padding:9px 20px;
	color:#e96505;
	font-size:14px;
	line-height:16px;
   }
.popcon_coupon_ranking table tr {
	border-top:1px solid #dcdcdc;
}

.popcon_coupon_ranking input[type="text"]{
	width:70%;
	height:32px;
	padding:0px 0px 0px 5px;
	line-height:32px;
	}
.popcon_coupon_ranking select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:inline-block;
	box-sizing:border-box;
	width:30%;
	height:32px;
	padding:5px;
	border:1px solid #c3c3c3;
	background: url(/css/images/ico_select.gif) no-repeat right center #fff;
	}
.popcon_coupon_ranking .popcon_coupon_ranking_txt01{text-align:left; padding:15px 10px 5px 20px;}
.popcon_coupon_ranking .popcon_coupon_ranking_txt02{text-align:left; padding:0px 10px 5px 20px;}
.popcon_coupon_ranking td {color: #e96505;}
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input{
	float:right;
	height:40px;
	}
input:-ms-input-placeholder{color:#2d9a47;}
input::-webkit-input-placeholder {color:#2d9a47;}
input::-moz-placeholder {color:#2d9a47;}
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input span{margin-top:5px;}
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input input{
	font-size:14px;
	width:200px;
	margin-top:3px;
	border:0px;
	outline:none;
	float:left;
	border:1px solid #2d9a47;
	}	
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input button {
	width:70px;
	height:34px;
	border:0;
	background:#2d9a47;
	outline:none;
	color:#fff;
	font-size:14px;

	}
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input .ranking_txt01 {font-size:14px; border:1px solid #2d9a47; padding:0.5em 20px; color:#2d9a47;}
.popcon_coupon_ranking .popcon_coupon_ranking_tit .popcon_ranking_input .ranking_txt02 {font-size:14px; border:1px solid #e8a405; padding:0.5em 20px; color:#e8a405;}

.popcon_coupon_ranking .popcon_event{margin-top:100px;}