@charset "utf-8";

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

* {line-height:1.5;font-family:'나눔바른고딕','Nanum Barun Gothic','나눔고딕','Nanum Gothic','맑은 고딕', sans-serif;color:#333;letter-spacing:-0.05em;} /* color값은 디자인가이드에 맞게사용 */

html,body {width:100%;}

input {max-width:100%;}

strong {font-weight:600;}

img {max-width:100%;}

.fixed_body {position:fixed;width:100%; }

#wrapper {width:100%;margin-top:90px;min-width:320px;background:url(/festivalParking/img/secondArea_bg.jpg) repeat-y top center;overflow:hidden;}

#header {position:fixed;top:0;left:0;width:100%;height:89px;min-width:320px;background:#fff;z-index:700;border-bottom:1px solid #666;}
#header .logo {float:left;padding:21px 0 0 20px;}
#header .pohang_site_go {position:absolute;top:0;right:0;display:block;width:90px;height:90px;background:#f13389;text-align:center;line-height:90px;color:#fff;font-size:14px;}
#header .pohang_site_go > span {display:inline-block;padding-right:17px;background:url(/festivalParking/img/site_go_ico.png) no-repeat center right;color:#fff;font-size:14px;}

#gnb {float:right;margin-right:105px;padding-top:33px;}
#gnb ul li {float:left;padding:0 20px;}
#gnb ul li a {display:block;font-size:16px;font-weight:bold;}
#gnb ul li a > span {display:inline-block;padding-right:17px;background:url(/festivalParking/img/new_win_ico.png) no-repeat center right;font-size:16px;}

.m_nav {display:none;}
.mobile_menu {display:none;}

#container {width:100%;}

.tbl_basic {width:100%;border-top:2px solid #0b0a05;table-layout:fixed;}
.tbl_basic th, .tbl_basic td {padding:10px 0;font-size:14px;}
.tbl_basic thead th {padding:10px 0;background:#666;border-bottom:2px solid #0b0a05;border-left:1px solid #cbcbca;color:#fff;font-weight:normal;word-break:keep-all; vertical-align:middle;}
.tbl_basic thead th:first-child {border-left:0;}
.tbl_basic tbody th,
.tbl_basic tbody td {padding:10px;border:1px solid #cbcbca;border-right:0;text-align:center; word-break: break-all; vertical-align:middle;}
.tbl_basic tbody th {background:#666; color:white;}
.tbl_basic tbody tr td:first-child {border-left:0;}
.tbl_basic tbody tr td:first-child {border-left:0;}
.tbl_basic .map_view_btn {display:inline-block; padding:0 10px;background:#fff;border:1px solid #aeaeae;border-radius:3px;box-sizing:border-box;}
.tbl_basic .map_view_btn .ico {display:inline-block;width:15px;height:19px;margin-right:7px;background:url(/festivalParking/img/map_view_btn_ico.png) no-repeat left center;background-size:100%;vertical-align:middle;}
.tbl_basic .map_view_btn .txt {display:inline-block; line-height:2.5em; vertical-align:middle;}
.tbl_basic .m_map_view_btn {display:none;}
.tbl_basic .txt_left {text-align:left;}
.tbl_basic .tbl_txt_green,
.tbl_basic .tbl_txt_green strong {color:#04af3c;}
.tbl_basic .tbl_txt_orange,
.tbl_basic .tbl_txt_orange strong {color:#ff9600;}
.tbl_basic .tbl_txt_red,
.tbl_basic .tbl_txt_red strong {color:#ff1616;}
.tbl_basic .tbl_txt_blue,
.tbl_basic .tbl_txt_blue strong {color:#0a60ca;}
.tbl_basic .td_gray_bg {background:#eee;}
.tbl_exp_td {padding:20px 10px;background:#eee;text-align:left;font-size:14px;}
.tbl_exp_td .tbl_txt_blue {color:#0a60ca;}

/* 2019-05-16 */
.inp_box td input[type="text"] {width:100%;box-sizing: border-box;}
.inp_box td .inp_col2 {overflow:hidden;}
.inp_box td .inp_col2 input[type="text"] {float:left;max-width:45%;}
.inp_box td .inp_col2 .cut {display:inline-block;float:left;width:10%;height:28px;line-height:28px;text-align:center;vertical-align:middle;}
.inp_box .btn {margin:1px 0;display:inline-block;height:25px;line-height:25px;border:1px solid #ccc;text-align:center;}
.inp_box .btn.type1 {width:100%;}
.inp_box .btn.type2 {width:48%;}
.inp_box .btn.bg_black {color:#fff;border:0;background:#333;}
.inp_box .btn.bg_blue {color:#fff;border:0;background:#0095cd;}
.inp_box .btn.bg_red {color:#fff;border:0;background:#d81b21;}
.inp_box .btn_col2 {overflow:hidden;}
.inp_box .btn_col2 .btn {float:left;width:49%;}
.inp_box .btn_col2 .btn:first-child {margin-right:2%;}

.tbl_scroll {width:100%;padding-right:1px;margin:12px 0;overflow-x:auto;}
.tbl_scroll .tbl_basic {margin:0;}


.page_tit {width:100%;margin-bottom:40px;text-align:center;}
.page_txt {margin-bottom:15px;text-align:center;color:#fff;font-size:22px;}
.page_txt strong {color:#3ae06f;font-size:30px;}

.con_tit {width:100%; margin:40px 0 20px; color:#f13389; font-size:36px; font-weight:600;}
.con_txt_type1 {margin-bottom:10px;font-size:20px;font-weight:bold;}
.con_txt_type1 span {color:#f33;font-size:20px;}
.con_txt_type2 {padding-right:180px;margin-bottom:10px;font-size:18px;}


.bullet_txt {margin-bottom:10px;padding-left:20px;background:url(/festivalParking/img/bullet_type1.png) no-repeat left 0.3em;font-size:18px; clear:both;}
.bullet_txt b {font-size:18px;}

.page_box {width:1090px; margin:0 auto; padding:10px 45px; background:#fff;}
.page_box .page_content {}
.page_box .page_content .traffic_control_btn {display:block;float:right;width:117px;height:35px;margin-top:-95px;background:#ff0000;border:1px solid #d70000;border-radius:3px;line-height:35px;text-align:center;color:#fff;font-size:14px;}
.page_box .page_content .data_refresh_btn {display:block;float:right;width:117px;height:45px;margin-top:-52px;background:#f13389;border:1px solid #e22379;border-radius:3px;line-height:43px;text-align:center;color:#fff;font-size:16px;}
.page_box .page_content .data_refresh_btn .ico {display:inline-block;width:16px;height:16px;margin-right:7px;background:url(/Ivyimages/site/open_content/fire_light/main/refresh_ico.png) no-repeat;vertical-align:middle;}
.page_box .page_content .site_move_btn {display:block;float:right;width:150px;height:45px;margin-top:-46px;background:#f13389;border:1px solid #e22379;border-radius:3px;line-height:43px;text-align:center;color:#fff;font-size:16px;}
.page_box .page_content .tbl_legend {width:100%;margin-top:30px; position:relative;}
.page_box .page_content .tbl_legend .fresh {position:absolute; top:-.7em; right:0;}
.page_box .page_content .tbl_legend ul li {display:inline-block;margin-left:20px;line-height:1;font-size:14px;}
.page_box .page_content .tbl_legend ul li .legend_color {display:inline-block;width:16px;height:16px;margin-right:7px;vertical-align:middle;}
.page_box .page_content .tbl_legend ul li .l_color1 {background:#04af3c}
.page_box .page_content .tbl_legend ul li .l_color2 {background:#ff9600}
.page_box .page_content .tbl_legend ul li .l_color3 {background:#ff1616}
.page_box .page_content .page_img_area_first {margin-bottom:30px;}
.page_box .page_content .page_img_area_first img {width:50%; float:left;}
.page_box .page_content .page_img_area_first img:nth-child(2n) {margin-bottom: 30px;}
.page_box .page_content .page_img_area {border:1px solid #aeaeae; margin-bottom:30px;/* clear:both;*/}
.page_box .page_content .page_img_area img {width:100%;}
.page_box .page_content .page_img_area a img {width:100%;}
.page_box .page_content .map_search_btn {display:block;float:right;width:182px;height:43px;margin-top:20px;border:1px solid #aeaeae;border-radius:3px;line-height:43px;text-align:center;font-size:16px;}
.page_box .page_content .map_search_btn .ico {display:inline-block;width:15px;height:19px;margin-right:7px;background:url(/festivalParking/img/map_view_btn_ico.png) no-repeat left center;background-size:100%;vertical-align:middle;}
.page_box .page_content .page_img_box {margin:30px 0 15px 0;}
.page_box .page_content .page_img_box img {max-width:100%;}
.guide_site_go>img {width:100%;}

.page_box h4 {position:relative; font-size:1.5em;color:#6a58c9;font-weight:700; margin:.75em 0; padding-left:15px;}
.page_box h4:before{content:'';display:inline-block; position:absolute; top:0; left:0; width:6px;height:6px;background-color: #6a58c9;border-radius:50%}

#firstArea .page_box {padding-top:50px;}

#thirdArea .page_box {padding-bottom:50px;}

#fourthArea {background:#666;border-top:20px solid #ccc;border-bottom:20px solid #ccc;}
#fourthArea .line_wrap {margin:6px 0;border-top:4px solid #fff;border-bottom:4px solid #fff;}
#fourthArea .inner {margin:0 auto;padding:50px 0;width:1016px;}
#fourthArea .sns_list {width:100%;height:259px;padding:10px 13px 0 13px;margin-bottom:65px;background:url(/festivalParking/img/thirdArea_sns_bg1.png) no-repeat right top;box-sizing:border-box;}
#fourthArea .sns_list li {float:left;width:25%;height:249px;padding:0 5px;box-sizing:border-box;text-align:center;}
#fourthArea .sns_list li a {display:block;}
#fourthArea .sns_list li .sns_ico {display:block;margin:45px 0 25px 0;text-align:center;}
#fourthArea .sns_list li .sns_name {display:block;text-align:center;color:#fff;font-size:22px;}
#fourthArea .sns_txt {text-align:center;color:#fff;font-size:18px;}
#fourthArea .con_left	{float:left;width:50%;}
#fourthArea .con_left p	{text-align:center;color:#fff;font-size:16px;}
#fourthArea .con_left .tit	{font-size:20px;color:#fff;text-align:center;font-weight:600;}
#fourthArea .con_right	{float:left;width:50%;}
#fourthArea .clear		{content:"";float:none;clear:both;}
#fourthArea .copy_btn	{display:block;width:200px;margin:0 auto;margin-top:10px;padding:10px 0;background:#f13389;text-align:center;color:#fff;font-size:16px;font-weight:bold;border-radius:5px;}
#fourthArea .login_btn	{display:block;width:200px;margin:0 auto;margin-top:10px;padding:10px 0;background:#474848;text-align:center;color:#fff;font-size:16px;font-weight:bold;border-radius:5px;}

#footer {width:100%;background:#fff;}
#footer .inner {width:1000px;margin:0 auto;padding:40px 0;}
#footer p {display:inline-block;font-size:14px;margin-right:10px;}
#footer .qna_tel span {color:#e30000;font-weight:bold;}
#footer .copyright {display:block;}

.guide_txt {margin:20px 0;text-align:center;color:#ff0000;font-size:18px;font-weight:bold;text-decoration:underline;}
.page_box .page_content .guide_site_go {display:block;width:280px;margin:0 auto;padding:10px 0;background:#f13389;text-align:center;color:#fff;font-size:16px;font-weight:bold;border-radius:5px;}
.b_list li {font-size: 14px; }
.tbl_exp {margin-bottom:30px;padding-left:20px;font-size: 14px;}

@media screen and (max-width:1000px){
  
  #wrapper {margin-top:55px;background-size:contain;}

	#header {height:auto;overflow:hidden;}
	#header .logo {padding:15px 10px;line-height:0;}
	#header .logo img {height:25px;}
	#header .pohang_site_go {display:none;}
  
  	#multipleContentsDiv_event_918 {margin-top:3%;}

	#gnb {display:none;}

	.mobile_menu {display:block;float:right;margin-right:5px;padding:15px 10px;}
	.mobile_menu img {height:25px;}

	.m_nav {position:fixed;top:0;right:-240px;bottom:0;width:240px;background:#fff;z-index:1000;display:block;}
	.m_nav .pohang_site_go {display:block;width:100%;height:55px;background:#f13389;text-align:center;line-height:55px;color:#fff;font-size:1.2em;}
	.m_nav .pohang_site_go > span {display:inline-block;padding-right:17px;background:url(/festivalParking/img/site_go_ico.png) no-repeat center right;color:#fff;letter-spacing:0;font-size:1em;}
	.m_nav .m_nav_area li {width:100%;height:50px;border-bottom:1px solid #dcdcdc;line-height:50px;text-align:center;}
	.m_nav .m_nav_area li a {display:block;line-height:50px;}
	.m_nav .m_nav_area li a > span {display:inline-block;padding-right:17px;background:url(/festivalParking/img/new_win_ico.png) no-repeat center right;letter-spacing:0;}
	.m_nav_bg {position:fixed;top:0;left:0;right:0;bottom:0;background:url(/festivalParking/img/m_nav_bg.png) repeat;z-index:995;display:none;}
	
	.page_box {padding:10px 3%;width:96%;box-sizing:border-box;}
	
	
	#fourthArea .inner {width:96%;padding:80px 0 60px 0;}
	#fourthArea .sns_list {height:auto;margin-bottom:35px;background-size:100%;overflow:hidden;}
	#fourthArea .sns_list li {height:auto;}
	#fourthArea .sns_list li .sns_ico {width:50%;margin:20% auto 15px auto;}
	#fourthArea .sns_list li .sns_ico img {max-width:100%;}
	#fourthArea .sns_list li .sns_name {font-size:20px;margin-bottom:15%;}
	#fourthArea .sns_txt {font-size:18px;}
	
	#footer .inner {width:96%;}

	.page_box .page_content .tbl_legend .fresh {position:static; margin-bottom:.6em; text-align:center;}
}

@media screen and (max-width:768px){
	.m_hide {display:none;}
	
	.tbl_scroll {width:100%;overflow-x:auto;}
	/* .tbl_scroll .tbl_basic {min-width:400px;} */
	
	.tbl_basic th, .tbl_basic td {font-size:1em;}
	.tbl_basic thead th {padding:5px 2px;}
 	.tbl_basic tbody td {padding:5px 2px;}
	/* .tbl_basic .map_view_btn .ico {margin-right:0;}
  	.tbl_basic .map_view_btn {padding:0 7px;height:30px;background:#fff;border:0;box-sizing:border-box;line-height:30px;}
	.tbl_basic .map_view_btn .txt {display:none;}  
  	.tbl_basic .m_map_view_btn {display:inline-block;padding:0 7px;height:30px;background:#fae100;border-radius:3px;box-sizing:border-box;line-height:30px;vertical-align:middle;}
	.tbl_basic .m_map_view_btn .ico {display:inline-block;width:15px;height:19px;background:url(/festivalParking/img/m_map_view_btn_ico.png) no-repeat left center;background-size:100%;vertical-align:middle;}
	.tbl_basic .m_map_view_btn .txt {display:none;} */
	.tbl_exp_td {/* min-width:380px; */padding:10px 10px;font-size:1em;}
  
	.tbl_scroll .tbl_basic {min-width:940px;}
	
	.page_tit {margin-bottom:30px;}
	.page_tit img {height:90px;}
	.page_txt {margin-bottom:10px;font-size:1.25em;}
	.page_txt strong {font-size:1.35em;}
	.page_box .inner .page_btn_link {width:120px;height:36px;line-height:36px;font-size:1.16em;}
	.con_tit {margin-bottom:10px;font-size:1.85em;}
	.con_txt_type1 {margin-bottom:10px;font-size:1.25em;font-weight:bold;}
  	.con_txt_type1 span {font-size:1em;}
	.con_txt_type2 {padding-right:0;margin-bottom:10px;font-size:1.16em;}

	.bullet_txt {margin-bottom:10px;padding-left:13px;background:url(/festivalParking/img/bullet_type1.png) no-repeat left 0.3em;background-size:auto 9px;font-size:1.16em;}
	.bullet_txt b {font-size:1em;}
  
	.page_box .page_content .traffic_control_btn {float:none;display:inline-block;width:auto;height:auto;margin-top:0;margin-right:5px;padding:8px 10px;line-height:1;color:#fff;font-size:1.16em;}
	.page_box .page_content .page_img_area_first img {width:100%; float:left;}
	.page_box .page_content .data_refresh_btn {float:none;display:inline-block;width:auto;height:auto;margin-top:0;padding:8px 10px;line-height:1;color:#fff;font-size:1.16em;}
	.page_box .page_content .data_refresh_btn .ico {width:10px;height:10px;margin-right:4px;background-size:100%;}

	.page_box .page_content .tbl_legend {margin-top:15px;margin-bottom:5px;}
	.page_box .page_content .tbl_legend ul li {margin-left:6px;font-size:0.9em;}
	.page_box .page_content .tbl_legend ul li .legend_color {width:8px;height:8px;margin-right:3px;}

	.page_box .page_content .site_move_btn {float:none;margin:0;width:130px;height:36px;line-height:36px;font-size:1.16em;}
	.page_box .page_content .page_img_box {margin:15px 0 10px 0;}
	
  	#firstArea .page_box {padding-top:25px;}
  
  	#thirdArea .page_box {padding-bottom:25px;}
	
	#fourthArea {border-width:10px;}
	#fourthArea .line_wrap {border-width:2px;}
	#fourthArea .inner {padding:40px 0 30px 0;}
	#fourthArea .con_left,
	#fourthArea .con_right	{float:none;width:100%;}
	#fourthArea .con_left p {font-size:1.16em;}
	#fourthArea .sns_list {height:auto;padding:0 10%;margin-bottom:15px;background:none;}
	#fourthArea .sns_list li {width:50%;height:auto;padding:10px;}
	#fourthArea .sns_list li .sns_ico {width:40%;margin:0 auto 15px auto;}
	#fourthArea .sns_list li .sns_ico img {max-width:100%;}
	#fourthArea .sns_list li .sns_name {font-size:1.25em;margin-bottom:0;}
	#fourthArea .sns_txt {padding:0 5%;font-size:1.16em;}
	#fourthArea .copy_btn	{width:150px;padding:10px 0;margin-bottom:20px;font-size:14px;}
	#fourthArea .login_btn	{width:150px;padding:10px 0;font-size:14px;}
	
	#footer .inner {padding:20px 0;}
	#footer p {display:block;text-align:center;font-size:1em;margin-right:0;}
	
  	#header {height:auto;overflow:hidden;}
 	#header .logo {padding:15px 10px;line-height:0;}
	#header .logo img {height:25px;}
    #gnb ul li {padding:0 10px 0 0;}
  	#gnb {padding-top:15px;}
 	#gnb ul li a > span {font-size:0.875em;}
  
	.guide_txt {font-size:14px;}
	.page_box .page_content .guide_site_go {width:240px;padding:10px 0;font-size:14px;}
}

@media screen and (max-width:480px){
	.page_box .page_content .tbl_legend .fresh {font-size:.88em;}
}


#admin_input{display: none;}

#m_conts {position:relative; padding-top:89px;}
#m_conts:after {content:''; position:fixed; top:89px; left:0; bottom:0; right:0; background-image:url(../img/firework_bg1.png), url(../img/firework_bg2.png), linear-gradient(#233899,#6b32a0); background-repeat:no-repeat; background-position:0 0, 100% 0, 50% 50%; z-index:-1;}

@media screen and (max-width:1000px){
	#m_conts {padding-top:58px;}
	#m_conts:after {top:58px; background:linear-gradient(#233899,#6b32a0);}
}

.tbl-respon {margin-top:20px; position:relative;}
.tbl-respon >.guide {display:none; padding-left:1.5em; padding-bottom:0; margin-bottom:.5em; font-size:.88em; line-height:1.2em; position:relative;}
.tbl-respon >.guide:before {content:'!'; display:inline-block; width:1.2em; font-weight:600; color:#fff; text-align:center; line-height:1.2em; background:#888; border-radius:50%; position:absolute; top:0; left:0;}

.list_tit {width:17%;}
.list_num {width:10%;}
.list_btn {width:15%;}

.btn {display:inline-block; padding:6px 10px; background:#fff; border:1px solid #aeaeae; border-radius:3px;}
.btn.del {color:#fff; background:#333; border-color:#333;}
.btn.refresh {padding:10px 12px; padding-left:10px; margin:3px;}
.btn.refresh:before {content:''; display:inline-block; width:.8em; height:.8em; margin-right:5px; background:url(../img/ico_re.svg) no-repeat 50% 50%; background-size:contain;}
.btn.point {color:#fff; background:#f13389; border-color:#f13389;}
.btn.big {padding:.6em 1em;}

.link[target="_blank"] {display:inline-block; padding-right:17px; background:url(/festivalParking/img/new_win_ico.png) no-repeat center right; word-break:break-all;}
.link[target="_blank"]:hover {text-decoration:underline;}

@media all and (max-width:1000px) {
	.tbl-respon .tbl_wrap {overflow:auto;}
	.tbl-respon .tbl_basic {width:60em; font-size:.88em;}
	.tbl-respon >.guide {display:block;}
}


.list-dl {border-top:2px solid #111;}
.list-dl dl {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #ccc;}
.list-dl dl >* {display:table-cell; padding:.5em; vertical-align:middle;}
.list-dl dt {width:20em; height:3em; font-weight:600; background:#efefef; text-align:center;}
.list-dl .red {color:#f13389;}

@media all and (max-width:768px) {
	.list-dl dl {display:block;}
	.list-dl dl >* {display:block; padding:.8em .5em; text-align:center;}
	.list-dl dt {width:auto; height:auto;}
}

.tit-wrap {position:relative; padding:40px 30px 35px 150px; margin-top:30px; word-break:keep-all; border:1px solid #ddd; border-radius:20px;}
.tit-wrap:before {content:''; width:90px; height:90px; background:url(../img/ico_parking.svg) no-repeat 50% 50%; background-size:contain; position:absolute; top:50%; margin-top:-45px; left:30px;}
.tit-wrap >*:last-child {margin-bottom:0 !important;}
.tit-wrap .con_tit {margin-top:0; color:#6a58c9; line-height:1.2;}
.tit-wrap p {line-height:1.3;}
.tit-wrap .con_txt_type1 span {color:#f13389;}

@media all and (max-width:768px) {
	.tit-wrap {padding:115px 20px 30px 20px; margin-top:20px; text-align:center;}
	.tit-wrap:before {width:70px; height:70px; top:25px; margin-top:0; left:50%; margin-left:-35px;}
	.tit-wrap .con_tit {margin-bottom:.8em; font-size:1.6em;}
	.tit-wrap .con_txt_type1 {font-size:1.11em;}
}
@media all and (max-width:480px) {
	.tit-wrap .con_tit {margin-bottom:.5em; font-size:1.5em;}
	.tit-wrap .con_txt_type1 {font-size:1em;}
}