@charset "utf-8";

#container .popcon_renewal_container img {
	width:100%;
	max-width:100%;
	height:auto;
	border:0;
	vertical-align:middle;
}

.popcon_renewal_contents .renewal_section02 ul {
    width: 100%;
    margin:0 auto;
    text-align:center;
    background-color: #fff;
	list-style:none; 
	padding-bottom:30px;
	box-sizing:border-box;
}

.popcon_renewal_contents .renewal_section02 ul:after {content:""; display:block; clear:both;}

.popcon_renewal_contents .renewal_section02 ul li {
	float:left;
	width:50%;
	text-align:center;
	padding-top:30px;
	box-sizing:border-box;
	list-style:none;
}

.popcon_renewal_contents .renewal_section02 ul li:last-child {
	width:100%;
}

.popcon_renewal_contents .renewal_section02 ul li img {
	width:167px !important;
}

.popcon_renewal_contents .pro_rene11 {
	background-color:#2b2d5e;
	padding:30px 20px;
	box-sizing:border-box;
}

.popcon_renewal_contents .pro_rene11 dl {
	width:100%;
	color:#fff;
	margin:0 auto;
	letter-spacing:-.035em;
	line-height:1.6em;
}

.popcon_renewal_contents .pro_rene11 dt {
	font-size:30px;
	text-align:center;
	font-weight:normal;	
	background:url('/m/images/renewal/renewal_img_09.png') no-repeat top center;
	background-size:36px 36px;
	padding-top:50px;
	margin-bottom:20px;
	box-sizing:border-box;
}

.popcon_renewal_contents .pro_rene11 dd table td {
	vertical-align:top;
	font-size:14px;
}

.popcon_renewal_contents .pro_rene11 dd strong {
	color:#ffd539 !important;
	font-weight:normal !important;
}


@media only screen and (max-width:640px) {}


/* 레이어 */
@keyframes slideupt{
	0% {top:1000px}
	100% {top:0;}
}
@keyframes slideupb{
	0% {bottom:-1000px}
	100% {bottom:0;}
}
.layerFix{display:none;font-size:0;}
.layerFix.on{display:block !important;}
.layerFix.on .layerCon{animation:slideupt .5s ease-in-out;}
.layerFix .layerBg{position:fixed;width:100%;max-width:568px;height:100%;background:rgba(0,0,0,.7);left:0;top:0;width:100%;height:100%;z-index:9998;}
.layerFix .layerConWrap{position:fixed;z-index:99999;max-width:568px;top:50%;padding:0;left:50%;background:#fff;box-sizing:border-box;font-size:initial;overflow-y:auto;}
.layerFix .btnClLyr{display:inline-block;width:53px;height:53px;font-size:0;background:url(/m/images/xxx2.png)no-repeat center / 40% 40%;position:absolute;right:0;top:0;cursor:pointer;}

.layerFix .secTop{position:absolute;height:53px;position:absolute;left:0;top:0;width:100%;z-index:99;}
.layerFix .secTop .tit{font-size:20px;text-align:center;line-height:53px;font-weight:bold;box-shadow:0 0 8px #666;}
.layerFix .secMid{font-size:14px;overflow-y:auto;}
.layerFix .secBot{position:absolute;left:0;bottom:0;width:100%;height:53px;z-index:999;animation:slideupb .5s ease-in-out;}
.layerFix .secBot .btnClLyr{background:none;}
.layerFix .secBot .btnCp{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:53px;}

.layerTab{display:none;}
.layerTab.on{display:block;}
.layerTab .layerBg{position:fixed;width:100%;max-width:568px;height:100%;background:rgba(0,0,0,.7);left:0;top:0;width:100%;height:100%;z-index:9998;}
.layerTab li{display:none;max-width:568px;position:fixed;z-index:9999;top:50%;left:50%;background:#fff;overflow-y:auto;}
.layerTab li.on{display:block;}
.layerTab .btnClLyr{display:inline-block;width:53px;height:53px;font-size:0;background:url(/m/images/xxx2.png)no-repeat center / 40% 40%;position:absolute;right:0;top:0;cursor:pointer;}
.layerTab .btnClLyr i{font-size:40px;line-height:53px;width:53px;text-align:center;}

@media (min-width:568px){
	.limWdt{width:568px !important;left:calc(50% - 284px) !important;}
	.layerFix .layerBg,
	.layerTab .layerBg,
	.layerFix .layerConWrap,
	.layerTab>ul>li{width:568px !important;left:calc(50% - 284px) !important;margin-left:0 !important;}

	.shareLayer{padding:0 2% 2.5rem;}
	.float_btn_wrap{right:50% !important;margin-right:-270px;}
}




  
 /*결제레이어창*/
.individual .pcon_layerConWrap {position:fixed; width:568px; height:400px; left:50%; top:10%; margin-left:-150px; background-color:#fff; z-index:99999; display:none; overflow-y:auto;}
.individual.on .pcon_layerConWrap {display:block;}
.individual .layerBg {position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:88888; display:none;}
.individual.on .layerBg {display:block;}
/****************************** 팝업 ******************************/
.layer_pop {/* background:#f0f0f0; */}
.pConpop_head {height:30px; position:relative; padding:10px 15px; background:#299c43; overflow:hidden; text-align:left; }
/*.pConpop_head h1 {float:left;  font-size:20px; line-height:40px; font-family:'mgb'; font-weight:normal; color:#fff;}*/
.pConpop_head h2 {position:relative; color:#3a1c1c; font-size:20px; line-height:30px; color:#fff;}
.pConpop_head span{float:right; width:16px; padding-right:10px;}
.pConpop_head_small h3 {font-size:16px; line-height:30px; padding:10px;}
.pConpop_head p {display:table-cell; height:85px; color:#3a1c1c; font-size:14px; line-height:20px; font-family:'mgb'; vertical-align:middle;}
.pConpop_head p span {display:block; margin-top:5px; font-size:11px; line-height:14px; font-weight:normal;  font-family:'mg';}
.pConpop_head .btn_close {position:absolute; top:30px; right:30px;}
.pConpop_cont {padding:14px; /* background:#f0f0f0; */ box-sizing:border-box;}
.pop_layer_pop .forWidth68{width:68%;font-size:0;}
.pop_layer_pop .forWidth68 > div{width:49%;display:inline-block;box-sizing:border-box;vertical-align:middle;margin-left:1%;}
.pop_layer_pop input.text {height:35px; padding:0 10px; margin:0; border-radius:0; font-size:12px; box-sizing:border-box;}
.pop_layer_pop.textarea_box {position:relative; margin-top:10px;box-sizing:border-box;}
.pop_layer_pop .textarea_box p {position:absolute; right:10px; bottom:0; color:#8a8a8a; font-size:12px; line-height:29px;}
.pop_layer_pop textarea.textarea {width:100%; padding:5px 10px; margin:0; border:none; font-size:15px; line-height:20px; box-sizing:border-box; overflow:hidden; overflow-y:auto; resize:none;border:1px solid #ddd;}
.pop_layer_pop .star_area {width:100% !important; box-sizing:border-box;}
.note_box {margin-top:20px; overflow:hidden;}
.note_box strong {float:left; width:80px; font-size:16px; line-height:20px; font-weight:normal; font-family:'mgb'; text-align:center;}
.note_box p {padding-left:80px; color:#8a8a8a; font-size:12px; line-height:15px; letter-spacing:-0.8px; text-align:left;}


/*디자인프랍 추가 pop_h3-1 부분 popcon_poppu01.asp  /  팝업창 타이틀 title text*/
h3.pop_h3-1 {overflow:hidden;  color:#000; text-align:left; font-size:15px;position:relative; }
h3.pop_h3-1 p{font-size:12px; color:#e86505; line-height:18px; padding:5px; letter-spacing:-1px;}
h3.pop_h3-1 img{width:30px; vertical-align:middle; margin-top:-2px;}

/*디자인프랍 추가 pop_h3-2 부분 popcon_poppu02.asp  /  팝업창 타이틀 title text*/
h3.pop_h3-2 {overflow:hidden;  color:#000; text-align:left; font-size:15px;position:relative; margin-top:20px;}
h3.pop_h3-2 p{font-size:12px; color:#e86505; line-height:18px; padding:5px; letter-spacing:-1px;}
h3.pop_h3-2 img{width:30px; vertical-align:middle; margin-top:-2px;}


/*디자인프랍 추가 popcon_order_total.asp 선물받은 팝콘내역 검색 textfiled*/
h3.popcon_h3-1 {overflow:hidden; line-height:50px; color:#000; text-align:left; font-size:14px;position:relative; padding:5px 0;}
h3.popcon_h3-1 img{width:30px; vertical-align:middle; margin-top:-2px;}


/*모바일 레이어팝업창 테이블 popcon_popup01.asp*/
.pCon_board_write2 {width:100%; border-top:2px solid #000;  border-left:1px solid #d9d9d9; font-size:14px; line-height:20px; text-align:center; box-sizing:border-box; table-layout:fixed;}
.pCon_board_write2 tr{border-bottom:1px solid #d9d9d9;}
.pCon_board_write2 td.input[type="checkbox"]{padding:0px 20px 0px 0px;}
.pCon_board_write2 th {padding:10px; border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:center; letter-spacing:-1px;}
.pCon_board_write2 td {padding: 10px 20px 15px 10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;  background:#fff; text-align:center;}

.pCon_board_write2 tr td input{position:relative; width:20px; }
.pCon_board_write2 td span{color:#e96505; font-weight:bold;}



/*모바일 레이어팝업창 테이블 popcon_popup02.asp*/
.pCon_board_write3 {width:100%; border-top:2px solid #000;  border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-left:1px solid #d9d9d9; font-size:13px;   line-height:20px; text-align:center; box-sizing:border-box; table-layout:fixed;}
.pCon_board_write3 th {padding: 10px 10px; border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:center; letter-spacing:-1px;}
.pCon_board_write3 td {padding: 0px 10px 10px 10px; border-right:1px solid #d9d9d9;  background:#fff; text-align:center;}
.pCon_board_write3 span{text-align:left; vertical-align:middle; padding-top:15px;}
.pCon_board_write3 td.pop_gift_p input[type="text"]{width:100%;}



/*모바일 레이어팝업창 테이블 popcon_popup02.asp*/
.pCon_board_write4 {width:100%; border-top:2px solid #000; border-left:1px solid #d9d9d9; font-size:13px;  border-left:1px solid #d9d9d9; line-height:20px; text-align:center; box-sizing:border-box; table-layout:fixed;}
.pCon_board_write4 th {padding: 10px 10px; border-bottom:1px solid #d9d9d9;  border-right:1px solid #d9d9d9; background:#f7f7f3; font-family:'mgb'; font-weight:normal; text-align:center; letter-spacing:-1px;}
.pCon_board_write4 td {padding: 0px 10px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;  background:#fff; text-align:center;}

.pCon_board_write4 td input[type="checkbox"]{padding:0px 20px 20px 0px;}
.pCon_board_write4 span{text-align:left; vertical-align:middle; padding-top:15px;}
.pCon_board_write4 td.pop_gift_p input[type="text"]{width:100%; }
.pCon_board_write4 tr:nth-child(2) td select{width:100%; line-height:32px;}
.pCon_board_write4 td.pop_gift_d span{border:1px solid #e96505; padding:5px 10px; color:#e96505; font-size:12px;}



/* 201910 팝콘멤버쉽 리뉴얼 */
#container .popcon_renewal_container . popcon_renewal_contents .new_part1_btn{width:80%;padding:0 10% 5% 10%;text-align:center;}