@charset "utf-8";

/* @import url(common.css);
@import url(con_common.css);
@import url(page_view.css);
@import url(board.css); */

/* #container {position:relative; width:100%; overflow:hidden; background:url('/images/web/dapa/sub/bg_s_visual.png') no-repeat 50% 0 #fff;} */
#sub_container:after {content:""; display:block; clear:both;}


.sub_content {
	position: relative;
	z-index: 3;
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	min-height: 900px;
	font-family: "NotoR";
	font-size: 14px;
	line-height: 1.6;
	color: #555;
}

/* .box_line_map_1 .sp_home,
.box_line_map_1 .span_gt {display:block; overflow:hidden; height:0; font-size:0; line-height:100px; text-indent:-10000px;} */

/* 왼쪽메뉴 */
/* #sideContent { position:absolute; left:0; top:50px; min-height:1px; width:250px; overflow:hidden; box-shadow:0px 0px 10px 0 rgba(0, 0, 0, 0.7);}
#sideContent div {height:100px; line-height:100px; text-align:center; font-size:26px; font-family:"NotoR"; color:#fff; letter-spacing:-2px; background:url('/images/web/dapa/sub/tbg_SideNavi.png') no-repeat left top;}
.sideNavi {display:block; padding:0 20px 30px; font-family:"NotoM"; overflow:hidden; border-left:1px solid #dbdbdb;}
.sideNavi li {line-height:20px;}
.sideNavi li:first-child{ border-top:none}
.sideNavi li a {display:block; padding:15px 0 14px 0; font-size:16px; color:#333; font-family:"NotoM"; border-bottom:1px solid #dbdbdb;}
.sideNavi li a:hover,
.sideNavi li a:focus,
.sideNavi li a:active {color:#0c3688;}
.sideNavi li a.on,
.sideNavi li a.lock {padding:15px 0 13px 0; color:#0c3688; border-bottom:2px solid #0c3688;}
.sideNavi li ul {display:none; padding:15px 0; background:#f5f7f8; }
.sideNavi li ul li a {color:#585858; padding:5px 20px 5px 30px; font-size:14px; border-bottom:none; background:url('/images/web/dapa/sub/bgsidenavisub3_off.png') no-repeat 20px 13px;}
.sideNavi li a span.tmn_N_link {padding-right:25px; background:url('/images/web/dapa/sub/btn_link_g.png') no-repeat right -1px;} 180212
.sideNavi li a span.tmn_N_link {padding-right:25px; background:url('/images/web/dapa/sub/btn_link_g.png') no-repeat right -4px;} 180212
.sideNavi li ul li a:hover,
.sideNavi li ul li a:focus,
.sideNavi li ul li a:active,
.sideNavi li ul li a.on,
.sideNavi li ul li a.lock {color:#0c3688; padding:5px 20px 5px 30px; border-bottom:none; background:url('/images/web/dapa/sub/bgsidenavisub3_on.png') no-repeat 20px 13px;} */

/* 서브페이지 */
#subContent{ position:relative; margin:0 0 50px 310px;}
#subContent2 {position:relative; margin:0 0 50px 0;} /* 171106 추가 */
.subContent_body{ position:relative; font-family:"NotoR"; font-size:14px; line-height:1.6; color:#555;} /* 180517 수정 */

/* 로케이션 */
#location {position:absolute; left:0; top:95px; width:100%; font-family:"NotoM"; font-size:14px; line-height:35px; vertical-align:middle; overflow:hidden;}
#location a {color:#f1f1f1;}
#location img {vertical-align:middle; margin-top:-1px}
#location span,
#location strong {display:inline-block; padding-left:13px; margin-left:7px; background:url('/images/web/dapa/sub/bglocation.png') no-repeat 0 13px; }
#location span { color:#f1f1f1; }
#location strong { color:#fff; }
#location .btnPrint {width:35px; height:35px; margin-left:10px; text-indent:-10000em; background:url('/images/web/dapa/sub/btn_print.png') no-repeat left top #fff; border-radius:18px;}

/* .box_line_map{ display:none;} */

.photoHide { display: none;}

/* 페이지 타이틀 */
/* #pageTitle {height:100px; padding:45px 0 50px; line-height:50px; font-size:36px; letter-spacing:-1px; color:#fff; font-family:"NotoR"; box-sizing: unset;} */


/* 페이지별 만족도 평가 */
/* .survey_wrap{ padding-top:100px;}
.survey{ border:1px solid #dfdfdf;}
.survey_tit{ background:#357ad6; padding:15px 15px 15px 35px; border-bottom:1px solid #dfdfdf;}
.survey_tit h4{ background:url("/images/web/dapa/sub/survey_tit.gif") no-repeat 0 0; text-indent:-50000px; width:258px; height:28px;}
.survey_tit p{ color:#ffffff;}
.survey_sub_tit{ text-align: center;}
.survey_content_all{ position: relative; padding:14px 10px 14px 35px;}
.survey_content { width:100%; height: 30px;}
.stsfdg_score { position: relative; top: 2px; }
.check_box { float:left; width: 84%; padding-top: 3px;}
.check_radio li{ float:left; margin-right:1%; line-height:20px; font-weight:bold; color:#444;}
.check_radio li input{ vertical-align:top;}
.check_radio li label{ margin:0 0 0 3px; cursor:pointer;}
.opinion{ float:right; }
.opinion input{ width:60%; border:1px solid #ddd; height:20px; margin:0 7px;}
.opinion a img{ vertical-align:middle;}
.survey .tel{padding:15px 0 15px 35px; color:#555;  border-top: 1px solid #e8e8e8;} */

/* 청장일정 */
.sch_title{ font-size: 15pt; text-align: center; width: 100%; }
.sch_sub_title{ text-align: center; font-weight: bold; font-size: 14pt; padding-top: 20px; }


@media (max-width:1199px) {		
	
	/* 비주얼 */
	.sub_visual {height:250px;}
	.sub_visual .visual {width:1020px;}
	
	.sub_content {width:1020px;}

	/* 왼쪽메뉴 */
	#sideContent {width:230px;}

	/* 서브페이지 */
	#subContent {margin:0 0 100px 280px;}

}

@media (max-width:1019px) {	
	
	
	#container {padding-top:70px; background:#fff;}

	.sub_content {width:100%;}

	/* 서브페이지 */
	#subContent {width:100%; margin:0 auto;}

	#sideContent { display:none;}

	#location { display:none;}

	.subContent_body{width:95%; min-height:auto; margin:0 auto;}
	
	/* 페이지 타이틀 */
/* 	#pageTitle {width:100%; height:80px; margin:0 auto 30px; padding:0; color:#fff; line-height:80px; font-size:24px; text-align:center; background:url('/images/web/dapa/sub/bg_s_visual.png') no-repeat center top; background-size:cover;} */
	

	/* etc : sns*/ 
	.snsBox { position:absolute; top:18px; right:2.5%;}
	
	/* linemap */
	/* .box_line_map_1 .span_gt,
	.box_line_map_1 .sp_home,
	.box_line_map_2 > a .sp_img {background-image:url("/images/web/dapa/common/sp_sub.png"); background-repeat:no-repeat;}
	.box_line_map { display:block; width:100%; position:relative; z-index:80; height:39px; padding:0 30px 0 0; margin:0; border-bottom:1px solid #eee; background-color:#f3f3f3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	.box_line_map_1 {position:relative; width:800px;}
	.box_line_map_1 > p,
	.box_line_map_1 > p > span,
	.box_line_map_1 .box_line_map_2 {float:left; margin:0 7px;}
	.box_line_map_1 .box_line_map_2 {margin:0;}
	.box_line_map_1 > p {height:39px; font-family:"NotoM"; color:#555;}
	.box_line_map_1 > p > span {font-family:"NotoM";}
	.box_line_map_1 .txt  {line-height:39px;}
	.box_line_map_1 .sp_home {width:15px; margin:14px 7px 0 13px; padding-top:13px; background-position:0 0;}
	.box_line_map_1 .span_gt {width:9px; margin-top:12px; padding-top:17px; background-position:-40px 0;}
	.box_line_map_2 {position:relative;}
	.box_line_map_2.on {width:200px;}
	.box_line_map_2 > a {display:block; float:left; position:relative; padding-right:23px; line-height:39px; font-family:"NotoM"; color:#333;}
	.box_line_map_2 > a .sp_img {display:block; position:absolute; top:18px; right:5px; width:9px; height:5px; background-position:-20px 0;}
	.box_line_map_2.on > a .sp_img {background-position:-30px 0;}
	.box_line_map_2.on > a {color:#151515;}
	.box_snb_1 {display:none; overflow:hidden; position:absolute; top:35px; left:-5px; z-index:1; max-height:0;}
	.box_snb_1 ul {border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
	.box_snb_1 a {display:block; font-size:12px; padding:0 20px; border-bottom:1px solid #d5d5d5; background-color:#fff; color:#555; line-height:39px; white-space:nowrap;}
	.box_snb_1 a:hover,
	.box_snb_1 li.on a {background-color:#1f3c7b; color:#fff; text-decoration:underline;} */

	/* .box_line_map .btnPrint {position:absolute; top:0; right:0; width:30px; height:39px; margin-left:10px; text-indent:-10000em; border-left:1px solid #c8d1db; background:url('/images/web/dapa/sub/btn_print.png') no-repeat center;} */

}

@media screen and (max-width:840px) {	

	/* 비주얼 */
	.sub_visual {display:none;}

}
