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

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

*{padding:0; margin:0;  }
body{background-color:rgb(255,255,255);font-family: 'Nanum Gothic', sans-serif; min-width:320px; color:#000} 
li{list-style:none;}
.logo{padding:10px 0 40px; text-align:center}
.list-title{text-align:center; color:rgb(255,0,255); padding-bottom:30px}
.list-title .p1{font-size:24px; padding-bottom:10px}
.list-title .p2{font-size:15px;}
.cation{text-align:center; font-size:14px;  background:#3a3a3a; color:rgba(255,169,18); padding:10px 0;  border-radius:20px; width:300px; margin:0 auto 30px}

.mwrap{ padding:3%; overflow:hidden; width:820px; margin:0 auto}
.mwrap a{color:rgb(20,20,20); text-decoration:none}  
.mimg{float:left; width:380px; margin-right:0px;}
.mdetail{float:left; color:rgb(255,255,255)}
.mimg-b{margin-bottom:15px;}
.mlist span{background:url(../../images/player.png) no-repeat #c9c9c9 45px center; display:inline-block; text-transform:uppercase;  padding:0  25px 0 10px; margin-right:20px; font-size:13px; height:25px; line-height:25px;}
.mlist li{margin-bottom:10px; cursor:pointer}
.mtxt{padding-left:10px;}
.mtxt .mt1{font-size:18px; margin-bottom:30px; padding:30px 10px 10px 10px;}
.mtxt .mt2 p{font-size:22px; margin-bottom:20px;}
.mtxt .mt2{margin-bottom:80px; margin-left:10;}

.movie{padding:1%; overflow:hidden; margin-top:0; width:820px; margin:0 auto}


.mov-list{ margin-top:10px; width:100%;}
.mov-list li a{color:#FFF; text-decoration:none; display:block; background:rgb(100,60,0); padding:10px 6px; color:#FFF; font-size:11px; 
cursor:pointer; float:left; width:20%; text-align:center; margin-bottom: 1%; margin-right:0%; box-sizing:border-box}
.mov-list li:last-child a{margin-right:0;}


iframe{height:450px;}
@media only all and (max-width:720px){
	.mwrap{ padding:10% 3% ; overflow:hidden; width:100%; box-sizing:border-box}
	.mimg{margin-right:10; width:100%; text-align:center}
	.mdetail{ width:100%; text-align:center}
	.mdetail .mlist{padding-left:20px;}
	.mdetail .mtxt .mt2{margin-bottom:60px;}
	.mdetail .mlist li{text-align:left;}
	.mtxt .mt2{margin-bottom:80px;}
	.mtxt{padding-left:0;}
	iframe{ padding-top:50px;  width:100% !important; height:280px;  box-sizing:border-box }
    .movie{ padding:0% 3% ; overflow:hidden; width:100%; box-sizing:border-box}

	
}