@charset "utf-8";
/* reset */
html {
  -webkit-text-size-adjust: none;
	
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
fieldset,
form,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
a {
  margin: 0;
  padding: 0;
}
dl,
ol,
ul,
li {
  list-style: none;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
address,
em,
i.strong,
th {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
fieldset {
  border: none;
}
input,
label,
select,
td {
  vertical-align: middle;
}
input[type=checkbox],
input[type=radio] {
  position: relative;
  top: -1px;
  margin-right: 5px;
}
input[type=button],
select {
  cursor: pointer;
}
input[type=button],
input[type=submit] {
  border: none;
  background: none;
}
label {
  padding-top: 2px;
}
button {
  border: none;
  background: transparent;
}
textarea {
  line-height: 1.8;
}
input[type=text],
input[type=search],
input[type=password],
select,
textarea,
input[type=button],
input[type=submit] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-spacing: 0;
}
/* color */
/* layout */
.block {
  display: block;
}
.in-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.hidden {
  display: none;
}
.overh {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none !important;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
/* width, height */
.wfull {
  width: 100%;
}
.whalf {
  width: 50% !important;
}
/* margin, padding */
.mauto {
  margin: auto !important;
}
/* border */
.bnone {
  border: none;
}
/* background */
.bgnone {
  background: none !important;
}
.bgw {
  background-color: #ffffff;
}
/* text */
.tl {
  text-align: left !important;
}
.tr {
  text-align: right !important;
}
.tc {
  text-align: center;
}
.tu {
  text-decoration: underline;
}
.tunone {
  text-decoration: none !important;
}
.nowrap {
  white-space: nowrap;
}
.thidden {
  text-indent: -9999px;
}
@media (min-width: 769px) {
  .nanum-light {
    font-family: 'NanumBarunGothicLight';
  }
}
@media (min-width: 769px) {
  .nanum-normal {
    font-family: 'NanumBarunGothic';
  }
}
@media (min-width: 769px) {
  .nanum-bold {
    font-family: 'NanumBarunGothicBold';
  }
}
.light {
  font-weight: light;
}
.normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.dotum {
  font-family: dotum;
}
.helv {
  font-family: Helvetica;
}
.cb {
  color: #000000 !important;
}
.cw {
  color: #ffffff !important;
}
/* etc */
.pointer {
  cursor: pointer;
}
/* common */
html,
body {
  height: 100%;
}
body {
  font-size: 16px;
  color: #121212;
}
@media (min-width: 769px) {
  body {
    font-family: 'Open Sans', '나눔바른고딕', '나눔고딕', 'NanumBarunGothic', 'NanumGothic', '돋움', Dotum, sans-serif;
  }
}
a,
h1,
h2,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
  color: inherit;
  font-size: inherit;
}
a[href="#content"] {
  overflow: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
}
a[href="#content"]:active,
a[href="#content"]:focus,
a[href="#content"]:hover {
  overflow: visible;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
}
.align-center {
  position: relative;
  float: right;
  left: -50%;
}
.align-center > * {
  position: relative;
  float: left;
  left: 50%;
}



/* layout */
@media (orientation: landscape) and (max-width: 768px) {
  .btn-openNav {
    top: 11px;
  }
}
@media (max-width: 768px) {
  .btn-openNav,
  .btn-closeNav {
    display: block;
    text-indent: -9999px;
  }
  .btn-openNav {
    position: fixed;
    top: 22px;
    left: 20px;
    width: 24px;
    height: 18px;
    background-image: url("http://jejumusicfestival.com/images/nav-list.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1010;
  }
  .btn-closeNav {
    position: absolute;
    top: 16px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url("http://jejumusicfestival.com/images/nav-close-w.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 12px;
  }
  body.active {
    position: fixed;
    width: 100%;
  }
  body.active:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    z-index: 980;
  }
  body .bg-close.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
  }
  body .bg-close.inactive {
    display: none;
  }
  .nav-hack {
    left: -260px;
  }
  .nav-hack.active {
    left: 0;
  }
}
@media (min-width: 769px) {
  .btn-openNav,
  .btn-closeNav {
    display: none;
  }
}
#header {
  z-index: 1000;
}
#header .gnb li {
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #header {
    position: fixed;
    top: 0;
    left: -260px;
    bottom: 0;
    width: 260px;
    height: 100%;
    background-color: #121212;
    z-index: 1020;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.15s ease;
    -o-transition: 0.15s ease;
    transition: 0.15s ease;
  }
  #header.active {
    overflow-y: auto;
    -webkit-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    -o-transform: translate(260px, 0);
    transform: translate(260px, 0);
  }
  #header > h1 {
    margin: 28px 60px 18px;
    font-size: 16px;
    color: #ffffff !important;
  }
  #header .gnb > li,
  #header > .pull-right > li,
  #header .gnb a,
  #header > .pull-right a {
    font-size: 16px;
    color: #5e6986;
	  
  }
  #header .gnb > li,
  #header > .pull-right > li {
    margin-right: 60px;
    margin-left: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #header .gnb > li > a,
  #header > .pull-right > li > a {
    display: block;
  }
  #header .gnb > li.selected,
  #header > .pull-right > li.selected {
    color: #ffffff !important;
  }
}
@media (min-width: 769px) {
  #header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
  }
  #header > h1 {
    display: inline-block;
    margin-left: 3.6%;
    background-image: url("http://jejumusicfestival.com/images/ico-logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    text-indent: -9999px;
  }
  #header .gnb {
    position: relative;
    float: right;
    left: -50%;
    margin-top: 30px;
  }
  #header .gnb > * {
    position: relative;
    float: left;
    left: 50%;
  }
  #header .gnb > li,
  #header .gnb a {
    color: #ffffff !important;
  }
  #header .gnb > li.selected {
    font-weight: bold;
    border-bottom: 3px solid #ffffff;
  }
  #header > .pull-right {
    position: absolute;
    right: 0%;
  }
  #header > .pull-right li {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    text-indent: -9999px;
    opacity: 0.5;
  }
  #header > .pull-right li:hover {
    opacity: 1;
  }
  #header > .pull-right li.facebook {
    background-image: url("http://jejumusicfestival.com/images/ico-facebook.png");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #header > .pull-right li.youtube {
    background-image: url("http://jejumusicfestival.com/images/ico-youtube.png");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #header > .pull-right li.insta {
    background-image: url("http://jejumusicfestival.com/images/ico-insta.png");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #header > .pull-right li.korea {
    background-image: url("http://jejumusicfestival.com/images/iocn_lang_ko.png");
    background-position: 0 0;
    background-repeat: no-repeat;
	opacity: 1;  
  }	
  #header > .pull-right li.eng {
    background-image: url("http://jejumusicfestival.com/images/iocn_lang_en.png");
    background-position: 0 0;
    background-repeat: no-repeat;
	opacity: 1;   
  }		
  #header > .pull-right li a {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  #header > h1 {
    width: 80px;
    height: 50px;
    margin-top: 35px;
  }
  #header .gnb > li,
  #header .gnb a {
    font-size: 18px;
  }
  #header .gnb > li {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #header > .pull-right {
    top: 40px;
  }
  #header > .pull-right li {
    padding-left: 10px;
  }
  #header > .pull-right li.facebook {
    width: 14px;
    height: 26px;
  }
  #header > .pull-right li.youtube {
    width: 80px;
    height: 30px;
  }
  #header > .pull-right li.insta {
    width: 22px;
    height: 22px;
  }	
  #header > .pull-right li.korea {
    width: 22px;
    height: 22px;
  }	
	#header > .pull-right li.eng {
    width: 22px;
    height: 22px;
  }	
}
@media (min-width: 1281px) {
  #header > h1 {
    width: 120px;
    height: 70px;
    margin-top: 30px;
  }
  #header .gnb > li,
  #header .gnb a {
    font-size: 25px;
  }
  #header .gnb > li {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #header > .pull-right {
    top: 45px;
  }
  #header > .pull-right li {
    padding-left: 15px;
  }
  #header > .pull-right li.facebook {
    width: 17px;
    height: 32px;
  }
  #header > .pull-right li.youtube {
    width: 96px;
    height: 40px;
  }
 #header > .pull-right li.insta {
    width: 32px;
    height: 32px;
  }	
	
 #header > .pull-right li.korea {
    width: 30px;
    height: 30px;
  }
	#header > .pull-right li.eng {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 768px) {
  #content,
  #footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#content {
  background-color: #f3f4f6;
}
#footer {
  margin-top: 2.208%;
  margin-bottom: 1.208%;
}
#footer .sponsor {
  overflow: hidden;
}
#footer .sponsor dl {
  margin-top: 10px;
  margin-bottom: 10px;
}
#footer .sponsor dd a {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
}
#footer .sponsor dd img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
@media (max-width: 580px) {
  #footer .sponsor dl {
    overflow: hidden;
  }
  #footer .sponsor dt {
    float: left;
    width: 40px;
    line-height: 30px;
  }
  #footer .sponsor dd {
    margin-left: 95px;
  }
}
@media (min-width: 581px) {
  #footer .sponsor {
    text-align: center;
  }
  #footer .sponsor dl {
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
  }
  #footer .sponsor dt,
  #footer .sponsor dd {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (min-width: 854px) {
  #footer .sponsor dl {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1280px) {
  #footer .sponsor a {
    height: 30px;
  }

}
@media (min-width: 1281px) {
  #footer .sponsor a {
    height: 50px;
  }
}
#footer .contact {
  clear: both;
  margin-top: 2.208%;
  margin-bottom: 1.208%;
}
#footer .contact,
#footer .contact a {
  line-height: 1.8;
  color: #5e6986;
}
@media (min-width: 581px) {
  #footer .contact,
  #footer .contact a {
    text-align: center;
  }
}
@media (min-width: 769px) {
  #footer .contact,
  #footer .contact a {
    font-size: 18px;
  }
}
#footer .contact small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}
.home{
  position: relative;
  background-size: cover;
  background-position: 50% 50% !important;
}
.page-header h2 {
  display: inline-block;
  position: absolute;
  top: 31%;
  width: 100%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #ffffff !important;
}
.page-header h2:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  background-color: #5774e0;
}
@media (max-width: 768px) {
  .page-header {
    margin-right: -20px;
    margin-left: -20px;
    padding-top: 200px;
  }
  .page-header h2 {
    margin-top: -190px;
    font-size: 40px;
  }
  .page-header h2:after {
    bottom: -20px;
    width: 50px;
    height: 5px;
    margin-left: -25px;
  }
}
@media (min-width: 769px) {
  .page-header {
    width: 100%;
    padding-top: 31.25%;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .page-header h2 {
    height: 48px;
    margin-top: -140px;
    font-size: 48px;
  }
  .page-header h2:after {
    bottom: -20px;
    width: 60px;
    height: 5px;
    margin-left: -30px;
  }
}
@media (min-width: 1281px) {
  .page-header h2 {
    height: 100px;
    margin-top: -50px;
    font-size: 100px;
  }
  .page-header h2:after {
    bottom: -40px;
    width: 124px;
    height: 10px;
    margin-left: -62px;
  }
}
.content-wrap {
  overflow: hidden;
  padding-top: 5.208%;
  padding-bottom: 5.208%;
}
@media (min-width: 769px) {
  .content-wrap {
    width: 67.187%;
    margin-right: auto;
    margin-left: auto;
  }
}
/* type */
.day1 dt,
.day2 dt {
  background-size: contain;
  text-indent: -9999px;
}
@media (max-width: 768px) {
  .day1 dt,
  .day2 dt {
    width: 50%;
    min-width: 100px;
    max-width: 265px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10%;
  }
}
@media (min-width: 769px) {
  .day1 dt,
  .day2 dt {
    width: 200px;
    height: 70px;
  }
}
.day1 dt.day-white {
  background-image: url("http://jejumusicfestival.com/images/tl-827.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.day1 dt.day-black {
  background-image: url("http://jejumusicfestival.com/images/tl-827-black.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.day2 dt.day-white {
  background-image: url("http://jejumusicfestival.com/images/tl-828.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.day2 dt.day-black {
  background-image: url("http://jejumusicfestival.com/images/tl-828-black.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 1221px) {
  .day1 dt {
    width: 265px;
    height: 77px;
  }
  .day2 dt {
    width: 282px;
    height: 79px;
  }
}
/* home */
#content.home {
  padding-bottom: 2.208%;
  text-align: center;
	background-image: url(http://jejumusicfestival.com/images/bg-home-large-2.jpg);
    background-position: top left ;
    background-repeat: no-repeat;
}
#content.home .page-header {
    padding-top: 5.208%;     
}
#content.home .musician .day2017 {  	
	background-color: rgba(0,0,0,0.2);
  }	
#content.home .musician .day2017_e {  	
	background-color: rgba(0,0,0,0.2);
  }	

#content.home .musician {
  overflow: hidden;

}
#content.home .musician dt {
  margin-right: auto;
  margin-left: auto;
}
#content.home .musician dd {
  text-align: center;
}
#content.home .musician dd,
#content.home .musician dd a {
  color: #ffffff !important;
}
    #content.home .musician dd {
   	font-size: 25px;
	margin-top: 40px;
	text-shadow: 1px 1px #333;  
	padding: 40px 0 1px 0;
	font-family: 'NanumBarunGothic';		
  }

#content.home .musician dd li:last-child {   
		font-size: 18px;		
		margin: 30px 0 20px;
		display: block;
		
	}
@media (min-width: 481px) and (max-width: 500px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 15px; text-shadow: none; padding:1px 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017 {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	
	#content.home .musician dd li:first-child {   
		font-size: 30px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 29px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 27px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 26px;  
	}		
	#content.home .musician dd li:last-child {   
		font-size: 20px;				
		margin: 30px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
}

@media (min-width: 501px) and (max-width: 600px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 15px; text-shadow: none; padding:1px 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017 {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	
	#content.home .musician dd li:first-child {   
		font-size: 35px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 34px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 30px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 29px;  
	}		
	#content.home .musician dd li:last-child {   
		font-size: 18px;				
		margin: 20px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
}
@media (min-width: 601px) and (max-width: 700px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 15px; text-shadow: none; padding:1px 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017 {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e dd li{font-size: 34px; }
	
	#content.home .musician dd li:first-child {   
		font-size: 40px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 39px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 35px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 34px;  		
	}		
	#content.home .musician dd li:last-child {   
		font-size: 16px;				
		margin: 20px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
	
}

@media (min-width: 701px) and (max-width: 768px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 15px; text-shadow: none; padding:1px 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017 {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 100%;
	margin-right: 1%;
    margin-left: 1%; 
	background-color: rgba(0,0,0,0.2)
  }	
	
	#content.home .musician dd li:first-child {   
		font-size: 40px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 39px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 35px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 34px;  
	}		
	#content.home .musician dd li:last-child {   
		font-size: 16px;				
		margin: 20px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
	#content.home .musician .day2017_320_e dd li{   
		font-size: 40px !important;
	  }
	#content.home .musician .day2017_320_e dd li:last-child{   
		font-size: 25px !important;
	  }
}


@media (min-width: 769px) and (max-width: 1128px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 15px; text-shadow: none; padding:1px 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .page-header img {  
		margin-top: 10.08% !important;}
	
	#content.home .musician .day2017 {   
	width: 70%;
	margin-right: 15%;
    margin-left: 15%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 70%;
	margin-right: 15%;
    margin-left: 15%; 
	background-color: rgba(0,0,0,0.2)
  }	
	
	#content.home .musician dd li:first-child {   
		font-size: 40px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 39px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 35px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 34px;  
	}		
	#content.home .musician dd li:last-child {   
		font-size: 20px;				
		margin: 50px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
	#content.home .musician .day2017_320_e dd li{   
		font-size: 55px !important;
	  }
	#content.home .musician .day2017_320_e dd li:last-child{   
		font-size: 30px !important;
	  }
}
@media (min-width: 1129px) and (max-width: 1280px) {
	.new{background-color:#dbd88f; color: #0f5071; font-size: 17px; text-shadow: none; padding:2px 5px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017 {   
	width: 70%;
	margin-right: 15%;
    margin-left: 15%; 
	background-color: rgba(0,0,0,0.2)
  }	
	#content.home .musician .day2017_e {   
	width: 70%;
	margin-right: 15%;
    margin-left: 15%; 
	background-color: rgba(0,0,0,0.2)
  }	
	
	#content.home .musician dd li:first-child {   
		font-size: 60px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 59px;
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 55px;				
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 54px;  
	}		
	#content.home .musician dd li:last-child {   
		font-size: 30px;				
		margin: 50px 0;
		display: block;
	}
	#content.home .musician dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
	
	#content.home .musician .day2017_320_e dd li{   
		font-size: 60px !important;
	  }
	#content.home .musician .day2017_320_e dd li:last-child{   
		font-size: 25px !important;
	  }
}
@media (min-width: 1281px) {
.new{background-color:#dbd88f; color: #0f5071; font-size: 20px; text-shadow: none; padding:2px 5px; letter-spacing: normal; vertical-align: top; font-weight: 600;}
	
	#content.home .musician dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician dd li:first-child {   
		font-size: 100px;
		letter-spacing: -3px;
	  }
	#content.home .musician dd li:nth-child(2) {   
		font-size: 95px;
		letter-spacing: -2px;			
	}
	#content.home .musician dd li:nth-child(3) {   
		font-size: 89px;
		letter-spacing: -2px;	
		display: block;
	}	
	#content.home .musician dd li:nth-child(4) {   
		font-size: 87px;
		letter-spacing: -2px; 
	}		
	#content.home .musician dd li:last-child {   
		font-size: 50px;		
		margin: 70px 0;
		display: block;		
	}	
  #content.home .musician dd {
   	 	margin-top: 40px;
	    text-shadow: 1px 1px #333;
  }
  
  #content.home .musician dd li {
    display: inline-block;
    margin: 5px 10px;
  }	
	
	#content.home .musician .day2017_e dd li {    
	font-family: 'NanumBarunGothicBold';	  
  }
	#content.home .musician .day2017_e dd li:first-child {   
		font-size: 70px;
		letter-spacing: -3px;
	  }
	#content.home .musician .day2017_e dd li:nth-child(2) {   
		font-size: 65px;
		letter-spacing: -2px;			
	}
	#content.home .musician .day2017_e dd li:nth-child(3) {   
		font-size: 59px;
		letter-spacing: -2px;	
		display: block;
	}	
	#content.home .musician .day2017_e dd li:nth-child(4) {   
		font-size: 57px;
		letter-spacing: -2px; 
	}		
	#content.home .musician .day2017_e dd li:last-child {   
		font-size: 35px;		
		margin: 70px 0;
		display: block;		
	}	
  #content.home .musician .day2017_e dd {
   	 	margin-top: 30px;
	    text-shadow: 1px 1px #333;
  }
  
  #content.home .musician .day2017_e dd li {
    display: inline-block;
    margin: 5px 10px;
  }	
  	 	
  }	


  

#content.home .page-header img {
  max-width:1200px;
  margin-top: 5.08%;
  margin-bottom: 9.208%;
}
@media (max-width: 768px) {
  #content.home .page-header img {
    width: 79%;	
  } 
	#content.home .page-header{
	padding-top: 7.208%;
    
	}
  
}
@media (min-width: 769px) and (max-width: 1280px) {
  #content.home .page-header img {
    width: 85%;
  }
	
}

@media (min-width: 769px) {
  #content.home .musician dd,
  #content.home .musician dd a {
    font-family: 'NanumBarunGothicLight';
  }
	
}
@media (max-width: 480px) {
	
  .new{background-color:#dbd88f; color: #0f5071; font-size: 13px; text-shadow: none; padding:0 3px; letter-spacing: normal; vertical-align: top; font-weight: 600;}	
  
  #content.home .musician .day2017_320{
	margin-right: 5%;
    margin-left: 5%; 
	background-color: rgba(0,0,0,0.2);
}
	
	#content.home .musician .day2017_320_e{
	margin-right: 5%;
    margin-left: 5%; 
	background-color: rgba(0,0,0,0.2);
}
  
	#content.home .musician .day2017 { display: none; }
	#content.home .musician .day2017_e { display: none; }
	#content.home .page-header{ display: none; }
	#content.home .page-header_320{padding-top: 30px;}	
}

@media (min-width: 481px) and (max-width: 1920px) {
	#content.home .musician .day2017_320 { display: none; }
	
	#content.home .page-header_320{ display: none; }
}


@media (min-width: 769px) {
  #content.home .musician dl {
    
  }
  #content.home .musician .day1 {
    width: 26.562%;
    margin-right: 6.25%;
    margin-left: 17%;
  }
  #content.home .musician .day2 {
    width: 35.416%;
  }
  
  
 
  
  #content.home .musician dd a {
    display: block;
  }
}
@media (max-width: 1280px)  {
	#content.home .musician .day2017_320_e{
	margin-right: 5%;
    margin-left: 5%; 
	background-color: rgba(0,0,0,0.2);
	}
	#content.home .musician .day2017_e { display: none; }
  	
}

@media (min-width: 1281px)  {
	#content.home .musician .day2017_320_e { display: none; }
  	
}

#content.home .video {
  display: block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 768px) {
  #content.home .video {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 769px) {
  #content.home .video {
    width: 50%;
    max-width: 960px;
    margin-top: 2.208%;
    margin-bottom: 2.208%;
    padding-bottom: 30.729%;
  }
}
#content.home .video img,
#content.home .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content.home .video img {
  z-index: 20;
  cursor: pointer;
}
#content.home .video:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10%;
  margin-top: -3.7%;
  margin-left: -5%;
  padding-bottom: 7.4%;
  background-image: url("http://jejumusicfestival.com/images/btn-youtube.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn-youtube.png', sizingMethod='scale');
  cursor: pointer;
  z-index: 30;
}
#content.home .video.player img,
#content.home .video.player:after {
  display: none;
}
/* list-thumb */
.list-thumb {
  overflow: hidden;
  width: auto;
  margin-right: -0.9%;
  margin-left: -0.9%;
}
.list-thumb > li {
  position: relative;
  float: left;
  margin: 0.9%;
  background-size: cover;
  background-position: 50% 50% !important;
}
.list-thumb > li h3 {
  display: none;
}
.list-thumb > li:hover:before,
.list-thumb > li:active:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5774e0;
  opacity: 0.8;
}
.list-thumb > li:hover h3,
.list-thumb > li:active h3 {
  display: block;
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  margin-top: -13px;
  font-size: 25px;
  line-height: 1;
  text-align: center;
  color: #ffffff !important;
}
.list-thumb .thumb-large {
  width: 100%;
  padding-top: 100%;
}
.list-thumb .thumb-medium {
  width: 100%;
  padding-top: 50%;
}
.list-thumb .thumb-small {
  width: 48.2%;
  padding-top: 48.2%;
}
@media (min-width: 769px) {
  .list-thumb .thumb-large {
    width: 48.2%;
    padding-top: 48.2%;
  }
  .list-thumb .thumb-medium {
    width: 48.2%;
    padding-top: 23.2%;
  }
  .list-thumb .thumb-small {
    width: 23.202%;
    padding-top: 23.2%;
  }
  .list-thumb > li:hover h3,
  .list-thumb > li:focus h3 {
    margin-top: -12px;
    font-size: 25px;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .list-thumb > li:hover h3,
  .list-thumb > li:focus h3 {
    font-family: 'NanumBarunGothicLight';
  }
}
@media (min-width: 1681px) {
  .list-thumb > li:hover h3,
  .list-thumb > li:focus h3 {
    margin-top: -20px;
    font-size: 40px;
  }
}
/* artist */
#content.artist .page-header {
  background-image: url("http://jejumusicfestival.com/images/bg-artist.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #content.artist .page-header {
    background-image: url("http://jejumusicfestival.com/images/bg-artist-large.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
#content.artist .content-wrap .day1 dt,
#content.artist .content-wrap .day2 dt {
  margin-bottom: 40px;
}
#content.artist .content-wrap .day2 {
  margin-top: 5.208%;
}
#content.artist .list-thumb > li.artist14 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist14.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist13 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist13.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist12 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist12.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist11 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist11.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist10 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist10.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist9 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist9.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist8 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist8.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist7 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist7.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist6 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist6.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist5 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist5.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist4 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist4.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist3 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist3.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist2 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist2.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.artist .list-thumb > li.artist1 {
  background-image: url("http://jejumusicfestival.com/images/photo-artist1.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* timetable */
#content.timetable {
  background-color: #f3f4f6;
}
#content.timetable .page-header {
  background-image: url("http://jejumusicfestival.com/images/bg-timetable.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #content.timetable .page-header {
    background-image: url("http://jejumusicfestival.com/images/bg-timetable-large.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
#content.timetable .content-wrap dd ul li {
  margin-top: 20px;
  padding-left: 26px;
  border-left: 4px solid #5774e0 !important;
}
#content.timetable .content-wrap dd ul li:first-child {
  margin-top: 0;
}
#content.timetable .content-wrap dd ul li h3 {
  font-size: 20px;
  line-height: 1.4;
}
@media (min-width: 769px) {
  #content.timetable .content-wrap dd ul li h3 {
    font-family: 'NanumBarunGothicBold';
  }
}
#content.timetable .content-wrap dd ul li h3 small {
  display: block;
  font-size: 16px;
}
@media (min-width: 769px) {
  #content.timetable .content-wrap dd ul li h3 small {
    font-family: 'NanumBarunGothicLight';
  }	
}
#content.timetable .content-wrap dd ul li p {
  line-height: 1.4;
  color: #5e6986;
}
#content.timetable .content-wrap dd ul li p span {
  display: block;
}
#content.timetable .content-wrap dd ul li a {
  display: block;
}
@media (max-width: 768px) {
  #content.timetable .content-wrap dl:last-child {
    margin-top: 60px;
  }
}
@media (min-width: 769px) {
  #content.timetable .content-wrap dl {
    float: left;
    width: 44%;
    margin-left: 12%;
  }
  #content.timetable .content-wrap dl:first-child {
    margin-left: 0;
  }
  #content.timetable .content-wrap dd {
    margin-top: 60px;
  }
  #content.timetable .content-wrap dd ul li {
    margin-top: 60px;
  }
  #content.timetable .content-wrap dd ul li h3 {
    font-size: 25px;
  }
  #content.timetable .content-wrap dd ul li h3 small {
    font-size: 16px;
  }
  #content.timetable .content-wrap dd ul li p {
    margin-top: 10px;
  }	
}
@media (min-width: 1281px) {
  #content.timetable .content-wrap dd ul li h3 {
    font-size: 40px;
  }
  #content.timetable .content-wrap dd ul li h3 small {
    font-size: 25px;
  }
  #content.timetable .content-wrap dd ul li p {
    margin-top: 20px;
    font-size: 25px;
  }	
}
/* location */
#content.location {
  background-color: #f3f4f6;
}
#content.location .page-header {
  background-image: url("http://jejumusicfestival.com/images/bg-location.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #content.location .page-header {
    background-image: url("http://jejumusicfestival.com/images/bg-location-large.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
#content.location .content-wrap > h2 {
  text-align: center;
}
#content.location .content-wrap > h2 .icon {
  display: block;
  background-image: url("http://jejumusicfestival.com/images/ico-location-large.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#content.location .content-wrap > h2 small {
  display: block;
  color: #5774e0;
}
@media (max-width: 768px) {
  #content.location .content-wrap > h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  #content.location .content-wrap > h2 .icon {
    width: 50px;
    height: 60px;
    margin: 20px auto;
    background-size: contain;
  }
}
@media (min-width: 769px) {
  #content.location .content-wrap > h2 {
    margin-bottom: 60px;
    font-size: 40px;
  }
  #content.location .content-wrap > h2 .icon {
    width: 97px;
    height: 124px;
    margin: 0 auto 40px;
  }
}
#content.location .root_daum_roughmap,
#content.location .root_daum_roughmap_landing {
  width: 100%;
}
@media (max-width: 768px) {
  #content.location .root_daum_roughmap,
  #content.location .root_daum_roughmap_landing {
    height: 300px;
  }
}
@media (min-width: 769px) {
  #content.location .root_daum_roughmap,
  #content.location .root_daum_roughmap_landing {
    height: 600px;
  }
}
#content.location .address,
#content.location .phone {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}
#content.location .address dt,
#content.location .phone dt {
  clear: both;
  width: 50px;
  height: 50px;
  border: 1px solid #5774e0;
  background-position: 50% 50% !important;
  border-radius: 50%;
  text-indent: -9999px;
}
#content.location .address dd,
#content.location .phone dd {
  line-height: 1.4;
}
#content.location .address.address,
#content.location .phone.address {
  margin-top: 30px;
}
#content.location .address.address dt,
#content.location .phone.address dt {
  background-image: url("http://jejumusicfestival.com/images/ico-location.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #content.location .address.address dt,
  #content.location .phone.address dt {
    background-image: url("http://jejumusicfestival.com/images/ico-location@2x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 19px;
  }
}
#content.location .address.phone,
#content.location .phone.phone {
  margin-bottom: 30px;
}
#content.location .address.phone dt,
#content.location .phone.phone dt {
  background-image: url("http://jejumusicfestival.com/images/ico-phone.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #content.location .address.phone dt,
  #content.location .phone.phone dt {
    background-image: url("http://jejumusicfestival.com/images/ico-phone@2x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 21px;
  }
}
@media (max-width: 540px) {
  #content.location .address dt,
  #content.location .phone dt {
    float: left;
    margin-right: 10px;
  }
  #content.location .address dd,
  #content.location .phone dd {
    margin-top: 3px;
  }
}
@media (min-width: 541px) {
  #content.location .address dt,
  #content.location .phone dt,
  #content.location .address dd,
  #content.location .phone dd {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (min-width: 571px) {
  #content.location .address dt,
  #content.location .phone dt {
    margin-right: 20px;
  }
}
@media (min-width: 1281px) {
  #content.location .address,
  #content.location .phone {
    font-size: 25px;
  }
}
#content.location .route {
  overflow: hidden;
  margin-top: 60px;
}
#content.location .route > dl {
  overflow: hidden;
}
@media (min-width: 769px) {
  #content.location .route > dl > dt {
    font-family: 'NanumBarunGothicBold';
  }
}
#content.location .route > dl > dd {
  margin-top: 20px;
  margin-bottom: 60px;
}
#content.location .route > dl > dd dt,
#content.location .route > dl > dd dd {
  line-height: 1.6;
}
#content.location .route > dl > dd dt {
  clear: both;
  float: left;
  color: #5774e0;
}
@media (max-width: 768px) {
  #content.location .route > dl:first-child > dd dt {
    width: 60px;
  }
  #content.location .route > dl:first-child > dd dd {
    margin-left: 80px;
  }
  #content.location .route > dl:last-child {
    margin-bottom: 40px;
  }
  #content.location .route > dl:last-child > dd dd {
    float: right;
  }
}
@media (min-width: 769px) {
  #content.location .route > dl {
    float: left;
  }
  #content.location .route > dl > dd > dl {
    margin-top: 30px;
  }
  #content.location .route > dl > dd > dl:first-child {
    margin-top: 0;
  }
  #content.location .route > dl > dd dt {
    width: 100px;
  }
  #content.location .route > dl > dd dd {
    margin-left: 120px;
  }
}
@media (min-width: 1281px) {
  #content.location .route > dl {
    width: 30%;
  }
  #content.location .route > dl:first-child {
    width: 90%;
    margin-right: 7%;
  }
  #content.location .route > dl > dd {
    margin-top: 40px;
  }
}


/* notice */
#content.notice {
  background-color: #f3f4f6;
}
#content.notice .page-header {
  background-image: url("http://jejumusicfestival.com/images/bg-timetable.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #content.notice .page-header {
    background-image: url("http://jejumusicfestival.com/images/bg-timetable-large.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  #content.notice .content-wrap > h2 {
    margin-bottom: 60px;
    font-size: 40px;
  }	
}
#content.notice .content-wrap > h2 {
  text-align: center;
}
#content.notice .content-wrap > h2 .icon {
  display: block;
  background-image: url("http://jejumusicfestival.com/images/ico-notice-large.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}


 
@media (min-width: 769px) {
  #content.notice .content-wrap > h2 {
    margin-bottom: 60px;
    font-size: 40px;
  }
  #content.notice .content-wrap > h2 .icon {
    width: 122px;
    height: 77px;
    margin: 0 auto 40px;
  }
}  
  
@media (max-width: 768px) {
  #content.notice .content-wrap > h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  #content.notice .content-wrap > h2 .icon {
    width: 61px;
    height: 40px;
    margin: 20px auto;
    background-size: contain;
  }	
	
	.list_type1 .t768{display: none}
	.list_type1 th{font-size: 15px!important;}
	.list_type1 td.sbj {font-size:14px;}
	.list_type1 td {font-size:14px !important;}
	.view_type1 th, td{font-size: 90% !important}
	.view_type1 .contents{padding-left: 20px!important;}
}


caption{display:none;}
table,th,td {
	border-collapse:collapse;
	padding:0;
	margin:0;
}

.list_type1{border-top:1px solid #5774e0; margin-bottom:20px; margin-top: 20px; }
.list_type1 table{width:100%;}
.list_type1 th{color:#464646; font-size:16px; background-color: #fafafa;}
.list_type1 th, .list_type1 td{ padding:12px 10px; text-align:center; border-bottom:1px solid #ddd;}
.list_type1 td.sbj{text-align:left; padding-left: 10px}
.list_type1 td {font-size:15px;}
.list_type1 span.notice{ background:#939393; font-size:90%; color:#fff; padding:3px;}
.list_type1 a:hover{ color:#464646;}

.paginate{ text-align:center; margin-bottom:10px;  font-family:Arial, Helvetica, sans-serif; font-size: 13px;}
.paginate span{display:inline-block; padding:0 5px;  vertical-align: top; margin-top: 8px;}
.paginate span.on{font-weight:bold; color:#464646;}

.box-search {
    position: relative;
    width: 99.5%;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border: 1px solid #eee;
    background-color: #fafafa;	
	margin: 0 auto;
	}
.box-search input[type=search], .box-search input[type=text] {
    border: 1px solid #ddd;
    padding: 10.5px;
    width: 40%;
    vertical-align: bottom;
    box-shadow: none;
}
.box-search input[type=submit] {
    background-color: #5774e0;
}
.box-search input[type=submit], .box-search input[type=button] {
    position: relative;
    left: -1px;    
    color: #fff;
    cursor: pointer;
}
.btn {
    display: inline-block;
    background: #5774e0;
    text-align: center;
	color: #fff;
	
}
.btn.large {
    padding: 10px 20px;
}
@media (min-width: 1201px){
.btn-area .large, .btn.large {
    min-width: 100px;
}}

.btn_zone a{display:inline-block; text-align:center; padding:10px;}
.view_type1{border-top:1px solid #5774e0; margin-bottom:20px;}
.view_type1 table{width:100%;}
.view_type1 th{text-align: center; background-color: #fafafa;}
.view_type1 th, .view_type1 td{ padding:12px 10px; border-bottom:1px solid #ddd;}
.view_type1 .contents{padding-right: 5%; padding-left: 5%; line-height: 1.7em;}
.view_type1 .contents img{width:100%;}



/* history */
#content.history {
  background-color: #f3f4f6;
}
#content.history .page-header {
  background-image: url("http://jejumusicfestival.com/images/bg-artist.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  #content.history .page-header {
    background-image: url("http://jejumusicfestival.com/images/bg-artist-large.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
  }
}
#content.history .content-wrap .his_01, .his_02 {
  background-image: url("http://jejumusicfestival.com/images/history_01.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 0 auto;  
}

#content.history .content-wrap p {
  font-size: 20px;
  line-height: 1.4;
}
#content.history .content-wrap dl dt{
	color: #21096f;
	font-size: 19px;
	line-height: 28px;
}

#content.history .content-wrap dl dt:first-child{
	padding-top: 60px;	
}
#content.history .content-wrap dl dt:last-child{
	padding: 30px 0;	
}

#content.history .content-wrap > h2 {
 	text-align: center;
	font-size: 40px;
	margin-bottom: 60px;
}
#content.history .content-wrap > h2 .icon {
  display: block;
  background-image: url("http://jejumusicfestival.com/images/ico-history-large.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  #content.history .content-wrap > h2 {
    margin-bottom: 60px;
    font-size: 40px;
  }
  #content.history .content-wrap > h2 .icon {
    width: 86px;
    height: 123px;
    margin: 0 auto 30px;
  }
	#content.history .content-wrap .his_01, .his_02 {
	  background-image: url("http://jejumusicfestival.com/images/history_01.jpg");
	  background-position: center center;
	  background-repeat: no-repeat; 
	  min-height: 537px;
	}
  #content.history .content-wrap dl {
	margin: auto auto auto 35% ;	
}
  #content.history .content-wrap .his_02 dl{
		margin: auto 3% auto 30% ;
	}	
	#content.history .content-wrap dl dt{
	color: #21096f;
	font-size: 18px;
	line-height: 22px;
}
}  
  
@media (max-width: 768px) {
  #content.history .content-wrap > h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  #content.history .content-wrap > h2 .icon {
    width: 43px;
    height: 63px;
    margin: 20px auto;
    background-size: contain;
  }	
	#content.history .content-wrap dl {
	margin: auto 3% auto 3% ;
}
	#content.history .content-wrap dl dt{
	color: #21096f;
	font-size: 16px;
	line-height: 22px;
}
}

@media (min-width: 1500px) {
	#content.history .content-wrap > h2 {
    margin-bottom: 60px;
    font-size: 40px;
  }
  #content.history .content-wrap > h2 .icon {
    width: 86px;
    height: 123px;
    margin: 0 auto 30px;
  }
	#content.history .content-wrap .his_01, .his_02 {
	  background-image: url("http://jejumusicfestival.com/images/history_01.jpg");
	  background-position: center center;
	  background-repeat: no-repeat; 
	  min-height: 537px;
	}
  #content.history .content-wrap dl {
	margin: auto auto auto 46% ;	
}
	#content.history .content-wrap dl dt{
	color: #21096f;
	font-size: 20px;
	line-height: 28px;
}
	#content.history .content-wrap .his_02 dl{
		margin: auto 2% auto 34% ;
	}
	#content.history .content-wrap .his_02 strong{
		font-size: 25px;
		
	}
}