@import url(default.css);
@import url(common_20130213.css);

#body{background:url(../images/common/wrapper_bg_20130213.jpg) no-repeat center 30px}
#body.daum_bg{background-position:50% 0}

#colgroup_1{margin:15px 0 0 0}
#issue{position:relative;float:left;width:489px;height:278px;overflow:hidden;background:url(../images/main/issue_bg.gif) no-repeat left top}
#issue h2{position:absolute;left:14px;top:14px;width:91px;height:12px;background:url(../images/spr/tit_v01.gif) no-repeat 0 -40px}
#issue h2 span{position:relative;z-index:-1;text-indent:-3000em}
#issue a{color:#000}
#issue .list{position:absolute;left:12px;top:34px;height:102px}
#issue .list .img{float:left;margin-right:25px;border:1px solid #c4c4c4}
#issue .list dl{float:left;width:220px}
#issue .list dl dt{font-weight:bold;margin:4px 0 8px 0;line-height:1}
#issue .list dl dt a{color:#0099c5;font-size:14px;padding-top:1px;letter-spacing:-1px;display:block;overflow:hidden;width:220px;white-space:nowrap;text-overflow:ellipsis;line-height:1}
#issue .list dl dd a{line-height:18px}
#issue .issue_menu{position:absolute;left:14px;top:161px}
#issue .issue_menu li{float:left;padding-left:8px;width:228px;background:url(../images/spr/bul_circle.gif) no-repeat left 3px;line-height:1}
#issue .issue_menu li a{display:block;overflow:hidden;width:200px;margin-bottom:8px;white-space:nowrap;text-overflow:ellipsis;line-height:1}
#issue .issue_menu li strong{line-height:1}
.ie6 #issue .issue_menu li a,
.ie9 #issue .issue_menu li a{padding-top:1px;margin-bottom:7px}
#issue .control{position:absolute;right:23px;bottom:31px}
#issue .control li{float:left}
#issue .control li a{display:block;height:15px;background:url(../images/spr/btn_v01.gif) no-repeat 0 -120px}
#issue .control li a span{position:absolute;z-index:-1;text-indent:-3000em}
#issue .control li.page{width:33px;line-height:15px;text-align:center;font-weight:bold;font-family:Arial;font-size:11px;color:#559be0}
#issue .control li.page span{font-weight:normal}
#issue .control li.prev a{width:14px;background-position:0 -120px}
#issue .control li.next a{width:13px;background-position:-14px -120px}

#cabal_search{float:left}
#popup{float:left}

#beginner{float:left;height:58px}
#beginner img{vertical-align:top}

#ad_banner{margin-bottom:15px}

#colgroup_2{height:181px}

#item_shop{position:relative;float:left;width:469px;padding:4px;margin:0 10px 16px 0;border:1px solid #c2c2c2;background:#dfdfdf}
.item_shop_wrap{height:171px;background:#ebebeb url(../images/main/item_shop_bg.gif) no-repeat left top}
#item_shop .control li a{position:absolute;top:79px;display:block;width:15px;height:22px;background:url(../images/spr/btn_v01.gif) no-repeat 0 -140px}
#item_shop .control li a span{position:relative;z-index:-1;text-indent:-3000em}
#item_shop .control li.prev a{left:12px;background-position:0 -140px}
#item_shop .control li.next a{left:450px;background-position:-16px -140px}
#item_shop .list{position:absolute;left:28px;top:13px}
#item_shop .list .ico{position:absolute;left:3px;top:0;display:block;width:29px;height:31px;background:url(../images/spr/ico_v02.png) no-repeat 0 0}
#item_shop .list .ico em{position:relative;z-index:-1;text-indent:-3000em}
#item_shop .list .best{background-position:0 0 !imporatnt:}
#item_shop .list .hot{background-position:-40px 0}
#item_shop .list li{position:relative;display:inline;float:left;width:108px;margin:0 16px}
#item_shop .list li a{color:#2e2e38;text-align:center;font-size:11px}
#item_shop .list li .img{display:block;margin:2px 0 9px 0;border:2px solid #b7b7b7}
#item_shop .item{display:inline-block;height:126px}
#item_shop .btn_item_go{display:block;width:106px;height:25px;margin:0 auto;background:url(../images/spr/btn_v01.gif) no-repeat 0 -170px}
#item_shop .btn_item_go span{position:absolute;z-index:-1;text-indent:-3000em}

#item_special{float:left;height:179px;margin:0;border:1px solid #d8d8d8}
#item_special img{vertical-align:top}

#colgroup_3{height:190px;margin-top:16px}

#media{position:relative;float:left;width:479px;height:190px;margin:0 10px 15px 0;background:url(../images/main/media_bg.gif) repeat-x left top}
#media ul li{float:left}
#media ul li a{float:left;display:block}
#media ul div.tabcontent{position:absolute;top:40px;left:0;width:479px;display:none}
#media ul div.tabcontent li{float:left;width:147px;margin-right:19px}
#media ul div.tabcontent li.last{margin-right:0}
#media ul div.tabcontent dl{}
#media ul div.tabcontent dt{float:left;display:block;margin-bottom:5px;}
#media ul div.tabcontent .img{display:block;margin-bottom:12px}
#media ul div.tabcontent .img img{border:1px solid #c4c4c4}
#media ul div.tabcontent .title{display:block;font-weight:bold;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:147px}
#media ul div.tabcontent dd a{font-size:11px;color:#979797;letter-spacing:-1px;line-height:1}
.ie6 #media ul div.tabcontent dd a{line-height:1.2}
#media div.tab2more{position:absolute;right:0;top:10px}

#media #tab2m1 span{display:block;width:161px;height:30px;background:url(../images/spr/media_menu.gif) no-repeat 0 0;text-indent:-3000em;cursor:pointer}
#media #tab2m2 span{display:block;width:162px;height:30px;background:url(../images/spr/media_menu.gif) no-repeat -162px 0;text-indent:-3000em;cursor:pointer}
#media #tab2m1.on span{width:162px;background-position:0 -30px}
#media #tab2m2.on span{background-position:-161px -30px}

#other_banner{float:left;height:179px;margin:0}
#other_banner img{vertical-align:top}
#other_banner li{margin-bottom:5px}

#colgroup_4{margin-top:15px}

#update_review{position:relative;width:479px}
#update_review h2{position:relative;left:0;top:0;width:100px;height:12px;overflow:hidden;margin-bottom:7px;background:url(../images/spr/tit_v01.gif) no-repeat 0 -60px}
#update_review h2 span{position:relative;z-index:-1;text-indent:-3000em}
#update_review ul{border-top:1px solid #d2d1d1}
#update_review li{float:left}
#update_review dt{display:block;margin-bottom:4px}
#update_review dt a{color:#009ac6}
#update_review dt a span{color:#333}
#update_review .img{display:block;margin-bottom:11px}
#update_review .title{display:block;font-weight:bold;letter-spacing:-1px}
#update_review .more{position:absolute;right:0;top:5px}

#update_zone{position:relative;margin:0 -17px 0 -17px;width:704px;height:190px;background:url(../images/main/update_zone_bg.jpg) no-repeat left top}
.update_zone_120523{background:url(../images/main/update_zone_bg_120523.jpg) no-repeat left top !important}
.update_zone_120604{height:160px !important;background:url(../images/main/update_zone_bg_120604.jpg) no-repeat left top !important}
#update_zone .list{position:absolute;left:516px;top:20px}
#update_zone li{font-size:0}
#update_zone a{display:block;width:180px;height:28px;margin-bottom:3px;background:url(../images/main/update_zone_btn.png) no-repeat left top; vertical-align:top}
#update_zone.update_zone_120523 a{background:url(../images/main/update_zone_btn_120523.png) no-repeat}
#update_zone.update_zone_120604 a{background:url(../images/main/update_zone_btn_120822.png) no-repeat}
#update_zone a span{position:absolute;text-indent:-3000px}
#update_zone .n01 a{background-position:0 -6px}
#update_zone .n01 a:hover{background-position:-180px -6px}
#update_zone .n02 a{background-position:0 -39px}
#update_zone .n02 a:hover{background-position:-180px -39px}
#update_zone .n03 a{background-position:0 -71px}
#update_zone .n03 a:hover{background-position:-180px -71px}
#update_zone .n04 a{background-position:0 -103px}
#update_zone .n04 a:hover{background-position:-180px -103px}
#update_zone .n05 a{background-position:0 -133px}
#update_zone .n05 a:hover{background-position:-180px -133px}

#update_zone_20121024{position:relative;margin:0 -17px 0 -17px;width:704px;height:160px}
#update_zone_20121218{position:relative;margin:0 -17px 0 -17px;width:704px;height:160px}
#update_zone_20130213{position:relative;margin:0 -17px 0 -17px;width:704px;height:160px}

/* 20121031 */ 
.left_banner_sns{position:relative;background:#efefef;width:205px;height:35px;border:1px solid #dfdede;margin-bottom:9px}
.left_banner_sns h4{background:url(../images/main/left_banner_box.gif) no-repeat -1px -1px;width:106px;height:35px}
.left_banner_sns ul{position:absolute;top:6px;left:140px;}
.left_banner_sns li{float:left;width:30px}
.left_banner_sns li a{display:block;background:url(../images/main/left_banner_box.gif) no-repeat;width:25px;height:25px}
.left_banner_sns li .btn_facebook{background-position:-141px -7px}
.left_banner_sns li .btn_twitter{background-position:-171px -7px}
.left_banner_link{position:relative;background:#efefef;width:205px;height:35px;border:1px solid #dfdede;margin-bottom:10px}
.left_banner_link li{float:left;height:35}
.left_banner_link li a{display:block;background:url(../images/main/left_banner_box.gif) no-repeat;height:35px}
.left_banner_link li .btn_mobile{width:68px;background-position:-1px -47px}
.left_banner_link li .btn_faq{width:64px;background-position:-69px -47px}
.left_banner_link li .btn_customer{width:72px;background-position:-133px -47px}
.left_banner_tel{background:url(../images/main/left_banner_box.gif) no-repeat 0 -93px;width:180px;height:35px}
.left_banner_btn{padding:4px 0 0 8px}
.left_banner_btn a{display:block;background:url(../images/main/left_banner_box.gif) no-repeat -8px -132px;width:129px;height:22px}