@charset "utf-8";
img { max-width:100%; }
.wrapper { margin:0px auto; max-width:1090px; }
#leftmenu h1 { padding:30px 10px 25px; text-align:center}
#leftmenu nav>ul { border-bottom:1px solid #dedede; }
#leftmenu nav>ul>li { border-top:1px solid #dedede; }
#leftmenu nav>ul>li a { display:block; }
#leftmenu nav>ul>li>a { padding:12px 20px; font-weight:bold; font-size:18px; }
#leftmenu nav>ul>li.select { background:#629610; border-top:1px solid #54810e; }
#leftmenu nav>ul>li.select>a { color:#fff; }
#leftmenu nav>ul>li>ul { display:none; background:#eaf8de; padding:20px; }
#leftmenu nav>ul>li>ul>li { position:relative; padding-left:6px; }
#leftmenu nav>ul>li>ul>li:before { display:block; content:''; position:absolute; left:0px; top:10px; width:2px; height:2px; background:#0c534a; }
#leftmenu nav>ul>li>ul>li>a { line-height:24px; color:#484848; font-size:16px; }
#leftmenu nav>ul>li>ul>li.select>a { font-weight:bold; text-decoration:underline; }

footer { background:#fff; margin-top:20px; }
footer p.btm_logo{width:25%; float:left}
footer div.copy{width:60%; float:left; padding-top:5px}
footer p.btm_seogu{width:15%; float:right; padding-top:10px;}

#allmenu { display:none; position:absolute; left:0px; top:0px; width:100%; padding:0px 0px; z-index:12; }
#allmenu:before { display:block; content:''; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1; }
#allmenu .wrapper { margin:6% auto; position:relative; }
#allmenu p.btn_close { position:absolute; right:20px; top:20px; }
#allmenu p.btn_close a { display:block; position:relative; width:40px; height:40px; text-indent:-5000px; }
#allmenu p.btn_close a:after,
#allmenu p.btn_close a:before { display:block; content:'' ; position:absolute; top:10px; right:50%; background:#3e3e3e; width:3px; height:40px; border-radius:3px; }
#allmenu p.btn_close a:after { transform:rotate(45deg); } 
#allmenu p.btn_close a:before { transform:rotate(-45deg); }
#allmenu div.allmenuBox { background:#fff; border-radius:10px; text-align:left }
#allmenu div.allmenuBox ul.tab_allmenu { margin:30px auto 0px; width:220px; overflow:hidden; }
#allmenu div.allmenuBox ul.tab_allmenu li { float:left; text-align:center; font-weight:bold; width:110px}
#allmenu div.allmenuBox ul.tab_allmenu li a { display:block; padding:10px 0px; border:1px solid #ddd; background:#f9f9f9; border-top-right-radius:5px; border-bottom-right-radius:5px}
#allmenu div.allmenuBox ul.tab_allmenu li:first-child a { border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:0px; border-bottom-right-radius:0px}
#allmenu div.allmenuBox ul.tab_allmenu li.select a { background:#165090; color:#fff; border-color:#165090; }
#allmenu div.allmenuBox div#array_menu{padding:4% 3%; overflow:hidden}
#allmenu div.allmenuBox div#array_menu>div { float:left; margin:2%; width:21% }
#allmenu div.allmenuBox div#array_menu>div p.tit { margin-bottom:20px; padding-top:130px; text-align:center; font-size:18px; color:#222; font-weight:bold; }
#allmenu div.allmenuBox div#array_menu>div.allmenu1>p.tit { background:url(/open_content/scholarship/images/allmenu_ic01.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu2>p.tit { background:url(/open_content/scholarship/images/allmenu_ic04.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu3>p.tit { background:url(/open_content/scholarship/images/allmenu_ic02.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div.allmenu4>p.tit { background:url(/open_content/scholarship/images/allmenu_ic03.gif) no-repeat center top; }
#allmenu div.allmenuBox div#array_menu>div>ul{border-bottom:1px solid #ccc}
#allmenu div.allmenuBox div#array_menu>div>ul>li{border-top:1px dotted #ccc}
#allmenu div.allmenuBox div#array_menu>div>ul>li:first-child{border-top:2px solid #333}
#allmenu div.allmenuBox div#array_menu>div>ul>li>a { padding-left:10px; color:#484848; font-size:16px; font-weight:bold; }
#allmenu div.allmenuBox div#array_abc>div { padding:40px 0px; border-top:1px solid #dddddd; overflow:hidden; }
#allmenu div.allmenuBox div#array_abc>div:first-child { border-top:0px; }
#allmenu div.allmenuBox div#array_abc>div>p.tit { text-align:center; }
#allmenu div.allmenuBox div#array_abc>div>ul { overflow:hidden; }
#allmenu div.allmenuBox div#array_abc>div>ul>li { display:inline-block; margin:3px 0px;  min-width:19.5%; }
#allmenu div.allmenuBox div#array_abc>div>ul>li a { display:block; padding-left:5px; background:url(/open_content/main/images/sub/ssssblet.gif) no-repeat left 8px; font-size:14px; }

#allmenu div.familyBox { padding:1.5%; background:#3e3e3f; border-radius:15px;  }
#allmenu div.familyBox ul{overflow:hidden}
#allmenu div.familyBox ul li { float:left; width:11%; }
#allmenu div.familyBox ul li:last-child { border:0px; box-shadow:none }
#allmenu div.familyBox ul li a { display:block; padding-top:60px; padding-bottom:10px;  color:#fff; font-weight:bold; font-size:13px; text-align:center; }
#allmenu div.familyBox ul li.family01 a { background:url(/open_content/share/images/inc/ic_family01.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family02 a { background:url(/open_content/share/images/inc/ic_family02.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family03 a { background:url(/open_content/share/images/inc/ic_family03.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family04 a { background:url(/open_content/share/images/inc/ic_family04.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family05 a { background:url(/open_content/share/images/inc/ic_family05.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family06 a { background:url(/open_content/share/images/inc/ic_family06.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family07 a { background:url(/open_content/share/images/inc/ic_family07.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family08 a { background:url(/open_content/share/images/inc/ic_family08.png) no-repeat center 10px; }
#allmenu div.familyBox ul li.family09 a { background:url(/open_content/share/images/inc/ic_family09.png) no-repeat center 10px; }


@media screen and (max-width:1090px){
	.container { padding:0px 10px; }	
}

@media screen and (min-width:768px){
	.dp_mb { display:none; }
	.pc_block { display:block; }
	.pc_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }		
	.container { margin:36px auto; }
	#leftmenu { float:left; width:24%; background:#fff; border-radius:15px; box-shadow:0px 1px 1px rgba(0,0,0,0.5) }		
	footer { padding-top:20px; }
}

@media screen and (max-width:767px){
	.dp_pc { display:none; }
	.mb_block { display:block; }
	.mb_hidden { display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important; }		
	.open_menu{background:#629610}
	body{background:#f0f0f0}
	#wrap{min-width:320px}
	#leftmenu{background:#fff}
	#leftmenu h1 { padding:5px 5px 0px; text-align:left}
	#leftmenu h2 { position:absolute; right:10px; top:60px}
	#leftmenu h2 a { display:block; text-indent:-5000px; width:42px; height:42px; background:url(/open_content/scholarship/images/main/mb_menu.gif) no-repeat center center; }
	.container { padding:0px 0px; }	
	#contents { padding:0px 10px; }		
	footer div.copy{padding:5%; width:90%; border-top:1px solid #ccc}
	#allmenu {display:none}
	#allmenu div.allmenuBox div#array_menu>div { width:96% }
	#allmenu div.familyBox ul li { width:33.3%;}
}