@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Service Development Team
 * 응모하라! 2016! 살림장만 이벤트 Stylesheet
 * Author - jhkim88@hanbitsoft.co.kr 20160715
------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body, input, button, textarea, select, table, kbd{line-height:1.2; font-family:'맑은 고딕', Malgun Gothic, '돋움', dotum, Helvetica, sans-serif; font-size:12px; color:#000;}
img{vertical-align:top;}
ol, ul{list-style:none;}
a{text-decoration:none; color:#000;}
a:hover, a:focus, a:active{text-decoration:underline; color:#0000ff;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}

/* Styles
-------------------------------------------------------------- */
body{width:100%;height:100%;background-color:#292623}

.sp_txt{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(../images/sp_txt.png) no-repeat 0 0;line-height:999px;vertical-align:top}
.sp_btn{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(../images/sp_btn.png) no-repeat 0 0;line-height:999px;vertical-align:top}

#wrap{overflow:hidden;position:relative;width:100%;min-width:1100px;background:url(../images/bg.jpg) no-repeat 50% 0;}
#wrap .inner{width:1100px;margin:0 auto;}
#container{position:relative;padding-top:653px;width:1100px;}
#container .point_login_area{position:relative;left:-29px;width:1135px;height:130px;background:url(../images/bg_pointLogin.png) no-repeat 0 0;font-family:'맑은 고딕', Malgun Gothic;}
.point_login_area .point{position:absolute;left:140px;top:40px;}
.point_login_area .point .title{float:left;width:131px;height:20px;}
.point_login_area .point .title span{margin:17px 0 0 3px;width:131px;height:20px;background-position:0 0;}
.point_login_area .point .info{float:left;margin-left:14px;}
.point_login_area .point .info .btn_chk{width:136px;height:52px;float:left;margin-left:2px; background-position: 0 0;}
.point_login_area .point .info .myPoint{float:left;display:inline-block;margin-top:3px;width:150px;height:46px;line-height:46px;font-size:20px;color:#ffffff;text-align: center;background-color: #040505}
.point_login_area .login{position:absolute;right:98px;top:40px;}
.point_login_area .login .before{}
.point_login_area .login .before .btn_login{width:136px;height:52px;background-position:-138px 0;}
.point_login_area .before p{margin-top:3px;display:inline-block;width:295px;height:46px;line-height:46px;text-align:center;background-color:#040505;font-size:18px;font-weight:bold;color:#ffffff;}

.point_login_area .after{}
.point_login_area .after .myPlay{float:left;display:inline-block;width:220px;height:46px;margin:3px 2px 0 0;background-color:#040505;line-height:46px;font-size:18px;font-weight:bold;color:#ffffff;text-align:center;}
.point_login_area .after .title{float:left;width:69px;height:19px;margin: 16px 10px 0 0}
.point_login_area .after .title span{width:69px;height:19px;background-position:-133px 0}
.point_login_area .after .info{float:right}
.point_login_area .after .info .btn_change{float:left;width:136px;height:52px;background-position: -276px 0;}

#container .event1{position:relative;margin-top:26px;height:448px;}
#container .event1 .facebook_share{position:absolute;top:174px;right:46px;width:221px;height:225px;background-position:0 -54px}

#container .step{position:relative;margin-top:26px;height:394px;}

#container .event2{position:relative;height:303px;}

#container .entry{position:relative;height:6224px;padding-top:50px;font-family:'맑은 고딕', Malgun Gothic;}
#container .entry ul{width:1125px;}
#container .entry li{float:left;position:relative;width:210px;height:289px;margin:0 15px 15px 0;background:url(../images/list_bg.png) no-repeat 0 0;}
#container .entry li .appear{padding:10px 26px 0 23px;letter-spacing:-1px;}
#container .entry li .appear dt span{margin-top:5px;}
#container .entry li .appear .total_entry_title{float:left;width:79px;height:17px;}
#container .entry li .appear .total_entry_title span{width:79px;height:17px;background-position:0 -22px;}
#container .entry li .appear .my_entry_title{float:left;width:79px;height:17px;}
#container .entry li .appear .my_entry_title span{width:79px;height:17px;background-position:-80px -22px;}
#container .entry li .appear dd{width:82px;font-size:20px;text-align: right}
#container .entry li .appear .total_entry{float:left;color:#b3b3b3;}
#container .entry li .appear .my_entry{float:left;color:#ffffff;}

#container .entry li:hover .cover{display:block;}
#container .entry li dl{padding:0 7px 0 3px;}
#container .entry li .goods{height:208px;}
#container .entry li .cover{display:none;position:absolute;left:0;top:0;width:210px;height:289px;background:url(../images/bg_over.png) no-repeat 0 0;text-align:center;}
#container .entry li .cover button{position:absolute;width:200px;height:72px;left:3px;bottom:8px;background-position:0 -281px;}
#container .entry li .goods dd{width:auto;}
#container .entry li .goods dd.price{padding-top:18px;height:33px;line-height:32px;text-align:center;font-size:24px;color:#ff7d1e;font-weight:bold;}
#container .entry .btn_top{position:fixed;margin-right:-638px;right:50%;bottom:0;width:88px;height:88px;background-position:0 -425px;}

#container .caution{position:relative;height:525px;}
#container .go_to_modify{position:absolute;right:224px;top:350px;display:inline-block;line-height:999px;overflow:hidden;width:160px;height:20px;background-color:transparent;vertical-align:top;}

#footer{width:100%;background-color:#0c0e13;}
#footer .inner{height:63px;background:url(../images/bg_copy.png) no-repeat 50% 50%;}
#footer p{color:transparent;text-indent:-9999px;}

/* 레이어 팝업 */
#dim{display:none;z-index:9;position:fixed;left:0;top:0;width:100%;height: 100%;background:#000;opacity:0.7;filter: alpha(opacity=70);}
.layer_popup{display:none;z-index:10;position:fixed;width:411px;height:393px;background:url(../images/bg_layerPop2.png) no-repeat 0 0;left:50%;top:50%;margin-left:-205px;margin-top:-196px;}
.layer_popup_inner{padding-top:120px;}
.layer_popup_inner .popup_item{height:100px;text-align: center;}
.layer_popup_inner .popup_txt{height:57px;text-align: center;color:#ffffff;}
.layer_popup_inner .btn_wrap{text-align: center;}
.layer_popup_inner .btn_wrap .btn_ok{width:135px;height:68px;background-position:0 -355px;}

/* S : 아이템 구매 내역 윈도우팝업 */
#popup_wrap{position:relative;width:577px;height:744px;background:url(../images/pop_bg.jpg) no-repeat 0 0}
#popup_wrap .table_area{position:relative;padding-top:105px;text-align: center;}
#popup_wrap .table_area .table_border{width:517px;margin:0 auto;border-top:2px solid #a8a6a3;border-bottom:2px solid #a8a6a3;}
#popup_wrap .table_area table{margin:0 auto;font-family: Malgun Gothic,'맑은고딕';}
#popup_wrap .table_area table thead tr th{height:68px;background:url(../images/table_bg.png) repeat 0 0;color:#000000;font-size:15px;}
#popup_wrap .table_area table tr{}
#popup_wrap .table_area table tr td{height:70px;color:#d8d7d6;font-size:15px;font-weight:bold}
#popup_wrap .table_area table tr.tr_bg{background:url(../images/tr_bg.png) repeat 0 0;}

#popup_wrap .page_number{float:left;margin-top:26px;font-size:15px;color:#767676;margin-left:30px;font-weight:bold;letter-spacing:-1px}
#popup_wrap .page_number .currnet_num{color:#d8d7d6;}

#popup_wrap .paging {float:right;margin-right:30px;margin-top:20px;text-align:center;font-size:11px}
#popup_wrap .paging a {display:inline-block; width:23px; height:23px;line-height:22px;font-size:13px;font-weight:bold;color:#767676;vertical-align:top;text-decoration:none;border:1px solid #767676}
#popup_wrap .paging a.dir {border: 1px solid #242322}
#popup_wrap .paging strong {display:inline-block; width:23px; height:23px; line-height:21px;vertical-align:top;border:1px solid #1b1a18}
#popup_wrap .paging a:hover,.paging strong {background:#1b1a18;color:#ffffff;font-weight:bold}
#popup_wrap .nolist {padding:140px 0;font-size:16px;color:#000;font-weight:bold;text-align:center}

#popup_wrap .pop_ok_btn_area{padding-top:60px;text-align: center;}
#popup_wrap .pop_ok_btn_area button{width:135px;height:68px;background-position:0 -355px;}
/* E : 아이템 구매 내역 윈도우팝업 */