@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* ===============================================================
 * Worker	: YunHyeWon (projecthw@dnworks.co.kr)
 * Name		: main.css
 * Desc		: 경주어린이시청
 * Created	: 2016/02
=============================================================== */

/* Main contents */
.containerWrap { width:100%; background:url('../img/layout/bg_containerWrap.gif') repeat; }
#mVisual { position:relative; width:980px; height:509px; margin:0 auto; background:url('../img/main/bg_mVisual.png') no-repeat center top; }
	.m_txt { position:absolute; top:95px; left:50px; }
	#mVisual ul { position:relative; }
	#mVisual ul li.visualBtn01 { position:absolute; left:66px; top:354px; width:302px; height:137px; }
	#mVisual ul li.visualBtn02 { position:absolute; left:461px; top:20px; width:156px; height:207px; }
	#mVisual ul li.visualBtn03 { position:absolute; left:538px; top:229px; width:167px; height:184px; }
	#mVisual ul li.visualBtn04 { position:absolute; left:726px; top:338px; width:228px; height:170px; }

#quickWrap { position:relative; width:100%; height:265px; background:#f0f0d4; }
.mQuick { width:980px; height:208px; padding:30px 0; margin:0 auto; }
	.introduce { float:left; position:relative; width:318px; height:208px; margin-right:13px; background:url('../img/main/bg_introduce.gif') no-repeat center top; }
	.introduce p { position:absolute; top:23px; left:23px; width:155px; height:47px; }
	.introduce ul { position:absolute; top:90px; left:23px; border-top:1px solid #999; width:145px; }
	.introduce ul li { float:left; width:145px; height:25px; line-height:25px; background:url('../img/main/bg_introduceLi.gif') no-repeat center top; }
	.introduce ul li a { display:block; width:145px; height:25px; text-decoration:none;}
	.introduce ul li a:hover { font-weight:600; color:#005da4; }

	.story { float:left; position:relative; width:318px; height:208px; margin-right:13px; background:url('../img/main/bg_stroy.gif') no-repeat center top; }
	.story p { position:absolute; top:23px; left:23px; width:151px; height:47px; }
	.story ul { position:absolute; top:90px; left:23px; }
	.story ul li { float:left; margin-right:8px; }

	.study { float:right; position:relative; width:318px; height:208px; background:url('../img/main/bg_study.gif') no-repeat center top; }
	.study p { position:absolute; top:15px; left:23px; width:76px; height:18px; }
	.study span.btn { position:absolute; top:15px; right:23px; width:16px; height:16px; }
		.studyWrap { padding:0 23px; width:272px; padding-top:60px; }
		.study_thum { float:left; width:110px; height:125px; border:1px solid #ddd; padding:4px; }
		.studyWrap dl { float:right; width:140px; height:110px; font-size:11px; }
		.studyWrap dl dt { font-size:16px; font-weight:600; margin-bottom:7px; color:#005da4; }
		.studyWrap dl dd { line-height:18px; }
		span.study_go { float:right; display:block; width:140px; height:25px; text-align:center; background:#005da4; }
		span.study_go a { color:#fff !important; font-weight:bold; line-height:25px; text-decoration:none; }