@charset "utf-8";

body{background:#f5f5f5}
#contents { min-height:600px}
.sub_title { border-bottom:1px solid #cccccc;  }
.sub_title h3 { font-size:40px; font-weight:bold; color:#222; text-align:center; letter-spacing:-1px; }
.sub_title .location { margin-top:30px; text-align:center; }
.sub_title .location li { display:inline-block; }
.sub_title .location li:first-child { padding-left:15px; background:url(/open_content/scholarship/images/sub/ic_location.gif) no-repeat left center }
#detail_con {  margin-top:35px; }
#data_control { margin-bottom:0px; }
#data_control .info, #data_control .control { background:#fff; }
#data_control .info .qrcode li.txt p.mb_inline { display:inline; }
div.search{background:#f9f9f9}

h4 { color:#333; font-size:26px; }
h4:before { display:block; content:''; margin-left:2px; width:20px; height:3px; background:#333 }
#detail_con .para01 { margin-top:25px; margin-left:5px; }
#detail_con .para02 { margin-left:17px; margin-top:12px; }
#detail_con .para03 { margin:7px 0px 15px; }
/*  blet */
#detail_con .sblet {  margin-top:25px; padding-left:26px; font-size:18px; font-weight:bold; color:#333; background:url(/open_content/scholarship/images/sub/sblet.gif) no-repeat left 5px; }
#detail_con .ssblet { margin-top:5px; margin-bottom:5px; padding-left:12px; background:url(/open_content/scholarship/images/sub/ssblet.gif) no-repeat left 7px; font-size:16px; }

/**** contents ****/
#detail_con .tbox { margin-top:10px; background:#f0f0f0; border:1px solid #aaa}
#detail_con .datatable { margin-top:10px  }
#detail_con table.data{width:100%; border-collapse:collapse; }
#detail_con table.data thead th { padding:7px 5px; background:#757575; color:#fff; border:1px solid #666; text-align:center; }
#detail_con table.data tbody th { padding:5px 3px; border:1px solid #aaa; text-align:center;  }
#detail_con table.data td { padding:5px 3px; border:1px solid #aaa; text-align:center; }
#detail_con .history>div { padding:25px 0px; overflow:hidden; border-top:1px dotted #ccc; }
#detail_con .history>div:first-child { border-top:0px }
#detail_con .history p.year { float:left; padding:3px 20px; color:#2f5687; background:#b9d3f3; border:1px solid #96b4d8; border-radius:30px; font-weight:bold; font-size:18px; }
#detail_con .history ul { float:left; margin-left:20px; }
#detail_con .history ul li { margin:2px 0px; font-size:16px; }#detail_con .history ul li span.date { display:inline-block; width:100px; font-weight:bold; color:#333; }
#detail_con .member { margin-top:20px }
#detail_con .member * { font-size:16px; }
#detail_con .member dt{ padding:10px; font-weight:bold; text-align:center; border-bottom:1px dotted rgba(0,0,0,.3)}
#detail_con .member dd{ padding:10px; text-align:center; font-size:15px; letter-spacing:-1px}
#detail_con .member div.mem1 { padding:0px 20px; background:#b9d3f3; border-radius:10px; box-shadow:0px 1px 0px rgba(0,0,0,.2)}
#detail_con .member div.mem2 { display:table; margin-top:10px; padding:3% 3%; width:94%; background:#fff; border-radius:10px; box-shadow:0px 1px 1px rgba(0,0,0,.2); }
#detail_con .member div.mem2 ul { display:table-row; }
#detail_con .member div.mem2 li { display:table-cell; position:relative; width:33.3%; border-left:1px solid #ddd; border-top:1px solid #ddd; }
#detail_con .member div.mem2 li.nobdT { border-top:0px; }
#detail_con .member div.mem2 li.nobdL { border-left:0px; }
#detail_con .member div.mem2 li dl{padding:10px}
#detail_con .member ul.mem3 { margin-top:2%; }
#detail_con .member ul.mem3:after { display:block; content:''; clear:both; }
#detail_con .member ul.mem3 li { float:right; padding:0px 4.5%; width:40%; background:#fff; border-radius:10px; box-shadow:0px 1px 1px rgba(0,0,0,.2); }
#detail_con .member ul.mem3 li:first-child { float:left; }
#detail_con .article p.tit{padding-top:30px; margin-top:30px; margin-bottom:10px; border-top:1px dashed #ccc; margin-top:30px; font:bold 20px 'Nanum Myeongjo'; color:#333}
#detail_con .article p.tit:first-child { margin-top:0px; border-top:0px; }
#detail_con .article ul p.stit { margin-top:20px; margin-bottom:5px; font-weight:bold; font-size:16px}
#detail_con .article ul .txt { margin-left:2px; }
#detail_con .article ul .txt ul { margin-top:5px; margin-bottom:10px; margin-left:10px; }
#detail_con .map { margin-top:10px; background:#fff; border:1px solid #ddd; padding:5px;  }
#detail_con ol.step{margin-top:20px; }
#detail_con ol.step:after { display:block; content:''; clear:both}
#detail_con ol.step li { position:relative; float:left; width:19%; margin-left:.7%; background:#fff; border:1px solid #ddd; box-shadow:0px 1px 0px rgba(0,0,0,.05); border-radius:5px; }
#detail_con ol.step li p.process { position:relative; top:-10px; margin:0px auto; padding:2px 15px; width:60px; height:20px; text-align:center; background:#568184; border-radius:20px; color:#fff; font-weight:bold; }
#detail_con ol.step li div.txt { padding:5px 0px 10px; }
#detail_con ol.step li div.txt p { padding-top:80px; text-align:center; font-weight:bold; letter-spacing:-1px; background-repeat:no-repeat; background-position:center top; }
#detail_con ol.step li div.txt p.ic01 { background-image:url(/open_content/scholarship/images/sub/support_step01.gif) }
#detail_con ol.step li div.txt p.ic02 { background-image:url(/open_content/scholarship/images/sub/support_step02.gif) }
#detail_con ol.step li div.txt p.ic03 { background-image:url(/open_content/scholarship/images/sub/support_step03.gif) }
#detail_con ol.step li div.txt p.ic04 { background-image:url(/open_content/scholarship/images/sub/support_step04.gif) }
#detail_con ol.step li div.txt p.ic05 { background-image:url(/open_content/scholarship/images/sub/support_step05.gif) }

@media screen and (min-width:768px){
	#contents { float:right; width:71.56%; }
	.sub_title { padding-bottom:27px; background:url(/open_content/scholarship/images/sub/sub_img.gif) no-repeat right bottom  }
	.sub_title h3:after { display:block; content:''; margin:25px auto 0px; width:70px; height:3px; background:#333; }
}

@media screen and (max-width:767px){
	.sub_title h3{padding:15px 0px; font-size:25px; text-align:left}	
	.sub_title ol{display:none}
	nav{position:absolute; width:100%; z-index:999; background:#fff}
	#detail_con .datatable{width:100%; overflow-x:scroll;}
	#detail_con ol.step li{width:99%}
	#detail_con ol.step li div.txt { padding-top:0px }
	#detail_con ol.step li div.txt p { padding:0px; background-image:none !important }

	
}