@charset "UTF-8";

/* FONT */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
/*
@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*/
@font-face {
    font-family: 'NanumSquareRound';
    src: url('/portal/open_content/system/fonts/NanumSquareRound-master/NanumSquareRoundB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* COMMON */
.main_content_wrap *{font-family:"Noto Sans KR",Helvetica,Arial,sans-serif;box-sizing:border-box;}
.main_content_wrap select{border:none;-webkit-appearance: none;-moz-appearance:none;appearance:none;}
.main_content_wrap select::-ms-expand{display: none;}
.main_content_wrap button{border:0;}

/* 셀렉트 박스 */
.selectBox_area label{/* display: none; */position: absolute;width:95%;font-size: 14px;color: #fff;top: 0;left: -99999px;height: 32px;line-height:32px;letter-spacing: -1px;cursor: pointer;}
.selectBox_area select{display:inline-block;vertical-align:middle;}
.selectBox_area + [class*="btn_go"]{display:inline-block;vertical-align:middle;padding:0 3px;border:1px solid #cfd2d9;border-radius:2px;color:#525252;font-size:11px;font-weight:600;}
.selectBox_area + .btn_go_02{width:50px;height:50px;line-height:48px;border-radius:5px;background:#333532;font-size:17px;color:#fff;text-align:center;font-weight:400;border:0;}

/* 레이아웃 */
.main_content{padding-top:40px;}
.main_content section{margin-bottom:10px;}
.main_content section article .title{padding:15px 20px;border-bottom:1px solid #e8e8e8;}
.main_content section article .title span{font-family:'NanumSquareRound'!important;font-size:17px;font-weight:bold;}

[class*="main_article_type_0"]:after{display:block;content:'';clear:both;}
[class*="main_article_type_0"] article{float:left;}

/* 2:1 비율 */
.main_article_type_02 article:nth-of-type(odd){width:calc(100% - 283px);margin-right:10px;}
.main_article_type_02 article:nth-of-type(even){width:273px;}

/* 1:2 비율 */
.main_article_type_03 article:nth-of-type(odd){width:calc(40.6% - 10px);margin-right:10px;}
.main_article_type_03 article:nth-of-type(even){width:59.4%;}

/* HEADER */
.header{height:auto;}
.wrap_sub{background:none;}
.tnb_wrap{background:#505961;border-bottom:1px solid #dce0e4;}
.tnb_wrap .tnb_area{max-width:1000px;margin:0 auto;font-size:0;}
.tnb_wrap .tnb_area .tnb{float:left;font-size:0;}
.tnb_wrap .tnb_area .tnb li{display:inline-block;border-right:1px solid rgba(255,255,255,0.25);vertical-align:top;box-sizing:border-box;}
.tnb_wrap .tnb_area .tnb li a{display:inline-block;padding:4px 15px 7px;color:#E5E4E4;border-top:3px solid #505961;font-size:15px;line-height:2;vertical-align:middle;text-align:center;font-weight:300;}
.tnb_wrap .tnb_area .tnb li img{display:inline-block;margin-right:5px;vertical-align:middle;}
.tnb_wrap .tnb_area .tnb li.on a{position:relative;background-color:#fff;border-top:3px solid #ffec76;color:#333;}
.tnb_wrap .tnb_area .tnb li.on a:before{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#fff;content:'';}
.tnb_wrap .tnb_area .selectBox_site{float:right;background:#ffec76;padding:0 10px;box-sizing:border-box;}
.tnb_wrap .tnb_area .selectBox_site .selectBox_area{display:inline-block;padding-right:30px;background-image:url(/portal/open_content/images/2021new/main/ico_select.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.tnb_wrap .tnb_area .selectBox_site select{width:110px;height:44px;color:#222;font-size:15px;font-weight:400;border:0;background:#ffec76;}

.tnb_wrap .tnb_area .selectBox_site select option{background-color:white;}

.header_box{position:relative;height:auto;margin:44px auto;font-size:0;}
.header_box article{display:inline-block;vertical-align:middle;}
.header_box .logo{padding-top:0;}
.header_box .searchbox_area{margin:0 15px 0 130px;}
.header_box .search_area{float:none;width:376px;height:48px;margin:0;border:1px solid #505961;}
.header_box .search_area > div > form > fieldset{height:43px;line-height:43px;}
.header_box .search_area .top_sch_sle{width:80px;height:38px;font-size:14px;line-height:38px;background-color:transparent;background-image:url(/portal/open_content/images/2021new/main/ico_select.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;}
.header_box .search_area .top_sch_int{width:94%;height:38px;margin:0 auto;line-height:38px;font-size:15px;}
.header_box .search_area .top_sch_btn{right:18px;top:14px;}
.header_box .util_area{position:absolute;top:10px;right:0;}
.header_box .util_area .util_list{font-size:0;}
.header_box .util_area .util_list li{display:inline-block;padding:0 10px;border-right:1px solid #cfcfcf;vertical-align:top;color:#777;font-size:14px;vertical-align:bottom;}
.header_box .util_area .util_list li.login:before{display:inline-block;width:13px;height:15px;background:url(/portal/open_content/images/2021new/main/ico_login.png) no-repeat;margin-right:5px;margin-top:2px;vertical-align:top;content:'';}
.header_box .util_area .util_list li.selectBox_lague{padding-right:0;border-right:0;color:#525252;font-size:14px;}
.header_box .util_area .util_list li.selectBox_lague .selectBox_area{display:inline-block;padding-right:15px;background-image:url(/portal/open_content/images/2021new/main/ico_select_02.png);background-repeat:no-repeat;background-position:calc(100% - 4px) center;}
.header_box .util_area .util_list li.selectBox_lague select{border:0;background-color:transparent;}

.gnb_box{position:relative;border-top:1px solid #e8e8e8;box-shadow:0px 5px 5px #ddd;}
.gnb_box .gnb{border-bottom:1px solid #e8e8e8;}
.gnb > ul > li{border-right:1px solid #e8e8e8;box-sizing:border-box;}
.gnb > ul > li:first-child{border-left:1px solid #e8e8e8;}
.gnb > ul > li:last-child > a{color:#2850a5!important;}
.gnb > ul > li.on{background:#ffec76;}
.gnb > ul > li.on > a{color:#222;}
.gnb > ul > li.on > div,
.gnb > ul > div > li.current> ul{background:#fefbf3;}
.gnb > ul > li > a{width:100%;box-sizing:border-box;font-family:'NanumSquareRound'!important;font-weight:bold;font-size:18px;}
.gnb > ul > li > a:before{position:absolute;left:0;bottom:0;width:100%;height:7px;box-shadow:0px 5px 5px #ddd;content:'';z-index:9999;}
.gnb > ul > li > div > ul{height:auto;}
.gnb > ul > li > div{padding:15px 0;}
.gnb > ul > li > div > ul > li{line-height:34px;text-align:center;}
.gnb > ul > li > div > ul > li > a{font-size:15px;color:#666;font-weight:300;letter-spacing:-0.3px;}
.gnb > ul > li > div > ul > li.on > a{color:#222;text-underline-position:under;font-weight:400;}
.bg_gnb{border-bottom:1px solid #e8e8e8;box-shadow:0px 5px 6px #ddd inset;}
.bg_gnb.on{height:488px;}

/* FOOTER */
#wrap_footer{background:#777a81;border-top:1px solid #afb1b5;}
.footer_shortcut_wrap{border-bottom:1px solid #afb1b5;}
.footer_shortcut_wrap .site_shortcut{float:left;width:25%;border-right:1px solid #afb1b5;}
.footer_shortcut_wrap .site_shortcut:first-child{border-left:1px solid #afb1b5;}
.footer_shortcut_wrap .site_shortcut select{color:#fff;font-size:16px;background:#777a81;}
.footer_shortcut_wrap .site_shortcut .btn_go{background:#777a81;}
.footer_shortcut_wrap .site_shortcut .selectBox_area{display:inline-block;width:calc(100% - 55px);vertical-align:top;}
.footer_shortcut_wrap .site_shortcut .selectBox_area select{width:100%;height:50px;padding:15px 20px;font-size:16px;background:url(/portal/open_content/images/2021new/main/ico_select_04.png) no-repeat right center; background-position:200% center;}
.footer_shortcut_wrap .site_shortcut .selectBox_area select optgroup,
.footer_shortcut_wrap .site_shortcut .selectBox_area select option{color:#333;}

.footer_infor_wrap{padding:30px 0 40px;}
.policy_list_area{padding-bottom:25px;}
.policy_list_area .policy_list{font-size:0;}
.policy_list_area .policy_list li{display:inline-block;padding:0 10px;border-right:1px solid #919295;vertical-align:top;line-height:1;}
.policy_list_area .policy_list li:first-child{padding-left:0;}
.policy_list_area .policy_list li:last-child{padding-right:0;border-right:0;}
.policy_list_area .policy_list li a{font-size:15px;color:#fff;}
.policy_list_area .policy_list li.pivacy a{color:#FFE384;}

.footer_infor_area{padding-bottom:25px;}
.footer_infor_area .footer_infor{float:left;}
.footer_infor_area .footer_infor .infor{margin-bottom:10px;font-size:15px;color:#fff;}
.footer_infor_area .footer_infor .copyright{font-size:15px;color:#E0DFDF;font-weight:400;}
.footer_infor_area .footer_mark{float:right;}
.footer_infor_area .footer_mark li{display:inline-block;padding-left:15px;vertical-align:top;}
.footer_infor_area .footer_mark li:first-child{padding-left:0;}

.footer_sns_list{height:auto;padding:0;}
.footer_sns_list ul li:first-child{margin-left:0;}
.footer_sns_list ul li a{width:38px;height:39px;padding:0;font-size:0;}

/* CONTENT */
/* 메인 슬라이드 */
.main_visual{position:relative;}
.main_visual .item a{display:block;width:100%;height:300px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:20px;}
.main_visual .item a:focus{border:1px solid #000;}

.main_visual .owl-dots{display:none;}
.main_visual .owl-nav{position:absolute;top:8px;right:15px;width:130px;height:36px;border-radius:18px;background:rgba(51,51,51,0.6);z-index:9;}
.main_visual .owl-nav button.owl-prev,
.main_visual .owl-nav button.owl-next,
.main_visual .btn_play{position:absolute;width:25px;height:36px;background-position:50% 50%;background-repeat:no-repeat;z-index:10;}
.main_visual .pagination{position:absolute;width:55px;top:8px;right:90px;line-height:36px;color:#fff;z-index:10;text-align:center;}
.main_visual .pagination span{display:inline-block;padding:0 2px;font-size:14px;}
.main_visual .owl-nav button span{font-size:0;}
.main_visual .owl-nav button.owl-prev{right:60px;background-image:url(/portal/open_content/images/2021new/main/arr_prev.png)}
.main_visual .owl-nav button.owl-next{right:10px;background-image:url(/portal/open_content/images/2021new/main/arr_next.png)}
.main_visual .btn_play{display:block;top:8px;right:50px;font-size:0;background-color:transparent;}
.main_visual .btn_play.stop{background-image:url(/portal/open_content/images/2021new/main/btn_stop.png)}
.main_visual .btn_play.play{background-image:url(/portal/open_content/images/2021new/main/btn_play.png)}

.main_visual.one_item .pagination,
.main_visual.one_item .btn_play{display:none;}

/* 시장 인사 */ 
.main_mayor .mayor_image{height:210px;padding:15px;background-image:url(/portal/open_content/images/2021new/main/mayor.png);background-repeat:no-repeat;background-position:calc(100% + 20px) -17px;}
.main_mayor .mayor_image .text{padding:30px 0 20px;}
.main_mayor .mayor_image .text *{font-family:'NanumSquareRound';}
.main_mayor .mayor_image .text span{font-size:15px;}
.main_mayor .mayor_image .text p{font-size:18px;line-height:1.2;}
.main_mayor .mayor_image .text strong{font-size:24px;}
.main_mayor .mayor_image .btn_go{display:inline-block;position:relative;padding:5px 40px 5px 7px;border-bottom:1px solid #e27833;font-size:14px;}
.main_mayor .mayor_image .btn_go:after{position:absolute;right:-2px;bottom:6px;width:20px;height:1px;background:#e27833;transform:rotate(45deg);content:'';}
.main_mayor .mayor_link{font-size:0;}
.main_mayor .mayor_link li{display:inline-block;width:50%;height:44px;line-height:44px;background:#8B8B8B;text-align:center;}
.main_mayor .mayor_link li:nth-child(-n + 2){border-bottom:2px solid #b8b8b8;}
.main_mayor .mayor_link li:nth-child(odd){border-right:1px solid #b8b8b8;}
.main_mayor .mayor_link li a{font-size:15px;color:#fff;}

/* 신청접수중 */
.list_type_02{padding:15px 20px;}
.list_type_02 li{position:relative;height:30px;padding-left:15px;font-size:0;}
.list_type_02 li:before{position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:2px;background:#333;content:'';}
.list_type_02 li .tit{overflow:hidden;display:inline-block;font-size:16px;color:black;vertical-align:top;font-weight:400;text-overflow:ellipsis;white-space: nowrap;}
.list_type_02 li .date{display:inline-block;font-size:14px;color:black;vertical-align:top;font-weight:400;}
.list_type_02 li .infor{float:right;display:inline-block;font-size:16px;color:#155f8c;vertical-align:top;}

.main_apply .title span{float:left;}
.main_apply .title .btn_more{float:right;width:18px;height:18px;background:url(/portal/open_content/images/2021new/main/ico_plus.png) no-repeat;font-size:0;}
.main_apply .apply_list{background:#fbfaf2;}
.main_apply .apply_list li a{display:block;position:relative;width:93%;padding-right:170px;font-size:0;}
.main_apply .apply_list li .tit{max-width:100%;padding:3px 25px 3px 0;}
.main_apply .apply_list li .tit.new{background:url(/portal/open_content/images/2021new/main/ico_new.png) no-repeat right 3px;}
.main_apply .apply_list li .date{position:absolute;top:3px;right:0;}

.main_movement .title a{float:right;}
.main_movement .title a > span{float: none !important;}

.main_movement .movement_list{background:#f1f4f8;}
.main_movement .movement_list li{line-height:30px;}
.main_movement .movement_list li:before{top:13px;}

/* 아이콘 바로가기 */
.main_shortcut{padding:25px;padding-bottom:30px;}
.main_shortcut .shortcut_list{font-size:0;}
.main_shortcut .shortcut_list li{display:inline-block;width:11.1111%;vertical-align:top;text-align:center;}
.main_shortcut .shortcut_list li a{display:block;}
.main_shortcut .shortcut_list li a span{display:block;position:relative;}
.main_shortcut .shortcut_list li a span:before{position:absolute;left:calc(50% - 42.5px);top:-5px;width:85px;height:85px;border:0 solid #ffec76;border-radius:47.5px;transition:border-width .3s;content:'';z-index:5;box-sizing:border-box;}
.main_shortcut .shortcut_list li a span img{display:block;margin:0 auto;transition:all .5s}
.main_shortcut .shortcut_list li a .text{margin-top:10px;font-size:15px;}

/* 알림판 */
.main_notice{position:relative;}
.main_notice .owl-carousel{padding:15px;}
.main_notice .item a{display:block;width:100%;height:280px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% 100%;}
.main_notice .item a:focus{border:1px solid #000;}

.main_notice .owl-dots{display:none;}
.main_notice .owl-nav{position:absolute;top:-37px;right:15px;width:130px;height:24px;border-radius:18px;z-index:9;}
.main_notice .owl-nav button.owl-prev,
.main_notice .owl-nav button.owl-next,
.main_notice .btn_play{position:absolute;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;z-index:10;}
.main_notice .pagination{position:absolute;top:12px;right:90px;padding:0 10px;line-height:24px;color:#808080;z-index:10;}
.main_notice .pagination span{display:inline-block;padding:0 2px;font-size:15px;}
.main_notice .pagination span.current_num{color:#333;}
.main_notice .owl-nav button span{font-size:0;}
.main_notice .owl-nav button.owl-prev{right:50px;background-image:url(/portal/open_content/images/2021new/main/arr_prev_02.png);}
.main_notice .owl-nav button.owl-next{right:0;background-image:url(/portal/open_content/images/2021new/main/arr_next_02.png);}
.main_notice .btn_play{display:block;top:12px;right:40px;font-size:0;background-color:transparent;background-position:center center;}
.main_notice .btn_play.stop{background-image:url(/portal/open_content/images/2021new/main/btn_stop_02.png)}
.main_notice .btn_play.play{background-image:url(/portal/open_content/images/2021new/main/btn_play_02.png)}

.main_notice.one_item .pagination,
.main_notice.one_item .btn_play{display:none;}

/* 공지사항 */ 
.main_board_wrap{margin-bottom:30px;}
.main_board .board_box{height:auto;padding:0;margin:0;border:0;}
.main_board .board_box .board{height:360px;font-size:0;}
.main_board .board_box .board h3{width:calc(25% - 17.5px);padding:0;}
.main_board .board_box .board h3 a{height:auto;margin:0!important;padding:14px 0;line-height:1.2;font-size:17px;color:#222;font-family:'NanumSquareRound';border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.main_board .board_box .board h3.current a{background:#ffec76;text-decoration:underline;text-underline-position:under;}
.main_board .board_box .board div{top:82px;padding:0 25px;}
.main_board .board_box .board div p.more{width:70px;height:49px;top:-82px;line-height:49px;text-align:center;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.main_board .board_box .board dl{margin-bottom:30px;}
.main_board .board_box .board dl dt{height:auto;margin:0;padding:10px 0;}
.main_board .board_box .board dl dt a{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_board .board_box .board dl dd a{font-size:15px;color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_board .board_box .board dl dd.date{border:2px solid #e0e0e0;}
.main_board .board_box .board dl dd.date span{font-size:14px;color:#555454;}
.main_board .board_box .board dl dd.date strong{font-size:30px;color:#555454;}
.main_board .board_box .board div ul{height:auto;padding-top:15px;border-top:1px dashed #ccc;}
.main_board .board_box .board div ul li{margin-bottom:10px;padding:0;padding-left:20px;background:url(/portal/open_content/images/2021new/main/ico_dot.png) 5px 8px no-repeat;line-height:1;}
.main_board .board_box .board div ul li:last-child{margin-bottom:0;}
.main_board .board_box .board div ul li strong{display:inline-block;width:auto;max-width:100%;padding-right:25px;font-size:16px;color:#707070;font-weight:400;line-height:1.3;}
.main_board .board_box .board div ul li.new strong{background:url(/portal/open_content/images/2021new/main/ico_new.png) no-repeat right top;}

/* 종로 이슈 */
.main_issue_wrap{background:url(/portal/open_content/images/2021new/main/bg_main_issue.jpg) no-repeat;background-size: cover}
.main_issue_area h2{padding:40px 0 25px;font-size:30px;font-family:'NanumSquareRound';text-align:center;color:#303030;}
.main_issue_area .cont_area2{height:430px;}
.main_issue_area .cont_area2 h3{width:20%;}
.main_issue_area .cont_area2 h3 a{border:1px solid #d5dee5;border-left:0;font-family:'NanumSquareRound';font-weight:bold;color:#303030;}
.main_issue_area .cont_area2 h3.first_tab a{border-left:1px solid #d5dee5;}
.main_issue_area .cont_area2 h3.issue_tab_on a{border:1px solid #d5dee5;background:#ffec76;}
.main_issue_area .cont_area2 .issue_con{top:80px;left:0;width:100%;}
.main_issue_area .cont_area2 .issue_con li{width:calc(25% - 3.75px);margin-left:5px;}
.main_issue_area .cont_area2 .issue_con li.issue_first{margin-left:0;}
.main_issue_area .cont_area2 .issue_con li.more{width:35px;height:35px;top:-120px;right:15px;}
.main_issue_area .cont_area2 .issue_con li:not(.more) a{min-height:286px;margin:0;padding:8px;background:#fff;box-shadow:4px 4px 5px rgba(0,0,0,0.08)}
.main_issue_area .cont_area2 .issue_con li a .issue_frame{margin-bottom:15px;border:0;background:#eee;}
.main_issue_area .cont_area2 .issue_con li a .issue_title{height:42px;margin:0 5px 10px 5px;line-height:1.4;font-size:15px;color:#303030;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main_issue_area .cont_area2 .issue_con li a .issue_date{margin:0 5px;font-size:14px;}

/* 분야별 바로가기 */
.main_field_wrap{padding:35px 0 45px;}
.main_field_wrap h2{margin-bottom:15px;font-family:'NanumSquareRound';font-size:17px;color:#303030;}
.main_field_area .field_list{font-size:0;}
.main_field_area .field_list li{display:inline-block;width:calc(25% - 15px);margin-right:20px;vertical-align:top;}
.main_field_area .field_list li:last-child{margin-right:0;}
.main_field_area .field_list .selectBox_area{margin-right:5px;}
.main_field_area .field_list .selectBox_area select{width:calc(100% - 55px);height:50px;padding:15px 20px;border:1px solid #d4d4d4;font-size:16px;border-radius:5px;background:url(/portal/open_content/images/2021new/main/ico_select_03.png) no-repeat calc(100% - 13px) center;}

/* 배너 */
.main_banner_wrap{overflow:hidden;height:80px;margin:0!important;}
.main_banner_wrap a{text-align:center;display: table;margin: 0 auto;}
.main_banner_wrap img{/* display:block; */max-width:100%;height:100%;margin: 0 auto;}

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

/* 레이아웃 */
.main_content{padding-top:0;}
.main_content section article > div{border-radius:10px;}
.main_content section article .title{padding:10px 20px;}
.main_content section article .title span{font-size:15px;}

[class*="main_article_type_0"] article{float:none;margin-bottom:10px;}
[class*="main_article_type_0"] article:last-child{margin-bottom:0;}

/* 2:1 비율 */
.main_article_type_02 article:nth-of-type(odd){width:100%;margin-right:0;}
.main_article_type_02 article:nth-of-type(even){width:100%;}

/* 1:2 비율 */
.main_article_type_03 article:nth-of-type(odd){width:100%;margin-right:0;}
.main_article_type_03 article:nth-of-type(even){width:100%;}

/* HEADER */
.tnb_wrap .tnb_area .tnb{width:400px;font-size:0;}
.tnb_wrap .tnb_area .tnb li img{display:none;}
.tnb_wrap .tnb_area .tnb li a{width:100%;height:35px;padding:0;font-size:13px;line-height:2.4;background-repeat: no-repeat;background-position:50% 40%;}
.tnb_wrap .tnb_area .tnb li:nth-child(5),
.tnb_wrap .tnb_area .tnb li:nth-child(6){padding:0 15px;}
.tnb_wrap .tnb_area .tnb li:nth-child(-n + 4){width:40px;box-sizing:border-box;}
.tnb_wrap .tnb_area .tnb li:nth-child(-n + 4) a{font-size:0;}
.tnb_wrap .tnb_area .tnb li:nth-child(1) a{background-image:url(/portal/open_content/images/2021new/main/ico_tnb.png);}
.tnb_wrap .tnb_area .tnb li:nth-child(2) a{background-image:url(/portal/open_content/images/2021new/main/ico_tnb_02.png);}
.tnb_wrap .tnb_area .tnb li:nth-child(3) a{background-image:url(/portal/open_content/images/2021new/main/ico_tnb_05.png);}
.tnb_wrap .tnb_area .tnb li:nth-child(4) a{background-image:url(/portal/open_content/images/2021new/main/ico_tnb_04.png);}
.tnb_wrap .tnb_area .selectBox_site select{height:35px;font-size:13px;}

.header{height:auto;border-bottom:0;}
.header_box{position:static;margin:0;padding:15px 0 10px;border-bottom:1px solid #e8e8e8;}
.header_box .logo_area{position:relative;width:100%;padding-bottom:15px;z-index:110;}
.header_box .logo_area .logo{width:124px;height:auto;}
.header_box .logo_area .logo img{max-width:100%;}
.header_box .searchbox_area{display:block;width:90%;margin:0 auto;}
.header_box .search_area{display:block;position:static;float:none;width:100%;height:48px;border-radius:30px;}
.header_box .search_area > div{position:static;padding:5px 0;}
.header_box .search_area > div > form{position:static;height:auto;padding:0;border:0;background:none;}
.header_box .search_area .top_sch_btn{top:9px;}
.header_box .util_area{position:absolute;right:10px;top:22px;z-index:120;}
.header_box .util_area .util_list li{display:none;}
.header_box .util_area .util_list li.selectBox_lague{display:block;}

/* 모바일 메뉴 */
.header_box .btn_mob_gnb{top:15px;width:40px;height:38px;border-radius:0;background:none;}
.header_box .btn_mob_gnb.on + .logo_area{box-shadow:0px 5px 5px #ddd}
.btn_mob_gnb span,
.btn_mob_gnb span::before,
.btn_mob_gnb span::after{background:#222;}
.btn_mob_gnb.on span::before, .btn_mob_gnb.on span::after{background:#222;}
.mob_gnb{top:102px;background:rgba(0,0,0,0.5);}
.depth1 > li{border-top:1px solid #e8e8e8;}
.depth1 > li:last-child > a{color:#2850a5;}
.depth1 > li > a{color:#222;background-image:url("/portal/open_content/images/2021new/main/ico_plus.png");background-position:97% center;background-repeat:no-repeat;background-color:#fff;}
.depth1 > li > a.on{background-image:url("/portal/open_content/images/2021new/main/ico_minus.png");background-color:#ffec76;border-bottom:1px solid #e8e8e8;}
.depth1 > li > a.on > span{background:none;border-bottom:1px solid #222;}
.depth2 > li > a{background:#fefbf3;}
.depth2 > li > a.haschild{background:#fefbf3 url(https://www.jongno.go.kr/portal/open_content/images/common/menu/arr02.png) 97% center no-repeat;}
.encase-top{padding:20px 0;text-align:center;}
.encase-top a{float:none;display:inline-block;width:140px;height:35px;padding:0;border-top:0;line-height:35px;border-radius:26px;background:#f8f8f8;font-size:15px;color:#222;font-weight:600;}
.encase-top a:first-child{margin-right:5px;}
.encase-top a span{background:url(/portal/open_content/images/2021new/main/ico_login.png) 35px 10px no-repeat;}

/* FOOTER */
.footer_shortcut_wrap{border-bottom:0;}
.footer_shortcut_wrap .site_shortcut{width:50%;border-bottom:1px solid #afb1b5;}
.footer_shortcut_wrap .site_shortcut select{font-size:14px;}

.footer_infor_wrap{position:relative;padding:80px 0 30px;}
.policy_list_area{text-align:center;}

.footer_infor_area{text-align:center;}
.footer_infor_area .footer_infor{float:none;padding-bottom:25px;}
.footer_infor_area .footer_mark{float:none;}

.footer_sns_list{position:absolute;width:100%;top:-60px;left:50%;transform:translateX(-50%);}
.footer_sns_list ul li{width:auto!important;height:auto;padding:0 10px;margin:0;}

/* CONTENT */
/* 메인 슬라이드 */
.main_visual{position:relative;border:0!important;}
.main_visual .item a{height:0;min-height:150px;padding-bottom:41.782729%;border-radius:0;}

.main_visual .owl-dots{display:none;}
.main_visual .owl-nav{position:absolute;top:auto;bottom:5px;right:calc(50% - 65px);}
.main_visual .pagination{top:auto;bottom:5px;right:calc(50% + 10px);}
.main_visual .btn_play{top:auto;bottom:5px;right:calc(50% - 30px);}

/* 시장 인사 */ 
.main_mayor_area{padding: 0 10px;}
.main_mayor .mayor_image{height:145px;background-position:calc(100% + 5px) -17px;background-size:140px;}
.main_mayor .mayor_image .text{padding:15px 0;}
.main_mayor .mayor_image .text span{font-size:14px;}
.main_mayor .mayor_image .text p{font-size:15px;}
.main_mayor .mayor_image .text p br{display:none;}
.main_mayor .mayor_image .text strong{font-size:18px;}
.main_mayor .mayor_link li{width:25%;height:39px;line-height:39px;background:#8B8B8B;text-align:center;}
.main_mayor .mayor_link li:nth-child(-n + 2){border-bottom:0;}
.main_mayor .mayor_link li:nth-child(2){border-right:1px solid #b8b8b8;}

/* 신청접수중 */
.list_type_02{padding: 15px;}
.main_apply_area{padding: 0 10px;}
.main_apply .apply_list li a{padding-right:0;}
.main_apply .apply_list li .date{display:none;}

.main_movement_area{padding: 0 10px;}

/* 아이콘 바로가기 */
.main_shortcut_area{padding: 0 10px;}
.main_shortcut{padding:15px;padding-bottom:20px;}
.main_shortcut .shortcut_list li{width:33.3333%;}
.main_shortcut .shortcut_list li:nth-child(n + 4){margin-top:15px;}

/* 게시판 */
.main_board_wrap{margin-bottom:20px;}
.main_notice_area{padding:0 10px;}
.main_notice .item a{margin:0 auto;}
.main_notice .owl-nav{top:-32px;}
.main_notice .pagination,
.main_notice .btn_play{top:8px;}

.main_board_area{padding:0 10px;}

/* 종로 이슈 */
.main_issue_wrap{background:#eff6fc;}
.main_issue_area{padding:0 10px;}
.main_issue_area h2{padding:25px 0 15px;font-size:25px;}
.main_issue_area .cont_area2 h3 a{font-size:15px;}
.main_issue_area .cont_area2{height:620px;margin:0;}
.main_issue_area .cont_area2 .issue_con{top:60px;}
.main_issue_area .cont_area2 .issue_con li{width:calc(50% - 2.5px);}
.main_issue_area .cont_area2 .issue_con li:nth-child(-n + 2){margin-bottom:5px;}
.main_issue_area .cont_area2 .issue_con li:nth-child(3){margin-left:0;}

.main_issue_area .cont_area2 .issue_con li.more{top:-93px;}
.main_issue_area .cont_area2 .issue_con li:not(.more) a{min-height:256px;}
.main_issue_area .cont_area2 .issue_con li a .issue_frame{height:160px!important;margin-bottom:10px;}
.main_issue_area .cont_area2 .issue_con li a .issue_title{height:38px;margin:0 5px 5px 5px;font-size:14px;}
.main_issue_area .cont_area2 .issue_con li a .issue_date{margin:0 5px;}

/* 분야별 바로가기 */
.main_field_wrap{padding:25px 10px;}
.main_field_wrap h2{margin-bottom:10px;font-size:15px;}
.main_field_area .field_list li{width:calc(50% - 5px);margin-right:10px;}
.main_field_area .field_list li:nth-child(2){margin-right:0;}
.main_field_area .field_list li:nth-child(n + 3){margin-top:10px;}
.main_field_area .field_list .selectBox_area{margin-right:3px;}
.main_field_area .field_list .selectBox_area select{width:calc(100% - 53px);height:50px;padding:10px 15px;}

}

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

/* HEADER */
.tnb_wrap .tnb_area .tnb{display:flex;width:calc(100% - 102px);}
.tnb_wrap .tnb_area .tnb li{flex:1 auto;}
.tnb_wrap .tnb_area .tnb li:nth-child(5),
.tnb_wrap .tnb_area .tnb li:nth-child(6){padding:0 5px;}
.tnb_wrap .tnb_area .selectBox_site{width:102px;}
.tnb_wrap .tnb_area .selectBox_site .selectBox_area{padding-right:20px;background-position:calc(100% - 8px) 50%;}
.tnb_wrap .tnb_area .selectBox_site select{width:37px;font-size:12px;}

/* FOOTER */
.footer_infor_wrap{position:relative;padding:80px 0 0;}
.policy_list_area{display:none;}
.footer_sns_list ul li{padding:0 5px;}
.footer_infor_area .footer_infor .infor,
.footer_infor_area .footer_infor .copyright{font-size:14px;}
.footer_infor_area .footer_mark li{padding-left:10px;}

/* 공지사항 */ 
.main_board .board_box .board{height:300px;}
.main_board .board_box .board h3{float:left;width:calc(25% - 12px);}
.main_board .board_box .board h3 a{font-size:14px;}
.main_board .board_box .board div{top:64px;padding:0 15px;}
.main_board .board_box .board div p.more{display:block!important;width:48px;top:-68px;}
.main_board .board_box .board dl{margin-bottom:20px;}

.main_board .board_box .board dl dt{padding:5px 0;}
.main_board .board_box .board dl dt a{font-size:15px;}
.main_board .board_box .board dl dd a{font-size:14px;}
.main_board .board_box .board div ul li{margin-bottom:7px;}
.main_board .board_box .board div ul li strong{font-size:14px;}
.main_board .board_box .board div ul li.new strong{background-size:16px;}

/* 배너 */
.main_banner_wrap{height:50px;background-size:cover;}

.roll_list {padding:0px 15px;}

/* 게시판 */
.main_notice .owl-carousel{padding:10px;}
}

@media screen and (max-width: 480px){
.selectBox_area + .btn_go_02{height:40px;line-height:38px;font-size:16px;}

/* HEADER */
.header_box .util_area .util_list li.selectBox_lague select{font-size:12px;}

.main_mayor .mayor_link{display:flex;}
.main_mayor .mayor_link li{flex:1 auto;width:auto;padding:0 3px;}
.main_mayor .mayor_link li a{font-size:12px;}

/* FOOTER */
.footer_shortcut_wrap .site_shortcut{float:none;width:100%;}
.footer_shortcut_wrap .site_shortcut .selectBox_area select{width:100%;height:40px;font-size:15px;padding:0 20px;}

/* 아이콘 바로가기 */
.main_shortcut .shortcut_list li a .text{margin-top:7px;font-size:14px;}

/* 게시판 */
.main_notice .owl-carousel{padding:10px;}

/* 종로 이슈 */
.main_issue_area .cont_area2 h3 a{font-size:13px;}

/* 분야별 바로가기 */
.main_field_area .field_list li{display:block;width:100%;margin-right:0;}
.main_field_area .field_list li:nth-child(2){margin-top:10px;}
.main_field_area .field_list .selectBox_area select{height:40px;font-size:15px;}

}

@media all and (min-width:1000px){

.main_apply .apply_list li a:hover strong{text-decoration:underline;text-underline-position:under;}

.main_shortcut .shortcut_list li a:hover img,
.main_shortcut .shortcut_list li a:focus img{transform:rotateY(180deg);}
.main_shortcut .shortcut_list li a:hover span:before,
.main_shortcut .shortcut_list li a:focus span:before{border-width:5px}
.roll_list {padding:0px 20px;}

}

/* 221110 소셜 로그인 */
.header_box .util_area .util_list li.sns_login a {position:relative; padding-left:33px;}
.header_box .util_area .util_list li.sns_login.on_naver a:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:28px; height:28px; background:url(/portal/open_content/images/i-naver-s.png) no-repeat;}
.header_box .util_area .util_list li.sns_login.on_kakako a:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:28px; height:28px; background:url(/portal/open_content/images/i-kakao-s.png) no-repeat;}
/*// 221110 소셜 로그인 */