@charset "utf-8";

/* layout */
html,body{height:100%;}
#hd,#bd,#ft{text-align:left;}
#hd .wrap,#bd .wrap,#ft .wrap{width:970px;margin:0 auto;zoom:1;}
#hd .wrap:after,#bd .wrap:after,#ft .wrap:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

#hd{position:relative;z-index:1;height:125px;background:url(../img/k_rep_x.gif) repeat-x 0 0;}
#hd .wrap{position:relative;}
#bd{min-height:100%;}* html #bd{height:100%;}
#bd{margin:-125px 0 -135px;}
#bd .wrap{padding:125px 0 135px;background:url(../img/k_rep_y.gif) repeat-y 100% 0;}
#main{float:left;padding:20px 0;width:710px;} 
#sub{float:right;padding:15px 0 30px 16px;width:225px;background:url(../img/k_sub_top.gif) no-repeat 0 0;}
#ft{clear:both;height:135px;background:url(../img/k_rep_x.gif) repeat-x 0 100%;}
#ft{text-align:center;color:#fff;}
#ft p{padding:18px 0 12px;}

#mh{padding:10px 0 0 5px;height:68px;background:url(../img/k_prn.gif) no-repeat 0 -70px;}
#gnb{position:absolute;top:22px;right:0;}
#total-search{position:absolute;top:89px;right:0;width:233px;}
#total-search label{position:absolute;display:block;color:#9f9f9f;width:205px;padding:4px 0 0 4px;height:19px;}
#total-search input{vertical-align:middle;}
#total-search .type-text{width:205px;padding:3px 0 0 3px;height:19px;border:1px solid #6b6b6b;border-right:0;}
#prn{clear:both;height:30px;padding-top:10px;}
#prn ul{overflow:hidden;height:28px;background:url(../img/k_prn.gif) no-repeat 0 0;}
#prn li{float:left;padding-right:2px;}
#prn li.on{background:url(../img/k_prn.gif) no-repeat 0 0;}
#prn li.m1{background-position:0 -30px;}
#prn li.m2{background-position:-77px -30px;}
#prn li.m3{background-position:-206px -30px;}
#prn li.m4{background-position:-330px -30px;}
#prn li.m5{background-position:-426px -30px;}
#prn li.m6{background-position:-522px -30px;}
#prn li.m7{background-position:-646px -30px;}

#pa{margin-bottom:15px;padding:20px 0 0 20px;height:82px;background:url(../img/k_sub.gif) no-repeat 0 0;}
#pa .type-text{width:115px;margin-bottom:5px;*margin-bottom:3px;padding:2px 0 0 3px;height:17px;border:1px solid #9a9a9a;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8;}
#pa .bd label{position:absolute;display:block;color:#9f9f9f;width:115px;padding:4px 0 0 3px;height:17px;_line-height:1.6;}
#pa .bd .btn{position:absolute;top:19px;right:16px;}
#pa .ft{padding:6px 0 0 8px;color:#a5c1d7;font:11px/1.12 dotum,'돋움';}
#pa .ft a{color:#393939;}
#pa .user,#pa .info,#pa .user a{color:#333;}
#pa .user{position:relative;margin-top:-5px;padding-bottom:7px;}
#pa .user strong{font-weight:bold;}
#pa .info span{padding:0 4px;color:#a6c1d6;}
#pa .btn{position:relative;margin-left:-8px;}


#real,#real .hd{background:url(../img/k_sub.gif) no-repeat 0 100%;}
#real{margin-bottom:13px;padding-bottom:13px;}
#real .hd{height:33px;background-position:0 -130px;}
#real .hd h3{padding:10px 0 0 11px;line-height:0;}
#real .bd{padding:3px 15px 0 13px;background-color:#fff;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
#real .bd li{padding:9px 0;border-bottom:1px dashed #e1e1e1;zoom:1;}
#real .bd li:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}
#real .bd li.x{border-bottom:0;}
#real .bd li .img{float:left;padding-right:10px;}
#real .bd li .con{float:left;width:120px;font:11px/1.5 dotum,'돋움';}
#real .bd li .con p{padding:1px 0 7px;}
#real .bd li .con p a{color:#000;}
#real .bd li .con p strong{display:block;font-weight:bold;}
#real .bd li .cate{color:#7f7f7f;}
#real .ft{top:6px;right:6px;}

#iphone{position:relative;margin-bottom:5px;width:217px;height:429px;background:url(../img/bnr_iphone.gif) no-repeat 0 0;}
#iphone .bd{overflow:hidden;position:absolute;top:67px;left:20px;width:178px;height:267px;}
#iphone .bd li{position:absolute;top:0;left:178px;}

#reply,#reply .hd{background:url(../img/k_sub.gif) no-repeat 0 100%;}
#reply{margin-bottom:25px;padding-bottom:13px;}
#reply .hd{height:33px;background-position:0 -130px;}
#reply .hd h3{padding:12px 0 0 11px;line-height:0;}
#reply .bd{padding:10px 8px 6px 13px;background-color:#fff;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;font:11px/1.8 dotum,'돋움';}
#reply .bd li{padding-left:10px;background:url(../img/k_icon.gif) no-repeat 0 -374px;}
#reply .bd li a{color:#000;}
#reply .ft{top:6px;right:6px;}

#dcount .hd{border-bottom:2px solid #d1d5da;background:url(../img/k_icon.gif) no-repeat 2px -162px;}
#dcount .hd h3{padding-left:20px;font-weight:bold;line-height:1.8;color:#3e3e3e;}
#dcount .bd{padding:7px 0 0 2px;}
#dcount .bd,#dcount .bd *{font:11px/1.6 dotum,'돋움';color:#555;}

#pop-join{width:370px;height:270px;}
#pop-review{width:520px;height:400px;}
#pop-info{width:490px;height:320px;}