@charset "utf-8";

#contents div.con1 { position:relative; }
#contents #visual { margin:0px auto; position:relative; border-radius:15px; width:100%; max-width:540px; }
#contents #visual ul li a { }
#contents #visual ul.list li { position:absolute; top:0px}
#contents #visual ul.btn_pzone { position:absolute; right:20px; top:20px; z-index:2; }
#contents #visual ul.btn_pzone li { float:left; line-height:0px; font-size:0px; }
#contents #visual ul.btn_pzone li a { position:relative; display:block; text-indent:-5000px; width:25px; height:25px; z-index:2; }
#contents #visual ul.btn_pzone li a:after, 
#contents #visual ul.btn_pzone li a:before { display:block; content:''; position:absolute; top:3px; left:12px; width:2px; height:15px; background:#333; border-radius:2px; z-index:2; }
#contents #visual ul.btn_pzone li.stop a:after, #contents #visual ul.btn_pzone li.stop a:before{width:4px; height:20px; }
#contents #visual ul.btn_pzone li.prev a:before { transform:rotate(45deg); }
#contents #visual ul.btn_pzone li.prev a:after { top:13px; transform:rotate(-45deg); }
#contents #visual ul.btn_pzone li.stop a:before { left:10px; top:5px; }
#contents #visual ul.btn_pzone li.stop a:after { left:17px; top:5px; }
#contents #visual ul.btn_pzone li.next a:before { left:15px; transform:rotate(-45deg); }
#contents #visual ul.btn_pzone li.next a:after { left:15px; top:13px; transform:rotate(45deg); }
#contents .photo { padding-top:85.2% }
#contents .photo li { float:left; width:48.5%; background:#fff; border-radius:15px; overflow:hidden; box-shadow:0px 1px 1px rgba(0,0,0,0.5); }
#contents .photo li:first-child { margin-right:3%; }
#contents .photo li p.img img { width:100%; height:185px; display:block;  }
#contents .photo li p.txt { padding:20px; text-align:center; font-weight:bold; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#contents .photo li p.noimage { display:block; background:#fff  url(/open_content/share/images/program/no-image.gif) no-repeat center center; height:184px; border-bottom:1px solid #ddd; box-sizing:border-box; text-indent:-50000px; }

#contents>div.con2>div { box-shadow:0px 1px 1px rgba(0,0,0,0.5); }
#contents .supporter { position:relative; background:#65a6f5; border-radius:15px; }
#contents .supporter h3 { padding:25px 28px 10px; font-size:18px; font-weight:bold; color:#222; }
#contents .supporter p.btn_more {position:absolute; right:28px; top:28px; }
#contents .supporter ul.turn { position:absolute; left:120px; top:28px; z-index:2; }
#contents .supporter ul.turn li{float:left; }
#contents .supporter ul.turn li span.now{font-weight:bold; }
#contents .supporter ul.turn li a { position:relative; display:block; text-indent:-5000px; width:25px; height:25px; z-index:2; }
#contents .supporter ul.turn li a:after, 
#contents .supporter ul.turn li a:before { display:block; content:''; position:absolute; top:3px; left:12px; width:1px; height:8px; background:#333; border-radius:2px; z-index:2; }
#contents .supporter ul.turn li.prev a:before { transform:rotate(45deg); }
#contents .supporter ul.turn li.prev a:after { top:9px; transform:rotate(-45deg); }
#contents .supporter ul.turn li.next a:before { left:15px; transform:rotate(-45deg); }
#contents .supporter ul.turn li.next a:after { top:9px; left:15px; transform:rotate(45deg); }
#contents .supporter ul.name { padding:89px 28px 28px; background:url(/open_content/scholarship/images/main/supporter_bg.gif) no-repeat center top; }
#contents .supporter ul.name li { margin-bottom:4px; background:#3a78c4; height:28px; text-align:center; color:#fff; font-weight:bold; line-height:28px; border:1px solid #2d68b0; border-radius:30px; }
#contents .banr { margin-top:5%; background:#fff; border-radius:15px; }
#contents .banr ul { padding:20px 30px; }
#contents .banr ul li{ padding-bottom:5%; margin-bottom:5%; border-bottom:1px dotted #ccc; }
#contents .banr ul li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none; }
/* #contents .banr ul li.banr01 { background:url(/open_content/scholarship/images/main/banr01_bg.gif) no-repeat right center; }
#contents .banr ul li.banr02 { background:url(/open_content/scholarship/images/main/banr02_bg.gif) no-repeat right center; } */
#contents .banr ul li h3 { font-size:18px; font-weight:bold; color:#333; }
#contents .banr ul li .txt { margin-top:10px; font-size:14px; }
#contents .banr ul li .go { display:inline-block; margin-top:7px; color:#2b72c9; font-weight:600; font-size:13px; }

@media screen and (min-width:580px) and (max-width:768px){
	#contents .photo { padding-top:454px }
}

@media screen and (min-width:768px){
	body { background:url(/open_content/scholarship/images/main/bg.jpg) no-repeat center -3px; }
	#contents { float:right; width:74.8%; }
	#contents div.con1 { float:left; width:66.3%; }
	#contents div.con2 { float:right; width:32%; }
	#contents .photo li { min-height:251px; }
}

@media screen and (max-width:767px){
	#contents #visual { margin-top:3%; }
	#contents .supporter { margin-top:3%; }	
	#contents .banr ul li .txt{padding-right:70px}
}