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

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

/* subContents */
#subContainerWrap { width:100%; background:url('../img/sub/bg_subContainerWrap.gif') repeat-x; overflow:hidden; }
.subContainer { width:980px; margin:0 auto; overflow:hidden; background:url('../img/sub/bg_subContainer.gif') repeat-y; }
#leftWrap { float:left; width:210px; }
	#leftWrap h2 { width:210px; height:57px; background:#0e7aa6 url('../img/sub/bg_left01.gif') no-repeat left 40px; text-align:center; font-size:20px; font-weight:600; color:#fff; padding-top:150px; }
	#leftWrap ul { width:208px; padding:0 1px; }
	#leftWrap ul li { width: 196px; border-bottom:1px solid #999; padding:12px 0 12px 12px; font-size:14px; }
	#leftWrap ul li a { display:block; width: 196px; background:url('../img/sub/bg_leftLi01_off.gif') no-repeat right center; text-decoration:none; }
	#leftWrap ul li a:hover { font-weight:bold; color:#065c9e; }
	#leftWrap ul li.on a { font-weight:bold; color:#065c9e; background:url('../img/sub/bg_leftLi01_on.gif') no-repeat right center; }
	#leftWrap ul li ul { width:185px; padding:5px 0 0 0; margin-top:10px; border-top:1px solid #065c9e; }
	#leftWrap ul li ul li { border-bottom:none; width:175px; padding:5px 0 5px 10px; }
	#leftWrap ul li ul li a { width:165px; text-decoration:none; padding-left:10px; background:url('../img/sub/bg_leftLi02.gif') no-repeat left center !important; font-weight:normal !important; color:#333 !important; font-size:12px; }
	#leftWrap ul li ul li.on a { border-bottom:none; width:165px; font-weight:bold !important; }
	#leftWrap ul li ul li a:hover { font-weight:bold !important; }

#subContentsWrap { float:left; width:770px; }
	.subVisual { height:207px; }
	#subContent { width:745px; float:right ; }
	.path { overflow:hidden; float:right; padding:15px 0; background:url('/design/ko/img/common/i_home.gif') no-repeat 2px 20px;}
	.path li { float:left; }
	.path li:first-child { margin-left:15px; }
	.path li.a_none { float:left; padding-left:20px; background:url('../img/common/ico_pos_arrow.gif') no-repeat 7px center; font-weight:600; margin-left:0; }
	.path li.arrow { float:left; padding-left:15px; background:url('../img/common/ico_pos_arrow.gif') no-repeat 7px center; }
	h3.subTit { clear:both; float:left; font-size:28px; line-height:28px; font-weight:600; margin-bottom:20px; }
	.subCont { width:745px; float:left; margin-bottom:150px; }



/* 공통 */
	h4.tit { float:left; width:100%; margin-top:20px; background:url('../img/common/bl_h4.gif') no-repeat 0 6px;  padding-left:35px; font-size:18px; font-weight:600; line-height:37px; margin-bottom:15px; }

	/* depth */
	.dep01 { float:left; }
	.dep01 li { background:url('../img/common/bl_dep01.gif') no-repeat left top; margin-bottom:20px; padding-left: 25px; font-weight:600; line-height:20px; font-size:15px;  }
	.dep01 ul.bNo li { background:none; font-weight:normal; font-size:13px; line-height:20px; padding:10px 0; }

	.dep02 { padding:10px 0; }
	.dep02 li { margin:0 0 10px 0; clear:both; font-size:13px; background:url('../img/common/bl_grayDot.gif') no-repeat left 10px; padding-left: 12px; font-weight:normal; line-height:20px; }
	.dep02 ul.bNo li { background:none; font-weight:normal; font-size:13px; padding:2px; line-height:20px; }

	.dep03 { padding:8px 0; }
	.dep03 li { margin:0; clear:both; font-size:13px; background:url('../img/common/bl_dep03.gif') no-repeat left 10px !important; padding-left: 12px; font-weight:normal; line-height:20px; }
	.dep03 ul.bNo li { background:none; font-weight:normal; font-size:13px; padding:2px; line-height:20px; }

	.basic_box {padding:12px 20px 16px 20px; border-top:1px solid #42b1f1; border-bottom:1px solid #999; background:#fbfbfb;}

	.btn_cyan { font-size: 14px; line-height: 20px !important; background: #00a3a8; border: 1px solid #0c8084; border-radius: 5px; color: #fff !important; padding: 5px 14px; font-weight:bold; }
	.btn_cyan:hover { text-decoration:none !important; color:#fff; border: 1px solid #074d4d;  background-color:#006666;}
	.empty_ctn {width:100%; height:300px; background-color:#efefef; clear:both; }

	.sub_con { position:relative; clear:both; margin:0 0 8px 20px; overflow:hidden; }

	.yellowBox { background:#faf3d0; padding: 10px 15px; }


	/* table */
	.table_01 {width:100%; margin:8px 0; border-top:solid 2px #42b1f1; border-left:1px solid #999;}
	.table_01 caption {position:absolute; top:-9999px;}
	.table_01 thead th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333;}
	.table_01 tbody th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#fff; font-weight:600 !important; }
	.table_01 tbody td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle;}
	.table_01 tbody th.txtL,.table_01 tbody td.txtL {padding-left:12px; padding-right:12px; text-align:left;}
	.table_01 tbody td.noSpace {padding:0;}
	.table_01 tbody td img {vertical-align:middle;}
	.table_01 tfoot th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f5f5f5;}
	.table_01 tfoot td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center;}

	/* table - td:center */
	.table_01_c {width:100%; margin:8px 0; border-top:solid 2px #42b1f1; border-left:1px solid #999;}
	.table_01_c caption {position:absolute; top:-9999px;}
	.table_01_c thead th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f7f7f7; color:#333;}
	.table_01_c tbody th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#fff; font-weight:600 !important; }
	.table_01_c tbody td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; }
	.table_01_c tbody td.noSpace {padding:0;}
	.table_01_c tbody td img {vertical-align:middle;}
	.table_01_c tfoot th {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center; background-color:#f5f5f5;}
	.table_01_c tfoot td {padding:4px 0 8px 0; border-bottom:1px solid #999; border-right:1px solid #999; vertical-align:middle; text-align:center;}

/* 각 페이지 */

	/* page - 경주상징 */
	#gj_symbol {}
	#gj_symbol ul {}
	#gj_symbol li {overflow:hidden; padding:40px 0 40px 0; border-bottom:1px dashed #999;}
	#gj_symbol li:first-child {padding-top:0;}
	#gj_symbol p {float:left; width:226px; line-height:0;}
	#gj_symbol dl {float:left; width:400px; margin-left:44px; padding-left:75px;}
	#gj_symbol dt {padding-top:7px; font-size:1.7em;}
	#gj_symbol dt span{font-weight: 500}
	#gj_symbol dd {padding-top:23px; line-height:1.5;}
	#gj_symbol .symbol_1 dl {background:url('/design/ko/img/sub03/symbol_1.gif') no-repeat 0 0;}
	#gj_symbol .symbol_2 dl {background:url('/design/ko/img/sub03/symbol_2.gif') no-repeat 0 0;}
	#gj_symbol .symbol_3 dl {background:url('/design/ko/img/sub03/symbol_3.gif') no-repeat 0 0;}
	#gj_symbol .symbol_4 dl {background:url('/design/ko/img/sub03/symbol_4.gif') no-repeat 0 0;}
	#gj_symbol .symbol_5 dl {background:url('/design/ko2019/img/sub03/symbol_5.gif') no-repeat 0 0;}
	#gj_symbol .symbol_1 dt span {color:#996633;}
	#gj_symbol .symbol_2 dt span {color:#336600;}
	#gj_symbol .symbol_3 dt span {color:#1450bd;}
	#gj_symbol .symbol_4 dt span {color:#95318d;}
	#gj_symbol .symbol_5 dt span {color:#1e8aa5;}

	/* page - 경주역사 */
	#gj_history div {border:1px solid #999; border-top:3px solid #009999; background:url('/design/ko/img/sub03/history_bg.gif') no-repeat 96% center;}
	#gj_history div dl { padding:40px 20px 30px; }
	#gj_history div dt { font-size:18px; font-weight:600; line-height:30px; color:#009999;}
	#gj_history div dd { width:400px; }
	#gj_history div p {margin-top:25px; text-align:justify;}
	#gj_history td ul {margin:10px 0 10px 15px;}
	#gj_history td li {padding:0 0 0 10px; background:url('../img/common/bl_grayDot.gif') no-repeat 0 9px;}

	/* page - 자연환경 */
	.gj_state .location { clear:both; margin-bottom:19px; padding:30px 0; background:#f7f9fa; border:1px solid #999; text-align:center;}
	.gj_state .con_1 {float:left;}
	.gj_state li {position:relative;}
	#gj_state_1 table {float:right; width:400px;}

	/* page - 인구와가구 */

	/* page - 부서에서 하는일 */
		.role { border-top:4px solid #008fc1; border-bottom:1px solid #999; padding:30px 0 30px 250px; margin-bottom:30px; }
		.role_part { background:url('../img/sub/bg_role_part.gif') no-repeat 85px center; }
		.role_council { background:url('../img/sub/bg_role_council.gif') no-repeat 40px center; }
		.roleWrap { border-left:1px solid #999; padding:20px 0 20px 30px; }
		.roleWrap .tit { font-size:15px; font-weight:600; margin-bottom:10px; }
		.roleWrap .tit span { color:#0e7aa6; }

	/* page - 시의회에서 하는일 */

	/* page - 시청가는길 */

	/* page - 공부도우미 */
		.studyWrap			{ width:100%; border-top:4px solid #008fc1; }
		.studyList				{ float:left; width:100%; overflow:auto; margin-bottom:15px; padding:15px 0 15px 0; border-bottom:1px solid #999; }
		.studyList .img			{ float:left; margin-right:30px; padding:4px; border:1px solid #999;}
		.studyList .title		{ color:#008fc1 !important; font-weight:600; font-size:14px; letter-spacing:-1px;}
		.studyList .cont_list	{ float:left; width:488px; margin-top:5px;}
		.studyList .cont_list li { background:url('/design/gjchild/img/common/bl_grayDot.gif') no-repeat 0px 7px; padding-left:10px;}
		.studyList .cont		{ float:left; width:488px; margin-top:5px;}

	/* page - 사이트맵 */
	.sitemap_all {overflow: hidden; width: 100%;}
	.sitemap_all .sitemap_box {float:left; overflow: hidden; padding-bottom: 20px; width: 248px;}
	.sitemap_box h4 {margin:20px 0 10px 0; border-bottom:3px solid #1862ad; color:#145393; font-size:1.5em; text-align:center; font-weight:bold; padding:10px 0; width:190px;}
	.sitemap_box h5 {margin:0; background:url('/design/gjchild/img/common/bl_grayDot.gif') no-repeat 12px 17px; border-bottom:1px solid #e5e5e5; color:#4f4f4f; padding:9px 0 8px 25px; width:165px;}
	.sitemap_box h5 a {color: #4f4f4f;}
	.sitemap_box h5 a:hover {text-decoration: underline;}
	.sitemap_box ul {background-color: #fafafa; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; padding-top: 10px; width: 190px;}
	.sitemap_box ul li {background:url('/design/gjchild/img/common/bl_dep03.gif') no-repeat 15px 12px !important; color: #666; padding:2px 0 3px 30px; width: 150px;}
	.sitemap_box ul li a {color: #666; font-size: 12px;}
	.sitemap_box ul li a:hover {text-decoration: underline;}

	/* 찾아오시는 */
	.gj_map .w100{width: 100% !important;}
	a.btS{position:relative; display:inline-block; border:2px solid #333; box-sizing:border-box; font-weight:700; padding:7px 40px 7px 18px; margin-left:10px; letter-spacing:-0.05em; vertical-align:middle; border-radius:20px; font-size:15px; padding:5px 40px 5px 15px;}
	a.btS::after {content:''; position: absolute; right:5px; top:9px; display:block; width:13px; height:11px; margin-right:10px; background:url('/design/ko2019/img/sub/btn_s.gif');}
	a.btS.blank::after{background-position:-13px 0;}