@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1280px) {
.top .innerwrap, header .innerwrap, nav .innerwrap, .contents .innerwrap, .fcontents .innerwrap, footer .innerwrap {width:1140px;}
.contents .left img, .mostpopular img, .fcontents img {width:100%;}
nav {height:auto; border:none;}
nav .innerwrap {padding:0 3%;}
nav .nav .menu a, nav .nav .menu2 a {padding:0 15px; margin-left:-5px;}
nav .nav {text-align:center;}
nav .nav li {display:inline-block; float:none;}
nav .dw_menu li {display:block; text-align:left;}
.contents .photo_slide .list, .contents .photo_slide .more-l, .contents .photo_slide .more-r {display:none}
.contents .photo_slide .big img {width:auto;}
.contents .left {width:69.2%; float:left;}
.contents .col1 {width:75.5%;}
.contents .col2 {width:21.0%}
.contents .side {width:28.8%; float:right;}
.contents .at_left {width:64.3%; float:left;}
.contents .at_side {width:33.7%; float:right;}
.contents .at_left .col6 {display:none;}
.contents .at_left .col5 {width:100%; float:left;}
.contents .photo_slide .links_art {padding:10px 20px 0 0;}
footer .foot_r {margin-top:0;}
footer .foot_r li {float:none;}
.mostpopular .sectitle .gotokpopstream {width:auto;}
}
@media screen and (max-width:540px) {
.header_m {display:block;}
nav, header, .top, .contents .photo_slide .list, .f_ad {display:none;}
.contents .innerwrap, .fcontents .innerwrap, footer .innerwrap {width:auto; float:none; display:block; clear:both;}
.contents .left, .contents .at_left, .contents .side, .contents .at_side, .contents .col1, .contents .col2, .contents .col3, .contents .col4, .contents .col5, .contents .col6 {width:100%; float:left; display:block; clear:both;}
article .at_photo img {width:100%;}
article .at_body img {width:100%;} 
.contents {padding:0}
.contents .innerwrap {padding:0 5px;}
.contents .col2 {margin-top:20px;}
.contents .gallery .con {width:98%; margin:0 1% 20px;}
.contents .style {border:none;}
.ct_ad {display:block;} .ct_ad img {width:auto;}
.contents .at_title {font-size:26px; line-height:28px; }
article .like {width:100%; padding:0;}
article .like .prev {top:20%; left:-45px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7);}
article .like .next {top:20%; right:-45px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7);}
article .at_photo {width:100%; margin:0 0 20px; display:block; clear:both;}
.contents .related {margin-right:0;}
.contents .news_list .photo {width:100%; margin-bottom:10px;}
.contents .photo_list .con1, .contents .photo_list .con2 {width:100%; display:block; clear:both; margin-right:0;}
.contents .photo_slide {width:100%; float:left; clear:both;}
.contents .photo_slide .big {height:auto;}
.contents .photo_slide .big img {width:100%;}
.contents .photo_slide .pt_prev {top:-13px; right:30px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
.contents .photo_slide .pt_next {top:-13px; right:-10px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
.contents .photo_slide .pt_page {top:50px; right:10px;}
.contents .photo_slide .pt_copy {bottom:10px; right:10px;}
.contents .photo_slide .list2 li {width:28%;}
.contents .photo_slide .pt_ad {margin:0 10px 10px;}
.contents .photo_view .pt_sns {width:99.5%; padding:8px 0 5px; border:#ddd 1px solid; background:#fff; clear:both;}
.contents .photo_view .pt_sns li {float:left; padding:0 5px; font-size:11px;}
.contents .at_body .at_sns {width:99.5%; padding:8px 0 5px; border:#ddd 1px solid; background:#fff; clear:both;}
.contents .at_body .at_sns li {float:left; padding:0 5px; font-size:11px;}
.fcontents .innerwrap {padding:15px 5%;}
.fcontents .list {width:44%; margin:0 3% 20px; min-height: 250px;}
footer .foot_r li {float:none; clear:both;}
footer .foot_r .input {width:190px;}
footer * { font-size:11px;}
.contactinfo {float:none;width:100%;}
.contactform {float:none;width:100%; border-top:#000 1px solid; padding-top:15px}
article .like .prev {top:25%; left:-9px;}
article .like .next {top:25%; right:-9px}
article .like .list {float:left; margin:0 1%; text-align:center;}
.photo_slide .big .t1 {display:none}
.contents .photo_slide .list2 {padding-top:85px}
.fcontents .innerwrap {padding:15px 5%;}
footer .foot_l, footer .foot_r {width:100%; float:left; display:block; clear:both;}
footer .innerwrap {padding:0 10px;}
footer * { font-size:11px;}
.contactinfo {float:none;width:100%;}
.contactform {float:none;width:100%; border-top:#000 1px solid; padding-top:15px}
.contents article .sns_atbottom {float:none; clear:both; padding-top:10px;}
.contents .at_body .ad {display:none}
.vd_wp .vd_hdline iframe {width:100%;}
.viewfullweb {background:#131313; color:#fff; font-weight:bold; padding:8px; text-align:center; position:fixed; bottom:0; width:100%}
.bn_vote2013dec {display:none}
.bn_vote2013dec_mobile {display:block}
}
@media screen and (max-width:320px) {
.contents .hdline .prev, .contents .gallery .prev {top:100px; left:0;}
.contents .hdline .next, .contents .gallery .next {top:100px; right:0;}
.contents .at_tools ul.tool li.at_gg, .contents .at_tools ul.tool li.at_add {display:none}

.bn_vote2013dec_mobile {height:100px;}
.bn_vote2013dec_mobile .bn_kpop, .bn_vote2013dec_mobile .bn_kdrama img {width:100%}
.bn_vote2013dec_mobile .bn_kpop {top:54px; left:-16px; width:290px; height:23px;}
.bn_vote2013dec_mobile .bn_kdrama {top:76px; right:-21px; width:313px; height:23px;}
}