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

/* Base */
body{-webkit-text-size-adjust:none;} /* 폰트크기 자동조절하는 기능 해제 -webkit-tap-highlight-color:rgba(0,0,0,0);  */
html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, ol, li, div, table, td, input, fieldset, textarea, select, a, img{padding:0; margin:0; font-family:'돋움';}
header, article, nav, footer, section, aside{display:block; padding:0; margin:0; font-family:'맑은 고딕';} /* HTML5 시멘틱 구조 기본 설정 */
body{font-size:12px; color:#666; font-family:'돋움'; overflow-x:hidden; overflow-y:auto;}
a, select, span, label{text-decoration:none; color:#666;}
a img{border:none;}
img{vertical-align:top;}
li{list-style:none;}
table{border-collapse:collapse;}


#wrap{width:100%; position:relative; overflow:hidden; background-color:black; -webkit-transition:-webkit-transform .3s ease 0; -webkit-transform:translate(0,0);}

#wrap .hidden{ vertical-align:top; display:block; text-indent:-5000px; font-size:0; line-height:0; overflow:hidden; }

#header{margin:0 auto;padding:10px 0;}
#header span.logo{ display:inline-block;*display:inline;*zoom:1;padding-left:10px; position:relative;width:30.6%;left:0;}
#header span.logo img{ width:100%; }
#header span.logo2{ display:inline-block;*display:inline;*zoom:1;padding-right:10px; position:relative; right:0;width:20.6%;float:right;}
#header span.logo2 img{ width:100%; }

#wrap p{text-align:center; padding-bottom:7px;}
#wrap p span{display:block; padding:15px 13px 7px;}
#wrap p img{width:100%;}

#contents{padding:0 5px; }

div#movie_area{text-align:center;}
div#movie_area img{width:100%;}

div#sns_area{padding:13px 0;}
div#sns_area ul{overflow:hidden;}
div#sns_area ul li{float:left; padding-right:5px;}
div#sns_area ul span.sns img{width:20px;}
div#sns_area ul span.url img{width:90px;}


div#play_list div{width:100%; margin:0 auto;}
div#play_list ul{overflow:hidden; margin:0 auto;}
div#play_list ul li{float:left; width:32.33%;}
div#play_list ul li.pr_3{padding-right:4.5px;}
div#play_list ul li span img{width:100%;}

div#nav{background-color:#1e1e1e; border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c; margin-top:20px; padding:10px 0; }
div#nav div{width:100%; text-align:center;}
div#nav ul{overflow:hidden;}
div#nav ul li{float:left; vertical-align:top; text-align:center;}
div#nav ul li:first-child{width:13%;}
div#nav ul li#gnb_02{width:17%;}
div#nav ul li#gnb_03{width:16%;}
div#nav ul li#gnb_04{width:11%;}
div#nav ul li#gnb_05{width:20%;}
div#nav ul li:last-child{width:23%;}


div#footer{width:100%; padding:8px 5px;}
div#footer address{font-style:normal; color:#9f9f9f; font-size:11px;}
div#footer address span{font-weight:bold;}