@charset "euc-kr";
/* CSS Document */

@import url("notosanskr.css");

#mbidx{
	height:100%;
	background:#508f08 url(../images/mobile_index.png) repeat-x;
}
#dtitle{ 	text-align:center; font-family: "Malgun Gothic"; font-size:1.5em; color:#FFF; font-weight:bold;margin-top:20px }
#dtitle_new{ text-align: center; font-size:1.5em; font-weight:bold; margin-top:20px; font-family: "Noto Sans KR"; letter-spacing: -0.03em;  }
#dtitle_new>h1{ font-style: italic; font-size: 200%;  }
#dtitle_new>h2{ font-size: 95%; color:#797A7E; }

#idximg { width:90%; margin:10px auto; border:1px dotted #fff; border-radius:10px; padding:5px;margin-top:15px;}
#idximg_new{ width: 70%; margin: 10px auto 0px auto; }

#idxnav { text-align:center;margin:20px 0px; }
#idxnav > a { 
	display:inline-block; width:70px; height:70px; line-height:70px; font-weight:bold; vertical-align:middle;
	border-radius: 10px; color:#fff; border:1px solid #156008;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e860b), to(#156008));
	background:-moz-linear-gradient(top, #1e860b, #156008);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
}
#idxnav > a.spnbn{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2c201), to(#708600));
	background:-moz-linear-gradient(top, #b2c201, #708600);
}

#idxnav_new { text-align:center;margin:20px 0px; }
#idxnav_new > a { 
	display:inline-block; width:75px; height:75px; line-height:75px; font-weight:bold; vertical-align:middle;
	border-radius: 75px; color:#fff; border:1px solid #156008;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e860b), to(#156008));
	background:-moz-linear-gradient(top, #1e860b, #156008);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.5);
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
}
#idxnav_new > a.spnbn{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2c201), to(#708600));
	background:-moz-linear-gradient(top, #b2c201, #708600);
}



#mbcopyright{ font-size:0.8em; font-weight:bold; text-align:center; margin-bottom:30px; }

/*navigation*/
#wHeader{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b3b3b), to(#2e2e2e));
	background:-moz-linear-gradient(top, #3b3b3b, #2e2e2e);
}
#toplogo{ 
	padding:5px 8px;border-bottom:1px solid #525252; font-weight:bold; color:#fff; font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#89ba28), to(#589505));
	background:-moz-linear-gradient(top, #89ba28, #589505);
} 
#nav {
	width:312px;height:40px;line-height:40px;display:block;margin:0px auto 0px auto;
}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a:not(.onmenu) {display:inline-block;padding:0px 13px 0px 13px;color:#d7d5d5;font-size:13px;font-weight:bold;}
#nav>li>a:hover {
	border-top-right-radius:5px; border-top-left-radius:5px;color:#a6ff00;
	background:#4c4c4c;margin-top:2px;padding-bottom:0px;
}
a.onmenu { 
	display:inline-block;padding:0px 13px 0px 13px;font-size:13px;font-weight:bold;
	border-top-right-radius:5px; border-top-left-radius:5px;color:#a6ff00;
	background:#4c4c4c;margin-top:2px;padding-bottom:0px;
}

.offmenu { margin-top:2px;padding-bottom:0px;}
/*#nav>li>a>img{display:inline-block;margin:0px 30px 20px 30px;}*/
#nav>li>div{position:absolute;z-index:4;top:20px;height:25px;line-height:33px;display:none;}
#nav>li>div>a{float:left;display:block;padding:3px 5px;font-weight:bold;color:#a6ff00; font-size:smaller}
#nav>li>div>a:hover{color:#fff;}
#nav>li>div>img{float:left;display:block;vertical-align:top;}
#navbar { 
	border-bottom:1px solid #000; width:100%; height:0px; background:#000;background:#4c4c4c;
}

#thetitle { font-weight:bold; font-size:1.2em; border-bottom:1px solid #ccc; padding:5px; margin-top:5px; }

.gallerytype { overflow:auto; border-bottom: 1px dotted #ccc;padding:5px 0px;  }
.gallerytype>img:nth-of-type(1) { display:block; width:100%; }
.gallerytype>h5 { color:#77ad2d; padding:15px 0px 5px 0px; font-size:1.2em; letter-spacing:-0.05em }
.gallerytype>div { margin-top:7px; text-align:justify;margin:0px 5px; }

.sdbox{white-space: nowrap !important;background:#f26522;color:#fff; height:16px; line-height:16px; padding:3px 10px; border-radius:3px;font-family: "Malgun Gothic","Myriad Pro", Dotum,  Tahoma;}


/*page*/
#imgcbn >a { display:inline-block; padding:3px 7px; background:#00746b; color:#fff; font-weight:bold;margin-right:1px; border-radius:3px; }
#imgcbn >a:hover {background:#8dc73f; }
.imgbnzone {padding-bottom:5px; margin-bottom:8px; border-bottom:1px dotted #ccc}
.imgbnzone > img {display:block; padding:10px 0px 0px 0px }