/**/
#searchForm .articles_search {
}


/*  */
.articles {
	margin-bottom: 5px;
	letter-spacing: -1px;
	}
.articles .total {
	color: #ff0000;
	font-weight: bold;
	}
.articles .current {
	color: #0f79b8;
	}
/* */
.articles_search {
	margin-bottom: 0px;
	overflow: hidden;
	}
.articles_search select { padding:3px; font-size:14px;}
.articles_search .articles {
	position:relative;
	margin-top: 30px;
	line-height: 37px;
	}
.articles_search .articles:before { width:3px; height:3px; background:#000; content:''; display:inline-block; margin:10px 10px 3px 0; }
.articles_search .basic_searchForm {	border: solid 1px #000; padding: 15px 30px; text-align:center;	 }
.articles_search .btn {
	padding: 3px 15px;
	font-size: 17px;
	}
.articles_search .btn i {
	margin-right: 5px;
    font-size: 1.8rem;
	}
.articles_search label + .btn {
	margin-left: 20px;
	}

/* picker */
	.calendar { width:110px; }
	.picker {position:relative;}
	.picker input[type='text'] {width: 130px;}
	.picker button {
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		background: url('http://www.haeundae.go.kr/user_res/images/common/icoBoard.png') no-repeat 0px -6px;
	}

@media screen and (max-width:950px){

	.articles_search .basic_searchForm{padding:10px}
	.calendar{width:80px}
	.articles_search .basic_searchForm input{width:100px}
	.articles_search .basic_searchForm input.input_smallBlack, .articles_search .basic_searchForm input.bg_warn{width:70px;padding: 4px 10px;font-size: 0.9em;}
}

@media screen and (max-width: 620px) {
.articles_search {
	margin-bottom: 0;
	}
.articles_search .articles,
.articles_search .basic_searchForm {
    float: none;
    line-height: 1.6;
	}
.articles_search .photo_type {
	margin: 0 0 10px;
	}
.articles_search .basic_searchForm {
	margin-bottom: 10px;
	text-align: center;
	}

	.articles_search .basic_searchForm{text-align:left}
	.articles_search .basic_searchForm span:not(.separ){/* display:block; */margin-bottom:5px;/* font-weight: 700; */}
	.articles_search .basic_searchForm input{width: calc(50% - 76px);margin-bottom: 4px;height: 24px;}
	.articles_search select{margin-bottom:5px;height: 29px;}
	.articles_search .basic_searchForm img{vertical-align: bottom;margin-bottom: 4px;}
	.articles_search .basic_searchForm input.input_smallBlack, .articles_search .basic_searchForm input.bg_warn{height: 30px;}
	.articles_search .basic_searchForm input.input_text{
    width: calc(100% - 158px);
}
}



/*  table style */
.table th:first-child,
.table td:first-child {
	border-left: none;
	}
.table td.first{border-left: 1px solid #c6c6c6}

.table th:last-child,
.table td:last-child {
	border-right: none;
	}

.tstyle_list,
.faq_list,
.fileDown_list {
	border-top: solid 2px #313131;
	border-bottom: solid 1px #313131;
	}
.tstyle_list {
	color: #626262;
	table-layout: fixed;
	}
.tstyle_list thead th {
	border-bottom: solid 1px #dcdbdb;
	color: #000;
	}
.tstyle_list td {
	border-bottom: solid 1px #dcdbdb;
	text-align: center;
	}
.tstyle_list tbody th {
	border-bottom: solid 1px #dcdbdb;
	}
.tstyle_list td.ellipsis {
	text-align: left;
	overflow : hidden;
	}
.tstyle_list td.ellipsis a {
	/*display: block;*/
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}
.tstyle_list img,
.tstyle_view img {
	vertical-align: middle;
	}
.table tr.total {
    background-color: #f9f9f9;
	}
/* width  */
.table .allChk {
	width: 3%;
	}
.table .num {
	/* width: 6%; */
	}
.table .subject {
	width: auto;
	}
.table .menu {
	width: 25%;
	}
.table .access_effect {
	width: 60%;
	}
.table .position {
	width: 20%;
	}
.table .field {
	width: 9%;
	}
.table .desk {
	width: 12%;
	}
.table .tel {
	width: 15%;
	}
.table .name {
	width: 10.5%;
	}
.table .date {
	width: 12%;
	}
.table .hit {
	width: 7%;
	}
.table .file {
	width: 6%;
	}
.table .situation {
	width: 10.5%;
	}
.table .category,
.table .eventClass {
	width: 13%;
	}
.tstyle_list .longDate {
	width: 150px;
	}
.tstyle_list .email {
	width: 200px;
	}
.tstyle_list .district {
	width: 210px;
	}
.tstyle_list .org_name {
	width: 200px;
	}

.tstyle_list.txt_left tbody th,
.tstyle_list.txt_left td,
.tstyle_list td.txt_left,
.tstyle_view.txt_left th  {
	text-align: left;
	}
.tstyle_list td.thumb {
	font-weight: bold;
	}
.tstyle_list .thumb span {
	display: block;
	width: 110px;
	height: 90px;
	margin-bottom: 6px;
	border: solid 1px #efefef;
	}
.tstyle_list .thumb img {
	max-width: 100%;
	height: 100%;
	}
.tstyle_list td.file {
	position: relative;
	}
.tstyle_list .font_normal th {
	font-weight: normal;
	}


/*table border */
.table th.line_left, .table td.line_left{border-left: 1px solid #c6c6c6}
.table th.line_right, .table td.line_right{border-right: 1px solid #c6c6c6}
.table th.line_bottom, .table td.line_bottom{border-bottom: 1px solid #c6c6c6}
.table th.line_top, .table td.line_top{border-top: 1px solid #c6c6c6}


/* style */
@media all and (max-width: 800px){
.table {
	overflow-x: scroll;
	}
.table [class^="tstyle_"]  {
    table-layout: inherit;
	}
.table .tstyle_list td {
    white-space: nowrap;
	}
.table.respond {
	overflow: visible;
	}
.table.respond colgroup,
.table.respond thead {
	display: none;
	}
.table.respond tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
	}
.table.respond td {
	display: inline-block;
	padding: 2px 3px;
	border-left: none;
	border-bottom: none;
	color: #555;
	}
.table.respond .num {
	width: 8%;
	}
.tstyle_list .ellipsis {
	width: 90%;
	color: #000;
	}


}


/* view page */
.news_view {
	overflow: hidden;
	}
.newsTitle {
	padding: 15px 17px;
	background-color: #fff;
	border: solid 1px #c1c5cd;
	border-top-color: #45474c;
	letter-spacing: normal;
	color: #2f3743;
	text-align: center;
	overflow: hidden;
	}
.news_view .tstyle_view {
    margin-left: -1px;
	border-top: none;
	border-bottom: none;
	}
.news_view .tstyle_view th {
	background-color: transparent;
	color: #000;
	font-weight: 400;
	}
.viewContent {
	position: relative;
	min-height: 400px;
	padding: 20px;
	border-bottom: solid 1px #c1c5cd;
	}
.viewContent .img_area {
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
	}
.viewContent img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	}
.viewContent .depth3_txt {
	margin-left: 17px;
	}
.viewContent > li {
	margin-top: 2px;
	}
.viewContent > li:first-child {
	margin-top: 0;
	}
.viewContent .tstyle_view {
	border-top: solid 1px #c1c5cd;
	}
.viewContent .tstyle_view th {
	border-right-color: #c1c5cd;
	}
.viewContent .tstyle_view td {
	padding-left: 15px;
	}
.viewContent .tstyle_list {
	margin-left: -1px;
	}
.viewContent .tstyle_list th,
.viewContent .tstyle_list td {
	border-left: 1px solid #dcdbdb
	}
.viewContent .table_wrap {
	overflow: auto;
	}


/*  */
.tstyle_view,
.tstyle_write {
	border-top: solid 1px #45474d;
	border-bottom: solid 1px #c1c5cd;
	}
.tstyle_view th,
.tstyle_write th {
	padding: 8px 10px;
	background: #fafafb;
	border: solid 1px #e4e7ec;
	border-top: none;
	color: #2f3743;
	text-align: left;
    white-space: normal;
	}
.tstyle_view .depth_title {
	padding: 12px 15px;
	border: none;
	border-bottom: solid 1px #e4e7ec;
	font-size: 1.1em;
	}
.tstyle_view td,
.tstyle_write td {
	padding: 8px 10px;
	border-bottom: solid 1px #e4e7ec;
	}
.tstyle_view input[type="radio"],
.tstyle_view input[type="checkbox"] {
	vertical-align: middle;
	}
.tstyle_view td .table {
    margin: -8px -10px;
	}
.tstyle_view .tstyle_list thead th {
	border-right: none;
	text-align:center;
	}

/*  */
.nextPrev_list {
	clear: both;
	border-top: solid 3px #333;
	overflow: hidden;
	}
.nextPrev_list li {
	padding: 16px 10px;
	border-bottom: solid 1px #dcdbdb;
	}
.nextPrev_list li strong {
	display: block;
	float: left;
	margin: 0 30px 0 10px;
	color: #333;
    line-height: 1.5;
	}
.nextPrev_list li strong i {
	margin-right: 10px;
	}
.nextPrev_list li a,
.nextPrev_list li span {
	display: block;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow : hidden;
	}

/* STYLE*/
.tstyle_write .txtarea {
	width: 99%;
	height: 180px;
	}
.tstyle_write th.bline,
.tstyle_write tr.bline th,
.tstyle_write tr.bline td {
	border-bottom: solid 1px #c1c5cd;
	}
.tstyle_write td.txt_center {
	text-align: center;
	}
.tstyle_write .line {
	border-left: solid 1px #d9d9d9;
	}
.tstyle_write th.line,
.tstyle_write td.line {
	border-left: solid 1px #e4e7ec;
	}
.tstyle_write .no_left_line {
	border-left: none;
	}
.tstyle_write .no_right_line {
	border-right: none;
	}
.tstyle_margin th {
	padding: 7px 5px 7px 13px;
	}
.tstyle_margin td {
	padding: 7px 5px 7px 8px;
	}
.leader_info {
	margin-bottom: 3px;
	}
.leader_info span {
	display: inline-block;
	width: 60px;
	}

.download_list li {
	position: relative;
	margin-top: 7px;
	}
.download_list li:first-child {
	margin-top: 0;
	}

.download_list li img {
	margin: 2px 5px 0 0;
	vertical-align: top;
	}
.download_list a span.down {position: absolute;top: 3px;right: 0;padding-left: 23px;font-size:15px;background: url(http://www.haeundae.go.kr/user_res/images/common/btnSmall_downloadType2_icon.png) no-repeat 0 5px;letter-spacing: -0.1em;}
.download_list a span.preview {
	padding:3px 15px;
	position: absolute;
	top: 0px;
	right:80px;
	font-size:15px;
	letter-spacing: -0.1em;
	}
.download_list a span.preview:before {content:'';display:inline-block;background: url(http://www.haeundae.go.kr/user_res/images/common/ico_Board.png) no-repeat -26px -4px;width: 25px;height: 17px;}
/*  */
.photo_type {
	float: right;
	width: 80px;
	height: 18px;
	margin-top: 10px;
	overflow: hidden;
	}

.photo_list {
	clear: both;
	word-break: keep-all;
	overflow: hidden;
	}
.photo_list .thumb {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ddd;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	}
.photo_list .thumb img {
	max-width: 100%;
	}

.photo_list img {
	vertical-align: middle;
	}
.photo_list .txt {
	display: block;
	}
.photo_list strong {
	display: block;
	height: 54px;
	color: #000;
	line-height: 1.3;
	font-size: 1.3rem;
	overflow: hidden;
	}
.photo_list .desc {
	display: block;
	height: 46px;
	margin-top: 10px;
	line-height: 1.5;
	overflow: hidden;
	}
.photo_list li.nocontent {
	float: none;
	width: 100%;
    margin: 45px 0 0;
    padding: 100px 15px;
    border: none;
    border-top: solid 2px #313131;
    border-bottom: solid 1px #313131;
    text-align: center;
	}

.photo_list .date {
	display: block;
	margin-top: 5px;
	color: #6c6d70;
	letter-spacing: 0;
	overflow: hidden;
	}
.photo_list .date:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(http://www.haeundae.go.kr/user_res/images/common/bbs/icon_time.gif) no-repeat 0 4px;
	content:'';
	}
.album_type {
	width: 101%;
	margin: -45px 0 0 -.5%;
	}
.album_type li {
	position: relative;
	float: left;
	width: 32%;
    margin: 45px .5% 0;
    padding-bottom: 20px;
	border: solid 1px #e1dfdf;
    box-sizing: border-box;
	overflow: hidden;
	}
.album_type .thumb {
	height: 170px;
	}

.album_type .thumb> img{width:100%}

.album_type .thumb.vertical {
	height: 290px;
	}
.album_type .txt {
	padding: 17px 25px 5px;
	}

.album_type .date {
	padding: 0 25px;
	}
.thumb_type strong,
.thumb_type .desc {
	height: auto;
	}

@media screen and (max-width: 780px){
.album_type li {
	width: 49%;
	}
}

@media screen and (max-width: 480px){
.album_type {
	width: 100%;
	margin: -25px 0 0;
	}
.album_type li {
	float: none;
    width: 100%;
    margin: 25px auto 0;
	}


}

/* listOption */
.listOption {position:relative;width:100%;}
.listOption:after {display:block;content:'';width:100%;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.listOption .optLeft > div, .listOption .optRight > div {display:inline-block;font-size:14px;}

.listOption .total span {font-weight:600;color:#ff6724;line-height:40px;}
.listOption .sort button {display:inline-block;height:40px;color:#999;margin-right:-2px;padding:0 10px;vertical-align:middle;background-color:transparent;}
.listOption .sort button.on {color:#555;font-weight:600;cursor:default;}
.listOption .sort button:hover,
.listOption .sort button:focus {background-color:transparent;}

.listOption button {
	display:inline-block;height:35px;
	color:#fff;line-height:35px;
	vertical-align:middle;padding:0 15px;margin-left:5px;
	background-color:#555;
}
.listOption button:hover,
.listOption button:focus {background-color:#66a6ee;}
/* viewType */
.listOption .viewType button {display:inline-block;width:40px;height:40px;padding:0;margin:0;background-color:transparent !important;border:1px solid #ccc;}
.listOption .viewType button.on {border-color:#555;}
.listOption i {display:block;width:40px;height:40px;}
/* icon */
.listOption i.card {background-position:-80px 0;}
.listOption i.stand {background-position:-80px -80px;}
.listOption button.on i.card {background-position:-80px -40px;}
.listOption button.on i.stand {background-position:-80px -120px;}

/* boardType3 */
.boardType3 {border-top:1px solid #555;}
.boardType3 li {position:relative;border-bottom:1px solid #ddd;padding: 17px 10px;}
.boardType3 li .subject { font-size:18px; }

.boardType3 .boardInfo {position:relative;width:100%;margin-top:8px;/* overflow:hidden; */font-size:14px;}
.boardType3 .boardInfo > div span {display:inline-block;}
.boardType3 .boardInfo > div span:after {display:inline-block;content:'';width:1px;height:15px;vertical-align:middle;background-color:#cbcbcb; margin:-2px 10px 0 13px;}
.boardType3 .boardInfo > div span:last-child:after {display:none;}

.boardType3 .boardInfo .infoLeft {}
.boardType3 .boardInfo .infoRight {position:absolute;right:10px;top: -20px;}


.boardType3 li > span {display:inline-block;line-height:30px;padding:0 10px;margin-bottom:5px;}
.boardType3 li .state1 {color:#fff;background-color:#4b6498;}
.boardType3 li .state2 {color:#fff;background-color:#fe804f;}



.icons{position:absolute;right:0;top: -15px;}
.icons .sprite-icons{margin: -5px 20px 0;}
.icons .sprite-icons:before{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 14px;background:#7f7f7f;margin: 0 -15px;}
.sprite-icons {display: inline-block;background-image: url('http://www.haeundae.go.kr/user_res/images/common/iconset.png');background-repeat: no-repeat;vertical-align: middle;}
.sprite-icons.ico-download{background-position: -190px -156px; width:22px; height: 22px;}
.sprite-icons.ico-download:hover,.sprite-icons.ico-download:focus{background-position: -215px -156px;}
.sprite-icons.ico-preview{background-position: -12px -40px; width:19px; height: 21px;}
.sprite-icons.ico-preview:hover,.sprite-icons.ico-preview:focus{background-position: -179px -40px;}
@media all and (max-width: 767px) {
	.icons { display:none; }
}


/* boardPage */
.boardPage {position:relative;width:100%;text-align:center;margin:30px auto;clear:both;}
.boardPage .num span {display:inline-block;margin:0 2px;}
.boardPage .num span {border:1px solid #ccc;}
.boardPage .num span:hover {border:1px solid #555;}
.boardPage .num a {display:inline-block;height: 42px;line-height:42px;padding: 4px 15px;}
.boardPage span.on {background-color:#555;color:#fff;padding: 8px 0;}

/* html*/
.boardPage > span {display: inline;margin:0 2px;}
.boardPage > span.num {border:1px solid #ccc;padding: 7px 0;}
.boardPage > span.num:hover {border:1px solid #555;}
.boardPage a, .boardPage strong {display:inline-block;height:42px;line-height:42px;padding:0 15px;}
.boardPage strong {color:#fff;}
/* .boardPage .fst, .boardPage .prev, .boardPage .next, .boardPage .lst {border:1px solid #ededed;} */
.boardPage .fst a, .boardPage .prev a, .boardPage .next a, .boardPage .lst a {
	display:inline-block;width:42px;height:42px;
	padding:0;vertical-align:middle;
	background:url('http://www.haeundae.go.kr/user_res/images/common/icoBoard.png') no-repeat;
	transition:all ease-in-out .5s;
}
.boardPage a span {font-size:0;text-indent:-9999px;visibility:hidden;overflow:hidden;}
.boardPage > span strong {display:block;width:100%;height:100%;background-color:#555;}
.boardPage > span.num .on {display:block;color:#fff; width:100%;height:100%;background-color:#555;}
.boardPage .fst a {background-position:0 -120px;}
.boardPage .prev a {background-position:0 -200px;}
.boardPage .next a {background-position:0 -240px;}
.boardPage .lst a {background-position:0 -160px;}
.boardPage .fst a:hover {background-position:-40px -120px;}
.boardPage .prev a:hover {background-position:-40px -200px;}
.boardPage .next a:hover {background-position:-40px -240px;}
.boardPage .lst a:hover {background-position:-40px -160px;}

/* border pager STYLE */
.board_pager {
	clear: both;
	margin-top: 20px;
	text-align: center;
	font-size: 1.3rem;
	overflow: hidden;
	}
.board_pager > span {
	display: inline-block;
    min-height: 27px;
	border: solid 1px #e9e9e9;
	vertical-align: top;
	}
.board_pager > span > a,
.board_pager > span > span {
	display: inline-block;
	min-width: 30px;
	color: #757577;
    line-height: 27px;
    box-sizing: border-box;
    vertical-align: top;
	font-size: 1.2rem;
	font-family: "Verdana";
	font-weight: bold;
	}
.board_pager .active {
	position: relative;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	color: #000;
	}
.board_pager .active::after {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #5a6273;
	content: '';
	}
.board_pager a:first-child.active,
.board_pager > span > span:first-child.active {
	border-left: none;
	}
.board_pager a:last-child.active,
.board_pager > span > span:last-child.active {
	border-right: none;
	}
.board_pager > span a:hover	{
	color: #333;
	}
.board_pager .prev img,
.board_pager .next img {
	vertical-align: top;
	}



/*culture board */

.culture .tag{position:absolute;top: -4px;left: 13px;width: 59px;height: 53px;line-height: 53px;display: inline-block;text-align: center;color: white;}
	.culture .festi .tag.during{background-color: #a337e8;}
	.culture .eating .tag.during{background-color: #ea7a17;}
	.culture .place .tag.during{background-color: #178eea}
	.culture .tree .tag.during{background-color: #2fb264;}
.culture .tag.end{background-color:#666}



/*board */

.reservation .during{position:absolute;top:0;left:0;width: 40px;height: 40px;line-height: 40px;display: inline-block;text-align: center;color: white;}
.reservation .end{background-color:rgba(192, 62, 62, 0.8)}
.reservation .ing{background-color:rgba(1, 1, 1, 0.8)} 

.study .during{position:absolute;top:0;left:0;width: 40px;height: 40px;line-height: 40px;display: inline-block;text-align: center;color: white;}
.study .end{background-color:rgba(192, 62, 62, 0.8)}
.study .ing{background-color:rgba(1, 1, 1, 0.8)} 
             

/*onair board*/
.board2 {width:100%;border-top: 2px solid #344b60;margin:20px 0;}
.board2 th { text-align:center; padding:10px; border-bottom:1px solid #e6e6e6; }
.board2 th img{width:140px;height:90px;border:1px solid #e1e1e1;display:inline-block;}
.board2 td{color:#3c3c3c;font-size:13px;border-bottom:1px solid #e6e6e6;padding: 10px;word-break:break-all;vertical-align:top;}
.board2 td a {color:#000;font-size: 1.3rem;font-weight: 400;}
.board2 td.center { text-align:center; }
.board2 td .part {margin: 7px 0 5px 0;position:relative;color:#586b82;float:right;line-height: 1.3rem;}
.board2 td .part:before{display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/user_res/images/common/bbs/icon_time.gif) no-repeat 0 4px;
	content:'';}
.board2 td .part span {}
.board2 td .subject { font-size:16px; margin:3px 0; font-weight:600; }
.board2 td .board_cont{width:650px;height: 100px;margin: 15px 0;overflow:hidden;text-overflow: ellipsis;/*-webkit-line-clamp: 3; white-space:nowrap; */}
.board2 td .board_cont a{font-size:16px;display: inline-block;color: #8d8b8b;line-height: 1.5em;}
                
 /*culutre board*/

.board3 th{    padding: 20px 0;}
.board3 th img{height: 150px;width: 110px;}
.board3 td{padding:20px 0}
.board3 td .board_cont{height:auto}
.board3 td .board_cont li{line-height:1.5em;font-size:16px;color:#8d8b8b}
.board3 td .board_cont li .tit{display:inline-block;width:50px;color:#344b60}
.board3 td a span.tag2{font-size:12px;display:inline-block;padding:3px 5px;border-radius:5px;color:white;margin:0 0 0 5px}
.tag2.event{background-color:#f28d4e;}
.tag2.etc{background-color:#344b60}        

@media only screen and (max-width: 750px) {
.board2 td .part{float:inherit}
.board2 td a {font-size:1rem;}
.board3 td .board_cont li{font-size:13px;}
.board3 th{width:43%;}
.board3 colgroup{display:none;}
}

/*col3 */
/*haeundae_news*/
.haeundae_news{

    margin-top: 20px;
}
.haeundae_news .title_box {padding: 25px 0;position: relative;}
.haeundae_news .title_box h2 {font-size: 35px;letter-spacing: -0.07em;color: #000;}
.haeundae_news .title_box .btn-border {position: absolute;right: 10px;top: 28px;}
.haeundae_news .news_box {margin:0 auto;}
.haeundae_news .news_box{ position:relative;}
.haeundae_news .news_box .wid4 .box {float:left;width:24%;margin-right: 1%;display:block;height: auto;position:relative;text-decoration:none;color:#000;opacity: 1;}
.haeundae_news .news_box .wid4 .box:nth-child(4n) { margin-right:0px; }
.haeundae_news .news_box .wid3 .box  { float:left;width:32.333%;margin-right: 1%;display:block;height: auto;position:relative;text-decoration:none;color:#000;opacity: 1;}
.haeundae_news .news_box .wid3 .box:nth-child(3n) { margin-right:0px; }
.haeundae_news .news_box .box .base {position:relative;/* border: 1px solid #b5b5b5; */}
.haeundae_news .news_box .box .base .img_wrap {margin-bottom:20px;text-align:center;overflow: hidden;}
.haeundae_news .news_box .box .base .img_wrap img{display:inline-block;width: 100%;}
.haeundae_news .news_box .box .base .during{position:absolute;top: 0px;left: 13px;width: 59px;height: 53px;line-height: 53px;display: inline-block;text-align: center;color: white;}
	.festi .news_box .box .base .during{background-color: #a337e8;}
	.eating .news_box .box .base .during{background-color: #ea7a17;}
	.place .news_box .box .base .during{background-color: #178eea}
	.tree .news_box .box .base .during{background-color: #2fb264;}
.haeundae_news .news_box .box .base .end{background-color:#666}
.haeundae_news .news_box .box .base .title {font-size: 1.1em;letter-spacing: -0.07em;font-weight: 700;margin: 12px 0;display:  block;max-height: 4rem;overflow: hidden;/* padding: 0 25px; */}
.haeundae_news .news_box .box .base .text {color: #666;max-height: 3.0em;overflow:  hidden;margin-bottom: 17px;/* padding: 0 25px; */}
.haeundae_news .news_box .box .base .date {font-size:  0.875rem; color: #000; font-weight: 400;}
.haeundae_news .news_box .box .base .part { margin-left:10px; font-size:  0.875rem; color:#015db2}

.news_box .slide_box{position:relative;padding: 0;}
.news_box .slick-arrow{
	position:absolute;top:50%;display:inline-block;width:37px;height:37px;padding:0;margin:-18px 0 0;color:transparent;
	border:none;background-position:center center;background-repeat:no-repeat;
	background-color:transparent;overflow:hidden;cursor:pointer;}
.news_box .slick-prev{left:20px;background-image:url(http://www.haeundae.go.kr/user_res/images/culture/sector_prev.png);}
.news_box .slick-next{right:20px;background-image:url(http://www.haeundae.go.kr/user_res/images/culture/sector_next.png);}
.news_box .slick-prev:hover{background-image:url(http://www.haeundae.go.kr/user_res/images/culture/sector_prev02.png);}
.news_box .slick-next:hover{background-image:url(http://www.haeundae.go.kr/user_res/images/culture/sector_next02.png);}
.news_box .slick-list{position:relative;overflow:hidden;}
.news_box .slick-track{position:relative;}
.news_box .slick-dots{display:none !important;}

@media only screen and (max-width: 1500px) {
	.haeundae_news{
    	margin-top: 0px;
	}
	.haeundae_news .news_box .box {height: auto;}
	.haeundae_news .title_box h2 {}
	.news_box .slide_box{padding: 0 9%;}

}


@media only screen and (max-width: 1200px) {
	.haeundae_news {/* margin-bottom: 30px; */}
	.haeundae_news .title_box h2 { display:  inline-block; vertical-align: top;  margin: 0; font-size:2rem;}
	.haeundae_news .title_box{padding-left:20px;padding-right:20px}
	.haeundae_news .title_box .btn-border{right:20px}
	.news_box .slide_box{ padding: 0; margin: 0 auto;}
	.haeundae_onair .news_box .slide_box{ /* padding: 0 9%; */}
	.haeundae_news .news_box .wid4 .box { width:32%; }
}

@media only screen and (max-width: 1000px) {
	.haeundae_news .news_box{padding:0 30px;}
	.haeundae_news .news_box .box .base .img_wrap {max-height: 215px;margin: 0 auto 30px;}
}

@media only screen and (max-width: 750px) {
	.haeundae_news .title_box h2 {  font-size: 1.8rem;}
	.haeundae_news .title_box .btn-border { margin-top: 0px;}
	.haeundae_news .news_box .box {height:auto}
	.haeundae_news .news_box .box .base .img_wrap{max-height:150px;}
	.download_list li:first-child a{display: block;}
	.download_list li:first-child a span{    display: block;    position: relative;    top: 0;    left: 0;}
	.download_list a span.preview{padding-left:0}
	.download_list a span.down{padding-left: 26px;background-position-x: 2px;}
	.haeundae_news .news_box .wid4 .box { width:49%; }
}

@media only screen and (max-width: 576px) {
	.haeundae_news .news_box { padding: 0 15px;}
	.haeundae_news {margin-top: 0px;}
	.haeundae_news .news_box .box .base {width:100%;margin:0 auto  }
	.haeundae_news .news_box .wid3 .box{max-width:400px;width:99%;margin:0 auto;display: block;float: none;}
	.haeundae_news .news_box .box .base .img_wrap{max-height: 197px;margin-bottom: 15px;}
	.haeundae_news .news_box .box .base .title { font-size: 1.2rem; line-height: 1.2;}
	.haeundae_news .title_box {padding: 25px; }
	.haeundae_news .title_box h2 {font-size: 22px;}
	.haeundae_news .title_box .btn-border {font-size:14px;}
	.news_box .slick-prev{left:5px;z-index: 9;}
	.news_box .slick-next{right:5px;}
	.haeundae_news .news_box{padding:0}
}       
@media only screen and (max-width: 520px) {
	.haeundae_news .news_box .wid4 .box { width:99%; }       
}