@charset "utf-8";


/* checkbox */
.closing_wrap_M input[type="checkbox"] {display:none;}
.closing_wrap_M input[type="checkbox"] + label {color:#424242;margin:0 !important; padding:0 !important;}
.closing_wrap_M input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:0 5px 0 0;vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAb1BMVEUAAACysrKxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGysrKxsbGxsbGxsbH///+xsbFCQkL39/fp6env7+/Nzc28vLxbW1v5+fmgoKBtbW1gYGDw8PDIyMjHx8fk5ORJSUl1dXXT09N3d3dRUVHSnizKAAAAD3RSTlMA5wxb7dDBun9xbOzPyBBf/3T+AAAA+ElEQVQ4y62UW46DMAxFC/Q97SRxAnnQFjoz+1/jCN1IENW0+cj948g6snDsTdHUO7nMrmYRSk/7rdzuT/jm0OVBYg49riya0lStdsLptmoAXpEksQxJDk05drcIbt1xwyMp0kgOTU10NOu7hkH5sroyC2K+viMib5X1BPRBZp4DZOc2qWrPQBTUlEBAb2WmVwGyg06q9AHIK8QDrcrgshqyyqVDqYCsQizQiuznl+ACWitTMSPQStVThQGurM76t51RUCNcJf4Z/UVX1jTdh2kOQee9s7H3DqjwBuTvponAYBEZdLknJ+J+ZdB8IkgQTgSDCt6z4vkH+yZAJ5lf85UAAAAASUVORK5CYII=) left top no-repeat;cursor:pointer;}
.closing_wrap_M input[type="checkbox"]:checked + label span {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAb1BMVEUAAACysrKxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGysrKxsbGxsbGxsbH///+xsbFCQkL39/fp6env7+/Nzc28vLxbW1v5+fmgoKBtbW1gYGDw8PDIyMjHx8fk5ORJSUl1dXXT09N3d3dRUVHSnizKAAAAD3RSTlMA5wxb7dDBun9xbOzPyBBf/3T+AAAA+ElEQVQ4y62UW46DMAxFC/Q97SRxAnnQFjoz+1/jCN1IENW0+cj948g6snDsTdHUO7nMrmYRSk/7rdzuT/jm0OVBYg49riya0lStdsLptmoAXpEksQxJDk05drcIbt1xwyMp0kgOTU10NOu7hkH5sroyC2K+viMib5X1BPRBZp4DZOc2qWrPQBTUlEBAb2WmVwGyg06q9AHIK8QDrcrgshqyyqVDqYCsQizQiuznl+ACWitTMSPQStVThQGurM76t51RUCNcJf4Z/UVX1jTdh2kOQee9s7H3DqjwBuTvponAYBEZdLknJ+J+ZdB8IkgQTgSDCt6z4vkH+yZAJ5lf85UAAAAASUVORK5CYII=) -19px top no-repeat;}
.closing_wrap_M input[type="radio"] {display:none;}
.closing_wrap_M input[type="radio"] + label {color:#757575;}
.closing_wrap_M input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAb1BMVEUAAACysrKxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGysrKxsbGxsbGxsbH///+xsbFCQkL39/fp6env7+/Nzc28vLxbW1v5+fmgoKBtbW1gYGDw8PDIyMjHx8fk5ORJSUl1dXXT09N3d3dRUVHSnizKAAAAD3RSTlMA5wxb7dDBun9xbOzPyBBf/3T+AAAA+ElEQVQ4y62UW46DMAxFC/Q97SRxAnnQFjoz+1/jCN1IENW0+cj948g6snDsTdHUO7nMrmYRSk/7rdzuT/jm0OVBYg49riya0lStdsLptmoAXpEksQxJDk05drcIbt1xwyMp0kgOTU10NOu7hkH5sroyC2K+viMib5X1BPRBZp4DZOc2qWrPQBTUlEBAb2WmVwGyg06q9AHIK8QDrcrgshqyyqVDqYCsQizQiuznl+ACWitTMSPQStVThQGurM76t51RUCNcJf4Z/UVX1jTdh2kOQee9s7H3DqjwBuTvponAYBEZdLknJ+J+ZdB8IkgQTgSDCt6z4vkH+yZAJ5lf85UAAAAASUVORK5CYII=) -38px top no-repeat;cursor:pointer;}
.closing_wrap_M input[type="radio"]:checked + label span {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAATCAMAAAANkRs7AAAAb1BMVEUAAACysrKxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGysrKxsbGxsbGxsbH///+xsbFCQkL39/fp6env7+/Nzc28vLxbW1v5+fmgoKBtbW1gYGDw8PDIyMjHx8fk5ORJSUl1dXXT09N3d3dRUVHSnizKAAAAD3RSTlMA5wxb7dDBun9xbOzPyBBf/3T+AAAA+ElEQVQ4y62UW46DMAxFC/Q97SRxAnnQFjoz+1/jCN1IENW0+cj948g6snDsTdHUO7nMrmYRSk/7rdzuT/jm0OVBYg49riya0lStdsLptmoAXpEksQxJDk05drcIbt1xwyMp0kgOTU10NOu7hkH5sroyC2K+viMib5X1BPRBZp4DZOc2qWrPQBTUlEBAb2WmVwGyg06q9AHIK8QDrcrgshqyyqVDqYCsQizQiuznl+ACWitTMSPQStVThQGurM76t51RUCNcJf4Z/UVX1jTdh2kOQee9s7H3DqjwBuTvponAYBEZdLknJ+J+ZdB8IkgQTgSDCt6z4vkH+yZAJ5lf85UAAAAASUVORK5CYII=) -57px top no-repeat;}
.closing_wrap_M input[type="checkbox"] + label:before{display:none !important;}

/* closing ad */
.closing_wrap_M{font-family:'맑은 고딕','malgun','Malgun Ghothic',"애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",'돋움','dotum', sans-serif;letter-spacing: -0.5px;color:#000;}
.closing_wrap_M *{font-family: '맑은 고딕','malgun','Malgun Ghothic',"애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo",'돋움','dotum', sans-serif !important; box-sizing:border-box;}/* 20190423_2 추가수정 */
.closing_wrap_M ul,li,form,input{margin:0;padding:0;}
.closing_wrap_M img{border:0;-webkit-perspective:1; perspective:1}
.closing_wrap_M ul, .closing_wrap_M ol{list-style:none; padding:0 8px; overflow: hidden; width:100%;}
.closing_wrap_M a{text-decoration:none;}
.closing_wrap_M a:hover,a:active,a:focus{text-decoration:none;}
.closing_wrap_M{position:absolute; top:0; right:0; width:370px; background-color:#f3f3f3; z-index:120; box-shadow: rgba(50, 50, 50, 0.30) 0 4px 22px 5px; }
.closing_wrap_M .closing_title{position:relative; width:auto;padding:0 17px; height:55px; background-color:#232323; color:#fff; }
.closing_wrap_M .closing_title .closing_title_text a {text-align: center;font-size: 14px;font-weight: 600; color:#fff; padding:0 0 0 7px; vertical-align: baseline; line-height:55px;}/* 20190423_2 추가수정 */

.closing_wrap_M .closing_title .closing_title_text{text-align: center; display:inline-block; width:310px; line-height:55px; font-size: 14px;}/* 20190423 추가수정 */
.closing_wrap_M .closing_close{padding:20px 0 21px 10px; cursor:pointer; float: right; width: 24px; box-sizing:border-box;}
.closing_wrap_M .closing_close img{width: 100%; vertical-align: top;}
.closing_wrap_M .closing_card{display:block; width:340px; height:163px; margin:15px; cursor:pointer;border-radius: 5px;overflow: hidden;}
.closing_wrap_M .closing_card img{width:100%;}
.closing_wrap_M .closing_products li{display:block; float:left;}
.closing_wrap_M .closing_products li .product_img{display:block; width:100%; height:162px; margin:0 0 7px 0; overflow:hidden; background-size:cover; background-position:center center;border-bottom:1px solid #eaeaea;}/* 20190423 추가수정 */
.closing_wrap_M .closing_products li .product_name{display:block; width:92%; height:20px; padding:0 5% 0 5%; font-size:12px; color:#424242; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:20px; margin:0 auto;}
.closing_wrap_M .closing_products li .product_price{display:block; padding:0 0 0 0; font-size:14px; font-weight:800; color:#232323;}

.closing_wrap_M .closing_closetoday{display:block; padding:0 15px 15px 15px;}
.closing_wrap_M .closing_closetoday_text{display: inline-block;font-size: 13px;vertical-align: inherit;cursor: pointer;}
.closing_wrap_M .closing_form_agree .closing_closetoday_text{vertical-align: middle;margin: -1px 0 0 0;}

.closing_wrap_M .list_wrap{display:inline-block; width:164px; margin:0 5px 10px 7px; padding:0 0 10px 0; background-color:#fff; text-align:center; vertical-align:top; cursor:pointer; transition-duration:0.15s; transition-timing-function:ease-in-out; border-radius: 5px; overflow: hidden; border:1px solid #eaeaea;box-sizing:border-box;}
.closing_wrap_M .closing_products li .list_wrap:hover .product_name{color:#000 !important; font-weight: 600}
.closing_wrap_M .closing_products li .list_wrap:hover .product_price{color:#f6494b !important;}
.closing_wrap_M .closing_products li .list_wrap:hover{
	transition-duration:0.15s;
    -webkit-transition-duration:0.15s;
	transition-timing-function:ease-in-out;
    -webkit-transition-timing-function:ease-in-out;
	transition-delay:initial;
    -webkit-transition-delay:initial;
	transition-property:initial;
    -webkit-transition-property:initial;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	margin-top:-6px;
	box-shadow:rgba(50, 50, 50, 0.25) 0 12px 6px 0;
	border:none;
}
.closing_wrap_M .block_box{margin: 0 0 5px 0;}

.closing_form{display:block; width:calc(100% - 30px); margin:15px auto; background-color:#fff; box-sizing: border-box;border-radius: 5px;overflow: hidden;}
.closing_form_title{display:block; width:100%; padding:8px 0 11px 0; font-size:17px; font-weight:500; text-align:center; background-color:#f5484a; color:#fff;}
.closing_form_input_wrap{display: inline-block;vertical-align: top;width: calc(100% - 20px);padding: 10px 0 0 28px;}
.closing_form_input_left{display: inline-block;width: 60px;height: 23px;font-size: 13px;opacity: 0.8; vertical-align:middle;}
.closing_form_input_right{display:inline-block;}
.closing_form_input_right input[type="text"]{ width: 202px;height: 35px;padding: 2px 8px;font-size: 14px;border: 1px solid #ccc;}
.closing_form_input_name{width:120px !important;}
.closing_form_input_right input[type="radio"]{display:none;}
.closing_form_input_right input[type="radio"] + label{display:inline-block; width:35px; height:35px; background-color:#fff; vertical-align:top; line-height:32px; text-align:center; border:1px solid #ccc; font-size:14px; cursor:pointer;}
.closing_form_input_right input[type="radio"]:checked + label{background-color: #ffffff;color: #232323;border: 1px solid #232323;}
.closing_form_btn{display:block; width:200px; height:45px; margin: 11px auto 15px; background-color:#232323; color:#fff; text-align:center; line-height:45px; border:0 solid #000; font-size:17px; cursor:pointer; border-radius: 40px;}
.closing_form_agree{position:relative; display:block; width:100%; padding:0 0 10px 10px; font-size:14px;}
.closing_form_viewbtn{display:inline-block; margin:0 0 0 5px; font-size:12px; color:#777; cursor:pointer;}
.closing_form_view{display:none; height:100px; margin:10px 0 0 0; padding:5px; overflow:auto; white-space:pre-line; font-size:12px; border:1px solid #eee;width: 94%;box-sizing: border-box;}


/* title style */
.closing_title_style1{background-color:#424242; color:#fff;}
.closing_title_style1 a{color:#fff !important;}
.closing_title_style1 .closing_close{color:#ccc; border:1px solid #666;}
.closing_title_style1 .closing_close:hover{background-color:#666; color:#fff; border:1px solid #666;}
.closing_title_style2{background-color:#d7d5d7; color:#2f2f2f;}
.closing_title_style2 a{color:#2f2f2f !important;}
.closing_title_style2 .closing_close{color:#7c7c7c; border:1px solid #acacac;}
.closing_title_style2 .closing_close:hover{background-color:#acacac; color:#fff; border:1px solid #acacac;}
.closing_title_style3{background-color:#b2b2b2; color:#fff;}
.closing_title_style3 a{color:#fff !important;}
.closing_title_style3 .closing_close{color:#eaeaea; border:1px solid #cccccc;}
.closing_title_style3 .closing_close:hover{background-color:#989898; color:#eaeaea; border:1px solid #cccccc;}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.closing_wrap_M .closing_products li .list_wrap:hover{border:1px solid #ddd; margin-top:0; box-shadow: 0 4px 15px 2px rgba(50,50,50,0.25)}
}

/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
	.closing_wrap_M .closing_products li .list_wrap:hover{border:1px solid #ddd; margin-top:0; box-shadow: 0 4px 15px 2px rgba(50,50,50,0.25)}
}