/* 170705 메인 배너 */
.main-banner-text {
	line-height: 20px;
	white-space: normal;
	padding: 60px 0 0 0;
	text-align: left;
	height: 103px;
	overflow: hidden;
}
.main_news li .cardbox.big .main-banner-text {
	padding: 134px 0 0 0;
	height: 184px;
	line-height: 23px;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	.main_news li .cardbox.big p.main-banner-text {
		font-size: 21px;
	}
}
@media only screen and (max-width: 1024px){
	.main_news li .cardbox.big .main-banner-text {
		font-size: 19px;
		padding: 138px 0 0 0;
	}	
}
@media only screen and (max-width: 400px){
	.main_news li .cardbox.big .main-banner-text {
		font-size: 17px;
	}	
}

/* 170705 공모전 2줄 */
.main_middle_togather li .cont .tl {
	display: block;
}
#main article.cb-blog-style-a > a:focus{
display:block;
border:dashed 1px gray;
float:left;
}
.main_wrap{padding:0 0 60px 0; width:1200px; margin:0 auto;  font-family: 'Noto Sans KR', sans-serif;}
.main_wrap .title{line-height:40px; height:40px; background:url("img/main/bg_main_title.jpg") no-repeat 0 bottom; }
.main_wrap .title h2{font-weight:700; color:#000; font-family: 'Noto Sans KR', sans-serif; font-size:18px; }
.main_wrap .title h2 a{color:#000; margin:0 ;}
.main_wrap .thumb_effect{display:block; overflow:hidden;}
.main_wrap .thumb_effect img{display:block; transition: all .2s ease-in-out;}
.main_wrap  a:hover .thumb_effect img,
.main_wrap  a:focus .thumb_effect img{transform: scale(1.1);}
.main_wrap h2.hidden{display:none;}
.main_wrap h3{display:block; height:auto; margin:0; padding:0;}
.main_wrap .txt_eliipsis{display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_wrap .txt_eliipsis2{display:block; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap: break-word; line-height: 1.4em;  height: 2.8em;}
.main_wrap .txt_eliipsis3{display:block; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-wrap: break-word;    line-height: 1.3em;  height: 3.9em;}

.main_wrap .cont_mt{margin-top:30px;}
.main_wrap .writer{display:block; clear:left; float:left; background:url("img/main/icn_writer.png") no-repeat 0 center; font-size:12px; color:#3e3e3e; margin:15px 0 0 0; padding:0 0 0 40px;   height:30px; line-height:30px;}
.main_wrap .day{display:block; float:right; margin:15px 0 0 0; font-size:11px; color:#767676;  height:30px; line-height:30px;}

.main_news {overflow:hidden;}
.main_news ul{display:block; width:1210px; margin-left:-10px; padding-top:10px;}
.main_news li{display:block; float:left; margin:10px 0 0 10px;}
.main_news li a{display:block;}
.main_news li .cardbox{display:block; position:relative;}
.main_news li .cardbox img{display:block; width:292px; height:183px;}
.main_news li .cardbox.big{}
.main_news li .cardbox.big img{width:595px;  height:376px;}
.main_news li .cardbox .title{background:url("img/main/bg_mainnews2.png") repeat-x 0 bottom; display:block; color:#fff; position:absolute; bottom:0; left:0; width:100%; font-weight:500; padding:0 20px; line-height:170px; height:115px; font-size:17px; text-align:center;}
.main_news li .cardbox.big .title{background:url("img/main/bg_mainnews.png") repeat-x 0 bottom; line-height:320px; height:200px; font-size:25px;}

.bnr_main_middle{}
.bnr_main_middle a{display:block;}
.bnr_main_middle img{display:block;}

.main_middle_news{}
.main_middle_news .left_column{width:380px; float:left;}
.main_middle_news .right_view{width:790px; float:left; margin-left:30px; overflow:hidden;}

.main_middle_news .left_column a{display:block; margin:20px 0 0 0;}
.main_middle_news .left_column .thumb{display:block; overflow:hidden;}
.main_middle_news .left_column .thumb img{display:block; width:380px; height:240px;}
.main_middle_news .left_column .tl{font-size:17px; color:#3e3e3e;  font-weight:500; height:40px; line-height:40px;}
.main_middle_news .left_column .txt{font-size:13px; color:#636363;}
.main_middle_news .right_view ul{display:block; width:820px; overflow:hidden; margin:0 0 -1px -30px; padding:5px 0 0 0;}
.main_middle_news .right_view li{display:block; float:left; width:380px; border-bottom:1px solid #e8e8e8; margin:15px 0 0 29px; padding:0 0 15px 0;}
.main_middle_news .right_view a{display:block;}
.main_middle_news .right_view .thumb{display:block; float:left; width:158px; overflow:hidden;  margin-right:22px;}
.main_middle_news .right_view .thumb img{display:block; width:158px; height:100px;}
.main_middle_news .right_view .cont{display:block; float:right;  width:190px;}
.main_middle_news .right_view .cont .mark{display:inline-block; vertical-align:top; min-width:55px; padding:0 5px; height:22px; line-height:22px; background:#00a2e6; color:#fff; font-size:12px; text-align:center;}
.main_middle_news .right_view .cont .tl{font-size:17px; color:#3e3e3e;}
.main_middle_news .right_view .cont .writer,
.main_middle_news .right_view .cont .day{margin:10px 0 0 0; height:auto; line-height:20px; padding:0; background:none;}

.main_middle_togather{ overflow:hidden;}
.main_middle_togather ul{display:block; width:1230px; margin-left:-30px; }
.main_middle_togather li{display:block; float:left; margin:20px 0 10px 30px;}
.main_middle_togather li a{display:block;  position:relative; width:380px; height:240px; overflow:hidden;}
.main_middle_togather li .thumb{display:block; width:380px; height:240px;}
.main_middle_togather li .thumb img{width:380px; height:240px;}
.main_middle_togather li .cont{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("img/main/bg_mainnews3.png");}
.main_middle_togather li .cont .mark{display:block; text-align:center; width:66px; height:22px; line-height:22px; font-size:12px; color:#fff; margin:10px 0 0 10px;}
.main_middle_togather li .cont .mark.evnt{background: #00838A}
.main_middle_togather li .cont .mark.gommo{background: #A66900;}
.main_middle_togather li .cont .tl{text-align:center; font-size:24px; color:#fff;  font-weight:700; padding:60px 10px 15px 10px;}
.main_middle_togather li .cont .date{display:block; text-align:center; font-size:17px; color:#fff; font-weight:100;}

.main_citizen_visual{}
.main_citizen_visual .left_citizen{width:790px; float:left;}
.main_citizen_visual .left_citizen ul{display:block; width:auto; margin:0;}
.main_citizen_visual .left_citizen li{clear:both; display:block; padding:30px 0;}
.main_citizen_visual .left_citizen li:first-child{border-bottom:1px solid #eee; padding:20px 0 30px 0;}
.main_citizen_visual .left_citizen li a{display:block; height:240px;}
.main_citizen_visual .left_citizen li .thumb{width:380px; float:left;}
.main_citizen_visual .left_citizen li .thumb img{width:380px; height:240px;}
.main_citizen_visual .left_citizen li .cont{width:380px; float:right;}
.main_citizen_visual .left_citizen li .cont .tl{font-size:17px; color:#3e3e3e;  font-weight:500; padding:0 0 20px 0;}
.main_citizen_visual .left_citizen li .cont .txt{font-size:14px; color:#636363;}
.main_citizen_visual .left_citizen li .tagbox{width:380px; float:right; margin-top:-60px;}
.main_citizen_visual .left_citizen li .tagbox a{display:inline-block; height:26px; line-height:24px; padding:0 10px; border:1px solid #d2d2d2; background:#eee; font-size:12px; color:#000; margin:5px 0 0 0; font-weight:300;}

.main_citizen_visual .right_visual{display:block; float:right; width:380px; }
.main_citizen_visual .right_visual ul{display:block;}
.main_citizen_visual .right_visual li{display:block; margin:20px 0 0 0;}
.main_citizen_visual .right_visual li a{display:block;}
.main_citizen_visual .right_visual li .thumb{width:380px;  height:240px; position:relative;}
.main_citizen_visual .right_visual li .thumb img{width:380px; height:240px;}
.main_citizen_visual .right_visual li .thumb .thumb_mov{display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url("img/main/bg_mainnews3.png");}
.main_citizen_visual .right_visual li .thumb .thumb_mov img{display:block; width:79px; height:79px; margin:80px auto 0 auto;}
.main_citizen_visual .right_visual li .tl{clear:left; float:left; margin:10px 0 0 0; font-weight:500; font-size:17px; height:20px; line-height:20px; width:310px; color:#3e3e3e;}
.main_citizen_visual .right_visual li .day{margin:10px 0 0 0; height:25px; line-height:25px;}

.main_photo_mov{}
.main_photo_mov a{display:block;}
.main_photo_mov ul{display:block;}
.main_photo_mov li{display:block; width:380px; float:left; margin:20px 0 0 30px;}
.main_photo_mov li:first-child{margin-left:0;}
.main_photo_mov li .thumb{width:380px; position:relative;}
.main_photo_mov li .thumb img{width:380px; height:240px;}
.main_photo_mov li .thumb .thumb_mov{display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url("img/main/bg_mainnews3.png");}
.main_photo_mov li .thumb .thumb_mov img{display:block; width:79px; height:79px; margin:80px auto 0 auto;}
.main_photo_mov li .tl{font-size:16px; color:#3e3e3e;  font-weight:500; height:40px; line-height:40px;}
.main_photo_mov li .writer{display:block; clear:left; float:left; margin:15px 0 0 0; font-size:12px; color:#3e3e3e; height:30px; line-height:30px; background:url("img/main/icn_writer.png") no-repeat 0 center; margin:15px 0 0 0; padding:0 0 0 40px;}
.main_photo_mov li .day{display:block; float:right; margin:15px 0 0 0; font-size:11px;  height:30px; line-height:30px;}

.main_foooter_cont{}
.main_foooter_cont .div_left{float:left; width:790px;}
.main_foooter_cont .div_right{float:right; width:380px;}
.main_foooter_cont .tag_cont{}
.main_foooter_cont .tagbox {margin:15px 0 0 -5px; height:130px; overflow:hidden;}
.main_foooter_cont .tagbox a{display:inline-block; background:#f5f5f5; border:1px solid #d2d2d2; padding:0 15px; height:32px; line-height:30px; margin:5px 2px; font-size:14px; color:#000;}

.main_foooter_cont .newsletter_cont a.clearfix{display:block;  position:relative; width:380px; height:240px; overflow:hidden;  margin-top:20px;}
.main_foooter_cont .newsletter_cont .thumb{width:380px; height:240px;}
.main_foooter_cont .newsletter_cont .thumb img{width:380px; height:240px;}
.main_foooter_cont .newsletter_cont .cont{display:table; position:absolute; top:0; left:0; width:100%; height:100%; background:url("img/main/bg_mainnews3.png");}
.main_foooter_cont .newsletter_cont .cont .tl{display:table-cell; text-align: center; vertical-align: middle; text-align:center; font-size:24px; color:#fff;  font-weight:700;  padding:0 10px 0 10px;}
.main_foooter_cont .newsletter_cont .mail_number{display:block; font-size:16px; color:#3e3e3e;  font-weight:500; height:40px; line-height:40px; color:#000;}
.main_foooter_cont .newsletter_cont .mail_number a{color:#3e3e3e;}

.main_foooter_cont .quicklink_cont{}
.main_foooter_cont .quicklink_cont ul.clearfix{display:block;  margin:20px 0 10px 2px;}
.main_foooter_cont .quicklink_cont li{display:block; float:left; width:94px; height:66px; border:1px solid #e5e5e5;}
.main_foooter_cont .quicklink_cont li a{display:block; width:93px; height:65px; text-indent:-9999px; font-size:0; line-height:0; background:url("img/main/icn_quicklink.png");}
.main_foooter_cont .quicklink_cont li a.icn1{background-position:0 0;}
.main_foooter_cont .quicklink_cont li a.icn2{background-position:-95px 0;}
.main_foooter_cont .quicklink_cont li a.icn3{background-position:-190px 0;}
.main_foooter_cont .quicklink_cont li a.icn4{background-position:-285px 0;}
.main_foooter_cont .quicklink_cont li a.icn5{background-position:0 bottom;}
.main_foooter_cont .quicklink_cont li a.icn6{background-position:-95px bottom;}
.main_foooter_cont .quicklink_cont li a.icn7{background-position:-190px bottom;}
.main_foooter_cont .quicklink_cont li a.icn8{background-position:-285px bottom;}
.main_foooter_cont .quicklink_cont a.bnr{display:block;}
.main_foooter_cont .quicklink_cont .bnr img{display:block; width:100%;}

.main_foooter_cont .sns_cont{}
.main_foooter_cont .sns_cont .facebook_box{float:left; width:380px; border:1px solid #345b9b; margin-top:20px; background:#fff; height:383px; overflow:hidden; text-align:center; background:#f6f7f9;}
.main_foooter_cont .sns_cont .facebook_box .box_tl{display:block; background:#345b9b; text-align:left;}

.main_foooter_cont .sns_cont .facebook_box2{float:right; width:380px; border:1px solid #345b9b; margin-top:20px; background:#fff; height:383px; overflow:hidden; text-align:center; background:#f6f7f9;}
.main_foooter_cont .sns_cont .facebook_box2 .box_tl{display:block; background:#345b9b; text-align:left;}

.main_foooter_cont .sns_cont .twitter_box{float:right; width:380px; border:1px solid #1fb2e3; margin-top:20px;  background:#fff; height:383px; overflow:hidden; text-align:center;}
.main_foooter_cont .sns_cont .twitter_box .box_tl{display:block; background:#1fb2e3; text-align:left;}

.main_footer_bnr{border-top:1px solid #c9c9c9; padding:20px 0 0 0;}
.main_footer_bnr ul{display:block;}
.main_footer_bnr li{display:block; float:left;}
.main_footer_bnr li.cell1{width:411px;}
.main_footer_bnr li.cell2{width:400px;}

/* 20180514 서울시 공통 배너 추가에 따른 css 수정 :not(:nth-child(3)) 부분 추가 */
.main_footer_bnr li.cell3{float:right; width:378px;}
.main_footer_bnr li:not(:nth-child(3)) a{display:block;  width:378px; height:127px;}
.main_footer_bnr li:not(:nth-child(3)) a img{display:block; width:100%; border:1px solid #d2d2d2;}

.widget_tag_cloud a {color:#333;}


.cb-cat-header h1 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

#cb-section-menu{margin-bottom:0;}
.cb-cat-header{clear:both;}
#cb-content {clear:both;}

#cb-content .cb-cat-header{padding:8px 25px 5px 25px;}
.btn-shadow,
.btn-shadow .wrap{background:#555;}

.btn-shadow-color1 .wrap{background:#ee4f62 !important;}
.btn-shadow-color2 .wrap{background:#3a5695 !important;}
.btn-shadow-color3 .wrap{background:#4dc1fe !important;}
.btn-shadow-color4 .wrap{background:#df371c !important;}
.btn-shadow-color5 {background:#fcb700 url("img/icon_kakao.png") no-repeat center 6px !important;}
.btn-shadow-color14,
.btn-shadow-color14 .wrap{background:#ffeb00 !important;}


button {border:none;}


.header{background:#fff;}
#cb-nav-bar{border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
.header-wrap {border-top: none; border-bottom: none;}
#cb-footer{background:#1c1d1e;}

/*웹접근성 디자인 수정*/
.widget_tag_cloud a,
.cb-tags a, .bbp-topic-tags a {color:#000 !important; }
.widget_tag_cloud a:hover, .tags-title:hover {color: #000 !important;}
.cb-sidebar-widget .cb-sidebar-widget-title,
.cb-sidebar-widget a,
.cb-byline a,
table.lst_table_type tbody td,
table.lst_table_type tbody td a,
.cb-line .info .user,
.entry-content dd,
.frm_regist .form_right dd select,
.cb-byline{color:#555 !important;}
.cb-block-title,
.cb-blog-style-a .cb-meta .cb-excerpt, .cb-blog-style-d .cb-meta .cb-excerpt,
.viw_table_type th, .viw_table_type td,
.cb-line .label-sticker,
.viewtype1_header .artinfo p.date {color:#666;}
.viewtype1_header .artinfo p.date span{background:#5A5A5A !important;}
#cb-previous-next-links, #cb-previous-next-links #cb-previous-link a, #cb-previous-next-links #cb-next-link a, #cb-previous-next-links .cb-empty a {color:#333 !important;}
table.lst_table_type thead th{background:#008392 !important;}
.pg-search .pg-search-submit,
.tab-menu-color2 li,
.tab-menu li{background:#555555 !important;}

.tab_educont li,
.frm_regist.color4 .form_right dt,
.tab-menu-color4 li.on{background:#ffffff !important;border:2px solid #555555;}
.label-sticker-color3{background:#1C8849 !important;}
.label-sticker-color4 a{color:#fff;}
.btn-shadow-color8 .wrap,
.frm_regist.color2 .form_right dt,
.btn-shadow-color5 .wrap,
.tab-menu-color2 li.on,
.label-sticker-color2{background:#9A6E00 !important;}
.cnt_educont h4,
.tab_educont li a span,
.viw_table_type .title{color:#078292 !important;}
/*.btn-shadow .wrap,*/
/* #main .contest-tabs li a, */
.viw_table_type td span.label{background:#666;}
.guide_title01{color:#9A6E00 !important;}

#cb-to-top{display:none;}
#cb-content a:hover, #cb-content a:focus, #cb-content a:hover:visited, #cb-content a:focus:visited, .widecolumn#content a:hover, .widecolumn#content a:focus, .widecolumn#content a:hover:visited, .widecolumn#content a:focus:visited {text-decoration:none;}


@media only screen and (min-width: 240px){
	/*메인*/
	.main_wrap{width:98%; padding:0 0 0 0; margin:0 auto;}
	.main_wrap .cont_mt{margin-top:15px;}

	.main_wrap .writer,
	.main_photo_mov li .writer{background-position:-9999px 0; font-size:11px; margin:5px 0 0 0; padding:0 3px; height:20px; line-height:20px;}
	.main_wrap .day,
	.main_photo_mov li .day{margin:5px 0 0 0; font-size:11px; height:20px; line-height:20px; padding:0 3px;}

	.main_news ul{width:102%; margin-left:-1%;}
	.main_news li{margin:1% 0 0 1%; width:49%;}
	.main_news li:first-child{margin:1% 0 0 0; width:100%;}
	.main_news li:last-child{display:block;}
	.main_news li .cardbox img{width:100%; height:auto;}
	.main_news li .cardbox.big img{width:100%;  height:auto;}
	.main_news li .cardbox .title{line-height:170px; height:115px; line-height:180px; height:115px; font-size:15px; padding: 0 10px;}
	.main_news li .cardbox.big .title{line-height:340px; height:200px;  font-size:18px; padding: 0 15px;}


	.main_middle_news .left_column{width:100%;}
	.main_middle_news .right_view{width:100%; margin-left:0px;}

	.main_middle_news .left_column a{margin:10px 0 0 0; position:relative; padding:0 0 0 0;}
	.main_middle_news .left_column .thumb{position:relative; width:49%; left:0; top:0; float:left;}
	.main_middle_news .left_column .thumb img{width:100%; height:auto;}
	.main_middle_news .left_column .tl{height:30px; line-height:30px;  float:left; width:49%; margin-left:1%; padding:0 0 0 3px; font-size:15px;}
	.main_middle_news .left_column .txt{font-size:13px; color:#636363;  float:left; width:49%; margin-left:1%; padding:0 0 0 3px;}

	.main_middle_news .left_column .writer{margin:0 0 0 0; padding:0 0 0 3px; background-position:-500px 0;  float:left; width:auto;  height: 20px; line-height: 20px; margin:-32px 0 0 50%;}
	.main_middle_news .left_column .day{margin:0 0 0 0;  padding:0 0 0 3px; background-position:-500px 0;  float:left; width:auto;  height: 20px; line-height: 20px; margin:-14px 0 0 50%; }

	.main_middle_news .right_view {margin:10px 0 0 0;}
	.main_middle_news .left_column a{position:relative;}
	.main_middle_news .right_view ul{width:101%; margin:0 0 -1px -1%; padding:0px 0 0 0;}
	.main_middle_news .right_view li{width:49%; margin:10px 0 0 1%; padding:0 0 10px 0; border-bottom:none;}
	.main_middle_news .right_view .thumb{width:100%; margin-right:0px;}
	.main_middle_news .right_view .thumb img{width:100%; height:auto;}

	.main_middle_news .right_view .cont{width:100%; float:left; margin:0px 0 0 0;}
	.main_middle_news .right_view .cont .tl{font-size:15px; padding:3px 3px 0 3px;}
	.main_middle_news .right_view .cont .mark{display:inline-block; vertical-align:top; min-width:55px; padding:0 5px; height:20px; line-height:20px; background:#00a2e6; color:#fff; font-size:11px; text-align:center; margin:0 0 10px 0; z-index:10;}
	.main_middle_news .right_view .cont .writer{margin:3px 0 0 3px;}
	.main_middle_news .right_view .cont .day{margin:3px 3px 0 0; float:right;}

	.main_middle_togather ul{width:101%; margin-left:-1%; margin-top:10px;}
	.main_middle_togather li{margin:1% 0 0 1%; width:49%;}

	.main_middle_togather li a{width:100%; height:auto;}
	.main_middle_togather li .thumb{width:100%; height:auto;}
	.main_middle_togather li .thumb img{width:100%; height:138px;}
	.main_middle_togather li .cont .mark{margin:0; width:60px; height:20px; line-height:20px; font-size:11px;}
	.main_middle_togather li .cont .tl{padding:12% 2% 0px 2%; font-size:12px;} /* 170705 2줄 수정 */
	.main_middle_togather li .cont .date{font-size:11px;}

	.main_citizen_visual .left_citizen{width:100%;}
	.main_citizen_visual .left_citizen ul{width:101%; margin-left:-1%;}
	.main_citizen_visual .left_citizen li{padding:10px 0 0 0; width:49%; margin:0 0 0 1%; clear:none; float:left;}
	.main_citizen_visual .left_citizen li:first-child{padding:10px 0 0 0; border-bottom:none;}
	.main_citizen_visual .left_citizen li a{height:auto;}
	.main_citizen_visual .left_citizen li .thumb{width:100%;}
	.main_citizen_visual .left_citizen li .thumb img{width:100%; height:auto;}
	.main_citizen_visual .left_citizen li .cont{width:100%;}
	.main_citizen_visual .left_citizen li .cont .tl{padding:5px 3px 5px 3px; font-size:15px;}
	.main_citizen_visual .left_citizen li .cont .txt{padding:0px 3px 0 3px; font-size:13px; line-height: 1.4em; height: 4.2em;}
	.main_citizen_visual .left_citizen li .tagbox{width:100%; margin-top:10px;}
	.main_citizen_visual .left_citizen li .tagbox a{padding: 0 3px; margin: 5px 0 0 0;}

	.main_citizen_visual .right_visual{width:100%; margin-top:20px;}
	.main_citizen_visual .right_visual ul{width:101%; margin-left:-1%;}
	.main_citizen_visual .right_visual li{width:49%; margin:10px 0 0 1%; float:left;}
	.main_citizen_visual .right_visual li:first-child{margin:10px 0 0 1%;}
	.main_citizen_visual .right_visual li .thumb{width:100%;  height:auto; float:left;}
	.main_citizen_visual .right_visual li .thumb img{width:100%; height:auto;}
	.main_citizen_visual .right_visual li .thumb .thumb_mov img{width:25%; height:auto; margin:20% auto 0 auto;}
	.main_citizen_visual .right_visual li .tl{margin:8px 1% 0 1%; width:98%; font-size:15px;}
	.main_citizen_visual .right_visual li .day{float:left; margin:5px 0px 0 0px; }

	.main_photo_mov {margin:20px 0 0 0;}
	.main_photo_mov ul{width:102%; margin-left:0;}
	.main_photo_mov li{width:32%; margin:10px 0 0 1%;}
	.main_photo_mov li:first-child{margin-left:0;}
	.main_photo_mov li .tl{font-size:15px; padding:0 3px 0 3px;}
	.main_photo_mov li .thumb{width:100%;}
	.main_photo_mov li .thumb img{width:100%; height:auto;}
	.main_photo_mov li .thumb .thumb_mov img{width:25%; height:auto; margin:20% auto 0 auto;}
	.main_photo_mov li .writer{margin:0;}
	.main_photo_mov li .day{margin:0; text-align:left; float:left;}
	

	.main_foooter_cont .div_left{width:100%;}
	.main_foooter_cont .div_right{width:100%; margin:20px 0 0 0;}
	.main_foooter_cont .tagbox {margin:10px 0 0 0px; height:auto;}
	.main_foooter_cont .tagbox a{padding:0 10px; height:26px; line-height:24px; margin:2px 0; font-size:12px;}

	.main_foooter_cont .newsletter_cont{width:100%; margin:0px 0 0 0; float:none;}
	.main_foooter_cont .newsletter_cont a.clearfix{width:100%; height:180px; margin-top:10px;}
	.main_foooter_cont .newsletter_cont .thumb{width:100%; height:auto;}
	.main_foooter_cont .newsletter_cont .thumb img{width:100%; height:auto;}
	.main_foooter_cont .newsletter_cont .cont .tl{padding:0 10px 0 10px; margin-top:65px; font-size:18px;}
	.main_foooter_cont .newsletter_cont .mail_number a{font-size:15px;}

	.main_foooter_cont .quicklink_cont{width:100%; margin:20px 0 0 0; float:right;}
	.main_foooter_cont .quicklink_cont ul.clearfix{margin:10px auto 10px auto;  width:314px; text-align:center; font-size:0; line-height:0; letter-spacing:0;}
	.main_foooter_cont .quicklink_cont li{display:inline-block; width:79px; height:56px; margin-top:-1px; margin-left:-1px; float:none;}
	.main_foooter_cont .quicklink_cont li a{width:77px; height:54px; background-size:310px 108px;}
	.main_foooter_cont .quicklink_cont li a.icn1{background-position:-1px 0;}
	.main_foooter_cont .quicklink_cont li a.icn2{background-position:-77px 0;}
	.main_foooter_cont .quicklink_cont li a.icn3{background-position:-156px 0;}
	.main_foooter_cont .quicklink_cont li a.icn4{background-position:-232px 0;}
	.main_foooter_cont .quicklink_cont li a.icn5{background-position:-1px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn6{background-position:-77px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn7{background-position:-156px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn8{background-position:-232px bottom;}

	.main_foooter_cont .sns_cont{display:none;}
	.main_foooter_cont .sns_cont .facebook_box{width:100%; margin-top:10px; height:300px;}
	.main_foooter_cont .sns_cont .facebook_box2{width:100%; margin-top:10px; height:300px;}
	.main_foooter_cont .sns_cont .twitter_box{width:100%; margin-top:10px; height:300px;}

	.main_footer_bnr{padding:15px 0 0 0;}
	.main_footer_bnr li {margin-top:5px;}
	.main_footer_bnr li.cell1{width:100%; margin-top:0;}
	.main_footer_bnr li.cell2{width:100%;}
	.main_footer_bnr li.cell3{width:100%;}
	.main_footer_bnr li a{width:100%; height:auto;}

	.main_wrap .thumb_effect img{display:block; transition:none;}
	.main_wrap  a:hover .thumb_effect img,
	.main_wrap  a:focus .thumb_effect img{transform: none;}

	.bnr_main_middle{display:none;}


	.widget_tag_cloud a,
	.cb-tags a, .bbp-topic-tags a {color:#000 !important; }
	.widget_tag_cloud a:hover, .tags-title:hover {color: #000 !important;}
	.cb-sidebar-widget .cb-sidebar-widget-title,
	.cb-sidebar-widget a,
	.cb-byline{color:#555 !important;}

	.gallery-header{width:100%; margin:10px 0 0 0; text-align:left;}
	.main_wrap  a:-webkit-any-link{text-decoration:none !important;}
	.main_wrap #cb-content a,
	.main_wrap #cb-content a:hover{text-decoration:none !important;}


}
	@media only screen and (max-width: 425px) {
	.main_middle_togather li .thumb img {
			height: 115px;
		}
	 }

@media only screen and (min-width: 375px) {

	/* 20180123 전문칼럼 모바일 화면에서 등록자명이 길 경우 영역이 겹쳐 margin값 조정
	.main_middle_news .left_column .writer{margin:0 0 0 0; padding:0 0 0 3px; background-position:-500px 0;  float:left; width:auto;  height: 20px; line-height: 20px; margin:-20px 0 0 50%;}
*/
	.main_middle_news .left_column .writer{margin:0 0 0 0; padding:0 0 0 3px; background-position:-500px 0;  float:left; width:auto;  height: 20px; line-height: 20px; margin:-20px 0 0 48.5%;}
	.main_middle_news .left_column .day{margin:0 0 0 0;  padding:0; background-position:-500px 0;  float:right; width:auto;  height: 20px; line-height: 20px; margin:-20px 0 0 0; }

}
@media only screen and (min-width: 420px) {  
	.main_middle_togather li .cont .tl{padding:16% 2% 0px 2%;}

}
@media only screen and (min-width: 768px) {  

	#cb-content a:hover, #cb-content a:focus, #cb-content a:hover:visited, #cb-content a:focus:visited, .widecolumn#content a:hover, .widecolumn#content a:focus, .widecolumn#content a:hover:visited, .widecolumn#content a:focus:visited {text-decoration:none;}

	/*메인*/
	.main_wrap{width:730px; padding:0 0 30px 0; }
	.main_wrap .cont_mt{margin-top:20px;}

	.main_wrap .writer,
	.main_photo_mov li .writer{background-position:0 center; font-size:12px; margin:15px 0 0 0; padding:0 0 0 40px; height:30px; line-height:30px;}
	.main_wrap .day,
	.main_photo_mov li .day{margin:15px 0 0 0; font-size:11px; height:30px; line-height:30px;}

	.main_news ul{width:100%; margin-left:0;}
	.main_news li{margin:14px 0 0 0; width:50%;}
	.main_news li:first-child{margin:0 0 0 0; width:100%;}

	.main_news ul{width:736px; margin-left:0px;}
	.main_news li{margin:6px 0 0 6px;  width:auto;} 
	.main_news li:first-child{margin:6px 0 0 6px; width:auto;}
	.main_news li:last-child{display:block;}
	.main_news li .cardbox img{width:173px; height:109px;}
	.main_news li .cardbox.big img{width:362px;  height:225px;}
	.main_news li .cardbox .title{line-height:170px; height:115px; line-height:180px; height:115px; font-size:17px; padding: 0 20px;}
	.main_news li .cardbox.big .title{line-height:330px; height:200px;  font-size:23px; padding: 0 20px;}


	.main_middle_news .left_column{width:240px;}
	.main_middle_news .right_view{width:470px; margin-left:10px;}

	.main_middle_news .left_column a{margin:20px 0 0 0; padding:0;}
	.main_middle_news .left_column .thumb{position:relative; width:auto; left:0; top:0;}
	.main_middle_news .left_column .thumb img{width:240px; height:152px;}

	.main_middle_news .left_column .tl{height:40px; line-height:40px;  float:none; width:100%; padding:0; font-size:17px;}
	.main_middle_news .left_column .txt{ float:right; width:100%; float:none; margin:0; padding:0;}
	.main_middle_news .left_column .writer{margin:10px 0 0 0;  padding:0 0 0 40px; background-position:0 0; width:auto; float:left; height: 30px; line-height: 30px;}
	.main_middle_news .left_column .day{margin:10px 0 0 0;  padding:0 0 0 40px; background-position:0 0;  width:auto; float:right; height: 30px; line-height: 30px;}

	.main_middle_news .right_view .cont{float:right;}
	.main_middle_news .right_view {margin-top:0;}
	.main_middle_news .right_view ul{width:480px; margin:0 0 -1px -10px; padding:10px 0 0 0;}
	.main_middle_news .right_view li{width:230px; margin:10px 0 0 10px; padding:0 0 10px 0;  border-bottom:1px solid #e8e8e8;}
	.main_middle_news .right_view .thumb{width:100px; margin-right:0px;}
	.main_middle_news .right_view .thumb img{width:100px; height:63px;}
	.main_middle_news .right_view .cont{width:125px; margin:0;}
	.main_middle_news .right_view .cont .tl{font-size:17px; padding:0; }
	.main_middle_news .right_view .cont .mark{display:inline-block; vertical-align:top; min-width:55px; padding:0 5px; height:20px; line-height:20px; background:#00a2e6; color:#fff; font-size:11px; text-align:center; margin:0;}
/*	.main_middle_news .right_view .cont .writer{margin:3px 0 0 -105px;}
	.main_middle_news .right_view .cont .day{margin:3px 0 0 0; float:right;} 카테고리 있을경우*/
	.main_middle_news .right_view .cont .writer{margin:16px 0 0 -105px;}
	.main_middle_news .right_view .cont .day{margin:16px 0 0 0; float:right;}

	.main_middle_togather ul{width:741px; margin-left:-11px; margin-top:0px;}
	.main_middle_togather li{margin:20px 0 10px 10px; width:auto;}
	.main_middle_togather li:last-child{display:block;}
	.main_middle_togather li a{width:237px; height:150px;}
	.main_middle_togather li .thumb{width:237px; height:150px;}
	.main_middle_togather li .thumb img{width:237px; height:150px;}
	.main_middle_togather li .cont .mark{margin:10px 0 0 10px; width:66px; height:22px; line-height:22px; font-size:12px;}
	.main_middle_togather li .cont .tl{padding:20px 10px 10px 10px; font-size:15px;}
	.main_middle_togather li .cont .date{font-size:15px;}

	.main_citizen_visual .left_citizen{width:730px;}
	.main_citizen_visual .left_citizen ul{width:auto; margin-left:0;}
	.main_citizen_visual .left_citizen li{padding:15px 0 0 0;  width:auto; margin:0; float:none;}
	.main_citizen_visual .left_citizen li:first-child{padding:20px 0 0px 0; margin:0; border-bottom:1px solid #eee;}
	.main_citizen_visual .left_citizen li a{height:240px;}
	.main_citizen_visual .left_citizen li .thumb{width:320px;}
	.main_citizen_visual .left_citizen li .thumb img{width:320px; height:202px;}
	.main_citizen_visual .left_citizen li .cont{width:395px;}
	.main_citizen_visual .left_citizen li .cont .tl{padding:0 0 10px 0; font-size:17px;}
	.main_citizen_visual .left_citizen li .cont .txt{padding:0px; font-size:14px; line-height: 1.3em; height: 3.9em;}
	.main_citizen_visual .left_citizen li .tagbox{width:395px; margin-top:-90px;}
	.main_citizen_visual .left_citizen li .tagbox a{padding: 0 10px; margin: 5px 0 0 0;}

	.main_citizen_visual .right_visual{width:730px; margin-top:0;}
	.main_citizen_visual .right_visual ul{width:auto; margin-left:0;}
	.main_citizen_visual .right_visual li:first-child{margin:20px 0 0 0;}
	.main_citizen_visual .right_visual li{width:50%; margin:20px 0 0 0; float:left;}
	.main_citizen_visual .right_visual li .thumb{width:150px;  height:95px; float:left;}
	.main_citizen_visual .right_visual li .thumb img{width:150px; height:95px;}
	.main_citizen_visual .right_visual li .thumb .thumb_mov img{width:50px; height:50px; margin:20px auto 0 auto;}
	.main_citizen_visual .right_visual li .tl{clear:none; margin:8px 15px 0 15px; width:180px; font-size:17px;}
	.main_citizen_visual .right_visual li .day{float:left; margin:10px 15px 0 15px; }

	.main_photo_mov {margin:20px 0 0 0;}
	.main_photo_mov ul{width:741px;}
	.main_photo_mov li{width:237px; margin:20px 0 0 10px;}
	.main_photo_mov li:first-child{margin-left:0;}
	.main_photo_mov li .tl{font-size:17px; padding:0px;}
	.main_photo_mov li .thumb{width:237px;}
	.main_photo_mov li .thumb img{width:237px; height:150px;}
	.main_photo_mov li .thumb .thumb_mov img{width:50px; height:50px; margin:50px auto 0 auto;}
	.main_photo_mov li .writer{margin:15px 0 0 0 ;}
	.main_photo_mov li .day{margin:15px 0 0 0 ; text-align:right; float:right;}

	.main_foooter_cont .div_left{width:730px;}
	.main_foooter_cont .div_right{width:730px; margin:20px 0 0 0;}
	.main_foooter_cont .tagbox {margin:15px 0 0 0px; height:80px;}
	.main_foooter_cont .tagbox a{padding:0 15px; height:32px; line-height:30px; margin:5px 2px; font-size:14px;}

	.main_foooter_cont .newsletter_cont{width:320px; margin:0px 0 0 0; float:left;}
	.main_foooter_cont .newsletter_cont a.clearfix{width:320px; height:202px; margin-top:20px;}
	.main_foooter_cont .newsletter_cont .thumb{width:320px; height:202px;}
	.main_foooter_cont .newsletter_cont .thumb img{width:320px; height:202px;}
	.main_foooter_cont .newsletter_cont .cont .tl{padding:0 10px 0 10px; margin-top:65px; font-size:24px;}
	.main_foooter_cont .newsletter_cont .mail_number a{font-size:16px;}

	.main_foooter_cont .quicklink_cont{width:390px; margin:0px 0 0 0; float:right;}
	.main_foooter_cont .quicklink_cont ul.clearfix{margin:20px 0 10px 7px;  width:378px;}
	.main_foooter_cont .quicklink_cont li{width:95px; height:67px;}
	.main_foooter_cont .quicklink_cont li a{width:93px; height:65px; background-size:378px 132px;}
	.main_foooter_cont .quicklink_cont li a.icn1{background-position:0 0;}
	.main_foooter_cont .quicklink_cont li a.icn2{background-position:-95px 0;}
	.main_foooter_cont .quicklink_cont li a.icn3{background-position:-190px 0;}
	.main_foooter_cont .quicklink_cont li a.icn4{background-position:-285px 0;}
	.main_foooter_cont .quicklink_cont li a.icn5{background-position:0 bottom;}
	.main_foooter_cont .quicklink_cont li a.icn6{background-position:-95px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn7{background-position:-190px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn8{background-position:-285px bottom;}

	.main_foooter_cont .sns_cont{display:block;}
	.main_foooter_cont .sns_cont .facebook_box{width:380px; margin-top:20px; height:383px;}
	.main_foooter_cont .sns_cont .facebook_box2{width:380px; margin-top:20px; height:383px;}
	.main_foooter_cont .sns_cont .twitter_box{width:335px; margin-top:20px; height:383px;}

	.main_footer_bnr{padding:20px 0 0 0;}
	.main_footer_bnr li.cell1{width:247px;  margin-top:5px;}
	.main_footer_bnr li.cell2{width:245px;}
	.main_footer_bnr li.cell3{width:237px;}
	.main_footer_bnr li a{width:237px; height:80px;}

	.main_wrap .thumb_effect img{display:block; transition: all .2s ease-in-out;}
	.main_wrap  a:hover .thumb_effect img,
	.main_wrap  a:focus .thumb_effect img{transform: scale(1.1);}

	.bnr_main_middle{display:block;}

	.gallery-header{width:1000px; margin:10px auto 0 auto;}
	.cb-cat-header{padding:8px 25px 5px 25px !important;}
	.main_wrap  a:-webkit-any-link{text-decoration:none !important;}
	.main_wrap #cb-content a,
	.main_wrap #cb-content a:hover{text-decoration:none !important;}

}

@media only screen and (min-width: 1020px) { 
	.wrap {width: 100%;}
	#cb-nav-bar.cb-stuck {
			position: fixed;
			top: 0;
			left:50%;
			z-index: 999999;
			margin-left:-50%;
			width: 100%;
			-moz-box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
			box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
	}
	#cb-content{width:1000px;}
	.bg_absolute{position:absolute; left:0; width:100%; height:36px; background:#0f2873; z-index:-1;}
	.bg_absolute_title{position:absolute; left:0;  margin-top:-198px; width:100%;  height:168px; background:#f5f5f5; border-bottom:3px solid #eb9812; z-index:-2;}

	/*메인*/
	.main_wrap{width:1000px; padding:0 0 60px 0; }
	.main_wrap .cont_mt{margin-top:20px;}

	.main_news ul{width:1008px; margin-left:-4px;}
	.main_news li{margin:10px 0 0 8px; width:auto;}
	.main_news li:first-child{margin:10px 0 0 8px; width:auto;}
	.main_news li:last-child{display:block;}
	.main_news li .cardbox img{width:244px; height:151px; width:auto;}
	.main_news li .cardbox.big img{width:496px;  height:312px;}
	.main_news li .cardbox .title{line-height:170px; height:115px; line-height:170px; height:115px; font-size:17px; }
	.main_news li .cardbox.big .title{line-height:320px; height:200px; line-height:320px; height:200px; font-size:25px;}

	.main_middle_news .left_column{width:320px;}
	.main_middle_news .right_view{width:660px; margin-left:20px;}
	.main_middle_news .left_column a{margin:20px 0 0 0;}
	.main_middle_news .left_column .thumb img{width:320px; height:202px;}
	.main_middle_news .left_column .tl{height:40px; line-height:40px;}
	.main_middle_news .right_view ul{width:680px; margin:0 0 -1px -20px; padding:5px 0 0 0;}
	.main_middle_news .right_view li{width:325px; margin:15px 0 0 15px; padding:0 0 15px 0;}
	.main_middle_news .right_view .thumb{width:158px; margin-right:0px;}
	.main_middle_news .right_view .thumb img{width:158px; height:100px;}
	.main_middle_news .right_view .cont{width:150px;}
	.main_middle_news .right_view .cont .mark{display:inline-block; vertical-align:top; min-width:55px; padding:0 5px; height:22px; line-height:22px; background:#00a2e6; color:#fff; font-size:12px; text-align:center;}
	.main_middle_news .right_view .cont .writer,
	.main_middle_news .right_view .cont .day{margin:10px 0 0 0;}

	.main_middle_togather ul{width:1020px; margin-left:-20px;}
	.main_middle_togather li{margin:20px 0 10px 20px;}
	.main_middle_togather li a{width:320px; height:202px;}
	.main_middle_togather li .thumb{width:320px; height:202px;}
	.main_middle_togather li .thumb img{width:320px; height:202px;}
	.main_middle_togather li .cont .mark{margin:10px 0 0 10px;}
	.main_middle_togather li .cont .tl{padding:40px 10px 10px 10px; font-size:20px;}
	.main_middle_togather li .cont .date{font-size:17px;}

	.main_citizen_visual .left_citizen{width:660px;}
	.main_citizen_visual .left_citizen li{padding:20px 0 0 0;}

	.main_citizen_visual .left_citizen li a{height:240px;}
	.main_citizen_visual .left_citizen li .thumb{width:320px;}
	.main_citizen_visual .left_citizen li .thumb img{width:320px; height:202px;}
	.main_citizen_visual .left_citizen li .cont{width:320px;}
	.main_citizen_visual .left_citizen li .cont .tl{padding:0 0 20px 0;}
	.main_citizen_visual .left_citizen li .tagbox{width:320px; margin-top:-80px;}

	.main_citizen_visual .right_visual{width:320px;}
	.main_citizen_visual .right_visual li:first-child{margin:20px 0 0 0;}
	.main_citizen_visual .right_visual li{width:100%; margin:20px 0 0 0;}
	.main_citizen_visual .right_visual li .thumb{width:320px;  height:202px;}
	.main_citizen_visual .right_visual li .thumb img{width:320px; height:220px;}
	.main_citizen_visual .right_visual li .thumb .thumb_mov img{width:69px; height:69px; margin:65px auto 0 auto;}
	.main_citizen_visual .right_visual li .tl{margin:10px 0 0 0; height:20px; line-height:20px; width:260px;}
	.main_citizen_visual .right_visual li .day{margin:10px 0 0 0; height:25px; line-height:25px; float:right;}

	.main_photo_mov {margin:0px 0 0 0;}
	.main_photo_mov ul{width:1020px;}
	.main_photo_mov li{width:320px; margin:20px 0 0 20px;}
	.main_photo_mov li:first-child{margin-left:0;}
	.main_photo_mov li .thumb{width:320px;}
	.main_photo_mov li .thumb img{width:320px; height:202px;}
	.main_photo_mov li .thumb .thumb_mov img{width:79px; height:79px; margin:65px auto 0 auto;}

	.main_foooter_cont .div_left{width:660px;}
	.main_foooter_cont .div_right{width:320px;  margin:0 0 0 0;}
	.main_foooter_cont .tagbox {margin:15px 0 0 0px; height:80px;}

	.main_foooter_cont .newsletter_cont{width:320px; margin:0px 0 20px 0; float:left;}
	.main_foooter_cont .newsletter_cont a.clearfix{width:320px; height:202px; margin-top:20px;}
	.main_foooter_cont .newsletter_cont .thumb{width:320px; height:202px;}
	.main_foooter_cont .newsletter_cont .thumb img{width:320px; height:202px;}
	.main_foooter_cont .newsletter_cont .cont .tl{padding:0 10px 0 10px; margin-top:65px;}

	.main_foooter_cont .quicklink_cont{clear:left; width:320px; margin:20px 0 0 0; float:none;}
	.main_foooter_cont .quicklink_cont ul.clearfix{margin:20px 0 10px 1px; width:318px;}
	.main_foooter_cont .quicklink_cont li{width:80px; height:67px;}
	.main_foooter_cont .quicklink_cont li a{width:78px; height:65px;}
	.main_foooter_cont .quicklink_cont li a.icn1{background-position:-8px 0;}
	.main_foooter_cont .quicklink_cont li a.icn2{background-position:-103px 0;}
	.main_foooter_cont .quicklink_cont li a.icn3{background-position:-198px 0;}
	.main_foooter_cont .quicklink_cont li a.icn4{background-position:-293px 0;}
	.main_foooter_cont .quicklink_cont li a.icn5{background-position:-8px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn6{background-position:-103px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn7{background-position:-198px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn8{background-position:-293px bottom;}

	.main_foooter_cont .sns_cont .facebook_box{width:380px; margin-top:20px; height:381px;}
	.main_foooter_cont .sns_cont .facebook_box2{width:380px; margin-top:20px; height:381px;}
	.main_foooter_cont .sns_cont .twitter_box{width:270px; margin-top:20px; height:381px;}

	.main_footer_bnr{padding:20px 0 0 0;}
	.main_footer_bnr li.cell1{width:341px;}
	.main_footer_bnr li.cell2{width:320px;}
	.main_footer_bnr li.cell3{width:320px;}
	.main_footer_bnr li a{width:318px; height:107px;}

	.gallery-header{width:1000px; margin:0 auto;}
	.cb-cat-header{padding:8px 25px 5px 25px !important;}
	.main_wrap  a:-webkit-any-link{text-decoration:none !important;}
	.main_wrap #cb-content a,
	.main_wrap #cb-content a:hover{text-decoration:none !important;}
	#main { padding: 25px 0 0 0 !important;}
}

@media only screen and (min-width: 1200px) {  
	.wrap {width: 100%;}
	#cb-nav-bar.cb-stuck {
			position: fixed;
			top: 0;
			left:50%;
			z-index: 999999;
			margin-left:-50%;
			width: 100%;
			-moz-box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
			box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
	}
	#cb-logo-box,
	#cb-nav-bar .header-wrap,
	.cb-footer-lower,
	#cb-section-menu .wrap{width:1200px; margin:0 auto;}
	#cb-content{width:1200px !important;}
	.bg_absolute{position:absolute; left:0; width:100%; height:36px; background:#0f2873; z-index:-1;}
	.bg_absolute_title{position:absolute; left:0; margin-top:-198px; width:100%;   height:168px; background:#f5f5f5; border-bottom:3px solid #eb9812; z-index:-2;}


	/*메인*/
	.main_wrap{width:1200px; }
	.main_wrap .cont_mt{margin-top:30px;}

	.main_news ul{width:1210px; margin-left:-10px;}
	.main_news li{margin:10px 0 0 10px; width:auto;}
	.main_news li:first-child{margin:10px 0 0 10px; width:auto;}
	.main_news li:last-child{display:block;}
/*	.main_news li .cardbox img{width:292px; height:183px;}*/
	.main_news li .cardbox img{width:274px; height:183px;}
	.main_news li .cardbox.big img{width:595px;  height:376px;}
	.main_news li .cardbox .title{line-height:170px; height:115px;}
	.main_news li .cardbox.big .title{line-height:320px; height:200px;}

	.main_middle_news .left_column{width:380px;}
	.main_middle_news .right_view{width:790px; margin-left:30px;}
	.main_middle_news .left_column a{margin:20px 0 0 0;}
	.main_middle_news .left_column .thumb img{width:380px; height:240px;}
	.main_middle_news .left_column .tl{height:40px; line-height:40px;}
	.main_middle_news .right_view ul{width:820px; margin:0 0 -1px -30px; padding:5px 0 0 0;}
	.main_middle_news .right_view li{width:380px; margin:15px 0 0 29px; padding:0 0 15px 0;}
	.main_middle_news .right_view .thumb{width:158px; margin-right:22px;}
	.main_middle_news .right_view .thumb img{width:158px; height:100px;}
	.main_middle_news .right_view .cont{width:190px;}
	.main_middle_news .right_view .cont .mark{display:inline-block; vertical-align:top; min-width:55px; padding:0 5px; height:22px; line-height:22px; background:#00a2e6; color:#fff; font-size:12px; text-align:center;}
	.main_middle_news .right_view .cont .writer,
	.main_middle_news .right_view .cont .day{margin:10px 0 0 0;}

	.main_middle_togather ul{width:1230px; margin-left:-30px;}
	.main_middle_togather li{margin:20px 0 10px 30px;}
	.main_middle_togather li a{width:380px; height:240px;}
	.main_middle_togather li .thumb{width:380px; height:240px;}
	.main_middle_togather li .thumb img{width:380px; height:240px;}
	.main_middle_togather li .cont .mark{margin:10px 0 0 10px;}
	.main_middle_togather li .cont .tl{padding:50px 10px 15px 10px;} 

	.main_citizen_visual .left_citizen{width:790px;}
	.main_citizen_visual .left_citizen li{padding:30px 0;}
	.main_citizen_visual .left_citizen li:first-child{padding:20px 0 30px 0;}
	.main_citizen_visual .left_citizen li a{height:240px;}
	.main_citizen_visual .left_citizen li .thumb{width:380px;}
	.main_citizen_visual .left_citizen li .thumb img{width:380px; height:240px;}
	.main_citizen_visual .left_citizen li .cont{width:380px;}
	.main_citizen_visual .left_citizen li .cont .tl{padding:0 0 20px 0;}
	.main_citizen_visual .left_citizen li .tagbox{width:380px; margin-top:-60px;}

	.main_citizen_visual .right_visual{width:380px;}
	.main_citizen_visual .right_visual li:first-child{margin:20px 0 0 0;}
	.main_citizen_visual .right_visual li{width:100%; margin:20px 0 0 0;}
	.main_citizen_visual .right_visual li .thumb{width:380px;  height:240px;}
	.main_citizen_visual .right_visual li .thumb img{width:380px; height:240px;}
	.main_citizen_visual .right_visual li .thumb .thumb_mov img{width:79px; height:79px; margin:80px auto 0 auto;}
	.main_citizen_visual .right_visual li .tl{margin:10px 0 0 0; height:20px; line-height:20px; width:310px;}
	.main_citizen_visual .right_visual li .day{margin:10px 0 0 0; height:25px; line-height:25px; float:right;}

	.main_photo_mov {margin:0px 0 0 0;}
	.main_photo_mov ul{width:1200px;}
	.main_photo_mov li{width:380px; margin:20px 0 0 30px;}
	.main_photo_mov li:first-child{margin-left:0;}
	.main_photo_mov li .thumb{width:380px;}
	.main_photo_mov li .thumb img{width:380px; height:240px;}
	.main_photo_mov li .thumb .thumb_mov img{width:79px; height:79px; margin:80px auto 0 auto;}

	.main_foooter_cont .div_left{width:790px;}
	.main_foooter_cont .div_right{width:380px;  margin:0 0 0 0;}
	.main_foooter_cont .tagbox {margin:15px 0 0 -5px; height:130px;}

	.main_foooter_cont .newsletter_cont{width:380px; margin:0px 0 20px 0; float:left;}
	.main_foooter_cont .newsletter_cont a.clearfix{width:380px; height:240px; margin-top:20px;}
	.main_foooter_cont .newsletter_cont .thumb{width:380px; height:240px;}
	.main_foooter_cont .newsletter_cont .thumb img{width:380px; height:240px;}
	.main_foooter_cont .newsletter_cont .cont .tl{padding:0 10px 0 10px; margin-top:80px;}

	.main_foooter_cont .quicklink_cont{clear:left; width:380px; margin:40px 0 0 0; float:none;}
	.main_foooter_cont .quicklink_cont ul.clearfix{margin:20px 0 10px 2px;  width:378px;}
	.main_foooter_cont .quicklink_cont li{width:95px; height:67px;}
	.main_foooter_cont .quicklink_cont li a{width:93px; height:65px;}
	.main_foooter_cont .quicklink_cont li a.icn1{background-position:0 0;}
	.main_foooter_cont .quicklink_cont li a.icn2{background-position:-95px 0;}
	.main_foooter_cont .quicklink_cont li a.icn3{background-position:-190px 0;}
	.main_foooter_cont .quicklink_cont li a.icn4{background-position:-285px 0;}
	.main_foooter_cont .quicklink_cont li a.icn5{background-position:0 bottom;}
	.main_foooter_cont .quicklink_cont li a.icn6{background-position:-95px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn7{background-position:-190px bottom;}
	.main_foooter_cont .quicklink_cont li a.icn8{background-position:-285px bottom;}
	.main_foooter_cont .quicklink_cont a.bnr{margin:17px 0 0 0;}

	.main_foooter_cont .sns_cont .facebook_box{width:380px; margin-top:20px; height:379px;}
	.main_foooter_cont .sns_cont .facebook_box2{width:380px; margin-top:20px; height:379px;}
	.main_foooter_cont .sns_cont .twitter_box{width:380px; margin-top:20px; height:379px;}

	.main_footer_bnr{padding:20px 0 0 0;}
	.main_footer_bnr li.cell1{width:411px;}
	.main_footer_bnr li.cell2{width:400px;}
	.main_footer_bnr li.cell3{width:378px;}
	.main_footer_bnr li a{width:378px; height:127px;}

	.gallery-header{width:1200px; margin:0 auto;}
	.cb-cat-header{padding:8px 25px 5px 25px !important;}

	.main_wrap  a:-webkit-any-link{text-decoration:none !important;}
	.main_wrap #cb-content a,
	.main_wrap #cb-content a:hover{text-decoration:none !important;}

	#main { padding: 25px 0 0 0 !important;}
}





@media only screen and (max-width: 1024px){
	.header-wrap #logo img{
			display:inline-block;
			margin: 0 10px;
	}
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}


.col2 .col {
	float: left;
	width: 50%;
}
@media (max-width: 1024px){
	.app-down img {
		width: 96%
	}	
}


.news-col2 {
	float: right;
	width: 65.8%;
}
.news-col2 .col {
	width: 48.2%;
}
.news-col2 .col1 {
	float: left;
}
.news-col2 .col2 {
	float: right;
}
.news-col2 .thumb {
	float: left;
	width: 40%;
}
.news-col2 dl {
	float: right;
	width: 55%;
}
.news-col2 dt {
	font-size: 17px;
	color: #3e3e3e;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 2.8em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.news-col2 dd {
	font-size: 12px;
}
.news-col2 dd.author {
	float: left;
	color: #3e3e3e;
}
.news-col2 dd.date {
	float: right;
	color: #3e3e3e;
	font-size: 11px;
	padding: 2px 0 0 0;
}
.news-col2 li {
	border-bottom: 1px solid #e8e8e8;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
}
.news-col2 li:last-child {
	border-bottom: none;
}
@media (max-width: 767px){
	.news-col2 {
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.news-col2 .col {
		float: none;
		width: 100%;
	}
	.news-col2 ul {
		text-align: center;
	}
	.news-col2 li {
		width: 32.5%;
		display: inline-block;
		border-bottom: none;
		text-align: left;
	}
	.news-col2 .thumb {
		float: none;
		width: 100%;
	}
	.news-col2 dl {
		float: left;  
		width: 100%;
		padding: 0; 
	}
	.news-col2 dt {
		font-size: 15px;
		margin-top: 5px;
	}
	.app-down {
		margin: 25px 0 0 0;
	}
}

@media (max-width: 425px){
	.news-col2 dd.author, .news-col2 dd.date {
		float: none;
	}
}

@media (max-width: 767px){
	.main_photo_mov, .tag_cont {
		display: none;
	}
}

@media (max-width: 425px){
	.main_middle_news .left_column .tl {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.4em;
		height: 3em;
		white-space: normal;
		padding-top: 2px;
		margin-bottom: 2px;
	}
	.main_middle_news .left_column .writer {
		margin-top: -15px;
	}
	.main_middle_news .left_column .day {
		margin: -15px 3px 0 0;
		float: right;
	}
}

@media (max-width: 767px){	


	.main_citizen_visual .left_citizen li .cont .tl {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.4em;
		height: 3em;
		white-space: normal;
		margin-bottom: 7px;
	}
	
	
	.main_citizen_visual .right_visual li .tl {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.4em;
		height: 3em;
		white-space: normal;
		margin-bottom: 7px;
	}

	.main_photo_mov li .tl {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.4em;
		height: 3em;
		white-space: normal;
		padding-top: 5px;
		margin-bottom: 7px;
	}
}	



.main_foooter_cont .quicklink_cont2{width:100%; margin:0 0 0 0; float:right;}
.main_foooter_cont .quicklink_cont2 ul.clearfix{margin:20px 0 10px 2px;  width:378px;}
.main_foooter_cont .quicklink_cont2 li{width:95px; height:67px;}
.main_foooter_cont .quicklink_cont2 li a{width:93px; height:65px;}
.main_foooter_cont .quicklink_cont2 li {border:none;}
.main_foooter_cont .quicklink_cont2 li a{width:auto;height:auto;background:none;}
.main_foooter_cont .quicklink_cont2 a.bnr{margin:17px 0 0 0;}
.slider{border:1px solid #e4e4e4;height:74px;position:relative;margin:20px 0 0 0;}
.flexslider {margin:0 auto!important;border:0!important;width:320px;}
.custom-navigation{position:absolute;top:0;width:100%}
.custom-navigation a{width:16px;height:16px;display:inline-block;text-indent:-9999px;position:absolute;top:30px;}
.custom-navigation .flex-prev{left:10px;background:url('http://mediahub.seoul.go.kr/wp-includes/images/flex_prev.png') no-repeat; }
.custom-navigation .flex-next{right:10px;background:url('http://mediahub.seoul.go.kr/wp-includes/images/flex_next.png') no-repeat;}
.weather_wrap{background:#118cfb;width: 100%;min-height:148px;margin-top:10px;}
.weather_wrap span{color:#fff;}
.weather_wrap .wd_today{height:86px;background:url('http://mediahub.seoul.go.kr/wp-includes/images/weather_bg.png') no-repeat;border-bottom:1px solid #fff;}
.weather_wrap .wd_today .today_left{float:left;margin:10px 0 0 20px}
.weather_wrap .wd_today .today_right{float:right;margin:12px 20px 0 0;}
.weather_wrap .wd_today:after{content:'';display:block;clear:both;}
.weather_wrap .wd_today .today_left .w_date{font-size:13px;}
.weather_wrap .wd_today .today_left .w_tit{font-size:16px;font-weight:500;}
.weather_wrap .wd_today .today_left .w_city{font-size:16px;font-weight:500;text-indent:23px;}
.weather_wrap .wd_today .today_right .w_weather{font-size:35px;color:#f9fb30;font-weight:600;text-align:right;line-height:1.2;}
.weather_wrap .wd_today .today_right .w_temp{font-size:18px;text-align:right;font-weight:500;}
.weather_wrap .wd_today span{display:block;}
.weather_wrap .wd_pm>div{float:left;height:61px;}
.weather_wrap .wd_pm>div:after{content:'';display:block;clear:both;}
.weather_wrap .wd_pm .pm_total{width:34%;border-right:1px solid #fff;}
.weather_wrap .wd_pm .pm_10{width:33%;border-right:1px solid #fff;}
.weather_wrap .wd_pm .pm_25{width:33%;}
.weather_wrap .wd_pm .pm_tit{float:left;font-size:14px;margin:12px 0 0 16px;line-height:1.4;}
.weather_wrap .wd_pm .pm_num{float:right;font-size:14px;color:#f9fb30;margin:20px 10px 0 0;text-align:right;font-weight:500;}



.main_wrap .title-plus{line-height:40px; height:40px; background:url("img/main/bg_main_title.jpg") no-repeat 0 bottom; }
.main_wrap .title-plus h2 a{color:#000;margin:0;border: 1px solid #ddd;padding: 3px 7px 3px;letter-spacing: 0;margin-top: 2px;font-size: 14px;}
.main_wrap .title-plus h2{font-weight:700;color:#000;font-family: 'Noto Sans KR', sans-serif;font-size:18px;line-height: 1.5;}
.main_wrap .title-plus h2 a i{color:#6687cc;}


#letter_pop{position:absolute;width:100%;display:none;}
#letter_mask{content:'';display:block;position:fixed;z-index:100000;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;display:none;}
#letter_pop .letter_wrap{width:368px;border:1px solid #e7e7e7;background:#fff;text-align:center;padding:0 0 30px 0;z-index:100001;position:relative;margin:10% auto 0 auto;}
#letter_pop .letter_wrap h1{font-size:15px;color:#12151b;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1px;}
#letter_pop .letter_wrap h1:before{content:'';display:block;margin:0 auto 10px auto;width:39px;height:30px;background:url(img/newsletter/email_bullet.png) no-repeat;}
#letter_pop .letter_wrap h1:after{content:'';display:block;margin:5px auto 0 auto;width:46px;border-bottom:1px solid #ccc;}
#letter_pop .letter_wrap p{font-size:20px;color:#12151b;font-weight:500;letter-spacing:-1px;line-height:1.3;}
#letter_pop .letter_wrap p strong{color:#118cfb;font-weight:500;}
#letter_pop .letter_wrap form{display:block;padding:0 28px;}
#letter_pop .letter_wrap form input{width:100%;border:none;height:38px;text-indent:35px;border-radius:3px;font-family: 'Noto Sans KR', sans-serif;}
#letter_pop .letter_wrap form>div{border:1px solid #ddd;height:40px;border-radius:3px;margin:0 0 10px 0;position:relative;}
#letter_pop .letter_wrap form>div:before{content:'';display:inline-block;position:absolute;left:10px;top:12px;width:20px;height:17px;}
#letter_pop .letter_wrap form .user_input:before{background:url(img/newsletter/email_bullet.png) left -38px no-repeat;}
#letter_pop .letter_wrap form .email_input:before{background:url(img/newsletter/email_bullet.png) left -64px no-repeat;}
#letter_pop .letter_wrap form .btn_letter{font-size:16px;background:#118cfb;height:40px;line-height:40px;text-align:center;color:#fff;display:block;width:100%;border-radius:3px;font-family: 'Noto Sans KR', sans-serif;}
#letter_pop .letter_wrap .letter_mask{text-align: right;margin: 3% 3%;font-size: 18px;color: #171616;}
@media only screen and (max-width: 481px){
	#letter_pop .letter_wrap{width:auto;margin:0;}
}